vft 0.0.509 → 0.0.513

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as p, computed as P, createElementBlock as n, openBlock as t, Fragment as m, renderList as _, withDirectives as g, createCommentVNode as k, createBlock as v, vShow as L } from "vue";
+import { defineComponent as c, ref as p, computed as P, openBlock as t, createElementBlock as n, Fragment as m, renderList as _, withDirectives as g, createBlock as k, vShow as v, createCommentVNode as L } from "vue";
 import y from "./iframe-page.vue2.js";
 const B = c({
   name: "vft-iframe-layout"
@@ -19,7 +19,7 @@ const B = c({
     }), (a, f) => (t(!0), n(m, null, _(o.iframePages, (e, h) => (t(), n(m, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc && e.meta.loaded ? g((t(), v(y, {
+      e.meta.frameSrc && e.meta.loaded ? g((t(), k(y, {
         key: 0,
         ref_for: !0,
         ref_key: "iframePageRef",
@@ -27,8 +27,8 @@ const B = c({
         onLoaded: (S) => s(e, h),
         "frame-src": e.meta.frameSrc
       }, null, 8, ["onLoaded", "frame-src"])), [
-        [L, e.fullPath === (o.currentPath || a.$route.fullPath)]
-      ]) : k("", !0)
+        [v, e.fullPath === (o.currentPath || a.$route.fullPath)]
+      ]) : L("", !0)
     ], 64))), 128));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, ref as a, onMounted as u, nextTick as t, createElementBlock as w, openBlock as _, normalizeClass as v, unref as g } from "vue";
+import { defineComponent as n, ref as a, onMounted as u, nextTick as t, openBlock as w, createElementBlock as _, normalizeClass as v, unref as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -35,7 +35,7 @@ const h = ["src"], k = n({
       });
     }), s({
       isLoading: o
-    }), (d, x) => (_(), w("iframe", {
+    }), (d, x) => (w(), _("iframe", {
       ref_key: "iframeRef",
       ref: e,
       sandbox: "allow-scripts allow-storage-access-by-user-activation allow-presentation allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-downloads allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",

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, createElementBlock as f, openBlock as s, normalizeStyle as U, normalizeClass as y, unref as l, createCommentVNode as u, mergeProps as X, 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 { useLocale as 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, createBlock as se, openBlock as z, unref as e, withCtx as R, createVNode as d, Transition as re, createElementVNode as c, normalizeStyle as S, normalizeClass as r, createElementBlock as E, createCommentVNode as le, renderSlot as ce, withModifiers as ue, Fragment as H, renderList as fe, withDirectives as de, vShow 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 { useLocale as 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] = ue((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 ? le("", !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, fe(t.urlList, (a, l) => de((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)), [
-                  [me, l === m.value]
+                  onLoad: _,
+                  onError: ee,
+                  onMousedown: te
+                }, null, 46, ke)), [
+                  [fe, l === m.value]
                 ])), 128))
               ], 2),
-              ce(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
 };

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';