bkui-vue 0.0.2-beta.1 → 0.0.2-beta.100

package/lib/select/index.d.ts

@@ -7,12 +7,12 @@ declare const BkSelect: {
         $props: {
             prefix?: string;
             disabled?: boolean;
-            size?: "small" | "large" | "default";
+            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;
@@ -47,8 +47,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 +90,15 @@ 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 filterOption?: Function;
         };
         $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>;
@@ -121,8 +125,8 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
-                default: "small" | "large" | "default";
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
+                default: "default" | "small" | "large";
             };
             clearable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -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";
@@ -210,8 +214,6 @@ declare const BkSelect: {
                 default: boolean;
             };
             popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-                onAfterHidden: FunctionConstructor;
-                onAfterShow: FunctionConstructor;
                 isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -233,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;
                 } & {
@@ -310,9 +316,7 @@ declare const BkSelect: {
                 } & {
                     default: boolean;
                 };
-                reference: import("vue-types").VueTypeValidableDef<any> & {
-                    default: any;
-                };
+                reference: import("vue-types").VueTypeValidableDef<any>;
                 modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                     default: () => unknown[];
                 } & {
@@ -326,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;
@@ -388,14 +400,20 @@ 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;
         }, {
             selected: import("vue").Ref<{
                 value: string;
@@ -418,7 +436,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;
@@ -426,8 +444,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, {
@@ -491,8 +509,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;
@@ -526,6 +544,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,10 +555,11 @@ declare const BkSelect: {
                     focus: () => 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;
@@ -567,8 +589,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;
@@ -602,6 +624,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;
@@ -610,6 +635,7 @@ declare const BkSelect: {
                 focus: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
+                resolveClassName: (cls: string) => string;
             }> & {} & import("vue").ComponentCustomProperties & {}>;
             virtualRenderRef: import("vue").Ref<any>;
             popoverRef: import("vue").Ref<any>;
@@ -623,11 +649,9 @@ 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<{
-                onAfterHidden: FunctionConstructor;
-                onAfterShow: FunctionConstructor;
                 isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -649,12 +673,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;
                 } & {
@@ -726,9 +754,7 @@ declare const BkSelect: {
                 } & {
                     default: boolean;
                 };
-                reference: import("vue-types").VueTypeValidableDef<any> & {
-                    default: any;
-                };
+                reference: import("vue-types").VueTypeValidableDef<any>;
                 modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                     default: () => unknown[];
                 } & {
@@ -742,6 +768,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;
@@ -760,23 +796,23 @@ 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>;
             localPlaceholder: import("vue").ComputedRef<string>;
             localSearchPlaceholder: import("vue").ComputedRef<string>;
             localSelectAllText: import("vue").ComputedRef<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
+            resolveClassName: (cls: string) => 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: "small" | "large" | "default";
+            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;
@@ -838,8 +874,8 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
-            default: "small" | "large" | "default";
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
+            default: "default" | "small" | "large";
         };
         clearable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -882,8 +918,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";
@@ -927,8 +963,6 @@ declare const BkSelect: {
             default: boolean;
         };
         popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-            onAfterHidden: FunctionConstructor;
-            onAfterShow: FunctionConstructor;
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -950,12 +984,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;
             } & {
@@ -1027,9 +1065,7 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            reference: import("vue-types").VueTypeValidableDef<any> & {
-                default: any;
-            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
             modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                 default: () => unknown[];
             } & {
@@ -1043,16 +1079,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;
@@ -1105,14 +1149,20 @@ 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<{
         selected: import("vue").Ref<{
             value: string;
@@ -1135,7 +1185,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;
@@ -1143,8 +1193,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, {
@@ -1208,8 +1258,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;
@@ -1243,6 +1293,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;
@@ -1251,10 +1304,11 @@ declare const BkSelect: {
                 focus: () => 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;
@@ -1284,8 +1338,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;
@@ -1319,6 +1373,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;
@@ -1327,6 +1384,7 @@ declare const BkSelect: {
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
+            resolveClassName: (cls: string) => string;
         }> & {} & import("vue").ComponentCustomProperties & {}>;
         virtualRenderRef: import("vue").Ref<any>;
         popoverRef: import("vue").Ref<any>;
@@ -1340,11 +1398,9 @@ 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<{
-            onAfterHidden: FunctionConstructor;
-            onAfterShow: FunctionConstructor;
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1366,12 +1422,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;
             } & {
@@ -1443,9 +1503,7 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            reference: import("vue-types").VueTypeValidableDef<any> & {
-                default: any;
-            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
             modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                 default: () => unknown[];
             } & {
@@ -1459,6 +1517,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;
@@ -1477,14 +1545,14 @@ 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>;
         localPlaceholder: import("vue").ComputedRef<string>;
         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;
@@ -1501,8 +1569,8 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
-        default: "small" | "large" | "default";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
+        default: "default" | "small" | "large";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1545,8 +1613,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";
@@ -1590,8 +1658,6 @@ declare const BkSelect: {
         default: boolean;
     };
     popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1613,12 +1679,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;
         } & {
@@ -1690,9 +1760,7 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -1706,16 +1774,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;
@@ -1768,14 +1844,20 @@ 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;
 }, {
     selected: import("vue").Ref<{
         value: string;
@@ -1798,7 +1880,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;
@@ -1806,8 +1888,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, {
@@ -1871,8 +1953,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;
@@ -1906,6 +1988,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;
@@ -1914,10 +1999,11 @@ declare const BkSelect: {
             focus: () => 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;
@@ -1947,8 +2033,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;
@@ -1982,6 +2068,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;
@@ -1990,6 +2079,7 @@ declare const BkSelect: {
         focus: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
+        resolveClassName: (cls: string) => string;
     }> & {} & import("vue").ComponentCustomProperties & {}>;
     virtualRenderRef: import("vue").Ref<any>;
     popoverRef: import("vue").Ref<any>;
@@ -2003,11 +2093,9 @@ 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<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -2029,12 +2117,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,9 +2198,7 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -2122,6 +2212,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;
@@ -2140,23 +2240,23 @@ 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>;
     localPlaceholder: import("vue").ComputedRef<string>;
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", {
+    resolveClassName: (cls: string) => 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")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", {
     prefix: string;
     disabled: boolean;
-    size: "small" | "large" | "default";
+    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;
@@ -2198,6 +2298,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>;
@@ -2208,6 +2313,7 @@ declare const BkSelect: {
         optionID: import("vue").ComputedRef<unknown>;
         handleOptionClick: () => void;
         handleMouseEnter: () => void;
+        resolveClassName: (cls: string) => string;
         visible: import("vue").Ref<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -2220,8 +2326,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> & {
@@ -2247,6 +2359,7 @@ declare const BkSelect: {
     }, {
         groupLabel: import("vue").ComputedRef<string>;
         handleToggleCollapse: () => void;
+        resolveClassName: (cls: string) => string;
         groupCollapse: import("vue").Ref<boolean>;
         visible: import("vue").Ref<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2278,4 +2391,4 @@ declare const BkSelect: {
     }, {}>;
 }>;
 export default BkSelect;
-export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup };