vft 0.0.128 → 0.0.129

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

@@ -59,7 +59,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
     closeAutoFocus: () => !0
   },
   setup(s, { expose: g }) {
-    const E = L(), p = B(), {
+    const E = L(), c = B(), {
       afterEnter: z,
       afterLeave: A,
       beforeLeave: R,
@@ -71,7 +71,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       onCloseAutoFocus: ae,
       onCloseRequested: F,
       onFocusoutPrevented: se,
-      titleId: c,
+      titleId: p,
       bodyId: b,
       closed: re,
       style: de,
@@ -79,7 +79,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       rendered: I,
       visible: m,
       zIndex: S
-    } = Y(E.props, p), v = B(), V = k(
+    } = Y(E.props, c), v = B(), V = k(
       () => s.direction === "rtl" || s.direction === "ltr"
     ), C = k(() => G(s.size));
     return g({
@@ -105,17 +105,17 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
               u(e(J), {
                 loop: "",
                 trapped: e(m),
-                "focus-trap-el": p.value,
+                "focus-trap-el": c.value,
                 "focus-start-el": v.value,
                 onReleaseRequested: e(F)
               }, {
                 default: y(() => [
                   h("div", P({
                     ref_key: "drawerRef",
-                    ref: p,
+                    ref: c,
                     "aria-modal": "true",
                     "aria-label": o.title || void 0,
-                    "aria-labelledby": o.title ? void 0 : e(c),
+                    "aria-labelledby": o.title ? void 0 : e(p),
                     "aria-describedby": e(b)
                   }, o.$attrs, {
                     class: [e(t).b(), o.direction, e(m) && "open", o.customClass],
@@ -137,12 +137,12 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                       o.$slots.title ? f(o.$slots, "title", { key: 1 }) : f(o.$slots, "header", {
                         key: 0,
                         close: e(n),
-                        titleId: e(c),
+                        titleId: e(p),
                         titleClass: e(t).e("title")
                       }, () => [
                         o.$slots.title ? d("", !0) : (a(), r("span", {
                           key: 0,
-                          id: e(c),
+                          id: e(p),
                           role: "heading",
                           class: l(e(t).e("title"))
                         }, H(o.title), 11, _))
@@ -155,7 +155,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                         (...$) => e(n) && e(n)(...$))
                       }, [
                         u(e(K), {
-                          icon: "ico-ep:close",
+                          icon: "icon-close",
                           class: l(e(t).e("close"))
                         }, null, 8, ["class"])
                       ], 2)) : d("", !0)

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

@@ -266,7 +266,7 @@ const s = (
               default: n(() => [
                 l(t(pe), {
                   class: z(t(s).e("icon")),
-                  icon: "ico-ep:arrow-down"
+                  icon: "icon-arrow-down"
                 }, null, 8, ["class"])
               ]),
               _: 1

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

@@ -1,20 +1,20 @@
-import { defineComponent as r, openBlock as s, createBlock as l, unref as o, mergeProps as p } from "vue";
+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 "@vueuse/core";
 import { primaryColor as f } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const x = (
+const d = (
   /* hoist-static*/
-  d("full-screen")
-), _ = r({
+  _("full-screen")
+), x = r({
   name: "vft-full-screen"
 }), z = /* @__PURE__ */ r({
-  ..._,
+  ...x,
   props: {
     text: {},
     icon: {},
@@ -28,13 +28,13 @@ const x = (
     adjustOrigin: { type: Boolean }
   },
   setup(t) {
-    const n = t, { toggle: c, isFullscreen: e } = m(), i = f().value;
-    return (v, C) => (s(), l(o(u), p({
-      class: o(x).b(),
+    const n = t, { toggle: c, isFullscreen: e } = m(), l = f().value;
+    return (v, C) => (i(), s(o(u), p({
+      class: o(d).b(),
       distance: 2,
-      "hover-color": o(i),
+      "hover-color": o(l),
       onClick: o(c),
-      icon: o(e) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen",
+      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"]));
   }

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

@@ -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-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 { singleAttrToObj as N, addUnit as y, removeUnit as b } from "@vft/utils";
+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 { generateCssVars as p } from "../../utils/ns-cover.js";
+import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as E } from "../../hooks/use-namespace/index.js";
+import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const T = (
+const h = (
   /* hoist-static*/
-  E("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(() => N(e.icon, "icon", { size: e.size, color: e.color })), c = o(() => e.direction === "col"), s = o(() => {
+    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(() => b(e.size)), l = o(() => n.value < 12), C = o(() => n.value && l.value ? { transform: `scale(${n.value / 12})` } : {}), S = o(() => {
-      const t = p({
+    }), 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" : y(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(g), 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(g), 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/image-viewer/image-viewer.vue2.js

@@ -1,4 +1,4 @@
-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 { 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";
@@ -8,13 +8,13 @@ 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";
-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),