images-viewer-vue3 - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

dist/es/components/index.vue.d.ts

@@ -46,2 +46,6 @@ import { PropType } from 'vue';
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -95,2 +99,6 @@ "on-close": (...args: any[]) => void;
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }>> & {
@@ -103,2 +111,3 @@ "onOn-close"?: ((...args: any[]) => any) | undefined;
     zIndex: number;
+    isDownLoad: boolean;
     current: string;
@@ -105,0 +114,0 @@ from: string;

dist/es/components/index.vue.js

 import o from "./index.vue2.js";
 /* empty css                   */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6806c698"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dfc8a302"]]);
 export {
-  a as default
+  m as default
 };

dist/es/components/index.vue2.js

@@ -1,28 +0,28 @@
-import { defineComponent as de, ref as x, nextTick as ve, watch as fe, onBeforeUnmount as pe, provide as F, openBlock as d, createElementBlock as p, normalizeClass as _, unref as e, createElementVNode as i, toDisplayString as s, createCommentVNode as O, createVNode as I, isRef as ye, withDirectives as Y, withModifiers as he, vShow as q, createBlock as _e, pushScopeId as Ie, popScopeId as ke } from "vue";
-import { useToolbar as we } from "../hooks/toolbar.js";
+import { defineComponent as ve, ref as x, nextTick as fe, watch as pe, onBeforeUnmount as ye, provide as F, openBlock as v, createElementBlock as p, normalizeClass as I, unref as e, createElementVNode as i, toDisplayString as s, createCommentVNode as O, createVNode as w, isRef as he, withDirectives as Y, withModifiers as Ie, vShow as q, createBlock as we, pushScopeId as ke, popScopeId as _e } from "vue";
+import { useToolbar as xe } from "../hooks/toolbar.js";
 import { getUserAgent as k } from "../utils/index.js";
 import { FlipAnimate as $ } from "../utils/flip-animate.js";
-import xe from "./HotKeys.vue.js";
-import Oe from "./Message.vue.js";
-import Ce from "./MobileViewer.vue.js";
-import Se from "./Loading.vue.js";
-import Me from "./ScrollItemNav.vue.js";
-import Re from "./ToolsBar.vue.js";
+import Oe from "./HotKeys.vue.js";
+import Ce from "./Message.vue.js";
+import Se from "./MobileViewer.vue.js";
+import Me from "./Loading.vue.js";
+import Re from "./ScrollItemNav.vue.js";
+import be from "./ToolsBar.vue.js";
 import { useCusShortKey as j } from "../utils/hotkeys.js";
-import { messages as be } from "../langs/index.js";
+import { messages as Be } from "../langs/index.js";
 import { useMouse as ze } from "../hooks/mouse.js";
-import { usePlayer as Be } from "../hooks/player.js";
-const G = (c) => (Ie("data-v-6806c698"), c = c(), ke(), c), Ne = {
+import { usePlayer as Le } from "../hooks/player.js";
+const G = (u) => (ke("data-v-dfc8a302"), u = u(), _e(), u), Ne = {
   key: 0,
   class: "images-viewer-vue3__mobile"
-}, Ae = {
+}, Ve = {
   key: 0,
   class: "cus-head-info"
-}, Pe = /* @__PURE__ */ G(() => /* @__PURE__ */ i("path", { d: "M322.12 353.93L104.61 490.77c-18.45 11.61-18.44 38.51 0.02 50.1l217.51 136.64c19.71 12.38 45.33-1.78 45.33-25.06V378.98c0-23.29-25.64-37.45-45.35-25.05zM94.78 125.02h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5zM929.22 342.34H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 620.66H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 898.98H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5z" }, null, -1)), Ve = [
-  Pe
-], Ee = { class: "image-info" }, Le = {
+}, Ae = /* @__PURE__ */ G(() => /* @__PURE__ */ i("path", { d: "M322.12 353.93L104.61 490.77c-18.45 11.61-18.44 38.51 0.02 50.1l217.51 136.64c19.71 12.38 45.33-1.78 45.33-25.06V378.98c0-23.29-25.64-37.45-45.35-25.05zM94.78 125.02h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5zM929.22 342.34H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 620.66H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 898.98H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5z" }, null, -1)), Pe = [
+  Ae
+], Ee = { class: "image-info" }, De = {
   key: 0,
   style: { "user-select": "text" }
 }, Te = { style: { color: "orange", "text-decoration": "solid" } }, He = {
-  class: /* @__PURE__ */ _(["image-viewer__controls"])
+  class: /* @__PURE__ */ I(["image-viewer__controls"])
 }, Ke = { class: "control-info" }, Ue = /* @__PURE__ */ G(() => /* @__PURE__ */ i("svg", {
@@ -36,5 +36,5 @@ class: "close-icon icon-is-hover svg-icon__action",
   /* @__PURE__ */ i("path", { d: "M236.8 848c-12.8 0-22.4-3.2-32-12.8-16-16-16-44.8 0-60.8l604.8-576c16-16 44.8-16 60.8 0s16 44.8 0 60.8l-604.8 576c-9.6 9.6-19.2 12.8-28.8 12.8z" })
-], -1)), De = [
+], -1)), We = [
   Ue
-], it = /* @__PURE__ */ de({
+], lt = /* @__PURE__ */ ve({
   __name: "index",
@@ -83,66 +83,70 @@ props: {
       default: () => 2e3
+    },
+    isDownLoad: {
+      type: Boolean,
+      default: () => !0
     }
   },
   emits: ["on-close", "on-change", "onUpdate:value"],
-  setup(c, { emit: We }) {
-    const o = c, v = (n = "") => {
-      const t = be[o.language];
+  setup(u, { emit: Xe }) {
+    const o = u, f = (n = "") => {
+      const t = Be[o.language];
       if (t) {
-        const { image: a } = t, u = n.split(".");
-        return a[u[1]] || n;
+        const { image: a } = t, c = n.split(".");
+        return a[c[1]] || n;
       } else
         return console.warn(`[images-viewer-vue3]:The current language '${o.language}' is not supported`), o.language;
     }, {
-      updateImageSrc: f,
+      updateImageSrc: d,
       isMultipleImage: y,
       onWheelListener: b,
-      imageInfo: z,
-      nextImage: B,
-      previousImage: N,
-      destroyedExe: A,
-      resetStyle: P,
+      imageInfo: B,
+      nextImage: z,
+      previousImage: L,
+      destroyedExe: N,
+      resetStyle: V,
       downloads: J,
-      loadImageErrorText: V,
-      loading: E,
+      loadImageErrorText: A,
+      loading: P,
       imageRef: r,
       imageVieverWidgetRef: Q,
-      loadImage: L,
-      errorImage: T,
-      zoomIn: H,
-      zoomOut: K,
-      inevrtY: U,
-      inevrtX: D,
+      loadImage: E,
+      errorImage: D,
+      zoomIn: T,
+      zoomOut: H,
+      inevrtY: K,
+      inevrtX: U,
       clockwise: W,
       counterclockwise: X,
       currentIndex: l
-    } = we(o.images, o.handleChange);
+    } = xe(o.images, o.handleChange);
     ze();
-    const { scrollItemNavRef: ee, playState: te, autoPlay: ne, stopPlay: w, hotKeyAutoPlay: oe } = Be(l, o.images, r, o.handleChange, o.playSpeed), ae = (n) => {
-      w();
+    const { scrollItemNavRef: ee, playState: te, autoPlay: ne, stopPlay: _, hotKeyAutoPlay: oe } = Le(l, o.images, r, o.handleChange, o.playSpeed), ae = (n) => {
+      _();
     }, ie = () => {
-      w(), N();
+      _(), L();
     }, le = () => {
-      w(), B();
+      _(), z();
     }, C = x(""), S = x(!1);
     function m(n, t, a = !0) {
       j({
-        [n]: (u, g) => {
-          t(), M(u, g, a);
+        [n]: (c, g) => {
+          t(), M(c, g, a);
         }
       });
     }
-    m("right", B), m("left", N), m("ctrl+i+y", U), m("ctrl+i+x", D), m("ctrl+c+r", W), m("ctrl+c+l", X), m("ctrl+z", P), m("esc", Z), m("space", oe), j({ "ctrl+*": (n, t) => {
+    m("right", z), m("left", L), m("ctrl+i+y", K), m("ctrl+i+x", U), m("ctrl+c+r", W), m("ctrl+c+l", X), m("ctrl+z", V), m("esc", Z), m("space", oe), j({ "ctrl+*": (n, t) => {
       switch (n.key) {
         case "-":
-          K(n), M(n, t, !0, "ctrl + " + n.key);
+          H(n), M(n, t, !0, "ctrl + " + n.key);
           break;
         case "+":
-          H(n), M(n, t, !0, "ctrl + " + n.key);
+          T(n), M(n, t, !0, "ctrl + " + n.key);
           break;
       }
     } });
-    function M(n, t, a = !1, u = "") {
+    function M(n, t, a = !1, c = "") {
       a && n.preventDefault();
       const { key: g } = t;
-      C.value = u || g, S.value = !0, setTimeout(() => {
+      C.value = c || g, S.value = !0, setTimeout(() => {
         S.value = !1;
@@ -152,14 +156,14 @@ }, 2e3);
     const se = ({ index: n, url: t }) => {
-      l.value = n, f.value = t, o.handleChange({ image: t, index: l.value });
+      l.value = n, d.value = t, o.handleChange({ image: t, index: l.value });
     }, h = x(!1), R = x(!1), re = () => {
       h.value = !h.value;
     };
-    ve(() => {
+    fe(() => {
       if (k()) {
-        f.value = o.current, E.value = !1;
+        d.value = o.current, P.value = !1;
         const n = o.images.findIndex((t) => t === o.current);
         n !== -1 && (l.value = n);
-      } else ce();
+      } else ue();
     });
-    function ce() {
+    function ue() {
       if (r.value)
@@ -172,3 +176,3 @@ if (o.image === void 0)
           const t = o.image.getBoundingClientRect();
-          f.value = r.value.src = o.image.src;
+          d.value = r.value.src = o.image.src;
           const a = r.value.getBoundingClientRect();
@@ -180,6 +184,6 @@ $(r.value, t, a).addEventListener("finish", (g) => {
     }
-    fe(() => l.value, (n, t) => {
-      n && ue();
+    pe(() => l.value, (n, t) => {
+      n && ce();
     });
-    function ue() {
+    function ce() {
       l.value === o.images.length - 1 && (R.value = !0, setTimeout(() => {
@@ -189,49 +193,56 @@ R.value = !1;
     }
-    function me({ evt: n, item: t, index: a }) {
-      if (V.value = "", !!r.value && n.target) {
-        const u = n.target, g = u.getBoundingClientRect();
-        if (Number(u.getAttribute("data-id")) === l.value) return;
-        l.value = t.index, f.value = r.value.src = u.src;
+    function me(n) {
+      if (!r.value) return;
+      const t = o.images[n];
+      d.value = r.value.src = t;
+    }
+    function de({ evt: n, item: t, index: a }) {
+      if (A.value = "", !!r.value && n.target) {
+        const c = n.target, g = c.getBoundingClientRect();
+        if (Number(c.getAttribute("data-id")) === l.value) return;
+        l.value = t.index, d.value = r.value.src = c.src;
         const ge = r.value.getBoundingClientRect();
-        o.handleChange({ image: f.value, index: l.value }), $(r.value, g, ge);
+        o.handleChange({ image: d.value, index: l.value }), $(r.value, g, ge);
       }
     }
     function Z() {
-      A(), o.handleClose(), f.value = "";
+      N(), o.handleClose(), d.value = "";
     }
-    return pe(() => {
-      A();
-    }), F("images", o.images), F("isMultipleImage", y.value), (n, t) => (d(), p("div", {
+    return ye(() => {
+      N();
+    }), F("images", o.images), F("isMultipleImage", y.value), (n, t) => (v(), p("div", {
       ref_key: "imageVieverWidgetRef",
       ref: Q,
-      class: _([
+      class: I([
         "images-viewer-vue3__wrapper",
-        { "is-active": c.visible },
+        { "is-active": u.visible },
         { "nav-scroll-style__wrap": !e(k)() }
       ])
     }, [
-      e(k)() ? (d(), p("div", Ne, [
-        e(y) ? (d(), p("div", Ae, [
-          i("span", null, s(c.images.length) + "  / " + s(e(l) + 1), 1)
+      e(k)() ? (v(), p("div", Ne, [
+        e(y) ? (v(), p("div", Ve, [
+          i("span", null, s(u.images.length) + "  / " + s(e(l) + 1), 1)
         ])) : O("", !0),
-        I(Ce, {
-          currentImage: c.current,
-          activeImage: c.image,
+        w(Se, {
+          currentImage: u.current,
+          activeImage: u.image,
           onOnCb: se
         }, null, 8, ["currentImage", "activeImage"])
-      ])) : (d(), p("div", {
+      ])) : (v(), p("div", {
         key: 1,
-        class: _(["images-viewer-vue3__content", { "active-grid": !h.value }, { "close-grid": !e(y) }])
+        class: I(["images-viewer-vue3__content", { "active-grid": !h.value }, { "close-grid": !e(y) }])
       }, [
-        e(y) ? (d(), p("div", {
+        e(y) ? (v(), p("div", {
           key: 0,
-          class: _(["content-nav__wrapper", { "nav-active": h.value }, { "is-hidden": e(k)() }])
+          class: I(["content-nav__wrapper", { "nav-active": h.value }, { "is-hidden": e(k)() }])
         }, [
-          I(Me, {
+          w(Re, {
             ref_key: "scrollItemNavRef",
             ref: ee,
             modelValue: e(l),
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => ye(l) ? l.value = a : null),
-            onOnClick: me
-          }, null, 8, ["modelValue"])
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => he(l) ? l.value = a : null),
+            maxValue: u.images.length,
+            onOnClick: de,
+            onOnInput: me
+          }, null, 8, ["modelValue", "maxValue"])
         ], 2)) : O("", !0),
@@ -243,15 +254,15 @@ i("div", {
         }, [
-          Y((d(), p("svg", {
-            onClick: he(re, ["stop", "prevent"]),
-            class: _(["icon-is-hover cursor image-collapse-nav__btn svg-icon__action", { "rotate-right__btn": !h.value }, { "is-hidden": e(k)() }]),
+          Y((v(), p("svg", {
+            onClick: Ie(re, ["stop", "prevent"]),
+            class: I(["icon-is-hover cursor image-collapse-nav__btn svg-icon__action", { "rotate-right__btn": !h.value }, { "is-hidden": e(k)() }]),
             viewBox: "0 0 1024 1024"
-          }, Ve, 2)), [
+          }, Pe, 2)), [
             [q, e(y)]
           ]),
           i("ul", Ee, [
-            i("li", null, s(e(z).width) + s(v("image.px")) + " X " + s(e(z).height) + s(v("image.px")), 1)
+            i("li", null, s(e(B).width) + s(f("image.px")) + " X " + s(e(B).height) + s(f("image.px")), 1)
           ]),
-          e(V) ? (d(), p("div", Le, [
-            i("p", Te, s(v("image.loadErrorText")), 1),
-            i("p", null, s(e(f)), 1)
+          e(A) ? (v(), p("div", De, [
+            i("p", Te, s(f("image.loadErrorText")), 1),
+            i("p", null, s(e(d)), 1)
           ])) : O("", !0),
@@ -261,33 +272,34 @@ i("img", {
             ref: r,
-            class: _(["image-viewer__inner cus-transition"]),
+            class: I(["image-viewer__inner cus-transition"]),
             onLoad: t[1] || (t[1] = //@ts-ignore
-            (...a) => e(L) && e(L)(...a)),
+            (...a) => e(E) && e(E)(...a)),
             onError: t[2] || (t[2] = //@ts-ignore
-            (...a) => e(T) && e(T)(...a)),
+            (...a) => e(D) && e(D)(...a)),
             alt: "picture",
             onMouseenter: ae
           }, null, 544),
-          e(E) ? (d(), _e(Se, { key: 1 })) : O("", !0),
+          e(P) ? (v(), we(Me, { key: 1 })) : O("", !0),
           i("div", He, [
             Y(i("div", Ke, [
-              i("span", null, s(v("image.total")) + " " + s(c.images.length) + " " + s(v("image.pictures")) + " ", 1),
-              i("span", null, "/ " + s(v("image.the")) + " " + s(e(l) + 1) + " " + s(v("image.img")) + " ", 1)
+              i("span", null, s(f("image.total")) + " " + s(u.images.length) + " " + s(f("image.pictures")) + " ", 1),
+              i("span", null, "/ " + s(f("image.the")) + " " + s(e(l) + 1) + " " + s(f("image.img")) + " ", 1)
             ], 512), [
               [q, e(y)]
             ]),
-            I(Re, {
+            w(be, {
               playState: e(te),
+              isDownLoad: u.isDownLoad,
               onOnPrevious: ie,
               onOnNext: le,
-              onOnResetStyle: e(P),
+              onOnResetStyle: e(V),
               onOnDownloads: e(J),
-              onOnZoomIn: e(H),
-              onOnZoomOut: e(K),
-              onOnInevrtY: e(U),
-              onOnInevrtX: e(D),
+              onOnZoomIn: e(T),
+              onOnZoomOut: e(H),
+              onOnInevrtY: e(K),
+              onOnInevrtX: e(U),
               onOnClockwise: e(W),
               onOnCounterclockwise: e(X),
-              onOnStopPlay: e(w),
+              onOnStopPlay: e(_),
               onOnAutoPlay: e(ne)
-            }, null, 8, ["playState", "onOnResetStyle", "onOnDownloads", "onOnZoomIn", "onOnZoomOut", "onOnInevrtY", "onOnInevrtX", "onOnClockwise", "onOnCounterclockwise", "onOnStopPlay", "onOnAutoPlay"])
+            }, null, 8, ["playState", "isDownLoad", "onOnResetStyle", "onOnDownloads", "onOnZoomIn", "onOnZoomOut", "onOnInevrtY", "onOnInevrtX", "onOnClockwise", "onOnCounterclockwise", "onOnStopPlay", "onOnAutoPlay"])
           ])
@@ -299,4 +311,4 @@ ], 32)
         onClick: Z
-      }, De),
-      I(xe, {
+      }, We),
+      w(Oe, {
         hotkey: C.value,
@@ -306,3 +318,3 @@ "onUpdate:hotkey": t[4] || (t[4] = (a) => C.value = a),
       }, null, 8, ["hotkey", "isActiveKey"]),
-      I(Oe, { "is-active": R.value }, null, 8, ["is-active"])
+      w(Ce, { "is-active": R.value }, null, 8, ["is-active"])
     ], 2));
@@ -312,3 +324,3 @@ }
 export {
-  it as default
+  lt as default
 };

dist/es/components/ScrollItemNav.vue.d.ts

@@ -1,22 +0,35 @@
-type __VLS_PublicProps = {
-    modelValue: number;
-};
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<{
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+}, {
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-click": (...args: any[]) => void;
+    "on-input": (...args: any[]) => void;
     "update:modelValue": (modelValue: number) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+}>> & {
     "onOn-click"?: ((...args: any[]) => any) | undefined;
+    "onOn-input"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
-}, {}, {}>;
+}, {
+    maxValue: number;
+}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

dist/es/components/ScrollItemNav.vue.js

 import o from "./ScrollItemNav.vue2.js";
 /* empty css                   */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4db73b96"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c2b3e12"]]);
 export {
-  p as default
+  c as default
 };

dist/es/components/ScrollItemNav.vue2.js

@@ -1,61 +0,87 @@
-import { defineComponent as P, mergeModels as L, inject as V, useModel as b, ref as d, computed as M, nextTick as B, openBlock as a, createElementBlock as c, createElementVNode as l, mergeProps as R, unref as i, normalizeProps as S, guardReactiveProps as T, Fragment as j, renderList as q, normalizeClass as D, normalizeStyle as E, withDirectives as H, withModifiers as N } from "vue";
-import { useVirtualList as $ } from "../node_modules/.pnpm/@vueuse_core@11.2.0_vue@3.4.29_typescript@5.4.5_/node_modules/@vueuse/core/index.js";
-import F from "../directive/v-lazy-image.js";
-const G = { class: "nav-header__wrap" }, W = ["value"], A = ["data-id", "onClick"], Q = /* @__PURE__ */ P({
+import { defineComponent as B, mergeModels as h, inject as T, useModel as $, ref as d, computed as q, nextTick as R, openBlock as s, createElementBlock as i, createElementVNode as n, withDirectives as x, vModelText as S, mergeProps as j, unref as a, normalizeProps as D, guardReactiveProps as H, Fragment as F, renderList as G, normalizeClass as O, normalizeStyle as U, createBlock as W, createCommentVNode as _, withModifiers as A } from "vue";
+import { useVirtualList as J } from "../node_modules/.pnpm/@vueuse_core@11.2.0_vue@3.4.29_typescript@5.4.5_/node_modules/@vueuse/core/index.js";
+import K from "../directive/v-lazy-image.js";
+import Q from "./NavLoading.vue.js";
+const X = { class: "nav-header__wrap" }, Y = ["max"], Z = {
+  key: 1,
+  class: "error-text"
+}, ee = ["data-id", "onLoad", "onError", "onClick"], se = /* @__PURE__ */ B({
   __name: "ScrollItemNav",
-  props: {
+  props: /* @__PURE__ */ h({
+    maxValue: {
+      type: Number,
+      default: 1e4,
+      required: !0
+    }
+  }, {
     modelValue: { required: !0, default: () => 1 },
     modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ L(["on-click"], ["update:modelValue"]),
-  setup(p, { expose: v, emit: h }) {
-    const f = V("images"), g = h, o = b(p, "modelValue"), n = d(null), _ = d(""), y = f.map((e, t) => ({
+  }),
+  emits: /* @__PURE__ */ h(["on-click", "on-input"], ["update:modelValue"]),
+  setup(p, { expose: y, emit: k }) {
+    const L = T("images"), v = k, l = $(p, "modelValue"), c = d(null), w = d(""), f = d(1), C = L.map((e, t) => ({
       height: (t % 2 === 0, 60),
       size: t % 2 === 0 ? "small" : "large",
       url: e,
-      index: t
-    })), u = M(() => y.filter((e) => e.size.startsWith(_.value.toLowerCase()))), k = (e, t, r) => {
-      g("on-click", { evt: e, item: t, index: r });
-    }, { list: w, containerProps: x, wrapperProps: C, scrollTo: m } = $(
-      u,
+      index: t,
+      isLoad: !0,
+      isError: !1
+    })), g = q(() => C.filter((e) => e.size.startsWith(w.value.toLowerCase()))), E = (e) => {
+      if (e.target) {
+        const t = e.target;
+        u(l.value), l.value = +t.value, v("on-input", +t.value);
+      }
+    }, I = (e, t) => {
+      e.isLoad = !1, e.isError = !1;
+    }, V = (e, t) => {
+      e.isLoad = !1, e.isError = !0;
+    }, z = (e, t, o) => {
+      v("on-click", { evt: e, item: t, index: o });
+    }, { list: P, containerProps: b, wrapperProps: M, scrollTo: u } = J(
+      g,
       {
-        itemHeight: (e) => u.value[e].height + 8,
+        itemHeight: (e) => g.value[e].height + 8,
         overscan: 10
       }
     );
-    function I() {
-      m(o.value);
+    function N() {
+      u(l.value);
     }
-    return B().then((e) => {
-      if (n.value) {
-        const t = n.value, { innerHeight: r } = window;
-        t.style.setProperty("--sider-height", `${r - 50}`);
+    return R().then((e) => {
+      if (c.value) {
+        const t = c.value, { innerHeight: o } = window;
+        t.style.setProperty("--sider-height", `${o - 50}`);
       }
-    }), v({
-      scrollTo: m
-    }), (e, t) => (a(), c("div", {
+    }), y({
+      scrollTo: u
+    }), (e, t) => (s(), i("div", {
       class: "scroll-item-nav__wrapper",
       ref_key: "scrollRef",
-      ref: n
+      ref: c
     }, [
-      l("div", G, [
-        l("input", {
+      n("div", X, [
+        x(n("input", {
           class: "image-index",
-          value: o.value + 1,
+          min: 0,
+          max: p.maxValue,
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => f.value = o),
           placeholder: "请输入张数",
-          type: "number"
-        }, null, 8, W),
-        l("button", {
+          type: "number",
+          onChange: E
+        }, null, 40, Y), [
+          [S, f.value]
+        ]),
+        n("button", {
           class: "query-btn",
           type: "button",
-          onClick: I
-        }, "Go")
+          onClick: N
+        }, "GO")
       ]),
-      l("div", R({ class: "nav-scroll__wrap" }, i(x)), [
-        l("div", S(T(i(C))), [
-          (a(!0), c(j, null, q(i(w), ({ index: r, data: s }) => (a(), c("div", {
-            key: r,
-            class: D(["list-group-item", { "active-item": o.value === s.index }]),
-            style: E({
-              height: `${s.height}px`,
+      n("div", j({ class: "nav-scroll__wrap" }, a(b)), [
+        n("div", D(H(a(M))), [
+          (s(!0), i(F, null, G(a(P), ({ index: o, data: r }) => (s(), i("div", {
+            key: o,
+            class: O(["list-group-item", { "active-item": l.value === r.index }]),
+            style: U({
+              height: `${r.height}px`,
               display: "flex",
@@ -66,10 +92,13 @@ justifyContent: "center",
           }, [
-            H(l("img", {
+            r.isLoad ? (s(), W(Q, { key: 0 })) : _("", !0),
+            r.isError ? (s(), i("span", Z, "加载失败")) : _("", !0),
+            x(n("img", {
               class: "list-group-image",
-              "data-id": s.index,
-              src: "",
+              "data-id": r.index,
               alt: "picture",
-              onClick: N((z) => k(z, s, r), ["stop", "prevent"])
-            }, null, 8, A), [
-              [i(F), s.url]
+              onLoad: (m) => I(r),
+              onError: (m) => V(r),
+              onClick: A((m) => z(m, r, o), ["stop", "prevent"])
+            }, null, 40, ee), [
+              [a(K), r.url]
             ])
@@ -83,3 +112,3 @@ ], 6))), 128))
 export {
-  Q as default
+  se as default
 };

dist/es/components/ToolsBar.vue.d.ts

@@ -7,2 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -27,2 +32,7 @@ "on-previous": (...args: any[]) => void;
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }>> & {
@@ -41,3 +51,5 @@ "onOn-previous"?: ((...args: any[]) => any) | undefined;
     "onOn-autoPlay"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
+}, {
+    isDownLoad: boolean;
+}, {}>, {
     default?(_: {}): any;
@@ -44,0 +56,0 @@ }>;

dist/es/components/ToolsBar.vue.js

 import o from "./ToolsBar.vue2.js";
 /* empty css              */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cb937b22"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-41b075b9"]]);
 export {
   p as default
 };

dist/es/components/ToolsBar.vue2.js

@@ -1,18 +0,18 @@
-import { defineComponent as x, inject as B, openBlock as s, createElementBlock as c, unref as a, withModifiers as e, createCommentVNode as h, Fragment as _, renderSlot as V, pushScopeId as b, popScopeId as f, createElementVNode as o } from "vue";
-const t = (l) => (b("data-v-cb937b22"), l = l(), f(), l), H = { class: "control-svg__btns" }, I = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M758.656 937.344a32 32 0 1 1-45.31199999 45.312l-448.00000001-448.128a32 32 0 0 1 0-45.248l448.00000001-447.936a32 32 0 1 1 45.31199999 45.312l-425.408 425.28000001L758.656 937.344z" }, null, -1)), A = [
-  I
-], L = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M265.344 86.656a32 32 0 1 1 45.312-45.312l448 448.128a32 32 0 0 1 0 45.248l-448 447.936a32 32 0 1 1-45.312-45.312l425.408-425.28L265.344 86.656z" }, null, -1)), P = [
+import { defineComponent as B, inject as x, openBlock as s, createElementBlock as e, unref as h, withModifiers as n, createCommentVNode as i, Fragment as v, renderSlot as V, pushScopeId as b, popScopeId as f, createElementVNode as o } from "vue";
+const t = (l) => (b("data-v-41b075b9"), l = l(), f(), l), H = { class: "control-svg__btns" }, L = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M758.656 937.344a32 32 0 1 1-45.31199999 45.312l-448.00000001-448.128a32 32 0 0 1 0-45.248l448.00000001-447.936a32 32 0 1 1 45.31199999 45.312l-425.408 425.28000001L758.656 937.344z" }, null, -1)), I = [
   L
-], O = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M476.48 903.36C248.96 903.36 64 718.4 64 491.2S248.96 78.72 476.48 78.72s412.48 184.96 412.48 412.48-185.28 412.16-412.48 412.16z m0-741.12c-181.44 0-328.96 147.52-328.96 328.96s147.52 328.96 328.96 328.96 328.96-147.52 328.96-328.96S657.6 162.24 476.48 162.24z" }, null, -1)), X = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM643.84 532.8H309.12c-23.04 0-41.6-18.56-41.6-41.6s18.56-41.6 41.6-41.6h334.72c23.04 0 41.6 18.56 41.6 41.6s-18.56 41.6-41.6 41.6z" }, null, -1)), Y = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M476.48 700.16c-23.04 0-41.6-18.56-41.6-41.6V323.84c0-23.04 18.56-41.6 41.6-41.6s41.6 18.56 41.6 41.6v334.72c0 23.04-18.56 41.6-41.6 41.6z" }, null, -1)), E = [
+], A = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M265.344 86.656a32 32 0 1 1 45.312-45.312l448 448.128a32 32 0 0 1 0 45.248l-448 447.936a32 32 0 1 1-45.312-45.312l425.408-425.28L265.344 86.656z" }, null, -1)), P = [
+  A
+], O = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M476.48 903.36C248.96 903.36 64 718.4 64 491.2S248.96 78.72 476.48 78.72s412.48 184.96 412.48 412.48-185.28 412.16-412.48 412.16z m0-741.12c-181.44 0-328.96 147.52-328.96 328.96s147.52 328.96 328.96 328.96 328.96-147.52 328.96-328.96S657.6 162.24 476.48 162.24z" }, null, -1)), X = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM643.84 532.8H309.12c-23.04 0-41.6-18.56-41.6-41.6s18.56-41.6 41.6-41.6h334.72c23.04 0 41.6 18.56 41.6 41.6s-18.56 41.6-41.6 41.6z" }, null, -1)), Y = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M476.48 700.16c-23.04 0-41.6-18.56-41.6-41.6V323.84c0-23.04 18.56-41.6 41.6-41.6s41.6 18.56 41.6 41.6v334.72c0 23.04-18.56 41.6-41.6 41.6z" }, null, -1)), q = [
   O,
   X,
   Y
-], N = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M485.76 921.92C253.12 921.92 64 732.8 64 500.48 64 267.84 253.12 78.72 485.76 78.72s421.76 189.12 421.76 421.76c-0.32 232.32-189.44 421.44-421.76 421.44z m0-759.68c-186.56 0-338.24 151.68-338.24 338.24s151.68 338.24 338.24 338.24 338.24-151.68 338.24-338.24S672 162.24 485.76 162.24z" }, null, -1)), j = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM657.28 542.08H314.24c-23.04 0-41.6-18.56-41.6-41.6 0-23.04 18.56-41.6 41.6-41.6h343.04c23.04 0 41.6 18.56 41.6 41.6 0 23.04-18.56 41.6-41.6 41.6z" }, null, -1)), q = [
-  N,
-  j
-], F = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M981.675 313.572c-25.714-60.758-62.464-115.257-109.227-162.02S771.186 68.039 710.428 42.325C647.51 15.815 580.836 2.275 512 2.275s-135.51 13.54-198.428 40.05c-60.758 25.714-115.257 62.464-162.02 109.227-25.486 25.486-48.014 53.248-67.356 83.172V188.87c0-22.528-18.432-40.96-40.96-40.96s-40.96 18.432-40.96 40.96v327.68c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-57.116c4.778-39.595 15.018-78.166 30.72-115.143 21.731-51.314 52.792-97.394 92.387-136.989s85.675-70.77 136.989-92.387C397.426 92.5 453.86 81.01 512 81.01c58.254 0 114.688 11.378 167.708 33.906 51.314 21.731 97.394 52.792 136.989 92.387s70.77 85.675 92.387 136.989C931.5 397.426 942.99 453.86 942.99 512c0 58.254-11.378 114.688-33.906 167.708-21.731 51.314-52.792 97.394-92.387 136.989s-85.675 70.77-136.989 92.387C626.574 931.5 570.14 942.99 512 942.99c-73.5 0-146.09-18.773-209.806-54.386-61.895-34.588-114.802-84.309-153.145-144.042-11.72-18.318-36.068-23.666-54.386-11.833-18.318 11.719-23.666 36.067-11.833 54.386 45.284 70.542 107.862 129.365 181.02 170.211 75.322 42.098 161.224 64.398 248.15 64.398 68.836 0 135.51-13.54 198.428-40.05 60.758-25.713 115.257-62.463 162.02-109.226 46.763-46.763 83.513-101.262 109.227-162.02 26.51-62.919 40.05-129.592 40.05-198.428s-13.54-135.51-40.05-198.428z" }, null, -1)), T = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M242.802 584.249c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z" }, null, -1)), $ = [
-  F,
-  T
-], D = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M512 1021.724c-68.836 0-135.51-13.54-198.428-40.05-60.758-25.713-115.257-62.463-162.02-109.226S68.039 771.186 42.325 710.428C15.815 647.51 2.275 580.836 2.275 512s13.54-135.51 40.05-198.428c25.714-60.758 62.464-115.257 109.227-162.02s101.262-83.513 162.02-109.227C376.49 15.815 443.164 2.275 512 2.275s135.51 13.54 198.428 40.05c60.758 25.714 115.257 62.464 162.02 109.227s83.513 101.262 109.227 162.02c26.51 62.919 40.05 129.592 40.05 198.428 0 21.732-17.636 39.367-39.368 39.367S942.99 533.732 942.99 512c0-58.254-11.378-114.688-33.906-167.708-21.731-51.314-52.792-97.394-92.387-136.989s-85.675-70.77-136.989-92.387C626.574 92.5 570.14 81.01 512 81.01c-58.254 0-114.688 11.378-167.708 33.906-51.314 21.731-97.394 52.792-136.989 92.387s-70.77 85.675-92.387 136.989C92.5 397.426 81.01 453.86 81.01 512c0 58.254 11.378 114.688 33.906 167.708 21.731 51.314 52.792 97.394 92.387 136.989s85.675 70.77 136.989 92.387C397.426 931.5 453.86 942.99 512 942.99c73.5 0 146.09-18.773 209.806-54.386 61.895-34.588 114.802-84.309 153.145-144.042 11.72-18.318 36.068-23.666 54.386-11.833 18.318 11.719 23.666 36.067 11.833 54.386-45.284 70.542-107.862 129.365-181.02 170.211-75.322 42.098-161.224 64.398-248.15 64.398z" }, null, -1)), G = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M980.764 557.511c-22.528 0-40.96-18.432-40.96-40.96v-327.68c0-22.528 18.432-40.96 40.96-40.96s40.96 18.432 40.96 40.96v327.68c0 22.528-18.432 40.96-40.96 40.96zM242.802 584.25c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z" }, null, -1)), J = [
+], D = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M485.76 921.92C253.12 921.92 64 732.8 64 500.48 64 267.84 253.12 78.72 485.76 78.72s421.76 189.12 421.76 421.76c-0.32 232.32-189.44 421.44-421.76 421.44z m0-759.68c-186.56 0-338.24 151.68-338.24 338.24s151.68 338.24 338.24 338.24 338.24-151.68 338.24-338.24S672 162.24 485.76 162.24z" }, null, -1)), E = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM657.28 542.08H314.24c-23.04 0-41.6-18.56-41.6-41.6 0-23.04 18.56-41.6 41.6-41.6h343.04c23.04 0 41.6 18.56 41.6 41.6 0 23.04-18.56 41.6-41.6 41.6z" }, null, -1)), N = [
   D,
+  E
+], j = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M981.675 313.572c-25.714-60.758-62.464-115.257-109.227-162.02S771.186 68.039 710.428 42.325C647.51 15.815 580.836 2.275 512 2.275s-135.51 13.54-198.428 40.05c-60.758 25.714-115.257 62.464-162.02 109.227-25.486 25.486-48.014 53.248-67.356 83.172V188.87c0-22.528-18.432-40.96-40.96-40.96s-40.96 18.432-40.96 40.96v327.68c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-57.116c4.778-39.595 15.018-78.166 30.72-115.143 21.731-51.314 52.792-97.394 92.387-136.989s85.675-70.77 136.989-92.387C397.426 92.5 453.86 81.01 512 81.01c58.254 0 114.688 11.378 167.708 33.906 51.314 21.731 97.394 52.792 136.989 92.387s70.77 85.675 92.387 136.989C931.5 397.426 942.99 453.86 942.99 512c0 58.254-11.378 114.688-33.906 167.708-21.731 51.314-52.792 97.394-92.387 136.989s-85.675 70.77-136.989 92.387C626.574 931.5 570.14 942.99 512 942.99c-73.5 0-146.09-18.773-209.806-54.386-61.895-34.588-114.802-84.309-153.145-144.042-11.72-18.318-36.068-23.666-54.386-11.833-18.318 11.719-23.666 36.067-11.833 54.386 45.284 70.542 107.862 129.365 181.02 170.211 75.322 42.098 161.224 64.398 248.15 64.398 68.836 0 135.51-13.54 198.428-40.05 60.758-25.713 115.257-62.463 162.02-109.226 46.763-46.763 83.513-101.262 109.227-162.02 26.51-62.919 40.05-129.592 40.05-198.428s-13.54-135.51-40.05-198.428z" }, null, -1)), F = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M242.802 584.249c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z" }, null, -1)), T = [
+  j,
+  F
+], $ = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M512 1021.724c-68.836 0-135.51-13.54-198.428-40.05-60.758-25.713-115.257-62.463-162.02-109.226S68.039 771.186 42.325 710.428C15.815 647.51 2.275 580.836 2.275 512s13.54-135.51 40.05-198.428c25.714-60.758 62.464-115.257 109.227-162.02s101.262-83.513 162.02-109.227C376.49 15.815 443.164 2.275 512 2.275s135.51 13.54 198.428 40.05c60.758 25.714 115.257 62.464 162.02 109.227s83.513 101.262 109.227 162.02c26.51 62.919 40.05 129.592 40.05 198.428 0 21.732-17.636 39.367-39.368 39.367S942.99 533.732 942.99 512c0-58.254-11.378-114.688-33.906-167.708-21.731-51.314-52.792-97.394-92.387-136.989s-85.675-70.77-136.989-92.387C626.574 92.5 570.14 81.01 512 81.01c-58.254 0-114.688 11.378-167.708 33.906-51.314 21.731-97.394 52.792-136.989 92.387s-70.77 85.675-92.387 136.989C92.5 397.426 81.01 453.86 81.01 512c0 58.254 11.378 114.688 33.906 167.708 21.731 51.314 52.792 97.394 92.387 136.989s85.675 70.77 136.989 92.387C397.426 931.5 453.86 942.99 512 942.99c73.5 0 146.09-18.773 209.806-54.386 61.895-34.588 114.802-84.309 153.145-144.042 11.72-18.318 36.068-23.666 54.386-11.833 18.318 11.719 23.666 36.067 11.833 54.386-45.284 70.542-107.862 129.365-181.02 170.211-75.322 42.098-161.224 64.398-248.15 64.398z" }, null, -1)), G = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M980.764 557.511c-22.528 0-40.96-18.432-40.96-40.96v-327.68c0-22.528 18.432-40.96 40.96-40.96s40.96 18.432 40.96 40.96v327.68c0 22.528-18.432 40.96-40.96 40.96zM242.802 584.25c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z" }, null, -1)), J = [
+  $,
   G
@@ -28,9 +28,9 @@ ], K = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M573.248 832v88h-96V832h96zM128 224a64 64 0 0 1 45.248 18.752l229.504 229.504a64 64 0 0 1 0 90.496l-229.504 229.504A64 64 0 0 1 64 747.008V288a64 64 0 0 1 64-64z m781.248-5.504a64 64 0 0 1 63.552 56.576l0.448 7.424v459.008a64 64 0 0 1-103.232 50.56l-6.016-5.312-229.504-229.504a64 64 0 0 1-5.312-84.48l5.312-6.016L864 237.248a64 64 0 0 1 45.248-18.752zM128 288v459.008l229.504-229.504L128 288z m445.248 368v88h-96V656h96z m0-176v88h-96V480h96z m0-176v88h-96V304h96z m0-176v88h-96V128h96z" }, null, -1)), Q = [
   t1
-], c1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M512 2.56C231.424 2.56 3.584 229.888 3.584 510.976S231.424 1018.88 512 1018.88s508.416-227.328 508.416-508.416S793.088 2.56 512 2.56z m0 941.568c-239.616 0-433.664-194.048-433.664-433.664S272.384 76.8 512 76.8s433.664 194.048 433.664 433.664-194.048 433.664-433.664 433.664z" }, null, -1)), n1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M409.6 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84zM614.4 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84z" }, null, -1)), e1 = [
-  c1,
-  n1
+], e1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M512 2.56C231.424 2.56 3.584 229.888 3.584 510.976S231.424 1018.88 512 1018.88s508.416-227.328 508.416-508.416S793.088 2.56 512 2.56z m0 941.568c-239.616 0-433.664-194.048-433.664-433.664S272.384 76.8 512 76.8s433.664 194.048 433.664 433.664-194.048 433.664-433.664 433.664z" }, null, -1)), c1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M409.6 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84zM614.4 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84z" }, null, -1)), n1 = [
+  e1,
+  c1
 ], l1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M423.687947 757.47897a100.195631 100.195631 0 0 1-100.195631-101.197587V366.716009a100.195631 100.195631 0 0 1 153.299316-85.166286l232.453863 145.283665a100.195631 100.195631 0 0 1 0 170.332573L476.791632 741.447669a100.195631 100.195631 0 0 1-52.101729 15.029345z m0-410.802087a21.041083 21.041083 0 0 0-10.019563 3.005869 20.039126 20.039126 0 0 0-10.019563 17.033257v289.565374a20.039126 20.039126 0 0 0 31.060646 17.033257l232.453863-145.283665a20.039126 20.039126 0 0 0 0-34.066514L433.70751 349.682752a19.03717 19.03717 0 0 0-10.019563-4.007825z" }, null, -1)), i1 = /* @__PURE__ */ t(() => /* @__PURE__ */ o("path", { d: "M512.862059 1023.999349A511.999674 511.999674 0 0 1 313.472753 40.078252a511.999674 511.999674 0 0 1 398.778611 942.840888 508.993805 508.993805 0 0 1-199.389305 41.080209z m0-943.842844C274.396457 80.156505 81.018889 273.534073 81.018889 511.999674s193.377568 431.84317 431.84317 431.84317 431.84317-194.379524 431.843169-431.84317S750.325704 80.156505 512.862059 80.156505z" }, null, -1)), a1 = [
   l1,
   i1
-], v1 = /* @__PURE__ */ x({
+], _1 = /* @__PURE__ */ B({
   __name: "ToolsBar",
@@ -42,2 +42,7 @@ props: {
       required: !0
+    },
+    isDownLoad: {
+      type: Boolean,
+      default: !0,
+      required: !1
     }
@@ -59,73 +64,73 @@ },
   ],
-  setup(l, { emit: v }) {
-    const i = B("isMultipleImage"), n = v, d = () => {
-      n("on-previous");
+  setup(l, { emit: _ }) {
+    const a = x("isMultipleImage"), c = _, d = () => {
+      c("on-previous");
+    }, r = () => {
+      c("on-next");
     }, p = () => {
-      n("on-next");
+      c("on-resetStyle");
     }, z = () => {
-      n("on-resetStyle");
-    }, r = () => {
-      n("on-downloads");
+      c("on-downloads");
     }, m = () => {
-      n("on-zoomIn");
+      c("on-zoomIn");
     }, u = () => {
-      n("on-zoomOut");
+      c("on-zoomOut");
     }, M = () => {
-      n("on-inevrtY");
+      c("on-inevrtY");
+    }, k = () => {
+      c("on-inevrtX");
     }, C = () => {
-      n("on-inevrtX");
-    }, k = () => {
-      n("on-clockwise");
+      c("on-clockwise");
     }, w = () => {
-      n("on-counterclockwise");
+      c("on-counterclockwise");
+    }, y = () => {
+      c("on-stopPlay");
     }, S = () => {
-      n("on-stopPlay");
-    }, y = () => {
-      n("on-autoPlay");
+      c("on-autoPlay");
     };
-    return (g, h1) => (s(), c("div", H, [
-      a(i) ? (s(), c("svg", {
+    return (g, h1) => (s(), e("div", H, [
+      h(a) ? (s(), e("svg", {
         key: 0,
-        onClick: e(d, ["stop", "prevent"]),
+        onClick: n(d, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, A)) : h("", !0),
-      a(i) ? (s(), c("svg", {
+      }, I)) : i("", !0),
+      h(a) ? (s(), e("svg", {
         key: 1,
-        onClick: e(p, ["stop", "prevent"]),
+        onClick: n(r, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, P)) : h("", !0),
-      (s(), c("svg", {
-        onClick: e(m, ["stop", "prevent"]),
+      }, P)) : i("", !0),
+      (s(), e("svg", {
+        onClick: n(m, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, E)),
-      (s(), c("svg", {
-        onClick: e(u, ["stop", "prevent"]),
+      }, q)),
+      (s(), e("svg", {
+        onClick: n(u, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, q)),
-      (s(), c("svg", {
-        onClick: e(w, ["stop", "prevent"]),
+      }, N)),
+      (s(), e("svg", {
+        onClick: n(w, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, $)),
-      (s(), c("svg", {
-        onClick: e(k, ["stop", "prevent"]),
+      }, T)),
+      (s(), e("svg", {
+        onClick: n(C, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
       }, J)),
-      (s(), c("svg", {
-        onClick: e(C, ["stop", "prevent"]),
+      (s(), e("svg", {
+        onClick: n(k, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
       }, Q)),
-      (s(), c("svg", {
-        onClick: e(M, ["stop", "prevent"]),
+      (s(), e("svg", {
+        onClick: n(M, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
       }, U)),
-      (s(), c("svg", {
-        onClick: e(z, ["stop", "prevent"]),
+      (s(), e("svg", {
+        onClick: n(p, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
@@ -136,21 +141,22 @@ viewBox: "0 0 1024 1024",
       }, Z)),
-      (s(), c("svg", {
-        onClick: e(r, ["stop", "prevent"]),
+      l.isDownLoad ? (s(), e("svg", {
+        key: 2,
+        onClick: n(z, ["stop", "prevent"]),
         class: "tool-item-icon__btn icon-is-hover",
         viewBox: "0 0 1024 1024"
-      }, s1)),
-      l.playState ? (s(), c(_, { key: 2 }, [
-        a(i) ? (s(), c("svg", {
+      }, s1)) : i("", !0),
+      l.playState ? (s(), e(v, { key: 3 }, [
+        h(a) ? (s(), e("svg", {
           key: 0,
-          onClick: e(S, ["stop", "prevent"]),
+          onClick: n(y, ["stop", "prevent"]),
           class: "tool-item-icon__btn icon-is-hover",
           viewBox: "0 0 1024 1024"
-        }, e1)) : h("", !0)
-      ], 64)) : (s(), c(_, { key: 3 }, [
-        a(i) ? (s(), c("svg", {
+        }, n1)) : i("", !0)
+      ], 64)) : (s(), e(v, { key: 4 }, [
+        h(a) ? (s(), e("svg", {
           key: 0,
-          onClick: e(y, ["stop", "prevent"]),
+          onClick: n(S, ["stop", "prevent"]),
           class: "tool-item-icon__btn icon-is-hover",
           viewBox: "0 0 1024 1024"
-        }, a1)) : h("", !0)
+        }, a1)) : i("", !0)
       ], 64)),
@@ -162,3 +168,3 @@ V(g.$slots, "default", {}, void 0, !0)
 export {
-  v1 as default
+  _1 as default
 };

dist/es/hooks/player.js

 import { ref as o, nextTick as P } from "vue";
-const p = 2e3;
-function A(e, n, r, s = () => {
-}, f) {
-  const t = o(null), l = o(!1), u = o(null), v = () => {
-    u.value && (l.value = !0, t.value = setInterval(() => {
+const i = 2e3;
+function A(l, n, r, s = () => {
+}, c) {
+  const e = o(null), u = o(!1), t = o(null), v = () => {
+    t.value && (u.value = !0, e.value = setInterval(() => {
       y();
-    }, f || p));
+    }, c || i));
   }, y = () => {
-    P().then((h) => {
-      if (e.value === n.length - 1)
+    P().then((T) => {
+      if (l.value === n.length - 1)
         a();
       else {
-        e.value++, u.value.scrollTo(e.value);
-        const c = n[e.value] || 0;
-        r.value && (r.value.src = c), s && s({ image: c, index: e.value });
+        l.value++, t.value.scrollTo(l.value);
+        const f = n[l.value] || 0;
+        r.value && (r.value.src = f), s && s({ image: f, index: l.value });
       }
@@ -21,12 +21,12 @@ });
   function a() {
-    l.value = !1, clearInterval(t.value);
+    u.value = !1, e.value !== null && (clearInterval(e.value), e.value = null);
   }
   return {
-    timer: t,
-    scrollItemNavRef: u,
-    playState: l,
+    timer: e,
+    scrollItemNavRef: t,
+    playState: u,
     autoPlay: v,
     stopPlay: a,
     hotKeyAutoPlay: () => {
-      l.value ? a() : v();
+      u.value ? a() : v();
     }
@@ -33,0 +33,0 @@ };

dist/es/index.js

@@ -1,2 +0,2 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.scroll-item-nav__wrapper[data-v-4db73b96]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-4db73b96]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-4db73b96]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-4db73b96]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-4db73b96]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-4db73b96]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-4db73b96]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-4db73b96]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-4db73b96]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-cb937b22]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-cb937b22]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-cb937b22]{fill:#eee}.icon-is-hover:hover path[data-v-cb937b22]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-6806c698]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-6806c698] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-6806c698]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-6806c698]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-6806c698]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-6806c698]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-6806c698]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-6806c698]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-6806c698]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-6806c698]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-6806c698]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-6806c698]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-6806c698]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-6806c698]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-6806c698]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-6806c698]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-6806c698]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-6806c698]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-6806c698]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-6806c698]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-6806c698]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-6806c698]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-6806c698]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-6806c698]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-6806c698]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-6806c698]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-6806c698]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-6806c698]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-6806c698]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-6806c698]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-6806c698]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{top:40%;right:0}.cus-transition[data-v-6806c698]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-6806c698]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { createVNode as g, render as l } from "vue";
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.nav-image-loading__wrap .loading-spin[data-v-1e420db0]{--loading-w: 5;width:30px;aspect-ratio:1;border:calc(var(--loading-w) * 1px) solid #f3f3f3;border-radius:50%;border-top:calc(var(--loading-w) * 1px) solid #10ac84;border-bottom:calc(var(--loading-w) * 1px) solid tomato;-webkit-animation:animate-1e420db0 1s linear infinite;animation:animate-1e420db0 1s linear infinite;position:absolute;top:15px;left:20px}@-webkit-keyframes animate-1e420db0{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes animate-1e420db0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-item-nav__wrapper[data-v-3c2b3e12]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-3c2b3e12]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-3c2b3e12]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-3c2b3e12]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-3c2b3e12]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]:hover{opacity:1}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-3c2b3e12]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-3c2b3e12]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .error-text[data-v-3c2b3e12]{position:absolute;top:20px;left:15px;color:tomato;font-size:12px}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-3c2b3e12]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-41b075b9]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-41b075b9]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-41b075b9]{fill:#eee}.icon-is-hover:hover path[data-v-41b075b9]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-dfc8a302]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-dfc8a302] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-dfc8a302]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-dfc8a302]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-dfc8a302]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-dfc8a302]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-dfc8a302]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-dfc8a302]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-dfc8a302]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-dfc8a302]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-dfc8a302]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-dfc8a302]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-dfc8a302]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-dfc8a302]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-dfc8a302]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-dfc8a302]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-dfc8a302]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-dfc8a302]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-dfc8a302]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-dfc8a302]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-dfc8a302]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-dfc8a302]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-dfc8a302]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-dfc8a302]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-dfc8a302]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-dfc8a302]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-dfc8a302]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-dfc8a302]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-dfc8a302]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-dfc8a302]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-dfc8a302]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{top:40%;right:0}.cus-transition[data-v-dfc8a302]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-dfc8a302]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { createVNode as g, render as l } from "vue";
 import d from "./components/viewer.vue.js";
@@ -9,16 +9,16 @@ import s from "./components/index.vue.js";
 let m;
-const a = v.getInStance();
-var t = (e, i) => {
+const t = v.getInStance();
+var a = (e, i) => {
 };
-function D(e, i) {
-  i && a.setConfigOptions(i), console.log(`%cimages-viewer-vue3_V${f}`, "color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"), e.directive("image-viewer", u), e.directive("lazy-image", y), e.component("ImagesViewerVue3", d), e.config.globalProperties.$imageViewerApi = w;
+function _(e, i) {
+  i && t.setConfigOptions(i), console.log(`%cimages-viewer-vue3_V${f}`, "color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"), e.directive("image-viewer", u), e.directive("lazy-image", y), e.component("ImagesViewerVue3", d), e.config.globalProperties.$imageViewerApi = w;
 }
 async function w(e) {
   var i = [];
-  await p(e.images || []).then((r) => {
-    i = r.data;
-  }).catch((r) => {
-    console.error("images-viewer-vue3:", JSON.stringify(r));
+  await p(e.images || []).then((n) => {
+    i = n.data;
+  }).catch((n) => {
+    console.error("images-viewer-vue3:", JSON.stringify(n));
   });
-  const n = a.getConfigOptions();
+  const r = t.getConfigOptions();
   var o = null;
@@ -29,9 +29,10 @@ o ? o && document.body.removeChild(o) : (m = g(s, {
     images: i,
-    zIndex: n.zIndex,
+    zIndex: r.zIndex,
     image: e.imageDom,
     from: e.from || "api",
-    language: n.language || "zh",
-    playSpeed: n.playSpeed,
-    handleChange: ({ image: r, index: c }) => {
-      t && t(r, c);
+    language: r.language || "zh",
+    playSpeed: r.playSpeed,
+    isDownLoad: r.isDownLoad,
+    handleChange: ({ image: n, index: c }) => {
+      a && a(n, c);
     },
@@ -41,19 +42,19 @@ handleClose: () => {
     }
-  }), o = document.createElement("div"), o.style.zIndex = n.zIndex + "", o.classList.add("image-viewer-vue3__root"), l(m, o), document.body.style.overflow = "hidden", document.body.style.margin = "0px", document.body.style.padding = "0px", document.body.appendChild(o), t && t(e.current, e.imageDom && e.imageDom.getAttribute("data-index")));
+  }), o = document.createElement("div"), o.style.zIndex = r.zIndex + "", o.classList.add("image-viewer-vue3__root"), l(m, o), document.body.style.overflow = "hidden", document.body.style.margin = "0px", document.body.style.padding = "0px", document.body.appendChild(o), a && a(e.current, e.imageDom && e.imageDom.getAttribute("data-index")));
 }
 function b() {
   const e = document.querySelector(".image-viewer-vue3__root");
-  e && (document.body.style.removeProperty("overflow"), document.body.style.removeProperty("margin"), document.body.style.removeProperty("padding"), document.body.removeChild(e)), a.destroyed();
+  e && (document.body.style.removeProperty("overflow"), document.body.style.removeProperty("margin"), document.body.style.removeProperty("padding"), document.body.removeChild(e)), t.destroyed();
 }
-function S(e) {
-  e && (t = e);
+function L(e) {
+  e && (a = e);
 }
-const P = d;
+const S = d;
 export {
-  P as ImageViewerVue3,
+  S as ImageViewerVue3,
   u as VImageViewer,
-  D as default,
+  _ as default,
   w as imageViewerApi,
   b as onClose,
-  S as onUpdate
+  L as onUpdate
 };

dist/es/types/image-viewer.d.ts

@@ -19,2 +19,3 @@ type fromType = 'api' | 'directive' | 'component';
     playSpeed: number;
+    isDownLoad: boolean;
 }
@@ -29,2 +30,3 @@ export interface ImageViewerInstallConfig {
     playSpeed?: number;
+    isDownLoad?: boolean;
 }
@@ -31,0 +33,0 @@ export type ImageObjectTypes = {

dist/es/utils/index.d.ts

 import { AsyncSetImageReturnType } from '../types/image-viewer';
-export declare const versions = "1.0.18";
+export declare const versions = "1.0.19";
 /**
@@ -4,0 +4,0 @@ * Verify illegal image paths, such as null, undefined, ''

dist/es/utils/index.js

@@ -1,2 +0,2 @@
-const c = "1.0.18", d = (e) => new Promise((a, t) => {
+const c = "1.0.19", d = (e) => new Promise((a, t) => {
   if (l(e) && e.length > 0) {
@@ -3,0 +3,0 @@ const [n, r] = e.reduce((o, i) => (i ? o[0].push(i) : o[1].push(i), o), [[], []]);

dist/es/utils/ViewerCore.js

@@ -16,3 +16,4 @@ var m = Object.defineProperty;
       language: "zh",
-      playSpeed: 2e3
+      playSpeed: 2e3,
+      isDownLoad: !0
     });
@@ -19,0 +20,0 @@ r(this, "transforms", {

dist/lib/components/index.vue.d.ts

@@ -46,2 +46,6 @@ import { PropType } from 'vue';
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -95,2 +99,6 @@ "on-close": (...args: any[]) => void;
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }>> & {
@@ -103,2 +111,3 @@ "onOn-close"?: ((...args: any[]) => any) | undefined;
     zIndex: number;
+    isDownLoad: boolean;
     current: string;
@@ -105,0 +114,0 @@ from: string;

dist/lib/components/index.vue.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");;/* empty css                    */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-6806c698"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");;/* empty css                    */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-dfc8a302"]]);exports.default=u;

dist/lib/components/index.vue2.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("../hooks/toolbar.js"),f=require("../utils/index.js"),P=require("../utils/flip-animate.js"),oe=require("./HotKeys.vue.js"),ae=require("./Message.vue.js"),re=require("./MobileViewer.vue.js"),le=require("./Loading.vue.js"),ie=require("./ScrollItemNav.vue.js"),se=require("./ToolsBar.vue.js"),T=require("../utils/hotkeys.js"),ce=require("../langs/index.js"),ue=require("../hooks/mouse.js"),de=require("../hooks/player.js"),L=i=>(e.pushScopeId("data-v-6806c698"),i=i(),e.popScopeId(),i),ge={key:0,class:"images-viewer-vue3__mobile"},me={key:0,class:"cus-head-info"},ve=L(()=>e.createElementVNode("path",{d:"M322.12 353.93L104.61 490.77c-18.45 11.61-18.44 38.51 0.02 50.1l217.51 136.64c19.71 12.38 45.33-1.78 45.33-25.06V378.98c0-23.29-25.64-37.45-45.35-25.05zM94.78 125.02h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5zM929.22 342.34H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 620.66H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 898.98H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5z"},null,-1)),fe=[ve],pe={class:"image-info"},ye={key:0,style:{"user-select":"text"}},he={style:{color:"orange","text-decoration":"solid"}},ke={class:e.normalizeClass(["image-viewer__controls"])},_e={class:"control-info"},Se=L(()=>e.createElementVNode("svg",{class:"close-icon icon-is-hover svg-icon__action",viewBox:"0 0 1024 1024",width:"15",height:"15"},[e.createElementVNode("path",{d:"M835.2 854.4c-12.8 0-22.4-3.2-32-12.8L211.2 256C192 240 192 211.2 208 195.2s44.8-16 60.8 0L864 780.8c16 16 16 44.8 0 60.8-6.4 9.6-16 12.8-28.8 12.8z"}),e.createElementVNode("path",{d:"M236.8 848c-12.8 0-22.4-3.2-32-12.8-16-16-16-44.8 0-60.8l604.8-576c16-16 44.8-16 60.8 0s16 44.8 0 60.8l-604.8 576c-9.6 9.6-19.2 12.8-28.8 12.8z"})],-1)),Ie=[Se],we=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!1},current:{type:String,default:()=>""},images:{type:Array,required:!0},zIndex:{type:Number,default:()=>2e3},image:{type:HTMLImageElement,required:!1},from:{type:String,default:()=>""},handleChange:{type:Function,default:()=>()=>{}},handleClose:{type:Function,default:()=>()=>{}},language:{type:String,default:()=>"zh"},playSpeed:{type:Number,default:()=>2e3}},emits:["on-close","on-change","onUpdate:value"],setup(i,{emit:Ne}){const o=i,d=(n="")=>{const t=ce.messages[o.language];if(t){const{image:a}=t,s=n.split(".");return a[s[1]]||n}else return console.warn(`[images-viewer-vue3]:The current language '${o.language}' is not supported`),o.language},{updateImageSrc:g,isMultipleImage:m,onWheelListener:S,imageInfo:I,nextImage:w,previousImage:N,destroyedExe:C,resetStyle:V,downloads:U,loadImageErrorText:E,loading:x,imageRef:l,imageVieverWidgetRef:H,loadImage:O,errorImage:B,zoomIn:b,zoomOut:D,inevrtY:M,inevrtX:z,clockwise:A,counterclockwise:R,currentIndex:r}=ne.useToolbar(o.images,o.handleChange);ue.useMouse();const{scrollItemNavRef:K,playState:F,autoPlay:W,stopPlay:p,hotKeyAutoPlay:X}=de.usePlayer(r,o.images,l,o.handleChange,o.playSpeed),Z=n=>{p()},Y=()=>{p(),N()},$=()=>{p(),w()},y=e.ref(""),h=e.ref(!1);function c(n,t,a=!0){T.useCusShortKey({[n]:(s,u)=>{t(),k(s,u,a)}})}c("right",w),c("left",N),c("ctrl+i+y",M),c("ctrl+i+x",z),c("ctrl+c+r",A),c("ctrl+c+l",R),c("ctrl+z",V),c("esc",q),c("space",X),T.useCusShortKey({"ctrl+*":(n,t)=>{switch(n.key){case"-":D(n),k(n,t,!0,"ctrl + "+n.key);break;case"+":b(n),k(n,t,!0,"ctrl + "+n.key);break}}});function k(n,t,a=!1,s=""){a&&n.preventDefault();const{key:u}=t;y.value=s||u,h.value=!0,setTimeout(()=>{h.value=!1},2e3)}const j=({index:n,url:t})=>{r.value=n,g.value=t,o.handleChange({image:t,index:r.value})},v=e.ref(!1),_=e.ref(!1),G=()=>{v.value=!v.value};e.nextTick(()=>{if(f.getUserAgent()){g.value=o.current,x.value=!1;const n=o.images.findIndex(t=>t===o.current);n!==-1&&(r.value=n)}else J()});function J(){if(l.value)if(o.image===void 0)l.value.src=o.current;else{const n=o.images.findIndex(u=>u===o.current);n!==-1&&(r.value=n);const t=o.image.getBoundingClientRect();g.value=l.value.src=o.image.src;const a=l.value.getBoundingClientRect();P.FlipAnimate(l.value,t,a).addEventListener("finish",u=>{v.value=!0})}}e.watch(()=>r.value,(n,t)=>{n&&Q()});function Q(){r.value===o.images.length-1&&(_.value=!0,setTimeout(()=>{_.value=!1},2e3))}function ee({evt:n,item:t,index:a}){if(E.value="",!!l.value&&n.target){const s=n.target,u=s.getBoundingClientRect();if(Number(s.getAttribute("data-id"))===r.value)return;r.value=t.index,g.value=l.value.src=s.src;const te=l.value.getBoundingClientRect();o.handleChange({image:g.value,index:r.value}),P.FlipAnimate(l.value,u,te)}}function q(){C(),o.handleClose(),g.value=""}return e.onBeforeUnmount(()=>{C()}),e.provide("images",o.images),e.provide("isMultipleImage",m.value),(n,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"imageVieverWidgetRef",ref:H,class:e.normalizeClass(["images-viewer-vue3__wrapper",{"is-active":i.visible},{"nav-scroll-style__wrap":!e.unref(f.getUserAgent)()}])},[e.unref(f.getUserAgent)()?(e.openBlock(),e.createElementBlock("div",ge,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("span",null,e.toDisplayString(i.images.length)+"  / "+e.toDisplayString(e.unref(r)+1),1)])):e.createCommentVNode("",!0),e.createVNode(re.default,{currentImage:i.current,activeImage:i.image,onOnCb:j},null,8,["currentImage","activeImage"])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["images-viewer-vue3__content",{"active-grid":!v.value},{"close-grid":!e.unref(m)}])},[e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content-nav__wrapper",{"nav-active":v.value},{"is-hidden":e.unref(f.getUserAgent)()}])},[e.createVNode(ie.default,{ref_key:"scrollItemNavRef",ref:K,modelValue:e.unref(r),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(r)?r.value=a:null),onOnClick:ee},null,8,["modelValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"content-viewer-image__wrapper",onWheel:t[3]||(t[3]=(...a)=>e.unref(S)&&e.unref(S)(...a))},[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(G,["stop","prevent"]),class:e.normalizeClass(["icon-is-hover cursor image-collapse-nav__btn svg-icon__action",{"rotate-right__btn":!v.value},{"is-hidden":e.unref(f.getUserAgent)()}]),viewBox:"0 0 1024 1024"},fe,2)),[[e.vShow,e.unref(m)]]),e.createElementVNode("ul",pe,[e.createElementVNode("li",null,e.toDisplayString(e.unref(I).width)+e.toDisplayString(d("image.px"))+" X "+e.toDisplayString(e.unref(I).height)+e.toDisplayString(d("image.px")),1)]),e.unref(E)?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("p",he,e.toDisplayString(d("image.loadErrorText")),1),e.createElementVNode("p",null,e.toDisplayString(e.unref(g)),1)])):e.createCommentVNode("",!0),e.createElementVNode("img",{ref_key:"imageRef",ref:l,class:e.normalizeClass(["image-viewer__inner cus-transition"]),onLoad:t[1]||(t[1]=(...a)=>e.unref(O)&&e.unref(O)(...a)),onError:t[2]||(t[2]=(...a)=>e.unref(B)&&e.unref(B)(...a)),alt:"picture",onMouseenter:Z},null,544),e.unref(x)?(e.openBlock(),e.createBlock(le.default,{key:1})):e.createCommentVNode("",!0),e.createElementVNode("div",ke,[e.withDirectives(e.createElementVNode("div",_e,[e.createElementVNode("span",null,e.toDisplayString(d("image.total"))+" "+e.toDisplayString(i.images.length)+" "+e.toDisplayString(d("image.pictures"))+" ",1),e.createElementVNode("span",null,"/ "+e.toDisplayString(d("image.the"))+" "+e.toDisplayString(e.unref(r)+1)+" "+e.toDisplayString(d("image.img"))+" ",1)],512),[[e.vShow,e.unref(m)]]),e.createVNode(se.default,{playState:e.unref(F),onOnPrevious:Y,onOnNext:$,onOnResetStyle:e.unref(V),onOnDownloads:e.unref(U),onOnZoomIn:e.unref(b),onOnZoomOut:e.unref(D),onOnInevrtY:e.unref(M),onOnInevrtX:e.unref(z),onOnClockwise:e.unref(A),onOnCounterclockwise:e.unref(R),onOnStopPlay:e.unref(p),onOnAutoPlay:e.unref(W)},null,8,["playState","onOnResetStyle","onOnDownloads","onOnZoomIn","onOnZoomOut","onOnInevrtY","onOnInevrtX","onOnClockwise","onOnCounterclockwise","onOnStopPlay","onOnAutoPlay"])])],32)],2)),e.createElementVNode("div",{class:"images-viewer-vue3__close close-btn",onClick:q},Ie),e.createVNode(oe.default,{hotkey:y.value,"onUpdate:hotkey":t[4]||(t[4]=a=>y.value=a),isActiveKey:h.value},null,8,["hotkey","isActiveKey"]),e.createVNode(ae.default,{"is-active":_.value},null,8,["is-active"])],2))}});exports.default=we;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("../hooks/toolbar.js"),f=require("../utils/index.js"),L=require("../utils/flip-animate.js"),ae=require("./HotKeys.vue.js"),re=require("./Message.vue.js"),le=require("./MobileViewer.vue.js"),ie=require("./Loading.vue.js"),se=require("./ScrollItemNav.vue.js"),ue=require("./ToolsBar.vue.js"),P=require("../utils/hotkeys.js"),ce=require("../langs/index.js"),de=require("../hooks/mouse.js"),ge=require("../hooks/player.js"),T=i=>(e.pushScopeId("data-v-dfc8a302"),i=i(),e.popScopeId(),i),me={key:0,class:"images-viewer-vue3__mobile"},ve={key:0,class:"cus-head-info"},fe=T(()=>e.createElementVNode("path",{d:"M322.12 353.93L104.61 490.77c-18.45 11.61-18.44 38.51 0.02 50.1l217.51 136.64c19.71 12.38 45.33-1.78 45.33-25.06V378.98c0-23.29-25.64-37.45-45.35-25.05zM94.78 125.02h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5zM929.22 342.34H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 620.66H444.11c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h485.11c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5zM929.22 898.98H94.78c-16.84 0-30.5 13.66-30.5 30.5s13.66 30.5 30.5 30.5h834.44c16.84 0 30.5-13.66 30.5-30.5s-13.66-30.5-30.5-30.5z"},null,-1)),pe=[fe],ye={class:"image-info"},he={key:0,style:{"user-select":"text"}},ke={style:{color:"orange","text-decoration":"solid"}},Ie={class:e.normalizeClass(["image-viewer__controls"])},we={class:"control-info"},Se=T(()=>e.createElementVNode("svg",{class:"close-icon icon-is-hover svg-icon__action",viewBox:"0 0 1024 1024",width:"15",height:"15"},[e.createElementVNode("path",{d:"M835.2 854.4c-12.8 0-22.4-3.2-32-12.8L211.2 256C192 240 192 211.2 208 195.2s44.8-16 60.8 0L864 780.8c16 16 16 44.8 0 60.8-6.4 9.6-16 12.8-28.8 12.8z"}),e.createElementVNode("path",{d:"M236.8 848c-12.8 0-22.4-3.2-32-12.8-16-16-16-44.8 0-60.8l604.8-576c16-16 44.8-16 60.8 0s16 44.8 0 60.8l-604.8 576c-9.6 9.6-19.2 12.8-28.8 12.8z"})],-1)),_e=[Se],Ne=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!1},current:{type:String,default:()=>""},images:{type:Array,required:!0},zIndex:{type:Number,default:()=>2e3},image:{type:HTMLImageElement,required:!1},from:{type:String,default:()=>""},handleChange:{type:Function,default:()=>()=>{}},handleClose:{type:Function,default:()=>()=>{}},language:{type:String,default:()=>"zh"},playSpeed:{type:Number,default:()=>2e3},isDownLoad:{type:Boolean,default:()=>!0}},emits:["on-close","on-change","onUpdate:value"],setup(i,{emit:Ve}){const o=i,g=(n="")=>{const t=ce.messages[o.language];if(t){const{image:a}=t,s=n.split(".");return a[s[1]]||n}else return console.warn(`[images-viewer-vue3]:The current language '${o.language}' is not supported`),o.language},{updateImageSrc:c,isMultipleImage:m,onWheelListener:w,imageInfo:S,nextImage:_,previousImage:N,destroyedExe:V,resetStyle:C,downloads:U,loadImageErrorText:E,loading:x,imageRef:l,imageVieverWidgetRef:H,loadImage:O,errorImage:B,zoomIn:D,zoomOut:b,inevrtY:M,inevrtX:z,clockwise:A,counterclockwise:R,currentIndex:r}=oe.useToolbar(o.images,o.handleChange);de.useMouse();const{scrollItemNavRef:K,playState:F,autoPlay:W,stopPlay:p,hotKeyAutoPlay:X}=ge.usePlayer(r,o.images,l,o.handleChange,o.playSpeed),Z=n=>{p()},Y=()=>{p(),N()},$=()=>{p(),_()},y=e.ref(""),h=e.ref(!1);function u(n,t,a=!0){P.useCusShortKey({[n]:(s,d)=>{t(),k(s,d,a)}})}u("right",_),u("left",N),u("ctrl+i+y",M),u("ctrl+i+x",z),u("ctrl+c+r",A),u("ctrl+c+l",R),u("ctrl+z",C),u("esc",q),u("space",X),P.useCusShortKey({"ctrl+*":(n,t)=>{switch(n.key){case"-":b(n),k(n,t,!0,"ctrl + "+n.key);break;case"+":D(n),k(n,t,!0,"ctrl + "+n.key);break}}});function k(n,t,a=!1,s=""){a&&n.preventDefault();const{key:d}=t;y.value=s||d,h.value=!0,setTimeout(()=>{h.value=!1},2e3)}const j=({index:n,url:t})=>{r.value=n,c.value=t,o.handleChange({image:t,index:r.value})},v=e.ref(!1),I=e.ref(!1),G=()=>{v.value=!v.value};e.nextTick(()=>{if(f.getUserAgent()){c.value=o.current,x.value=!1;const n=o.images.findIndex(t=>t===o.current);n!==-1&&(r.value=n)}else J()});function J(){if(l.value)if(o.image===void 0)l.value.src=o.current;else{const n=o.images.findIndex(d=>d===o.current);n!==-1&&(r.value=n);const t=o.image.getBoundingClientRect();c.value=l.value.src=o.image.src;const a=l.value.getBoundingClientRect();L.FlipAnimate(l.value,t,a).addEventListener("finish",d=>{v.value=!0})}}e.watch(()=>r.value,(n,t)=>{n&&Q()});function Q(){r.value===o.images.length-1&&(I.value=!0,setTimeout(()=>{I.value=!1},2e3))}function ee(n){if(!l.value)return;const t=o.images[n];c.value=l.value.src=t}function te({evt:n,item:t,index:a}){if(E.value="",!!l.value&&n.target){const s=n.target,d=s.getBoundingClientRect();if(Number(s.getAttribute("data-id"))===r.value)return;r.value=t.index,c.value=l.value.src=s.src;const ne=l.value.getBoundingClientRect();o.handleChange({image:c.value,index:r.value}),L.FlipAnimate(l.value,d,ne)}}function q(){V(),o.handleClose(),c.value=""}return e.onBeforeUnmount(()=>{V()}),e.provide("images",o.images),e.provide("isMultipleImage",m.value),(n,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"imageVieverWidgetRef",ref:H,class:e.normalizeClass(["images-viewer-vue3__wrapper",{"is-active":i.visible},{"nav-scroll-style__wrap":!e.unref(f.getUserAgent)()}])},[e.unref(f.getUserAgent)()?(e.openBlock(),e.createElementBlock("div",me,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("span",null,e.toDisplayString(i.images.length)+"  / "+e.toDisplayString(e.unref(r)+1),1)])):e.createCommentVNode("",!0),e.createVNode(le.default,{currentImage:i.current,activeImage:i.image,onOnCb:j},null,8,["currentImage","activeImage"])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["images-viewer-vue3__content",{"active-grid":!v.value},{"close-grid":!e.unref(m)}])},[e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content-nav__wrapper",{"nav-active":v.value},{"is-hidden":e.unref(f.getUserAgent)()}])},[e.createVNode(se.default,{ref_key:"scrollItemNavRef",ref:K,modelValue:e.unref(r),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(r)?r.value=a:null),maxValue:i.images.length,onOnClick:te,onOnInput:ee},null,8,["modelValue","maxValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"content-viewer-image__wrapper",onWheel:t[3]||(t[3]=(...a)=>e.unref(w)&&e.unref(w)(...a))},[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(G,["stop","prevent"]),class:e.normalizeClass(["icon-is-hover cursor image-collapse-nav__btn svg-icon__action",{"rotate-right__btn":!v.value},{"is-hidden":e.unref(f.getUserAgent)()}]),viewBox:"0 0 1024 1024"},pe,2)),[[e.vShow,e.unref(m)]]),e.createElementVNode("ul",ye,[e.createElementVNode("li",null,e.toDisplayString(e.unref(S).width)+e.toDisplayString(g("image.px"))+" X "+e.toDisplayString(e.unref(S).height)+e.toDisplayString(g("image.px")),1)]),e.unref(E)?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("p",ke,e.toDisplayString(g("image.loadErrorText")),1),e.createElementVNode("p",null,e.toDisplayString(e.unref(c)),1)])):e.createCommentVNode("",!0),e.createElementVNode("img",{ref_key:"imageRef",ref:l,class:e.normalizeClass(["image-viewer__inner cus-transition"]),onLoad:t[1]||(t[1]=(...a)=>e.unref(O)&&e.unref(O)(...a)),onError:t[2]||(t[2]=(...a)=>e.unref(B)&&e.unref(B)(...a)),alt:"picture",onMouseenter:Z},null,544),e.unref(x)?(e.openBlock(),e.createBlock(ie.default,{key:1})):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[e.withDirectives(e.createElementVNode("div",we,[e.createElementVNode("span",null,e.toDisplayString(g("image.total"))+" "+e.toDisplayString(i.images.length)+" "+e.toDisplayString(g("image.pictures"))+" ",1),e.createElementVNode("span",null,"/ "+e.toDisplayString(g("image.the"))+" "+e.toDisplayString(e.unref(r)+1)+" "+e.toDisplayString(g("image.img"))+" ",1)],512),[[e.vShow,e.unref(m)]]),e.createVNode(ue.default,{playState:e.unref(F),isDownLoad:i.isDownLoad,onOnPrevious:Y,onOnNext:$,onOnResetStyle:e.unref(C),onOnDownloads:e.unref(U),onOnZoomIn:e.unref(D),onOnZoomOut:e.unref(b),onOnInevrtY:e.unref(M),onOnInevrtX:e.unref(z),onOnClockwise:e.unref(A),onOnCounterclockwise:e.unref(R),onOnStopPlay:e.unref(p),onOnAutoPlay:e.unref(W)},null,8,["playState","isDownLoad","onOnResetStyle","onOnDownloads","onOnZoomIn","onOnZoomOut","onOnInevrtY","onOnInevrtX","onOnClockwise","onOnCounterclockwise","onOnStopPlay","onOnAutoPlay"])])],32)],2)),e.createElementVNode("div",{class:"images-viewer-vue3__close close-btn",onClick:q},_e),e.createVNode(ae.default,{hotkey:y.value,"onUpdate:hotkey":t[4]||(t[4]=a=>y.value=a),isActiveKey:h.value},null,8,["hotkey","isActiveKey"]),e.createVNode(re.default,{"is-active":I.value},null,8,["is-active"])],2))}});exports.default=Ne;

dist/lib/components/ScrollItemNav.vue.d.ts

@@ -1,22 +0,35 @@
-type __VLS_PublicProps = {
-    modelValue: number;
-};
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<{
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+}, {
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-click": (...args: any[]) => void;
+    "on-input": (...args: any[]) => void;
     "update:modelValue": (modelValue: number) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+}>> & {
     "onOn-click"?: ((...args: any[]) => any) | undefined;
+    "onOn-input"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
-}, {}, {}>;
+}, {
+    maxValue: number;
+}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

dist/lib/components/ScrollItemNav.vue.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ScrollItemNav.vue2.js");;/* empty css                    */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-4db73b96"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ScrollItemNav.vue2.js");;/* empty css                    */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-3c2b3e12"]]);exports.default=u;

dist/lib/components/ScrollItemNav.vue2.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("../node_modules/.pnpm/@vueuse_core@11.2.0_vue@3.4.29_typescript@5.4.5_/node_modules/@vueuse/core/index.js"),V=require("../directive/v-lazy-image.js"),E={class:"nav-header__wrap"},I=["value"],B=["data-id","onClick"],C=e.defineComponent({__name:"ScrollItemNav",props:{modelValue:{required:!0,default:()=>1},modelModifiers:{}},emits:e.mergeModels(["on-click"],["update:modelValue"]),setup(a,{expose:u,emit:d}){const m=e.inject("images"),p=d,o=e.useModel(a,"modelValue"),s=e.ref(null),v=e.ref(""),f=m.map((t,l)=>({height:(l%2===0,60),size:l%2===0?"small":"large",url:t,index:l})),i=e.computed(()=>f.filter(t=>t.size.startsWith(v.value.toLowerCase()))),g=(t,l,r)=>{p("on-click",{evt:t,item:l,index:r})},{list:h,containerProps:_,wrapperProps:k,scrollTo:c}=x.useVirtualList(i,{itemHeight:t=>i.value[t].height+8,overscan:10});function y(){c(o.value)}return e.nextTick().then(t=>{if(s.value){const l=s.value,{innerHeight:r}=window;l.style.setProperty("--sider-height",`${r-50}`)}}),u({scrollTo:c}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-item-nav__wrapper",ref_key:"scrollRef",ref:s},[e.createElementVNode("div",E,[e.createElementVNode("input",{class:"image-index",value:o.value+1,placeholder:"请输入张数",type:"number"},null,8,I),e.createElementVNode("button",{class:"query-btn",type:"button",onClick:y},"Go")]),e.createElementVNode("div",e.mergeProps({class:"nav-scroll__wrap"},e.unref(_)),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(k))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h),({index:r,data:n})=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["list-group-item",{"active-item":o.value===n.index}]),style:e.normalizeStyle({height:`${n.height}px`,display:"flex",justifyContent:"center",alignItems:"center"})},[e.withDirectives(e.createElementVNode("img",{class:"list-group-image","data-id":n.index,src:"",alt:"picture",onClick:e.withModifiers(w=>g(w,n,r),["stop","prevent"])},null,8,B),[[e.unref(V.default),n.url]])],6))),128))],16)],16)],512))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("../node_modules/.pnpm/@vueuse_core@11.2.0_vue@3.4.29_typescript@5.4.5_/node_modules/@vueuse/core/index.js"),C=require("../directive/v-lazy-image.js"),N=require("./NavLoading.vue.js"),I={class:"nav-header__wrap"},M=["max"],b={key:1,class:"error-text"},q=["data-id","onLoad","onError","onClick"],P=e.defineComponent({__name:"ScrollItemNav",props:e.mergeModels({maxValue:{type:Number,default:1e4,required:!0}},{modelValue:{required:!0,default:()=>1},modelModifiers:{}}),emits:e.mergeModels(["on-click","on-input"],["update:modelValue"]),setup(c,{expose:p,emit:v}){const f=e.inject("images"),u=v,l=e.useModel(c,"modelValue"),s=e.ref(null),g=e.ref(""),d=e.ref(1),h=f.map((t,r)=>({height:(r%2===0,60),size:r%2===0?"small":"large",url:t,index:r,isLoad:!0,isError:!1})),m=e.computed(()=>h.filter(t=>t.size.startsWith(g.value.toLowerCase()))),k=t=>{if(t.target){const r=t.target;i(l.value),l.value=+r.value,u("on-input",+r.value)}},_=(t,r)=>{t.isLoad=!1,t.isError=!1},x=(t,r)=>{t.isLoad=!1,t.isError=!0},E=(t,r,n)=>{u("on-click",{evt:t,item:r,index:n})},{list:y,containerProps:V,wrapperProps:L,scrollTo:i}=B.useVirtualList(m,{itemHeight:t=>m.value[t].height+8,overscan:10});function w(){i(l.value)}return e.nextTick().then(t=>{if(s.value){const r=s.value,{innerHeight:n}=window;r.style.setProperty("--sider-height",`${n-50}`)}}),p({scrollTo:i}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-item-nav__wrapper",ref_key:"scrollRef",ref:s},[e.createElementVNode("div",I,[e.withDirectives(e.createElementVNode("input",{class:"image-index",min:0,max:c.maxValue,"onUpdate:modelValue":r[0]||(r[0]=n=>d.value=n),placeholder:"请输入张数",type:"number",onChange:k},null,40,M),[[e.vModelText,d.value]]),e.createElementVNode("button",{class:"query-btn",type:"button",onClick:w},"GO")]),e.createElementVNode("div",e.mergeProps({class:"nav-scroll__wrap"},e.unref(V)),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(L))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),({index:n,data:o})=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["list-group-item",{"active-item":l.value===o.index}]),style:e.normalizeStyle({height:`${o.height}px`,display:"flex",justifyContent:"center",alignItems:"center"})},[o.isLoad?(e.openBlock(),e.createBlock(N.default,{key:0})):e.createCommentVNode("",!0),o.isError?(e.openBlock(),e.createElementBlock("span",b,"加载失败")):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("img",{class:"list-group-image","data-id":o.index,alt:"picture",onLoad:a=>_(o),onError:a=>x(o),onClick:e.withModifiers(a=>E(a,o,n),["stop","prevent"])},null,40,q),[[e.unref(C.default),o.url]])],6))),128))],16)],16)],512))}});exports.default=P;

dist/lib/components/ToolsBar.vue.d.ts

@@ -7,2 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -27,2 +32,7 @@ "on-previous": (...args: any[]) => void;
     };
+    isDownLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }>> & {
@@ -41,3 +51,5 @@ "onOn-previous"?: ((...args: any[]) => any) | undefined;
     "onOn-autoPlay"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
+}, {
+    isDownLoad: boolean;
+}, {}>, {
     default?(_: {}): any;
@@ -44,0 +56,0 @@ }>;

dist/lib/components/ToolsBar.vue.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ToolsBar.vue2.js");;/* empty css               */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-cb937b22"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ToolsBar.vue2.js");;/* empty css               */const t=require("../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-41b075b9"]]);exports.default=u;

dist/lib/components/ToolsBar.vue2.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=c=>(e.pushScopeId("data-v-cb937b22"),c=c(),e.popScopeId(),c),M={class:"control-svg__btns"},B=o(()=>e.createElementVNode("path",{d:"M758.656 937.344a32 32 0 1 1-45.31199999 45.312l-448.00000001-448.128a32 32 0 0 1 0-45.248l448.00000001-447.936a32 32 0 1 1 45.31199999 45.312l-425.408 425.28000001L758.656 937.344z"},null,-1)),V=[B],w=o(()=>e.createElementVNode("path",{d:"M265.344 86.656a32 32 0 1 1 45.312-45.312l448 448.128a32 32 0 0 1 0 45.248l-448 447.936a32 32 0 1 1-45.312-45.312l425.408-425.28L265.344 86.656z"},null,-1)),E=[w],C=o(()=>e.createElementVNode("path",{d:"M476.48 903.36C248.96 903.36 64 718.4 64 491.2S248.96 78.72 476.48 78.72s412.48 184.96 412.48 412.48-185.28 412.16-412.48 412.16z m0-741.12c-181.44 0-328.96 147.52-328.96 328.96s147.52 328.96 328.96 328.96 328.96-147.52 328.96-328.96S657.6 162.24 476.48 162.24z"},null,-1)),N=o(()=>e.createElementVNode("path",{d:"M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM643.84 532.8H309.12c-23.04 0-41.6-18.56-41.6-41.6s18.56-41.6 41.6-41.6h334.72c23.04 0 41.6 18.56 41.6 41.6s-18.56 41.6-41.6 41.6z"},null,-1)),f=o(()=>e.createElementVNode("path",{d:"M476.48 700.16c-23.04 0-41.6-18.56-41.6-41.6V323.84c0-23.04 18.56-41.6 41.6-41.6s41.6 18.56 41.6 41.6v334.72c0 23.04-18.56 41.6-41.6 41.6z"},null,-1)),S=[C,N,f],g=o(()=>e.createElementVNode("path",{d:"M485.76 921.92C253.12 921.92 64 732.8 64 500.48 64 267.84 253.12 78.72 485.76 78.72s421.76 189.12 421.76 421.76c-0.32 232.32-189.44 421.44-421.76 421.44z m0-759.68c-186.56 0-338.24 151.68-338.24 338.24s151.68 338.24 338.24 338.24 338.24-151.68 338.24-338.24S672 162.24 485.76 162.24z"},null,-1)),y=o(()=>e.createElementVNode("path",{d:"M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM657.28 542.08H314.24c-23.04 0-41.6-18.56-41.6-41.6 0-23.04 18.56-41.6 41.6-41.6h343.04c23.04 0 41.6 18.56 41.6 41.6 0 23.04-18.56 41.6-41.6 41.6z"},null,-1)),b=[g,y],x=o(()=>e.createElementVNode("path",{d:"M981.675 313.572c-25.714-60.758-62.464-115.257-109.227-162.02S771.186 68.039 710.428 42.325C647.51 15.815 580.836 2.275 512 2.275s-135.51 13.54-198.428 40.05c-60.758 25.714-115.257 62.464-162.02 109.227-25.486 25.486-48.014 53.248-67.356 83.172V188.87c0-22.528-18.432-40.96-40.96-40.96s-40.96 18.432-40.96 40.96v327.68c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-57.116c4.778-39.595 15.018-78.166 30.72-115.143 21.731-51.314 52.792-97.394 92.387-136.989s85.675-70.77 136.989-92.387C397.426 92.5 453.86 81.01 512 81.01c58.254 0 114.688 11.378 167.708 33.906 51.314 21.731 97.394 52.792 136.989 92.387s70.77 85.675 92.387 136.989C931.5 397.426 942.99 453.86 942.99 512c0 58.254-11.378 114.688-33.906 167.708-21.731 51.314-52.792 97.394-92.387 136.989s-85.675 70.77-136.989 92.387C626.574 931.5 570.14 942.99 512 942.99c-73.5 0-146.09-18.773-209.806-54.386-61.895-34.588-114.802-84.309-153.145-144.042-11.72-18.318-36.068-23.666-54.386-11.833-18.318 11.719-23.666 36.067-11.833 54.386 45.284 70.542 107.862 129.365 181.02 170.211 75.322 42.098 161.224 64.398 248.15 64.398 68.836 0 135.51-13.54 198.428-40.05 60.758-25.713 115.257-62.463 162.02-109.226 46.763-46.763 83.513-101.262 109.227-162.02 26.51-62.919 40.05-129.592 40.05-198.428s-13.54-135.51-40.05-198.428z"},null,-1)),H=o(()=>e.createElementVNode("path",{d:"M242.802 584.249c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z"},null,-1)),I=[x,H],A=o(()=>e.createElementVNode("path",{d:"M512 1021.724c-68.836 0-135.51-13.54-198.428-40.05-60.758-25.713-115.257-62.463-162.02-109.226S68.039 771.186 42.325 710.428C15.815 647.51 2.275 580.836 2.275 512s13.54-135.51 40.05-198.428c25.714-60.758 62.464-115.257 109.227-162.02s101.262-83.513 162.02-109.227C376.49 15.815 443.164 2.275 512 2.275s135.51 13.54 198.428 40.05c60.758 25.714 115.257 62.464 162.02 109.227s83.513 101.262 109.227 162.02c26.51 62.919 40.05 129.592 40.05 198.428 0 21.732-17.636 39.367-39.368 39.367S942.99 533.732 942.99 512c0-58.254-11.378-114.688-33.906-167.708-21.731-51.314-52.792-97.394-92.387-136.989s-85.675-70.77-136.989-92.387C626.574 92.5 570.14 81.01 512 81.01c-58.254 0-114.688 11.378-167.708 33.906-51.314 21.731-97.394 52.792-136.989 92.387s-70.77 85.675-92.387 136.989C92.5 397.426 81.01 453.86 81.01 512c0 58.254 11.378 114.688 33.906 167.708 21.731 51.314 52.792 97.394 92.387 136.989s85.675 70.77 136.989 92.387C397.426 931.5 453.86 942.99 512 942.99c73.5 0 146.09-18.773 209.806-54.386 61.895-34.588 114.802-84.309 153.145-144.042 11.72-18.318 36.068-23.666 54.386-11.833 18.318 11.719 23.666 36.067 11.833 54.386-45.284 70.542-107.862 129.365-181.02 170.211-75.322 42.098-161.224 64.398-248.15 64.398z"},null,-1)),L=o(()=>e.createElementVNode("path",{d:"M980.764 557.511c-22.528 0-40.96-18.432-40.96-40.96v-327.68c0-22.528 18.432-40.96 40.96-40.96s40.96 18.432 40.96 40.96v327.68c0 22.528-18.432 40.96-40.96 40.96zM242.802 584.25c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z"},null,-1)),P=[A,L],O=o(()=>e.createElementVNode("path",{d:"M573.248 832v88h-96V832h96zM128 224a64 64 0 0 1 45.248 18.752l229.504 229.504a64 64 0 0 1 0 90.496l-229.504 229.504A64 64 0 0 1 64 747.008V288a64 64 0 0 1 64-64z m781.248-5.504a64 64 0 0 1 63.552 56.576l0.448 7.424v459.008a64 64 0 0 1-103.232 50.56l-6.016-5.312-229.504-229.504a64 64 0 0 1-5.312-84.48l5.312-6.016L864 237.248a64 64 0 0 1 45.248-18.752zM128 288v459.008l229.504-229.504L128 288z m445.248 368v88h-96V656h96z m0-176v88h-96V480h96z m0-176v88h-96V304h96z m0-176v88h-96V128h96z"},null,-1)),X=[O],Y=o(()=>e.createElementVNode("path",{d:"M660.48 106.24L512 291.84l-149.12-185.6h297.6M768 69.12c1.28-19.2-13.44-36.48-33.28-37.12H289.28c-19.2 1.28-33.92 17.92-33.28 37.12 0 8.96 3.2 17.92 8.32 24.96l222.72 277.76a30.72 30.72 0 0 0 49.28 0l222.72-277.76c6.4-7.04 8.96-16 8.96-24.96zM768 954.88c1.28 19.2-13.44 36.48-33.28 37.12H289.28a35.52 35.52 0 0 1-33.28-37.12c0-8.96 3.2-17.92 8.32-24.96l222.72-277.76a30.72 30.72 0 0 1 49.28 0l222.72 277.76c6.4 7.04 8.96 16 8.96 24.96zM800 480h64v64h-64zM928 480h64v64h-64zM672 480h64v64h-64zM544 480h64v64h-64zM416 480h64v64h-64zM288 480h64v64h-64zM160 480h64v64h-64zM32 480h64v64h-64z"},null,-1)),j=[Y],q=o(()=>e.createElementVNode("path",{d:"M863.153113 702.196507h116.959605a43.887282 43.887282 0 0 1 0 87.774563H863.153113A73.182042 73.182042 0 0 0 789.97107 863.153113v116.959605a43.887282 43.887282 0 0 1-87.774563 0V863.153113A160.956606 160.956606 0 0 1 863.153113 702.196507z m0-380.393014h116.959605a43.887282 43.887282 0 0 0 0-87.774563H863.153113A73.182042 73.182042 0 0 1 789.97107 160.956606V43.887282a43.887282 43.887282 0 0 0-87.774563 0v117.069324a160.846887 160.846887 0 0 0 160.956606 160.846887z m-702.196507 0H43.887282a43.887282 43.887282 0 0 1 0-87.774563h117.069324a73.072324 73.072324 0 0 0 73.072324-73.072324V43.887282a43.887282 43.887282 0 0 1 87.774563 0v117.069324a160.846887 160.846887 0 0 1-160.846887 160.846887z m0 380.393014H43.887282a43.887282 43.887282 0 0 0 0 87.774563h117.069324a73.182042 73.182042 0 0 1 73.072324 73.182043v116.959605a43.887282 43.887282 0 0 0 87.774563 0V863.153113A160.846887 160.846887 0 0 0 160.956606 702.196507z"},null,-1)),F=[q],T=o(()=>e.createElementVNode("path",{d:"M768.35456 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.35456 864v-64a192 192 0 0 0 0-384z m-512 384h64v64H256.35456v-64z m448 0h64v64h-64v-64z"},null,-1)),$=o(()=>e.createElementVNode("path",{d:"M539.04256 845.248V512.192a32.448 32.448 0 0 0-32-32.192c-17.664 0-32 14.912-32 32.192v333.056l-36.096-36.096a32.192 32.192 0 0 0-45.056 0.192 31.616 31.616 0 0 0-0.192 45.056l90.88 90.944a31.36 31.36 0 0 0 22.528 9.088 30.08 30.08 0 0 0 22.4-9.088l90.88-90.88a32.192 32.192 0 0 0-0.192-45.12 31.616 31.616 0 0 0-45.056-0.192l-36.096 36.096z"},null,-1)),D=[T,$],G=o(()=>e.createElementVNode("path",{d:"M512 2.56C231.424 2.56 3.584 229.888 3.584 510.976S231.424 1018.88 512 1018.88s508.416-227.328 508.416-508.416S793.088 2.56 512 2.56z m0 941.568c-239.616 0-433.664-194.048-433.664-433.664S272.384 76.8 512 76.8s433.664 194.048 433.664 433.664-194.048 433.664-433.664 433.664z"},null,-1)),J=o(()=>e.createElementVNode("path",{d:"M409.6 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84zM614.4 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84z"},null,-1)),K=[G,J],Q=o(()=>e.createElementVNode("path",{d:"M423.687947 757.47897a100.195631 100.195631 0 0 1-100.195631-101.197587V366.716009a100.195631 100.195631 0 0 1 153.299316-85.166286l232.453863 145.283665a100.195631 100.195631 0 0 1 0 170.332573L476.791632 741.447669a100.195631 100.195631 0 0 1-52.101729 15.029345z m0-410.802087a21.041083 21.041083 0 0 0-10.019563 3.005869 20.039126 20.039126 0 0 0-10.019563 17.033257v289.565374a20.039126 20.039126 0 0 0 31.060646 17.033257l232.453863-145.283665a20.039126 20.039126 0 0 0 0-34.066514L433.70751 349.682752a19.03717 19.03717 0 0 0-10.019563-4.007825z"},null,-1)),R=o(()=>e.createElementVNode("path",{d:"M512.862059 1023.999349A511.999674 511.999674 0 0 1 313.472753 40.078252a511.999674 511.999674 0 0 1 398.778611 942.840888 508.993805 508.993805 0 0 1-199.389305 41.080209z m0-943.842844C274.396457 80.156505 81.018889 273.534073 81.018889 511.999674s193.377568 431.84317 431.84317 431.84317 431.84317-194.379524 431.843169-431.84317S750.325704 80.156505 512.862059 80.156505z"},null,-1)),U=[Q,R],W=e.defineComponent({__name:"ToolsBar",props:{playState:{type:Boolean,default:!1,required:!0}},emits:["on-previous","on-next","on-resetStyle","on-downloads","on-zoomIn","on-zoomOut","on-inevrtY","on-inevrtX","on-clockwise","on-counterclockwise","on-stopPlay","on-autoPlay"],setup(c,{emit:s}){const n=e.inject("isMultipleImage"),t=s,l=()=>{t("on-previous")},i=()=>{t("on-next")},a=()=>{t("on-resetStyle")},r=()=>{t("on-downloads")},h=()=>{t("on-zoomIn")},d=()=>{t("on-zoomOut")},v=()=>{t("on-inevrtY")},_=()=>{t("on-inevrtX")},m=()=>{t("on-clockwise")},p=()=>{t("on-counterclockwise")},z=()=>{t("on-stopPlay")},u=()=>{t("on-autoPlay")};return(k,Z)=>(e.openBlock(),e.createElementBlock("div",M,[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(l,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},V)):e.createCommentVNode("",!0),e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:1,onClick:e.withModifiers(i,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},E)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(h,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},S)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(d,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},b)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(p,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},I)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(m,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},P)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(_,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},X)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(v,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},j)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(a,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"20",height:"20"},F)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(r,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},D)),c.playState?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(z,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},K)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(u,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},U)):e.createCommentVNode("",!0)],64)),e.renderSlot(k.$slots,"default",{},void 0,!0)]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=c=>(e.pushScopeId("data-v-41b075b9"),c=c(),e.popScopeId(),c),M={class:"control-svg__btns"},B=o(()=>e.createElementVNode("path",{d:"M758.656 937.344a32 32 0 1 1-45.31199999 45.312l-448.00000001-448.128a32 32 0 0 1 0-45.248l448.00000001-447.936a32 32 0 1 1 45.31199999 45.312l-425.408 425.28000001L758.656 937.344z"},null,-1)),V=[B],w=o(()=>e.createElementVNode("path",{d:"M265.344 86.656a32 32 0 1 1 45.312-45.312l448 448.128a32 32 0 0 1 0 45.248l-448 447.936a32 32 0 1 1-45.312-45.312l425.408-425.28L265.344 86.656z"},null,-1)),E=[w],C=o(()=>e.createElementVNode("path",{d:"M476.48 903.36C248.96 903.36 64 718.4 64 491.2S248.96 78.72 476.48 78.72s412.48 184.96 412.48 412.48-185.28 412.16-412.48 412.16z m0-741.12c-181.44 0-328.96 147.52-328.96 328.96s147.52 328.96 328.96 328.96 328.96-147.52 328.96-328.96S657.6 162.24 476.48 162.24z"},null,-1)),f=o(()=>e.createElementVNode("path",{d:"M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM643.84 532.8H309.12c-23.04 0-41.6-18.56-41.6-41.6s18.56-41.6 41.6-41.6h334.72c23.04 0 41.6 18.56 41.6 41.6s-18.56 41.6-41.6 41.6z"},null,-1)),N=o(()=>e.createElementVNode("path",{d:"M476.48 700.16c-23.04 0-41.6-18.56-41.6-41.6V323.84c0-23.04 18.56-41.6 41.6-41.6s41.6 18.56 41.6 41.6v334.72c0 23.04-18.56 41.6-41.6 41.6z"},null,-1)),y=[C,f,N],S=o(()=>e.createElementVNode("path",{d:"M485.76 921.92C253.12 921.92 64 732.8 64 500.48 64 267.84 253.12 78.72 485.76 78.72s421.76 189.12 421.76 421.76c-0.32 232.32-189.44 421.44-421.76 421.44z m0-759.68c-186.56 0-338.24 151.68-338.24 338.24s151.68 338.24 338.24 338.24 338.24-151.68 338.24-338.24S672 162.24 485.76 162.24z"},null,-1)),g=o(()=>e.createElementVNode("path",{d:"M918.4 945.28c-9.28 0-18.56-2.88-26.24-9.28l-156.48-126.4c-17.92-14.4-20.8-40.64-6.08-58.56 14.4-17.92 40.64-20.8 58.56-6.08l156.48 126.4c17.92 14.4 20.8 40.64 6.08 58.56-8.32 9.92-20.16 15.36-32.32 15.36zM657.28 542.08H314.24c-23.04 0-41.6-18.56-41.6-41.6 0-23.04 18.56-41.6 41.6-41.6h343.04c23.04 0 41.6 18.56 41.6 41.6 0 23.04-18.56 41.6-41.6 41.6z"},null,-1)),b=[S,g],x=o(()=>e.createElementVNode("path",{d:"M981.675 313.572c-25.714-60.758-62.464-115.257-109.227-162.02S771.186 68.039 710.428 42.325C647.51 15.815 580.836 2.275 512 2.275s-135.51 13.54-198.428 40.05c-60.758 25.714-115.257 62.464-162.02 109.227-25.486 25.486-48.014 53.248-67.356 83.172V188.87c0-22.528-18.432-40.96-40.96-40.96s-40.96 18.432-40.96 40.96v327.68c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-57.116c4.778-39.595 15.018-78.166 30.72-115.143 21.731-51.314 52.792-97.394 92.387-136.989s85.675-70.77 136.989-92.387C397.426 92.5 453.86 81.01 512 81.01c58.254 0 114.688 11.378 167.708 33.906 51.314 21.731 97.394 52.792 136.989 92.387s70.77 85.675 92.387 136.989C931.5 397.426 942.99 453.86 942.99 512c0 58.254-11.378 114.688-33.906 167.708-21.731 51.314-52.792 97.394-92.387 136.989s-85.675 70.77-136.989 92.387C626.574 931.5 570.14 942.99 512 942.99c-73.5 0-146.09-18.773-209.806-54.386-61.895-34.588-114.802-84.309-153.145-144.042-11.72-18.318-36.068-23.666-54.386-11.833-18.318 11.719-23.666 36.067-11.833 54.386 45.284 70.542 107.862 129.365 181.02 170.211 75.322 42.098 161.224 64.398 248.15 64.398 68.836 0 135.51-13.54 198.428-40.05 60.758-25.713 115.257-62.463 162.02-109.226 46.763-46.763 83.513-101.262 109.227-162.02 26.51-62.919 40.05-129.592 40.05-198.428s-13.54-135.51-40.05-198.428z"},null,-1)),H=o(()=>e.createElementVNode("path",{d:"M242.802 584.249c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z"},null,-1)),L=[x,H],I=o(()=>e.createElementVNode("path",{d:"M512 1021.724c-68.836 0-135.51-13.54-198.428-40.05-60.758-25.713-115.257-62.463-162.02-109.226S68.039 771.186 42.325 710.428C15.815 647.51 2.275 580.836 2.275 512s13.54-135.51 40.05-198.428c25.714-60.758 62.464-115.257 109.227-162.02s101.262-83.513 162.02-109.227C376.49 15.815 443.164 2.275 512 2.275s135.51 13.54 198.428 40.05c60.758 25.714 115.257 62.464 162.02 109.227s83.513 101.262 109.227 162.02c26.51 62.919 40.05 129.592 40.05 198.428 0 21.732-17.636 39.367-39.368 39.367S942.99 533.732 942.99 512c0-58.254-11.378-114.688-33.906-167.708-21.731-51.314-52.792-97.394-92.387-136.989s-85.675-70.77-136.989-92.387C626.574 92.5 570.14 81.01 512 81.01c-58.254 0-114.688 11.378-167.708 33.906-51.314 21.731-97.394 52.792-136.989 92.387s-70.77 85.675-92.387 136.989C92.5 397.426 81.01 453.86 81.01 512c0 58.254 11.378 114.688 33.906 167.708 21.731 51.314 52.792 97.394 92.387 136.989s85.675 70.77 136.989 92.387C397.426 931.5 453.86 942.99 512 942.99c73.5 0 146.09-18.773 209.806-54.386 61.895-34.588 114.802-84.309 153.145-144.042 11.72-18.318 36.068-23.666 54.386-11.833 18.318 11.719 23.666 36.067 11.833 54.386-45.284 70.542-107.862 129.365-181.02 170.211-75.322 42.098-161.224 64.398-248.15 64.398z"},null,-1)),A=o(()=>e.createElementVNode("path",{d:"M980.764 557.511c-22.528 0-40.96-18.432-40.96-40.96v-327.68c0-22.528 18.432-40.96 40.96-40.96s40.96 18.432 40.96 40.96v327.68c0 22.528-18.432 40.96-40.96 40.96zM242.802 584.25c10.809-2.845 21.731 3.3 25.372 13.88 3.982 11.606 11.264 20.14 21.732 25.715 8.078 4.437 17.18 6.599 27.306 6.599 18.888 0 35.044-7.851 48.356-23.666 13.312-15.701 22.756-37.205 28.33-85.447-8.76 13.88-19.683 23.666-32.654 29.354-12.97 5.69-26.965 8.42-41.87 8.42-30.378 0-54.272-9.444-72.021-28.33-17.636-18.888-26.51-43.122-26.51-72.932 0-28.558 8.76-53.59 26.169-75.321 17.408-21.618 43.121-32.54 77.14-32.54 45.853 0 77.484 20.593 94.892 61.895 9.67 22.641 14.45 51.086 14.45 85.22 0 38.456-5.803 72.59-17.409 102.285-19.228 49.494-51.769 74.183-97.621 74.183-30.72 0-54.158-8.078-70.087-24.12-11.378-11.492-18.66-25.032-21.96-40.733-2.275-10.923 4.552-21.731 15.36-24.576l1.025 0.114z m117.19-84.65c10.696-8.534 16.044-23.439 16.044-44.715 0-19.115-4.78-33.337-14.45-42.667s-21.846-13.995-36.75-13.995c-15.93 0-28.672 5.348-38.002 16.043-9.33 10.695-14.109 25.031-14.109 42.894 0 16.953 4.096 30.379 12.402 40.391 8.192 10.013 21.39 14.905 39.367 14.905 12.97 0 24.804-4.323 35.499-12.857z m305.153-98.646c14.108 25.941 21.049 61.44 21.049 106.61 0 42.78-6.372 78.165-19.115 106.154-18.432 40.164-48.697 60.189-90.567 60.189-37.774 0-65.877-16.384-84.423-49.266-15.36-27.42-23.097-64.17-23.097-110.364 0-35.727 4.665-66.447 13.88-92.047 17.295-47.786 48.584-71.68 93.868-71.68 40.846 0 70.314 16.84 88.405 50.404zM619.406 598.13c10.695-15.815 15.93-45.398 15.93-88.747 0-31.175-3.87-56.889-11.492-77.027-7.737-20.14-22.642-30.265-44.829-30.265-20.366 0-35.271 9.557-44.715 28.672-9.443 19.114-14.108 47.331-14.108 84.537 0 27.989 2.958 50.517 8.988 67.584 9.216 25.94 25.032 39.025 47.332 39.025 17.863 0 32.2-7.964 42.894-23.78z m224.029-228.125c12.743 12.857 19.114 28.445 19.114 46.877 0 19-6.599 34.93-19.91 47.559-13.199 12.743-28.673 19.115-46.195 19.115-19.456 0-35.498-6.6-47.9-19.798-12.402-13.198-18.66-28.558-18.66-46.194 0-18.773 6.6-34.588 19.684-47.445 13.084-12.857 28.786-19.342 46.876-19.342 18.546 0 34.248 6.485 46.99 19.228z m-72.59 72.59c7.054 7.055 15.587 10.582 25.6 10.582 9.557 0 17.976-3.527 25.144-10.581 7.168-7.055 10.695-15.588 10.695-25.714 0-9.671-3.527-18.09-10.58-25.145-7.055-7.054-15.475-10.581-25.26-10.581s-18.318 3.527-25.486 10.58c-7.168 7.055-10.695 15.588-10.695 25.715-0.114 9.557 3.413 17.977 10.581 25.145z"},null,-1)),P=[I,A],O=o(()=>e.createElementVNode("path",{d:"M573.248 832v88h-96V832h96zM128 224a64 64 0 0 1 45.248 18.752l229.504 229.504a64 64 0 0 1 0 90.496l-229.504 229.504A64 64 0 0 1 64 747.008V288a64 64 0 0 1 64-64z m781.248-5.504a64 64 0 0 1 63.552 56.576l0.448 7.424v459.008a64 64 0 0 1-103.232 50.56l-6.016-5.312-229.504-229.504a64 64 0 0 1-5.312-84.48l5.312-6.016L864 237.248a64 64 0 0 1 45.248-18.752zM128 288v459.008l229.504-229.504L128 288z m445.248 368v88h-96V656h96z m0-176v88h-96V480h96z m0-176v88h-96V304h96z m0-176v88h-96V128h96z"},null,-1)),q=[O],X=o(()=>e.createElementVNode("path",{d:"M660.48 106.24L512 291.84l-149.12-185.6h297.6M768 69.12c1.28-19.2-13.44-36.48-33.28-37.12H289.28c-19.2 1.28-33.92 17.92-33.28 37.12 0 8.96 3.2 17.92 8.32 24.96l222.72 277.76a30.72 30.72 0 0 0 49.28 0l222.72-277.76c6.4-7.04 8.96-16 8.96-24.96zM768 954.88c1.28 19.2-13.44 36.48-33.28 37.12H289.28a35.52 35.52 0 0 1-33.28-37.12c0-8.96 3.2-17.92 8.32-24.96l222.72-277.76a30.72 30.72 0 0 1 49.28 0l222.72 277.76c6.4 7.04 8.96 16 8.96 24.96zM800 480h64v64h-64zM928 480h64v64h-64zM672 480h64v64h-64zM544 480h64v64h-64zM416 480h64v64h-64zM288 480h64v64h-64zM160 480h64v64h-64zM32 480h64v64h-64z"},null,-1)),Y=[X],j=o(()=>e.createElementVNode("path",{d:"M863.153113 702.196507h116.959605a43.887282 43.887282 0 0 1 0 87.774563H863.153113A73.182042 73.182042 0 0 0 789.97107 863.153113v116.959605a43.887282 43.887282 0 0 1-87.774563 0V863.153113A160.956606 160.956606 0 0 1 863.153113 702.196507z m0-380.393014h116.959605a43.887282 43.887282 0 0 0 0-87.774563H863.153113A73.182042 73.182042 0 0 1 789.97107 160.956606V43.887282a43.887282 43.887282 0 0 0-87.774563 0v117.069324a160.846887 160.846887 0 0 0 160.956606 160.846887z m-702.196507 0H43.887282a43.887282 43.887282 0 0 1 0-87.774563h117.069324a73.072324 73.072324 0 0 0 73.072324-73.072324V43.887282a43.887282 43.887282 0 0 1 87.774563 0v117.069324a160.846887 160.846887 0 0 1-160.846887 160.846887z m0 380.393014H43.887282a43.887282 43.887282 0 0 0 0 87.774563h117.069324a73.182042 73.182042 0 0 1 73.072324 73.182043v116.959605a43.887282 43.887282 0 0 0 87.774563 0V863.153113A160.846887 160.846887 0 0 0 160.956606 702.196507z"},null,-1)),D=[j],F=o(()=>e.createElementVNode("path",{d:"M768.35456 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.35456 864v-64a192 192 0 0 0 0-384z m-512 384h64v64H256.35456v-64z m448 0h64v64h-64v-64z"},null,-1)),T=o(()=>e.createElementVNode("path",{d:"M539.04256 845.248V512.192a32.448 32.448 0 0 0-32-32.192c-17.664 0-32 14.912-32 32.192v333.056l-36.096-36.096a32.192 32.192 0 0 0-45.056 0.192 31.616 31.616 0 0 0-0.192 45.056l90.88 90.944a31.36 31.36 0 0 0 22.528 9.088 30.08 30.08 0 0 0 22.4-9.088l90.88-90.88a32.192 32.192 0 0 0-0.192-45.12 31.616 31.616 0 0 0-45.056-0.192l-36.096 36.096z"},null,-1)),$=[F,T],G=o(()=>e.createElementVNode("path",{d:"M512 2.56C231.424 2.56 3.584 229.888 3.584 510.976S231.424 1018.88 512 1018.88s508.416-227.328 508.416-508.416S793.088 2.56 512 2.56z m0 941.568c-239.616 0-433.664-194.048-433.664-433.664S272.384 76.8 512 76.8s433.664 194.048 433.664 433.664-194.048 433.664-433.664 433.664z"},null,-1)),J=o(()=>e.createElementVNode("path",{d:"M409.6 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84zM614.4 730.112c-19.968 0-35.84-15.872-35.84-35.84v-332.8c0-19.968 15.872-35.84 35.84-35.84s35.84 15.872 35.84 35.84v332.8c0 19.968-15.872 35.84-35.84 35.84z"},null,-1)),K=[G,J],Q=o(()=>e.createElementVNode("path",{d:"M423.687947 757.47897a100.195631 100.195631 0 0 1-100.195631-101.197587V366.716009a100.195631 100.195631 0 0 1 153.299316-85.166286l232.453863 145.283665a100.195631 100.195631 0 0 1 0 170.332573L476.791632 741.447669a100.195631 100.195631 0 0 1-52.101729 15.029345z m0-410.802087a21.041083 21.041083 0 0 0-10.019563 3.005869 20.039126 20.039126 0 0 0-10.019563 17.033257v289.565374a20.039126 20.039126 0 0 0 31.060646 17.033257l232.453863-145.283665a20.039126 20.039126 0 0 0 0-34.066514L433.70751 349.682752a19.03717 19.03717 0 0 0-10.019563-4.007825z"},null,-1)),R=o(()=>e.createElementVNode("path",{d:"M512.862059 1023.999349A511.999674 511.999674 0 0 1 313.472753 40.078252a511.999674 511.999674 0 0 1 398.778611 942.840888 508.993805 508.993805 0 0 1-199.389305 41.080209z m0-943.842844C274.396457 80.156505 81.018889 273.534073 81.018889 511.999674s193.377568 431.84317 431.84317 431.84317 431.84317-194.379524 431.843169-431.84317S750.325704 80.156505 512.862059 80.156505z"},null,-1)),U=[Q,R],W=e.defineComponent({__name:"ToolsBar",props:{playState:{type:Boolean,default:!1,required:!0},isDownLoad:{type:Boolean,default:!0,required:!1}},emits:["on-previous","on-next","on-resetStyle","on-downloads","on-zoomIn","on-zoomOut","on-inevrtY","on-inevrtX","on-clockwise","on-counterclockwise","on-stopPlay","on-autoPlay"],setup(c,{emit:s}){const n=e.inject("isMultipleImage"),t=s,l=()=>{t("on-previous")},i=()=>{t("on-next")},a=()=>{t("on-resetStyle")},r=()=>{t("on-downloads")},h=()=>{t("on-zoomIn")},d=()=>{t("on-zoomOut")},v=()=>{t("on-inevrtY")},_=()=>{t("on-inevrtX")},m=()=>{t("on-clockwise")},p=()=>{t("on-counterclockwise")},z=()=>{t("on-stopPlay")},u=()=>{t("on-autoPlay")};return(k,Z)=>(e.openBlock(),e.createElementBlock("div",M,[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(l,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},V)):e.createCommentVNode("",!0),e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:1,onClick:e.withModifiers(i,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},E)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(h,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},y)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(d,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},b)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(p,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},L)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(m,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},P)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(_,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},q)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(v,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},Y)),(e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(a,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"20",height:"20"},D)),c.isDownLoad?(e.openBlock(),e.createElementBlock("svg",{key:2,onClick:e.withModifiers(r,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},$)):e.createCommentVNode("",!0),c.playState?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(z,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},K)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.unref(n)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:e.withModifiers(u,["stop","prevent"]),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},U)):e.createCommentVNode("",!0)],64)),e.renderSlot(k.$slots,"default",{},void 0,!0)]))}});exports.default=W;

dist/lib/hooks/player.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),P=2e3;function i(e,o,n,s=()=>{},f){const u=t.ref(null),l=t.ref(!1),a=t.ref(null),v=()=>{a.value&&(l.value=!0,u.value=setInterval(()=>{y()},f||P))},y=()=>{t.nextTick().then(h=>{if(e.value===o.length-1)r();else{e.value++,a.value.scrollTo(e.value);const c=o[e.value]||0;n.value&&(n.value.src=c),s&&s({image:c,index:e.value})}})};function r(){l.value=!1,clearInterval(u.value)}return{timer:u,scrollItemNavRef:a,playState:l,autoPlay:v,stopPlay:r,hotKeyAutoPlay:()=>{l.value?r():v()}}}exports.usePlayer=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=2e3;function P(e,n,o,s=()=>{},f){const l=t.ref(null),u=t.ref(!1),a=t.ref(null),v=()=>{a.value&&(u.value=!0,l.value=setInterval(()=>{y()},f||i))},y=()=>{t.nextTick().then(h=>{if(e.value===n.length-1)r();else{e.value++,a.value.scrollTo(e.value);const c=n[e.value]||0;o.value&&(o.value.src=c),s&&s({image:c,index:e.value})}})};function r(){u.value=!1,l.value!==null&&(clearInterval(l.value),l.value=null)}return{timer:l,scrollItemNavRef:a,playState:u,autoPlay:v,stopPlay:r,hotKeyAutoPlay:()=>{u.value?r():v()}}}exports.usePlayer=P;

