bkui-vue 2.0.1-beta.110 → 2.0.1-beta.112

package/lib/select/index.d.ts

@@ -1,996 +1,1183 @@
+import { useHover } from './common';
 import Option from './option';
 import OptionGroup from './optionGroup';
 declare const BkSelect: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            prefix?: string;
-            disabled?: boolean;
-            trigger?: "default" | "manual";
-            showOnInit?: boolean;
-            loading?: boolean;
-            size?: "default" | "small" | "large" | "huge";
-            multiple?: boolean;
-            placeholder?: string;
-            list?: any[];
-            tagTheme?: "" | "danger" | "success" | "warning" | "info";
-            behavior?: "normal" | "simplicity";
-            selectedStyle?: "checkbox" | "check";
-            minHeight?: number;
-            scrollHeight?: number;
-            clearable?: boolean;
-            withValidate?: boolean;
-            noDataText?: string;
-            showSelectedIcon?: boolean;
-            highlightKeyword?: boolean;
-            filterable?: boolean;
-            allowCreate?: boolean;
-            collapseTags?: boolean;
-            popoverMinWidth?: number;
-            displayKey?: string;
-            idKey?: string;
-            remoteMethod?: (...args: any[]) => any;
-            showAll?: boolean;
-            allOptionText?: string;
-            showSelectAll?: boolean;
-            multipleMode?: string;
-            autoHeight?: boolean;
-            noMatchText?: string;
-            loadingText?: string;
-            searchPlaceholder?: string;
-            selectAllText?: string;
-            scrollLoading?: boolean;
-            customContent?: boolean;
-            inputSearch?: boolean;
-            enableVirtualRender?: boolean;
-            allowEmptyValues?: unknown[];
-            autoFocus?: boolean;
-            disableFocusBehavior?: boolean;
-            keepSearchValue?: boolean;
-            searchWithPinyin?: boolean;
-            disableScrollToSelectedOption?: boolean;
-            class?: unknown;
-            style?: unknown;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onSelect?: (...args: any[]) => any;
-            ref?: import("vue").VNodeRef;
-            key?: string | number | symbol;
-            ref_for?: boolean;
-            ref_key?: string;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            readonly popoverOptions?: unknown;
-            readonly modelValue?: any;
-            onClear?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onToggle?: (...args: any[]) => any;
-            "onScroll-end"?: (...args: any[]) => any;
-            "onTag-remove"?: (...args: any[]) => any;
-            onDeselect?: (...args: any[]) => any;
-            "onSearch-change"?: (...args: any[]) => any;
-            readonly allOptionId?: string | number;
-            readonly filterOption?: Function;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $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: "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: import("vue-types").VueTypeValidableDef<any>;
-            multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        loading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        minHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+        showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        allOptionId: import("vue-types").VueTypeDef<string | number>;
+        showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        multipleMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
+        };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoHeight: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        noDataText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        noMatchText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        loadingText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        selectAllText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
-                default: "default" | "small" | "large" | "huge";
-            };
-            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            loading: import("vue-types").VueTypeValidableDef<boolean> & {
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-                default: (...args: any[]) => any;
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                default: "click" | "hover" | "manual";
+            };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+            padding: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
                 default: number;
             };
-            minHeight: import("vue-types").VueTypeValidableDef<number> & {
+            offset: import("vue-types").VueTypeDef<number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            }> & {
+                default: number | (() => {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                });
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
+            } & {
+                default: number;
+            };
+            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            reference: import("vue-types").VueTypeValidableDef<any>;
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                default: number | (() => number[]);
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            referenceCls: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             } & {
                 default: string;
             };
-            allOptionId: import("vue-types").VueTypeDef<string | number>;
-            showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>>>;
+        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        list: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
+        };
+        idKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        displayKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showSelectedIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        prefix: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
+            default: "checkbox" | "check";
+        };
+        filterOption: {
+            type: FunctionConstructor;
+        };
+        searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        trigger: {
+            type: import("vue").PropType<"default" | "manual">;
+            default: string;
+        };
+        disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onChange?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
+        onClear?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onToggle?: (...args: any[]) => any;
+        "onScroll-end"?: (...args: any[]) => any;
+        "onTag-remove"?: (...args: any[]) => any;
+        onDeselect?: (...args: any[]) => any;
+        "onSearch-change"?: (...args: any[]) => any;
+    }, {
+        t: import("vue").ComputedRef<{
+            noData: string;
+            noMatchedData: string;
+            loading: string;
+            pleaseSelect: string;
+            enterKeywords: string;
+            all: string;
+            selectAll: string;
+        }>;
+        selected: import("vue").Ref<{
+            value: string;
+            label: string | number;
+        }[]>;
+        isInput: import("vue").ComputedRef<boolean>;
+        options: import("vue").ComputedRef<import("./type").OptionInstanceType[]>;
+        isDisabled: import("vue").ComputedRef<boolean>;
+        selectedLabel: import("vue").ComputedRef<any[]>;
+        isPopoverShow: import("vue").Ref<boolean>;
+        isHover: import("vue").Ref<boolean>;
+        popperWidth: import("vue").Ref<string | number>;
+        inputRef: import("vue").Ref<HTMLElement>;
+        triggerRef: import("vue").Ref<HTMLElement>;
+        contentRef: import("vue").Ref<HTMLElement>;
+        searchRef: import("vue").Ref<HTMLElement>;
+        scrollContainerRef: import("vue").Ref<HTMLElement>;
+        selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+                default: "" | "danger" | "success" | "warning" | "info";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
+            value: import("vue").Ref<any>;
+            inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
+            handleRemoveTag: (val: string) => void;
+            focus: () => void;
+            blur: () => void;
+            updateModelValue: (data: string) => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+            resolveClassName: (cls: string) => string;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "remove" | "enter")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+                default: "" | "danger" | "success" | "warning" | "info";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            disabled: boolean;
+            placeholder: string;
+            tagTheme: "" | "danger" | "success" | "warning" | "info";
+            behavior: "normal" | "simplicity";
+            selected: import("./type").ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+                default: "" | "danger" | "success" | "warning" | "info";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
+            value: import("vue").Ref<any>;
+            inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
+            handleRemoveTag: (val: string) => void;
+            focus: () => void;
+            blur: () => void;
+            updateModelValue: (data: string) => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+            resolveClassName: (cls: string) => string;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            placeholder: string;
+            tagTheme: "" | "danger" | "success" | "warning" | "info";
+            behavior: "normal" | "simplicity";
+            selected: import("./type").ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
+        }>>;
+        popoverRef: import("vue").Ref<any>;
+        searchLoading: import("vue").Ref<boolean>;
+        isOptionsEmpty: import("vue").ComputedRef<boolean>;
+        isSearchEmpty: import("vue").ComputedRef<boolean>;
+        isFocus: import("vue").Ref<boolean>;
+        isShowSelectContent: import("vue").ComputedRef<boolean>;
+        curContentText: import("vue").ComputedRef<string>;
+        isGroup: import("vue").ComputedRef<boolean>;
+        searchValue: import("vue").Ref<string>;
+        curSearchValue: import("vue").ComputedRef<string>;
+        customOptionName: import("vue").Ref<string>;
+        isShowAll: import("vue").ComputedRef<boolean>;
+        isShowSelectAll: import("vue").ComputedRef<boolean>;
+        virtualHeight: import("vue").ComputedRef<number>;
+        filterList: import("vue").ComputedRef<any[]>;
+        isCollapseTags: import("vue").ComputedRef<boolean>;
+        popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                default: "click" | "hover" | "manual";
+            };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            padding: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            offset: import("vue-types").VueTypeDef<number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            }> & {
+                default: number | (() => {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                });
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                default: number | (() => number[]);
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>>>;
+        isAllSelected: import("vue").ComputedRef<boolean>;
+        isAll: import("vue").ComputedRef<boolean>;
+        displayAllText: import("vue").ComputedRef<string>;
+        focusInput: () => void;
+        setHover: () => void;
+        cancelHover: () => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleTogglePopover: () => void;
+        handleClear: (e: Event) => void;
+        hidePopover: () => void;
+        showPopover: () => void;
+        toggleSelectAll: () => void;
+        toggleAll: () => void;
+        handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
+        handleClickOutside: ({ event }: {
+            event: any;
+        }) => void;
+        handleScroll: (e: any) => void;
+        handleDeleteTag: (val: string) => void;
+        handleInputChange: (value: any) => void;
+        handleSelectedAllOptionMouseEnter: () => void;
+        localLoadingText: import("vue").ComputedRef<string>;
+        localPlaceholder: import("vue").ComputedRef<string>;
+        localSearchPlaceholder: import("vue").ComputedRef<string>;
+        localSelectAllText: import("vue").ComputedRef<string>;
+        resolveClassName: (cls: string) => string;
+        handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
+        handlePopoverShown: () => void;
+        virtualLineHeight: import("vue").Ref<number>;
+        isEnableVirtualRender: import("vue").ComputedRef<boolean>;
+        preloadItemCount: import("vue").ComputedRef<number>;
+        virtualRenderRef: import("vue").Ref<any>;
+        setSelected: (data: object[]) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        loading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        minHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+        showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        allOptionId: import("vue-types").VueTypeDef<string | number>;
+        showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        multipleMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
+        };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoHeight: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        noDataText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        noMatchText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        loadingText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        selectAllText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            multipleMode: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
             };
-            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
-                default: "" | "danger" | "success" | "warning" | "info";
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
             };
-            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
-                default: "normal" | "simplicity";
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
             };
-            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
             };
-            autoHeight: import("vue-types").VueTypeValidableDef<boolean> & {
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            noDataText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            noMatchText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
             };
-            loadingText: import("vue-types").VueTypeValidableDef<string> & {
+            theme: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            } & {
                 default: string;
             };
-            searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                default: "click" | "hover" | "manual";
             };
-            selectAllText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
             };
-            scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            padding: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
             } & {
-                default: boolean;
+                default: number;
             };
-            popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                always: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                width: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                height: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                maxWidth: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                maxHeight: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
-                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
-                };
-                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
-                    default: "if" | "show";
-                };
-                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
-                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
-                    default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
-                };
-                theme: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                    default: "click" | "hover" | "manual";
-                };
-                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
-                    default: "auto" | "shown";
-                };
-                arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                padding: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                offset: import("vue-types").VueTypeDef<number | {
+            offset: import("vue-types").VueTypeDef<number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            }> & {
+                default: number | (() => {
                     mainAxis?: number;
                     crossAxis?: number;
                     alignmentAxis?: number;
-                }> & {
-                    default: number | (() => {
-                        mainAxis?: number;
-                        crossAxis?: number;
-                        alignmentAxis?: number;
-                    });
-                };
-                boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-                zIndex: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                reference: import("vue-types").VueTypeValidableDef<any>;
-                modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-                    default: () => unknown[];
-                } & {
-                    default: () => unknown[];
-                };
-                popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
-                    default: number | (() => number[]);
-                };
-                extCls: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                referenceCls: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>>>>;
-            customContent: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            list: import("vue-types").VueTypeDef<any[]> & {
-                default: () => any[];
+                });
             };
-            idKey: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
             } & {
-                default: string;
+                default: number;
             };
-            displayKey: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
             } & {
-                default: string;
+                default: boolean;
             };
-            withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            showSelectedIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
+            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            reference: import("vue-types").VueTypeValidableDef<any>;
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                 default: () => unknown[];
             } & {
                 default: () => unknown[];
             };
-            autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
+            popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                default: number | (() => number[]);
             };
-            disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
             } & {
-                default: boolean;
+                default: string;
             };
-            keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
             } & {
-                default: boolean;
-            };
-            prefix: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
-                default: "checkbox" | "check";
-            };
-            filterOption: {
-                type: FunctionConstructor;
-            };
-            searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
             } & {
-                default: boolean;
-            };
-            trigger: {
-                type: import("vue").PropType<"default" | "manual">;
-                default: string;
+                default: number;
             };
