bkui-vue 0.0.1-beta.99 → 0.0.2-beta.1

package/lib/select/index.d.ts

@@ -4,33 +4,112 @@ declare const BkSelect: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            showOnInit: boolean;
-            disabled: boolean;
-            placeholder: string;
-            size: string;
-            multiple: boolean;
-            loading: boolean;
-            clearable: boolean;
-            behavior: string;
-            tagTheme: string;
-            filterable: boolean;
-            allowCreate: boolean;
-            popoverMinWidth: number;
-            remoteMethod: (...args: any[]) => any;
-            scrollHeight: number;
-            showSelectAll: boolean;
-            multipleMode: string;
-            collapseTags: boolean;
-            noDataText: string;
-            noMatchText: string;
-            loadingText: string;
-            selectAllText: string;
-            scrollLoading: boolean;
-            popoverOptions: {
+        $props: {
+            prefix?: string;
+            disabled?: boolean;
+            size?: "small" | "large" | "default";
+            multiple?: boolean;
+            showOnInit?: boolean;
+            placeholder?: string;
+            list?: unknown[];
+            tagTheme?: "info" | "success" | "warning" | "danger";
+            behavior?: "normal" | "simplicity";
+            selectedStyle?: "checkbox" | "check";
+            loading?: boolean;
+            scrollHeight?: number;
+            clearable?: boolean;
+            withValidate?: boolean;
+            noDataText?: string;
+            showSelectedIcon?: boolean;
+            filterable?: boolean;
+            allowCreate?: boolean;
+            collapseTags?: boolean;
+            popoverMinWidth?: number;
+            displayKey?: string;
+            idKey?: string;
+            remoteMethod?: (...args: any[]) => any;
+            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;
+            keepSearchValue?: boolean;
+            class?: unknown;
+            style?: unknown;
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
+            onChange?: (...args: any[]) => any;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            };
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            }>) => 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;
+            onClear?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
+            readonly popoverOptions?: unknown;
+            "onScroll-end"?: (...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: "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", ...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> & {
                 default: boolean;
@@ -42,8 +121,8 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            size: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
+                default: "small" | "large" | "default";
             };
             clearable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -86,41 +165,39 @@ declare const BkSelect: {
             multipleMode: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                default: "info" | "success" | "warning" | "danger";
             };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
             };
             collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            noDataText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            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;
-            } & {
-                default: string;
             };
             loadingText: import("vue-types").VueTypeValidableDef<string> & {
                 default: 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;
-            } & {
-                default: string;
             };
             scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -132,176 +209,270 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            popoverOptions: import("vue-types").VueTypeValidableDef<{
-                [key: string]: any;
-            }> & {
-                default: () => {
-                    [key: string]: any;
+            popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                onAfterHidden: FunctionConstructor;
+                onAfterShow: FunctionConstructor;
+                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
                 };
-            } & {
-                default: () => {
-                    [key: string]: any;
+                always: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
                 };
-            };
-        }>> & {
-            onChange?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            onToggle?: (...args: any[]) => any;
-            "onScroll-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "tagTheme" | "filterable" | "allowCreate" | "popoverMinWidth" | "remoteMethod" | "scrollHeight" | "showSelectAll" | "multipleMode" | "collapseTags" | "noDataText" | "noMatchText" | "loadingText" | "selectAllText" | "scrollLoading" | "popoverOptions">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", ...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> & {
+                disabled: 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;
+                };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                content: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                };
+                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> & {
+                    default: 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;
+                };
+            }>>>>;
+            customContent: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
             } & {
-                default: boolean;
+                default: () => unknown[];
             };
-            size: import("vue-types").VueTypeDef<string> & {
+            idKey: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
-            };
-            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
             } & {
-                default: boolean;
+                default: string;
             };
-            loading: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
+            displayKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
             } & {
-                default: boolean;
+                default: string;
             };
-            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            withValidate: 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;
-            };
-            showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            showSelectedIcon: 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> & {
+            inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            multipleMode: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            noDataText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            noMatchText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            loadingText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            selectAllText: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
+            allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
             } & {
-                default: string;
+                default: () => unknown[];
             };
-            scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+            autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            popoverOptions: import("vue-types").VueTypeValidableDef<{
-                [key: string]: any;
-            }> & {
-                default: () => {
-                    [key: string]: any;
-                };
-            } & {
-                default: () => {
-                    [key: string]: any;
-                };
+            prefix: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
+                default: "checkbox" | "check";
             };
         }>> & {
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
         }, {
             selected: import("vue").Ref<{
-                value: any;
+                value: string;
                 label: string | number;
             }[]>;
             isInput: import("vue").ComputedRef<boolean>;
-            options: import("vue").Ref<({
+            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>;
+            selectTagInputRef: import("vue").Ref<{
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    disabled: boolean;
-                }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                    value: import("vue-types").VueTypeValidableDef<any>;
-                    label: import("vue-types").VueTypeDef<string | number>;
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+                $props: {
+                    disabled?: boolean;
+                    placeholder?: string;
+                    tagTheme?: "info" | "success" | "warning" | "danger";
+                    selected?: import("./type").ISelected[];
+                    filterable?: boolean;
+                    allowCreate?: boolean;
+                    collapseTags?: boolean;
+                    class?: unknown;
+                    style?: unknown;
+                    onKeydown?: (...args: any[]) => any;
+                    key?: string | number | symbol;
+                    ref?: import("vue").VNodeRef;
+                    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;
+                    "onUpdate:modelValue"?: (...args: any[]) => any;
+                    onEnter?: (...args: any[]) => any;
+                    onRemove?: (...args: any[]) => any;
+                };
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -309,88 +480,19 @@ declare const BkSelect: {
                     [x: string]: unknown;
                 };
                 $slots: Readonly<{
-                    [name: string]: import("vue").Slot;
+                    [name: string]: import("vue").Slot<any>;
                 }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $emit: (event: string, ...args: any[]) => void;
+                $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" | "update:modelValue" | "enter" | "remove", ...args: any[]) => void;
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    value: import("vue-types").VueTypeValidableDef<any>;
-                    label: import("vue-types").VueTypeDef<string | number>;
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
+                    selected: {
+                        type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
+                        default: () => any[];
                     };
-                }>>, {
-                    selected: import("vue").ComputedRef<boolean>;
-                    multiple: import("vue").ComputedRef<boolean>;
-                    isHover: import("vue").ComputedRef<boolean>;
-                    handleOptionClick: () => void;
-                    handleMouseEnter: () => void;
-                    visible: import("vue").Ref<boolean>;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                    disabled: boolean;
-                }> & {
-                    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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import("vue").nextTick;
-                $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-            } & Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>> & import("vue").ShallowUnwrapRef<{
-                selected: import("vue").ComputedRef<boolean>;
-                multiple: import("vue").ComputedRef<boolean>;
-                isHover: import("vue").ComputedRef<boolean>;
-                handleOptionClick: () => void;
-                handleMouseEnter: () => void;
-                visible: import("vue").Ref<boolean>;
-            }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
-            isDisabled: import("vue").ComputedRef<boolean>;
-            selectedLabel: import("vue").ComputedRef<(string | number)[]>;
-            isPopoverShow: import("vue").Ref<boolean>;
-            isHover: import("vue").Ref<boolean>;
-            popperWidth: import("vue").Ref<string | number>;
-            popoverRef: import("vue").Ref<any>;
-            inputRef: import("vue").Ref<HTMLElement>;
-            selectTagInputRef: import("vue").Ref<{
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    placeholder: string;
-                    selected: import("./type").ISelectedData[];
-                    tagTheme: string;
-                    filterable: boolean;
-                    allowCreate: boolean;
-                }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                    selected: {
-                        type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
-                        default: () => any[];
-                    };
-                    tagTheme: import("vue-types").VueTypeDef<string> & {
-                        default: string;
+                    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                        default: "info" | "success" | "warning" | "danger";
                     };
                     placeholder: import("vue-types").VueTypeValidableDef<string> & {
                         default: string;
@@ -407,70 +509,40 @@ declare const BkSelect: {
                     } & {
                         default: boolean;
                     };
-                    modelValue: import("vue-types").VueTypeValidableDef<any>;
-                }>> & {
-                    onFocus?: (...args: any[]) => any;
-                    onEnter?: (...args: any[]) => any;
-                    "onUpdate:modelValue"?: (...args: any[]) => any;
-                    onRemove?: (...args: any[]) => any;
-                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot;
-                }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    selected: {
-                        type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
-                        default: () => any[];
-                    };
-                    tagTheme: import("vue-types").VueTypeDef<string> & {
-                        default: string;
-                    };
-                    placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                        default: string;
-                    } & {
-                        default: string;
-                    };
-                    filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
                         default: boolean;
                     } & {
                         default: boolean;
                     };
-                    allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                    modelValue: import("vue-types").VueTypeValidableDef<any>;
+                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
                         default: boolean;
                     } & {
                         default: boolean;
                     };
-                    modelValue: import("vue-types").VueTypeValidableDef<any>;
                 }>> & {
-                    onFocus?: (...args: any[]) => any;
-                    onEnter?: (...args: any[]) => any;
+                    onKeydown?: (...args: any[]) => any;
                     "onUpdate:modelValue"?: (...args: any[]) => any;
+                    onEnter?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
                 }, {
+                    select: import("./type").ISelectContext;
+                    overflowTagIndex: import("vue").Ref<number>;
                     value: any;
                     inputRef: import("vue").Ref<HTMLElement>;
-                    handleRemoveTag: (data: import("./type").ISelectedData) => void;
-                    handleFocus: () => void;
+                    handleRemoveTag: (val: string) => void;
                     focus: () => void;
                     handleInput: (e: any) => void;
                     handleKeydown: (e: any) => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
+                    disabled: boolean;
                     placeholder: string;
-                    selected: import("./type").ISelectedData[];
-                    tagTheme: string;
+                    tagTheme: "info" | "success" | "warning" | "danger";
+                    selected: import("./type").ISelected[];
                     filterable: boolean;
                     allowCreate: boolean;
-                }> & {
+                    collapseTags: boolean;
+                }, {}, string, {}> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -485,18 +557,18 @@ declare const BkSelect: {
                     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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | 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(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+                $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").ISelectedData[]>;
+                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                     default: () => any[];
                 };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
+                tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                    default: "info" | "success" | "warning" | "danger";
                 };
                 placeholder: import("vue-types").VueTypeValidableDef<string> & {
                     default: string;
@@ -513,21 +585,34 @@ declare const BkSelect: {
                 } & {
                     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;
+                };
             }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
+                onKeydown?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
+                onEnter?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             } & import("vue").ShallowUnwrapRef<{
+                select: import("./type").ISelectContext;
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
-                handleRemoveTag: (data: import("./type").ISelectedData) => void;
-                handleFocus: () => void;
+                handleRemoveTag: (val: string) => void;
                 focus: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
-            }> & {} & {} & import("vue").ComponentCustomProperties>;
+            }> & {} & import("vue").ComponentCustomProperties & {}>;
+            virtualRenderRef: import("vue").Ref<any>;
+            popoverRef: import("vue").Ref<any>;
             searchLoading: import("vue").Ref<boolean>;
             isOptionsEmpty: import("vue").ComputedRef<boolean>;
             isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -536,128 +621,192 @@ declare const BkSelect: {
             curContentText: import("vue").ComputedRef<string>;
             isGroup: import("vue").ComputedRef<boolean>;
             searchKey: import("vue").Ref<string>;
-            setHover: () => void;
-            cancelHover: () => void;
-            handleFocus: () => void;
-            handleTogglePopover: () => void;
-            handleClear: (e: Event) => void;
-            onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
-            hidePopover: () => void;
-            showPopover: () => void;
-            handleToggleAll: () => void;
-            handleOptionSelected: (option: {
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    disabled: boolean;
-                }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                    value: import("vue-types").VueTypeValidableDef<any>;
-                    label: import("vue-types").VueTypeDef<string | number>;
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-                $attrs: {
-                    [x: string]: unknown;
+            isShowSelectAll: import("vue").ComputedRef<boolean>;
+            virtualHeight: import("vue").ComputedRef<number>;
+            virtualList: import("vue").ComputedRef<unknown[]>;
+            isCollapseTags: import("vue").ComputedRef<boolean>;
+            popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
+                onAfterHidden: FunctionConstructor;
+                onAfterShow: FunctionConstructor;
+                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
                 };
-                $refs: {
-                    [x: string]: unknown;
+                always: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
                 };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot;
-                }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    value: import("vue-types").VueTypeValidableDef<any>;
-                    label: import("vue-types").VueTypeDef<string | number>;
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                }>>, {
-                    selected: import("vue").ComputedRef<boolean>;
-                    multiple: import("vue").ComputedRef<boolean>;
-                    isHover: import("vue").ComputedRef<boolean>;
-                    handleOptionClick: () => void;
-                    handleMouseEnter: () => void;
-                    visible: import("vue").Ref<boolean>;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                    disabled: boolean;
+                disabled: 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;
+                };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                content: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                };
+                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;
                 }> & {
-                    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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+                    default: number | (() => {
+                        mainAxis?: number;
+                        crossAxis?: number;
+                        alignmentAxis?: number;
+                    });
                 };
-                $forceUpdate: () => void;
-                $nextTick: typeof import("vue").nextTick;
-                $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-            } & Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                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;
                 };
-            }>> & import("vue").ShallowUnwrapRef<{
-                selected: import("vue").ComputedRef<boolean>;
-                multiple: import("vue").ComputedRef<boolean>;
-                isHover: import("vue").ComputedRef<boolean>;
-                handleOptionClick: () => void;
-                handleMouseEnter: () => void;
-                visible: import("vue").Ref<boolean>;
-            }> & {} & {} & import("vue").ComponentCustomProperties) => void;
-            handleClickOutside: () => void;
+                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> & {
+                    default: 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;
+                };
+            }>>>>;
+            focusInput: () => void;
+            setHover: () => void;
+            cancelHover: () => void;
+            handleFocus: () => void;
+            handleBlur: () => void;
+            handleTogglePopover: () => void;
+            handleClear: (e: Event) => void;
+            hidePopover: () => void;
+            showPopover: () => void;
+            handleToggleAll: () => void;
+            handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
+            handleClickOutside: ({ event }: {
+                event: any;
+            }) => void;
             handleScroll: (e: any) => void;
-            handleDeleteTag: (data: import("./type").ISelectedData) => void;
+            handleDeleteTag: (val: string) => void;
             handleInputChange: (value: any) => void;
-            handleInputEnter: (value: any, e: Event) => void;
+            handleInputEnter: (val: string | number, e: Event) => void;
             handleKeydown: (e: KeyboardEvent) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
-            showOnInit: boolean;
+            handleSelectedAllOptionMouseEnter: () => void;
+            handlePopoverShow: () => void;
+            localLoadingText: import("vue").ComputedRef<string>;
+            localPlaceholder: import("vue").ComputedRef<string>;
+            localSearchPlaceholder: import("vue").ComputedRef<string>;
+            localSelectAllText: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
+            prefix: string;
             disabled: boolean;
-            placeholder: string;
-            size: string;
+            size: "small" | "large" | "default";
             multiple: boolean;
+            showOnInit: boolean;
+            placeholder: string;
+            list: unknown[];
+            tagTheme: "info" | "success" | "warning" | "danger";
+            behavior: "normal" | "simplicity";
+            selectedStyle: "checkbox" | "check";
             loading: boolean;
+            scrollHeight: number;
             clearable: boolean;
-            behavior: string;
-            tagTheme: string;
+            withValidate: boolean;
+            noDataText: string;
+            showSelectedIcon: boolean;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
             popoverMinWidth: number;
+            displayKey: string;
+            idKey: string;
             remoteMethod: (...args: any[]) => any;
-            scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
-            collapseTags: boolean;
-            noDataText: string;
+            autoHeight: boolean;
             noMatchText: string;
             loadingText: string;
+            searchPlaceholder: string;
             selectAllText: string;
             scrollLoading: boolean;
-            popoverOptions: {
-                [key: string]: any;
-            };
-        }> & {
+            customContent: boolean;
+            inputSearch: boolean;
+            enableVirtualRender: boolean;
+            allowEmptyValues: unknown[];
+            autoFocus: boolean;
+            keepSearchValue: boolean;
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -672,11 +821,11 @@ declare const BkSelect: {
             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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | 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(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        $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<{
         modelValue: import("vue-types").VueTypeValidableDef<any>;
         multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -689,8 +838,8 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
+            default: "small" | "large" | "default";
         };
         clearable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -733,41 +882,39 @@ declare const BkSelect: {
         multipleMode: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        tagTheme: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+            default: "info" | "success" | "warning" | "danger";
         };
-        behavior: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
         };
         collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        noDataText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
+        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;
-        } & {
-            default: string;
         };
         loadingText: import("vue-types").VueTypeValidableDef<string> & {
             default: 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;
-        } & {
-            default: string;
         };
         scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -779,155 +926,270 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        popoverOptions: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
-                [key: string]: any;
+        popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-        } & {
-            default: () => {
-                [key: string]: any;
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        onToggle?: (...args: any[]) => any;
-        "onScroll-end"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
-        selected: import("vue").Ref<{
-            value: any;
-            label: string | number;
-        }[]>;
-        isInput: import("vue").ComputedRef<boolean>;
-        options: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                disabled: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-            $attrs: {
-                [x: string]: unknown;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            $refs: {
-                [x: string]: unknown;
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
             };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>>, {
-                selected: import("vue").ComputedRef<boolean>;
-                multiple: import("vue").ComputedRef<boolean>;
-                isHover: import("vue").ComputedRef<boolean>;
-                handleOptionClick: () => void;
-                handleMouseEnter: () => void;
-                visible: import("vue").Ref<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                disabled: boolean;
+            height: 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> & {
+                default: string | number;
+            };
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            };
+            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;
             }> & {
-                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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+                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;
             };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            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;
             };
-        }>> & import("vue").ShallowUnwrapRef<{
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            isHover: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            handleMouseEnter: () => void;
-            visible: import("vue").Ref<boolean>;
-        }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            reference: import("vue-types").VueTypeValidableDef<any> & {
+                default: 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;
+            };
+        }>>>>;
+        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        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;
+        };
+        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";
+        };
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onChange?: (...args: any[]) => any;
+        onClear?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onToggle?: (...args: any[]) => any;
+        "onScroll-end"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        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<(string | number)[]>;
+        selectedLabel: import("vue").ComputedRef<any[]>;
         isPopoverShow: import("vue").Ref<boolean>;
         isHover: import("vue").Ref<boolean>;
         popperWidth: import("vue").Ref<string | number>;
-        popoverRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<HTMLElement>;
+        triggerRef: import("vue").Ref<HTMLElement>;
+        contentRef: import("vue").Ref<HTMLElement>;
+        searchRef: import("vue").Ref<HTMLElement>;
         selectTagInputRef: import("vue").Ref<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                placeholder: string;
-                selected: import("./type").ISelectedData[];
-                tagTheme: string;
-                filterable: boolean;
-                allowCreate: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
-                };
-                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;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-            }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
+            $props: {
+                disabled?: boolean;
+                placeholder?: string;
+                tagTheme?: "info" | "success" | "warning" | "danger";
+                selected?: import("./type").ISelected[];
+                filterable?: boolean;
+                allowCreate?: boolean;
+                collapseTags?: boolean;
+                class?: unknown;
+                style?: unknown;
+                onKeydown?: (...args: any[]) => any;
+                key?: string | number | symbol;
+                ref?: import("vue").VNodeRef;
+                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;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
+                onEnter?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+            };
             $attrs: {
                 [x: string]: unknown;
             };
@@ -935,19 +1197,19 @@ declare const BkSelect: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: import("vue").Slot;
+                [name: string]: import("vue").Slot<any>;
             }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
+            $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" | "update:modelValue" | "enter" | "remove", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
+                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                     default: () => any[];
                 };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
+                tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                    default: "info" | "success" | "warning" | "danger";
                 };
                 placeholder: import("vue-types").VueTypeValidableDef<string> & {
                     default: string;
@@ -964,27 +1226,40 @@ declare const BkSelect: {
                 } & {
                     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;
+                };
             }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
+                onKeydown?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
+                onEnter?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             }, {
+                select: import("./type").ISelectContext;
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
-                handleRemoveTag: (data: import("./type").ISelectedData) => void;
-                handleFocus: () => void;
+                handleRemoveTag: (val: string) => void;
                 focus: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
+                disabled: boolean;
                 placeholder: string;
-                selected: import("./type").ISelectedData[];
-                tagTheme: string;
+                tagTheme: "info" | "success" | "warning" | "danger";
+                selected: import("./type").ISelected[];
                 filterable: boolean;
                 allowCreate: boolean;
-            }> & {
+                collapseTags: boolean;
+            }, {}, string, {}> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -999,18 +1274,18 @@ declare const BkSelect: {
                 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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | 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(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+            $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").ISelectedData[]>;
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                 default: () => any[];
             };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                default: "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -1027,21 +1302,34 @@ declare const BkSelect: {
             } & {
                 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;
+            };
         }>> & {
-            onFocus?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
+            onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
-            handleRemoveTag: (data: import("./type").ISelectedData) => void;
-            handleFocus: () => void;
+            handleRemoveTag: (val: string) => void;
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
-        }> & {} & {} & import("vue").ComponentCustomProperties>;
+        }> & {} & import("vue").ComponentCustomProperties & {}>;
+        virtualRenderRef: import("vue").Ref<any>;
+        popoverRef: import("vue").Ref<any>;
         searchLoading: import("vue").Ref<boolean>;
         isOptionsEmpty: import("vue").ComputedRef<boolean>;
         isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -1050,102 +1338,154 @@ declare const BkSelect: {
         curContentText: import("vue").ComputedRef<string>;
         isGroup: import("vue").ComputedRef<boolean>;
         searchKey: import("vue").Ref<string>;
-        setHover: () => void;
-        cancelHover: () => void;
-        handleFocus: () => void;
-        handleTogglePopover: () => void;
-        handleClear: (e: Event) => void;
-        onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
-        hidePopover: () => void;
-        showPopover: () => void;
-        handleToggleAll: () => void;
-        handleOptionSelected: (option: {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                disabled: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-            $attrs: {
-                [x: string]: unknown;
+        isShowSelectAll: import("vue").ComputedRef<boolean>;
+        virtualHeight: import("vue").ComputedRef<number>;
+        virtualList: import("vue").ComputedRef<unknown[]>;
+        isCollapseTags: import("vue").ComputedRef<boolean>;
+        popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            $refs: {
-                [x: string]: unknown;
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                value: import("vue-types").VueTypeValidableDef<any>;
-                label: import("vue-types").VueTypeDef<string | number>;
-                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-            }>>, {
-                selected: import("vue").ComputedRef<boolean>;
-                multiple: import("vue").ComputedRef<boolean>;
-                isHover: import("vue").ComputedRef<boolean>;
-                handleOptionClick: () => void;
-                handleMouseEnter: () => void;
-                visible: import("vue").Ref<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                disabled: boolean;
+            disabled: 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;
+            };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            };
+            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;
             }> & {
-                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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+                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;
             };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            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;
             };
-        }>> & import("vue").ShallowUnwrapRef<{
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            isHover: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            handleMouseEnter: () => void;
-            visible: import("vue").Ref<boolean>;
-        }> & {} & {} & import("vue").ComponentCustomProperties) => void;
-        handleClickOutside: () => void;
+            reference: import("vue-types").VueTypeValidableDef<any> & {
+                default: 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;
+            };
+        }>>>>;
+        focusInput: () => void;
+        setHover: () => void;
+        cancelHover: () => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleTogglePopover: () => void;
+        handleClear: (e: Event) => void;
+        hidePopover: () => void;
+        showPopover: () => void;
+        handleToggleAll: () => void;
+        handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
+        handleClickOutside: ({ event }: {
+            event: any;
+        }) => void;
         handleScroll: (e: any) => void;
-        handleDeleteTag: (data: import("./type").ISelectedData) => void;
+        handleDeleteTag: (val: string) => void;
         handleInputChange: (value: any) => void;
-        handleInputEnter: (value: any, e: Event) => void;
+        handleInputEnter: (val: string | number, e: Event) => void;
         handleKeydown: (e: KeyboardEvent) => void;
-    }> & {} & {} & import("vue").ComponentCustomProperties;
+        handleSelectedAllOptionMouseEnter: () => void;
+        handlePopoverShow: () => void;
+        localLoadingText: import("vue").ComputedRef<string>;
+        localPlaceholder: import("vue").ComputedRef<string>;
+        localSearchPlaceholder: import("vue").ComputedRef<string>;
+        localSelectAllText: import("vue").ComputedRef<string>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -1161,8 +1501,8 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
+        default: "small" | "large" | "default";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1205,41 +1545,39 @@ declare const BkSelect: {
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+        default: "info" | "success" | "warning" | "danger";
     };
-    behavior: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+        default: "normal" | "simplicity";
     };
     collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    noDataText: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    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;
-    } & {
-        default: string;
     };
     loadingText: import("vue-types").VueTypeValidableDef<string> & {
         default: 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;
-    } & {
-        default: string;
     };
     scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1251,155 +1589,270 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
-    popoverOptions: import("vue-types").VueTypeValidableDef<{
-        [key: string]: any;
-    }> & {
-        default: () => {
-            [key: string]: any;
+    popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-    } & {
-        default: () => {
-            [key: string]: any;
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-    };
-}>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
-    onToggle?: (...args: any[]) => any;
-    "onScroll-end"?: (...args: any[]) => any;
-}, {
-    selected: import("vue").Ref<{
-        value: any;
-        label: string | number;
-    }[]>;
-    isInput: import("vue").ComputedRef<boolean>;
-    options: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-        $attrs: {
-            [x: string]: unknown;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-        $refs: {
-            [x: string]: unknown;
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>>, {
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            isHover: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            handleMouseEnter: () => void;
-            visible: import("vue").Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            disabled: boolean;
+        height: 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> & {
+            default: string | number;
+        };
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        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;
         }> & {
-            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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        value: import("vue-types").VueTypeValidableDef<any>;
-        label: import("vue-types").VueTypeDef<string | number>;
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        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;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
-        selected: import("vue").ComputedRef<boolean>;
-        multiple: import("vue").ComputedRef<boolean>;
-        isHover: import("vue").ComputedRef<boolean>;
-        handleOptionClick: () => void;
-        handleMouseEnter: () => void;
-        visible: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+        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> & {
+            default: 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;
+        };
+    }>>>>;
+    customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    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;
+    };
+    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";
+    };
+}>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onToggle?: (...args: any[]) => any;
+    "onScroll-end"?: (...args: any[]) => any;
+}, {
+    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<(string | number)[]>;
+    selectedLabel: import("vue").ComputedRef<any[]>;
     isPopoverShow: import("vue").Ref<boolean>;
     isHover: import("vue").Ref<boolean>;
     popperWidth: import("vue").Ref<string | number>;
-    popoverRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<HTMLElement>;
+    triggerRef: import("vue").Ref<HTMLElement>;
+    contentRef: import("vue").Ref<HTMLElement>;
+    searchRef: import("vue").Ref<HTMLElement>;
     selectTagInputRef: import("vue").Ref<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            placeholder: string;
-            selected: import("./type").ISelectedData[];
-            tagTheme: string;
-            filterable: boolean;
-            allowCreate: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            selected: {
-                type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
-                default: () => any[];
-            };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            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;
-            };
-            modelValue: import("vue-types").VueTypeValidableDef<any>;
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
+        $props: {
+            disabled?: boolean;
+            placeholder?: string;
+            tagTheme?: "info" | "success" | "warning" | "danger";
+            selected?: import("./type").ISelected[];
+            filterable?: boolean;
+            allowCreate?: boolean;
+            collapseTags?: boolean;
+            class?: unknown;
+            style?: unknown;
+            onKeydown?: (...args: any[]) => any;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            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;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -1407,19 +1860,19 @@ declare const BkSelect: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot;
+            [name: string]: import("vue").Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
+        $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" | "update:modelValue" | "enter" | "remove", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             selected: {
-                type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
+                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                 default: () => any[];
             };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                default: "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -1436,27 +1889,40 @@ declare const BkSelect: {
             } & {
                 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;
+            };
         }>> & {
-            onFocus?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
+            onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
-            handleRemoveTag: (data: import("./type").ISelectedData) => void;
-            handleFocus: () => void;
+            handleRemoveTag: (val: string) => void;
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
+            disabled: boolean;
             placeholder: string;
-            selected: import("./type").ISelectedData[];
-            tagTheme: string;
+            tagTheme: "info" | "success" | "warning" | "danger";
+            selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
-        }> & {
+            collapseTags: boolean;
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1471,18 +1937,18 @@ declare const BkSelect: {
             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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | 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(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        $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").ISelectedData[]>;
+            type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+            default: "info" | "success" | "warning" | "danger";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -1499,21 +1965,34 @@ declare const BkSelect: {
         } & {
             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;
+        };
     }>> & {
-        onFocus?: (...args: any[]) => any;
-        onEnter?: (...args: any[]) => any;
+        onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
+        onEnter?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        select: import("./type").ISelectContext;
+        overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
-        handleRemoveTag: (data: import("./type").ISelectedData) => void;
-        handleFocus: () => void;
+        handleRemoveTag: (val: string) => void;
         focus: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
-    }> & {} & {} & import("vue").ComponentCustomProperties>;
+    }> & {} & import("vue").ComponentCustomProperties & {}>;
+    virtualRenderRef: import("vue").Ref<any>;
+    popoverRef: import("vue").Ref<any>;
     searchLoading: import("vue").Ref<boolean>;
     isOptionsEmpty: import("vue").ComputedRef<boolean>;
     isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -1522,131 +2001,198 @@ declare const BkSelect: {
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
     searchKey: import("vue").Ref<string>;
-    setHover: () => void;
-    cancelHover: () => void;
-    handleFocus: () => void;
-    handleTogglePopover: () => void;
-    handleClear: (e: Event) => void;
-    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
-    hidePopover: () => void;
-    showPopover: () => void;
-    handleToggleAll: () => void;
-    handleOptionSelected: (option: {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-        $attrs: {
-            [x: string]: unknown;
+    isShowSelectAll: import("vue").ComputedRef<boolean>;
+    virtualHeight: import("vue").ComputedRef<number>;
+    virtualList: import("vue").ComputedRef<unknown[]>;
+    isCollapseTags: import("vue").ComputedRef<boolean>;
+    popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-        $refs: {
-            [x: string]: unknown;
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeValidableDef<any>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>>, {
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            isHover: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            handleMouseEnter: () => void;
-            visible: import("vue").Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            disabled: boolean;
+        disabled: 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;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        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;
         }> & {
-            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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        value: import("vue-types").VueTypeValidableDef<any>;
-        label: import("vue-types").VueTypeDef<string | number>;
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        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;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
-        selected: import("vue").ComputedRef<boolean>;
-        multiple: import("vue").ComputedRef<boolean>;
-        isHover: import("vue").ComputedRef<boolean>;
-        handleOptionClick: () => void;
-        handleMouseEnter: () => void;
-        visible: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties) => void;
-    handleClickOutside: () => void;
+        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> & {
+            default: 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;
+        };
+    }>>>>;
+    focusInput: () => void;
+    setHover: () => void;
+    cancelHover: () => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleTogglePopover: () => void;
+    handleClear: (e: Event) => void;
+    hidePopover: () => void;
+    showPopover: () => void;
+    handleToggleAll: () => void;
+    handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
+    handleClickOutside: ({ event }: {
+        event: any;
+    }) => void;
     handleScroll: (e: any) => void;
-    handleDeleteTag: (data: import("./type").ISelectedData) => void;
+    handleDeleteTag: (val: string) => void;
     handleInputChange: (value: any) => void;
-    handleInputEnter: (value: any, e: Event) => void;
+    handleInputEnter: (val: string | number, e: Event) => void;
     handleKeydown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", {
-    showOnInit: boolean;
+    handleSelectedAllOptionMouseEnter: () => void;
+    handlePopoverShow: () => void;
+    localLoadingText: import("vue").ComputedRef<string>;
+    localPlaceholder: import("vue").ComputedRef<string>;
+    localSearchPlaceholder: import("vue").ComputedRef<string>;
+    localSelectAllText: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", {
+    prefix: string;
     disabled: boolean;
-    placeholder: string;
-    size: string;
+    size: "small" | "large" | "default";
     multiple: boolean;
+    showOnInit: boolean;
+    placeholder: string;
+    list: unknown[];
+    tagTheme: "info" | "success" | "warning" | "danger";
+    behavior: "normal" | "simplicity";
+    selectedStyle: "checkbox" | "check";
     loading: boolean;
+    scrollHeight: number;
     clearable: boolean;
-    behavior: string;
-    tagTheme: string;
+    withValidate: boolean;
+    noDataText: string;
+    showSelectedIcon: boolean;
     filterable: boolean;
     allowCreate: boolean;
+    collapseTags: boolean;
     popoverMinWidth: number;
+    displayKey: string;
+    idKey: string;
     remoteMethod: (...args: any[]) => any;
-    scrollHeight: number;
     showSelectAll: boolean;
     multipleMode: string;
-    collapseTags: boolean;
-    noDataText: string;
+    autoHeight: boolean;
     noMatchText: string;
     loadingText: string;
+    searchPlaceholder: string;
     selectAllText: string;
     scrollLoading: boolean;
-    popoverOptions: {
-        [key: string]: any;
-    };
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    customContent: boolean;
+    inputSearch: boolean;
+    enableVirtualRender: boolean;
+    allowEmptyValues: unknown[];
+    autoFocus: boolean;
+    keepSearchValue: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
-        value: import("vue-types").VueTypeValidableDef<any>;
-        label: import("vue-types").VueTypeDef<string | number>;
+        id: {
+            type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+            require: boolean;
+        };
+        name: import("vue-types").VueTypeDef<string | number>;
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1656,12 +2202,19 @@ declare const BkSelect: {
         selected: import("vue").ComputedRef<boolean>;
         multiple: import("vue").ComputedRef<boolean>;
         isHover: import("vue").ComputedRef<boolean>;
+        showSelectedIcon: import("vue").ComputedRef<boolean>;
+        selectedStyle: import("vue").ComputedRef<import("../shared").SelectedTypeEnum>;
+        optionName: import("vue").ComputedRef<string | number>;
+        optionID: import("vue").ComputedRef<unknown>;
         handleOptionClick: () => void;
         handleMouseEnter: () => void;
         visible: import("vue").Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        value: import("vue-types").VueTypeValidableDef<any>;
-        label: import("vue-types").VueTypeDef<string | number>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+            require: boolean;
+        };
+        name: import("vue-types").VueTypeDef<string | number>;
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1669,7 +2222,7 @@ declare const BkSelect: {
         };
     }>>, {
         disabled: boolean;
-    }>;
+    }, {}>;
     Group: import("vue").DefineComponent<{
         label: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -1696,7 +2249,7 @@ declare const BkSelect: {
         handleToggleCollapse: () => void;
         groupCollapse: import("vue").Ref<boolean>;
         visible: import("vue").Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -1722,7 +2275,7 @@ declare const BkSelect: {
         disabled: boolean;
         collapse: boolean;
         collapsible: boolean;
-    }>;
+    }, {}>;
 }>;
 export default BkSelect;
 export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };