bkui-vue 0.0.2-beta.12 → 0.0.2-beta.120

package/lib/select/index.d.ts

@@ -7,12 +7,12 @@ declare const BkSelect: {
         $props: {
             prefix?: string;
             disabled?: boolean;
-            size?: "default" | "small" | "large";
+            size?: "default" | "small" | "large" | "huge";
             multiple?: boolean;
             showOnInit?: boolean;
             placeholder?: string;
-            list?: unknown[];
-            tagTheme?: "info" | "success" | "warning" | "danger";
+            list?: any[];
+            tagTheme?: "" | "info" | "success" | "warning" | "danger";
             behavior?: "normal" | "simplicity";
             selectedStyle?: "checkbox" | "check";
             loading?: boolean;
@@ -28,6 +28,7 @@ declare const BkSelect: {
             displayKey?: string;
             idKey?: string;
             remoteMethod?: (...args: any[]) => any;
+            showAll?: boolean;
             showSelectAll?: boolean;
             multipleMode?: string;
             autoHeight?: boolean;
@@ -47,8 +48,9 @@ declare const BkSelect: {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
-            key?: string | number | symbol;
+            onSelect?: (...args: any[]) => any;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -89,12 +91,16 @@ declare const BkSelect: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly popoverOptions?: unknown;
             readonly modelValue?: any;
             onClear?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
-            readonly popoverOptions?: unknown;
             "onScroll-end"?: (...args: any[]) => any;
+            "onTag-remove"?: (...args: any[]) => any;
+            onDeselect?: (...args: any[]) => any;
+            readonly allOptionId?: string | number;
+            readonly filterOption?: Function;
         };
         $attrs: {
             [x: string]: unknown;
@@ -107,7 +113,7 @@ declare const BkSelect: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", ...args: any[]) => void;
+        $emit: (event: "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeValidableDef<any>;
@@ -121,8 +127,8 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-                default: "default" | "small" | "large";
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+                default: "default" | "small" | "large" | "huge";
             };
             clearable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -147,6 +153,12 @@ declare const BkSelect: {
             } & {
                 default: number;
             };
+            showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allOptionId: import("vue-types").VueTypeDef<string | number>;
             showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -165,8 +177,8 @@ declare const BkSelect: {
             multipleMode: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                default: "info" | "success" | "warning" | "danger";
+            tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                default: "" | "info" | "success" | "warning" | "danger";
             };
             behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
                 default: "normal" | "simplicity";
@@ -231,12 +243,16 @@ declare const BkSelect: {
                 height: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
-                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                maxWidth: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
-                content: import("vue-types").VueTypeDef<string | number> & {
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
+                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
+                };
+                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
                 allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -322,16 +338,24 @@ declare const BkSelect: {
                 } & {
                     default: string;
                 };
+                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>>>>;
             customContent: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-                default: () => unknown[];
-            } & {
-                default: () => unknown[];
+            list: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
             };
             idKey: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -384,15 +408,30 @@ declare const BkSelect: {
             selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
                 default: "checkbox" | "check";
             };
+            filterOption: {
+                type: FunctionConstructor;
+            };
         }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
+            onSelect?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
+            "onTag-remove"?: (...args: any[]) => any;
+            onDeselect?: (...args: any[]) => any;
         }, {
+            t: import("vue").ComputedRef<{
+                noData: string;
+                noMatchedData: string;
+                loading: string;
+                pleaseSelect: string;
+                enterKeywords: string;
+                all: string;
+                selectAll: string;
+            }>;
             selected: import("vue").Ref<{
                 value: string;
                 label: string | number;
@@ -414,7 +453,7 @@ declare const BkSelect: {
                 $props: {
                     disabled?: boolean;
                     placeholder?: string;
-                    tagTheme?: "info" | "success" | "warning" | "danger";
+                    tagTheme?: "" | "info" | "success" | "warning" | "danger";
                     selected?: import("./type").ISelected[];
                     filterable?: boolean;
                     allowCreate?: boolean;
@@ -422,8 +461,8 @@ declare const BkSelect: {
                     class?: unknown;
                     style?: unknown;
                     onKeydown?: (...args: any[]) => any;
-                    key?: string | number | symbol;
                     ref?: import("vue").VNodeRef;
+                    key?: string | number | symbol;
                     ref_for?: boolean;
                     ref_key?: string;
                     onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -487,8 +526,8 @@ declare const BkSelect: {
                         type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                         default: () => any[];
                     };
-                    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                        default: "info" | "success" | "warning" | "danger";
+                    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                        default: "" | "info" | "success" | "warning" | "danger";
                     };
                     placeholder: import("vue-types").VueTypeValidableDef<string> & {
                         default: string;
@@ -522,19 +561,24 @@ declare const BkSelect: {
                     onEnter?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
                 }, {
+                    collapseTagRef: import("vue").Ref<any>;
+                    tagWrapperRef: import("vue").Ref<any>;
+                    tagsRefs: import("vue").Ref<any[]>;
                     select: import("./type").ISelectContext;
                     overflowTagIndex: import("vue").Ref<number>;
                     value: any;
                     inputRef: import("vue").Ref<HTMLElement>;
+                    overflowContent: import("vue").ComputedRef<string>;
                     handleRemoveTag: (val: string) => void;
                     focus: () => void;
+                    blur: () => void;
                     handleInput: (e: any) => void;
                     handleKeydown: (e: any) => void;
                     resolveClassName: (cls: string) => string;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
                     disabled: boolean;
                     placeholder: string;
-                    tagTheme: "info" | "success" | "warning" | "danger";
+                    tagTheme: "" | "info" | "success" | "warning" | "danger";
                     selected: import("./type").ISelected[];
                     filterable: boolean;
                     allowCreate: boolean;
@@ -564,8 +608,8 @@ declare const BkSelect: {
                     type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                     default: () => any[];
                 };
-                tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                    default: "info" | "success" | "warning" | "danger";
+                tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                    default: "" | "info" | "success" | "warning" | "danger";
                 };
                 placeholder: import("vue-types").VueTypeValidableDef<string> & {
                     default: string;
@@ -599,12 +643,17 @@ declare const BkSelect: {
                 onEnter?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             } & import("vue").ShallowUnwrapRef<{
+                collapseTagRef: import("vue").Ref<any>;
+                tagWrapperRef: import("vue").Ref<any>;
+                tagsRefs: import("vue").Ref<any[]>;
                 select: import("./type").ISelectContext;
                 overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
+                overflowContent: import("vue").ComputedRef<string>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
@@ -619,9 +668,10 @@ declare const BkSelect: {
             curContentText: import("vue").ComputedRef<string>;
             isGroup: import("vue").ComputedRef<boolean>;
             searchKey: import("vue").Ref<string>;
+            isShowAll: import("vue").ComputedRef<boolean>;
             isShowSelectAll: import("vue").ComputedRef<boolean>;
             virtualHeight: import("vue").ComputedRef<number>;
-            virtualList: import("vue").ComputedRef<unknown[]>;
+            virtualList: import("vue").ComputedRef<any[]>;
             isCollapseTags: import("vue").ComputedRef<boolean>;
             popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
                 isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -645,12 +695,16 @@ declare const BkSelect: {
                 height: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
-                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                maxWidth: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
-                content: import("vue-types").VueTypeDef<string | number> & {
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
+                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
+                };
+                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
                 allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -736,7 +790,18 @@ declare const BkSelect: {
                 } & {
                     default: string;
                 };
+                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>>>>;
+            isAllSelected: import("vue").ComputedRef<boolean>;
             focusInput: () => void;
             setHover: () => void;
             cancelHover: () => void;
@@ -746,7 +811,7 @@ declare const BkSelect: {
             handleClear: (e: Event) => void;
             hidePopover: () => void;
             showPopover: () => void;
-            handleToggleAll: () => void;
+            handleToggleSelectAll: () => void;
             handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
             handleClickOutside: ({ event }: {
                 event: any;
@@ -754,8 +819,6 @@ declare const BkSelect: {
             handleScroll: (e: any) => void;
             handleDeleteTag: (val: string) => void;
             handleInputChange: (value: any) => void;
-            handleInputEnter: (val: string | number, e: Event) => void;
-            handleKeydown: (e: KeyboardEvent) => void;
             handleSelectedAllOptionMouseEnter: () => void;
             handlePopoverShow: () => void;
             localLoadingText: import("vue").ComputedRef<string>;
@@ -763,15 +826,16 @@ declare const BkSelect: {
             localSearchPlaceholder: import("vue").ComputedRef<string>;
             localSelectAllText: import("vue").ComputedRef<string>;
             resolveClassName: (cls: string) => string;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
+            handleCreateCustomOption: (val: string | number) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], string, {
             prefix: string;
             disabled: boolean;
-            size: "default" | "small" | "large";
+            size: "default" | "small" | "large" | "huge";
             multiple: boolean;
             showOnInit: boolean;
             placeholder: string;
-            list: unknown[];
-            tagTheme: "info" | "success" | "warning" | "danger";
+            list: any[];
+            tagTheme: "" | "info" | "success" | "warning" | "danger";
             behavior: "normal" | "simplicity";
             selectedStyle: "checkbox" | "check";
             loading: boolean;
@@ -787,6 +851,7 @@ declare const BkSelect: {
             displayKey: string;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
+            showAll: boolean;
             showSelectAll: boolean;
             multipleMode: string;
             autoHeight: boolean;
@@ -833,8 +898,8 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-            default: "default" | "small" | "large";
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
         };
         clearable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -859,6 +924,12 @@ declare const BkSelect: {
         } & {
             default: number;
         };
+        showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allOptionId: import("vue-types").VueTypeDef<string | number>;
         showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -877,8 +948,8 @@ declare const BkSelect: {
         multipleMode: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-            default: "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+            default: "" | "info" | "success" | "warning" | "danger";
         };
         behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
             default: "normal" | "simplicity";
@@ -943,12 +1014,16 @@ declare const BkSelect: {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            content: import("vue-types").VueTypeDef<string | number> & {
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1034,16 +1109,24 @@ declare const BkSelect: {
             } & {
                 default: string;
             };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>>>>;
         customContent: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
+        list: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
         };
         idKey: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -1096,15 +1179,30 @@ declare const BkSelect: {
         selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
             default: "checkbox" | "check";
         };
+        filterOption: {
+            type: FunctionConstructor;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onToggle?: (...args: any[]) => any;
         "onScroll-end"?: (...args: any[]) => any;
+        "onTag-remove"?: (...args: any[]) => any;
+        onDeselect?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        t: import("vue").ComputedRef<{
+            noData: string;
+            noMatchedData: string;
+            loading: string;
+            pleaseSelect: string;
+            enterKeywords: string;
+            all: string;
+            selectAll: string;
+        }>;
         selected: import("vue").Ref<{
             value: string;
             label: string | number;
@@ -1126,7 +1224,7 @@ declare const BkSelect: {
             $props: {
                 disabled?: boolean;
                 placeholder?: string;
-                tagTheme?: "info" | "success" | "warning" | "danger";
+                tagTheme?: "" | "info" | "success" | "warning" | "danger";
                 selected?: import("./type").ISelected[];
                 filterable?: boolean;
                 allowCreate?: boolean;
@@ -1134,8 +1232,8 @@ declare const BkSelect: {
                 class?: unknown;
                 style?: unknown;
                 onKeydown?: (...args: any[]) => any;
-                key?: string | number | symbol;
                 ref?: import("vue").VNodeRef;
+                key?: string | number | symbol;
                 ref_for?: boolean;
                 ref_key?: string;
                 onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1199,8 +1297,8 @@ declare const BkSelect: {
                     type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                     default: () => any[];
                 };
-                tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                    default: "info" | "success" | "warning" | "danger";
+                tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                    default: "" | "info" | "success" | "warning" | "danger";
                 };
                 placeholder: import("vue-types").VueTypeValidableDef<string> & {
                     default: string;
@@ -1234,19 +1332,24 @@ declare const BkSelect: {
                 onEnter?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             }, {
+                collapseTagRef: import("vue").Ref<any>;
+                tagWrapperRef: import("vue").Ref<any>;
+                tagsRefs: import("vue").Ref<any[]>;
                 select: import("./type").ISelectContext;
                 overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
+                overflowContent: import("vue").ComputedRef<string>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
                 disabled: boolean;
                 placeholder: string;
-                tagTheme: "info" | "success" | "warning" | "danger";
+                tagTheme: "" | "info" | "success" | "warning" | "danger";
                 selected: import("./type").ISelected[];
                 filterable: boolean;
                 allowCreate: boolean;
@@ -1276,8 +1379,8 @@ declare const BkSelect: {
                 type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                 default: () => any[];
             };
-            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                default: "info" | "success" | "warning" | "danger";
+            tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                default: "" | "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -1311,12 +1414,17 @@ declare const BkSelect: {
             onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
             select: import("./type").ISelectContext;
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -1331,9 +1439,10 @@ declare const BkSelect: {
         curContentText: import("vue").ComputedRef<string>;
         isGroup: import("vue").ComputedRef<boolean>;
         searchKey: import("vue").Ref<string>;
+        isShowAll: import("vue").ComputedRef<boolean>;
         isShowSelectAll: import("vue").ComputedRef<boolean>;
         virtualHeight: import("vue").ComputedRef<number>;
-        virtualList: import("vue").ComputedRef<unknown[]>;
+        virtualList: import("vue").ComputedRef<any[]>;
         isCollapseTags: import("vue").ComputedRef<boolean>;
         popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -1357,12 +1466,16 @@ declare const BkSelect: {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            content: import("vue-types").VueTypeDef<string | number> & {
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1448,7 +1561,18 @@ declare const BkSelect: {
             } & {
                 default: string;
             };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>>>>;
+        isAllSelected: import("vue").ComputedRef<boolean>;
         focusInput: () => void;
         setHover: () => void;
         cancelHover: () => void;
@@ -1458,7 +1582,7 @@ declare const BkSelect: {
         handleClear: (e: Event) => void;
         hidePopover: () => void;
         showPopover: () => void;
-        handleToggleAll: () => void;
+        handleToggleSelectAll: () => void;
         handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
         handleClickOutside: ({ event }: {
             event: any;
@@ -1466,8 +1590,6 @@ declare const BkSelect: {
         handleScroll: (e: any) => void;
         handleDeleteTag: (val: string) => void;
         handleInputChange: (value: any) => void;
-        handleInputEnter: (val: string | number, e: Event) => void;
-        handleKeydown: (e: KeyboardEvent) => void;
         handleSelectedAllOptionMouseEnter: () => void;
         handlePopoverShow: () => void;
         localLoadingText: import("vue").ComputedRef<string>;
@@ -1475,6 +1597,7 @@ declare const BkSelect: {
         localSearchPlaceholder: import("vue").ComputedRef<string>;
         localSelectAllText: import("vue").ComputedRef<string>;
         resolveClassName: (cls: string) => string;
+        handleCreateCustomOption: (val: string | number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -1491,8 +1614,8 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1517,6 +1640,12 @@ declare const BkSelect: {
     } & {
         default: number;
     };
+    showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -1535,8 +1664,8 @@ declare const BkSelect: {
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-        default: "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -1601,12 +1730,16 @@ declare const BkSelect: {
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1692,16 +1825,24 @@ declare const BkSelect: {
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     customContent: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     idKey: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -1754,15 +1895,30 @@ declare const BkSelect: {
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: FunctionConstructor;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
     "onScroll-end"?: (...args: any[]) => any;
+    "onTag-remove"?: (...args: any[]) => any;
+    onDeselect?: (...args: any[]) => any;
 }, {
+    t: import("vue").ComputedRef<{
+        noData: string;
+        noMatchedData: string;
+        loading: string;
+        pleaseSelect: string;
+        enterKeywords: string;
+        all: string;
+        selectAll: string;
+    }>;
     selected: import("vue").Ref<{
         value: string;
         label: string | number;
@@ -1784,7 +1940,7 @@ declare const BkSelect: {
         $props: {
             disabled?: boolean;
             placeholder?: string;
-            tagTheme?: "info" | "success" | "warning" | "danger";
+            tagTheme?: "" | "info" | "success" | "warning" | "danger";
             selected?: import("./type").ISelected[];
             filterable?: boolean;
             allowCreate?: boolean;
@@ -1792,8 +1948,8 @@ declare const BkSelect: {
             class?: unknown;
             style?: unknown;
             onKeydown?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1857,8 +2013,8 @@ declare const BkSelect: {
                 type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
                 default: () => any[];
             };
-            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                default: "info" | "success" | "warning" | "danger";
+            tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                default: "" | "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -1892,19 +2048,24 @@ declare const BkSelect: {
             onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
             select: import("./type").ISelectContext;
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
             disabled: boolean;
             placeholder: string;
-            tagTheme: "info" | "success" | "warning" | "danger";
+            tagTheme: "" | "info" | "success" | "warning" | "danger";
             selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -1934,8 +2095,8 @@ declare const BkSelect: {
             type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-            default: "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+            default: "" | "info" | "success" | "warning" | "danger";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -1969,12 +2130,17 @@ declare const BkSelect: {
         onEnter?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        collapseTagRef: import("vue").Ref<any>;
+        tagWrapperRef: import("vue").Ref<any>;
+        tagsRefs: import("vue").Ref<any[]>;
         select: import("./type").ISelectContext;
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
+        overflowContent: import("vue").ComputedRef<string>;
         handleRemoveTag: (val: string) => void;
         focus: () => void;
+        blur: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -1989,9 +2155,10 @@ declare const BkSelect: {
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
     searchKey: import("vue").Ref<string>;
+    isShowAll: import("vue").ComputedRef<boolean>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
     virtualHeight: import("vue").ComputedRef<number>;
-    virtualList: import("vue").ComputedRef<unknown[]>;
+    virtualList: import("vue").ComputedRef<any[]>;
     isCollapseTags: import("vue").ComputedRef<boolean>;
     popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -2015,12 +2182,16 @@ declare const BkSelect: {
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -2106,7 +2277,18 @@ declare const BkSelect: {
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
+    isAllSelected: import("vue").ComputedRef<boolean>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -2116,7 +2298,7 @@ declare const BkSelect: {
     handleClear: (e: Event) => void;
     hidePopover: () => void;
     showPopover: () => void;
-    handleToggleAll: () => void;
+    handleToggleSelectAll: () => void;
     handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
     handleClickOutside: ({ event }: {
         event: any;
@@ -2124,8 +2306,6 @@ declare const BkSelect: {
     handleScroll: (e: any) => void;
     handleDeleteTag: (val: string) => void;
     handleInputChange: (value: any) => void;
-    handleInputEnter: (val: string | number, e: Event) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
     handleSelectedAllOptionMouseEnter: () => void;
     handlePopoverShow: () => void;
     localLoadingText: import("vue").ComputedRef<string>;
@@ -2133,15 +2313,16 @@ declare const BkSelect: {
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", {
+    handleCreateCustomOption: (val: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", {
     prefix: string;
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;
-    list: unknown[];
-    tagTheme: "info" | "success" | "warning" | "danger";
+    list: any[];
+    tagTheme: "" | "info" | "success" | "warning" | "danger";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
     loading: boolean;
@@ -2157,6 +2338,7 @@ declare const BkSelect: {
     displayKey: string;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
+    showAll: boolean;
     showSelectAll: boolean;
     multipleMode: string;
     autoHeight: boolean;
@@ -2183,6 +2365,11 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        order: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }, {
         selected: import("vue").ComputedRef<boolean>;
         multiple: import("vue").ComputedRef<boolean>;
@@ -2191,6 +2378,7 @@ declare const BkSelect: {
         selectedStyle: import("vue").ComputedRef<import("../shared").SelectedTypeEnum>;
         optionName: import("vue").ComputedRef<string | number>;
         optionID: import("vue").ComputedRef<unknown>;
+        isDisabled: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         handleMouseEnter: () => void;
         resolveClassName: (cls: string) => string;
@@ -2206,8 +2394,14 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        order: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>>, {
         disabled: boolean;
+        order: number;
     }, {}>;
     Group: import("vue").DefineComponent<{
         label: import("vue-types").VueTypeValidableDef<string> & {
@@ -2265,4 +2459,4 @@ declare const BkSelect: {
     }, {}>;
 }>;
 export default BkSelect;
-export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup };