vft 0.0.138 → 0.0.140

package/es/comp-resolver.js

@@ -5,9 +5,15 @@ function m(t) {
 function i(t, e) {
   const { importStyle: o, ssr: s } = e, r = e.compName + "/theme-style", n = e.compName + "/es/components";
   if (o === "sass")
-    return s ? [`${r}/src/base.scss`, `${r}/src/${t}.scss`] : [`${n}/base/style/index`, `${n}/${t}/style/index`];
+    return s ? [`${r}/src/base.scss`, `${r}/src/${t}.scss`] : [
+      `${n}/base/style/index`,
+      `${n}/${t}/style/index`
+    ];
   if (o === !0 || o === "css")
-    return s ? [`${r}/base.css`, `${r}/el-${t}.css`] : [`${n}/base/style/css`, `${n}/${t}/style/css`];
+    return s ? [`${r}/base.css`, `${r}/el-${t}.css`] : [
+      `${n}/base/style/css`,
+      `${n}/${t}/style/css`
+    ];
 }
 function c(t, e) {
   if (e.exclude && t.match(e.exclude))
@@ -28,7 +34,10 @@ function a(t, e) {
   const s = {
     Loading: { importName: "VftLoadingDirective", styleName: "loading" },
     Popover: { importName: "VftPopoverDirective", styleName: "popover" },
-    InfiniteScroll: { importName: "VftInfiniteScroll", styleName: "infinite-scroll" }
+    InfiniteScroll: {
+      importName: "VftInfiniteScroll",
+      styleName: "infinite-scroll"
+    }
   }[t];
   if (!s)
     return;

package/es/components/affix/affix.d.ts

@@ -4,7 +4,7 @@ export declare const affixProps: {
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 };
 export type AffixProps = ExtractPropTypes<typeof affixProps>;
 export declare const affixEmits: {

package/es/components/affix/affix.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 }, {
     /** @description update affix status */
     update: () => void;
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 }>> & {
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
@@ -26,10 +26,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         fixed: boolean;
     }) => any) | undefined;
 }, {
-    position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
+    target: string;
+    position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
     zIndex: number;
     offset: number;
-    target: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/es/components/affix/index.d.ts

@@ -3,14 +3,14 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            position?: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown> | undefined;
+            target?: string | undefined;
+            position?: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown> | undefined;
             zIndex?: number | undefined;
             offset?: number | undefined;
-            target?: string | undefined;
             style?: unknown;
-            class?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -68,16 +68,16 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "scroll", args_0: {
+        $emit: ((event: "change", fixed: boolean) => void) & ((event: "scroll", args_0: {
             scrollTop: number;
             fixed: boolean;
-        }) => void) & ((event: "change", fixed: boolean) => void);
+        }) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
             target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
             offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-            position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+            position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
         }>> & {
             onChange?: ((fixed: boolean) => any) | undefined;
             onScroll?: ((args_0: {
@@ -94,10 +94,10 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
             }) => boolean;
             change: (fixed: boolean) => boolean;
         }, string, {
-            position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
+            target: string;
+            position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
             zIndex: number;
             offset: number;
-            target: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -122,7 +122,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
         target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-        position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+        position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
     }>> & {
         onChange?: ((fixed: boolean) => any) | undefined;
         onScroll?: ((args_0: {
@@ -140,7 +140,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
     zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 }>> & {
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
@@ -157,10 +157,10 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
     }) => boolean;
     change: (fixed: boolean) => boolean;
 }, string, {
-    position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
+    target: string;
+    position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
     zIndex: number;
     offset: number;
-    target: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/components/alert/alert.vue2.js

@@ -25,7 +25,10 @@ const D = C({
     close: (n) => n instanceof MouseEvent
   },
   setup(n, { emit: h }) {
-    const t = E("alert"), d = w(), f = g(!0), m = c(() => n.type), B = c(() => [t.e("icon"), { [t.is("big")]: !!n.description || !!d.default }]), T = c(() => ({ [t.is("bold")]: n.description || d.default })), p = (e) => {
+    const t = E("alert"), d = w(), f = g(!0), m = c(() => n.type), B = c(() => [
+      t.e("icon"),
+      { [t.is("big")]: !!n.description || !!d.default }
+    ]), T = c(() => ({ [t.is("bold")]: n.description || d.default })), p = (e) => {
       f.value = !1, h("close", e);
     };
     return (e, z) => (s(), r(I, {

package/es/components/alert/index.d.ts

@@ -6,12 +6,12 @@ export declare const VftAlert: import("vft/es/utils").SFCWithInstall<{
         $props: {
             style?: unknown;
             readonly title?: string | undefined;
-            class?: unknown;
-            key?: string | number | symbol | undefined;
-            readonly effect?: import("./types").alertEffects | undefined;
             readonly center?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             readonly type?: import("./types").TypeComponents | undefined;
             ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
+            readonly effect?: import("./types").alertEffects | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/es/components/autocomplete/autocomplete.vue.d.ts

@@ -81,13 +81,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            style?: StyleValue | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            style?: StyleValue | undefined;
-            class?: unknown;
             key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
@@ -97,7 +98,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly strategy?: "absolute" | "fixed" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly id?: string | undefined;
-            ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -145,14 +145,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly onContextmenu?: Function | undefined;
             readonly onMouseenter?: Function | undefined;
             readonly onMouseleave?: Function | undefined;
-            readonly role?: "grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
-            readonly visible?: boolean | undefined;
             readonly className?: import("../types").ClassType | undefined;
             readonly ariaLabel?: string | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -193,7 +193,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -370,7 +370,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -608,8 +608,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {}, {}>, {
     prepend?(_: {}): any;
     append?(_: {}): any;

package/es/components/autocomplete/autocomplete.vue2.js

@@ -54,7 +54,9 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
   setup(t, { expose: Y, emit: r }) {
     const Z = Ce(), x = de(), M = Ke(), o = f(), P = f(), V = f(), W = f();
     let U = !1, C = !1;
-    const u = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = w(() => i.b(String(Ne()))), _ = w(() => x.style), d = w(() => (u.value.length > 0 || m.value) && c.value), I = w(() => !t.hideLoading && m.value), ee = w(() => o.value ? Array.from(o.value.$el.querySelectorAll("input")) : []), te = async () => {
+    const u = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = w(() => i.b(String(Ne()))), _ = w(() => x.style), d = w(() => (u.value.length > 0 || m.value) && c.value), I = w(() => !t.hideLoading && m.value), ee = w(() => o.value ? Array.from(
+      o.value.$el.querySelectorAll("input")
+    ) : []), te = async () => {
       await Ee(), d.value && (H.value = `${o.value.$el.offsetWidth}px`);
     }, le = () => {
       a.value = -1;
@@ -62,7 +64,12 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       if (h.value)
         return;
       const l = (n) => {
-        m.value = !1, console.log("cb---", n, h.value, k(n)), !h.value && (k(n) ? (u.value = n, a.value = t.highlightFirstItem ? 0 : -1) : Be(Me, "autocomplete suggestions must be an array"));
+        m.value = !1, console.log(
+          "cb---",
+          n,
+          h.value,
+          k(n)
+        ), !h.value && (k(n) ? (u.value = n, a.value = t.highlightFirstItem ? 0 : -1) : Be(Me, "autocomplete suggestions must be an array"));
       };
       if (m.value = !0, console.log(t.fetchSuggestions, e, 8989), k(t.fetchSuggestions))
         console.log("isArray----"), l(t.fetchSuggestions);
@@ -117,7 +124,11 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         return;
       }
       e >= u.value.length && (e = u.value.length - 1);
-      const l = P.value.querySelector(`.${i.be("suggestion", "wrap")}`), v = l.querySelectorAll(`.${i.be("suggestion", "list")} li`)[e], p = l.scrollTop, { offsetTop: F, scrollHeight: N } = v;
+      const l = P.value.querySelector(
+        `.${i.be("suggestion", "wrap")}`
+      ), v = l.querySelectorAll(
+        `.${i.be("suggestion", "list")} li`
+      )[e], p = l.scrollTop, { offsetTop: F, scrollHeight: N } = v;
       F + N > p + l.clientHeight && (l.scrollTop += N), F < p && (l.scrollTop -= N), a.value = e, o.value.ref.setAttribute(
         "aria-activedescendant",
         `${b.value}-item-${a.value}`

package/es/components/autocomplete/index.d.ts

@@ -5,12 +5,12 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $props: {
             readonly label?: string | undefined;
             style?: unknown;
-            class?: unknown;
             key?: string | number | symbol | undefined;
-            readonly modelValue?: string | number | undefined;
             readonly name?: string | undefined;
-            readonly placement?: import("./types").Placement | undefined;
             ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
+            readonly modelValue?: string | number | undefined;
+            readonly placement?: import("./types").Placement | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -58,8 +58,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             onSelect?: ((item: Record<string, any>) => any) | undefined;
             readonly disabled?: boolean | undefined;
             readonly clearable?: boolean | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onClear?: (() => any) | undefined;
             readonly popperClass?: string | undefined;
             readonly teleported?: boolean | undefined;
             readonly valueKey?: string | undefined;
@@ -82,7 +82,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             valueKey: {
@@ -139,8 +139,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             onChange?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onSelect?: ((item: Record<string, any>) => any) | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onClear?: (() => any) | undefined;
         }, {
             highlightedIndex: import("vue").Ref<number>;
             activated: import("vue").Ref<boolean>;
@@ -150,13 +150,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    style?: import("vue").StyleValue | undefined;
                     readonly content?: string | undefined;
                     readonly zIndex?: number | undefined;
                     readonly offset?: number | undefined;
                     readonly transition?: string | undefined;
-                    style?: import("vue").StyleValue | undefined;
-                    class?: unknown;
                     key?: string | number | symbol | undefined;
+                    ref?: import("vue").VNodeRef | undefined;
+                    class?: unknown;
                     readonly showAfter?: number | undefined;
                     readonly hideAfter?: number | undefined;
                     readonly open?: boolean | undefined;
@@ -166,7 +167,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     readonly strategy?: "absolute" | "fixed" | undefined;
                     readonly effect?: "light" | "dark" | undefined;
                     readonly id?: string | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
                     ref_for?: boolean | undefined;
                     ref_key?: string | undefined;
                     onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -214,14 +214,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     readonly onContextmenu?: Function | undefined;
                     readonly onMouseenter?: Function | undefined;
                     readonly onMouseleave?: Function | undefined;
-                    readonly role?: "grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                    readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly trigger?: import("..").TooltipTriggerType | undefined;
                     onClose?: ((...args: any[]) => any) | undefined;
                     readonly appendTo?: any;
-                    readonly visible?: boolean | undefined;
                     readonly className?: import("../types").ClassType | undefined;
                     readonly ariaLabel?: string | undefined;
+                    readonly visible?: boolean | undefined;
                     readonly arrowOffset?: number | undefined;
                     readonly gpuAcceleration?: boolean | undefined;
                     readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -262,7 +262,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                     role: {
-                        type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                     };
                     showArrow: {
                         type: import("vue").PropType<boolean>;
@@ -439,7 +439,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -690,8 +690,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         highlightedIndex: import("vue").Ref<number>;
         activated: import("vue").Ref<boolean>;
@@ -701,13 +701,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                style?: import("vue").StyleValue | undefined;
                 readonly content?: string | undefined;
                 readonly zIndex?: number | undefined;
                 readonly offset?: number | undefined;
                 readonly transition?: string | undefined;
-                style?: import("vue").StyleValue | undefined;
-                class?: unknown;
                 key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                class?: unknown;
                 readonly showAfter?: number | undefined;
                 readonly hideAfter?: number | undefined;
                 readonly open?: boolean | undefined;
@@ -717,7 +718,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "absolute" | "fixed" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly id?: string | undefined;
-                ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
                 onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -765,14 +765,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly onContextmenu?: Function | undefined;
                 readonly onMouseenter?: Function | undefined;
                 readonly onMouseleave?: Function | undefined;
-                readonly role?: "grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly trigger?: import("..").TooltipTriggerType | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
                 readonly appendTo?: any;
-                readonly visible?: boolean | undefined;
                 readonly className?: import("../types").ClassType | undefined;
                 readonly ariaLabel?: string | undefined;
+                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -813,7 +813,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -990,7 +990,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1217,8 +1217,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
     onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {
     highlightedIndex: import("vue").Ref<number>;
     activated: import("vue").Ref<boolean>;
@@ -1228,13 +1228,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            style?: import("vue").StyleValue | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            style?: import("vue").StyleValue | undefined;
-            class?: unknown;
             key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
@@ -1244,7 +1245,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "absolute" | "fixed" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly id?: string | undefined;
-            ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1292,14 +1292,14 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly onContextmenu?: Function | undefined;
             readonly onMouseenter?: Function | undefined;
             readonly onMouseleave?: Function | undefined;
-            readonly role?: "grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("..").TooltipTriggerType | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
-            readonly visible?: boolean | undefined;
             readonly className?: import("../types").ClassType | undefined;
             readonly ariaLabel?: string | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1340,7 +1340,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1517,7 +1517,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;

package/es/components/avatar/avatar.vue.d.ts

@@ -1,7 +1,7 @@
 import { type IconProps } from 'vft/es/components/icon';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<number | "small" | "default" | "large">;
+        type: import("vue").PropType<number | "default" | "small" | "large">;
     };
     shape: {
         type: import("vue").PropType<"circle" | "square">;
@@ -16,11 +16,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
+        type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<number | "small" | "default" | "large">;
+        type: import("vue").PropType<number | "default" | "small" | "large">;
     };
     shape: {
         type: import("vue").PropType<"circle" | "square">;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
+        type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
     };
 }>> & {
     onError?: ((...args: any[]) => any) | undefined;