vft 0.0.89 → 0.0.91

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

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

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

@@ -1,23 +1,23 @@
-import { defineComponent as Z, ref as h, effectScope as ee, computed as p, watch as R, nextTick as te, onMounted as ne, openBlock as z, createBlock as oe, Teleport as ae, createVNode as d, Transition as se, withCtx as ie, createElementVNode as c, normalizeClass as l, unref as e, normalizeStyle as S, withModifiers as le, createElementBlock as E, Fragment as V, createCommentVNode as re, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
-import { isNumber as H, useEventListener as I } from "@vueuse/core";
+import { defineComponent as Z, ref as z, effectScope as ee, computed as g, 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 { isNumber as H } from "@vft/utils";
 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 "@vft/utils";
 import "../../utils/ns-cover.js";
 import { EVENT_CODE as w } from "@vft/constants";
 import { VftIcon as v } from "../icon/index.js";
-const ke = ["src"], s = (
+const pe = ["src"], a = (
   /* hoist-static*/
   me("image-viewer")
-), be = Z({
-  name: s.b()
+), ke = Z({
+  name: a.b()
 }), Ee = /* @__PURE__ */ Z({
-  ...be,
+  ...ke,
   props: {
     urlList: { default: [] },
-    zIndex: null,
+    zIndex: {},
     initialIndex: { default: 0 },
     infinite: { type: Boolean, default: !0 },
     hideOnClickModal: { type: Boolean, default: !1 },
@@ -27,19 +27,19 @@ const ke = ["src"], s = (
   },
   emits: {
     close: () => !0,
-    switch: (o) => H(o)
+    switch: (s) => H(s)
   },
-  setup(o, { expose: A, emit: X }) {
-    const { nextZIndex: P } = ve(), C = h(), Y = h([]), O = ee(), b = h(!0), m = h(o.initialIndex), i = h({
+  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({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), W = p(() => o.urlList.length <= 1), $ = p(() => m.value === 0), M = p(() => m.value === o.urlList.length - 1), j = p(() => o.urlList[m.value]), q = p(() => {
-      const { scale: t, deg: n, offsetX: a, offsetY: r, enableTransition: x } = i.value;
-      let u = a / t, f = r / t;
-      switch (n % 360) {
+    }), W = g(() => s.urlList.length <= 1), $ = g(() => m.value === 0), M = g(() => m.value === s.urlList.length - 1), j = g(() => s.urlList[m.value]), q = g(() => {
+      const { scale: e, deg: t, offsetX: o, offsetY: r, enableTransition: h } = l.value;
+      let u = o / e, f = r / e;
+      switch (t % 360) {
         case 90:
         case -270:
           [u, f] = [f, -u];
@@ -53,20 +53,20 @@ const ke = ["src"], s = (
           [u, f] = [-f, u];
           break;
       }
-      const g = {
-        transform: `scale(${t}) rotate(${n}deg) translate(${u}px, ${f}px)`,
-        transition: x ? "transform .3s" : ""
+      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 = p(() => H(o.zIndex) ? o.zIndex : P());
+      return b.maxWidth = b.maxHeight = "100%", b;
+    }), G = g(() => H(s.zIndex) ? s.zIndex : P());
     function y() {
       K(), X("close");
     }
     function J() {
-      const t = T((a) => {
-        switch (a.code) {
+      const e = T((o) => {
+        switch (o.code) {
           case w.esc:
-            o.closeOnPressEscape && y();
+            s.closeOnPressEscape && y();
             break;
           case w.space:
             B();
@@ -75,52 +75,52 @@ const ke = ["src"], s = (
             D();
             break;
           case w.up:
-            k("zoomIn");
+            p("zoomIn");
             break;
           case w.right:
             F();
             break;
           case w.down:
-            k("zoomOut");
+            p("zoomOut");
             break;
         }
-      }), n = T((a) => {
-        const r = a.deltaY || a.deltaX;
-        k(r < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: o.zoomRate,
+      }), t = T((o) => {
+        const r = o.deltaY || o.deltaX;
+        p(r < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: s.zoomRate,
           enableTransition: !1
         });
       });
       O.run(() => {
-        I(document, "keydown", t), I(document, "wheel", n);
+        I(document, "keydown", e), I(document, "wheel", t);
       });
     }
     function K() {
       O.stop();
     }
     function Q() {
-      b.value = !1;
+      k.value = !1;
     }
-    function U(t) {
-      b.value = !1, t.target.alt = "加载失败";
+    function U(e) {
+      k.value = !1, e.target.alt = "加载失败";
     }
-    function _(t) {
-      if (b.value || t.button !== 0 || !C.value)
+    function _(e) {
+      if (k.value || e.button !== 0 || !C.value)
         return;
-      i.value.enableTransition = !1;
-      const { offsetX: n, offsetY: a } = i.value, r = t.pageX, x = t.pageY, u = T((g) => {
-        i.value = {
-          ...i.value,
-          offsetX: n + g.pageX - r,
-          offsetY: a + g.pageY - x
+      l.value.enableTransition = !1;
+      const { offsetX: t, offsetY: o } = l.value, r = e.pageX, h = e.pageY, u = T((b) => {
+        l.value = {
+          ...l.value,
+          offsetX: t + b.pageX - r,
+          offsetY: o + b.pageY - h
         };
       }), f = I(document, "mousemove", u);
       I(document, "mouseup", () => {
         f();
-      }), t.preventDefault();
+      }), e.preventDefault();
     }
     function N() {
-      i.value = {
+      l.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -129,159 +129,159 @@ const ke = ["src"], s = (
       };
     }
     function B() {
-      b.value || N();
+      k.value || N();
     }
-    function L(t) {
-      const n = o.urlList.length;
-      m.value = (t + n) % n;
+    function L(e) {
+      const t = s.urlList.length;
+      m.value = (e + t) % t;
     }
     function D() {
-      $.value && !o.infinite || L(m.value - 1);
+      $.value && !s.infinite || L(m.value - 1);
     }
     function F() {
-      M.value && !o.infinite || L(m.value + 1);
+      M.value && !s.infinite || L(m.value + 1);
     }
-    function k(t, n = {}) {
-      if (b.value)
+    function p(e, t = {}) {
+      if (k.value)
         return;
-      const { rotateDeg: a, enableTransition: r } = {
+      const { rotateDeg: o, enableTransition: r } = {
         rotateDeg: 90,
         enableTransition: !0,
-        ...n
+        ...t
       };
-      switch (t) {
+      switch (e) {
         case "zoomOut":
-          i.value.scale > 0.2 && (i.value.scale = Number.parseFloat(
-            (i.value.scale / o.zoomRate).toFixed(3)
+          l.value.scale > 0.2 && (l.value.scale = Number.parseFloat(
+            (l.value.scale / s.zoomRate).toFixed(3)
           ));
           break;
         case "zoomIn":
-          i.value.scale < 7 && (i.value.scale = Number.parseFloat(
-            (i.value.scale * o.zoomRate).toFixed(3)
+          l.value.scale < 7 && (l.value.scale = Number.parseFloat(
+            (l.value.scale * s.zoomRate).toFixed(3)
           ));
           break;
         case "clockwise":
-          i.value.deg += a;
+          l.value.deg += o;
           break;
         case "anticlockwise":
-          i.value.deg -= a;
+          l.value.deg -= o;
           break;
       }
-      i.value.enableTransition = r;
+      l.value.enableTransition = r;
     }
     return R(j, () => {
       te(() => {
-        const t = Y.value[0];
-        t != null && t.complete || (b.value = !0);
+        const e = Y.value[0];
+        e != null && e.complete || (k.value = !0);
       });
-    }), R(m, (t) => {
-      N(), X("switch", t);
+    }), R(m, (e) => {
+      N(), X("switch", e);
     }), ne(() => {
-      var t, n;
-      J(), (n = (t = C.value) == null ? void 0 : t.focus) == null || n.call(t);
+      var e, t;
+      J(), (t = (e = C.value) == null ? void 0 : e.focus) == null || t.call(e);
     }), A({
       /** @description manually switch image */
       setActiveItem: L
-    }), (t, n) => (z(), oe(ae, {
+    }), (e, t) => (x(), oe(ae, {
       to: "body",
-      disabled: !o.teleported
+      disabled: !e.teleported
     }, [
       d(se, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: ie(() => [
+        default: le(() => [
           c("div", {
             ref_key: "wrapper",
             ref: C,
             tabindex: -1,
-            class: l(e(s).e("wrapper")),
-            style: S({ zIndex: e(G) })
+            class: i(n(a).e("wrapper")),
+            style: S({ zIndex: G.value })
           }, [
             c("div", {
-              class: l(e(s).e("mask")),
-              onClick: n[0] || (n[0] = le((a) => o.hideOnClickModal && y(), ["self"]))
+              class: i(n(a).e("mask")),
+              onClick: t[0] || (t[0] = ie((o) => e.hideOnClickModal && y(), ["self"]))
             }, null, 2),
             c("span", {
-              class: l([e(s).e("btn"), e(s).e("close")]),
+              class: i([n(a).e("btn"), n(a).e("close")]),
               onClick: y
             }, [
-              d(e(v), { icon: "ico-ep:close" })
+              d(n(v), { icon: "ico-ep:close" })
             ], 2),
-            e(W) ? re("", !0) : (z(), E(V, { key: 0 }, [
+            W.value ? re("", !0) : (x(), E(V, { key: 0 }, [
               c("span", {
-                class: l([
-                  e(s).e("btn"),
-                  e(s).e("prev"),
-                  e(s).is("disabled", !o.infinite && e($))
+                class: i([
+                  n(a).e("btn"),
+                  n(a).e("prev"),
+                  n(a).is("disabled", !e.infinite && $.value)
                 ]),
                 onClick: D
               }, [
-                d(e(v), { icon: "ico-ep:arrow-left" })
+                d(n(v), { icon: "ico-ep:arrow-left" })
               ], 2),
               c("span", {
-                class: l([
-                  e(s).e("btn"),
-                  e(s).e("next"),
-                  e(s).is("disabled", !o.infinite && e(M))
+                class: i([
+                  n(a).e("btn"),
+                  n(a).e("next"),
+                  n(a).is("disabled", !e.infinite && M.value)
                 ]),
                 onClick: F
               }, [
-                d(e(v), { icon: "ico-ep:arrow-right" })
+                d(n(v), { icon: "ico-ep:arrow-right" })
               ], 2)
             ], 64)),
             c("div", {
-              class: l([e(s).e("btn"), e(s).e("actions")])
+              class: i([n(a).e("btn"), n(a).e("actions")])
             }, [
               c("div", {
-                class: l(e(s).e("actions__inner"))
+                class: i(n(a).e("actions__inner"))
               }, [
-                d(e(v), {
+                d(n(v), {
                   icon: "ico-ep:zoom-out",
-                  onClick: n[1] || (n[1] = (a) => k("zoomOut"))
+                  onClick: t[1] || (t[1] = (o) => p("zoomOut"))
                 }),
-                d(e(v), {
+                d(n(v), {
                   icon: "ico-ep:zoom-in",
-                  onClick: n[2] || (n[2] = (a) => k("zoomIn"))
+                  onClick: t[2] || (t[2] = (o) => p("zoomIn"))
                 }),
                 c("i", {
-                  class: l(e(s).e("actions__divider"))
+                  class: i(n(a).e("actions__divider"))
                 }, null, 2),
-                d(e(v), {
+                d(n(v), {
                   icon: "ico-ep:scale-to-original",
                   onClick: B
                 }),
                 c("i", {
-                  class: l(e(s).e("actions__divider"))
+                  class: i(n(a).e("actions__divider"))
                 }, null, 2),
-                d(e(v), {
+                d(n(v), {
                   icon: "ico-ep:refresh-left",
-                  onClick: n[3] || (n[3] = (a) => k("anticlockwise"))
+                  onClick: t[3] || (t[3] = (o) => p("anticlockwise"))
                 }),
-                d(e(v), {
+                d(n(v), {
                   icon: "ico-ep:refresh-right",
-                  onClick: n[4] || (n[4] = (a) => k("clockwise"))
+                  onClick: t[4] || (t[4] = (o) => p("clockwise"))
                 })
               ], 2)
             ], 2),
             c("div", {
-              class: l(e(s).e("canvas"))
+              class: i(n(a).e("canvas"))
             }, [
-              (z(!0), E(V, null, ce(o.urlList, (a, r) => ue((z(), E("img", {
+              (x(!0), E(V, null, ce(e.urlList, (o, r) => ue((x(), E("img", {
                 ref_for: !0,
-                ref: (x) => Y.value[r] = x,
-                key: a,
-                src: a,
-                style: S(e(q)),
-                class: l(e(s).e("img")),
+                ref: (h) => Y.value[r] = h,
+                key: o,
+                src: o,
+                style: S(q.value),
+                class: i(n(a).e("img")),
                 onLoad: Q,
                 onError: U,
                 onMousedown: _
-              }, null, 46, ke)), [
+              }, null, 46, pe)), [
                 [fe, r === m.value]
               ])), 128))
             ], 2),
-            de(t.$slots, "default")
+            de(e.$slots, "default")
           ], 6)
         ]),
         _: 3