vft 0.0.429 → 0.0.430

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

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

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

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

package/es/components/infinite-scroll/index.d.ts

@@ -13,4 +13,4 @@ export declare const VftInfiniteScroll: SFCWithInstall<import("vue").ObjectDirec
         onScroll: () => void;
         observer?: MutationObserver;
     };
-}, () => void, string, string>>;
+}, () => void, string, any>>;