bkui-vue 0.0.1-beta.10 → 0.0.1-beta.100

package/lib/select/index.d.ts

@@ -1,39 +1,161 @@
+import Option from './option';
+import OptionGroup from './optionGroup';
 declare const BkSelect: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            placeholder: string;
-            size: string;
-            multiple: boolean;
+            showOnInit: boolean;
             disabled: boolean;
-            loading: boolean;
-            clearable: boolean;
-            filterable: boolean;
-        }> & Omit<Readonly<{
-            modelValue?: unknown;
-            multiple?: unknown;
-            placeholder?: unknown;
-            disabled?: unknown;
-            size?: unknown;
-            clearable?: unknown;
-            loading?: unknown;
-            filterable?: unknown;
-        } & {
             placeholder: string;
             size: string;
             multiple: boolean;
-            disabled: boolean;
             loading: boolean;
             clearable: boolean;
+            behavior: string;
+            tagTheme: string;
             filterable: boolean;
-        } & {
-            modelValue?: string | number | boolean | unknown[];
-        }> & {
+            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: {
+                [key: string]: any;
+            };
+            customContent: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            loading: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            };
+            scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            multipleMode: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            tagTheme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            behavior: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            collapseTags: 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;
+            } & {
+                default: string;
+            };
+            scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            popoverOptions: import("vue-types").VueTypeValidableDef<{
+                [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
+            } & {
+                default: () => {
+                    [key: string]: any;
+                };
+            };
+            customContent: 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;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "size" | "multiple" | "disabled" | "loading" | "clearable" | "filterable">;
+            "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" | "customContent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -45,47 +167,152 @@ declare const BkSelect: {
         }>;
         $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" | "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            modelValue?: unknown;
-            multiple?: unknown;
-            placeholder?: unknown;
-            disabled?: unknown;
-            size?: unknown;
-            clearable?: unknown;
-            loading?: unknown;
-            filterable?: unknown;
-        } & {
-            placeholder: string;
-            size: string;
-            multiple: boolean;
-            disabled: boolean;
-            loading: boolean;
-            clearable: boolean;
-            filterable: boolean;
-        } & {
-            modelValue?: string | number | boolean | unknown[];
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            loading: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            };
+            scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            multipleMode: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            tagTheme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            behavior: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            collapseTags: 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;
+            } & {
+                default: string;
+            };
+            scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            popoverOptions: import("vue-types").VueTypeValidableDef<{
+                [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
+            } & {
+                default: () => {
+                    [key: string]: any;
+                };
+            };
+            customContent: 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;
         }, {
-            optionsMap: import("vue").Ref<Map<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<{
-                    value?: unknown;
-                    label?: unknown;
-                    disabled?: unknown;
-                } & {
-                    disabled: boolean;
-                } & {
-                    label?: string | number;
-                    value?: string | number | boolean;
-                }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+                }> & 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;
                 };
@@ -99,26 +326,21 @@ declare const BkSelect: {
                 $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<{
-                    value?: unknown;
-                    label?: unknown;
-                    disabled?: unknown;
-                } & {
-                    disabled: boolean;
-                } & {
-                    label?: string | number;
-                    value?: string | number | boolean;
-                }> & {}, {
-                    selectItemClass: import("vue").ComputedRef<{
-                        'is-selected': boolean;
-                        'is-disabled': boolean;
-                        'is-multiple': boolean;
-                        'is-hover': boolean;
-                        'bk-select-option': boolean;
-                    }>;
+                $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>;
-                    handleOptionClick: (e: Event) => void;
-                    display: import("vue").Ref<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;
                 }> & {
@@ -141,42 +363,68 @@ declare const BkSelect: {
                 $forceUpdate: () => void;
                 $nextTick: typeof import("vue").nextTick;
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-            } & Readonly<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
-                disabled: boolean;
-            } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {} & import("vue").ShallowUnwrapRef<{
-                selectItemClass: import("vue").ComputedRef<{
-                    'is-selected': boolean;
-                    'is-disabled': boolean;
-                    'is-multiple': boolean;
-                    'is-hover': boolean;
-                    'bk-select-option': boolean;
-                }>;
+            } & 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>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
-            }> & {} & {} & import("vue").ComponentCustomProperties>>;
-            selectedOptions: import("vue").ComputedRef<({
+                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<{
-                    disabled: boolean;
-                }> & Omit<Readonly<{
-                    value?: unknown;
-                    label?: unknown;
-                    disabled?: unknown;
-                } & {
-                    disabled: boolean;
-                } & {
-                    label?: string | number;
-                    value?: string | number | boolean;
-                }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+                    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;
+                    "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;
                 };
@@ -188,30 +436,51 @@ declare const BkSelect: {
                 }>;
                 $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;
+                $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
                 $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<{
-                    value?: unknown;
-                    label?: unknown;
-                    disabled?: unknown;
-                } & {
-                    disabled: boolean;
-                } & {
-                    label?: string | number;
-                    value?: string | number | boolean;
-                }> & {}, {
-                    selectItemClass: import("vue").ComputedRef<{
-                        'is-selected': boolean;
-                        'is-disabled': boolean;
-                        'is-multiple': boolean;
-                        'is-hover': boolean;
-                        'bk-select-option': boolean;
-                    }>;
-                    selected: import("vue").ComputedRef<boolean>;
-                    handleOptionClick: (e: Event) => void;
-                    display: import("vue").Ref<boolean>;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                    disabled: boolean;
+                $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> & {
+                        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;
+                    "onUpdate:modelValue"?: (...args: any[]) => any;
+                    onRemove?: (...args: any[]) => any;
+                }, {
+                    value: any;
+                    inputRef: import("vue").Ref<HTMLElement>;
+                    handleRemoveTag: (data: import("./type").ISelectedData) => void;
+                    handleFocus: () => void;
+                    focus: () => void;
+                    handleInput: (e: any) => void;
+                    handleKeydown: (e: any) => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+                    placeholder: string;
+                    selected: import("./type").ISelectedData[];
+                    tagTheme: string;
+                    filterable: boolean;
+                    allowCreate: boolean;
                 }> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -232,65 +501,174 @@ declare const BkSelect: {
                 $forceUpdate: () => void;
                 $nextTick: typeof import("vue").nextTick;
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-            } & Readonly<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
-                disabled: boolean;
-            } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {} & import("vue").ShallowUnwrapRef<{
-                selectItemClass: import("vue").ComputedRef<{
-                    'is-selected': boolean;
-                    'is-disabled': boolean;
-                    'is-multiple': boolean;
-                    'is-hover': boolean;
-                    'bk-select-option': boolean;
-                }>;
-                selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
-            }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
-            selectedLabel: import("vue").ComputedRef<string>;
-            selectClass: import("vue").ComputedRef<{
-                [x: string]: boolean;
-                'bk-select': boolean;
-                'popover-show': boolean;
-                'is-disabled': boolean;
-                'is-focus': boolean;
-            }>;
-            isPopoverShow: import("vue").Ref<boolean>;
-            placeholder: import("vue").Ref<string>;
-            filterable: import("vue").Ref<boolean>;
-            clearable: import("vue").Ref<boolean>;
-            isHover: import("vue").Ref<boolean>;
-            modifiers: import("vue").Ref<{
-                name: string;
-                options: {
-                    offset: number[];
+            } & Readonly<import("vue").ExtractPropTypes<{
+                selected: {
+                    type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
+                    default: () => any[];
                 };
-            }[]>;
-            popperWidth: import("vue").Ref<string | number>;
-            selectTriggerRef: import("vue").Ref<HTMLElement>;
+                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;
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+                onRemove?: (...args: any[]) => any;
+            } & import("vue").ShallowUnwrapRef<{
+                value: any;
+                inputRef: import("vue").Ref<HTMLElement>;
+                handleRemoveTag: (data: import("./type").ISelectedData) => void;
+                handleFocus: () => void;
+                focus: () => void;
+                handleInput: (e: any) => void;
+                handleKeydown: (e: any) => void;
+            }> & {} & {} & import("vue").ComponentCustomProperties>;
+            searchLoading: import("vue").Ref<boolean>;
+            isOptionsEmpty: import("vue").ComputedRef<boolean>;
+            isSearchEmpty: import("vue").ComputedRef<boolean>;
+            isFocus: import("vue").Ref<boolean>;
+            isShowSelectContent: import("vue").ComputedRef<boolean>;
+            curContentText: import("vue").ComputedRef<string>;
+            isGroup: import("vue").ComputedRef<boolean>;
+            searchKey: import("vue").Ref<string>;
             setHover: () => void;
             cancelHover: () => void;
             handleFocus: () => void;
-            handleBlur: () => void;
-            toggleMenu: () => void;
+            handleTogglePopover: () => void;
             handleClear: (e: Event) => void;
-            onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
+            onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             hidePopover: () => void;
             showPopover: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], string, {
+            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;
+                };
+                $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: 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;
+                }> & {
+                    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) => void;
+            handleClickOutside: () => void;
+            handleScroll: (e: any) => void;
+            handleDeleteTag: (data: import("./type").ISelectedData) => void;
+            handleInputChange: (value: any) => void;
+            handleInputEnter: (value: any, e: Event) => void;
+            handleKeydown: (e: KeyboardEvent) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
+            showOnInit: boolean;
+            disabled: boolean;
             placeholder: string;
             size: string;
             multiple: boolean;
-            disabled: 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: {
+                [key: string]: any;
+            };
+            customContent: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -311,45 +689,262 @@ declare const BkSelect: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        modelValue?: unknown;
-        multiple?: unknown;
-        placeholder?: unknown;
-        disabled?: unknown;
-        size?: unknown;
-        clearable?: unknown;
-        loading?: unknown;
-        filterable?: unknown;
-    } & {
-        placeholder: string;
-        size: string;
-        multiple: boolean;
-        disabled: boolean;
-        loading: boolean;
-        clearable: boolean;
-        filterable: boolean;
-    } & {
-        modelValue?: string | number | boolean | unknown[];
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        loading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        multipleMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        tagTheme: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        behavior: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        collapseTags: 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;
+        } & {
+            default: string;
+        };
+        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        popoverOptions: import("vue-types").VueTypeValidableDef<{
+            [key: string]: any;
+        }> & {
+            default: () => {
+                [key: string]: any;
+            };
+        } & {
+            default: () => {
+                [key: string]: any;
+            };
+        };
+        customContent: 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<{
-        optionsMap: import("vue").Ref<Map<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<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
+            }> & 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;
+            };
+            $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: 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;
+            }> & {
+                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;
             } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+                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;
+                };
+                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;
+                "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;
             };
@@ -361,30 +956,51 @@ declare const BkSelect: {
             }>;
             $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;
+            $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
-                disabled: boolean;
-            } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {}, {
-                selectItemClass: import("vue").ComputedRef<{
-                    'is-selected': boolean;
-                    'is-disabled': boolean;
-                    'is-multiple': boolean;
-                    'is-hover': boolean;
-                    'bk-select-option': boolean;
-                }>;
-                selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                disabled: boolean;
+            $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> & {
+                    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;
+                "onUpdate:modelValue"?: (...args: any[]) => any;
+                onRemove?: (...args: any[]) => any;
+            }, {
+                value: any;
+                inputRef: import("vue").Ref<HTMLElement>;
+                handleRemoveTag: (data: import("./type").ISelectedData) => void;
+                handleFocus: () => void;
+                focus: () => void;
+                handleInput: (e: any) => void;
+                handleKeydown: (e: any) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+                placeholder: string;
+                selected: import("./type").ISelectedData[];
+                tagTheme: string;
+                filterable: boolean;
+                allowCreate: boolean;
             }> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -405,42 +1021,75 @@ declare const BkSelect: {
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-        } & Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").ShallowUnwrapRef<{
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
-            selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
-        }> & {} & {} & import("vue").ComponentCustomProperties>>;
-        selectedOptions: import("vue").ComputedRef<({
+        } & 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;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        } & import("vue").ShallowUnwrapRef<{
+            value: any;
+            inputRef: import("vue").Ref<HTMLElement>;
+            handleRemoveTag: (data: import("./type").ISelectedData) => void;
+            handleFocus: () => void;
+            focus: () => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+        }> & {} & {} & import("vue").ComponentCustomProperties>;
+        searchLoading: import("vue").Ref<boolean>;
+        isOptionsEmpty: import("vue").ComputedRef<boolean>;
+        isSearchEmpty: import("vue").ComputedRef<boolean>;
+        isFocus: import("vue").Ref<boolean>;
+        isShowSelectContent: import("vue").ComputedRef<boolean>;
+        curContentText: import("vue").ComputedRef<string>;
+        isGroup: import("vue").ComputedRef<boolean>;
+        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<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
-                disabled: boolean;
-            } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+            }> & 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;
             };
