ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1,249 lines (1,248 loc) • 64.4 kB
TypeScript
export declare const IvueSelect: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
modelValue: {
type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
defaultLabel: {
type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
default: () => string;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
multipleFilterableClear: {
type: BooleanConstructor;
default: boolean;
};
multipleIcon: {
type: StringConstructor;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
capture: {
type: BooleanConstructor;
default(): any;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
name: {
type: StringConstructor;
};
labelAndValue: {
type: BooleanConstructor;
default: boolean;
};
prefix: {
type: StringConstructor;
};
maxTagCount: {
type: NumberConstructor;
};
maxTagPlaceholder: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
default: string;
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
allowCreateIcon: {
type: StringConstructor;
default: string;
};
notFindText: {
type: StringConstructor;
default: string;
};
searchMethod: {
type: FunctionConstructor;
};
arrowDownIcon: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
resetSelectIcon: {
type: StringConstructor;
default: string;
};
filterableHiddenGroup: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
loadingText: {
type: StringConstructor;
default: string;
};
filterByLabel: {
type: BooleanConstructor;
default: boolean;
};
restoreInputOption: {
type: BooleanConstructor;
default: boolean;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
placement: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
transferClassName: {
type: StringConstructor;
};
autoComplete: {
type: BooleanConstructor;
default: boolean;
};
filterQueryProp: {
type: StringConstructor;
default: string;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
}, {
prefixCls: string;
selectWrapper: import("vue").Ref<HTMLDivElement>;
reference: import("vue").Ref<HTMLDivElement>;
dropdown: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
transfer: boolean;
placement: string;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
className: {
type: StringConstructor;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
placement: {
type: StringConstructor;
default: string;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "transfer" | "placement">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
className: {
type: StringConstructor;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
placement: {
type: StringConstructor;
default: string;
};
}>>, {
data: {
width: string;
tIndex: number;
popper: any;
popperStatus: boolean;
};
styles: import("vue").ComputedRef<{
zIndex?: number;
}>;
minWidth: import("vue").ComputedRef<string>;
update: () => void;
destroy: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
transfer: boolean;
placement: string;
}, {}, string> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
className: {
type: StringConstructor;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
placement: {
type: StringConstructor;
default: string;
};
}>> & import("vue").ShallowUnwrapRef<{
data: {
width: string;
tIndex: number;
popper: any;
popperStatus: boolean;
};
styles: import("vue").ComputedRef<{
zIndex?: number;
}>;
minWidth: import("vue").ComputedRef<string>;
update: () => void;
destroy: () => void;
}> & {} & import("vue").ComponentCustomProperties & {}>;
selectHead: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
values: unknown[];
placeholder: string;
disabled: boolean;
clearable: boolean;
multiple: boolean;
multipleIcon: string;
filterable: boolean;
isSearchMethod: boolean;
resetSelectIcon: string;
filterQueryProp: string;
allowCreate: boolean;
showCreateItem: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
multipleIcon: {
type: StringConstructor;
default: string;
};
values: {
type: ArrayConstructor;
default: () => any[];
};
prefix: {
type: StringConstructor;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
maxTagCount: {
type: NumberConstructor;
};
maxTagPlaceholder: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
default: string;
};
arrowDownIcon: {
type: StringConstructor;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
isSearchMethod: {
type: BooleanConstructor;
default: boolean;
};
resetSelectIcon: {
type: StringConstructor;
default: string;
};
filterQueryProp: {
type: StringConstructor;
default: string;
};
selectionDom: {
type: ObjectConstructor;
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "values" | "placeholder" | "disabled" | "clearable" | "multiple" | "multipleIcon" | "filterable" | "isSearchMethod" | "resetSelectIcon" | "filterQueryProp" | "allowCreate" | "showCreateItem">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
multipleIcon: {
type: StringConstructor;
default: string;
};
values: {
type: ArrayConstructor;
default: () => any[];
};
prefix: {
type: StringConstructor;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
maxTagCount: {
type: NumberConstructor;
};
maxTagPlaceholder: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
default: string;
};
arrowDownIcon: {
type: StringConstructor;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
isSearchMethod: {
type: BooleanConstructor;
default: boolean;
};
resetSelectIcon: {
type: StringConstructor;
default: string;
};
filterQueryProp: {
type: StringConstructor;
default: string;
};
selectionDom: {
type: ObjectConstructor;
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
}>>, {
prefixCls: string;
wrapper: import("vue").Ref<HTMLElement>;
input: import("vue").Ref<HTMLInputElement>;
data: {
inputLength: number;
filterQuery: string;
isInputChange: boolean;
};
wrapperClasses: import("vue").ComputedRef<{
[x: string]: string | boolean | import("vue").Slot;
}>;
selectedMultiple: import("vue").ComputedRef<import("./types/option").OptionData[]>;
defaultDisplayClasses: import("vue").ComputedRef<(string | {
[x: string]: string | boolean | import("vue").Slot;
})[]>;
defaultDisplayValue: import("vue").ComputedRef<string>;
resetSelect: import("vue").ComputedRef<boolean>;
showPlaceholder: import("vue").ComputedRef<boolean>;
inputStyles: import("vue").ComputedRef<{
width?: string;
}>;
inputClasses: import("vue").ComputedRef<(string | {
'ivue-select-input-filter-placeholder': boolean;
})[]>;
handleClear: () => void;
handleRemoveSelectItem: (value: any) => boolean;
handleInputFocus: () => void;
handleInputBlur: () => void;
handleResetInputState: (event?: any) => void;
handleInputDelete: (event: Event) => void;
handleInputEnter: (event: Event) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
values: unknown[];
placeholder: string;
disabled: boolean;
clearable: boolean;
multiple: boolean;
multipleIcon: string;
filterable: boolean;
isSearchMethod: boolean;
resetSelectIcon: string;
filterQueryProp: string;
allowCreate: boolean;
showCreateItem: boolean;
}, {}, string> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
multipleIcon: {
type: StringConstructor;
default: string;
};
values: {
type: ArrayConstructor;
default: () => any[];
};
prefix: {
type: StringConstructor;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
maxTagCount: {
type: NumberConstructor;
};
maxTagPlaceholder: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
default: string;
};
arrowDownIcon: {
type: StringConstructor;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
isSearchMethod: {
type: BooleanConstructor;
default: boolean;
};
resetSelectIcon: {
type: StringConstructor;
default: string;
};
filterQueryProp: {
type: StringConstructor;
default: string;
};
selectionDom: {
type: ObjectConstructor;
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
}>> & import("vue").ShallowUnwrapRef<{
prefixCls: string;
wrapper: import("vue").Ref<HTMLElement>;
input: import("vue").Ref<HTMLInputElement>;
data: {
inputLength: number;
filterQuery: string;
isInputChange: boolean;
};
wrapperClasses: import("vue").ComputedRef<{
[x: string]: string | boolean | import("vue").Slot;
}>;
selectedMultiple: import("vue").ComputedRef<import("./types/option").OptionData[]>;
defaultDisplayClasses: import("vue").ComputedRef<(string | {
[x: string]: string | boolean | import("vue").Slot;
})[]>;
defaultDisplayValue: import("vue").ComputedRef<string>;
resetSelect: import("vue").ComputedRef<boolean>;
showPlaceholder: import("vue").ComputedRef<boolean>;
inputStyles: import("vue").ComputedRef<{
width?: string;
}>;
inputClasses: import("vue").ComputedRef<(string | {
'ivue-select-input-filter-placeholder': boolean;
})[]>;
handleClear: () => void;
handleRemoveSelectItem: (value: any) => boolean;
handleInputFocus: () => void;
handleInputBlur: () => void;
handleResetInputState: (event?: any) => void;
handleInputDelete: (event: Event) => void;
handleInputEnter: (event: Event) => void;
}> & {} & import("vue").ComponentCustomProperties & {}>;
popover: import("../ivue-popover/types/popover").PopoverContext;
data: {
visibleMenu: boolean;
isFocused: boolean;
values: any[];
options: ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "ripple" | "allowCreate" | "showCreateItem" | "filterQuery" | "selected" | "isFocused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>>, {
data: {
isFocused: boolean;
disabled: boolean;
hasMouseHover: boolean;
visible: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
styles: import("vue").ComputedRef<{}>;
showLabel: import("vue").ComputedRef<string | number>;
getLabel: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
handleOptionClick: () => void;
handleMouseenter: () => void;
handleMouseleave: () => void;
setBackgroundColor: (color: string | string[]) => {};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}, {}, string> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>> & import("vue").ShallowUnwrapRef<{
data: {
isFocused: boolean;
disabled: boolean;
hasMouseHover: boolean;
visible: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
styles: import("vue").ComputedRef<{}>;
showLabel: import("vue").ComputedRef<string | number>;
getLabel: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
handleOptionClick: () => void;
handleMouseenter: () => void;
handleMouseleave: () => void;
setBackgroundColor: (color: string | string[]) => {};
}> & {} & import("vue").ComponentCustomProperties & {})[];
focusIndex: number;
filterQueryChange: boolean;
filterQuery: string;
hasMouseHover: boolean;
lastSearchQuery: string;
selectEmitter: {
all: import("mitt").EventHandlerMap<Record<import("mitt").EventType, unknown>>;
on: {
<Key extends import("mitt").EventType>(type: Key, handler: import("mitt").Handler<Record<import("mitt").EventType, unknown>[Key]>): void;
(type: "*", handler: import("mitt").WildcardHandler<Record<import("mitt").EventType, unknown>>): void;
};
off: {
<Key_1 extends import("mitt").EventType>(type: Key_1, handler?: import("mitt").Handler<Record<import("mitt").EventType, unknown>[Key_1]>): void;
(type: "*", handler: import("mitt").WildcardHandler<Record<import("mitt").EventType, unknown>>): void;
};
emit: {
<Key_2 extends import("mitt").EventType>(type: Key_2, event: Record<import("mitt").EventType, unknown>[Key_2]): void;
<Key_3 extends import("mitt").EventType>(type: undefined extends Record<import("mitt").EventType, unknown>[Key_3] ? Key_3 : never): void;
};
};
hasExpectedValue: boolean;
_filterQuery: string;
disableMenu: boolean;
};
inputId: import("vue").Ref<string>;
inputDisabled: import("vue").ComputedRef<boolean>;
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
selectionClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
createItemClasses: import("vue").ComputedRef<string[]>;
selectTabindex: import("vue").ComputedRef<0 | -1>;
currentSelectValue: import("vue").ComputedRef<any>;
isSearchMethod: import("vue").ComputedRef<boolean>;
showNotFindText: import("vue").ComputedRef<boolean>;
dropVisible: import("vue").ComputedRef<boolean>;
canClearable: import("vue").ComputedRef<boolean>;
showCreateItem: import("vue").ComputedRef<boolean>;
dropdownClasses: import("vue").ComputedRef<{
[x: string]: string | boolean;
"ivue-auto-complete": boolean;
"ivue-auto-complete--notdata": boolean;
}>;
handleClickOutside: (event: Event) => void;
handleHeaderFocus: ({ type }: {
type: any;
}) => void;
handleOption: (option: {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "ripple" | "allowCreate" | "showCreateItem" | "filterQuery" | "selected" | "isFocused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>>, {
data: {
isFocused: boolean;
disabled: boolean;
hasMouseHover: boolean;
visible: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
styles: import("vue").ComputedRef<{}>;
showLabel: import("vue").ComputedRef<string | number>;
getLabel: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
handleOptionClick: () => void;
handleMouseenter: () => void;
handleMouseleave: () => void;
setBackgroundColor: (color: string | string[]) => {};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}, {}, string> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>> & import("vue").ShallowUnwrapRef<{
data: {
isFocused: boolean;
disabled: boolean;
hasMouseHover: boolean;
visible: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
styles: import("vue").ComputedRef<{}>;
showLabel: import("vue").ComputedRef<string | number>;
getLabel: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
handleOptionClick: () => void;
handleMouseenter: () => void;
handleMouseleave: () => void;
setBackgroundColor: (color: string | string[]) => {};
}> & {} & import("vue").ComponentCustomProperties & {}, values: string[], isFocused: boolean) => {
option: {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "ripple" | "allowCreate" | "showCreateItem" | "filterQuery" | "selected" | "isFocused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
filterQuery: {
type: StringConstructor;
default: string;
};
}>>, {
data: {
isFocused: boolean;
disabled: boolean;
hasMouseHover: boolean;
visible: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
styles: import("vue").ComputedRef<{}>;
showLabel: import("vue").ComputedRef<string | number>;
getLabel: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
handleOptionClick: () => void;
handleMouseenter: () => void;
handleMouseleave: () => void;
setBackgroundColor: (color: string | string[]) => {};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
ripple: boolean;
allowCreate: boolean;
showCreateItem: boolean;
filterQuery: string;
selected: boolean;
isFocused: boolean;
}, {}, string> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
ripple: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
isFocused: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: (NumberConstructor | StringConstructor)[];
};
value: {
type: (NumberConstructor | StringConstructor)[];
};
selectedColor: {
type: (StringConstructor | ArrayConstructor)[];
};
hoverColor: {
type: (StringConstructor | ArrayConstructor)[];
};
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
showCreateItem: {
type: BooleanConstructor;
default: boolean;