-            disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onSelect?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onToggle?: (...args: any[]) => any;
-            "onScroll-end"?: (...args: any[]) => any;
-            "onTag-remove"?: (...args: any[]) => any;
-            onDeselect?: (...args: any[]) => any;
-            "onSearch-change"?: (...args: any[]) => any;
-        }, {
-            t: import("vue").ComputedRef<{
-                noData: string;
-                noMatchedData: string;
-                loading: string;
-                pleaseSelect: string;
-                enterKeywords: string;
-                all: string;
-                selectAll: string;
-            }>;
-            selected: import("vue").Ref<{
-                value: string;
-                label: string | number;
-            }[]>;
-            isInput: import("vue").ComputedRef<boolean>;
-            options: import("vue").ComputedRef<import("./type").OptionInstanceType[]>;
-            isDisabled: import("vue").ComputedRef<boolean>;
-            selectedLabel: import("vue").ComputedRef<any[]>;
-            isPopoverShow: import("vue").Ref<boolean>;
-            isHover: import("vue").Ref<boolean>;
-            popperWidth: import("vue").Ref<string | number>;
-            inputRef: import("vue").Ref<HTMLElement>;
-            triggerRef: import("vue").Ref<HTMLElement>;
-            contentRef: import("vue").Ref<HTMLElement>;
-            searchRef: import("vue").Ref<HTMLElement>;
-            scrollContainerRef: import("vue").Ref<HTMLElement>;
-            selectTagInputRef: import("vue").Ref<{
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    disabled?: boolean;
-                    placeholder?: string;
-                    tagTheme?: "" | "danger" | "success" | "warning" | "info";
-                    behavior?: "normal" | "simplicity";
-                    selected?: import("./type").ISelected[];
-                    filterable?: boolean;
-                    allowCreate?: boolean;
-                    collapseTags?: boolean;
-                    class?: unknown;
-                    style?: unknown;
-                    onKeydown?: (...args: any[]) => any;
-                    ref?: import("vue").VNodeRef;
-                    key?: string | number | symbol;
-                    ref_for?: boolean;
-                    ref_key?: string;
-                    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[];
-                    readonly modelValue?: any;
-                    onEnter?: (...args: any[]) => any;
-                    "onUpdate:modelValue"?: (...args: any[]) => any;
-                    onRemove?: (...args: any[]) => any;
-                };
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot<any>;
-                }>;
-                $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: "keydown" | "enter" | "update:modelValue" | "remove", ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    selected: {
-                        type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                        default: () => any[];
-                    };
-                    tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
-                        default: "" | "danger" | "success" | "warning" | "info";
-                    };
-                    placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                        default: string;
-                    } & {
-                        default: string;
-                    };
-                    filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    modelValue: import("vue-types").VueTypeValidableDef<any>;
-                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
-                        default: "normal" | "simplicity";
-                    };
-                }>> & {
-                    onKeydown?: (...args: any[]) => any;
-                    onEnter?: (...args: any[]) => any;
-                    "onUpdate:modelValue"?: (...args: any[]) => any;
-                    onRemove?: (...args: any[]) => any;
-                }, {
-                    collapseTagRef: import("vue").Ref<any>;
-                    tagWrapperRef: import("vue").Ref<any>;
-                    tagsRefs: import("vue").Ref<any[]>;
-                    select: import("./type").ISelectContext;
-                    overflowTagIndex: import("vue").Ref<number>;
-                    value: any;
-                    inputRef: import("vue").Ref<HTMLElement>;
-                    overflowContent: import("vue").ComputedRef<string>;
-                    handleRemoveTag: (val: string) => void;
-                    focus: () => void;
-                    blur: () => void;
-                    updateModelValue: (data: string) => void;
-                    handleInput: (e: any) => void;
-                    handleKeydown: (e: any) => void;
-                    resolveClassName: (cls: string) => string;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], string, {
-                    disabled: boolean;
-                    placeholder: string;
-                    tagTheme: "" | "danger" | "success" | "warning" | "info";
-                    behavior: "normal" | "simplicity";
-                    selected: import("./type").ISelected[];
-                    filterable: boolean;
-                    allowCreate: boolean;
-                    collapseTags: 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<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
-                    default: "" | "danger" | "success" | "warning" | "info";
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
-                    default: "normal" | "simplicity";
-                };
-            }>> & {
-                onKeydown?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            } & import("vue").ShallowUnwrapRef<{
-                collapseTagRef: import("vue").Ref<any>;
-                tagWrapperRef: import("vue").Ref<any>;
-                tagsRefs: import("vue").Ref<any[]>;
-                select: import("./type").ISelectContext;
-                overflowTagIndex: import("vue").Ref<number>;
-                value: any;
-                inputRef: import("vue").Ref<HTMLElement>;
-                overflowContent: import("vue").ComputedRef<string>;
-                handleRemoveTag: (val: string) => void;
-                focus: () => void;
-                blur: () => void;
-                updateModelValue: (data: string) => void;
-                handleInput: (e: any) => void;
-                handleKeydown: (e: any) => void;
-                resolveClassName: (cls: string) => string;
-            }> & {} & import("vue").ComponentCustomProperties & {}>;
-            popoverRef: import("vue").Ref<any>;
-            searchLoading: import("vue").Ref<boolean>;
-            isOptionsEmpty: import("vue").ComputedRef<boolean>;
-            isSearchEmpty: import("vue").ComputedRef<boolean>;
-            isFocus: import("vue").Ref<boolean>;
-            isShowSelectContent: import("vue").ComputedRef<boolean>;
-            curContentText: import("vue").ComputedRef<string>;
-            isGroup: import("vue").ComputedRef<boolean>;
-            searchValue: import("vue").Ref<string>;
-            curSearchValue: import("vue").ComputedRef<string>;
-            customOptionName: import("vue").Ref<string>;
-            isShowAll: import("vue").ComputedRef<boolean>;
-            isShowSelectAll: import("vue").ComputedRef<boolean>;
-            virtualHeight: import("vue").ComputedRef<number>;
-            filterList: import("vue").ComputedRef<any[]>;
-            isCollapseTags: import("vue").ComputedRef<boolean>;
-            popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
-                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                always: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                width: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                height: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                maxWidth: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                maxHeight: import("vue-types").VueTypeDef<string | number> & {
-                    default: string | number;
-                };
-                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
-                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
-                };
-                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
-                    default: "if" | "show";
-                };
-                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
-                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
-                    default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
-                };
-                theme: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                    default: "click" | "hover" | "manual";
-                };
-                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
-                    default: "auto" | "shown";
-                };
-                arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                padding: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                offset: import("vue-types").VueTypeDef<number | {
-                    mainAxis?: number;
-                    crossAxis?: number;
-                    alignmentAxis?: number;
-                }> & {
-                    default: number | (() => {
-                        mainAxis?: number;
-                        crossAxis?: number;
-                        alignmentAxis?: number;
-                    });
-                };
-                boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-                zIndex: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                reference: import("vue-types").VueTypeValidableDef<any>;
-                modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-                    default: () => unknown[];
-                } & {
-                    default: () => unknown[];
-                };
-                popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
-                    default: number | (() => number[]);
-                };
-                extCls: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                referenceCls: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
-                    default: number;
-                } & {
-                    default: number;
-                };
-                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>>>>;
-            isAllSelected: import("vue").ComputedRef<boolean>;
-            isAll: import("vue").ComputedRef<boolean>;
-            displayAllText: import("vue").ComputedRef<string>;
-            focusInput: () => void;
-            setHover: () => void;
-            cancelHover: () => void;
-            handleFocus: () => void;
-            handleBlur: () => void;
-            handleTogglePopover: () => void;
-            handleClear: (e: Event) => void;
-            hidePopover: () => void;
-            showPopover: () => void;
-            toggleSelectAll: () => void;
-            toggleAll: () => void;
-            handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
-            handleClickOutside: ({ event }: {
-                event: any;
-            }) => void;
-            handleScroll: (e: any) => void;
-            handleDeleteTag: (val: string) => void;
-            handleInputChange: (value: any) => void;
-            handleSelectedAllOptionMouseEnter: () => void;
-            localLoadingText: import("vue").ComputedRef<string>;
-            localPlaceholder: import("vue").ComputedRef<string>;
-            localSearchPlaceholder: import("vue").ComputedRef<string>;
-            localSelectAllText: import("vue").ComputedRef<string>;
-            resolveClassName: (cls: string) => string;
-            handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
-            handlePopoverShown: () => void;
-            virtualLineHeight: import("vue").Ref<number>;
-            isEnableVirtualRender: import("vue").ComputedRef<boolean>;
-            preloadItemCount: import("vue").ComputedRef<number>;
-            virtualRenderRef: any;
-            setSelected: (data: object[]) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], string, {
-            prefix: string;
-            disabled: boolean;
-            trigger: "default" | "manual";
-            showOnInit: boolean;
-            loading: boolean;
-            size: "default" | "small" | "large" | "huge";
-            multiple: boolean;
-            placeholder: string;
-            list: any[];
-            tagTheme: "" | "danger" | "success" | "warning" | "info";
-            behavior: "normal" | "simplicity";
-            selectedStyle: "checkbox" | "check";
-            minHeight: number;
-            scrollHeight: number;
-            clearable: boolean;
-            withValidate: boolean;
-            noDataText: string;
-            showSelectedIcon: boolean;
-            highlightKeyword: boolean;
-            filterable: boolean;
-            allowCreate: boolean;
-            collapseTags: boolean;
-            popoverMinWidth: number;
-            displayKey: string;
-            idKey: string;
-            remoteMethod: (...args: any[]) => any;
-            showAll: boolean;
-            allOptionText: string;
-            showSelectAll: boolean;
-            multipleMode: string;
-            autoHeight: boolean;
-            noMatchText: string;
-            loadingText: string;
-            searchPlaceholder: string;
-            selectAllText: string;
-            scrollLoading: boolean;
-            customContent: boolean;
-            inputSearch: boolean;
-            enableVirtualRender: boolean;
-            allowEmptyValues: unknown[];
-            autoFocus: boolean;
-            disableFocusBehavior: boolean;
-            keepSearchValue: boolean;
-            searchWithPinyin: boolean;
-            disableScrollToSelectedOption: 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<{
+        }>>>>;
+        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        list: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
+        };
+        idKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        displayKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showSelectedIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        prefix: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
+            default: "checkbox" | "check";
+        };
+        filterOption: {
+            type: FunctionConstructor;
+        };
+        searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        trigger: {
+            type: import("vue").PropType<"default" | "manual">;
+            default: string;
+        };
+        disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onChange?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
+        onClear?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onToggle?: (...args: any[]) => any;
+        "onScroll-end"?: (...args: any[]) => any;
+        "onTag-remove"?: (...args: any[]) => any;
+        onDeselect?: (...args: any[]) => any;
+        "onSearch-change"?: (...args: any[]) => any;
+    }, {
+        prefix: string;
+        size: "default" | "small" | "large" | "huge";
+        disabled: boolean;
+        trigger: "default" | "manual";
+        showOnInit: boolean;
+        loading: boolean;
+        multiple: boolean;
+        placeholder: string;
+        list: any[];
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
+        behavior: "normal" | "simplicity";
+        selectedStyle: "checkbox" | "check";
+        scrollHeight: number;
+        clearable: boolean;
+        withValidate: boolean;
+        minHeight: number;
+        noDataText: string;
+        showSelectedIcon: boolean;
+        highlightKeyword: boolean;
+        filterable: boolean;
+        allowCreate: boolean;
+        collapseTags: boolean;
+        popoverMinWidth: number;
+        remoteMethod: (...args: any[]) => any;
+        showAll: boolean;
+        allOptionText: string;
+        showSelectAll: boolean;
+        multipleMode: string;
+        autoHeight: boolean;
+        noMatchText: string;
+        loadingText: string;
+        searchPlaceholder: string;
+        selectAllText: string;
+        scrollLoading: boolean;
+        customContent: boolean;
+        idKey: string;
+        displayKey: string;
+        inputSearch: boolean;
+        enableVirtualRender: boolean;
+        allowEmptyValues: unknown[];
+        autoFocus: boolean;
+        disableFocusBehavior: boolean;
+        keepSearchValue: boolean;
+        searchWithPinyin: boolean;
+        disableScrollToSelectedOption: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: import("vue-types").VueTypeValidableDef<any>;
         multiple: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -1348,7 +1535,7 @@ declare const BkSelect: {
         "onTag-remove"?: (...args: any[]) => any;
         onDeselect?: (...args: any[]) => any;
         "onSearch-change"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         t: import("vue").ComputedRef<{
             noData: string;
             noMatchedData: string;
@@ -1374,169 +1561,123 @@ declare const BkSelect: {
         contentRef: import("vue").Ref<HTMLElement>;
         searchRef: import("vue").Ref<HTMLElement>;
         scrollContainerRef: import("vue").Ref<HTMLElement>;
-        selectTagInputRef: import("vue").Ref<{
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                disabled?: boolean;
-                placeholder?: string;
-                tagTheme?: "" | "danger" | "success" | "warning" | "info";
-                behavior?: "normal" | "simplicity";
-                selected?: import("./type").ISelected[];
-                filterable?: boolean;
-                allowCreate?: boolean;
-                collapseTags?: boolean;
-                class?: unknown;
-                style?: unknown;
-                onKeydown?: (...args: any[]) => any;
-                ref?: import("vue").VNodeRef;
-                key?: string | number | symbol;
-                ref_for?: boolean;
-                ref_key?: string;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[];
-                readonly modelValue?: any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any>;
-            }>;
-            $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: "keydown" | "enter" | "update:modelValue" | "remove", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
-                    default: "" | "danger" | "success" | "warning" | "info";
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
-                    default: "normal" | "simplicity";
-                };
-            }>> & {
-                onKeydown?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            }, {
-                collapseTagRef: import("vue").Ref<any>;
-                tagWrapperRef: import("vue").Ref<any>;
-                tagsRefs: import("vue").Ref<any[]>;
-                select: import("./type").ISelectContext;
-                overflowTagIndex: import("vue").Ref<number>;
-                value: any;
-                inputRef: import("vue").Ref<HTMLElement>;
-                overflowContent: import("vue").ComputedRef<string>;
-                handleRemoveTag: (val: string) => void;
-                focus: () => void;
-                blur: () => void;
-                updateModelValue: (data: string) => void;
-                handleInput: (e: any) => void;
-                handleKeydown: (e: any) => void;
-                resolveClassName: (cls: string) => string;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], string, {
-                disabled: boolean;
-                placeholder: string;
-                tagTheme: "" | "danger" | "success" | "warning" | "info";
-                behavior: "normal" | "simplicity";
-                selected: import("./type").ISelected[];
-                filterable: boolean;
-                allowCreate: boolean;
-                collapseTags: 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<{
+        selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+                default: "" | "danger" | "success" | "warning" | "info";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
+            value: import("vue").Ref<any>;
+            inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
+            handleRemoveTag: (val: string) => void;
+            focus: () => void;
+            blur: () => void;
+            updateModelValue: (data: string) => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+            resolveClassName: (cls: string) => string;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "remove" | "enter")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+                default: "" | "danger" | "success" | "warning" | "info";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            disabled: boolean;
+            placeholder: string;
+            tagTheme: "" | "danger" | "success" | "warning" | "info";
+            behavior: "normal" | "simplicity";
+            selected: import("./type").ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             selected: {
                 type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                 default: () => any[];
@@ -1578,13 +1719,13 @@ declare const BkSelect: {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
-        } & import("vue").ShallowUnwrapRef<{
+        }, {
             collapseTagRef: import("vue").Ref<any>;
             tagWrapperRef: import("vue").Ref<any>;
             tagsRefs: import("vue").Ref<any[]>;
             select: import("./type").ISelectContext;
             overflowTagIndex: import("vue").Ref<number>;
-            value: any;
+            value: import("vue").Ref<any>;
             inputRef: import("vue").Ref<HTMLElement>;
             overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
@@ -1594,7 +1735,16 @@ declare const BkSelect: {
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
-        }> & {} & import("vue").ComponentCustomProperties & {}>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            placeholder: string;
+            tagTheme: "" | "danger" | "success" | "warning" | "info";
+            behavior: "normal" | "simplicity";
+            selected: import("./type").ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
+        }>>;
         popoverRef: import("vue").Ref<any>;
         searchLoading: import("vue").Ref<boolean>;
         isOptionsEmpty: import("vue").ComputedRef<boolean>;
@@ -1789,9 +1939,55 @@ declare const BkSelect: {
         virtualLineHeight: import("vue").Ref<number>;
         isEnableVirtualRender: import("vue").ComputedRef<boolean>;
         preloadItemCount: import("vue").ComputedRef<number>;
-        virtualRenderRef: any;
+        virtualRenderRef: import("vue").Ref<any>;
         setSelected: (data: object[]) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {
+        prefix: string;
+        size: "default" | "small" | "large" | "huge";
+        disabled: boolean;
+        trigger: "default" | "manual";
+        showOnInit: boolean;
+        loading: boolean;
+        multiple: boolean;
+        placeholder: string;
+        list: any[];
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
+        behavior: "normal" | "simplicity";
+        selectedStyle: "checkbox" | "check";
+        scrollHeight: number;
+        clearable: boolean;
+        withValidate: boolean;
+        minHeight: number;
+        noDataText: string;
+        showSelectedIcon: boolean;
+        highlightKeyword: boolean;
+        filterable: boolean;
+        allowCreate: boolean;
+        collapseTags: boolean;
+        popoverMinWidth: number;
+        remoteMethod: (...args: any[]) => any;
+        showAll: boolean;
+        allOptionText: string;
+        showSelectAll: boolean;
+        multipleMode: string;
+        autoHeight: boolean;
+        noMatchText: string;
+        loadingText: string;
+        searchPlaceholder: string;
+        selectAllText: string;
+        scrollLoading: boolean;
+        customContent: boolean;
+        idKey: string;
+        displayKey: string;
+        inputSearch: boolean;
+        enableVirtualRender: boolean;
+        allowEmptyValues: unknown[];
+        autoFocus: boolean;
+        disableFocusBehavior: boolean;
+        keepSearchValue: boolean;
+        searchWithPinyin: boolean;
+        disableScrollToSelectedOption: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -2179,169 +2375,123 @@ declare const BkSelect: {
     contentRef: import("vue").Ref<HTMLElement>;
     searchRef: import("vue").Ref<HTMLElement>;
     scrollContainerRef: import("vue").Ref<HTMLElement>;
-    selectTagInputRef: import("vue").Ref<{
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean;
-            placeholder?: string;
-            tagTheme?: "" | "danger" | "success" | "warning" | "info";
-            behavior?: "normal" | "simplicity";
-            selected?: import("./type").ISelected[];
-            filterable?: boolean;
-            allowCreate?: boolean;
-            collapseTags?: boolean;
-            class?: unknown;
-            style?: unknown;
-            onKeydown?: (...args: any[]) => any;
-            ref?: import("vue").VNodeRef;
-            key?: string | number | symbol;
-            ref_for?: boolean;
-            ref_key?: string;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            readonly modelValue?: any;
-            onEnter?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
+    selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+            default: () => any[];
         };
-        $attrs: {
-            [x: string]: unknown;
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
-        $refs: {
-            [x: string]: unknown;
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $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: "keydown" | "enter" | "update:modelValue" | "remove", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            selected: {
-                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                default: () => any[];
-            };
-            tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
-                default: "" | "danger" | "success" | "warning" | "info";
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            modelValue: import("vue-types").VueTypeValidableDef<any>;
-            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
-                default: "normal" | "simplicity";
-            };
-        }>> & {
-            onKeydown?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
-        }, {
-            collapseTagRef: import("vue").Ref<any>;
-            tagWrapperRef: import("vue").Ref<any>;
-            tagsRefs: import("vue").Ref<any[]>;
-            select: import("./type").ISelectContext;
-            overflowTagIndex: import("vue").Ref<number>;
-            value: any;
-            inputRef: import("vue").Ref<HTMLElement>;
-            overflowContent: import("vue").ComputedRef<string>;
-            handleRemoveTag: (val: string) => void;
-            focus: () => void;
-            blur: () => void;
-            updateModelValue: (data: string) => void;
-            handleInput: (e: any) => void;
-            handleKeydown: (e: any) => void;
-            resolveClassName: (cls: string) => string;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], string, {
-            disabled: boolean;
-            placeholder: string;
-            tagTheme: "" | "danger" | "success" | "warning" | "info";
-            behavior: "normal" | "simplicity";
-            selected: import("./type").ISelected[];
-            filterable: boolean;
-            allowCreate: boolean;
-            collapseTags: 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<{
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
+    }>> & {
+        onKeydown?: (...args: any[]) => any;
+        onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+    }, {
+        collapseTagRef: import("vue").Ref<any>;
+        tagWrapperRef: import("vue").Ref<any>;
+        tagsRefs: import("vue").Ref<any[]>;
+        select: import("./type").ISelectContext;
+        overflowTagIndex: import("vue").Ref<number>;
+        value: import("vue").Ref<any>;
+        inputRef: import("vue").Ref<HTMLElement>;
+        overflowContent: import("vue").ComputedRef<string>;
+        handleRemoveTag: (val: string) => void;
+        focus: () => void;
+        blur: () => void;
+        updateModelValue: (data: string) => void;
+        handleInput: (e: any) => void;
+        handleKeydown: (e: any) => void;
+        resolveClassName: (cls: string) => string;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "remove" | "enter")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+            default: () => any[];
+        };
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
+    }>> & {
+        onKeydown?: (...args: any[]) => any;
+        onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+    }, {
+        disabled: boolean;
+        placeholder: string;
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
+        behavior: "normal" | "simplicity";
+        selected: import("./type").ISelected[];
+        filterable: boolean;
+        allowCreate: boolean;
+        collapseTags: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         selected: {
             type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
             default: () => any[];
@@ -2383,13 +2533,13 @@ declare const BkSelect: {
         onEnter?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         collapseTagRef: import("vue").Ref<any>;
         tagWrapperRef: import("vue").Ref<any>;
         tagsRefs: import("vue").Ref<any[]>;
         select: import("./type").ISelectContext;
         overflowTagIndex: import("vue").Ref<number>;
-        value: any;
+        value: import("vue").Ref<any>;
         inputRef: import("vue").Ref<HTMLElement>;
         overflowContent: import("vue").ComputedRef<string>;
         handleRemoveTag: (val: string) => void;
@@ -2399,7 +2549,16 @@ declare const BkSelect: {
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
-    }> & {} & import("vue").ComponentCustomProperties & {}>;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        placeholder: string;
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
+        behavior: "normal" | "simplicity";
+        selected: import("./type").ISelected[];
+        filterable: boolean;
+        allowCreate: boolean;
+        collapseTags: boolean;
+    }>>;
     popoverRef: import("vue").Ref<any>;
     searchLoading: import("vue").Ref<boolean>;
     isOptionsEmpty: import("vue").ComputedRef<boolean>;
@@ -2594,25 +2753,25 @@ declare const BkSelect: {
     virtualLineHeight: import("vue").Ref<number>;
     isEnableVirtualRender: import("vue").ComputedRef<boolean>;
     preloadItemCount: import("vue").ComputedRef<number>;
-    virtualRenderRef: any;
+    virtualRenderRef: import("vue").Ref<any>;
     setSelected: (data: object[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", {
     prefix: string;
+    size: "default" | "small" | "large" | "huge";
     disabled: boolean;
     trigger: "default" | "manual";
     showOnInit: boolean;
     loading: boolean;
-    size: "default" | "small" | "large" | "huge";
     multiple: boolean;
     placeholder: string;
     list: any[];
     tagTheme: "" | "danger" | "success" | "warning" | "info";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
-    minHeight: number;
     scrollHeight: number;
     clearable: boolean;
     withValidate: boolean;
+    minHeight: number;
     noDataText: string;
     showSelectedIcon: boolean;
     highlightKeyword: boolean;
@@ -2620,8 +2779,6 @@ declare const BkSelect: {
     allowCreate: boolean;
     collapseTags: boolean;
     popoverMinWidth: number;
-    displayKey: string;
-    idKey: string;
     remoteMethod: (...args: any[]) => any;
     showAll: boolean;
     allOptionText: string;
@@ -2634,6 +2791,8 @@ declare const BkSelect: {
     selectAllText: string;
     scrollLoading: boolean;
     customContent: boolean;
+    idKey: string;
+    displayKey: string;
     inputSearch: boolean;
     enableVirtualRender: boolean;
     allowEmptyValues: unknown[];
@@ -2752,4 +2911,4 @@ declare const BkSelect: {
     }, {}>;
 }>;
 export default BkSelect;
-export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup };
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, useHover };