@@ -454,26 +1103,21 @@ declare const BkSelect: {
             $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<{
-                value?: unknown;
-                label?: unknown;
-                disabled?: unknown;
-            } & {
-                disabled: boolean;
-            } & {
-                label?: string | number;
-                value?: string | number | boolean;
-            }> & {}, {
-                selectItemClass: import("vue").ComputedRef<{
-                    'is-selected': boolean;
-                    'is-disabled': boolean;
-                    'is-multiple': boolean;
-                    'is-hover': boolean;
-                    'bk-select-option': boolean;
-                }>;
+            $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>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<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;
             }> & {
@@ -496,100 +1140,176 @@ declare const BkSelect: {
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-        } & Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").ShallowUnwrapRef<{
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
-            selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
-        }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
-        selectedLabel: import("vue").ComputedRef<string>;
-        selectClass: import("vue").ComputedRef<{
-            [x: string]: boolean;
-            'bk-select': boolean;
-            'popover-show': boolean;
-            'is-disabled': boolean;
-            'is-focus': boolean;
-        }>;
-        isPopoverShow: import("vue").Ref<boolean>;
-        placeholder: import("vue").Ref<string>;
-        filterable: import("vue").Ref<boolean>;
-        clearable: import("vue").Ref<boolean>;
-        isHover: import("vue").Ref<boolean>;
-        modifiers: import("vue").Ref<{
-            name: string;
-            options: {
-                offset: number[];
+        } & 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;
             };
-        }[]>;
-        popperWidth: import("vue").Ref<string | number>;
-        selectTriggerRef: import("vue").Ref<HTMLElement>;
-        setHover: () => void;
-        cancelHover: () => void;
-        handleFocus: () => void;
-        handleBlur: () => void;
-        toggleMenu: () => void;
-        handleClear: (e: Event) => void;
-        onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
-        hidePopover: () => void;
-        showPopover: () => void;
+        }>> & 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;
+        handleScroll: (e: any) => void;
+        handleDeleteTag: (data: import("./type").ISelectedData) => void;
+        handleInputChange: (value: any) => void;
+        handleInputEnter: (value: any, e: Event) => void;
+        handleKeydown: (e: KeyboardEvent) => void;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    modelValue?: unknown;
-    multiple?: unknown;
-    placeholder?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    clearable?: unknown;
-    loading?: unknown;
-    filterable?: unknown;
-} & {
-    placeholder: string;
-    size: string;
-    multiple: boolean;
-    disabled: boolean;
-    loading: boolean;
-    clearable: boolean;
-    filterable: boolean;
-} & {
-    modelValue?: string | number | boolean | unknown[];
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<any>;
+    multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    multipleMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tagTheme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    behavior: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    collapseTags: 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;
+    } & {
+        default: string;
+    };
+    scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverOptions: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    customContent: 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;
 }, {
-    optionsMap: import("vue").Ref<Map<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<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & 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;
         };
