vft 0.0.507 → 0.0.511

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

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

package/es/components/index.d.ts

@@ -96,5 +96,6 @@ export * from './md-vue-playground';
 export * from './infinite-scroll';
 export * from './loading';
 export * from './message';
+export * from './message-box';
 export * from './progress-i';
 export * from './super-form';