vft 0.0.429 → 0.0.430

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

@@ -1,21 +1,21 @@
-import { defineComponent as Y, useSlots as ye, inject as D, ref as b, computed as a, watch as E, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as _e, openBlock as F, unref as f, normalizeClass as g, createBlock as T, createCommentVNode as R, createElementVNode as G, withCtx as B, resolveDynamicComponent as we, normalizeStyle as K, renderSlot as M, createTextVNode as Ce, toDisplayString as U, createVNode as Fe, TransitionGroup as Re, 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, 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 { refDebounced as Me } from "@vueuse/core";
-import { isBoolean as We, getProp as W, isFunction as ze } from "@vft/utils";
-import { addUnit as O, castArray as H } from "../../utils/helper.js";
-import { isArray as J, clone as Q } from "lodash-es";
+import { isBoolean as We, getProp as W, isFunction as xe } from "@vft/utils";
+import { addUnit as H, castArray as J } from "../../utils/helper.js";
+import { isArray as Q, clone as X } from "lodash-es";
 import "./index.js";
-import { useId as $e } from "../../hooks/use-id/index.js";
-import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
+import { useId as ze } from "../../hooks/use-id/index.js";
+import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import Pe from "async-validator";
-import { formContextKey as Ae, formItemContextKey as X } from "./constants.js";
+import { formContextKey as Ae, formItemContextKey as Y } from "./constants.js";
 import Ne from "./form-label-wrap.js";
 import { useFormSize as Le } from "./hooks/use-form-common-props.js";
-const je = ["role", "aria-labelledby"], De = Y({
+const je = ["role", "aria-labelledby"], De = Z({
   name: "vft-form-item"
-}), ot = /* @__PURE__ */ Y({
+}), ot = /* @__PURE__ */ Z({
   ...De,
   props: {
     label: {},
@@ -34,22 +34,22 @@ const je = ["role", "aria-labelledby"], De = Y({
     hideLabel: { type: Boolean, default: !1 }
   },
   emits: ["update:error"],
-  setup(Z, { expose: ee, emit: te }) {
-    const t = Z, re = te, z = ye(), o = D(Ae, void 0), oe = D(X, void 0), y = Le(void 0, { formItem: !1 }), s = xe("form-item"), S = $e().value, d = b([]), c = b(""), le = Me(c, 100), n = b(""), $ = b();
-    let x, v = !1;
+  setup(x, { expose: ee, emit: te }) {
+    const t = x, re = te, z = ye(), o = E(Ae, void 0), oe = E(Y, void 0), y = Le(void 0, { formItem: !1 }), s = $e("form-item"), S = ze().value, d = b([]), c = b(""), le = Me(c, 100), n = b(""), $ = b();
+    let P, v = !1;
     const h = a(
       () => t.labelPosition || o?.labelPosition
-    ), P = a(() => {
+    ), A = a(() => {
       if (h.value === "top")
         return {};
-      const e = O(t.labelWidth || o?.labelWidth || "");
+      const e = H(t.labelWidth || o?.labelWidth || "");
       return e ? { width: e } : {};
     }), ae = a(() => {
       if (h.value === "top" || o?.inline)
         return {};
       if (!t.label && !t.labelWidth && ue)
         return {};
-      const e = O(t.labelWidth || o?.labelWidth || "");
+      const e = H(t.labelWidth || o?.labelWidth || "");
       return !t.label && !z.label ? { marginLeft: e } : {};
     }), se = a(() => [
       s.b(),
@@ -72,14 +72,14 @@ const je = ["role", "aria-labelledby"], De = Y({
     ), ne = a(() => [
       s.e("error"),
       { [s.em("error", "inline")]: ie.value }
-    ]), A = a(() => t.prop ? J(t.prop) ? t.prop.join(".") : t.prop : ""), k = a(() => !!(t.label || z.label)), q = a(() => t.for ?? (d.value.length === 1 ? d.value[0] : void 0)), I = a(() => !q.value && k.value), ue = !!oe, V = a(() => {
+    ]), N = a(() => t.prop ? Q(t.prop) ? t.prop.join(".") : t.prop : ""), k = a(() => !!(t.label || z.label)), q = a(() => t.for ?? (d.value.length === 1 ? d.value[0] : void 0)), I = a(() => !q.value && k.value), ue = !!oe, V = a(() => {
       const e = o?.model;
       if (!(!e || !t.prop))
         return W(e, t.prop).value;
-    }), _ = a(() => {
+    }), w = a(() => {
       const { required: e } = t, r = [];
       t.rules && r.push(
-        ...H(t.rules).map((l) => (l.trigger = l.trigger || "blur", l))
+        ...J(t.rules).map((l) => (l.trigger = l.trigger || "blur", l))
       );
       const i = o?.rules;
       if (i && t.prop) {
@@ -87,69 +87,69 @@ const je = ["role", "aria-labelledby"], De = Y({
           i,
           t.prop
         ).value;
-        l && r.push(...H(l));
+        l && r.push(...J(l));
       }
       if (e !== void 0) {
-        const l = r.map((u, m) => [u, m]).filter(([u]) => Object.keys(u).includes("required"));
+        const l = r.map((u, p) => [u, p]).filter(([u]) => Object.keys(u).includes("required"));
         if (l.length > 0)
-          for (const [u, m] of l)
-            u.required !== e && (r[m] = { ...u, required: e });
+          for (const [u, p] of l)
+            u.required !== e && (r[p] = { ...u, required: e });
         else
           r.push({ required: e });
       }
       return r;
-    }), de = a(() => _.value.length > 0), ce = (e) => _.value.filter((i) => !i.trigger || !e ? !0 : J(i.trigger) ? i.trigger.includes(e) : i.trigger === e).map(({ trigger: i, ...l }) => l), fe = a(
-      () => _.value.some((e) => e.required)
-    ), pe = a(
+    }), de = a(() => w.value.length > 0), ce = (e) => w.value.filter((i) => !i.trigger || !e ? !0 : Q(i.trigger) ? i.trigger.includes(e) : i.trigger === e).map(({ trigger: i, ...l }) => l), fe = a(
+      () => w.value.some((e) => e.required)
+    ), me = a(
       () => le.value === "error" && t.showMessage && (o?.showMessage ?? !0)
-    ), N = a(
+    ), L = a(
       () => `${t.label || ""}${o?.labelSuffix || ""}`
-    ), p = (e) => {
+    ), m = (e) => {
       c.value = e;
-    }, me = (e) => {
+    }, pe = (e) => {
       const { errors: r, fields: i } = e;
-      (!r || !i) && console.error(e), p("error"), n.value = r ? r?.[0]?.message ?? `${t.prop} is required` : "", o?.emit("validate", t.prop, !1, n.value);
+      (!r || !i) && console.error(e), m("error"), n.value = r ? r?.[0]?.message ?? `${t.prop} is required` : "", o?.emit("validate", t.prop, !1, n.value);
     }, ve = () => {
-      p("success"), o?.emit("validate", t.prop, !0, "");
+      m("success"), o?.emit("validate", t.prop, !0, "");
     }, he = async (e) => {
-      const r = A.value;
+      const r = N.value;
       return new Pe({
         [r]: e
-      }).validate({ [r]: V.value }, { firstFields: !0 }).then(() => (ve(), !0)).catch((l) => (me(l), Promise.reject(l)));
-    }, L = async (e, r) => {
+      }).validate({ [r]: V.value }, { firstFields: !0 }).then(() => (ve(), !0)).catch((l) => (pe(l), Promise.reject(l)));
+    }, j = async (e, r) => {
       if (v || !t.prop)
         return !1;
-      const i = ze(r);
+      const i = xe(r);
       if (!de.value)
         return r?.(!1), !1;
       const l = ce(e);
-      return l.length === 0 ? (r?.(!0), !0) : (p("validating"), he(l).then(() => (r?.(!0), !0)).catch((u) => {
-        const { fields: m } = u;
-        return r?.(!1, m), i ? !1 : Promise.reject(m);
+      return l.length === 0 ? (r?.(!0), !0) : (m("validating"), he(l).then(() => (r?.(!0), !0)).catch((u) => {
+        const { fields: p } = u;
+        return r?.(!1, p), i ? !1 : Promise.reject(p);
       }));
-    }, w = () => {
-      t.error && re("update:error", ""), p(""), n.value = "", v = !1;
-    }, j = async () => {
+    }, C = () => {
+      t.error && re("update:error", ""), m(""), n.value = "", v = !1;
+    }, D = async () => {
       const e = o?.model;
       if (!e || !t.prop) return;
       const r = W(e, t.prop);
-      v = !0, r.value = Q(x), await Be(), w(), v = !1;
+      v = !0, r.value = X(P), await Be(), C(), v = !1;
     }, be = (e) => {
       d.value.includes(e) || d.value.push(e);
     }, ge = (e) => {
       d.value = d.value.filter((r) => r !== e);
     };
-    E(
+    T(
       () => t.error,
       (e) => {
-        n.value = e || "", p(e ? "error" : "");
+        n.value = e || "", m(e ? "error" : "");
       },
       { immediate: !0 }
-    ), E(
+    ), T(
       () => t.validateStatus,
-      (e) => p(e || "")
+      (e) => m(e || "")
     );
-    const C = Se({
+    const F = Se({
       ...ke(t),
       $el: $,
       size: y,
@@ -162,69 +162,69 @@ const je = ["role", "aria-labelledby"], De = Y({
       fieldValue: V,
       addInputId: be,
       removeInputId: ge,
-      resetField: j,
-      clearValidate: w,
-      validate: L,
-      propString: A
+      resetField: D,
+      clearValidate: C,
+      validate: j,
+      propString: N
     });
-    return qe(X, C), Ie(() => {
-      t.prop && (o?.addField(C), x = Q(V.value));
+    return qe(Y, F), Ie(() => {
+      t.prop && (o?.addField(F), P = X(V.value));
     }), Ve(() => {
-      o?.removeField(C);
+      o?.removeField(F);
     }), ee({
       size: y,
       validateMessage: n,
       validateState: c,
-      validate: L,
-      clearValidate: w,
-      resetField: j
-    }), (e, r) => (F(), _e("div", {
+      validate: j,
+      clearValidate: C,
+      resetField: D
+    }), (e, r) => (R(), we("div", {
       ref_key: "formItemRef",
       ref: $,
       class: g(se.value),
       role: I.value ? "group" : void 0,
       "aria-labelledby": I.value ? f(S) : void 0
     }, [
-      e.hideLabel ? R("", !0) : (F(), T(f(Ne), {
+      x.hideLabel ? _("", !0) : (R(), G(f(Ne), {
         key: 0,
-        "is-auto-width": P.value.width === "auto",
+        "is-auto-width": A.value.width === "auto",
         "update-all": f(o)?.labelWidth === "auto"
       }, {
         default: B(() => [
-          k.value ? (F(), T(we(q.value ? "label" : "div"), {
+          k.value ? (R(), G(Ce(q.value ? "label" : "div"), {
             key: 0,
             id: f(S),
             for: q.value,
             class: g(f(s).e("label")),
-            style: K(P.value)
+            style: U(A.value)
           }, {
             default: B(() => [
-              M(e.$slots, "label", { label: N.value }, () => [
-                Ce(U(N.value), 1)
+              M(e.$slots, "label", { label: L.value }, () => [
+                Fe(O(L.value), 1)
               ])
             ]),
             _: 3
-          }, 8, ["id", "for", "class", "style"])) : R("", !0)
+          }, 8, ["id", "for", "class", "style"])) : _("", !0)
         ]),
         _: 3
       }, 8, ["is-auto-width", "update-all"])),
-      G("div", {
+      K("div", {
         class: g(f(s).e("content")),
-        style: K(ae.value)
+        style: U(ae.value)
       }, [
         M(e.$slots, "default"),
-        Fe(Re, {
+        Re(_e, {
           name: `${f(s).namespace.value}-zoom-in-top`
         }, {
           default: B(() => [
-            pe.value ? M(e.$slots, "error", {
+            me.value ? M(e.$slots, "error", {
               key: 0,
               error: n.value
             }, () => [
-              G("div", {
+              K("div", {
                 class: g(ne.value)
-              }, U(n.value), 3)
-            ]) : R("", !0)
+              }, O(n.value), 3)
+            ]) : _("", !0)
           ]),
           _: 3
         }, 8, ["name"])

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

@@ -1,58 +1,58 @@
-import { defineComponent as p, createBlock as a, openBlock as e, unref as t, normalizeClass as n, withCtx as r, createVNode as i, createCommentVNode as l, createElementVNode as c, createElementBlock as f, renderSlot as m, normalizeProps as d, mergeProps as u } from "vue";
-import { VftHeader as g, VftContainer as h, VftMain as _, VftFooter as C } from "../container/index.js";
-import { VftLogo as V } from "../logo/index.js";
+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 { 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";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+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";
-const $ = { class: "content" }, y = {
+const y = { class: "content" }, b = {
   key: 0,
   class: "left"
-}, b = {
+}, v = {
   key: 1,
   class: "right"
-}, v = p({
+}, N = d({
   name: "vft-header-layout"
-}), D = /* @__PURE__ */ p({
-  ...v,
+}), D = /* @__PURE__ */ d({
+  ...N,
   props: {
     logoCfg: {}
   },
-  setup(N) {
-    const s = k("header-layout");
-    return (o, B) => (e(), a(t(g), {
-      class: n(t(s).b())
+  setup(a) {
+    const s = $("header-layout");
+    return (o, B) => (e(), n(t(h), {
+      class: m(t(s).b())
     }, {
       default: r(() => [
-        i(t(h), null, {
+        f(t(C), null, {
           default: r(() => [
-            i(t(_), {
-              class: n([t(s).e("top-container"), t(s).is("no-bottom", !o.$slots.bottom)])
+            f(t(V), {
+              class: m([t(s).e("top-container"), t(s).is("no-bottom", !o.$slots.bottom)])
             }, {
               default: r(() => [
-                c("div", $, [
-                  o.logoCfg || o.$slots.left ? (e(), f("div", y, [
-                    o.logoCfg ? (e(), a(t(V), d(u({ key: 0 }, o.logoCfg)), null, 16)) : l("", !0),
-                    m(o.$slots, "left")
+                u("div", y, [
+                  a.logoCfg || o.$slots.left ? (e(), c("div", b, [
+                    a.logoCfg ? (e(), n(t(_), p(g({ key: 0 }, a.logoCfg)), null, 16)) : l("", !0),
+                    i(o.$slots, "left")
                   ])) : l("", !0),
-                  o.$slots.right ? (e(), f("div", b, [
-                    m(o.$slots, "right")
+                  o.$slots.right ? (e(), c("div", v, [
+                    i(o.$slots, "right")
                   ])) : l("", !0)
                 ])
               ]),
               _: 3
             }, 8, ["class"]),
-            o.$slots.bottom ? (e(), a(t(C), {
+            o.$slots.bottom ? (e(), n(t(k), {
               key: 0,
-              class: n(t(s).e("footer"))
+              class: m(t(s).e("footer"))
             }, {
               default: r(() => [
-                m(o.$slots, "bottom")
+                i(o.$slots, "bottom")
               ]),
               _: 3
             }, 8, ["class"])) : l("", !0)

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

@@ -1,12 +1,12 @@
-import { defineComponent as f, computed as t, createElementBlock as s, openBlock as l, normalizeStyle as c, normalizeClass as m, unref as n } from "vue";
+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 { isString as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
-import { addUnit as p } from "../../utils/helper.js";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { addUnit as C } from "../../utils/helper.js";
+import { generateCssVars as g } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+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";
@@ -25,10 +25,10 @@ const z = ["src"], I = f({
     hoverColor: {}
   },
   setup(o) {
-    const r = g("icon"), e = h(), a = t(
-      () => C(
+    const n = p("icon"), e = h(), r = t(
+      () => g(
         {
-          size: p(o.size),
+          size: C(o.size),
           color: o.color,
           hoverColor: o.hoverColor,
           cursor: o.pointer ? "pointer" : void 0,
@@ -36,17 +36,17 @@ const z = ["src"], I = f({
         },
         "icon"
       )
-    ), u = (i) => i?.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 (i, B) => v.value ? (l(), s("img", {
+    ), 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", {
       key: 0,
-      class: m(n(r).e("image")),
-      src: i.icon,
+      class: m(i(n).e("image")),
+      src: o.icon,
       alt: "",
-      style: c(a.value)
-    }, null, 14, z)) : (l(), s("i", {
+      style: l(r.value)
+    }, null, 14, z)) : (s(), c("i", {
       key: 1,
-      class: m([n(r).b(), i.icon, n(d)]),
-      style: c(a.value)
+      class: m([i(n).b(), o.icon, i(d)]),
+      style: l(r.value)
     }, null, 6));
   }
 });

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

@@ -1,20 +1,20 @@
-import { defineComponent as g, computed as t, createElementBlock as f, openBlock as r, normalizeStyle as k, normalizeClass as S, unref as l, createBlock as c, createCommentVNode as h, mergeProps as u, normalizeProps as b, toDisplayString as x } from "vue";
-import { VftClampTooltip as I } from "../clamp-tooltip/index.js";
+import { defineComponent as g, computed as o, createElementBlock as f, openBlock as l, normalizeStyle as k, normalizeClass as S, unref as r, createBlock as s, createCommentVNode as h, mergeProps as u, normalizeProps as b, toDisplayString as I } from "vue";
+import { VftClampTooltip as w } from "../clamp-tooltip/index.js";
 import { VftIcon as y } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as w, removeUnit as H } from "@vft/utils";
+import { singleAttrToObj as H, removeUnit as L } from "@vft/utils";
 import { addUnit as C } from "../../utils/helper.js";
-import { generateCssVars as L } from "../../utils/ns-cover.js";
+import { generateCssVars as O } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const V = { key: 2 }, j = g({
+const j = { key: 2 }, N = g({
   name: "vft-icon-text"
-}), M = /* @__PURE__ */ g({
-  ...j,
+}), Q = /* @__PURE__ */ g({
+  ...N,
   props: {
     text: {},
     icon: {},
@@ -33,50 +33,50 @@ const V = { key: 2 }, j = g({
     useClamp: { type: Boolean }
   },
   setup(e) {
-    const m = O("icon-text"), i = t(() => e.hoverColor ? e.hoverColor : e.color), n = t(() => w(e.icon, "icon", { size: e.size, color: e.color })), v = t(() => e.direction === "col"), d = t(() => {
-      const o = C(e.distance);
-      return v.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
-    }), a = t(() => H(e.size)), s = t(() => a.value < 12), p = t(() => a.value && s.value ? { transform: `scale(${a.value / 12})` } : {}), z = t(() => {
-      const o = L(
+    const m = V("icon-text"), i = o(() => e.hoverColor ? e.hoverColor : e.color), n = o(() => H(e.icon, "icon", { size: e.size, color: e.color })), v = o(() => e.direction === "col"), d = o(() => {
+      const t = C(e.distance);
+      return v.value ? e.reverse ? { marginTop: t } : { marginBottom: t } : e.reverse ? { marginLeft: t } : { marginRight: t };
+    }), a = o(() => L(e.size)), c = o(() => a.value < 12), x = o(() => a.value && c.value ? { transform: `scale(${a.value / 12})` } : {}), z = o(() => {
+      const t = O(
         {
           cursor: e.pointer ? "pointer" : void 0,
           color: e.color,
           "hover-color": e.hoverColor ? i.value : void 0,
-          fontSize: s.value ? "12px" : C(e.size)
+          fontSize: c.value ? "12px" : C(e.size)
         },
         "icon-text"
       );
       return {
-        ...s.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
-        ...o,
-        ...p.value
+        ...c.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
+        ...t,
+        ...x.value
       };
-    }), B = t(() => ({
+    }), B = o(() => ({
       text: e.text,
       maxLines: e.maxLines,
       showTooltip: e.showTooltip,
       ...e.clampTooltipCfg
     }));
-    return (o, T) => (r(), f("span", {
+    return (t, T) => (l(), f("span", {
       class: S([
-        l(m).b(),
-        l(m).is("col", v.value),
-        { "disable-icon-hover": o.disableIconHover }
+        r(m).b(),
+        r(m).is("col", v.value),
+        { "disable-icon-hover": e.disableIconHover }
       ]),
       style: k(z.value)
     }, [
-      !o.reverse && n.value?.icon ? (r(), c(l(y), u({ key: 0 }, n.value, {
-        "hover-color": o.hoverColor && !o.disableIconHover ? i.value : void 0,
+      !e.reverse && n.value?.icon ? (l(), s(r(y), u({ key: 0 }, n.value, {
+        "hover-color": e.hoverColor && !e.disableIconHover ? i.value : void 0,
         style: d.value
       }), null, 16, ["hover-color", "style"])) : h("", !0),
-      o.useClamp ? (r(), c(l(I), b(u({ key: 1 }, B.value)), null, 16)) : (r(), f("span", V, x(o.text), 1)),
-      o.reverse && n.value?.icon ? (r(), c(l(y), u({ key: 3 }, n.value, {
+      e.useClamp ? (l(), s(r(w), b(u({ key: 1 }, B.value)), null, 16)) : (l(), f("span", j, I(e.text), 1)),
+      e.reverse && n.value?.icon ? (l(), s(r(y), u({ key: 3 }, n.value, {
         style: d.value,
-        "hover-color": o.hoverColor && !o.disableIconHover ? i.value : void 0
+        "hover-color": e.hoverColor && !e.disableIconHover ? i.value : void 0
       }), null, 16, ["style", "hover-color"])) : h("", !0)
     ], 6));
   }
 });
 export {
-  M as default
+  Q as default
 };

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

@@ -1,27 +1,27 @@
-import { defineComponent as n, createElementBlock as a, openBlock as t, Fragment as o, renderList as c, withDirectives as m, createCommentVNode as l, createBlock as s, vShow as p, unref as _ } from "vue";
-import { useRouter as i } from "vue-router";
-import h from "./iframe-page.vue2.js";
-const d = n({
+import { defineComponent as n, createElementBlock as a, openBlock as r, Fragment as o, renderList as m, withDirectives as l, createCommentVNode as s, createBlock as p, vShow as _, unref as i } from "vue";
+import { useRouter as h } from "vue-router";
+import d from "./iframe-page.vue2.js";
+const k = n({
   name: "vft-iframe-layout"
 }), w = /* @__PURE__ */ n({
-  ...d,
+  ...k,
   props: {
     iframePages: {}
   },
-  setup(k) {
-    const u = i();
-    function f(r) {
-      return r.fullPath === _(u.currentRoute).fullPath;
+  setup(u) {
+    const f = h();
+    function c(t) {
+      return t.fullPath === i(f.currentRoute).fullPath;
     }
-    return (r, P) => (t(!0), a(o, null, c(r.iframePages, (e) => (t(), a(o, {
+    return (t, P) => (r(!0), a(o, null, m(u.iframePages, (e) => (r(), a(o, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc ? m((t(), s(h, {
+      e.meta.frameSrc ? l((r(), p(d, {
         key: 0,
         "frame-src": e.meta.frameSrc
       }, null, 8, ["frame-src"])), [
-        [p, f(e)]
-      ]) : l("", !0)
+        [_, c(e)]
+      ]) : s("", !0)
     ], 64))), 128));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as r, createElementBlock as t, openBlock as m, normalizeClass as p, unref as a } from "vue";
+import { defineComponent as e, createElementBlock as o, openBlock as m, normalizeClass as a, unref as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -8,21 +8,21 @@ import { useNamespace as s } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const i = ["src"], n = r({
+const c = ["src"], i = e({
   name: "vft-iframe-page"
-}), b = /* @__PURE__ */ r({
-  ...n,
+}), S = /* @__PURE__ */ e({
+  ...i,
   props: {
     frameSrc: { default: "" }
   },
-  setup(c) {
-    const e = s("iframe-page");
-    return (o, f) => (m(), t("iframe", {
-      class: p(a(e).b()),
-      src: o.frameSrc
-    }, null, 10, i));
+  setup(r) {
+    const t = s("iframe-page");
+    return (n, f) => (m(), o("iframe", {
+      class: a(p(t).b()),
+      src: r.frameSrc
+    }, null, 10, c));
   }
 });
 export {
-  b as default
+  S as default
 };