vft 0.0.149 → 0.0.151

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

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

package/es/components/image-viewer/index.d.ts

@@ -1,130 +1,5 @@
 export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            style?: unknown;
-            readonly zIndex?: number | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onClose?: (() => any) | undefined;
-            readonly infinite?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
-            readonly urlList?: string[] | undefined;
-            readonly initialIndex?: number | undefined;
-            readonly hideOnClickModal?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
-            readonly zoomRate?: number | undefined;
-            onSwitch?: ((index: number) => any) | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "switch", index: number) => void) & ((event: "close") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            urlList: {
-                type: globalThis.PropType<string[]>;
-            };
-            zIndex: {
-                type: globalThis.PropType<number>;
-            };
-            initialIndex: {
-                type: globalThis.PropType<number>;
-            };
-            infinite: {
-                type: globalThis.PropType<boolean>;
-            };
-            hideOnClickModal: {
-                type: globalThis.PropType<boolean>;
-            };
-            teleported: {
-                type: globalThis.PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: globalThis.PropType<boolean>;
-            };
-            zoomRate: {
-                type: globalThis.PropType<number>;
-            };
-        }>> & {
-            onClose?: (() => any) | undefined;
-            onSwitch?: ((index: number) => any) | undefined;
-        }, {
-            setActiveItem: (index: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            switch: (index: number) => void;
-            close: () => void;
-        }, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<globalThis.ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
         urlList: {
             type: globalThis.PropType<string[]>;
         };
@@ -152,9 +27,77 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
     }>> & {
         onClose?: (() => any) | undefined;
         onSwitch?: ((index: number) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         setActiveItem: (index: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        switch: (index: number) => void;
+        close: () => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        urlList: {
+            type: globalThis.PropType<string[]>;
+        };
+        zIndex: {
+            type: globalThis.PropType<number>;
+        };
+        initialIndex: {
+            type: globalThis.PropType<number>;
+        };
+        infinite: {
+            type: globalThis.PropType<boolean>;
+        };
+        hideOnClickModal: {
+            type: globalThis.PropType<boolean>;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        closeOnPressEscape: {
+            type: globalThis.PropType<boolean>;
+        };
+        zoomRate: {
+            type: globalThis.PropType<number>;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onSwitch?: ((index: number) => any) | undefined;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        urlList: {
+            type: globalThis.PropType<string[]>;
+        };
+        zIndex: {
+            type: globalThis.PropType<number>;
+        };
+        initialIndex: {
+            type: globalThis.PropType<number>;
+        };
+        infinite: {
+            type: globalThis.PropType<boolean>;
+        };
+        hideOnClickModal: {
+            type: globalThis.PropType<boolean>;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        closeOnPressEscape: {
+            type: globalThis.PropType<boolean>;
+        };
+        zoomRate: {
+            type: globalThis.PropType<number>;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onSwitch?: ((index: number) => any) | undefined;
+    }, {
+        setActiveItem: (index: number) => void;
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;