bkui-vue 0.0.1-beta.46 → 0.0.1-beta.460

package/lib/select/select.d.ts

@@ -1,4 +1,5 @@
-import { OptionInstanceType } from './type';
+import { PropType } from 'vue';
+import { ISelected, OptionInstanceType } from './type';
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -11,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large"> & {
+        default: "small" | "default" | "large";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -55,57 +56,296 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    tagTheme: import("vue-types").VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+        default: "success" | "info" | "warning" | "danger";
     };
-    behavior: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+        default: "simplicity" | "normal";
     };
     collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    noDataText: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    autoHeight: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
+        default: boolean;
+    };
+    noDataText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     noMatchText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
-        default: string;
     };
     loadingText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
-        default: string;
     };
     placeholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
+    };
+    searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     selectAllText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    };
+    scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+            default: "click" | "hover" | "manual";
+        };
+        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+            default: "auto" | "shown";
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        padding: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeDef<number | {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        }> & {
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        reference: import("vue-types").VueTypeValidableDef<any> & {
+            default: any;
+        };
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+            default: number | (() => number[]);
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+    }>>>>;
+    customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    idKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showSelectedIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
+        default: boolean;
+    };
+    keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefix: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
+        default: "checkbox" | "check";
+    };
 }, {
-    options: import("vue").Ref<Set<{
+    selected: import("vue").Ref<{
+        value: string;
+        label: string | number;
+    }[]>;
+    isInput: import("vue").ComputedRef<boolean>;
+    options: import("vue").ComputedRef<OptionInstanceType[]>;
+    isDisabled: import("vue").ComputedRef<boolean>;
+    selectedLabel: import("vue").ComputedRef<any[]>;
+    isPopoverShow: import("vue").Ref<boolean>;
+    isHover: import("vue").Ref<boolean>;
+    popperWidth: import("vue").Ref<string | number>;
+    inputRef: import("vue").Ref<HTMLElement>;
+    triggerRef: import("vue").Ref<HTMLElement>;
+    contentRef: import("vue").Ref<HTMLElement>;
+    searchRef: import("vue").Ref<HTMLElement>;
+    selectTagInputRef: import("vue").Ref<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            tagTheme: "success" | "info" | "warning" | "danger";
             disabled: boolean;
+            placeholder: string;
+            selected: ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeDef<string | number | boolean>;
-            label: import("vue-types").VueTypeDef<string | number>;
+            selected: {
+                type: import("vue-types/dist/types").PropType<ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+                default: "success" | "info" | "warning" | "danger";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             disabled: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tagTheme" | "disabled" | "placeholder" | "selected" | "filterable" | "allowCreate" | "collapseTags">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -117,23 +357,64 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "keydown" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeDef<string | number | boolean>;
-            label: import("vue-types").VueTypeDef<string | number>;
+            selected: {
+                type: import("vue-types/dist/types").PropType<ISelected[]>;
+                default: () => any[];
+            };
+            tagTheme: import("vue-types").VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+                default: "success" | "info" | "warning" | "danger";
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             disabled: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-        }>>, {
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            visible: import("vue").Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onKeydown?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onEnter?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
+        }, {
+            select: import("./type").ISelectContext;
+            overflowTagIndex: import("vue").Ref<number>;
+            value: any;
+            inputRef: import("vue").Ref<HTMLElement>;
+            handleRemoveTag: (val: string) => void;
+            focus: () => void;
+            handleInput: (e: any) => void;
+            handleKeydown: (e: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "remove" | "enter")[], string, {
+            tagTheme: "success" | "info" | "warning" | "danger";
             disabled: boolean;
+            placeholder: string;
+            selected: ISelected[];
+            filterable: boolean;
+            allowCreate: boolean;
+            collapseTags: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -155,26 +436,56 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        value: import("vue-types").VueTypeDef<string | number | boolean>;
-        label: import("vue-types").VueTypeDef<string | number>;
+        selected: {
+            type: import("vue-types/dist/types").PropType<ISelected[]>;
+            default: () => any[];
+        };
+        tagTheme: import("vue-types").VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+            default: "success" | "info" | "warning" | "danger";
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
-        selected: import("vue").ComputedRef<boolean>;
-        multiple: import("vue").ComputedRef<boolean>;
-        handleOptionClick: () => void;
-        visible: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties>>;
-    isDisabled: import("vue").ComputedRef<boolean>;
-    selectedLabel: import("vue").ComputedRef<(string | number)[]>;
-    isPopoverShow: import("vue").Ref<boolean>;
-    isHover: import("vue").Ref<boolean>;
-    popperWidth: import("vue").Ref<string | number>;
+        modelValue: import("vue-types").VueTypeValidableDef<any>;
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onKeydown?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onEnter?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        select: import("./type").ISelectContext;
+        overflowTagIndex: import("vue").Ref<number>;
+        value: any;
+        inputRef: import("vue").Ref<HTMLElement>;
+        handleRemoveTag: (val: string) => void;
+        focus: () => void;
+        handleInput: (e: any) => void;
+        handleKeydown: (e: any) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties>;
+    virtualRenderRef: import("vue").Ref<any>;
     popoverRef: import("vue").Ref<any>;
-    inputRef: import("vue").Ref<HTMLElement>;
     searchLoading: import("vue").Ref<boolean>;
     isOptionsEmpty: import("vue").ComputedRef<boolean>;
     isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -183,97 +494,154 @@ declare const _default: import("vue").DefineComponent<{
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
     searchKey: import("vue").Ref<string>;
+    isShowSelectAll: import("vue").ComputedRef<boolean>;
+    virtualHeight: import("vue").ComputedRef<number>;
+    virtualList: import("vue").ComputedRef<unknown[]>;
+    isCollapseTags: import("vue").ComputedRef<boolean>;
+    popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+            default: "click" | "hover" | "manual";
+        };
+        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+            default: "auto" | "shown";
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        padding: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeDef<number | {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        }> & {
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        reference: import("vue-types").VueTypeValidableDef<any> & {
+            default: any;
+        };
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+            default: number | (() => number[]);
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+    }>>>>;
+    focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
     handleFocus: () => void;
-    handleInput: (e: any) => void;
+    handleBlur: () => void;
     handleTogglePopover: () => void;
     handleClear: (e: Event) => void;
-    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     hidePopover: () => void;
     showPopover: () => void;
     handleToggleAll: () => void;
     handleOptionSelected: (option: OptionInstanceType) => void;
-    handleClickOutside: () => void;
-    currentPlaceholder: import("vue").Ref<string>;
-    selectedOptions: import("vue").Ref<Set<{
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeDef<string | number | boolean>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            value: import("vue-types").VueTypeDef<string | number | boolean>;
-            label: import("vue-types").VueTypeDef<string | number>;
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>>, {
-            selected: import("vue").ComputedRef<boolean>;
-            multiple: import("vue").ComputedRef<boolean>;
-            handleOptionClick: () => void;
-            visible: import("vue").Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            disabled: boolean;
-        }> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        value: import("vue-types").VueTypeDef<string | number | boolean>;
-        label: import("vue-types").VueTypeDef<string | number>;
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{
-        selected: import("vue").ComputedRef<boolean>;
-        multiple: import("vue").ComputedRef<boolean>;
-        handleOptionClick: () => void;
-        visible: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties>>;
-    currentSelectedLabel: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue")[], "change" | "toggle" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    handleClickOutside: ({ event }: {
+        event: any;
+    }) => void;
+    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", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -285,8 +653,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large"> & {
+        default: "small" | "default" | "large";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -329,67 +697,274 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    tagTheme: import("vue-types").VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+        default: "success" | "info" | "warning" | "danger";
     };
-    behavior: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    behavior: import("vue-types").VueTypeDef<"simplicity" | "normal"> & {
+        default: "simplicity" | "normal";
     };
     collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    noDataText: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    autoHeight: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
+        default: boolean;
+    };
+    noDataText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     noMatchText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
-        default: string;
     };
     loadingText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
-        default: string;
     };
     placeholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    } & {
+    };
+    searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     selectAllText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    };
+    scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+            default: "click" | "hover" | "manual";
+        };
+        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+            default: "auto" | "shown";
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        padding: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeDef<number | {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        }> & {
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        reference: import("vue-types").VueTypeValidableDef<any> & {
+            default: any;
+        };
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+            default: number | (() => number[]);
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+    }>>>>;
+    customContent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    idKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
     } & {
         default: string;
     };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showSelectedIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    inputSearch: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowEmptyValues: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    autoFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefix: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
+        default: "checkbox" | "check";
+    };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
+    "onScroll-end"?: (...args: any[]) => any;
 }, {
-    placeholder: string;
-    size: string;
-    multiple: boolean;
+    prefix: string;
+    tagTheme: "success" | "info" | "warning" | "danger";
+    behavior: "simplicity" | "normal";
+    selectedStyle: "checkbox" | "check";
     disabled: boolean;
-    loading: boolean;
+    size: "small" | "default" | "large";
+    multiple: boolean;
+    list: unknown[];
     showOnInit: boolean;
+    placeholder: string;
+    loading: boolean;
+    scrollHeight: number;
     clearable: boolean;
-    behavior: string;
-    popoverMinWidth: number;
+    withValidate: boolean;
+    noDataText: string;
+    showSelectedIcon: boolean;
     filterable: boolean;
+    allowCreate: boolean;
+    collapseTags: boolean;
     remoteMethod: (...args: any[]) => any;
-    scrollHeight: number;
     showSelectAll: boolean;
+    popoverMinWidth: number;
     multipleMode: string;
-    tagTheme: string;
-    collapseTags: boolean;
-    noDataText: string;
+    autoHeight: boolean;
     noMatchText: string;
     loadingText: string;
+    searchPlaceholder: string;
     selectAllText: string;
+    scrollLoading: boolean;
+    customContent: boolean;
+    idKey: string;
+    displayKey: string;
+    inputSearch: boolean;
+    enableVirtualRender: boolean;
+    allowEmptyValues: unknown[];
+    autoFocus: boolean;
+    keepSearchValue: boolean;
 }>;
 export default _default;