@@ -603,26 +1323,21 @@ declare const BkSelect: {
         $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<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
+        $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>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<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;
         }> & {
@@ -645,42 +1360,68 @@ declare const BkSelect: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
-        selectItemClass: import("vue").ComputedRef<{
-            'is-selected': boolean;
-            'is-disabled': boolean;
-            'is-multiple': boolean;
-            'is-hover': boolean;
-            'bk-select-option': boolean;
-        }>;
+    } & 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>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties>>;
-    selectedOptions: import("vue").ComputedRef<({
+        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<{
-            disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+            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;
+            "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;
         };
@@ -692,30 +1433,51 @@ declare const BkSelect: {
         }>;
         $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;
+        $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
-            selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            disabled: boolean;
+        $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> & {
+                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;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            value: any;
+            inputRef: import("vue").Ref<HTMLElement>;
+            handleRemoveTag: (data: import("./type").ISelectedData) => void;
+            handleFocus: () => void;
+            focus: () => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
+            placeholder: string;
+            selected: import("./type").ISelectedData[];
+            tagTheme: string;
+            filterable: boolean;
+            allowCreate: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -736,64 +1498,254 @@ declare const BkSelect: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
-        selectItemClass: import("vue").ComputedRef<{
-            'is-selected': boolean;
-            'is-disabled': boolean;
-            'is-multiple': boolean;
-            'is-hover': boolean;
-            'bk-select-option': boolean;
-        }>;
-        selected: import("vue").ComputedRef<boolean>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
-    selectedLabel: import("vue").ComputedRef<string>;
-    selectClass: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        'bk-select': boolean;
-        'popover-show': boolean;
-        'is-disabled': boolean;
-        'is-focus': boolean;
-    }>;
-    isPopoverShow: import("vue").Ref<boolean>;
-    placeholder: import("vue").Ref<string>;
-    filterable: import("vue").Ref<boolean>;
-    clearable: import("vue").Ref<boolean>;
-    isHover: import("vue").Ref<boolean>;
-    modifiers: import("vue").Ref<{
-        name: string;
-        options: {
-            offset: number[];
+    } & Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue-types/dist/types").PropType<import("./type").ISelectedData[]>;
+            default: () => any[];
         };
-    }[]>;
-    popperWidth: import("vue").Ref<string | number>;
-    selectTriggerRef: import("vue").Ref<HTMLElement>;
+        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;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        value: any;
+        inputRef: import("vue").Ref<HTMLElement>;
+        handleRemoveTag: (data: import("./type").ISelectedData) => void;
+        handleFocus: () => void;
+        focus: () => void;
+        handleInput: (e: any) => void;
+        handleKeydown: (e: any) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties>;
+    searchLoading: import("vue").Ref<boolean>;
+    isOptionsEmpty: import("vue").ComputedRef<boolean>;
+    isSearchEmpty: import("vue").ComputedRef<boolean>;
+    isFocus: import("vue").Ref<boolean>;
+    isShowSelectContent: import("vue").ComputedRef<boolean>;
+    curContentText: import("vue").ComputedRef<string>;
+    isGroup: import("vue").ComputedRef<boolean>;
+    searchKey: import("vue").Ref<string>;
     setHover: () => void;
     cancelHover: () => void;
     handleFocus: () => void;
-    handleBlur: () => void;
-    toggleMenu: () => void;
+    handleTogglePopover: () => void;
     handleClear: (e: Event) => void;
-    onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
+    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     hidePopover: () => void;
     showPopover: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", {
+    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;
+        };
+        $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: 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;
+        }> & {
+            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) => void;
+    handleClickOutside: () => void;
+    handleScroll: (e: any) => void;
+    handleDeleteTag: (data: import("./type").ISelectedData) => void;
+    handleInputChange: (value: any) => void;
+    handleInputEnter: (value: any, 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;
+    disabled: boolean;
     placeholder: string;
     size: string;
     multiple: boolean;
-    disabled: boolean;
     loading: boolean;
     clearable: boolean;
+    behavior: string;
+    tagTheme: string;
     filterable: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+    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: {
+        [key: string]: any;
+    };
+    customContent: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    Option: import("vue").DefineComponent<{
+        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, 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>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>>, {
+        disabled: boolean;
+    }>;
+    Group: import("vue").DefineComponent<{
+        label: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        collapse: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }, {
+        groupLabel: import("vue").ComputedRef<string>;
+        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<{
+        label: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        collapse: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>>, {
+        label: string;
+        disabled: boolean;
+        collapse: boolean;
+        collapsible: boolean;
+    }>;
+}>;
 export default BkSelect;
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };