UNPKG

ivue-material-plus

Version:

A high quality UI components Library with Vue.js

1,249 lines (1,248 loc) 64.4 kB
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;