vft 0.0.509 → 0.0.511

package/es/components/drawer/drawer.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, getCurrentInstance as q, ref as m, computed as x, createBlock as A, openBlock as a, unref as e, withCtx as n, createVNode as y, Transition as H, withDirectives as j, createElementVNode as b, mergeProps as R, withModifiers as U, createElementBlock as d, createCommentVNode as r, normalizeClass as s, renderSlot as i, toDisplayString as G, normalizeStyle as J, vShow as K } from "vue";
+import { defineComponent as F, getCurrentInstance as q, ref as m, computed as x, openBlock as a, createBlock as A, unref as e, withCtx as n, createVNode as y, Transition as H, withDirectives as j, createElementVNode as b, mergeProps as R, withModifiers as U, normalizeClass as s, createElementBlock as d, renderSlot as i, toDisplayString as G, createCommentVNode as r, normalizeStyle as J, vShow as K } from "vue";
 import "../dialog/index.js";
 import Q from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
@@ -7,7 +7,7 @@ import { VftOverlay as X } from "../overlay/index.js";
 import { VftTeleport as Y } from "../teleport/index.js";
 import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
 import "@vueuse/core";
-import { isBoolean as _, singleAttrToObj as ee } from "@vft/utils";
+import { singleAttrToObj as _, isBoolean as ee } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -60,7 +60,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = ["id"], r
     footerClass: {}
   },
   emits: {
-    [Z]: (o) => _(o),
+    [Z]: (o) => ee(o),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -88,7 +88,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = ["id"], r
       isHorizontal: S,
       size: $,
       isResizing: N
-    } = te(C.props, B), M = x(() => ee(o.closeIcon, "icon", {
+    } = te(C.props, B), M = x(() => _(o.closeIcon, "icon", {
       icon: "icon-close",
       pointer: !0
     }));

package/es/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onClickimpl?: ((event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/dropdown/dropdown-item-impl.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, computed as l, inject as r, createElementBlock as I, openBlock as d, Fragment as y, createCommentVNode as c, createElementVNode as P, mergeProps as s, unref as o, withModifiers as g, createBlock as D, renderSlot as F, normalizeProps as V } from "vue";
+import { defineComponent as O, computed as l, inject as r, openBlock as d, createElementBlock as I, Fragment as y, mergeProps as s, unref as o, createCommentVNode as c, createElementVNode as P, withModifiers as g, createBlock as D, normalizeProps as F, renderSlot as V } from "vue";
 import { COLLECTION_ITEM_SIGN as $ } from "../collection/collection.js";
 import { VftIcon as J } from "../icon/index.js";
 import "../roving-focus-group/roving-focus-group.vue2.js";
@@ -80,8 +80,8 @@ const A = ["aria-disabled", "tabindex", "role"], H = O({
         onPointermove: e[4] || (e[4] = (n) => t.$emit("pointermove", n)),
         onPointerleave: e[5] || (e[5] = (n) => t.$emit("pointerleave", n))
       }), [
-        i.icon ? (d(), D(o(J), V(s({ key: 0 }, T.value)), null, 16)) : c("", !0),
-        F(t.$slots, "default")
+        i.icon ? (d(), D(o(J), F(s({ key: 0 }, T.value)), null, 16)) : c("", !0),
+        V(t.$slots, "default")
       ], 16, A)
     ], 64));
   }

package/es/components/dropdown/dropdown-item.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onPointermove?: ((event: PointerEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/dropdown/dropdown-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, useAttrs as w, getCurrentInstance as E, ref as g, computed as c, unref as t, inject as D, createBlock as V, openBlock as y, withCtx as l, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
+import { defineComponent as f, useAttrs as w, getCurrentInstance as E, ref as g, computed as c, unref as t, inject as D, openBlock as V, createBlock as y, withCtx as l, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
 import "../roving-focus-group/roving-focus-group.vue2.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import N from "../roving-focus-group/roving-focus-item.vue2.js";
@@ -55,7 +55,7 @@ const M = f({
         a?.hideOnClick?.value && a.handleClick?.(), a.commandHandler?.(o.command, P, e);
       }
     ), I = c(() => ({ ...o, ...v }));
-    return (e, r) => (y(), V(t(H), {
+    return (e, r) => (V(), y(t(H), {
       disabled: n.disabled,
       "text-value": n.textValue ?? _.value
     }, {

package/es/components/dropdown/dropdown-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, inject as n, computed as D, unref as o, createElementBlock as Y, openBlock as J, withModifiers as u, normalizeStyle as G, normalizeClass as P, renderSlot as z } from "vue";
+import { defineComponent as a, inject as n, computed as D, unref as o, openBlock as Y, createElementBlock as J, withModifiers as u, normalizeStyle as G, normalizeClass as P, renderSlot as z } from "vue";
 import "../focus-trap/focus-trap.vue2.js";
 import { FOCUS_TRAP_INJECTION_KEY as B } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
@@ -71,7 +71,7 @@ const X = ["role", "aria-labelledby"], Z = a({
     ), g = (e) => {
       b(e), C(e);
     };
-    return (e, r) => (J(), Y("ul", {
+    return (e, r) => (Y(), J("ul", {
       ref: o(L),
       class: P(F.value),
       style: G(o(y)),

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     teleported: boolean;
 }>>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
     maxHeight: number | string;

package/es/components/dropdown/dropdown.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, getCurrentInstance as Z, ref as a, computed as b, watch as _, toRef as h, onBeforeUnmount as ee, provide as T, createElementBlock as te, openBlock as $, normalizeClass as x, unref as o, createVNode as r, createBlock as oe, createCommentVNode as ne, createSlots as re, withCtx as n, renderSlot as y, mergeProps as I } from "vue";
+import { defineComponent as S, getCurrentInstance as Z, ref as a, computed as b, watch as _, toRef as h, onBeforeUnmount as ee, provide as T, openBlock as $, createElementBlock as te, normalizeClass as x, unref as o, createVNode as r, createSlots as oe, withCtx as n, renderSlot as y, createBlock as ne, mergeProps as I, createCommentVNode as re } from "vue";
 import { VftButtonGroup as le, VftButton as O } from "../button/index.js";
 import "../form/index.js";
 import { VftIcon as ie } from "../icon/index.js";
@@ -19,7 +19,7 @@ import { useNamespace as pe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useLocale as ve } from "../../locale/use-locale.js";
+import ve from "../../locale/use-locale.js";
 import { DROPDOWN_INJECTION_KEY as ge } from "./tokens.js";
 import { VftCollection as be } from "./types.js";
 import { useFormSize as he } from "../form/hooks/use-form-common-props.js";
@@ -169,7 +169,7 @@ const ye = S({
         onBeforeShow: W,
         onShow: Y,
         onBeforeHide: j
-      }, re({
+      }, oe({
         content: n(() => [
           r(o(de), {
             ref_key: "scrollbar",
@@ -221,7 +221,7 @@ const ye = S({
           key: "0"
         }
       ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
-      e.splitButton ? ($(), oe(o(le), { key: 0 }, {
+      e.splitButton ? ($(), ne(o(le), { key: 0 }, {
         default: n(() => [
           r(o(O), I({
             ref_key: "referenceElementRef",
@@ -261,7 +261,7 @@ const ye = S({
           }, 16, ["id", "size", "type", "class", "disabled", "tabindex", "aria-label"])
         ]),
         _: 3
-      })) : ne("", !0)
+      })) : re("", !0)
     ], 2));
   }
 });

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

@@ -70,8 +70,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -172,8 +172,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -267,8 +267,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     buttonProps: ButtonProps;
 }>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     handleClose: () => void;
     handleOpen: () => void;
@@ -303,14 +303,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -329,8 +329,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             click: (event: PointerEvent) => void;
         }, import("vue").PublicProps, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -345,14 +345,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -367,8 +367,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             onPointermove?: ((event: PointerEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }>;
@@ -380,14 +380,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -406,8 +406,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, string, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -451,14 +451,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -477,8 +477,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -493,14 +493,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -515,8 +515,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         onPointermove?: ((event: PointerEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }>;
@@ -528,14 +528,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    icon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     command: {
         type: import("vue").PropType<string | number | object>;
         default: () => {};
     };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     divided: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -554,8 +554,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
     click: (event: PointerEvent) => void;
 }, string, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/es/components/empty/empty.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, getCurrentInstance as k, computed as s, createElementBlock as l, openBlock as m, normalizeClass as c, unref as o, createElementVNode as z, createCommentVNode as u, renderSlot as d, createBlock as x, normalizeProps as D, mergeProps as E, createVNode as C } from "vue";
+import { defineComponent as p, getCurrentInstance as k, computed as s, openBlock as m, createElementBlock as l, normalizeClass as c, unref as o, createElementVNode as z, renderSlot as u, createBlock as x, normalizeProps as D, mergeProps as E, createVNode as C, createCommentVNode as d } from "vue";
 import { VftIcon as V } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as h, renderTNode as w, VNode as F } from "@vft/utils";
@@ -9,7 +9,7 @@ import { useNamespace as b } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useLocale as B } from "../../locale/use-locale.js";
+import B from "../../locale/use-locale.js";
 import { EmptyEnum as e } from "./constants.js";
 const I = p({
   name: "vft-empty"
@@ -88,20 +88,20 @@ const I = p({
       z("div", {
         class: c(o(r).e("image"))
       }, [
-        a.$slots.img ? d(a.$slots, "img", { key: 0 }) : (m(), x(o(V), D(E({ key: 1 }, g.value)), null, 16))
+        a.$slots.img ? u(a.$slots, "img", { key: 0 }) : (m(), x(o(V), D(E({ key: 1 }, g.value)), null, 16))
       ], 2),
       i.value ? (m(), l("span", {
         key: 0,
         class: c(o(r).e("desc"))
       }, [
         C(o(F), { content: i.value }, null, 8, ["content"])
-      ], 2)) : u("", !0),
+      ], 2)) : d("", !0),
       a.$slots.default ? (m(), l("div", {
         key: 1,
         class: c(o(r).e("bottom"))
       }, [
-        d(a.$slots, "default")
-      ], 2)) : u("", !0)
+        u(a.$slots, "default")
+      ], 2)) : d("", !0)
     ], 2));
   }
 });

package/es/components/footer-layout/footer-layout.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, createBlock as i, openBlock as m, unref as t, normalizeClass as o, withCtx as p, createElementVNode as s, renderSlot as l } from "vue";
+import { defineComponent as a, openBlock as i, createBlock as m, unref as t, normalizeClass as o, withCtx as p, createElementVNode as s, renderSlot as l } from "vue";
 import { VftFooter as n } from "../container/index.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -15,7 +15,7 @@ const c = a({
   ...c,
   setup(u) {
     const e = f("footer-layout");
-    return (r, d) => (m(), i(t(n), {
+    return (r, d) => (i(), m(t(n), {
       class: o(t(e).b())
     }, {
       default: p(() => [

package/es/components/form/form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, useSlots as ye, inject as E, ref as b, computed as a, watch as T, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as we, openBlock as R, unref as f, normalizeClass as g, createBlock as G, createCommentVNode as _, createElementVNode as K, withCtx as B, resolveDynamicComponent as Ce, normalizeStyle as U, renderSlot as M, createTextVNode as Fe, toDisplayString as O, createVNode as Re, TransitionGroup as _e, nextTick as Be } from "vue";
+import { defineComponent as Z, useSlots as ye, inject as E, ref as b, computed as a, watch as T, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, openBlock as R, createElementBlock as we, unref as f, normalizeClass as g, createBlock as G, withCtx as _, resolveDynamicComponent as Ce, normalizeStyle as K, renderSlot as B, createTextVNode as Fe, toDisplayString as U, createCommentVNode as M, createElementVNode as O, createVNode as Re, TransitionGroup as _e, nextTick as Be } from "vue";
 import { refDebounced as Me } from "@vueuse/core";
 import { isBoolean as We, getProp as W, isFunction as xe } from "@vft/utils";
 import { addUnit as H, castArray as J } from "../../utils/helper.js";
@@ -185,46 +185,46 @@ const je = ["role", "aria-labelledby"], De = Z({
       role: I.value ? "group" : void 0,
       "aria-labelledby": I.value ? f(S) : void 0
     }, [
-      x.hideLabel ? _("", !0) : (R(), G(f(Ne), {
+      x.hideLabel ? M("", !0) : (R(), G(f(Ne), {
         key: 0,
         "is-auto-width": A.value.width === "auto",
         "update-all": f(o)?.labelWidth === "auto"
       }, {
-        default: B(() => [
+        default: _(() => [
           k.value ? (R(), G(Ce(q.value ? "label" : "div"), {
             key: 0,
             id: f(S),
             for: q.value,
             class: g(f(s).e("label")),
-            style: U(A.value)
+            style: K(A.value)
           }, {
-            default: B(() => [
-              M(e.$slots, "label", { label: L.value }, () => [
-                Fe(O(L.value), 1)
+            default: _(() => [
+              B(e.$slots, "label", { label: L.value }, () => [
+                Fe(U(L.value), 1)
               ])
             ]),
             _: 3
-          }, 8, ["id", "for", "class", "style"])) : _("", !0)
+          }, 8, ["id", "for", "class", "style"])) : M("", !0)
         ]),
         _: 3
       }, 8, ["is-auto-width", "update-all"])),
-      K("div", {
+      O("div", {
         class: g(f(s).e("content")),
-        style: U(ae.value)
+        style: K(ae.value)
       }, [
-        M(e.$slots, "default"),
+        B(e.$slots, "default"),
         Re(_e, {
           name: `${f(s).namespace.value}-zoom-in-top`
         }, {
-          default: B(() => [
-            me.value ? M(e.$slots, "error", {
+          default: _(() => [
+            me.value ? B(e.$slots, "error", {
               key: 0,
               error: n.value
             }, () => [
-              K("div", {
+              O("div", {
                 class: g(ne.value)
-              }, O(n.value), 3)
-            ]) : _("", !0)
+              }, U(n.value), 3)
+            ]) : M("", !0)
           ]),
           _: 3
         }, 8, ["name"])

package/es/components/form/form.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, getCurrentInstance as q, ref as x, reactive as y, computed as F, watch as z, provide as T, toRefs as $, createElementBlock as j, openBlock as M, normalizeClass as W, renderSlot as A } from "vue";
+import { defineComponent as b, getCurrentInstance as q, ref as x, reactive as y, computed as F, watch as z, provide as T, toRefs as $, openBlock as j, createElementBlock as M, normalizeClass as W, renderSlot as A } from "vue";
 import "@vueuse/core";
 import { isFunction as K } from "@vft/utils";
 import { debugWarn as n } from "../../utils/error.js";
@@ -133,7 +133,7 @@ const H = b({
        * @description Scroll to the specified fields.
        */
       scrollToField: S
-    }), (e, t) => (M(), j("form", {
+    }), (e, t) => (j(), M("form", {
       ref_key: "formRef",
       ref: d,
       class: W(C.value)

package/es/components/full-screen/full-screen.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, createBlock as p, openBlock as m, unref as o, mergeProps as a } from "vue";
+import { defineComponent as r, openBlock as p, createBlock as m, unref as o, mergeProps as a } from "vue";
 import { useFullscreen as u } from "@vft/use";
 import { delObjAttrNotExist as f } from "@vft/utils";
 import { VftIconText as x } from "../icon-text/index.js";
@@ -11,7 +11,7 @@ import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useLocale as v } from "../../locale/use-locale.js";
+import v from "../../locale/use-locale.js";
 const y = r({
   name: "full-screen"
 }), A = /* @__PURE__ */ r({
@@ -35,7 +35,7 @@ const y = r({
   },
   setup(n) {
     const l = n, c = _("full-screen"), { t: e } = v(), { toggle: i, isFullscreen: t } = u(), s = d().value;
-    return (B, C) => (m(), p(o(x), a({
+    return (B, C) => (p(), m(o(x), a({
       class: o(c).b(),
       distance: 2,
       "hover-color": o(s),

package/es/components/header-layout/header-layout.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, createBlock as n, openBlock as e, unref as t, normalizeClass as m, withCtx as r, createVNode as f, createCommentVNode as l, createElementVNode as u, createElementBlock as c, renderSlot as i, normalizeProps as p, mergeProps as g } from "vue";
+import { defineComponent as d, openBlock as e, createBlock as n, unref as t, normalizeClass as m, withCtx as r, createVNode as f, createElementVNode as u, createElementBlock as c, normalizeProps as p, mergeProps as g, createCommentVNode as l, renderSlot as i } from "vue";
 import { VftHeader as h, VftContainer as C, VftMain as V, VftFooter as k } from "../container/index.js";
 import { VftLogo as _ } from "../logo/index.js";
 import "@vueuse/core";

package/es/components/horizontal-menu/horizontal-menu.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as V, computed as S, getCurrentInstance as Y, useSlots as q, ref as F, createVNode as c, mergeProps as w, isVNode as K } from "vue";
 import { useRouterHelper as Q } from "@vft/router";
 import { isUrl as X } from "@vft/utils";
-import { VftMenu as Z, VftSubMenu as _, VftMenuItem as ee, VftMenuItemGroup as te } from "../menu/index.js";
+import { VftMenu as Z, VftSubMenu as _, VftMenuItemGroup as ee, VftMenuItem as te } from "../menu/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
@@ -71,7 +71,7 @@ const ue = V({
       ...t.attrMapping
     })), B = Y(), h = q(), O = F(), T = B.appContext.config.globalProperties.$router, v = (e, o, a) => {
       const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.index], M = e?.[l.value.icon], m = !!e?.[l.value.disabled], d = t.disabledJudgeTurnOver ? !m : m, g = n || i || o + r;
-      return c(ee, w(e, {
+      return c(te, w(e, {
         key: g,
         index: String(g),
         icon: M,
@@ -92,7 +92,7 @@ const ue = V({
       p("close", e);
     }, z = (e) => {
       p("sub-menu-click", e);
-    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(te, {
+    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(ee, {
       style: {
         maxHeight: t.scrollMaxHeight,
         overflowY: "auto"

package/es/components/icon/icon.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as t, createElementBlock as c, openBlock as s, normalizeStyle as l, normalizeClass as m, unref as i } from "vue";
+import { defineComponent as f, computed as t, openBlock as c, createElementBlock as s, normalizeStyle as l, normalizeClass as m, unref as i } from "vue";
 import { isString as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
@@ -37,13 +37,13 @@ const z = ["src"], I = f({
         "icon"
       )
     ), u = (a) => a?.includes("/"), v = t(() => u(o.icon)), d = t(() => e.value?.iconifyPrefixClass && o.icon && y(o.icon) ? o.icon.startsWith(e.value?.iconifyPrefixClass) : !1).value ? "" : e.value?.iconfontClass || "";
-    return (a, x) => v.value ? (s(), c("img", {
+    return (a, x) => v.value ? (c(), s("img", {
       key: 0,
       class: m(i(n).e("image")),
       src: o.icon,
       alt: "",
       style: l(r.value)
-    }, null, 14, z)) : (s(), c("i", {
+    }, null, 14, z)) : (c(), s("i", {
       key: 1,
       class: m([i(n).b(), o.icon, i(d)]),
       style: l(r.value)

package/es/components/icon-text/icon-text.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as o, createElementBlock as f, openBlock as l, normalizeStyle as k, normalizeClass as S, unref as r, createBlock as c, createCommentVNode as y, mergeProps as s, normalizeProps as b, toDisplayString as I } from "vue";
+import { defineComponent as C, computed as o, openBlock as l, createElementBlock as f, normalizeStyle as k, normalizeClass as S, unref as r, createBlock as c, mergeProps as s, createCommentVNode as y, normalizeProps as b, toDisplayString as I } from "vue";
 import { VftClampTooltip as w } from "../clamp-tooltip/index.js";
 import { VftIcon as h } from "../icon/index.js";
 import "@vueuse/core";

package/es/components/iframe-layout/iframe-layout.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as p, computed as P, createElementBlock as n, openBlock as t, Fragment as m, renderList as _, withDirectives as g, createCommentVNode as k, createBlock as v, vShow as L } from "vue";
+import { defineComponent as c, ref as p, computed as P, openBlock as t, createElementBlock as n, Fragment as m, renderList as _, withDirectives as g, createBlock as k, vShow as v, createCommentVNode as L } from "vue";
 import y from "./iframe-page.vue2.js";
 const B = c({
   name: "vft-iframe-layout"
@@ -19,7 +19,7 @@ const B = c({
     }), (a, f) => (t(!0), n(m, null, _(o.iframePages, (e, h) => (t(), n(m, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc && e.meta.loaded ? g((t(), v(y, {
+      e.meta.frameSrc && e.meta.loaded ? g((t(), k(y, {
         key: 0,
         ref_for: !0,
         ref_key: "iframePageRef",
@@ -27,8 +27,8 @@ const B = c({
         onLoaded: (S) => s(e, h),
         "frame-src": e.meta.frameSrc
       }, null, 8, ["onLoaded", "frame-src"])), [
-        [L, e.fullPath === (o.currentPath || a.$route.fullPath)]
-      ]) : k("", !0)
+        [v, e.fullPath === (o.currentPath || a.$route.fullPath)]
+      ]) : L("", !0)
     ], 64))), 128));
   }
 });

package/es/components/iframe-layout/iframe-page.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, ref as a, onMounted as u, nextTick as t, createElementBlock as w, openBlock as _, normalizeClass as v, unref as g } from "vue";
+import { defineComponent as n, ref as a, onMounted as u, nextTick as t, openBlock as w, createElementBlock as _, normalizeClass as v, unref as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -35,7 +35,7 @@ const h = ["src"], k = n({
       });
     }), s({
       isLoading: o
-    }), (d, x) => (_(), w("iframe", {
+    }), (d, x) => (w(), _("iframe", {
       ref_key: "iframeRef",
       ref: e,
       sandbox: "allow-scripts allow-storage-access-by-user-activation allow-presentation allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-downloads allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",