@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/dist/components/select/src/index.d.ts

@@ -1,8 +1,1627 @@
-declare const _sfc_main: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {}, {
-    [x: number]: string;
-} | {}>;
-export default _sfc_main;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {
+        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            ariaLabel: StringConstructor;
+            emptyValues: ArrayConstructor;
+            valueOnClear: {
+                readonly type: import('vue').PropType<string | number | boolean | Function>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            name: StringConstructor;
+            id: StringConstructor;
+            modelValue: {
+                readonly type: import('vue').PropType<(string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            autocomplete: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            automaticDropdown: BooleanConstructor;
+            size: {
+                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            effect: {
+                readonly type: import('vue').PropType<import('element-plus/es/index').PopperEffect>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            disabled: BooleanConstructor;
+            clearable: BooleanConstructor;
+            filterable: BooleanConstructor;
+            allowCreate: BooleanConstructor;
+            loading: BooleanConstructor;
+            popperClass: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            popperOptions: {
+                readonly type: import('vue').PropType<any>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => Partial<Options>;
+            };
+            remote: BooleanConstructor;
+            loadingText: StringConstructor;
+            noMatchText: StringConstructor;
+            noDataText: StringConstructor;
+            remoteMethod: FunctionConstructor;
+            filterMethod: FunctionConstructor;
+            multiple: BooleanConstructor;
+            multipleLimit: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            placeholder: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            defaultFirstOption: BooleanConstructor;
+            reserveKeyword: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            valueKey: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            collapseTags: BooleanConstructor;
+            collapseTagsTooltip: BooleanConstructor;
+            maxCollapseTags: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            teleported: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            persistent: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            clearIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            fitInputWidth: BooleanConstructor;
+            suffixIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            tagType: {
+                default: string;
+                type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+                required: false;
+                validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            tagEffect: {
+                default: string;
+                type: import('vue').PropType<"plain" | "dark" | "light">;
+                required: false;
+                validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            validateEvent: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            remoteShowSuffix: BooleanConstructor;
+            showArrow: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            offset: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            placement: {
+                readonly type: import('vue').PropType<any>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            fallbackPlacements: {
+                readonly type: import('vue').PropType<Placement[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string[];
+            };
+            tabindex: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            appendTo: {
+                readonly type: import('vue').PropType<string | HTMLElement>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onChange?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onVisible-change"?: ((...args: any[]) => any) | undefined;
+            "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+            "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
+        }, {
+            modelValue: import('vue').ComputedRef<string | number | boolean | any[] | Record<string, any> | undefined>;
+            selectedLabel: import('vue').ComputedRef<string | string[]>;
+            calculatorRef: import('vue').ShallowRef<HTMLElement | undefined>;
+            inputStyle: import('vue').ComputedRef<{
+                minWidth: string;
+            }>;
+            inputId: import('vue').Ref<string | undefined>;
+            contentId: import('vue').Ref<string>;
+            nsSelect: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            nsInput: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            states: {
+                inputValue: string;
+                options: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+                cachedOptions: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+                optionValues: (string | number | boolean | Record<string, any>)[];
+                selected: {
+                    value: string | number | boolean | Record<string, any>;
+                    currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                    isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+                }[];
+                hoveringIndex: number;
+                inputHovering: boolean;
+                selectionWidth: number;
+                collapseItemWidth: number;
+                previousQuery: string | null;
+                selectedLabel: string;
+                menuVisibleOnFocus: boolean;
+                isBeforeHide: boolean;
+            };
+            isFocused: import('vue').Ref<boolean>;
+            expanded: import('vue').Ref<boolean>;
+            optionsArray: import('vue').ComputedRef<import('element-plus/es/index').SelectOptionProxy[]>;
+            hoverOption: import('vue').Ref<any>;
+            selectSize: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+            filteredOptionsCount: import('vue').ComputedRef<number>;
+            updateTooltip: () => void;
+            updateTagTooltip: () => void;
+            debouncedOnInputChange: import('lodash').DebouncedFunc<() => void>;
+            onInput: (event: Event) => void;
+            deletePrevTag: (e: KeyboardEvent) => void;
+            deleteTag: (event: MouseEvent, tag: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => void;
+            deleteSelected: (event: Event) => void;
+            handleOptionSelect: (option: import('element-plus/es/index').SelectOptionProxy) => void;
+            scrollToOption: (option: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').SelectOptionProxy[] | import('element-plus/es/index').OptionBasic[]) => void;
+            hasModelValue: import('vue').ComputedRef<boolean>;
+            shouldShowPlaceholder: import('vue').ComputedRef<boolean>;
+            currentPlaceholder: import('vue').ComputedRef<string>;
+            mouseEnterEventName: import('vue').ComputedRef<"mouseenter" | null>;
+            needStatusIcon: import('vue').ComputedRef<boolean>;
+            showClose: import('vue').ComputedRef<boolean>;
+            iconComponent: import('vue').ComputedRef<(string | import('vue').Component) | undefined>;
+            iconReverse: import('vue').ComputedRef<string>;
+            validateState: import('vue').ComputedRef<"" | "error" | "success" | "validating">;
+            validateIcon: import('vue').ComputedRef<"" | import('vue').Component>;
+            showNewOption: import('vue').ComputedRef<boolean>;
+            updateOptions: () => void;
+            collapseTagSize: import('vue').ComputedRef<"default" | "small">;
+            setSelected: () => void;
+            selectDisabled: import('vue').ComputedRef<boolean | undefined>;
+            emptyText: import('vue').ComputedRef<string | null>;
+            handleCompositionStart: (event: CompositionEvent) => void;
+            handleCompositionUpdate: (event: CompositionEvent) => void;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            onOptionCreate: (vm: import('element-plus/es/index').SelectOptionProxy) => void;
+            onOptionDestroy: (key: string | number | boolean | Record<string, any>, vm: import('element-plus/es/index').SelectOptionProxy) => void;
+            handleMenuEnter: () => void;
+            focus: () => void;
+            blur: () => void;
+            handleClearClick: (event: Event) => void;
+            handleClickOutside: (event: Event) => void;
+            handleEsc: () => void;
+            toggleMenu: () => void;
+            selectOption: () => void;
+            getValueKey: (item: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => any;
+            navigateOptions: (direction: "prev" | "next") => void;
+            dropdownMenuVisible: import('vue').WritableComputedRef<boolean>;
+            showTagList: import('vue').ComputedRef<{
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[]>;
+            collapseTagList: import('vue').ComputedRef<{
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[]>;
+            popupScroll: (data: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            tagStyle: import('vue').ComputedRef<{
+                maxWidth: string;
+            }>;
+            collapseTagStyle: import('vue').ComputedRef<{
+                maxWidth: string;
+            }>;
+            popperRef: import('vue').ComputedRef<HTMLElement | undefined>;
+            inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+            tooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+            tagTooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+            prefixRef: import('vue').Ref<HTMLElement | undefined>;
+            suffixRef: import('vue').Ref<HTMLElement | undefined>;
+            selectRef: import('vue').Ref<HTMLElement | undefined>;
+            wrapperRef: import('vue').ShallowRef<HTMLElement | undefined>;
+            selectionRef: import('vue').Ref<HTMLElement | undefined>;
+            scrollbarRef: import('vue').Ref<import('element-plus/es/index').ScrollbarInstance | undefined>;
+            menuRef: import('vue').Ref<HTMLElement | undefined>;
+            tagMenuRef: import('vue').Ref<HTMLElement | undefined>;
+            collapseItemRef: import('vue').Ref<HTMLElement | undefined>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "change" | "update:modelValue" | "focus" | "blur" | "visible-change" | "remove-tag" | "popup-scroll")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+            disabled: boolean;
+            offset: number;
+            multiple: boolean;
+            loading: boolean;
+            modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[];
+            placement: any;
+            effect: import('element-plus/es/index').PopperEffect;
+            tabindex: string | number;
+            valueOnClear: string | number | boolean | Function;
+            autocomplete: string;
+            validateEvent: boolean;
+            clearable: boolean;
+            fallbackPlacements: Placement[];
+            popperOptions: Partial<Options>;
+            popperClass: string;
+            teleported: boolean;
+            persistent: boolean;
+            showArrow: boolean;
+            valueKey: string;
+            fitInputWidth: boolean;
+            filterable: boolean;
+            collapseTags: boolean;
+            maxCollapseTags: number;
+            collapseTagsTooltip: boolean;
+            tagType: "success" | "warning" | "info" | "primary" | "danger";
+            tagEffect: "plain" | "dark" | "light";
+            automaticDropdown: boolean;
+            allowCreate: boolean;
+            remote: boolean;
+            multipleLimit: number;
+            defaultFirstOption: boolean;
+            reserveKeyword: boolean;
+            remoteShowSuffix: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            ariaLabel: StringConstructor;
+            emptyValues: ArrayConstructor;
+            valueOnClear: {
+                readonly type: import('vue').PropType<string | number | boolean | Function>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            name: StringConstructor;
+            id: StringConstructor;
+            modelValue: {
+                readonly type: import('vue').PropType<(string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            autocomplete: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            automaticDropdown: BooleanConstructor;
+            size: {
+                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            effect: {
+                readonly type: import('vue').PropType<import('element-plus/es/index').PopperEffect>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            disabled: BooleanConstructor;
+            clearable: BooleanConstructor;
+            filterable: BooleanConstructor;
+            allowCreate: BooleanConstructor;
+            loading: BooleanConstructor;
+            popperClass: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            popperOptions: {
+                readonly type: import('vue').PropType<any>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => Partial<Options>;
+            };
+            remote: BooleanConstructor;
+            loadingText: StringConstructor;
+            noMatchText: StringConstructor;
+            noDataText: StringConstructor;
+            remoteMethod: FunctionConstructor;
+            filterMethod: FunctionConstructor;
+            multiple: BooleanConstructor;
+            multipleLimit: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            placeholder: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            defaultFirstOption: BooleanConstructor;
+            reserveKeyword: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            valueKey: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            collapseTags: BooleanConstructor;
+            collapseTagsTooltip: BooleanConstructor;
+            maxCollapseTags: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            teleported: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            persistent: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            clearIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            fitInputWidth: BooleanConstructor;
+            suffixIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            tagType: {
+                default: string;
+                type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+                required: false;
+                validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            tagEffect: {
+                default: string;
+                type: import('vue').PropType<"plain" | "dark" | "light">;
+                required: false;
+                validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            validateEvent: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            remoteShowSuffix: BooleanConstructor;
+            showArrow: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: boolean;
+            };
+            offset: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            placement: {
+                readonly type: import('vue').PropType<any>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            fallbackPlacements: {
+                readonly type: import('vue').PropType<Placement[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string[];
+            };
+            tabindex: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: number;
+            };
+            appendTo: {
+                readonly type: import('vue').PropType<string | HTMLElement>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onChange?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onVisible-change"?: ((...args: any[]) => any) | undefined;
+            "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+            "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
+        }, {
+            modelValue: import('vue').ComputedRef<string | number | boolean | any[] | Record<string, any> | undefined>;
+            selectedLabel: import('vue').ComputedRef<string | string[]>;
+            calculatorRef: import('vue').ShallowRef<HTMLElement | undefined>;
+            inputStyle: import('vue').ComputedRef<{
+                minWidth: string;
+            }>;
+            inputId: import('vue').Ref<string | undefined>;
+            contentId: import('vue').Ref<string>;
+            nsSelect: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            nsInput: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            states: {
+                inputValue: string;
+                options: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+                cachedOptions: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+                optionValues: (string | number | boolean | Record<string, any>)[];
+                selected: {
+                    value: string | number | boolean | Record<string, any>;
+                    currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                    isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+                }[];
+                hoveringIndex: number;
+                inputHovering: boolean;
+                selectionWidth: number;
+                collapseItemWidth: number;
+                previousQuery: string | null;
+                selectedLabel: string;
+                menuVisibleOnFocus: boolean;
+                isBeforeHide: boolean;
+            };
+            isFocused: import('vue').Ref<boolean>;
+            expanded: import('vue').Ref<boolean>;
+            optionsArray: import('vue').ComputedRef<import('element-plus/es/index').SelectOptionProxy[]>;
+            hoverOption: import('vue').Ref<any>;
+            selectSize: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+            filteredOptionsCount: import('vue').ComputedRef<number>;
+            updateTooltip: () => void;
+            updateTagTooltip: () => void;
+            debouncedOnInputChange: import('lodash').DebouncedFunc<() => void>;
+            onInput: (event: Event) => void;
+            deletePrevTag: (e: KeyboardEvent) => void;
+            deleteTag: (event: MouseEvent, tag: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => void;
+            deleteSelected: (event: Event) => void;
+            handleOptionSelect: (option: import('element-plus/es/index').SelectOptionProxy) => void;
+            scrollToOption: (option: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').SelectOptionProxy[] | import('element-plus/es/index').OptionBasic[]) => void;
+            hasModelValue: import('vue').ComputedRef<boolean>;
+            shouldShowPlaceholder: import('vue').ComputedRef<boolean>;
+            currentPlaceholder: import('vue').ComputedRef<string>;
+            mouseEnterEventName: import('vue').ComputedRef<"mouseenter" | null>;
+            needStatusIcon: import('vue').ComputedRef<boolean>;
+            showClose: import('vue').ComputedRef<boolean>;
+            iconComponent: import('vue').ComputedRef<(string | import('vue').Component) | undefined>;
+            iconReverse: import('vue').ComputedRef<string>;
+            validateState: import('vue').ComputedRef<"" | "error" | "success" | "validating">;
+            validateIcon: import('vue').ComputedRef<"" | import('vue').Component>;
+            showNewOption: import('vue').ComputedRef<boolean>;
+            updateOptions: () => void;
+            collapseTagSize: import('vue').ComputedRef<"default" | "small">;
+            setSelected: () => void;
+            selectDisabled: import('vue').ComputedRef<boolean | undefined>;
+            emptyText: import('vue').ComputedRef<string | null>;
+            handleCompositionStart: (event: CompositionEvent) => void;
+            handleCompositionUpdate: (event: CompositionEvent) => void;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            onOptionCreate: (vm: import('element-plus/es/index').SelectOptionProxy) => void;
+            onOptionDestroy: (key: string | number | boolean | Record<string, any>, vm: import('element-plus/es/index').SelectOptionProxy) => void;
+            handleMenuEnter: () => void;
+            focus: () => void;
+            blur: () => void;
+            handleClearClick: (event: Event) => void;
+            handleClickOutside: (event: Event) => void;
+            handleEsc: () => void;
+            toggleMenu: () => void;
+            selectOption: () => void;
+            getValueKey: (item: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => any;
+            navigateOptions: (direction: "prev" | "next") => void;
+            dropdownMenuVisible: import('vue').WritableComputedRef<boolean>;
+            showTagList: import('vue').ComputedRef<{
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[]>;
+            collapseTagList: import('vue').ComputedRef<{
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[]>;
+            popupScroll: (data: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            tagStyle: import('vue').ComputedRef<{
+                maxWidth: string;
+            }>;
+            collapseTagStyle: import('vue').ComputedRef<{
+                maxWidth: string;
+            }>;
+            popperRef: import('vue').ComputedRef<HTMLElement | undefined>;
+            inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+            tooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+            tagTooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+            prefixRef: import('vue').Ref<HTMLElement | undefined>;
+            suffixRef: import('vue').Ref<HTMLElement | undefined>;
+            selectRef: import('vue').Ref<HTMLElement | undefined>;
+            wrapperRef: import('vue').ShallowRef<HTMLElement | undefined>;
+            selectionRef: import('vue').Ref<HTMLElement | undefined>;
+            scrollbarRef: import('vue').Ref<import('element-plus/es/index').ScrollbarInstance | undefined>;
+            menuRef: import('vue').Ref<HTMLElement | undefined>;
+            tagMenuRef: import('vue').Ref<HTMLElement | undefined>;
+            collapseItemRef: import('vue').Ref<HTMLElement | undefined>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            offset: number;
+            multiple: boolean;
+            loading: boolean;
+            modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[];
+            placement: any;
+            effect: import('element-plus/es/index').PopperEffect;
+            tabindex: string | number;
+            valueOnClear: string | number | boolean | Function;
+            autocomplete: string;
+            validateEvent: boolean;
+            clearable: boolean;
+            fallbackPlacements: Placement[];
+            popperOptions: Partial<Options>;
+            popperClass: string;
+            teleported: boolean;
+            persistent: boolean;
+            showArrow: boolean;
+            valueKey: string;
+            fitInputWidth: boolean;
+            filterable: boolean;
+            collapseTags: boolean;
+            maxCollapseTags: number;
+            collapseTagsTooltip: boolean;
+            tagType: "success" | "warning" | "info" | "primary" | "danger";
+            tagEffect: "plain" | "dark" | "light";
+            automaticDropdown: boolean;
+            allowCreate: boolean;
+            remote: boolean;
+            multipleLimit: number;
+            defaultFirstOption: boolean;
+            reserveKeyword: boolean;
+            remoteShowSuffix: boolean;
+        }> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        ariaLabel: StringConstructor;
+        emptyValues: ArrayConstructor;
+        valueOnClear: {
+            readonly type: import('vue').PropType<string | number | boolean | Function>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        name: StringConstructor;
+        id: StringConstructor;
+        modelValue: {
+            readonly type: import('vue').PropType<(string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        autocomplete: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        automaticDropdown: BooleanConstructor;
+        size: {
+            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        effect: {
+            readonly type: import('vue').PropType<import('element-plus/es/index').PopperEffect>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        disabled: BooleanConstructor;
+        clearable: BooleanConstructor;
+        filterable: BooleanConstructor;
+        allowCreate: BooleanConstructor;
+        loading: BooleanConstructor;
+        popperClass: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        popperOptions: {
+            readonly type: import('vue').PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => Partial<Options>;
+        };
+        remote: BooleanConstructor;
+        loadingText: StringConstructor;
+        noMatchText: StringConstructor;
+        noDataText: StringConstructor;
+        remoteMethod: FunctionConstructor;
+        filterMethod: FunctionConstructor;
+        multiple: BooleanConstructor;
+        multipleLimit: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        placeholder: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        defaultFirstOption: BooleanConstructor;
+        reserveKeyword: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        valueKey: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        collapseTags: BooleanConstructor;
+        collapseTagsTooltip: BooleanConstructor;
+        maxCollapseTags: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        teleported: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: true;
+        };
+        persistent: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        clearIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        fitInputWidth: BooleanConstructor;
+        suffixIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        tagType: {
+            default: string;
+            type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+            required: false;
+            validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        tagEffect: {
+            default: string;
+            type: import('vue').PropType<"plain" | "dark" | "light">;
+            required: false;
+            validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        validateEvent: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        remoteShowSuffix: BooleanConstructor;
+        showArrow: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        offset: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        placement: {
+            readonly type: import('vue').PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        fallbackPlacements: {
+            readonly type: import('vue').PropType<Placement[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string[];
+        };
+        tabindex: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        appendTo: {
+            readonly type: import('vue').PropType<string | HTMLElement>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onVisible-change"?: ((...args: any[]) => any) | undefined;
+        "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+        "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: import('vue').ComputedRef<string | number | boolean | any[] | Record<string, any> | undefined>;
+        selectedLabel: import('vue').ComputedRef<string | string[]>;
+        calculatorRef: import('vue').ShallowRef<HTMLElement | undefined>;
+        inputStyle: import('vue').ComputedRef<{
+            minWidth: string;
+        }>;
+        inputId: import('vue').Ref<string | undefined>;
+        contentId: import('vue').Ref<string>;
+        nsSelect: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        nsInput: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        states: {
+            inputValue: string;
+            options: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+            cachedOptions: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+            optionValues: (string | number | boolean | Record<string, any>)[];
+            selected: {
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[];
+            hoveringIndex: number;
+            inputHovering: boolean;
+            selectionWidth: number;
+            collapseItemWidth: number;
+            previousQuery: string | null;
+            selectedLabel: string;
+            menuVisibleOnFocus: boolean;
+            isBeforeHide: boolean;
+        };
+        isFocused: import('vue').Ref<boolean>;
+        expanded: import('vue').Ref<boolean>;
+        optionsArray: import('vue').ComputedRef<import('element-plus/es/index').SelectOptionProxy[]>;
+        hoverOption: import('vue').Ref<any>;
+        selectSize: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+        filteredOptionsCount: import('vue').ComputedRef<number>;
+        updateTooltip: () => void;
+        updateTagTooltip: () => void;
+        debouncedOnInputChange: import('lodash').DebouncedFunc<() => void>;
+        onInput: (event: Event) => void;
+        deletePrevTag: (e: KeyboardEvent) => void;
+        deleteTag: (event: MouseEvent, tag: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => void;
+        deleteSelected: (event: Event) => void;
+        handleOptionSelect: (option: import('element-plus/es/index').SelectOptionProxy) => void;
+        scrollToOption: (option: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').SelectOptionProxy[] | import('element-plus/es/index').OptionBasic[]) => void;
+        hasModelValue: import('vue').ComputedRef<boolean>;
+        shouldShowPlaceholder: import('vue').ComputedRef<boolean>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        mouseEnterEventName: import('vue').ComputedRef<"mouseenter" | null>;
+        needStatusIcon: import('vue').ComputedRef<boolean>;
+        showClose: import('vue').ComputedRef<boolean>;
+        iconComponent: import('vue').ComputedRef<(string | import('vue').Component) | undefined>;
+        iconReverse: import('vue').ComputedRef<string>;
+        validateState: import('vue').ComputedRef<"" | "error" | "success" | "validating">;
+        validateIcon: import('vue').ComputedRef<"" | import('vue').Component>;
+        showNewOption: import('vue').ComputedRef<boolean>;
+        updateOptions: () => void;
+        collapseTagSize: import('vue').ComputedRef<"default" | "small">;
+        setSelected: () => void;
+        selectDisabled: import('vue').ComputedRef<boolean | undefined>;
+        emptyText: import('vue').ComputedRef<string | null>;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleCompositionUpdate: (event: CompositionEvent) => void;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        onOptionCreate: (vm: import('element-plus/es/index').SelectOptionProxy) => void;
+        onOptionDestroy: (key: string | number | boolean | Record<string, any>, vm: import('element-plus/es/index').SelectOptionProxy) => void;
+        handleMenuEnter: () => void;
+        focus: () => void;
+        blur: () => void;
+        handleClearClick: (event: Event) => void;
+        handleClickOutside: (event: Event) => void;
+        handleEsc: () => void;
+        toggleMenu: () => void;
+        selectOption: () => void;
+        getValueKey: (item: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => any;
+        navigateOptions: (direction: "prev" | "next") => void;
+        dropdownMenuVisible: import('vue').WritableComputedRef<boolean>;
+        showTagList: import('vue').ComputedRef<{
+            value: string | number | boolean | Record<string, any>;
+            currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+            isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+        }[]>;
+        collapseTagList: import('vue').ComputedRef<{
+            value: string | number | boolean | Record<string, any>;
+            currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+            isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+        }[]>;
+        popupScroll: (data: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void;
+        tagStyle: import('vue').ComputedRef<{
+            maxWidth: string;
+        }>;
+        collapseTagStyle: import('vue').ComputedRef<{
+            maxWidth: string;
+        }>;
+        popperRef: import('vue').ComputedRef<HTMLElement | undefined>;
+        inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+        tooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+        tagTooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+        prefixRef: import('vue').Ref<HTMLElement | undefined>;
+        suffixRef: import('vue').Ref<HTMLElement | undefined>;
+        selectRef: import('vue').Ref<HTMLElement | undefined>;
+        wrapperRef: import('vue').ShallowRef<HTMLElement | undefined>;
+        selectionRef: import('vue').Ref<HTMLElement | undefined>;
+        scrollbarRef: import('vue').Ref<import('element-plus/es/index').ScrollbarInstance | undefined>;
+        menuRef: import('vue').Ref<HTMLElement | undefined>;
+        tagMenuRef: import('vue').Ref<HTMLElement | undefined>;
+        collapseItemRef: import('vue').Ref<HTMLElement | undefined>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "change" | "update:modelValue" | "focus" | "blur" | "visible-change" | "remove-tag" | "popup-scroll")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        disabled: boolean;
+        offset: number;
+        multiple: boolean;
+        loading: boolean;
+        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[];
+        placement: any;
+        effect: import('element-plus/es/index').PopperEffect;
+        tabindex: string | number;
+        valueOnClear: string | number | boolean | Function;
+        autocomplete: string;
+        validateEvent: boolean;
+        clearable: boolean;
+        fallbackPlacements: Placement[];
+        popperOptions: Partial<Options>;
+        popperClass: string;
+        teleported: boolean;
+        persistent: boolean;
+        showArrow: boolean;
+        valueKey: string;
+        fitInputWidth: boolean;
+        filterable: boolean;
+        collapseTags: boolean;
+        maxCollapseTags: number;
+        collapseTagsTooltip: boolean;
+        tagType: "success" | "warning" | "info" | "primary" | "danger";
+        tagEffect: "plain" | "dark" | "light";
+        automaticDropdown: boolean;
+        allowCreate: boolean;
+        remote: boolean;
+        multipleLimit: number;
+        defaultFirstOption: boolean;
+        reserveKeyword: boolean;
+        remoteShowSuffix: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        ariaLabel: StringConstructor;
+        emptyValues: ArrayConstructor;
+        valueOnClear: {
+            readonly type: import('vue').PropType<string | number | boolean | Function>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        name: StringConstructor;
+        id: StringConstructor;
+        modelValue: {
+            readonly type: import('vue').PropType<(string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        autocomplete: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        automaticDropdown: BooleanConstructor;
+        size: {
+            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        effect: {
+            readonly type: import('vue').PropType<import('element-plus/es/index').PopperEffect>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        disabled: BooleanConstructor;
+        clearable: BooleanConstructor;
+        filterable: BooleanConstructor;
+        allowCreate: BooleanConstructor;
+        loading: BooleanConstructor;
+        popperClass: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        popperOptions: {
+            readonly type: import('vue').PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => Partial<Options>;
+        };
+        remote: BooleanConstructor;
+        loadingText: StringConstructor;
+        noMatchText: StringConstructor;
+        noDataText: StringConstructor;
+        remoteMethod: FunctionConstructor;
+        filterMethod: FunctionConstructor;
+        multiple: BooleanConstructor;
+        multipleLimit: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        placeholder: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        defaultFirstOption: BooleanConstructor;
+        reserveKeyword: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        valueKey: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        collapseTags: BooleanConstructor;
+        collapseTagsTooltip: BooleanConstructor;
+        maxCollapseTags: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        teleported: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: true;
+        };
+        persistent: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        clearIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        fitInputWidth: BooleanConstructor;
+        suffixIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        tagType: {
+            default: string;
+            type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+            required: false;
+            validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        tagEffect: {
+            default: string;
+            type: import('vue').PropType<"plain" | "dark" | "light">;
+            required: false;
+            validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        validateEvent: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        remoteShowSuffix: BooleanConstructor;
+        showArrow: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: boolean;
+        };
+        offset: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        placement: {
+            readonly type: import('vue').PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        fallbackPlacements: {
+            readonly type: import('vue').PropType<Placement[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string[];
+        };
+        tabindex: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: number;
+        };
+        appendTo: {
+            readonly type: import('vue').PropType<string | HTMLElement>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onVisible-change"?: ((...args: any[]) => any) | undefined;
+        "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+        "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: import('vue').ComputedRef<string | number | boolean | any[] | Record<string, any> | undefined>;
+        selectedLabel: import('vue').ComputedRef<string | string[]>;
+        calculatorRef: import('vue').ShallowRef<HTMLElement | undefined>;
+        inputStyle: import('vue').ComputedRef<{
+            minWidth: string;
+        }>;
+        inputId: import('vue').Ref<string | undefined>;
+        contentId: import('vue').Ref<string>;
+        nsSelect: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        nsInput: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        states: {
+            inputValue: string;
+            options: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+            cachedOptions: Map<string | number | boolean | Record<string, any>, import('element-plus/es/index').SelectOptionProxy>;
+            optionValues: (string | number | boolean | Record<string, any>)[];
+            selected: {
+                value: string | number | boolean | Record<string, any>;
+                currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+                isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+            }[];
+            hoveringIndex: number;
+            inputHovering: boolean;
+            selectionWidth: number;
+            collapseItemWidth: number;
+            previousQuery: string | null;
+            selectedLabel: string;
+            menuVisibleOnFocus: boolean;
+            isBeforeHide: boolean;
+        };
+        isFocused: import('vue').Ref<boolean>;
+        expanded: import('vue').Ref<boolean>;
+        optionsArray: import('vue').ComputedRef<import('element-plus/es/index').SelectOptionProxy[]>;
+        hoverOption: import('vue').Ref<any>;
+        selectSize: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+        filteredOptionsCount: import('vue').ComputedRef<number>;
+        updateTooltip: () => void;
+        updateTagTooltip: () => void;
+        debouncedOnInputChange: import('lodash').DebouncedFunc<() => void>;
+        onInput: (event: Event) => void;
+        deletePrevTag: (e: KeyboardEvent) => void;
+        deleteTag: (event: MouseEvent, tag: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => void;
+        deleteSelected: (event: Event) => void;
+        handleOptionSelect: (option: import('element-plus/es/index').SelectOptionProxy) => void;
+        scrollToOption: (option: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').SelectOptionProxy[] | import('element-plus/es/index').OptionBasic[]) => void;
+        hasModelValue: import('vue').ComputedRef<boolean>;
+        shouldShowPlaceholder: import('vue').ComputedRef<boolean>;
+        currentPlaceholder: import('vue').ComputedRef<string>;
+        mouseEnterEventName: import('vue').ComputedRef<"mouseenter" | null>;
+        needStatusIcon: import('vue').ComputedRef<boolean>;
+        showClose: import('vue').ComputedRef<boolean>;
+        iconComponent: import('vue').ComputedRef<(string | import('vue').Component) | undefined>;
+        iconReverse: import('vue').ComputedRef<string>;
+        validateState: import('vue').ComputedRef<"" | "error" | "success" | "validating">;
+        validateIcon: import('vue').ComputedRef<"" | import('vue').Component>;
+        showNewOption: import('vue').ComputedRef<boolean>;
+        updateOptions: () => void;
+        collapseTagSize: import('vue').ComputedRef<"default" | "small">;
+        setSelected: () => void;
+        selectDisabled: import('vue').ComputedRef<boolean | undefined>;
+        emptyText: import('vue').ComputedRef<string | null>;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleCompositionUpdate: (event: CompositionEvent) => void;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        onOptionCreate: (vm: import('element-plus/es/index').SelectOptionProxy) => void;
+        onOptionDestroy: (key: string | number | boolean | Record<string, any>, vm: import('element-plus/es/index').SelectOptionProxy) => void;
+        handleMenuEnter: () => void;
+        focus: () => void;
+        blur: () => void;
+        handleClearClick: (event: Event) => void;
+        handleClickOutside: (event: Event) => void;
+        handleEsc: () => void;
+        toggleMenu: () => void;
+        selectOption: () => void;
+        getValueKey: (item: import('element-plus/es/index').SelectOptionProxy | import('element-plus/es/index').OptionBasic) => any;
+        navigateOptions: (direction: "prev" | "next") => void;
+        dropdownMenuVisible: import('vue').WritableComputedRef<boolean>;
+        showTagList: import('vue').ComputedRef<{
+            value: string | number | boolean | Record<string, any>;
+            currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+            isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+        }[]>;
+        collapseTagList: import('vue').ComputedRef<{
+            value: string | number | boolean | Record<string, any>;
+            currentLabel: import('element-plus/es/index').SelectOptionProxy["currentLabel"];
+            isDisabled?: import('element-plus/es/index').SelectOptionProxy["isDisabled"] | undefined;
+        }[]>;
+        popupScroll: (data: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void;
+        tagStyle: import('vue').ComputedRef<{
+            maxWidth: string;
+        }>;
+        collapseTagStyle: import('vue').ComputedRef<{
+            maxWidth: string;
+        }>;
+        popperRef: import('vue').ComputedRef<HTMLElement | undefined>;
+        inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+        tooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+        tagTooltipRef: import('vue').Ref<import('element-plus/es/index').TooltipInstance | undefined>;
+        prefixRef: import('vue').Ref<HTMLElement | undefined>;
+        suffixRef: import('vue').Ref<HTMLElement | undefined>;
+        selectRef: import('vue').Ref<HTMLElement | undefined>;
+        wrapperRef: import('vue').ShallowRef<HTMLElement | undefined>;
+        selectionRef: import('vue').Ref<HTMLElement | undefined>;
+        scrollbarRef: import('vue').Ref<import('element-plus/es/index').ScrollbarInstance | undefined>;
+        menuRef: import('vue').Ref<HTMLElement | undefined>;
+        tagMenuRef: import('vue').Ref<HTMLElement | undefined>;
+        collapseItemRef: import('vue').Ref<HTMLElement | undefined>;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        offset: number;
+        multiple: boolean;
+        loading: boolean;
+        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[];
+        placement: any;
+        effect: import('element-plus/es/index').PopperEffect;
+        tabindex: string | number;
+        valueOnClear: string | number | boolean | Function;
+        autocomplete: string;
+        validateEvent: boolean;
+        clearable: boolean;
+        fallbackPlacements: Placement[];
+        popperOptions: Partial<Options>;
+        popperClass: string;
+        teleported: boolean;
+        persistent: boolean;
+        showArrow: boolean;
+        valueKey: string;
+        fitInputWidth: boolean;
+        filterable: boolean;
+        collapseTags: boolean;
+        maxCollapseTags: number;
+        collapseTagsTooltip: boolean;
+        tagType: "success" | "warning" | "info" | "primary" | "danger";
+        tagEffect: "plain" | "dark" | "light";
+        automaticDropdown: boolean;
+        allowCreate: boolean;
+        remote: boolean;
+        multipleLimit: number;
+        defaultFirstOption: boolean;
+        reserveKeyword: boolean;
+        remoteShowSuffix: boolean;
+    }> | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};