dist/lib/index.js

@@ -1,1 +0,1 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.scroll-item-nav__wrapper[data-v-4db73b96]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-4db73b96]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-4db73b96]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-4db73b96]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-4db73b96]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-4db73b96]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-4db73b96]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-4db73b96]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-4db73b96]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-cb937b22]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-cb937b22]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-cb937b22]{fill:#eee}.icon-is-hover:hover path[data-v-cb937b22]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-6806c698]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-6806c698] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-6806c698]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-6806c698]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-6806c698]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-6806c698]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-6806c698]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-6806c698]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-6806c698]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-6806c698]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-6806c698]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-6806c698]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-6806c698]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-6806c698]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-6806c698]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-6806c698]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-6806c698]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-6806c698]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-6806c698]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-6806c698]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-6806c698]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-6806c698]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-6806c698]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-6806c698]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-6806c698]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-6806c698]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-6806c698]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-6806c698]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-6806c698]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-6806c698]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-6806c698]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{top:40%;right:0}.cus-transition[data-v-6806c698]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-6806c698]{border:1px solid var(--active-icon-color);opacity:1!important}\n@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.scroll-item-nav__wrapper[data-v-4db73b96]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-4db73b96]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-4db73b96]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-4db73b96]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-4db73b96]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-4db73b96]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-4db73b96]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-4db73b96]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-4db73b96]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-cb937b22]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-cb937b22]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-cb937b22]{fill:#eee}.icon-is-hover:hover path[data-v-cb937b22]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-6806c698]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-6806c698] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-6806c698] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-6806c698]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-6806c698]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-6806c698]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-6806c698]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-6806c698]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-6806c698]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-6806c698]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-6806c698]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-6806c698]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-6806c698]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-6806c698]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-6806c698]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-6806c698]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-6806c698]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-6806c698]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-6806c698]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-6806c698]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-6806c698]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-6806c698]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-6806c698]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-6806c698]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-6806c698]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-6806c698]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-6806c698]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-6806c698]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-6806c698]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-6806c698]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-6806c698]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-6806c698]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-6806c698]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-6806c698]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-6806c698]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-6806c698]{top:40%;right:0}.cus-transition[data-v-6806c698]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-6806c698]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue"),l=require("./components/viewer.vue.js"),y=require("./components/index.vue.js"),c=require("./directive/v-image-viewer.js"),f=require("./directive/v-lazy-image.js"),w=require("./utils/ViewerCore.js"),m=require("./utils/index.js");let u;const a=w.default.getInStance();var t=(e,r)=>{};function p(e,r){r&&a.setConfigOptions(r),console.log(`%cimages-viewer-vue3_V${m.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",c.default),e.directive("lazy-image",f.default),e.component("ImagesViewerVue3",l.default),e.config.globalProperties.$imageViewerApi=s}async function s(e){var r=[];await m.asyncVerifyIllegalImage(e.images||[]).then(o=>{r=o.data}).catch(o=>{console.error("images-viewer-vue3:",JSON.stringify(o))});const n=a.getConfigOptions();var i=null;i?i&&document.body.removeChild(i):(u=d.createVNode(y.default,{visible:!0,current:e.current,images:r,zIndex:n.zIndex,image:e.imageDom,from:e.from||"api",language:n.language||"zh",playSpeed:n.playSpeed,handleChange:({image:o,index:v})=>{t&&t(o,v)},handleClose:()=>{g()}}),i=document.createElement("div"),i.style.zIndex=n.zIndex+"",i.classList.add("image-viewer-vue3__root"),d.render(u,i),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(i),t&&t(e.current,e.imageDom&&e.imageDom.getAttribute("data-index")))}function g(){const e=document.querySelector(".image-viewer-vue3__root");e&&(document.body.style.removeProperty("overflow"),document.body.style.removeProperty("margin"),document.body.style.removeProperty("padding"),document.body.removeChild(e)),a.destroyed()}function V(e){e&&(t=e)}const b=l.default;exports.VImageViewer=c.default;exports.ImageViewerVue3=b;exports.default=p;exports.imageViewerApi=s;exports.onClose=g;exports.onUpdate=V;
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.nav-image-loading__wrap .loading-spin[data-v-1e420db0]{--loading-w: 5;width:30px;aspect-ratio:1;border:calc(var(--loading-w) * 1px) solid #f3f3f3;border-radius:50%;border-top:calc(var(--loading-w) * 1px) solid #10ac84;border-bottom:calc(var(--loading-w) * 1px) solid tomato;-webkit-animation:animate-1e420db0 1s linear infinite;animation:animate-1e420db0 1s linear infinite;position:absolute;top:15px;left:20px}@-webkit-keyframes animate-1e420db0{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes animate-1e420db0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-item-nav__wrapper[data-v-3c2b3e12]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-3c2b3e12]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-3c2b3e12]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-3c2b3e12]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-3c2b3e12]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]:hover{opacity:1}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-3c2b3e12]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-3c2b3e12]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .error-text[data-v-3c2b3e12]{position:absolute;top:20px;left:15px;color:tomato;font-size:12px}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-3c2b3e12]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-41b075b9]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-41b075b9]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-41b075b9]{fill:#eee}.icon-is-hover:hover path[data-v-41b075b9]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-dfc8a302]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-dfc8a302] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-dfc8a302]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-dfc8a302]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-dfc8a302]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-dfc8a302]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-dfc8a302]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-dfc8a302]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-dfc8a302]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-dfc8a302]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-dfc8a302]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-dfc8a302]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-dfc8a302]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-dfc8a302]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-dfc8a302]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-dfc8a302]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-dfc8a302]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-dfc8a302]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-dfc8a302]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-dfc8a302]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-dfc8a302]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-dfc8a302]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-dfc8a302]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-dfc8a302]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-dfc8a302]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-dfc8a302]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-dfc8a302]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-dfc8a302]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-dfc8a302]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-dfc8a302]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-dfc8a302]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{top:40%;right:0}.cus-transition[data-v-dfc8a302]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-dfc8a302]{border:1px solid var(--active-icon-color);opacity:1!important}\n@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-75db11c1]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-pc[data-v-75db11c1]{left:50%;top:10px}.hotkey-tip__wrap.is-mobile[data-v-75db11c1]{bottom:0;left:30%}.hotkey-tip__wrap.is-active_key[data-v-75db11c1]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-75db11c1]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#fff}.mobile-vierwer__wrapper[data-v-8ebb7a18]{margin:auto 0}.mobile-vierwer__wrapper.cus-img-preview[data-v-8ebb7a18]{width:100%;position:relative;overflow:hidden}.mobile-vierwer__wrapper.cus-img-preview ul[data-v-8ebb7a18]{display:flex;flex-wrap:nowrap;align-items:center}.mobile-vierwer__wrapper.cus-img-preview ul li .viewer-image[data-v-8ebb7a18]{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.nav-image-loading__wrap .loading-spin[data-v-1e420db0]{--loading-w: 5;width:30px;aspect-ratio:1;border:calc(var(--loading-w) * 1px) solid #f3f3f3;border-radius:50%;border-top:calc(var(--loading-w) * 1px) solid #10ac84;border-bottom:calc(var(--loading-w) * 1px) solid tomato;-webkit-animation:animate-1e420db0 1s linear infinite;animation:animate-1e420db0 1s linear infinite;position:absolute;top:15px;left:20px}@-webkit-keyframes animate-1e420db0{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes animate-1e420db0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-item-nav__wrapper[data-v-3c2b3e12]{background-color:#0009;width:100%;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap[data-v-3c2b3e12]{height:50px;overflow:hidden}.scroll-item-nav__wrapper .nav-header__wrap .image-index[data-v-3c2b3e12]{width:100%;outline:none;border:none;text-align:center}.scroll-item-nav__wrapper .nav-header__wrap .query-btn[data-v-3c2b3e12]{width:100%;background:#3a8df5;color:#eee;border:none;border-radius:4px}.scroll-item-nav__wrapper .nav-scroll__wrap[data-v-3c2b3e12]{height:calc(var(--sider-height, 600) * 1px);background-color:#6b72800d;padding:.5rem .3rem;overflow-y:auto}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]{border:1px solid transparent;margin-bottom:.5rem;border-radius:4px;position:relative;opacity:.5}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item[data-v-3c2b3e12]:hover{opacity:1}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item.active-item[data-v-3c2b3e12]{opacity:1;border:1px solid var(--active-icon-color)}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .index[data-v-3c2b3e12]{position:absolute;top:10px;left:20px;color:red}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .error-text[data-v-3c2b3e12]{position:absolute;top:20px;left:15px;color:tomato;font-size:12px}.scroll-item-nav__wrapper .nav-scroll__wrap .list-group-item .list-group-image[data-v-3c2b3e12]{width:100%;height:100%;object-fit:cover;border-radius:4px}.control-svg__btns[data-v-41b075b9]{background-color:#00000080;border-radius:8px;padding:8px 10px!important}.control-svg__btns .tool-item-icon__btn[data-v-41b075b9]{margin:0 4px;width:25px;height:25px}.control-svg__btns .tool-item-icon__btn path[data-v-41b075b9]{fill:#eee}.icon-is-hover:hover path[data-v-41b075b9]{fill:var(--active-icon-color)!important}.image-viewer-vue3__root[data-v-dfc8a302]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-dfc8a302] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-dfc8a302] *{box-sizing:border-box;padding:0;margin:0}.images-viewer-vue3__wrapper[data-v-dfc8a302]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-dfc8a302]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-dfc8a302]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-dfc8a302]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-dfc8a302]{opacity:1}.images-viewer-vue3__wrapper .is-hidden[data-v-dfc8a302]{display:none!important}.images-viewer-vue3__wrapper .is-show[data-v-dfc8a302]{display:block}.images-viewer-vue3__wrapper .cursor[data-v-dfc8a302]{cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile[data-v-dfc8a302]{max-width:100%;max-height:100%;position:relative;display:grid;place-items:center;height:100vh}.images-viewer-vue3__wrapper .images-viewer-vue3__mobile .cus-head-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-dfc8a302]{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;grid-template-columns:90px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.active-grid[data-v-dfc8a302]{grid-template-columns:0px 1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content.close-grid[data-v-dfc8a302]{grid-template-columns:1fr}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-dfc8a302]{width:0px;overflow:hidden;transition:width .6s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-dfc8a302]{width:var(--nav-width)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-dfc8a302]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-dfc8a302]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-dfc8a302]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-dfc8a302]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-dfc8a302]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-dfc8a302]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-dfc8a302]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-dfc8a302]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-dfc8a302]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-dfc8a302]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-dfc8a302]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover;padding:30px;display:inline-block}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-dfc8a302]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-dfc8a302]{display:flex;align-items:center;color:#eee;padding-bottom:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-dfc8a302]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-dfc8a302]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-dfc8a302]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-dfc8a302]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-dfc8a302]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-dfc8a302]{top:40%;right:0}.cus-transition[data-v-dfc8a302]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-dfc8a302]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue"),l=require("./components/viewer.vue.js"),y=require("./components/index.vue.js"),s=require("./directive/v-image-viewer.js"),f=require("./directive/v-lazy-image.js"),w=require("./utils/ViewerCore.js"),c=require("./utils/index.js");let u;const a=w.default.getInStance();var n=(e,o)=>{};function p(e,o){o&&a.setConfigOptions(o),console.log(`%cimages-viewer-vue3_V${c.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",s.default),e.directive("lazy-image",f.default),e.component("ImagesViewerVue3",l.default),e.config.globalProperties.$imageViewerApi=m}async function m(e){var o=[];await c.asyncVerifyIllegalImage(e.images||[]).then(t=>{o=t.data}).catch(t=>{console.error("images-viewer-vue3:",JSON.stringify(t))});const r=a.getConfigOptions();var i=null;i?i&&document.body.removeChild(i):(u=d.createVNode(y.default,{visible:!0,current:e.current,images:o,zIndex:r.zIndex,image:e.imageDom,from:e.from||"api",language:r.language||"zh",playSpeed:r.playSpeed,isDownLoad:r.isDownLoad,handleChange:({image:t,index:v})=>{n&&n(t,v)},handleClose:()=>{g()}}),i=document.createElement("div"),i.style.zIndex=r.zIndex+"",i.classList.add("image-viewer-vue3__root"),d.render(u,i),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(i),n&&n(e.current,e.imageDom&&e.imageDom.getAttribute("data-index")))}function g(){const e=document.querySelector(".image-viewer-vue3__root");e&&(document.body.style.removeProperty("overflow"),document.body.style.removeProperty("margin"),document.body.style.removeProperty("padding"),document.body.removeChild(e)),a.destroyed()}function V(e){e&&(n=e)}const b=l.default;exports.VImageViewer=s.default;exports.ImageViewerVue3=b;exports.default=p;exports.imageViewerApi=m;exports.onClose=g;exports.onUpdate=V;

dist/lib/types/image-viewer.d.ts

@@ -19,2 +19,3 @@ type fromType = 'api' | 'directive' | 'component';
     playSpeed: number;
+    isDownLoad: boolean;
 }
@@ -29,2 +30,3 @@ export interface ImageViewerInstallConfig {
     playSpeed?: number;
+    isDownLoad?: boolean;
 }
@@ -31,0 +33,0 @@ export type ImageObjectTypes = {

dist/lib/utils/index.d.ts

 import { AsyncSetImageReturnType } from '../types/image-viewer';
-export declare const versions = "1.0.18";
+export declare const versions = "1.0.19";
 /**
@@ -4,0 +4,0 @@ * Verify illegal image paths, such as null, undefined, ''

dist/lib/utils/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c="1.0.18",d=e=>new Promise((a,t)=>{if(l(e)&&e.length>0){const[r,n]=e.reduce((o,i)=>(i?o[0].push(i):o[1].push(i),o),[[],[]]);n.length&&console.warn(`images-viewer-vue3:The image parameter 'images' contains illegal characters:[${JSON.stringify(n)}]`),a({data:r})}else a({data:e||[]})}),s=()=>{var e=new Date,a=e.getFullYear(),t=e.getMonth()+1,r=e.getDate(),n=e.getHours(),o=e.getMinutes(),i=e.getSeconds();return`${a}${t}${r}_${n}${o}${i}`},g=(e,a)=>{fetch(e).then(t=>t.blob()).then(t=>{var r=document.createElement("a");r.style.display="none",document.body.appendChild(r);var n=window.URL.createObjectURL(t);r.href=n,r.download=s(),r.click(),window.URL.revokeObjectURL(n),document.body.removeChild(r)})},u=()=>{const e=navigator.userAgent||navigator.vendor||window.opera,a=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());let t=!1;return a&&(t=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(t=!0),t},l=e=>Object.prototype.toString.call(e)==="[object Array]";exports.asyncVerifyIllegalImage=d;exports.downloadExe=g;exports.getTimeStamp=s;exports.getUserAgent=u;exports.isTrueArray=l;exports.versions=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c="1.0.19",d=e=>new Promise((a,t)=>{if(l(e)&&e.length>0){const[r,n]=e.reduce((o,i)=>(i?o[0].push(i):o[1].push(i),o),[[],[]]);n.length&&console.warn(`images-viewer-vue3:The image parameter 'images' contains illegal characters:[${JSON.stringify(n)}]`),a({data:r})}else a({data:e||[]})}),s=()=>{var e=new Date,a=e.getFullYear(),t=e.getMonth()+1,r=e.getDate(),n=e.getHours(),o=e.getMinutes(),i=e.getSeconds();return`${a}${t}${r}_${n}${o}${i}`},g=(e,a)=>{fetch(e).then(t=>t.blob()).then(t=>{var r=document.createElement("a");r.style.display="none",document.body.appendChild(r);var n=window.URL.createObjectURL(t);r.href=n,r.download=s(),r.click(),window.URL.revokeObjectURL(n),document.body.removeChild(r)})},u=()=>{const e=navigator.userAgent||navigator.vendor||window.opera,a=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());let t=!1;return a&&(t=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(t=!0),t},l=e=>Object.prototype.toString.call(e)==="[object Array]";exports.asyncVerifyIllegalImage=d;exports.downloadExe=g;exports.getTimeStamp=s;exports.getUserAgent=u;exports.isTrueArray=l;exports.versions=c;

dist/lib/utils/ViewerCore.js

@@ -1,1 +0,1 @@
-"use strict";var m=Object.defineProperty;var g=(c,t,e)=>t in c?m(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var n=(c,t,e)=>g(c,typeof t!="symbol"?t+"":t,e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=class l{constructor(){n(this,"currentImage",null);n(this,"totalRotate",0);n(this,"isMouseDown",!1);n(this,"config",{scaleRatio:1,rotateRatio:90,isEnableDrag:!0,isEnableWheel:!0,zIndex:2e3,language:"zh",playSpeed:2e3});n(this,"transforms",{scale:1,rotate:"0deg",scaleY:"",scaleX:""})}static getInStance(){return!this.viewer&&(this.viewer=new l),this.viewer.initialize(),this.viewer}initialize(){}setImageTransform(){if(!this.currentImage)return;let t="";Object.keys(this.transforms).forEach(e=>{const s=e;switch(s){case"scaleX":case"scaleY":case"scale":case"rotate":this.transforms[s]&&(t+=`${e}(${this.transforms[s]}) `);break}}),this.currentImage.style.transform=t}onWheel(t){t.deltaY<0&&this.zoomIn(),t.deltaY>=0&&this.zoomOut()}setConfigOptions(t){this.config=Object.assign(this.config,t)}getConfigOptions(){return this.config}horizontalInvert(){this.setInvert("scaleY")}verticalInvert(){this.setInvert("scaleX")}setInvert(t="scaleX"){if(!t||!this.currentImage)return;let e=this.currentImage.style.transform;const s=new RegExp(`${t}\\(([^)]+)\\)`);if(s.test(e)){const r=e.match(s),o=(r&&parseInt(r[1]))===1?-1:1;t==="scaleX"&&(this.transforms.scaleX=`${o}`),t==="scaleY"&&(this.transforms.scaleY=`${o}`)}else t==="scaleX"&&(this.transforms.scaleX="-1"),t==="scaleY"&&(this.transforms.scaleY="-1");this.setImageTransform()}zoomIn(){this.setZoom("+")}zoomOut(){this.setZoom("-")}rotate(t="+"){this.currentImage&&(t==="+"?this.totalRotate+=this.config.rotateRatio:this.totalRotate-=this.config.rotateRatio,this.transforms.rotate=`${this.totalRotate}deg`,this.setImageTransform())}setZoom(t="+"){this.currentImage&&(t==="+"?this.config.scaleRatio+=.1:this.config.scaleRatio>=.3&&(this.config.scaleRatio-=.1),this.transforms.scale=this.config.scaleRatio,this.setImageTransform())}setImage(t){this.currentImage=t,this.currentImage&&this.config.isEnableDrag&&(this.currentImage.onmousedown=this.onMouseMove.bind(this))}onMouseMove(t){if(!this.currentImage)return;const e=this;this.isMouseDown=!0,this.currentImage.style.position="absolute";const s=t.clientX-this.currentImage.offsetLeft,r=t.clientY-this.currentImage.offsetTop;return document.onmousemove=function(i){if(i=i||window.event,e.isMouseDown){let o=i.clientX-s,a=i.clientY-r;e.currentImage&&(e.currentImage.style.left=`${o}px`),e.currentImage&&(e.currentImage.style.top=`${a}px`)}},document.onmouseup=function(){e.isMouseDown=!1,document.onmousemove=null,document.onmouseup=null},!1}onTouchstart(t){if(!this.currentImage)return;const e=this;this.isMouseDown=!0;const s=t.touches[0];this.currentImage.style.position="absolute";const r=s.clientX-this.currentImage.offsetLeft,i=s.clientY-this.currentImage.offsetTop;t.touches.length===2&&(this.config.scaleRatio=this.getDistance(t.touches[0],t.touches[1])),document.ontouchmove=function(o){if(e.isMouseDown){const a=o.touches[0];let u=a.clientX-r,h=a.clientY-i;e.currentImage&&(e.currentImage.style.left=`${u}px`),e.currentImage&&(e.currentImage.style.top=`${h}px`)}if(o.touches.length===2&&e.config.scaleRatio){const a=e.getDistance(o.touches[0],o.touches[1]),u=a/e.config.scaleRatio;a>e.config.scaleRatio,e.setMobileZoom(u),o.preventDefault()}},document.ontouchend=function(){e.isMouseDown=!1},document.ontouchcancel=function(){e.isMouseDown=!1}}setMobileZoom(t=0){if(!this.currentImage)return;let e=this.currentImage.style.transform;const s=new RegExp("scale\\(([^)]+)\\)","i");s.test(e)?e=e.replace(s,`scale(${t})`):e+=` scale(${t})`,this.currentImage.style.transform=e}getDistance(t,e){const s=e.clientX-t.clientX,r=e.clientY-t.clientY;return Math.sqrt(s*s+r*r)}static addTotal(){this.total+=3}removeStyleProperty(){this.currentImage&&(this.currentImage.style.removeProperty("top"),this.currentImage.style.removeProperty("left"),this.currentImage.style.removeProperty("position"),this.currentImage.style.removeProperty("transform"))}destroyed(){this.removeStyleProperty(),this.currentImage=null}};n(l,"viewer"),n(l,"total",0);let f=l;exports.default=f;
+"use strict";var m=Object.defineProperty;var g=(c,t,e)=>t in c?m(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var n=(c,t,e)=>g(c,typeof t!="symbol"?t+"":t,e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=class l{constructor(){n(this,"currentImage",null);n(this,"totalRotate",0);n(this,"isMouseDown",!1);n(this,"config",{scaleRatio:1,rotateRatio:90,isEnableDrag:!0,isEnableWheel:!0,zIndex:2e3,language:"zh",playSpeed:2e3,isDownLoad:!0});n(this,"transforms",{scale:1,rotate:"0deg",scaleY:"",scaleX:""})}static getInStance(){return!this.viewer&&(this.viewer=new l),this.viewer.initialize(),this.viewer}initialize(){}setImageTransform(){if(!this.currentImage)return;let t="";Object.keys(this.transforms).forEach(e=>{const s=e;switch(s){case"scaleX":case"scaleY":case"scale":case"rotate":this.transforms[s]&&(t+=`${e}(${this.transforms[s]}) `);break}}),this.currentImage.style.transform=t}onWheel(t){t.deltaY<0&&this.zoomIn(),t.deltaY>=0&&this.zoomOut()}setConfigOptions(t){this.config=Object.assign(this.config,t)}getConfigOptions(){return this.config}horizontalInvert(){this.setInvert("scaleY")}verticalInvert(){this.setInvert("scaleX")}setInvert(t="scaleX"){if(!t||!this.currentImage)return;let e=this.currentImage.style.transform;const s=new RegExp(`${t}\\(([^)]+)\\)`);if(s.test(e)){const r=e.match(s),o=(r&&parseInt(r[1]))===1?-1:1;t==="scaleX"&&(this.transforms.scaleX=`${o}`),t==="scaleY"&&(this.transforms.scaleY=`${o}`)}else t==="scaleX"&&(this.transforms.scaleX="-1"),t==="scaleY"&&(this.transforms.scaleY="-1");this.setImageTransform()}zoomIn(){this.setZoom("+")}zoomOut(){this.setZoom("-")}rotate(t="+"){this.currentImage&&(t==="+"?this.totalRotate+=this.config.rotateRatio:this.totalRotate-=this.config.rotateRatio,this.transforms.rotate=`${this.totalRotate}deg`,this.setImageTransform())}setZoom(t="+"){this.currentImage&&(t==="+"?this.config.scaleRatio+=.1:this.config.scaleRatio>=.3&&(this.config.scaleRatio-=.1),this.transforms.scale=this.config.scaleRatio,this.setImageTransform())}setImage(t){this.currentImage=t,this.currentImage&&this.config.isEnableDrag&&(this.currentImage.onmousedown=this.onMouseMove.bind(this))}onMouseMove(t){if(!this.currentImage)return;const e=this;this.isMouseDown=!0,this.currentImage.style.position="absolute";const s=t.clientX-this.currentImage.offsetLeft,r=t.clientY-this.currentImage.offsetTop;return document.onmousemove=function(i){if(i=i||window.event,e.isMouseDown){let o=i.clientX-s,a=i.clientY-r;e.currentImage&&(e.currentImage.style.left=`${o}px`),e.currentImage&&(e.currentImage.style.top=`${a}px`)}},document.onmouseup=function(){e.isMouseDown=!1,document.onmousemove=null,document.onmouseup=null},!1}onTouchstart(t){if(!this.currentImage)return;const e=this;this.isMouseDown=!0;const s=t.touches[0];this.currentImage.style.position="absolute";const r=s.clientX-this.currentImage.offsetLeft,i=s.clientY-this.currentImage.offsetTop;t.touches.length===2&&(this.config.scaleRatio=this.getDistance(t.touches[0],t.touches[1])),document.ontouchmove=function(o){if(e.isMouseDown){const a=o.touches[0];let u=a.clientX-r,h=a.clientY-i;e.currentImage&&(e.currentImage.style.left=`${u}px`),e.currentImage&&(e.currentImage.style.top=`${h}px`)}if(o.touches.length===2&&e.config.scaleRatio){const a=e.getDistance(o.touches[0],o.touches[1]),u=a/e.config.scaleRatio;a>e.config.scaleRatio,e.setMobileZoom(u),o.preventDefault()}},document.ontouchend=function(){e.isMouseDown=!1},document.ontouchcancel=function(){e.isMouseDown=!1}}setMobileZoom(t=0){if(!this.currentImage)return;let e=this.currentImage.style.transform;const s=new RegExp("scale\\(([^)]+)\\)","i");s.test(e)?e=e.replace(s,`scale(${t})`):e+=` scale(${t})`,this.currentImage.style.transform=e}getDistance(t,e){const s=e.clientX-t.clientX,r=e.clientY-t.clientY;return Math.sqrt(s*s+r*r)}static addTotal(){this.total+=3}removeStyleProperty(){this.currentImage&&(this.currentImage.style.removeProperty("top"),this.currentImage.style.removeProperty("left"),this.currentImage.style.removeProperty("position"),this.currentImage.style.removeProperty("transform"))}destroyed(){this.removeStyleProperty(),this.currentImage=null}};n(l,"viewer"),n(l,"total",0);let f=l;exports.default=f;

package.json

 {
     "name": "images-viewer-vue3",
     "scope": "ImagesViewerVue3",
-    "version": "1.0.18",
+    "version": "1.0.19",
     "description": "A lightweight image viewer for Vue3",
@@ -6,0 +6,0 @@ "type": "module",

README.md

@@ -45,2 +45,3 @@ [![npm version](https://img.shields.io/npm/v/images-viewer-vue3.svg)](https://npmjs.org/package/images-viewer-vue3)
 // Image preview directive will be automatically injected here.
+// Includes preview directive and lazy loading directive
 app.use(ImagesViewerVue3, {
@@ -54,2 +55,3 @@ zIndex: 999, // Default 999
     playSpeed: 2000, // playSpeed Default 2000 ms
+    isDownLoad: true, // Enabled by default
 })
@@ -77,2 +79,3 @@ app.mount("#app")
 | playSpeed | number | 2000 | play speed, Default 2000 ms.|
+| isDownLoad | boolean | true | Download enabled by default |
 
@@ -85,3 +88,16 @@ ## Command preview image
 ```
+### Support lazy loading instructions
+```js
+<img v-for="(item, index) in dataList" :key="index" :src="item" v-image-viewer/>
+<img src="https://picsum.photos/id/10/2500/1667" v-image-viewer/>
+<img v-image-viewer v-lazy-image="'https://picsum.photos/id/11/2500/1667'"/>
+<img v-image-viewer v-lazy-image="currentSrc"/>
 
+<script setup lang="ts">
+import { ref } from 'vue'
+const currentSrc = ref('https://picsum.photos/id/13/367/267')
+</script>
+```
+
+
 ## API preview image
@@ -88,0 +104,0 @@ ```js

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

356858

increased by65.69%

Number of package files

121

increased by3.42%

Lines of code

4204

increased by19.13%

Number of lines in readme file

140

increased by12.9%

Worsened metrics

Number of low quality alerts

20

increased by5.26%

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes