vft 0.0.127 → 0.0.129

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

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

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

@@ -1,16 +1,16 @@
 import { defineComponent as m, computed as i, openBlock as n, createElementBlock as r, normalizeClass as l, unref as a, normalizeStyle as s } from "vue";
 import { addUnit as d } from "@vft/utils";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
+import "../config-provider/index.js";
+import "@vueuse/core";
+import { generateCssVars as v } from "../../utils/ns-cover.js";
 import "lodash";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { generateCssVars as y } from "../../utils/ns-cover.js";
-import "../config-provider/index.js";
 import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
 const C = ["src"], c = (
   /* hoist-static*/
-  v("icon")
+  y("icon")
 ), h = m({
   name: "vft-icon"
 }), V = /* @__PURE__ */ m({
@@ -25,7 +25,7 @@ const C = ["src"], c = (
     hoverColor: {}
   },
   setup(o) {
-    const u = g(), t = i(() => y({
+    const u = g(), t = i(() => v({
       size: d(o.size),
       color: o.color,
       hoverColor: o.hoverColor,
@@ -41,7 +41,9 @@ const C = ["src"], c = (
     }, null, 14, C)) : (n(), r("i", {
       key: 1,
       class: l([a(c).b(), e.icon]),
-      style: s(t.value)
+      style: s({
+        ...t.value
+      })
     }, null, 6));
   }
 });

package/es/components/icon/index.js

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { defineComponent as e, openBlock as o, createElementBlock as t, normalizeClass as m, unref as a } from "vue";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+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 = (
   /* hoist-static*/
   p("iframe-page")

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

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

package/es/components/image/image.vue2.js

@@ -1,16 +1,16 @@
 import { defineComponent as $, useAttrs as K, ref as i, computed as d, watch as R, onMounted as G, openBlock as s, createElementBlock as f, normalizeClass as h, unref as t, normalizeStyle as J, mergeProps as Q, createCommentVNode as u, renderSlot as C, createElementVNode as V, Fragment as U, createBlock as X, withCtx as Z, nextTick as W } from "vue";
-import { isClient as v, useThrottleFn as _, useEventListener as T } from "@vueuse/core";
-import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
+import { useAttrs as _ } from "@vft/use";
+import { isInContainer as ee, isElement as le, isString as te, getScrollContainer as ae } from "@vft/utils";
+import { VftImageViewer as ne } from "../image-viewer/index.js";
+import { isClient as v, useThrottleFn as re, useEventListener as T } from "@vueuse/core";
+import "../../utils/ns-cover.js";
 import "lodash";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { isInContainer as le, isElement as te, isString as ae, getScrollContainer as ne } from "@vft/utils";
-import "../../utils/ns-cover.js";
-import { useAttrs as re } from "@vft/use";
-import { VftImageViewer as oe } from "../image-viewer/index.js";
 const ie = ["src", "loading"], se = { key: 0 }, o = (
   /* hoist-static*/
-  ee("image")
+  oe("image")
 ), ue = $({
   name: "vft-image",
   inheritAttrs: !1
@@ -33,7 +33,7 @@ const ie = ["src", "loading"], se = { key: 0 }, o = (
   emits: ["load", "error", "switch", "close", "show"],
   setup(l, { emit: c }) {
     let z = "";
-    const b = K(), M = re(), g = i(), n = i(!1), r = i(!0), p = i(!1), m = i(), a = i(), O = v && "loading" in HTMLImageElement.prototype;
+    const b = K(), M = _(), g = i(), n = i(!1), r = i(!0), p = i(!1), m = i(), a = i(), O = v && "loading" in HTMLImageElement.prototype;
     let y, w;
     const H = d(() => b.style), F = d(() => v && l.fit ? { objectFit: l.fit } : {}), L = d(() => Array.isArray(l.previewSrcList) && l.previewSrcList.length > 0), N = d(() => {
       let e = l.initialIndex;
@@ -48,11 +48,11 @@ const ie = ["src", "loading"], se = { key: 0 }, o = (
       r.value = !1, n.value = !0, c("error", e);
     }
     function I() {
-      le(m.value, a.value) && (k(), A());
+      ee(m.value, a.value) && (k(), A());
     }
-    const E = _(I, 200);
+    const E = re(I, 200);
     async function B() {
-      v && (await W(), te(l.scrollContainer) ? a.value = l.scrollContainer : ae(l.scrollContainer) && l.scrollContainer !== "" ? a.value = document.querySelector(l.scrollContainer) ?? void 0 : m.value && (a.value = ne(m.value)), a.value && (y = T(
+      v && (await W(), le(l.scrollContainer) ? a.value = l.scrollContainer : te(l.scrollContainer) && l.scrollContainer !== "" ? a.value = document.querySelector(l.scrollContainer) ?? void 0 : m.value && (a.value = ae(m.value)), a.value && (y = T(
         a,
         "scroll",
         E
@@ -122,7 +122,7 @@ const ie = ["src", "loading"], se = { key: 0 }, o = (
         ]) : u("", !0)
       ], 2)) : u("", !0),
       L.value ? (s(), f(U, { key: 2 }, [
-        p.value ? (s(), X(t(oe), {
+        p.value ? (s(), X(t(ne), {
           key: 0,
           "z-index": e.zIndex,
           "initial-index": N.value,

package/es/components/image/index.js

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

package/es/components/image-viewer/image-viewer.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as Z, ref as z, effectScope as ee, computed as b, watch as R, nextTick as te, onMounted as ne, openBlock as x, createBlock as oe, Teleport as ae, createVNode as d, Transition as se, withCtx as le, createElementVNode as c, normalizeClass as i, unref as n, normalizeStyle as S, withModifiers as ie, createElementBlock as E, Fragment as V, createCommentVNode as re, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
-import { useEventListener as I } from "@vueuse/core";
+import { defineComponent as Z, ref as z, effectScope as ee, computed as p, watch as R, nextTick as te, onMounted as ne, openBlock as x, createBlock as oe, Teleport as ae, createVNode as d, Transition as se, withCtx as le, createElementVNode as c, normalizeClass as i, unref as n, normalizeStyle as S, withModifiers as ie, createElementBlock as E, Fragment as V, createCommentVNode as re, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
+import { EVENT_CODE as w } from "@vft/constants";
 import { isNumber as H } from "@vft/utils";
+import { VftIcon as v } from "../icon/index.js";
+import { useEventListener as I } from "@vueuse/core";
+import "../../utils/ns-cover.js";
 import { throttle as T } from "lodash";
 import { useNamespace as me } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
-import "../../utils/ns-cover.js";
-import { EVENT_CODE as w } from "@vft/constants";
-import { VftIcon as v } from "../icon/index.js";
-const pe = ["src"], a = (
+const ke = ["src"], a = (
   /* hoist-static*/
   me("image-viewer")
-), ke = Z({
+), ge = Z({
   name: "vft-image-viewer"
 }), Ee = /* @__PURE__ */ Z({
-  ...ke,
+  ...ge,
   props: {
     urlList: { default: [] },
     zIndex: {},
@@ -30,13 +30,13 @@ const pe = ["src"], a = (
     switch: (s) => H(s)
   },
   setup(s, { expose: A, emit: X }) {
-    const { nextZIndex: P } = ve(), C = z(), Y = z([]), O = ee(), k = z(!0), m = z(s.initialIndex), l = z({
+    const { nextZIndex: P } = ve(), C = z(), Y = z([]), O = ee(), g = z(!0), m = z(s.initialIndex), l = z({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), W = b(() => s.urlList.length <= 1), $ = b(() => m.value === 0), M = b(() => m.value === s.urlList.length - 1), j = b(() => s.urlList[m.value]), q = b(() => {
+    }), W = p(() => s.urlList.length <= 1), $ = p(() => m.value === 0), M = p(() => m.value === s.urlList.length - 1), j = p(() => s.urlList[m.value]), q = p(() => {
       const { scale: e, deg: t, offsetX: o, offsetY: r, enableTransition: h } = l.value;
       let u = o / e, f = r / e;
       switch (t % 360) {
@@ -53,12 +53,12 @@ const pe = ["src"], a = (
           [u, f] = [-f, u];
           break;
       }
-      const g = {
+      const b = {
         transform: `scale(${e}) rotate(${t}deg) translate(${u}px, ${f}px)`,
         transition: h ? "transform .3s" : ""
       };
-      return g.maxWidth = g.maxHeight = "100%", g;
-    }), G = b(() => H(s.zIndex) ? s.zIndex : P());
+      return b.maxWidth = b.maxHeight = "100%", b;
+    }), G = p(() => H(s.zIndex) ? s.zIndex : P());
     function y() {
       K(), X("close");
     }
@@ -75,18 +75,18 @@ const pe = ["src"], a = (
             D();
             break;
           case w.up:
-            p("zoomIn");
+            k("zoomIn");
             break;
           case w.right:
             F();
             break;
           case w.down:
-            p("zoomOut");
+            k("zoomOut");
             break;
         }
       }), t = T((o) => {
         const r = o.deltaY || o.deltaX;
-        p(r < 0 ? "zoomIn" : "zoomOut", {
+        k(r < 0 ? "zoomIn" : "zoomOut", {
           zoomRate: s.zoomRate,
           enableTransition: !1
         });
@@ -99,20 +99,20 @@ const pe = ["src"], a = (
       O.stop();
     }
     function Q() {
-      k.value = !1;
+      g.value = !1;
     }
     function U(e) {
-      k.value = !1, e.target.alt = "加载失败";
+      g.value = !1, e.target.alt = "加载失败";
     }
     function _(e) {
-      if (k.value || e.button !== 0 || !C.value)
+      if (g.value || e.button !== 0 || !C.value)
         return;
       l.value.enableTransition = !1;
-      const { offsetX: t, offsetY: o } = l.value, r = e.pageX, h = e.pageY, u = T((g) => {
+      const { offsetX: t, offsetY: o } = l.value, r = e.pageX, h = e.pageY, u = T((b) => {
         l.value = {
           ...l.value,
-          offsetX: t + g.pageX - r,
-          offsetY: o + g.pageY - h
+          offsetX: t + b.pageX - r,
+          offsetY: o + b.pageY - h
         };
       }), f = I(document, "mousemove", u);
       I(document, "mouseup", () => {
@@ -129,7 +129,7 @@ const pe = ["src"], a = (
       };
     }
     function B() {
-      k.value || N();
+      g.value || N();
     }
     function L(e) {
       const t = s.urlList.length;
@@ -141,8 +141,8 @@ const pe = ["src"], a = (
     function F() {
       M.value && !s.infinite || L(m.value + 1);
     }
-    function p(e, t = {}) {
-      if (k.value)
+    function k(e, t = {}) {
+      if (g.value)
         return;
       const { rotateDeg: o, enableTransition: r } = {
         rotateDeg: 90,
@@ -172,7 +172,7 @@ const pe = ["src"], a = (
     return R(j, () => {
       te(() => {
         const e = Y.value[0];
-        e != null && e.complete || (k.value = !0);
+        e != null && e.complete || (g.value = !0);
       });
     }), R(m, (e) => {
       N(), X("switch", e);
@@ -206,7 +206,7 @@ const pe = ["src"], a = (
               class: i([n(a).e("btn"), n(a).e("close")]),
               onClick: y
             }, [
-              d(n(v), { icon: "ico-ep:close" })
+              d(n(v), { icon: "icon-close" })
             ], 2),
             W.value ? re("", !0) : (x(), E(V, { key: 0 }, [
               c("span", {
@@ -217,7 +217,7 @@ const pe = ["src"], a = (
                 ]),
                 onClick: D
               }, [
-                d(n(v), { icon: "ico-ep:arrow-left" })
+                d(n(v), { icon: "icon-arrow-left" })
               ], 2),
               c("span", {
                 class: i([
@@ -227,7 +227,7 @@ const pe = ["src"], a = (
                 ]),
                 onClick: F
               }, [
-                d(n(v), { icon: "ico-ep:arrow-right" })
+                d(n(v), { icon: "icon-arrow-right" })
               ], 2)
             ], 64)),
             c("div", {
@@ -237,30 +237,30 @@ const pe = ["src"], a = (
                 class: i(n(a).e("actions__inner"))
               }, [
                 d(n(v), {
-                  icon: "ico-ep:zoom-out",
-                  onClick: t[1] || (t[1] = (o) => p("zoomOut"))
+                  icon: "icon-zoom-out",
+                  onClick: t[1] || (t[1] = (o) => k("zoomOut"))
                 }),
                 d(n(v), {
-                  icon: "ico-ep:zoom-in",
-                  onClick: t[2] || (t[2] = (o) => p("zoomIn"))
+                  icon: "icon-zoom-in",
+                  onClick: t[2] || (t[2] = (o) => k("zoomIn"))
                 }),
                 c("i", {
                   class: i(n(a).e("actions__divider"))
                 }, null, 2),
                 d(n(v), {
-                  icon: "ico-ep:scale-to-original",
+                  icon: "icon-scale-to-original",
                   onClick: B
                 }),
                 c("i", {
                   class: i(n(a).e("actions__divider"))
                 }, null, 2),
                 d(n(v), {
-                  icon: "ico-ep:refresh-left",
-                  onClick: t[3] || (t[3] = (o) => p("anticlockwise"))
+                  icon: "icon-refresh-left",
+                  onClick: t[3] || (t[3] = (o) => k("anticlockwise"))
                 }),
                 d(n(v), {
-                  icon: "ico-ep:refresh-right",
-                  onClick: t[4] || (t[4] = (o) => p("clockwise"))
+                  icon: "icon-refresh-right",
+                  onClick: t[4] || (t[4] = (o) => k("clockwise"))
                 })
               ], 2)
             ], 2),
@@ -277,7 +277,7 @@ const pe = ["src"], a = (
                 onLoad: Q,
                 onError: U,
                 onMousedown: _
-              }, null, 46, pe)), [
+              }, null, 46, ke)), [
                 [fe, r === m.value]
               ])), 128))
             ], 2),

package/es/components/image-viewer/index.js

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