vft 0.0.142 → 0.0.145

package/es/components/form/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import r from "./form.vue2.js";
 import o from "./form-item.vue2.js";

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

@@ -1,18 +1,18 @@
-import { defineComponent as r, openBlock as i, createBlock as s, unref as o, mergeProps as p } from "vue";
-import { useFullscreen as m } from "@vft/use";
-import { delObjAttrNotExist as a } from "@vft/utils";
-import { VftIconText as u } from "../icon-text/index.js";
+import { defineComponent as r, openBlock as s, createBlock as p, unref as o, mergeProps as m } from "vue";
+import { useFullscreen as a } from "@vft/use";
+import { delObjAttrNotExist as u } from "@vft/utils";
+import { VftIconText as f } from "../icon-text/index.js";
 import "@vueuse/core";
-import { primaryColor as f } from "../../utils/ns-cover.js";
+import { primaryColor as _ } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const d = (
+const t = (
   /* hoist-static*/
-  _("full-screen")
+  d("full-screen")
 ), x = r({
-  name: "vft-full-screen"
+  name: t.b()
 }), z = /* @__PURE__ */ r({
   ...x,
   props: {
@@ -27,16 +27,16 @@ const d = (
     pointer: { type: Boolean },
     adjustOrigin: { type: Boolean }
   },
-  setup(t) {
-    const n = t, { toggle: c, isFullscreen: e } = m(), l = f().value;
-    return (v, C) => (i(), s(o(u), p({
-      class: o(d).b(),
+  setup(n) {
+    const c = n, { toggle: i, isFullscreen: e } = a(), l = _().value;
+    return (C, v) => (s(), p(o(f), m({
+      class: o(t).b(),
       distance: 2,
       "hover-color": o(l),
-      onClick: o(c),
+      onClick: o(i),
       icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
       text: o(e) ? "退出全屏" : "全屏"
-    }, o(a)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+    }, o(u)(c, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./full-screen.vue2.js";
 const e = t(o);

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as r, createBlock as p, unref as t, normalizeClass as e, withCtx as i, createVNode as a, createElementVNode as c, createElementBlock as n, normalizeProps as d, mergeProps as u, createCommentVNode as m, renderSlot as s } from "vue";
+import { defineComponent as f, openBlock as r, createBlock as e, unref as t, normalizeClass as s, withCtx as i, createVNode as a, createElementVNode as c, createElementBlock as n, normalizeProps as d, mergeProps as u, createCommentVNode as m, renderSlot as l } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -93,51 +93,51 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-const y = { class: "content" }, $ = {
+const $ = { class: "content" }, y = {
   key: 0,
   class: "left"
-}, v = {
+}, b = {
   key: 1,
   class: "right"
-}, l = (
+}, p = (
   /* hoist-static*/
   k("header-layout")
 ), N = f({
-  name: "vft-header-layout"
+  name: p.b()
 }), gt = /* @__PURE__ */ f({
   ...N,
   props: {
     logoCfg: {}
   },
-  setup(b) {
-    return (o, B) => (r(), p(t(g), {
-      class: e(t(l).b())
+  setup(v) {
+    return (o, B) => (r(), e(t(g), {
+      class: s(t(p).b())
     }, {
       default: i(() => [
         a(t(_), null, {
           default: i(() => [
             a(t(h), {
-              class: e(t(l).e("top-container"))
+              class: s(t(p).e("top-container"))
             }, {
               default: i(() => [
-                c("div", y, [
-                  o.logoCfg || o.$slots.left ? (r(), n("div", $, [
-                    o.logoCfg ? (r(), p(t(V), d(u({ key: 0 }, o.logoCfg)), null, 16)) : m("", !0),
-                    s(o.$slots, "left")
+                c("div", $, [
+                  o.logoCfg || o.$slots.left ? (r(), n("div", y, [
+                    o.logoCfg ? (r(), e(t(V), d(u({ key: 0 }, o.logoCfg)), null, 16)) : m("", !0),
+                    l(o.$slots, "left")
                   ])) : m("", !0),
-                  o.$slots.right ? (r(), n("div", v, [
-                    s(o.$slots, "right")
+                  o.$slots.right ? (r(), n("div", b, [
+                    l(o.$slots, "right")
                   ])) : m("", !0)
                 ])
               ]),
               _: 3
             }, 8, ["class"]),
-            o.$slots.bottom ? (r(), p(t(C), {
+            o.$slots.bottom ? (r(), e(t(C), {
               key: 0,
-              class: e(t(l).e("footer"))
+              class: s(t(p).e("footer"))
             }, {
               default: i(() => [
-                s(o.$slots, "bottom")
+                l(o.$slots, "bottom")
               ]),
               _: 3
             }, 8, ["class"])) : m("", !0)

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as z, computed as T, getCurrentInstance as W, useSlots as X, ref as Y, createVNode as v, mergeProps as k } from "vue";
+import { defineComponent as B, computed as k, getCurrentInstance as W, useSlots as X, ref as Y, createVNode as v, mergeProps as C } from "vue";
 import { useRouterHelper as Z } from "@vft/router";
 import { isUrl as m } from "@vft/utils";
 import { VftMenu as _, VftSubMenu as ee, VftMenuItem as ne } from "../menu/index.js";
@@ -9,13 +9,13 @@ import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { MenuTypeEnum as ue } from "./constants.js";
-const C = (
+const y = (
   /* hoist-static*/
   oe("horizontal-menu")
-), te = z({
-  name: "vft-horizontal-menu"
-}), ve = /* @__PURE__ */ z({
-  ...te,
+), le = B({
+  name: y.b()
+}), ve = /* @__PURE__ */ B({
+  ...le,
   props: {
     menus: {},
     attrMapping: {},
@@ -44,15 +44,15 @@ const C = (
   },
   emits: ["open", "close", "select", "sub-menu-click"],
   setup(o, {
-    expose: B,
+    expose: z,
     emit: x
   }) {
-    const D = T(() => (e, l, a) => {
-      var c, r, n, f;
+    const D = k(() => (e, t, a) => {
+      var c, r, n, p;
       return {
-        "grid-template-rows": `repeat(${Math.min(((r = (c = e == null ? void 0 : e[l]) == null ? void 0 : c[u.value.children]) == null ? void 0 : r.length) || 0, Number(a || o.maxRowLength ? a || o.maxRowLength : (f = (n = e == null ? void 0 : e[l]) == null ? void 0 : n[u.value.children]) == null ? void 0 : f.length))}, auto)`
+        "grid-template-rows": `repeat(${Math.min(((r = (c = e == null ? void 0 : e[t]) == null ? void 0 : c[u.value.children]) == null ? void 0 : r.length) || 0, Number(a || o.maxRowLength ? a || o.maxRowLength : (p = (n = e == null ? void 0 : e[t]) == null ? void 0 : n[u.value.children]) == null ? void 0 : p.length))}, auto)`
       };
-    }), u = T(() => ({
+    }), u = k(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -60,25 +60,25 @@ const C = (
       icon: "icon",
       disabled: "disabled",
       ...o.attrMapping
-    })), P = W(), p = X(), S = Y(), R = P.appContext.config.globalProperties.$router, y = (e, l, a) => {
-      const c = e[u.value.path], r = e[u.value.title], n = e == null ? void 0 : e[u.value.index], f = e == null ? void 0 : e[u.value.icon], h = !!(e != null && e[u.value.disabled]), d = o.disabledJudgeTurnOver ? !h : h, i = n || c || l + r;
-      return v(ne, k(e, {
+    })), P = W(), f = X(), S = Y(), R = P.appContext.config.globalProperties.$router, w = (e, t, a) => {
+      const c = e[u.value.path], r = e[u.value.title], n = e == null ? void 0 : e[u.value.index], p = e == null ? void 0 : e[u.value.icon], h = !!(e != null && e[u.value.disabled]), d = o.disabledJudgeTurnOver ? !h : h, i = n || c || t + r;
+      return v(ne, C(e, {
         key: i,
         index: String(i),
-        icon: f,
+        icon: p,
         route: c,
         title: r,
         disabled: o.openDisabled && d,
         className: a ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
       }), {
-        default: a ? p.menuItem ? () => {
+        default: a ? f.menuItem ? () => {
           var g;
-          return (g = p.menuItem) == null ? void 0 : g.call(p, {
+          return (g = f.menuItem) == null ? void 0 : g.call(f, {
             item: e
           });
-        } : null : p.menuTopItem ? () => {
+        } : null : f.menuTopItem ? () => {
           var g;
-          return (g = p.menuTopItem) == null ? void 0 : g.call(p, {
+          return (g = f.menuTopItem) == null ? void 0 : g.call(f, {
             item: e
           });
         } : null
@@ -89,23 +89,23 @@ const C = (
       x("close", e);
     }, j = (e) => {
       x("sub-menu-click", e);
-    }, I = (e, l, a) => {
+    }, I = (e, t, a) => {
       var N;
-      const c = e[u.value.path], r = e[u.value.title], n = e == null ? void 0 : e[u.value.children], f = e == null ? void 0 : e[u.value.index], h = e == null ? void 0 : e[u.value.icon], d = e == null ? void 0 : e.menuOrder, i = e == null ? void 0 : e.maxRowLength, g = !!(e != null && e[u.value.disabled]), q = o.disabledJudgeTurnOver ? !g : g, L = f || c || l + r, w = e.type === ue.TILE;
-      let O = [];
-      if (w)
+      const c = e[u.value.path], r = e[u.value.title], n = e == null ? void 0 : e[u.value.children], p = e == null ? void 0 : e[u.value.index], h = e == null ? void 0 : e[u.value.icon], d = e == null ? void 0 : e.menuOrder, i = e == null ? void 0 : e.maxRowLength, g = !!(e != null && e[u.value.disabled]), q = o.disabledJudgeTurnOver ? !g : g, L = p || c || t + r, O = e.type === ue.TILE;
+      let T = [];
+      if (O)
         if (d) {
-          const t = d.flat();
-          if ((t == null ? void 0 : t.length) < n.length) {
-            const M = Math.max.apply(null, t);
+          const l = d.flat();
+          if ((l == null ? void 0 : l.length) < n.length) {
+            const M = Math.max.apply(null, l);
             for (let s = M + 1; s < n.length; s++)
               d.push([s]);
           }
-          O = d;
+          T = d;
         } else
-          for (let t = 0; t < n.length; t++)
-            O.push([t]);
-      return n != null && n.length || e != null && e.render ? v(ee, k(o.subMenuCfg, e, {
+          for (let l = 0; l < n.length; l++)
+            T.push([l]);
+      return n != null && n.length || e != null && e.render ? v(ee, C(o.subMenuCfg, e, {
         index: String(L),
         key: L,
         icon: h,
@@ -116,12 +116,12 @@ const C = (
           ...((N = e.subMenuCfg) == null ? void 0 : N.toolTipCfg) || {}
         },
         teleported: !1,
-        "popper-class": [w ? C.e("tile") : "", C.e("normal")]
+        "popper-class": [O ? y.e("tile") : "", y.e("normal")]
       }), {
-        default: () => [e != null && e.render ? e == null ? void 0 : e.render : w ? O.map((t, M) => v("div", {
+        default: () => [e != null && e.render ? e == null ? void 0 : e.render : O ? T.map((l, M) => v("div", {
           class: "content-main",
           key: M
-        }, [t.map((s, F) => {
+        }, [l.map((s, F) => {
           var V, A, J;
           const b = (V = n == null ? void 0 : n[s]) == null ? void 0 : V[u.value.children], G = (A = n == null ? void 0 : n[s]) == null ? void 0 : A.maxRowLength;
           return n != null && n.length ? v("div", {
@@ -132,23 +132,23 @@ const C = (
           }, [(J = n == null ? void 0 : n[s]) == null ? void 0 : J[u.value.title]]), b != null && b.length ? v("div", {
             class: "content",
             style: D.value(n, s, G || i)
-          }, [b.map((K, Q) => y(K, Q, !0))]) : null]) : null;
-        })])) : n.map((t, M) => {
+          }, [b.map((K, Q) => w(K, Q, !0))]) : null]) : null;
+        })])) : n.map((l, M) => {
           var s;
-          return (s = t[u.value.children]) != null && s.length ? I(t, M, !0) : y(t, M, !0);
+          return (s = l[u.value.children]) != null && s.length ? I(l, M, !0) : w(l, M, !0);
         })],
         title: () => r
-      }) : y(e, l, a);
+      }) : w(e, t, a);
     };
     async function H(e) {
-      var l, a, c;
+      var t, a, c;
       if (o.useRouterJump) {
         const {
           go: r
         } = Z(R), n = e.route;
-        let f = e.route;
-        e.indexPath.some((d) => m(d)) && (f = e.indexPath.slice(-2).join("/"));
-        const h = (c = (a = (l = R.getRoutes().filter((d) => d.path === f)) == null ? void 0 : l[0]) == null ? void 0 : a.meta) == null ? void 0 : c.linkTarget;
+        let p = e.route;
+        e.indexPath.some((d) => m(d)) && (p = e.indexPath.slice(-2).join("/"));
+        const h = (c = (a = (t = R.getRoutes().filter((d) => d.path === p)) == null ? void 0 : t[0]) == null ? void 0 : a.meta) == null ? void 0 : c.linkTarget;
         r(h ? {
           url: n,
           winOpenOpt: {
@@ -158,26 +158,26 @@ const C = (
       }
       x("select", e);
     }
-    const U = T(() => {
+    const U = k(() => {
       var e;
       return (e = S.value) == null ? void 0 : e.inSubMenu;
     });
-    return B({
+    return z({
       isInSubMenu: U
-    }), () => v(_, k(o.menuOptions, {
+    }), () => v(_, C(o.menuOptions, {
       ref: S,
       onSelect: H,
       onOpen: E,
       onClose: $,
       onSubMenuClick: j,
       mode: "horizontal",
-      class: C.b(),
+      class: y.b(),
       defaultActive: o.defaultActive,
       defaultOpeneds: o.defaultOpeneds
     }), {
       default: () => {
         var e;
-        return [(e = o.menus) != null && e.length ? o.menus.map((l, a) => I(l, a, !1)) : null];
+        return [(e = o.menus) != null && e.length ? o.menus.map((t, a) => I(t, a, !1)) : null];
       }
     });
   }

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./horizontal-menu.vue2.js";
 import { MenuTypeEnum as u } from "./constants.js";

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

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as r, openBlock as c, createElementBlock as a, normalizeClass as l, unref as i, normalizeStyle as m } from "vue";
+import { defineComponent as u, computed as a, openBlock as c, createElementBlock as l, normalizeClass as m, unref as i, normalizeStyle as f } from "vue";
 import { addUnit as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
@@ -8,11 +8,11 @@ import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
-const z = ["src"], f = (
+const z = ["src"], n = (
   /* hoist-static*/
   g("icon")
 ), I = u({
-  name: "vft-icon"
+  name: n.b()
 }), W = /* @__PURE__ */ u({
   ...I,
   props: {
@@ -25,8 +25,8 @@ const z = ["src"], f = (
     hoverColor: {}
   },
   setup(o) {
-    var s;
-    const t = h(), n = r(
+    var r;
+    const t = h(), s = a(
       () => C(
         {
           size: y(o.size),
@@ -37,17 +37,17 @@ const z = ["src"], f = (
         },
         "icon"
       )
-    ), d = (e) => e == null ? void 0 : e.includes("/"), p = r(() => d(o.icon)), v = o.icon.startsWith((s = t.value) == null ? void 0 : s.iconifyPrefixClass) ? "" : t.value.iconfontClass;
-    return (e, B) => p.value ? (c(), a("img", {
+    ), d = (e) => e == null ? void 0 : e.includes("/"), p = a(() => d(o.icon)), v = o.icon.startsWith((r = t.value) == null ? void 0 : r.iconifyPrefixClass) ? "" : t.value.iconfontClass;
+    return (e, B) => p.value ? (c(), l("img", {
       key: 0,
-      class: l(i(f).e("image")),
+      class: m(i(n).e("image")),
       src: e.icon,
       alt: "",
-      style: m(n.value)
-    }, null, 14, z)) : (c(), a("i", {
+      style: f(s.value)
+    }, null, 14, z)) : (c(), l("i", {
       key: 1,
-      class: l([i(f).b(), e.icon, i(v)]),
-      style: m(n.value)
+      class: m([i(n).b(), e.icon, i(v)]),
+      style: f(s.value)
     }, null, 6));
   }
 });

package/es/components/icon/index.js

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

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

@@ -1,17 +1,17 @@
-import { defineComponent as z, computed as o, openBlock as a, createElementBlock as x, normalizeClass as O, unref as n, normalizeStyle as V, createBlock as v, mergeProps as d, createCommentVNode as f, createElementVNode as j, toDisplayString as N } from "vue";
-import { singleAttrToObj as b, addUnit as y, removeUnit as p } from "@vft/utils";
-import { VftIcon as g } from "../icon/index.js";
+import { defineComponent as z, computed as o, openBlock as a, createElementBlock as x, normalizeClass as O, unref as n, normalizeStyle as V, createBlock as d, mergeProps as f, createCommentVNode as y, createElementVNode as b, toDisplayString as j } from "vue";
+import { singleAttrToObj as N, addUnit as g, removeUnit as p } from "@vft/utils";
+import { VftIcon as h } from "../icon/index.js";
 import "@vueuse/core";
 import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "lodash";
 import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const h = (
+const c = (
   /* hoist-static*/
   T("icon-text")
 ), U = z({
-  name: "vft-icon-text"
+  name: c.b()
 }), F = /* @__PURE__ */ z({
   ...U,
   props: {
@@ -27,16 +27,16 @@ const h = (
     adjustOrigin: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const C = o(() => e.hoverColor ? e.hoverColor : e.color), r = o(() => b(e.icon, "icon", { size: e.size, color: e.color })), c = o(() => e.direction === "col"), s = o(() => {
-      const t = y(e.distance);
-      return c.value ? e.reverse ? { marginTop: t } : { marginBottom: t } : e.reverse ? { marginLeft: t } : { marginRight: t };
+    const C = o(() => e.hoverColor ? e.hoverColor : e.color), r = o(() => N(e.icon, "icon", { size: e.size, color: e.color })), s = o(() => e.direction === "col"), u = o(() => {
+      const t = g(e.distance);
+      return s.value ? e.reverse ? { marginTop: t } : { marginBottom: t } : e.reverse ? { marginLeft: t } : { marginRight: t };
     }), l = o(() => p(e.size)), i = o(() => l.value < 12), S = o(() => l.value && i.value ? { transform: `scale(${l.value / 12})` } : {}), B = o(() => {
       const t = E(
         {
           cursor: e.pointer ? "pointer" : void 0,
           color: e.color,
           "hover-color": C.value,
-          fontSize: i.value ? "12px" : y(e.size)
+          fontSize: i.value ? "12px" : g(e.size)
         },
         "icon-text"
       );
@@ -47,14 +47,14 @@ const h = (
       };
     });
     return (t, k) => {
-      var u, m;
+      var m, v;
       return a(), x("span", {
-        class: O([n(h).b(), n(h).is("col", c.value)]),
+        class: O([n(c).b(), n(c).is("col", s.value)]),
         style: V(B.value)
       }, [
-        !t.reverse && ((u = r.value) != null && u.icon) ? (a(), v(n(g), d({ key: 0 }, r.value, { style: s.value }), null, 16, ["style"])) : f("", !0),
-        j("span", null, N(t.text), 1),
-        t.reverse && ((m = r.value) != null && m.icon) ? (a(), v(n(g), d({ key: 1 }, r.value, { style: s.value }), null, 16, ["style"])) : f("", !0)
+        !t.reverse && ((m = r.value) != null && m.icon) ? (a(), d(n(h), f({ key: 0 }, r.value, { style: u.value }), null, 16, ["style"])) : y("", !0),
+        b("span", null, j(t.text), 1),
+        t.reverse && ((v = r.value) != null && v.icon) ? (a(), d(n(h), f({ key: 1 }, r.value, { style: u.value }), null, 16, ["style"])) : y("", !0)
       ], 6);
     };
   }

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

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

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

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

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./iframe-layout.vue2.js";
 const e = t(o);

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

@@ -50,7 +50,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("switch" | "close" | "error" | "load" | "show")[], "switch" | "close" | "error" | "load" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    switch: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    load: (...args: any[]) => void;
+    show: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: import("vue").PropType<boolean>;
     };

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

@@ -9,6 +9,9 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             onShow?: ((...args: any[]) => any) | undefined;
+            onLoad?: ((...args: any[]) => any) | undefined;
+            onError?: ((...args: any[]) => any) | undefined;
+            readonly infinite?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -49,13 +52,10 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onLoad?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            readonly src?: string | undefined;
             readonly loading?: "eager" | "lazy" | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
+            readonly src?: string | undefined;
             readonly initialIndex?: number | undefined;
-            readonly infinite?: boolean | undefined;
             readonly hideOnClickModal?: boolean | undefined;
             readonly closeOnPressEscape?: boolean | undefined;
             onSwitch?: ((...args: any[]) => any) | undefined;
@@ -76,7 +76,7 @@ export declare const VftImage: 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: "switch" | "close" | "error" | "load" | "show", ...args: any[]) => void;
+        $emit: ((event: "switch", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "error", ...args: any[]) => void) & ((event: "load", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             hideOnClickModal: {
@@ -121,7 +121,13 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             onError?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onSwitch?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("switch" | "close" | "error" | "load" | "show")[], string, {}, {}, string, {}> & {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            switch: (...args: any[]) => void;
+            close: (...args: any[]) => void;
+            error: (...args: any[]) => void;
+            load: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -231,7 +237,13 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     onError?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onSwitch?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("switch" | "close" | "error" | "load" | "show")[], "switch" | "close" | "error" | "load" | "show", {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    switch: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    load: (...args: any[]) => void;
+    show: (...args: any[]) => void;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         placeholder?(_: {}): any;
         error?(_: {}): any;

package/es/components/image/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./image.vue2.js";
 import o from "./p-image.vue2.js";