bkui-vue 0.0.2-beta.9 → 0.0.2-table-refactor.2

package/lib/select/index.d.ts

@@ -11,8 +11,8 @@ declare const BkSelect: {
             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;
@@ -42,13 +42,15 @@ declare const BkSelect: {
             allowEmptyValues?: unknown[];
             autoFocus?: boolean;
             keepSearchValue?: boolean;
+            filterOption?: boolean | Function;
             class?: unknown;
             style?: unknown;
             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,14 @@ 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;
         };
         $attrs: {
             [x: string]: unknown;
@@ -107,7 +111,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>;
@@ -165,8 +169,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 +235,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 +330,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,14 +400,21 @@ declare const BkSelect: {
             selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
                 default: "checkbox" | "check";
             };
+            filterOption: {
+                type: (BooleanConstructor | FunctionConstructor)[];
+                default: boolean;
+            };
         }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
+            onSelect?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
+            "onTag-remove"?: (...args: any[]) => any;
+            onDeselect?: (...args: any[]) => any;
         }, {
             selected: import("vue").Ref<{
                 value: string;
@@ -414,7 +437,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 +445,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 +510,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,6 +545,9 @@ 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;
@@ -534,7 +560,7 @@ declare const BkSelect: {
                 }, 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 +590,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,6 +625,9 @@ 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;
@@ -621,7 +650,7 @@ declare const BkSelect: {
             searchKey: import("vue").Ref<string>;
             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 +674,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,6 +769,16 @@ 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;
+                };
             }>>>>;
             focusInput: () => void;
             setHover: () => void;
@@ -754,8 +797,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 +804,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";
             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;
@@ -801,6 +843,7 @@ declare const BkSelect: {
             allowEmptyValues: unknown[];
             autoFocus: boolean;
             keepSearchValue: boolean;
+            filterOption: boolean | Function;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -877,8 +920,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 +986,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 +1081,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,14 +1151,21 @@ declare const BkSelect: {
         selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
             default: "checkbox" | "check";
         };
+        filterOption: {
+            type: (BooleanConstructor | FunctionConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onToggle?: (...args: any[]) => any;
         "onScroll-end"?: (...args: any[]) => any;
+        "onTag-remove"?: (...args: any[]) => any;
+        onDeselect?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
         selected: import("vue").Ref<{
             value: string;
@@ -1126,7 +1188,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 +1196,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 +1261,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,6 +1296,9 @@ 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;
@@ -1246,7 +1311,7 @@ declare const BkSelect: {
             }, 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 +1341,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,6 +1376,9 @@ 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;
@@ -1333,7 +1401,7 @@ declare const BkSelect: {
         searchKey: import("vue").Ref<string>;
         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 +1425,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,6 +1520,16 @@ 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;
+            };
         }>>>>;
         focusInput: () => void;
         setHover: () => void;
@@ -1466,8 +1548,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 +1555,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;
@@ -1535,8 +1616,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 +1682,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 +1777,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,14 +1847,21 @@ declare const BkSelect: {
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
     "onScroll-end"?: (...args: any[]) => any;
+    "onTag-remove"?: (...args: any[]) => any;
+    onDeselect?: (...args: any[]) => any;
 }, {
     selected: import("vue").Ref<{
         value: string;
@@ -1784,7 +1884,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 +1892,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 +1957,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,6 +1992,9 @@ 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;
@@ -1904,7 +2007,7 @@ declare const BkSelect: {
         }, 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 +2037,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,6 +2072,9 @@ 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;
@@ -1991,7 +2097,7 @@ declare const BkSelect: {
     searchKey: import("vue").Ref<string>;
     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 +2121,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,6 +2216,16 @@ 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;
+        };
     }>>>>;
     focusInput: () => void;
     setHover: () => void;
@@ -2124,8 +2244,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 +2251,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";
     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;
@@ -2171,6 +2290,7 @@ declare const BkSelect: {
     allowEmptyValues: unknown[];
     autoFocus: boolean;
     keepSearchValue: boolean;
+    filterOption: boolean | Function;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
         id: {
@@ -2183,6 +2303,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>;
@@ -2206,8 +2331,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 +2396,4 @@ declare const BkSelect: {
     }, {}>;
 }>;
 export default BkSelect;
-export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup };