vft 0.0.511 → 0.0.514

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

@@ -1,72 +1,71 @@
-import { defineComponent as p, getCurrentInstance as k, computed as s, openBlock as m, createElementBlock as l, normalizeClass as c, unref as o, createElementVNode as z, renderSlot as u, createBlock as x, normalizeProps as D, mergeProps as E, createVNode as C, createCommentVNode as d } from "vue";
+import { defineComponent as d, getCurrentInstance as v, computed as s, openBlock as a, createElementBlock as l, normalizeClass as c, unref as t, createElementVNode as k, renderSlot as i, createBlock as z, normalizeProps as x, mergeProps as C, createVNode as E, createCommentVNode as u } from "vue";
 import { VftIcon as V } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as h, renderTNode as w, VNode as F } from "@vft/utils";
-import { addUnit as $ } from "../../utils/helper.js";
+import { singleAttrToObj as D, renderTNode as $, VNode as b } from "@vft/utils";
+import { addUnit as h } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as b } from "../../hooks/use-namespace/index.js";
+import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import B from "../../locale/use-locale.js";
 import { EmptyEnum as e } from "./constants.js";
-const I = p({
+const B = d({
   name: "vft-empty"
-}), Q = /* @__PURE__ */ p({
-  ...I,
+}), J = /* @__PURE__ */ d({
+  ...B,
   props: {
     icon: {},
     type: { default: () => e.NoData },
     size: { default: "default" },
     desc: {}
   },
-  setup(n) {
-    const r = b("empty"), f = k(), { t } = B(), y = /* @__PURE__ */ new Map([
+  setup(o) {
+    const n = w("empty"), p = v(), f = /* @__PURE__ */ new Map([
       [
         e.NotFound,
         {
-          text: t("vft.empty.notFound")
+          text: "页面不存在"
         }
       ],
       [
         e.Delete,
         {
-          text: t("vft.empty.deleted")
+          text: "已删除"
         }
       ],
       [
         e.NetworkDisconnect,
         {
-          text: t("vft.empty.networkDisconnect")
+          text: "网络已断开"
         }
       ],
       [
         e.NoData,
         {
-          text: t("vft.empty.noData")
+          text: "暂无数据"
         }
       ],
       [
         e.PageError,
         {
-          text: t("vft.empty.pageError")
+          text: "系统异常"
         }
       ],
       [
         e.NoFilter,
         {
-          text: t("vft.empty.noFilter")
+          text: "此筛选条件下无结果"
         }
       ],
       [
         e.NoSearch,
         {
-          text: t("vft.empty.noSearch")
+          text: "没有搜索结果"
         }
       ]
-    ]), v = s(() => y.get(n.type)), N = s(() => {
-      switch (n.size) {
+    ]), N = s(() => f.get(o.type)), g = s(() => {
+      switch (o.size) {
         case "large":
           return 120;
         case "default":
@@ -74,37 +73,37 @@ const I = p({
         case "small":
           return 60;
         default:
-          return n.size || 80;
+          return o.size || 80;
       }
-    }), g = s(() => h(n.icon, "icon", {
-      size: $(N.value),
-      icon: n.type
-    })), i = s(
-      () => w(f, "desc", { defaultNode: v.value?.text })
+    }), y = s(() => D(o.icon, "icon", {
+      size: h(g.value),
+      icon: o.type
+    })), m = s(
+      () => $(p, "desc", { defaultNode: N.value?.text })
     );
-    return (a, P) => (m(), l("div", {
-      class: c([o(r).b()])
+    return (r, I) => (a(), l("div", {
+      class: c([t(n).b()])
     }, [
-      z("div", {
-        class: c(o(r).e("image"))
+      k("div", {
+        class: c(t(n).e("image"))
       }, [
-        a.$slots.img ? u(a.$slots, "img", { key: 0 }) : (m(), x(o(V), D(E({ key: 1 }, g.value)), null, 16))
+        r.$slots.img ? i(r.$slots, "img", { key: 0 }) : (a(), z(t(V), x(C({ key: 1 }, y.value)), null, 16))
       ], 2),
-      i.value ? (m(), l("span", {
+      m.value ? (a(), l("span", {
         key: 0,
-        class: c(o(r).e("desc"))
+        class: c(t(n).e("desc"))
       }, [
-        C(o(F), { content: i.value }, null, 8, ["content"])
-      ], 2)) : d("", !0),
-      a.$slots.default ? (m(), l("div", {
+        E(t(b), { content: m.value }, null, 8, ["content"])
+      ], 2)) : u("", !0),
+      r.$slots.default ? (a(), l("div", {
         key: 1,
-        class: c(o(r).e("bottom"))
+        class: c(t(n).e("bottom"))
       }, [
-        u(a.$slots, "default")
-      ], 2)) : d("", !0)
+        i(r.$slots, "default")
+      ], 2)) : u("", !0)
     ], 2));
   }
 });
 export {
-  Q as default
+  J as default
 };

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

@@ -1,21 +1,20 @@
-import { defineComponent as r, openBlock as p, createBlock as m, unref as o, mergeProps as a } from "vue";
-import { useFullscreen as u } from "@vft/use";
-import { delObjAttrNotExist as f } from "@vft/utils";
-import { VftIconText as x } from "../icon-text/index.js";
+import { defineComponent as r, openBlock as p, createBlock as s, 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 "../config-provider/hooks/use-global-config.js";
 import { primaryColor as d } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as x } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import v from "../../locale/use-locale.js";
-const y = r({
+const _ = r({
   name: "full-screen"
-}), A = /* @__PURE__ */ r({
-  ...y,
+}), z = /* @__PURE__ */ r({
+  ..._,
   props: {
     text: {},
     icon: {},
@@ -33,18 +32,18 @@ const y = r({
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(n) {
-    const l = n, c = _("full-screen"), { t: e } = v(), { toggle: i, isFullscreen: t } = u(), s = d().value;
-    return (B, C) => (p(), m(o(x), a({
-      class: o(c).b(),
+  setup(t) {
+    const n = t, l = x("full-screen"), { toggle: i, isFullscreen: e } = a(), c = d().value;
+    return (y, B) => (p(), s(o(f), m({
+      class: o(l).b(),
       distance: 2,
-      "hover-color": o(s),
+      "hover-color": o(c),
       onClick: o(i),
-      icon: o(t) ? "icon-exit-full-screen" : "icon-full-screen",
-      text: o(t) ? o(e)("vft.fullScreen.exit") : o(e)("vft.fullScreen.enter")
-    }, o(f)(l, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+      icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
+      text: o(e) ? "退出全屏" : "全屏"
+    }, o(u)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  A as default
+  z as default
 };

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

@@ -1,21 +1,20 @@
-import { defineComponent as T, useAttrs as G, ref as o, computed as d, watch as J, onMounted as Q, openBlock as s, createElementBlock as f, normalizeStyle as U, normalizeClass as y, unref as l, mergeProps as X, createCommentVNode as u, renderSlot as k, createElementVNode as V, toDisplayString as Z, Fragment as _, createBlock as ee, withCtx as te, nextTick as le } from "vue";
-import { useAttrs as ae } from "@vft/use";
-import { isInContainer as ie, isElement as ne, isString as re, getScrollContainer as oe } from "@vft/utils";
-import { VftImageViewer as se } from "../image-viewer/index.js";
-import { isClient as v, useThrottleFn as ue, useEventListener as A } from "@vueuse/core";
+import { defineComponent as T, useAttrs as W, ref as o, computed as d, watch as G, onMounted as J, openBlock as s, createElementBlock as f, normalizeStyle as Q, normalizeClass as y, unref as l, mergeProps as U, createCommentVNode as u, renderSlot as k, createElementVNode as A, Fragment as X, createBlock as Z, withCtx as _, nextTick as ee } from "vue";
+import { useAttrs as te } from "@vft/use";
+import { isInContainer as le, isElement as ne, isString as ae, getScrollContainer as ie } from "@vft/utils";
+import { VftImageViewer as re } from "../image-viewer/index.js";
+import { isClient as v, useThrottleFn as oe, useEventListener as V } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
+import { useNamespace as se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import de from "../../locale/use-locale.js";
-const fe = ["src", "loading"], ve = { key: 0 }, me = T({
+const ue = ["src", "loading"], ce = { key: 0 }, de = T({
   name: "vft-image",
   inheritAttrs: !1
-}), Ve = /* @__PURE__ */ T({
-  ...me,
+}), Ie = /* @__PURE__ */ T({
+  ...de,
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
     src: { default: "" },
@@ -32,37 +31,37 @@ const fe = ["src", "loading"], ve = { key: 0 }, me = T({
   },
   emits: ["load", "error", "switch", "close", "show"],
   setup(e, { expose: $, emit: b }) {
-    const c = b, n = ce("image"), { t: M } = de();
+    const c = b, i = se("image");
     let C = "";
-    const O = G(), F = ae(), w = o(), r = o(!1), a = o(!0), h = o(!1), m = o(), i = o(), H = v && "loading" in HTMLImageElement.prototype;
-    let p, z;
-    const D = d(() => O.style), N = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), P = d(() => {
+    const M = W(), O = te(), w = o(), r = o(!1), n = o(!0), h = o(!1), m = o(), a = o(), H = v && "loading" in HTMLImageElement.prototype;
+    let z, p;
+    const F = d(() => M.style), N = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), P = d(() => {
       let t = e.initialIndex;
       return e.initialIndex > e.previewSrcList.length - 1 && (t = 0), t;
     }), S = d(() => e.loading === "eager" ? !1 : !H && e.loading === "lazy" || e.lazy), L = () => {
-      v && (a.value = !0, r.value = !1, w.value = e.src);
+      v && (n.value = !0, r.value = !1, w.value = e.src);
     };
-    function Y(t) {
-      a.value = !1, r.value = !1, c("load", t);
+    function D(t) {
+      n.value = !1, r.value = !1, c("load", t);
     }
-    function j(t) {
-      a.value = !1, r.value = !0, c("error", t);
+    function Y(t) {
+      n.value = !1, r.value = !0, c("error", t);
     }
     function I() {
-      ie(m.value, i.value) && (L(), B());
+      le(m.value, a.value) && (L(), B());
     }
-    const x = ue(I, 200);
+    const x = oe(I, 200);
     async function E() {
-      v && (await le(), ne(e.scrollContainer) ? i.value = e.scrollContainer : re(e.scrollContainer) && e.scrollContainer !== "" ? i.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (i.value = oe(m.value)), i.value && (p = A(
-        i,
+      v && (await ee(), ne(e.scrollContainer) ? a.value = e.scrollContainer : ae(e.scrollContainer) && e.scrollContainer !== "" ? a.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (a.value = ie(m.value)), a.value && (z = V(
+        a,
         "scroll",
         x
       ), setTimeout(() => I(), 100)));
     }
     function B() {
-      !v || !i.value || !x || (p?.(), i.value = void 0);
+      !v || !a.value || !x || (z?.(), a.value = void 0);
     }
-    function q(t) {
+    function j(t) {
       if (t.ctrlKey) {
         if (t.deltaY < 0)
           return t.preventDefault(), !1;
@@ -70,62 +69,62 @@ const fe = ["src", "loading"], ve = { key: 0 }, me = T({
           return t.preventDefault(), !1;
       }
     }
-    function K() {
-      g.value && (z = A("wheel", q, {
+    function q() {
+      g.value && (p = V("wheel", j, {
         passive: !1
       }), C = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
     }
-    function R() {
-      z?.(), document.body.style.overflow = C, h.value = !1, c("close");
+    function K() {
+      p?.(), document.body.style.overflow = C, h.value = !1, c("close");
     }
-    function W(t) {
+    function R(t) {
       c("switch", t);
     }
-    return J(
+    return G(
       () => e.src,
       () => {
-        S.value ? (a.value = !0, r.value = !1, B(), E()) : L();
+        S.value ? (n.value = !0, r.value = !1, B(), E()) : L();
       }
-    ), Q(() => {
+    ), J(() => {
       S.value ? E() : L();
     }), $({
-      isLoading: a
-    }), (t, ye) => (s(), f("div", {
+      isLoading: n
+    }), (t, fe) => (s(), f("div", {
       ref_key: "container",
       ref: m,
-      class: y([l(n).b(), t.$attrs.class]),
-      style: U(D.value)
+      class: y([l(i).b(), t.$attrs.class]),
+      style: Q(F.value)
     }, [
-      w.value !== void 0 && !r.value ? (s(), f("img", X({ key: 0 }, l(F), {
+      w.value !== void 0 && !r.value ? (s(), f("img", U({ key: 0 }, l(O), {
         src: w.value,
         loading: e.loading,
         style: N.value,
         class: [
-          l(n).e("inner"),
-          g.value && l(n).e("preview"),
-          a.value && l(n).is("loading")
+          l(i).e("inner"),
+          g.value && l(i).e("preview"),
+          n.value && l(i).is("loading")
         ],
-        onClick: K,
-        onLoad: Y,
-        onError: j,
+        onClick: q,
+        onLoad: D,
+        onError: Y,
         alt: ""
-      }), null, 16, fe)) : u("", !0),
-      a.value || r.value ? (s(), f("div", {
+      }), null, 16, ue)) : u("", !0),
+      n.value || r.value ? (s(), f("div", {
         key: 1,
-        class: y(l(n).e("wrapper"))
+        class: y(l(i).e("wrapper"))
       }, [
-        a.value ? k(t.$slots, "placeholder", { key: 0 }, () => [
-          V("div", {
-            class: y(l(n).e("placeholder"))
+        n.value ? k(t.$slots, "placeholder", { key: 0 }, () => [
+          A("div", {
+            class: y(l(i).e("placeholder"))
           }, null, 2)
         ]) : r.value ? k(t.$slots, "error", { key: 1 }, () => [
-          V("div", {
-            class: y(l(n).e("error"))
-          }, Z(l(M)("vft.imageViewer.loadFailed")), 3)
+          A("div", {
+            class: y(l(i).e("error"))
+          }, "加载失败", 2)
         ]) : u("", !0)
       ], 2)) : u("", !0),
-      g.value ? (s(), f(_, { key: 2 }, [
-        h.value ? (s(), ee(l(se), {
+      g.value ? (s(), f(X, { key: 2 }, [
+        h.value ? (s(), Z(l(re), {
           key: 0,
           "z-index": e.zIndex,
           "initial-index": P.value,
@@ -135,11 +134,11 @@ const fe = ["src", "loading"], ve = { key: 0 }, me = T({
           "hide-on-click-modal": e.hideOnClickModal,
           teleported: e.previewTeleported,
           "close-on-press-escape": e.closeOnPressEscape,
-          onClose: R,
-          onSwitch: W
+          onClose: K,
+          onSwitch: R
         }, {
-          default: te(() => [
-            t.$slots.viewer ? (s(), f("div", ve, [
+          default: _(() => [
+            t.$slots.viewer ? (s(), f("div", ce, [
               k(t.$slots, "viewer")
             ])) : u("", !0)
           ]),
@@ -150,5 +149,5 @@ const fe = ["src", "loading"], ve = { key: 0 }, me = T({
   }
 });
 export {
-  Ve as default
+  Ie as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as h, effectScope as oe, computed as w, watch as D, nextTick as ae, onMounted as ie, openBlock as z, createBlock as se, unref as e, withCtx as R, createVNode as d, Transition as re, createElementVNode as c, normalizeStyle as S, normalizeClass as r, withModifiers as le, createElementBlock as E, Fragment as H, createCommentVNode as ce, renderList as ue, withDirectives as fe, vShow as de, renderSlot as me } from "vue";
+import { defineComponent as A, ref as h, effectScope as ne, computed as w, watch as R, nextTick as oe, onMounted as ae, openBlock as z, createBlock as ie, unref as e, withCtx as S, createVNode as d, Transition as se, createElementVNode as c, normalizeStyle as V, normalizeClass as r, withModifiers as re, createElementBlock as E, Fragment as H, createCommentVNode as le, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
 import { EVENT_CODE as p } from "@vft/constants";
 import { isNumber as Z } from "@vft/utils";
 import { VftIcon as v } from "../icon/index.js";
@@ -6,16 +6,15 @@ import { useEventListener as y } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import { throttle as T } from "lodash-es";
 import "../form/index.js";
-import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
-import { useZIndex as ge } from "../../hooks/use-z-index/index.js";
-import ke from "../../locale/use-locale.js";
-import { VftTeleport as be } from "../teleport/index.js";
-const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
+import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
+import { VftTeleport as ge } from "../teleport/index.js";
+const ke = ["src", "referrerpolicy", "crossorigin"], be = A({
   name: "vft-image-viewer"
-}), Ne = /* @__PURE__ */ A({
-  ...pe,
+}), Ye = /* @__PURE__ */ A({
+  ...be,
   props: {
     urlList: { default: () => [] },
     zIndex: {},
@@ -33,13 +32,13 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
     switch: (t) => Z(t)
   },
   setup(t, { expose: P, emit: W }) {
-    const $ = W, i = ve("image-viewer"), { nextZIndex: j } = ge(), { t: q } = ke(), I = h(), X = h([]), Y = oe(), k = h(!0), m = h(t.initialIndex), s = h({
+    const $ = W, i = me("image-viewer"), { nextZIndex: j } = ve(), I = h(), X = h([]), Y = ne(), k = h(!0), m = h(t.initialIndex), s = h({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), G = w(() => t.urlList.length <= 1), O = w(() => m.value === 0), M = w(() => m.value === t.urlList.length - 1), J = w(() => t.urlList[m.value]), K = w(() => {
+    }), q = w(() => t.urlList.length <= 1), O = w(() => m.value === 0), M = w(() => m.value === t.urlList.length - 1), G = w(() => t.urlList[m.value]), J = w(() => {
       const { scale: o, deg: n, offsetX: a, offsetY: l, enableTransition: x } = s.value;
       let u = a / o, f = l / o;
       switch (n % 360) {
@@ -61,11 +60,11 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
         transition: x ? "transform .3s" : ""
       };
       return b.maxWidth = b.maxHeight = "100%", b;
-    }), Q = w(() => Z(t.zIndex) ? t.zIndex : j());
+    }), K = w(() => Z(t.zIndex) ? t.zIndex : j());
     function C() {
-      _(), $("close");
+      U(), $("close");
     }
-    function U() {
+    function Q() {
       const o = T((a) => {
         switch (a.code) {
           // ESC
@@ -78,7 +77,7 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
             break;
           // LEFT_ARROW
           case p.left:
-            F();
+            D();
             break;
           // UP_ARROW
           case p.up:
@@ -86,7 +85,7 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
             break;
           // RIGHT_ARROW
           case p.right:
-            V();
+            F();
             break;
           // DOWN_ARROW
           case p.down:
@@ -104,16 +103,16 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
         y(document, "keydown", o), y(document, "wheel", n);
       });
     }
-    function _() {
+    function U() {
       Y.stop();
     }
-    function ee() {
+    function _() {
       k.value = !1;
     }
-    function te(o) {
-      k.value = !1, o.target.alt = q("vft.imageViewer.loadFailed");
+    function ee(o) {
+      k.value = !1, o.target.alt = "加载失败";
     }
-    function ne(o) {
+    function te(o) {
       if (k.value || o.button !== 0 || !I.value) return;
       s.value.enableTransition = !1;
       const { offsetX: n, offsetY: a } = s.value, l = o.pageX, x = o.pageY, u = T((b) => {
@@ -143,10 +142,10 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
       const n = t.urlList.length;
       m.value = (o + n) % n;
     }
-    function F() {
+    function D() {
       O.value && !t.infinite || L(m.value - 1);
     }
-    function V() {
+    function F() {
       M.value && !t.infinite || L(m.value + 1);
     }
     function g(o, n = {}) {
@@ -176,37 +175,37 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
       }
       s.value.enableTransition = l;
     }
-    return D(J, () => {
-      ae(() => {
+    return R(G, () => {
+      oe(() => {
         X.value[0]?.complete || (k.value = !0);
       });
-    }), D(m, (o) => {
+    }), R(m, (o) => {
       N(), $("switch", o);
-    }), ie(() => {
-      U(), I.value?.focus?.();
+    }), ae(() => {
+      Q(), I.value?.focus?.();
     }), P({
       /** @description manually switch image */
       setActiveItem: L
-    }), (o, n) => (z(), se(e(be), {
+    }), (o, n) => (z(), ie(e(ge), {
       to: "body",
       disabled: !t.teleported
     }, {
-      default: R(() => [
-        d(re, {
+      default: S(() => [
+        d(se, {
           name: "viewer-fade",
           appear: ""
         }, {
-          default: R(() => [
+          default: S(() => [
             c("div", {
               ref_key: "wrapper",
               ref: I,
               tabindex: -1,
               class: r(e(i).e("wrapper")),
-              style: S({ zIndex: Q.value })
+              style: V({ zIndex: K.value })
             }, [
               c("div", {
                 class: r(e(i).e("mask")),
-                onClick: n[0] || (n[0] = le((a) => t.hideOnClickModal && C(), ["self"]))
+                onClick: n[0] || (n[0] = re((a) => t.hideOnClickModal && C(), ["self"]))
               }, null, 2),
               c("span", {
                 class: r([e(i).e("btn"), e(i).e("close")]),
@@ -214,14 +213,14 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
               }, [
                 d(e(v), { icon: "icon-close" })
               ], 2),
-              G.value ? ce("", !0) : (z(), E(H, { key: 0 }, [
+              q.value ? le("", !0) : (z(), E(H, { key: 0 }, [
                 c("span", {
                   class: r([
                     e(i).e("btn"),
                     e(i).e("prev"),
                     e(i).is("disabled", !t.infinite && O.value)
                   ]),
-                  onClick: F
+                  onClick: D
                 }, [
                   d(e(v), { icon: "icon-arrow-left" })
                 ], 2),
@@ -231,7 +230,7 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
                     e(i).e("next"),
                     e(i).is("disabled", !t.infinite && M.value)
                   ]),
-                  onClick: V
+                  onClick: F
                 }, [
                   d(e(v), { icon: "icon-arrow-right" })
                 ], 2)
@@ -273,23 +272,23 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
               c("div", {
                 class: r(e(i).e("canvas"))
               }, [
-                (z(!0), E(H, null, ue(t.urlList, (a, l) => fe((z(), E("img", {
+                (z(!0), E(H, null, ce(t.urlList, (a, l) => ue((z(), E("img", {
                   ref_for: !0,
                   ref: (x) => X.value[l] = x,
                   key: a,
                   src: a,
-                  style: S(K.value),
+                  style: V(J.value),
                   class: r(e(i).e("img")),
                   referrerpolicy: t.referrerpolicy,
                   crossorigin: t.crossorigin,
-                  onLoad: ee,
-                  onError: te,
-                  onMousedown: ne
-                }, null, 46, we)), [
-                  [de, l === m.value]
+                  onLoad: _,
+                  onError: ee,
+                  onMousedown: te
+                }, null, 46, ke)), [
+                  [fe, l === m.value]
                 ])), 128))
               ], 2),
-              me(o.$slots, "default")
+              de(o.$slots, "default")
             ], 6)
           ]),
           _: 3
@@ -300,5 +299,5 @@ const we = ["src", "referrerpolicy", "crossorigin"], pe = A({
   }
 });
 export {
-  Ne as default
+  Ye as default
 };