sprintify-ui 0.10.63 → 0.10.65

package/dist/types/components/BaseHasMany.vue.d.ts

@@ -1,210 +1,15 @@
 import { RawOption } from '@/types';
 import { PropType } from 'vue';
-import BaseTagAutocomplete from './BaseTagAutocomplete.vue';
 import { Size } from '@/utils/sizes';
-declare const tagAutocompleteFetch: import("vue").Ref<({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        required: boolean;
-        disabled: boolean;
-        placeholder: string;
-        hasError: boolean;
-        max: number;
-        focusOnMount: boolean;
-        queryKey: string;
-    }> & Omit<{
-        readonly required: boolean;
-        readonly disabled: boolean;
-        readonly modelValue: RawOption[] | null;
-        readonly hasError: boolean;
-        readonly url: string;
-        readonly labelKey: string | ((option: RawOption) => string);
-        readonly valueKey: string | ((option: RawOption) => string);
-        readonly focusOnMount: boolean;
-        readonly queryKey: string;
-        readonly placeholder?: string | undefined;
-        readonly max?: number | undefined;
-        readonly onFocus?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-        readonly onTyping?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "disabled" | "placeholder" | "hasError" | "max" | "focusOnMount" | "queryKey">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            required: true;
-            type: PropType<RawOption[] | null>;
-        };
-        url: {
-            required: true;
-            type: StringConstructor;
-        };
-        labelKey: {
-            required: true;
-            type: PropType<string | ((option: RawOption) => string)>;
-        };
-        valueKey: {
-            required: true;
-            type: PropType<string | ((option: RawOption) => string)>;
-        };
-        placeholder: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        required: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        max: {
-            default: undefined;
-            type: NumberConstructor;
-        };
-        queryKey: {
-            default: string;
-            type: StringConstructor;
-        };
-        hasError: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        focusOnMount: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-    }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-        onTyping?: ((...args: any[]) => any) | undefined;
-    }>, {
-        focus: () => void | undefined;
-        blur: () => void | undefined;
-        open: () => void | undefined;
-        close: () => void | undefined;
-        setKeywords: (input: string) => void | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-        typing: (...args: any[]) => void;
-    }, string, {
-        required: boolean;
-        disabled: boolean;
-        placeholder: string;
-        hasError: boolean;
-        max: number;
-        focusOnMount: boolean;
-        queryKey: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    required: boolean;
-    disabled: boolean;
-    placeholder: string;
-    hasError: boolean;
-    max: number;
-    focusOnMount: boolean;
-    queryKey: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: PropType<RawOption[] | null>;
-    };
-    url: {
-        required: true;
-        type: StringConstructor;
-    };
-    labelKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    queryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-    onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("required" | "disabled" | "placeholder" | "hasError" | "max" | "focusOnMount" | "queryKey")> & import("vue").ShallowUnwrapRef<{
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-    open: () => void | undefined;
-    close: () => void | undefined;
-    setKeywords: (input: string) => void | undefined;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        items?: ((props: {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        items?(_: {
             items: import("@/types").NormalizedOption[];
             removeOption: (option: import("@/types").NormalizedOption) => void;
             disabled: boolean;
-        }) => any) | undefined;
-        option?: ((props: {
+        }): any;
+        option?(_: {
             focus: () => void;
             blur: () => void;
             open: () => void;
@@ -215,407 +20,359 @@ declare const tagAutocompleteFetch: import("vue").Ref<({
             label: string;
             selected: boolean;
             active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
-            keywords: string;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            options: import("@/types").NormalizedOption[];
-        }) => any) | undefined;
-        empty?: ((props: {
-            firstSearch: boolean;
+        }): any;
+        empty?(_: {
             focus: () => void;
             blur: () => void;
             open: () => void;
             close: () => void;
             keywords: import("vue").ComputedRef<string>;
-        }) => any) | undefined;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        required: boolean;
-        disabled: boolean;
-        placeholder: string;
-        hasError: boolean;
-        max: number;
-        focusOnMount: boolean;
-        queryKey: string;
-    }> & Omit<{
-        readonly required: boolean;
-        readonly disabled: boolean;
-        readonly modelValue: RawOption[] | null;
-        readonly hasError: boolean;
-        readonly url: string;
-        readonly labelKey: string | ((option: RawOption) => string);
-        readonly valueKey: string | ((option: RawOption) => string);
-        readonly focusOnMount: boolean;
-        readonly queryKey: string;
-        readonly placeholder?: string | undefined;
-        readonly max?: number | undefined;
-        readonly onFocus?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-        readonly onTyping?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "disabled" | "placeholder" | "hasError" | "max" | "focusOnMount" | "queryKey">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            required: true;
-            type: PropType<RawOption[] | null>;
-        };
-        url: {
-            required: true;
-            type: StringConstructor;
-        };
-        labelKey: {
-            required: true;
-            type: PropType<string | ((option: RawOption) => string)>;
-        };
-        valueKey: {
-            required: true;
-            type: PropType<string | ((option: RawOption) => string)>;
-        };
-        placeholder: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        required: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        max: {
-            default: undefined;
-            type: NumberConstructor;
-        };
-        queryKey: {
-            default: string;
-            type: StringConstructor;
-        };
-        hasError: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        focusOnMount: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-    }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-        onTyping?: ((...args: any[]) => any) | undefined;
-    }>, {
-        focus: () => void | undefined;
-        blur: () => void | undefined;
-        open: () => void | undefined;
-        close: () => void | undefined;
-        setKeywords: (input: string) => void | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-        typing: (...args: any[]) => void;
-    }, string, {
-        required: boolean;
-        disabled: boolean;
-        placeholder: string;
-        hasError: boolean;
-        max: number;
-        focusOnMount: boolean;
-        queryKey: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    required: boolean;
-    disabled: boolean;
-    placeholder: string;
-    hasError: boolean;
-    max: number;
-    focusOnMount: boolean;
-    queryKey: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: PropType<RawOption[] | null>;
-    };
-    url: {
-        required: true;
-        type: StringConstructor;
-    };
-    labelKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    queryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-    onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("required" | "disabled" | "placeholder" | "hasError" | "max" | "focusOnMount" | "queryKey")> & import("vue").ShallowUnwrapRef<{
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-    open: () => void | undefined;
-    close: () => void | undefined;
-    setKeywords: (input: string) => void | undefined;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        items?: ((props: {
-            items: import("@/types").NormalizedOption[];
-            removeOption: (option: import("@/types").NormalizedOption) => void;
-            disabled: boolean;
-        }) => any) | undefined;
-        option?: ((props: {
+        }): any;
+        footer?(_: {
             focus: () => void;
             blur: () => void;
             open: () => void;
             close: () => void;
             keywords: import("vue").ComputedRef<string>;
-            option: RawOption | null;
-            value: import("@/types").OptionValue;
-            label: string;
-            selected: boolean;
-            active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
-            keywords: string;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
             options: import("@/types").NormalizedOption[];
-        }) => any) | undefined;
-        empty?: ((props: {
-            firstSearch: boolean;
+        }): any;
+    };
+    refs: {
+        tagAutocompleteFetch: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                filter: (option: import("@/types").NormalizedOption) => boolean;
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                required: boolean;
+                inline: boolean;
+                disabled: boolean;
+                name: string;
+                placeholder: string;
+                hasError: boolean;
+                max: number;
+                visibleFocus: boolean;
+                loading: boolean;
+                loadingBottom: boolean;
+                dropdownShow: "always" | "focus";
+                focusOnMount: boolean;
+                twContainer: string | string[];
+            }> & Omit<{
+                readonly inline: boolean;
+                readonly disabled: boolean;
+                readonly options: RawOption[];
+                readonly modelValue: RawOption[] | null;
+                readonly hasError: boolean;
+                readonly visibleFocus: boolean;
+                readonly labelKey: string | ((option: RawOption) => string);
+                readonly valueKey: string | ((option: RawOption) => string);
+                readonly loading: boolean;
+                readonly loadingBottom: boolean;
+                readonly dropdownShow: "always" | "focus";
+                readonly focusOnMount: boolean;
+                readonly twContainer: string | string[];
+                readonly filter?: ((option: import("@/types").NormalizedOption) => boolean) | undefined;
+                readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+                readonly required?: boolean | undefined;
+                readonly name?: string | undefined;
+                readonly placeholder?: string | undefined;
+                readonly max?: number | undefined;
+                readonly onClose?: ((...args: any[]) => any) | undefined;
+                readonly onOpen?: ((...args: any[]) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
+                readonly onTyping?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "size" | "required" | "inline" | "disabled" | "name" | "placeholder" | "hasError" | "max" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "focusOnMount" | "twContainer">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
+            $el: HTMLDivElement;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: {
+                    required: true;
+                    type: PropType<RawOption[] | null>;
+                };
+                options: {
+                    required: true;
+                    type: PropType<RawOption[]>;
+                };
+                labelKey: {
+                    required: true;
+                    type: PropType<string | ((option: RawOption) => string)>;
+                };
+                valueKey: {
+                    required: true;
+                    type: PropType<string | ((option: RawOption) => string)>;
+                };
+                name: {
+                    default: undefined;
+                    type: StringConstructor;
+                };
+                placeholder: {
+                    default: undefined;
+                    type: StringConstructor;
+                };
+                loading: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                loadingBottom: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                required: {
+                    default: undefined;
+                    type: BooleanConstructor;
+                };
+                disabled: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                max: {
+                    default: undefined;
+                    type: NumberConstructor;
+                };
+                filter: {
+                    default: undefined;
+                    type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+                };
+                hasError: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                inline: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                size: {
+                    default: undefined;
+                    type: PropType<Size>;
+                };
+                dropdownShow: {
+                    default: string;
+                    type: PropType<"focus" | "always">;
+                };
+                focusOnMount: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+                twContainer: {
+                    default: string;
+                    type: PropType<string | string[]>;
+                };
+                visibleFocus: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{
+                onClose?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onScrollBottom?: ((...args: any[]) => any) | undefined;
+                onTyping?: ((...args: any[]) => any) | undefined;
+            }>, {
+                focus: () => void;
+                blur: () => void;
+                close: () => void;
+                open: () => void;
+                setKeywords: (input: string) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+                open: (...args: any[]) => void;
+                "update:modelValue": (...args: any[]) => void;
+                scrollBottom: (...args: any[]) => void;
+                typing: (...args: any[]) => void;
+            }, string, {
+                filter: (option: import("@/types").NormalizedOption) => boolean;
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                required: boolean;
+                inline: boolean;
+                disabled: boolean;
+                name: string;
+                placeholder: string;
+                hasError: boolean;
+                max: number;
+                visibleFocus: boolean;
+                loading: boolean;
+                loadingBottom: boolean;
+                dropdownShow: "always" | "focus";
+                focusOnMount: boolean;
+                twContainer: string | string[];
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            filter: (option: import("@/types").NormalizedOption) => boolean;
+            size: "xs" | "sm" | "md" | "lg" | "xl";
+            required: boolean;
+            inline: boolean;
+            disabled: boolean;
+            name: string;
+            placeholder: string;
+            hasError: boolean;
+            max: number;
+            visibleFocus: boolean;
+            loading: boolean;
+            loadingBottom: boolean;
+            dropdownShow: "always" | "focus";
+            focusOnMount: boolean;
+            twContainer: string | string[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                required: true;
+                type: PropType<RawOption[] | null>;
+            };
+            options: {
+                required: true;
+                type: PropType<RawOption[]>;
+            };
+            labelKey: {
+                required: true;
+                type: PropType<string | ((option: RawOption) => string)>;
+            };
+            valueKey: {
+                required: true;
+                type: PropType<string | ((option: RawOption) => string)>;
+            };
+            name: {
+                default: undefined;
+                type: StringConstructor;
+            };
+            placeholder: {
+                default: undefined;
+                type: StringConstructor;
+            };
+            loading: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            loadingBottom: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            required: {
+                default: undefined;
+                type: BooleanConstructor;
+            };
+            disabled: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            max: {
+                default: undefined;
+                type: NumberConstructor;
+            };
+            filter: {
+                default: undefined;
+                type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+            };
+            hasError: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            inline: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            size: {
+                default: undefined;
+                type: PropType<Size>;
+            };
+            dropdownShow: {
+                default: string;
+                type: PropType<"focus" | "always">;
+            };
+            focusOnMount: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            twContainer: {
+                default: string;
+                type: PropType<string | string[]>;
+            };
+            visibleFocus: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onScrollBottom?: ((...args: any[]) => any) | undefined;
+            onTyping?: ((...args: any[]) => any) | undefined;
+        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "size" | "required" | "inline" | "disabled" | "name" | "placeholder" | "hasError" | "max" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "focusOnMount" | "twContainer")> & import("vue").ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
-            open: () => void;
             close: () => void;
-            keywords: import("vue").ComputedRef<string>;
-        }) => any) | undefined;
-    };
-}) | null>;
-declare const models: import("vue").ComputedRef<RawOption[]>;
-declare function onUpdate(newModels: RawOption[]): void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_10: {
-    items: import("@/types").NormalizedOption[];
-    removeOption: (option: import("@/types").NormalizedOption) => void;
-    disabled: boolean;
-}, __VLS_12: {
-    focus: () => void;
-    blur: () => void;
-    open: () => void;
-    close: () => void;
-    keywords: import("vue").ComputedRef<string>;
-    option: RawOption | null;
-    value: import("@/types").OptionValue;
-    label: string;
-    selected: boolean;
-    active: boolean;
-}, __VLS_14: {
-    focus: () => void;
-    blur: () => void;
-    open: () => void;
-    close: () => void;
-    keywords: import("vue").ComputedRef<string>;
-}, __VLS_16: {
-    focus: () => void;
-    blur: () => void;
-    open: () => void;
-    close: () => void;
-    keywords: import("vue").ComputedRef<string>;
-    options: import("@/types").NormalizedOption[];
+            open: () => void;
+            setKeywords: (input: string) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                items?(_: {
+                    items: import("@/types").NormalizedOption[];
+                    removeOption: (option: import("@/types").NormalizedOption) => void;
+                    disabled: boolean;
+                }): any;
+                empty?(_: {
+                    focus: () => void;
+                    blur: () => void;
+                    open: () => void;
+                    close: () => void;
+                    keywords: import("vue").ComputedRef<string>;
+                }): any;
+                option?(_: {
+                    focus: () => void;
+                    blur: () => void;
+                    open: () => void;
+                    close: () => void;
+                    keywords: import("vue").ComputedRef<string>;
+                    option: RawOption | null;
+                    value: import("@/types").OptionValue;
+                    label: string;
+                    selected: boolean;
+                    active: boolean;
+                }): any;
+                footer?(_: {
+                    focus: () => void;
+                    blur: () => void;
+                    open: () => void;
+                    close: () => void;
+                    keywords: import("vue").ComputedRef<string>;
+                    options: import("@/types").NormalizedOption[];
+                }): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    items?: (props: typeof __VLS_10) => any;
-} & {
-    option?: (props: typeof __VLS_12) => any;
-} & {
-    empty?: (props: typeof __VLS_14) => any;
-} & {
-    footer?: (props: typeof __VLS_16) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: PropType<string[] | string | number | null | undefined>;
-    };
-    options: {
-        required: true;
-        type: PropType<RawOption[]>;
-    };
-    primaryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    field: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    size: {
-        default: undefined;
-        type: PropType<Size>;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>, {
-    BaseTagAutocomplete: typeof BaseTagAutocomplete;
-    tagAutocompleteFetch: typeof tagAutocompleteFetch;
-    models: typeof models;
-    onUpdate: typeof onUpdate;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: PropType<string[] | string | number | null | undefined>;
-    };
-    options: {
-        required: true;
-        type: PropType<RawOption[]>;
-    };
-    primaryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    field: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    size: {
-        default: undefined;
-        type: PropType<Size>;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    required: boolean;
-    disabled: boolean;
-    name: string;
-    modelValue: string | number | string[] | null | undefined;
-    placeholder: string;
-    hasError: boolean;
-    max: number;
-    primaryKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
@@ -726,10 +483,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     hasError: boolean;
     max: number;
     primaryKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };