vft 0.0.223 → 0.0.228

package/es/components/affix/affix.js

@@ -1,5 +1,5 @@
 import "@vueuse/core";
-import { isNumber as e, isBoolean as o } from "@vft/utils";
+import { isBoolean as o, isNumber as e } from "@vft/utils";
 import { CHANGE_EVENT as i } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import { buildProps as p } from "../../utils/vue/props/runtime.js";

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

@@ -12,11 +12,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
     /** @description update rootRect info */
     updateRoot: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (fixed: boolean) => void;
     scroll: (args_0: {
         scrollTop: number;
         fixed: boolean;
     }) => void;
-    change: (fixed: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/es/components/affix/affix.vue2.js

@@ -1,20 +1,21 @@
-import { defineComponent as $, shallowRef as m, ref as v, computed as E, watch as W, onMounted as H, watchEffect as I, openBlock as N, createElementBlock as q, normalizeClass as S, unref as _, normalizeStyle as b, createElementVNode as L, renderSlot as M } from "vue";
+import { defineComponent as $, shallowRef as m, ref as v, computed as E, watch as W, onMounted as H, watchEffect as I, createElementBlock as N, openBlock as q, normalizeStyle as S, normalizeClass as _, unref as b, createElementVNode as L, renderSlot as M } from "vue";
 import { useWindowSize as P, useElementBounding as y, useEventListener as U } from "@vueuse/core";
 import { addUnit as V } from "@vft/utils";
 import { getScrollContainer as Y } from "../../utils/dom/scroll.js";
 import { throwError as j } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "lodash";
+import "lodash-es";
 import { useNamespace as A } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { affixProps as D, affixEmits as F } from "./affix.js";
+import { affixEmits as D, affixProps as F } from "./affix.js";
 const G = $({
   name: "vft-affix"
-}), se = /* @__PURE__ */ $({
+}), ne = /* @__PURE__ */ $({
   ...G,
-  props: D,
-  emits: F,
+  props: F,
+  emits: D,
   setup(T, { expose: z, emit: B }) {
     const i = A("affix"), e = T, p = B, a = m(), f = m(), l = m(), { height: r } = P(), {
       height: s,
@@ -62,15 +63,15 @@ const G = $({
       update: w,
       /** @description update rootRect info */
       updateRoot: c
-    }), (t, J) => (N(), q("div", {
+    }), (t, J) => (q(), N("div", {
       ref_key: "root",
       ref: f,
-      class: S(_(i).b()),
-      style: b(C.value)
+      class: _(b(i).b()),
+      style: S(C.value)
     }, [
       L("div", {
-        class: S({ [_(i).m("fixed")]: o.value }),
-        style: b(k.value)
+        class: _({ [b(i).m("fixed")]: o.value }),
+        style: S(k.value)
       }, [
         M(t.$slots, "default")
       ], 6)
@@ -78,5 +79,5 @@ const G = $({
   }
 });
 export {
-  se as default
+  ne as default
 };

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

@@ -14,11 +14,11 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         update: () => void;
         updateRoot: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (fixed: boolean) => void;
         scroll: (args_0: {
             scrollTop: number;
             fixed: boolean;
         }) => void;
-        change: (fixed: boolean) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
         readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -80,11 +80,11 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
     update: () => void;
     updateRoot: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (fixed: boolean) => void;
     scroll: (args_0: {
         scrollTop: number;
         fixed: boolean;
     }) => void;
-    change: (fixed: boolean) => void;
 }, string, {
     readonly target: string;
     readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;

package/es/components/affix/index.js

@@ -2,7 +2,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash";
+import "lodash-es";
 import "vue";
 import o from "./affix.vue2.js";
 const l = t(o);

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

@@ -1,15 +1,16 @@
-import { defineComponent as C, useSlots as g, ref as I, computed as c, openBlock as s, createBlock as r, Transition as N, unref as o, withCtx as S, withDirectives as V, createElementVNode as v, normalizeClass as l, createCommentVNode as i, createElementBlock as a, renderSlot as y, createTextVNode as k, toDisplayString as u, Fragment as $, vShow as E } from "vue";
+import { defineComponent as C, useSlots as g, ref as I, computed as c, createBlock as r, openBlock as s, Transition as N, unref as o, withCtx as S, withDirectives as V, createElementVNode as v, normalizeClass as l, createCommentVNode as i, createElementBlock as a, renderSlot as y, createTextVNode as k, toDisplayString as u, Fragment as $, vShow as E } from "vue";
 import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
+import "lodash-es";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const z = C({
   name: "vft-alert"
-}), O = /* @__PURE__ */ C({
+}), P = /* @__PURE__ */ C({
   ...z,
   props: {
     title: { default: "" },
@@ -85,5 +86,5 @@ const z = C({
   }
 });
 export {
-  O as default
+  P as default
 };

package/es/components/alert/index.js

@@ -2,7 +2,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash";
+import "lodash-es";
 import "vue";
 import o from "./alert.vue2.js";
 const s = t(o);

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

@@ -56,13 +56,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToRu
             readonly className?: import("../types").ClassType | undefined;
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
-            readonly role?: ("dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree") | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: ("fixed" | "absolute") | undefined;
-            readonly effect?: ("light" | "dark") | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
+            readonly effect?: "light" | "dark" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly appendTo?: (HTMLElement | string) | undefined;
@@ -440,7 +440,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToRu
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (... /** @description autocomplete whether activated */args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
@@ -619,21 +619,21 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToRu
     /** @description highlight an item in a suggestion */
     highlight: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    change: (value: string) => void;
+    input: (value: string) => void;
     select: (item: Record<string, any>) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
     focus: (evt: FocusEvent) => void;
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    input: (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AutocompleteProps>>> & {
+    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,16 +1,17 @@
-import { defineComponent as X, useAttrs as ve, ref as f, computed as $, onMounted as pe, resolveDirective as ge, openBlock as w, createBlock as q, unref as s, withCtx as g, createElementVNode as G, normalizeClass as S, normalizeStyle as j, withDirectives as me, createElementBlock as K, Fragment as he, renderList as be, renderSlot as A, createTextVNode as ye, toDisplayString as $e, createVNode as we, mergeProps as Ae, withKeys as E, withModifiers as J, createSlots as Ee, nextTick as ke } from "vue";
-import { isString as O, isObject as Se, isArray as k } from "@vft/utils";
+import { defineComponent as X, useAttrs as ve, ref as f, computed as $, onMounted as pe, resolveDirective as ge, createBlock as q, openBlock as w, unref as s, withCtx as g, createElementVNode as G, normalizeStyle as j, normalizeClass as S, createVNode as me, mergeProps as he, withKeys as A, withModifiers as J, createSlots as be, renderSlot as E, withDirectives as ye, createElementBlock as K, Fragment as $e, renderList as we, createTextVNode as Ae, toDisplayString as Ee, nextTick as ke } from "vue";
+import { isObject as Se, isString as O, isArray as k } from "@vft/utils";
 import "../form/index.js";
 import { VftInput as Te } from "../input/index.js";
 import { VftScrollbar as Ve } from "../scrollbar/index.js";
 import { VftTooltip as Ce } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as T, INPUT_EVENT as R, CHANGE_EVENT as Q } from "../../constants/event.js";
+import { CHANGE_EVENT as Q, INPUT_EVENT as R, UPDATE_MODEL_EVENT as T } from "../../constants/event.js";
 import { useAttrs as Ie } from "../../hooks/use-attrs/index.js";
 import { onClickOutside as Be } from "@vueuse/core";
 import { throwError as De } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { debounce as Fe } from "lodash";
+import { debounce as Fe } from "lodash-es";
 import { useNamespace as Ne } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { generateId as Ke } from "./types.js";
@@ -18,7 +19,7 @@ import { useFormDisabled as Oe } from "../form/hooks/use-form-common-props.js";
 const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick"], Pe = "ElAutocomplete", We = X({
   name: "vft-autocomplete",
   inheritAttrs: !1
-}), ot = /* @__PURE__ */ X({
+}), st = /* @__PURE__ */ X({
   ...We,
   props: {
     valueKey: { default: "value" },
@@ -192,7 +193,7 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
             }),
             role: "region"
           }, [
-            me((w(), q(s(Ve), {
+            ye((w(), q(s(Ve), {
               id: b.value,
               tag: "ul",
               "wrap-class": s(r).be("suggestion", "wrap"),
@@ -203,7 +204,7 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
                 I.value ? (w(), K("li", {
                   key: 0,
                   class: S(s(r).is("loading"))
-                }, null, 2)) : (w(!0), K(he, { key: 1 }, be(u.value, (v, p) => (w(), K("li", {
+                }, null, 2)) : (w(!0), K($e, { key: 1 }, we(u.value, (v, p) => (w(), K("li", {
                   id: `${b.value}-item-${p}`,
                   key: p,
                   class: S({ highlighted: a.value === p }),
@@ -211,8 +212,8 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
                   "aria-selected": a.value === p,
                   onClick: (F) => B(v)
                 }, [
-                  A(e.$slots, "default", { item: v }, () => [
-                    ye($e(v[e.valueKey]), 1)
+                  E(e.$slots, "default", { item: v }, () => [
+                    Ae(Ee(v[e.valueKey]), 1)
                   ])
                 ], 10, Me))), 128))
               ]),
@@ -233,7 +234,7 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
             "aria-expanded": d.value,
             "aria-owns": b.value
           }, [
-            we(s(Te), Ae({
+            me(s(Te), he({
               ref_key: "inputRef",
               ref: o
             }, s(x), {
@@ -247,39 +248,39 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
               onBlur: ie,
               onClear: ue,
               onKeydown: [
-                l[0] || (l[0] = E(J((v) => D(a.value - 1), ["prevent"]), ["up"])),
-                l[1] || (l[1] = E(J((v) => D(a.value + 1), ["prevent"]), ["down"])),
-                E(z, ["enter"]),
-                E(y, ["tab"]),
-                E(ce, ["esc"])
+                l[0] || (l[0] = A(J((v) => D(a.value - 1), ["prevent"]), ["up"])),
+                l[1] || (l[1] = A(J((v) => D(a.value + 1), ["prevent"]), ["down"])),
+                A(z, ["enter"]),
+                A(y, ["tab"]),
+                A(ce, ["esc"])
               ],
               onMousedown: se
-            }), Ee({ _: 2 }, [
+            }), be({ _: 2 }, [
               e.$slots.prepend ? {
                 name: "prepend",
                 fn: g(() => [
-                  A(e.$slots, "prepend")
+                  E(e.$slots, "prepend")
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.append ? {
                 name: "append",
                 fn: g(() => [
-                  A(e.$slots, "append")
+                  E(e.$slots, "append")
                 ]),
                 key: "1"
               } : void 0,
               e.$slots.prefix ? {
                 name: "prefix",
                 fn: g(() => [
-                  A(e.$slots, "prefix")
+                  E(e.$slots, "prefix")
                 ]),
                 key: "2"
               } : void 0,
               e.$slots.suffix ? {
                 name: "suffix",
                 fn: g(() => [
-                  A(e.$slots, "suffix")
+                  E(e.$slots, "suffix")
                 ]),
                 key: "3"
               } : void 0
@@ -292,5 +293,5 @@ const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick
   }
 });
 export {
-  ot as default
+  st as default
 };

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

@@ -49,13 +49,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & {
+        onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
     }, {
         highlightedIndex: import("vue").Ref<number>;
         activated: import("vue").Ref<boolean>;
@@ -80,13 +80,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly className?: import("../types").ClassType | undefined;
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
-                readonly role?: ("dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree") | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
                 readonly showAfter?: number | undefined;
                 readonly hideAfter?: number | undefined;
                 readonly open?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
-                readonly strategy?: ("fixed" | "absolute") | undefined;
-                readonly effect?: ("light" | "dark") | undefined;
+                readonly strategy?: "fixed" | "absolute" | undefined;
+                readonly effect?: "light" | "dark" | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly appendTo?: (HTMLElement | string) | undefined;
@@ -636,13 +636,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         close: () => void;
         highlight: (index: number) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+        change: (value: string) => void;
+        input: (value: string) => void;
         select: (item: Record<string, any>) => void;
         clear: () => void;
         blur: (evt: FocusEvent) => void;
         focus: (evt: FocusEvent) => void;
-        "update:modelValue": (value: string) => void;
-        change: (value: string) => void;
-        input: (value: string) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         valueKey: {
             type: import("vue").PropType<string>;
@@ -693,13 +693,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & {
+        onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -757,13 +757,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & {
+        onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
     }, {
         highlightedIndex: import("vue").Ref<number>;
         activated: import("vue").Ref<boolean>;
@@ -788,13 +788,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly className?: import("../types").ClassType | undefined;
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
-                readonly role?: ("dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree") | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
                 readonly showAfter?: number | undefined;
                 readonly hideAfter?: number | undefined;
                 readonly open?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
-                readonly strategy?: ("fixed" | "absolute") | undefined;
-                readonly effect?: ("light" | "dark") | undefined;
+                readonly strategy?: "fixed" | "absolute" | undefined;
+                readonly effect?: "light" | "dark" | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly appendTo?: (HTMLElement | string) | undefined;
@@ -1397,13 +1397,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
 }>> & {
+    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {
     highlightedIndex: import("vue").Ref<number>;
     activated: import("vue").Ref<boolean>;
@@ -1428,13 +1428,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly className?: import("../types").ClassType | undefined;
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
-            readonly role?: ("dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree") | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: ("fixed" | "absolute") | undefined;
-            readonly effect?: ("light" | "dark") | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
+            readonly effect?: "light" | "dark" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly appendTo?: (HTMLElement | string) | undefined;
@@ -1984,13 +1984,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
     close: () => void;
     highlight: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    change: (value: string) => void;
+    input: (value: string) => void;
     select: (item: Record<string, any>) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
     focus: (evt: FocusEvent) => void;
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    input: (value: string) => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         prepend?(_: {}): any;

package/es/components/autocomplete/index.js

@@ -2,7 +2,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash";
+import "lodash-es";
 import "vue";
 import o from "./autocomplete.vue2.js";
 const l = t(o);

package/es/components/avatar/avatar.vue2.js

@@ -1,14 +1,15 @@
-import { defineComponent as z, ref as h, computed as s, watch as k, openBlock as i, createElementBlock as p, normalizeClass as y, normalizeStyle as g, createBlock as l, unref as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
+import { defineComponent as z, ref as h, computed as i, watch as p, createElementBlock as k, openBlock as s, normalizeStyle as y, normalizeClass as g, createBlock as l, renderSlot as B, unref as c, normalizeProps as E, mergeProps as S } from "vue";
 import { isString as b, isNumber as C, addUnit as V, singleAttrToObj as I } from "@vft/utils";
 import { VftIcon as L } from "../icon/index.js";
 import { VftImage as N } from "../image/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "lodash";
+import "lodash-es";
 import { useNamespace as P } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const H = /* @__PURE__ */ z({
+const J = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -20,13 +21,13 @@ const H = /* @__PURE__ */ z({
   },
   emits: ["error"],
   setup(r, { emit: m }) {
-    const u = m, t = P("avatar"), a = h(!1), f = s(() => {
+    const u = m, t = P("avatar"), a = h(!1), f = i(() => {
       const e = [t.b()];
       return b(r.size) && e.push(t.m(r.size)), !r.src && r.icon && e.push(t.m("icon")), r.shape && e.push(t.m(r.shape)), e;
-    }), d = s(() => C(r.size) ? t.cssVarBlock({
+    }), d = i(() => C(r.size) ? t.cssVarBlock({
       size: V(r.size) || ""
-    }) : void 0), o = s(() => I(r.icon, "icon", { size: r.size }));
-    k(
+    }) : void 0), o = i(() => I(r.icon, "icon", { size: r.size }));
+    p(
       () => r.src,
       () => a.value = !1
     );
@@ -35,21 +36,21 @@ const H = /* @__PURE__ */ z({
     }
     return (e, j) => {
       var n;
-      return i(), p("span", {
-        class: y(f.value),
-        style: g(d.value)
+      return s(), k("span", {
+        class: g(f.value),
+        style: y(d.value)
       }, [
-        e.src && !a.value ? (i(), l(c(N), {
+        e.src && !a.value ? (s(), l(c(N), {
           key: 0,
           src: e.src,
           alt: e.alt,
           fit: e.fit,
           onError: v
-        }, null, 8, ["src", "alt", "fit"])) : (n = o.value) != null && n.icon ? (i(), l(c(L), B(E({ key: 1 }, o.value)), null, 16)) : S(e.$slots, "default", { key: 2 })
+        }, null, 8, ["src", "alt", "fit"])) : (n = o.value) != null && n.icon ? (s(), l(c(L), E(S({ key: 1 }, o.value)), null, 16)) : B(e.$slots, "default", { key: 2 })
       ], 6);
     };
   }
 });
 export {
-  H as default
+  J as default
 };

package/es/components/avatar/index.js

@@ -2,7 +2,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash";
+import "lodash-es";
 import "vue";
 import o from "./avatar.vue2.js";
 const l = t(o);

package/es/components/backtop/backtop.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, getCurrentInstance as v, computed as a, openBlock as m, createBlock as l, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as T, normalizeClass as x, withModifiers as z, renderSlot as B, normalizeProps as $, mergeProps as S, createCommentVNode as c } from "vue";
+import { defineComponent as s, getCurrentInstance as v, computed as a, createBlock as l, openBlock as m, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
 import { singleAttrToObj as _ } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -89,8 +89,9 @@ import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "lodash";
+import "lodash-es";
 import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
@@ -99,7 +100,7 @@ import "../progress-i/index.js";
 import { useBackTop as N } from "./use-backtop.js";
 const P = s({
   name: "vft-backtop"
-}), Bo = /* @__PURE__ */ s({
+}), $o = /* @__PURE__ */ s({
   ...P,
   props: {
     visibilityHeight: { default: 200 },
@@ -121,9 +122,9 @@ const P = s({
       default: C(() => [
         t(k) ? (m(), h("div", {
           key: 0,
-          style: T(b.value),
+          style: z(b.value),
           class: x(t(r).b()),
-          onClick: n[0] || (n[0] = z(
+          onClick: n[0] || (n[0] = T(
             //@ts-ignore
             (...o) => t(p) && t(p)(...o),
             ["stop"]
@@ -142,5 +143,5 @@ const P = s({
   }
 });
 export {
-  Bo as default
+  $o as default
 };

package/es/components/backtop/index.js

@@ -2,7 +2,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash";
+import "lodash-es";
 import "vue";
 import o from "./backtop.vue2.js";
 const c = t(o);