images-viewer-vue3 - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/es/components/HotKeys.vue.js

@@ -18,3 +18,3 @@ import { mergeModels as o, useModel as s, openBlock as a, createElementBlock as r, normalizeClass as i, createElementVNode as c, toDisplayString as l } from "vue";
     const t = s(e, "hotkey");
-    return (d, m) => (a(), r("div", {
+    return (m, _) => (a(), r("div", {
       class: i(["hotkey-tip__wrap", { "is-active_key": e.isActiveKey }])
@@ -25,5 +25,5 @@ }, [
   }
-}, u = /* @__PURE__ */ n(y, [["__scopeId", "data-v-47ab4d4f"]]);
+}, u = /* @__PURE__ */ n(y, [["__scopeId", "data-v-f9972721"]]);
 export {
   u as default
 };

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

@@ -29,6 +29,2 @@ declare const _default: import('vue').DefineComponent<{
     };
-    onUpdateCurrent: {
-        type: FunctionConstructor;
-        default: () => () => void;
-    };
     handleChange: {
@@ -78,6 +74,2 @@ type: FunctionConstructor;
     };
-    onUpdateCurrent: {
-        type: FunctionConstructor;
-        default: () => () => void;
-    };
     handleChange: {
@@ -105,3 +97,2 @@ type: FunctionConstructor;
     from: string;
-    onUpdateCurrent: Function;
     handleChange: Function;
@@ -108,0 +99,0 @@ handleClose: Function;

dist/es/components/index.vue.js

@@ -1,7 +0,7 @@
-import e from "./index.vue2.js";
+import o from "./index.vue2.js";
 /* empty css                   */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1aeabe3b"]]);
+import e from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e01188da"]]);
 export {
   m as default
 };

dist/es/components/index.vue2.js

@@ -1,133 +0,56 @@
-import { defineComponent as i1, ref as E, watch as X, nextTick as l1, onBeforeUnmount as o1, openBlock as s, createElementBlock as a, normalizeClass as k, unref as l, createElementVNode as i, toDisplayString as m, createCommentVNode as w, createBlock as s1, withModifiers as d, createTextVNode as n1, Fragment as a1, renderList as c1, createVNode as r1, pushScopeId as v1, popScopeId as u1 } from "vue";
-import { useAction as d1 } from "./useAction.js";
-import { getUserAgent as Y, debounce as h1 } from "../utils/index.js";
-import { FlipAnimate as j } from "./flip-animate.js";
-import g1 from "./HotKeys.vue.js";
-import m1 from "./Loading.vue.js";
-import { useCusShortKey as G } from "../utils/hotkeys.js";
-import { messages as p1 } from "../langs/index.js";
-const n = (h) => (v1("data-v-1aeabe3b"), h = h(), u1(), h), _1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("svg", {
-  class: "close-icon icon-is-hover",
-  viewBox: "0 0 1024 1024",
-  width: "25",
-  height: "25"
-}, [
-  /* @__PURE__ */ i("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",
-    fill: "#eee"
-  }),
-  /* @__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",
-    fill: "#eee"
-  })
-], -1)), f1 = [
-  _1
-], z1 = { class: "inner-image-wrap" }, w1 = {
+import { defineComponent as f1, ref as x, watch as e1, nextTick as z1, onBeforeUnmount as y1, openBlock as n, createElementBlock as a, normalizeClass as f, unref as t, createElementVNode as s, Fragment as U, renderList as M1, withModifiers as v, createCommentVNode as z, withDirectives as t1, vShow as o1, toDisplayString as u, createBlock as k1, createVNode as s1, pushScopeId as x1, popScopeId as C1 } from "vue";
+import { useToolbar as w1 } from "../hooks/toolbar.js";
+import { getUserAgent as K } from "../utils/index.js";
+import { FlipAnimate as i1 } from "../utils/flip-animate.js";
+import S1 from "./HotKeys.vue.js";
+import I1 from "./Message.vue.js";
+import b1 from "./Loading.vue.js";
+import { useCusShortKey as n1 } from "../utils/hotkeys.js";
+import { messages as B1 } from "../langs/index.js";
+import { useMouse as V1 } from "../hooks/mouse.js";
+const l = (p) => (x1("data-v-e01188da"), p = p(), C1(), p), H1 = { class: "images-viewer-vue3__content" }, R1 = ["data-id"], A1 = ["data-id", "src", "onClick"], L1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), E1 = [
+  L1
+], T1 = {
   key: 0,
+  class: "image-info"
+}, N1 = {
+  key: 1,
   style: { "user-select": "text" }
-}, k1 = { style: { color: "orange", "text-decoration": "solid" } }, C1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("svg", {
-  class: "icon-is-hover cus-cursor",
-  viewBox: "0 0 1024 1024",
-  width: "25",
-  height: "25"
-}, [
-  /* @__PURE__ */ i("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",
-    fill: "#eee"
-  })
-], -1)), y1 = [
-  C1
-], x1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("svg", {
-  class: "icon-is-hover cus-cursor",
-  viewBox: "0 0 1024 1024",
-  width: "25",
-  height: "25"
-}, [
-  /* @__PURE__ */ i("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",
-    fill: "#eee"
-  })
-], -1)), M1 = [
-  x1
-], b1 = { class: "nav-image-viewer__wrap" }, B1 = {
-  value: "10",
-  selected: ""
-}, V1 = { value: "15" }, I1 = { value: "20" }, S1 = { value: "30" }, L1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), A1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), H1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), R1 = [
-  L1,
-  A1,
-  H1
-], E1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), N1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), T1 = [
-  E1,
-  N1
-], U1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), P1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), F1 = [
-  U1,
+}, U1 = { style: { color: "orange", "text-decoration": "solid" } }, K1 = { class: "image-viewer__controls" }, D1 = { class: "control-svg__btns" }, F1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), W1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), P1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), X1 = [
+  F1,
+  W1,
   P1
-], K1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), $1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), D1 = [
-  K1,
-  $1
-], W1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), q1 = [
-  W1
-], O1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), X1 = [
-  O1
-], Y1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), j1 = [
-  Y1
-], G1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), J1 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), Q1 = [
-  G1,
-  J1
-], Z1 = {
-  key: 0,
-  class: "navbar-thumbnail__wrap"
-}, e2 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), t2 = [
+], $1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), q1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), O1 = [
+  $1,
+  q1
+], Y1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), j1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), G1 = [
+  Y1,
+  j1
+], J1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), Q1 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), Z1 = [
+  J1,
+  Q1
+], e2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), t2 = [
   e2
-], i2 = { class: "navbar-list-group" }, l2 = ["id", "src"], o2 = /* @__PURE__ */ n(() => /* @__PURE__ */ i("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",
-  fill: "#eee"
-}, null, -1)), s2 = [
+], o2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), s2 = [
   o2
-], p2 = /* @__PURE__ */ i1({
+], i2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), n2 = [
+  i2
+], l2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), a2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), c2 = [
+  l2,
+  a2
+], r2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), v2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), u2 = [
+  r2,
+  v2
+], d2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), h2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("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)), m2 = [
+  d2,
+  h2
+], p2 = /* @__PURE__ */ l(() => /* @__PURE__ */ s("svg", {
+  class: "close-icon icon-is-hover svg-icon__action",
+  viewBox: "0 0 1024 1024"
+}, [
+  /* @__PURE__ */ s("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" }),
+  /* @__PURE__ */ s("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)), g2 = [
+  p2
+], b2 = /* @__PURE__ */ f1({
   __name: "index",
@@ -159,7 +82,2 @@ props: {
     },
-    onUpdateCurrent: {
-      type: Function,
-      default: () => () => {
-      }
-    },
     handleChange: {
@@ -181,75 +99,85 @@ type: Function,
   emits: ["on-close", "on-change", "onUpdate:value"],
-  setup(h, { emit: n2 }) {
-    const u = h, f = (o = "") => {
-      const e = p1[u.language];
-      if (e) {
-        const { imagev: c } = e;
-        var t = {};
-        return Object.keys(c).forEach((g) => {
-          t[`imagev.${g}`] = c[g];
-        }), t[o];
+  setup(p, { emit: _2 }) {
+    const r = p, g = (i = "") => {
+      const o = B1[r.language];
+      if (o) {
+        const { image: e } = o, c = i.split(".");
+        return e[c[1]] || i;
       } else
-        return console.warn(`[images-viewer-vue3]:The current language '${u.language}' is not supported`), "unknown";
+        return console.warn(`[images-viewer-vue3]:The current language '${r.language}' is not supported`), r.language;
     }, {
-      changePageSize: N,
-      destroyedExe: T,
-      resetStyle: C,
-      downloads: U,
-      loadImageErrorText: P,
-      loading: J,
-      imageRef: r,
-      imageVieverWidgetRef: Q,
-      loadImage: F,
-      errorImage: K,
-      zoomIn: y,
-      zoomOut: x,
-      inevrtY: M,
-      inevrtX: b,
-      clockwise: B,
-      counterclockwise: V,
-      closeViewer: Z,
-      prevPage: I,
-      nextPage: S,
-      pageData: z,
-      initPage: a2,
-      currentPage: $,
-      totalPage: e1,
-      currentIndex: v,
-      activeIndex: L
-    } = d1(u.images, u.current), A = E(""), H = E(!1);
-    function p(o, e, t = !0) {
-      G({
-        [o]: (c, g) => {
-          e(), R(c, g, t);
+      onMouseEnterImage: D,
+      updateImageSrc: y,
+      playState: F,
+      stopPlay: C,
+      autoPlay: w,
+      isMultipleImage: M,
+      onWheelListener: W,
+      imageInfo: P,
+      originImages: X,
+      nextImage: l1,
+      previousImage: a1,
+      onRectScroll: $,
+      renderData: q,
+      vnodeUlRef: c1,
+      vnodeScrollRef: r1,
+      destroyedExe: O,
+      resetStyle: S,
+      downloads: Y,
+      loadImageErrorText: j,
+      loading: v1,
+      imageRef: d,
+      imageVieverWidgetRef: u1,
+      loadImage: G,
+      errorImage: J,
+      zoomIn: I,
+      zoomOut: b,
+      inevrtY: B,
+      inevrtX: V,
+      clockwise: H,
+      counterclockwise: R,
+      currentIndex: _,
+      activeIndex: A
+    } = w1(r.images, r.current, r.handleChange);
+    V1();
+    const L = x(""), E = x(!1);
+    function h(i, o, e = !0) {
+      n1({
+        [i]: (c, m) => {
+          o(), T(c, m, e);
         }
       });
     }
-    p("right", W), p("left", D), p("ctrl+right", S), p("ctrl+left", I), p("ctrl+i+y", M), p("ctrl+i+x", b), p("ctrl+c+r", B), p("ctrl+c+l", V), p("ctrl+z", C), p("esc", O), G({ "ctrl+*": (o, e) => {
-      switch (o.key) {
+    h("right", l1), h("left", a1), h("ctrl+i+y", B), h("ctrl+i+x", V), h("ctrl+c+r", H), h("ctrl+c+l", R), h("ctrl+z", S), h("esc", Q), h("space", m1), n1({ "ctrl+*": (i, o) => {
+      switch (i.key) {
         case "-":
-          x(o), R(o, e, !0, "ctrl + " + o.key);
+          b(i), T(i, o, !0, "ctrl + " + i.key);
           break;
         case "+":
-          y(o), R(o, e, !0, "ctrl + " + o.key);
+          I(i), T(i, o, !0, "ctrl + " + i.key);
           break;
       }
     } });
-    function R(o, e, t = !1, c = "") {
-      t && o.preventDefault();
-      const { key: g } = e;
-      A.value = c || g, H.value = !0, setTimeout(() => {
-        H.value = !1;
+    function T(i, o, e = !1, c = "") {
+      e && i.preventDefault();
+      const { key: m } = o;
+      L.value = c || m, E.value = !0, setTimeout(() => {
+        E.value = !1;
       }, 2e3);
     }
-    const _ = E("");
-    X(() => u.current, (o, e) => {
-      o && l1().then((t) => {
-        if (r.value)
-          if (u.image === void 0)
-            r.value.src = o;
+    const k = x(!1), N = x(!1), d1 = () => {
+      k.value = !k.value;
+    };
+    e1(() => r.current, (i, o) => {
+      i && z1().then((e) => {
+        if (d.value)
+          if (r.image === void 0)
+            d.value.src = i;
           else {
-            const c = u.image.getBoundingClientRect();
-            _.value = r.value.src = u.image.src;
-            const g = r.value.getBoundingClientRect();
-            j(r.value, c, g);
+            const c = r.image.getBoundingClientRect();
+            y.value = d.value.src = r.image.src;
+            const m = d.value.getBoundingClientRect();
+            i1(d.value, c, m).addEventListener("finish", (Z) => {
+              k.value = !0;
+            });
           }
@@ -260,232 +188,228 @@ });
       immediate: !0
-    }), X(() => $.value, (o, e) => {
-      if (o) {
-        const t = z.value.findIndex((c) => c.index === L.value);
-        t === -1 ? v.value = -1 : v.value = t;
+    }), e1(() => _.value, (i, o) => {
+      if (i) {
+        if (!d.value) return;
+        q.value.findIndex((e) => e.index === _.value), h1();
       }
     });
-    function D() {
-      r.value && v.value > 0 && (v.value--, _.value = r.value.src = z.value[v.value].url, u.handleChange({ image: _.value, index: v.value }));
+    function h1() {
+      _.value === X.value.length - 1 && (N.value = !0, setTimeout(() => {
+        N.value = !1;
+      }, 2e3));
     }
-    function W() {
-      r.value && v.value < z.value.length - 1 && (v.value++, _.value = r.value.src = z.value[v.value].url, u.handleChange({ image: _.value, index: v.value }));
+    function m1() {
+      F.value ? C() : w();
     }
-    const q = h1(t1, 360);
-    function t1(o) {
-      if (P.value = "", !!r.value && o.target) {
-        const e = o.target, t = e.getBoundingClientRect();
-        L.value = Number(e.id), v.value = z.value.findIndex((g) => g.index === L.value), _.value = r.value.src = e.src;
-        const c = r.value.getBoundingClientRect();
-        u.handleChange({ image: _.value, index: v.value }), j(r.value, t, c), u.onUpdateCurrent(e.src, v.value);
+    function p1(i, o, e) {
+      if (j.value = "", !!d.value && i.target) {
+        const c = i.target, m = c.getBoundingClientRect();
+        if (Number(c.getAttribute("data-id")) === A.value) return;
+        A.value = o.index, _.value = X.value.findIndex((_1) => _1.index === A.value), y.value = d.value.src = c.src;
+        const Z = d.value.getBoundingClientRect();
+        r.handleChange({ image: y.value, index: _.value }), i1(d.value, m, Z);
       }
     }
-    function O() {
-      T(), u.handleClose(), Z(), _.value = "";
+    function Q() {
+      O(), r.handleClose(), y.value = "";
     }
-    return o1(() => {
-      T();
-    }), (o, e) => (s(), a("div", {
+    return y1(() => {
+      O();
+    }), (i, o) => (n(), a("div", {
       ref_key: "imageVieverWidgetRef",
-      ref: Q,
-      class: k([
-        "images-viewer-container__wrap",
-        { "is-active": h.visible },
-        { "nav-scroll-style__wrap": !l(Y)() }
+      ref: u1,
+      class: f([
+        "images-viewer-vue3__wrapper",
+        { "is-active": p.visible },
+        { "nav-scroll-style__wrap": !t(K)() }
       ])
     }, [
-      i("div", {
-        class: "image-viewer-close__btn",
-        onClick: O
-      }, f1),
-      i("div", z1, [
-        l(P) ? (s(), a("div", w1, [
-          i("p", k1, m(f("imagev.loadErrorText")), 1),
-          i("p", null, m(_.value), 1)
-        ])) : w("", !0),
-        i("img", {
-          ref_key: "imageRef",
-          ref: r,
-          class: "inner-viewer__image cus-transition",
-          onLoad: e[0] || (e[0] = //@ts-ignore
-          (...t) => l(F) && l(F)(...t)),
-          onError: e[1] || (e[1] = //@ts-ignore
-          (...t) => l(K) && l(K)(...t)),
-          src: "",
-          alt: "picture",
-          style: { width: "120px", height: "120px" }
-        }, null, 544),
-        l(J) ? (s(), s1(m1, { key: 1 })) : w("", !0)
-      ]),
-      h.images.length >= 2 ? (s(), a("div", {
-        key: 0,
-        class: "viewer-previous-icon",
-        onClick: d(D, ["stop", "prevent"])
-      }, y1)) : w("", !0),
-      h.images.length >= 2 ? (s(), a("div", {
-        key: 1,
-        class: "viewer-next-icon",
-        onClick: d(W, ["stop", "prevent"])
-      }, M1)) : w("", !0),
-      i("div", b1, [
-        i("div", {
-          class: k([
-            "navbar-control__wrap",
-            { "padding-b": h.images.length < 2 }
-          ])
+      s("div", H1, [
+        t(M) ? (n(), a("div", {
+          key: 0,
+          class: f(["content-nav__wrapper", { "nav-active": k.value }])
         }, [
-          h.images.length >= 10 ? (s(), a("div", {
-            key: 0,
-            class: k(["pagination-wrap", { position: !l(Y)() }])
+          s("div", {
+            ref_key: "vnodeScrollRef",
+            ref: r1,
+            class: f(["nav-vnode-scroll__wrapper"]),
+            onScroll: o[0] || (o[0] = //@ts-ignore
+            (...e) => t($) && t($)(...e))
           }, [
-            i("span", null, " " + m(h.images.length) + " " + m(f("imagev.pictures")) + " ", 1),
-            i("span", null, "/ " + m(l(e1)) + " " + m(f("imagev.page")) + " ", 1),
-            i("span", null, "/ " + m(f("imagev.current")) + " " + m(l($)), 1),
-            n1("  "),
-            i("select", {
-              class: "page-size-select",
-              name: "select",
-              id: "page-size-select",
-              onChange: e[2] || (e[2] = //@ts-ignore
-              (...t) => l(N) && l(N)(...t))
+            s("ul", {
+              ref_key: "vnodeUlRef",
+              ref: c1,
+              class: f(["vnode-list-group"])
             }, [
-              i("option", B1, "10/" + m(f("imagev.page")), 1),
-              i("option", V1, "15/" + m(f("imagev.page")), 1),
-              i("option", I1, "20/" + m(f("imagev.page")), 1),
-              i("option", S1, "30/" + m(f("imagev.page")), 1)
-            ], 32)
-          ], 2)) : w("", !0),
-          i("div", null, [
-            (s(), a("svg", {
-              onClick: e[3] || (e[3] = d(
-                //@ts-ignore
-                (...t) => l(y) && l(y)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, R1)),
-            (s(), a("svg", {
-              onClick: e[4] || (e[4] = d(
-                //@ts-ignore
-                (...t) => l(x) && l(x)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, T1)),
-            (s(), a("svg", {
-              onClick: e[5] || (e[5] = d(
-                //@ts-ignore
-                (...t) => l(V) && l(V)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, F1)),
-            (s(), a("svg", {
-              onClick: e[6] || (e[6] = d(
-                //@ts-ignore
-                (...t) => l(B) && l(B)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, D1)),
-            (s(), a("svg", {
-              onClick: e[7] || (e[7] = d(
-                //@ts-ignore
-                (...t) => l(b) && l(b)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, q1)),
-            (s(), a("svg", {
-              onClick: e[8] || (e[8] = d(
-                //@ts-ignore
-                (...t) => l(M) && l(M)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, X1)),
-            (s(), a("svg", {
-              onClick: e[9] || (e[9] = d(
-                //@ts-ignore
-                (...t) => l(C) && l(C)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "20",
-              height: "20"
-            }, j1)),
-            (s(), a("svg", {
-              onClick: e[10] || (e[10] = d(
-                //@ts-ignore
-                (...t) => l(U) && l(U)(...t),
-                ["stop", "prevent"]
-              )),
-              class: "tool-item-icon__btn icon-is-hover",
-              viewBox: "0 0 1024 1024",
-              width: "25",
-              height: "25"
-            }, Q1))
+              (n(!0), a(U, null, M1(t(q), (e, c) => (n(), a("li", {
+                class: f(["list-group-item", { "list-group-item__active": t(_) === e.index }]),
+                style: { height: "50px" },
+                key: c,
+                "data-id": e.index
+              }, [
+                s("img", {
+                  class: "list-group-item__image",
+                  "data-id": e.index,
+                  src: e.url,
+                  alt: "picture",
+                  onClick: v((m) => p1(m, e), ["stop", "prevent"])
+                }, null, 8, A1)
+              ], 10, R1))), 128))
+            ], 512)
+          ], 544)
+        ], 2)) : z("", !0),
+        s("div", {
+          class: "content-viewer-image__wrapper",
+          onWheel: o[14] || (o[14] = //@ts-ignore
+          (...e) => t(W) && t(W)(...e))
+        }, [
+          t1((n(), a("svg", {
+            onClick: v(d1, ["stop", "prevent"]),
+            class: f(["icon-is-hover cus-cursor image-collapse-nav__btn svg-icon__action", { "rotate-right__btn": !k.value }]),
+            viewBox: "0 0 1024 1024"
+          }, E1, 2)), [
+            [o1, t(M)]
+          ]),
+          t(K)() ? z("", !0) : (n(), a("ul", T1, [
+            s("li", null, u(g("image.ruleText")) + "：" + u(t(P).width) + u(g("image.px")) + " X " + u(t(P).height) + u(g("image.px")), 1)
+          ])),
+          t(j) ? (n(), a("div", N1, [
+            s("p", U1, u(g("image.loadErrorText")), 1),
+            s("p", null, u(t(y)), 1)
+          ])) : z("", !0),
+          s("img", {
+            ref_key: "imageRef",
+            ref: d,
+            class: "image-viewer__inner cus-transition",
+            onLoad: o[1] || (o[1] = //@ts-ignore
+            (...e) => t(G) && t(G)(...e)),
+            onError: o[2] || (o[2] = //@ts-ignore
+            (...e) => t(J) && t(J)(...e)),
+            src: "",
+            alt: "picture",
+            style: { width: "120px", height: "120px" },
+            onMouseenter: o[3] || (o[3] = //@ts-ignore
+            (...e) => t(D) && t(D)(...e))
+          }, null, 544),
+          t(v1) ? (n(), k1(b1, { key: 2 })) : z("", !0),
+          s("div", K1, [
+            t1(s("div", {
+              class: f(["control-info", { position: !t(K)() }])
+            }, [
+              s("span", null, " " + u(p.images.length) + " " + u(g("image.pictures")) + " ", 1),
+              s("span", null, "/ " + u(g("image.the")) + " " + u(t(_) + 1) + " " + u(g("image.img")) + " ", 1)
+            ], 2), [
+              [o1, t(M)]
+            ]),
+            s("div", D1, [
+              (n(), a("svg", {
+                onClick: o[4] || (o[4] = v(
+                  //@ts-ignore
+                  (...e) => t(I) && t(I)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, X1)),
+              (n(), a("svg", {
+                onClick: o[5] || (o[5] = v(
+                  //@ts-ignore
+                  (...e) => t(b) && t(b)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, O1)),
+              (n(), a("svg", {
+                onClick: o[6] || (o[6] = v(
+                  //@ts-ignore
+                  (...e) => t(R) && t(R)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, G1)),
+              (n(), a("svg", {
+                onClick: o[7] || (o[7] = v(
+                  //@ts-ignore
+                  (...e) => t(H) && t(H)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, Z1)),
+              (n(), a("svg", {
+                onClick: o[8] || (o[8] = v(
+                  //@ts-ignore
+                  (...e) => t(V) && t(V)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, t2)),
+              (n(), a("svg", {
+                onClick: o[9] || (o[9] = v(
+                  //@ts-ignore
+                  (...e) => t(B) && t(B)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, s2)),
+              (n(), a("svg", {
+                onClick: o[10] || (o[10] = v(
+                  //@ts-ignore
+                  (...e) => t(S) && t(S)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024",
+                width: "20",
+                height: "20"
+              }, n2)),
+              (n(), a("svg", {
+                onClick: o[11] || (o[11] = v(
+                  //@ts-ignore
+                  (...e) => t(Y) && t(Y)(...e),
+                  ["stop", "prevent"]
+                )),
+                class: "tool-item-icon__btn icon-is-hover",
+                viewBox: "0 0 1024 1024"
+              }, c2)),
+              t(F) ? (n(), a(U, { key: 0 }, [
+                t(M) ? (n(), a("svg", {
+                  key: 0,
+                  onClick: o[12] || (o[12] = v(
+                    //@ts-ignore
+                    (...e) => t(C) && t(C)(...e),
+                    ["stop", "prevent"]
+                  )),
+                  class: "tool-item-icon__btn icon-is-hover",
+                  viewBox: "0 0 1024 1024"
+                }, u2)) : z("", !0)
+              ], 64)) : (n(), a(U, { key: 1 }, [
+                t(M) ? (n(), a("svg", {
+                  key: 0,
+                  onClick: o[13] || (o[13] = v(
+                    //@ts-ignore
+                    (...e) => t(w) && t(w)(...e),
+                    ["stop", "prevent"]
+                  )),
+                  class: "tool-item-icon__btn icon-is-hover",
+                  viewBox: "0 0 1024 1024"
+                }, m2)) : z("", !0)
+              ], 64))
+            ])
           ])
-        ], 2),
-        h.images.length >= 2 ? (s(), a("div", Z1, [
-          (s(), a("svg", {
-            onClick: e[11] || (e[11] = d(
-              //@ts-ignore
-              (...t) => l(I) && l(I)(...t),
-              ["stop", "prevent"]
-            )),
-            class: "icon-is-hover cus-cursor",
-            viewBox: "0 0 1024 1024",
-            width: "25",
-            height: "25"
-          }, t2)),
-          i("div", i2, [
-            (s(!0), a(a1, null, c1(l(z), (t, c) => (s(), a("img", {
-              id: `${t.index}`,
-              class: k(["navbar-image__item", { "nav-active-current__img": l(v) === c }]),
-              key: c,
-              src: t.url,
-              onClick: e[12] || (e[12] = d(
-                //@ts-ignore
-                (...g) => l(q) && l(q)(...g),
-                ["stop", "prevent"]
-              ))
-            }, null, 10, l2))), 128))
-          ]),
-          (s(), a("svg", {
-            onClick: e[13] || (e[13] = d(
-              //@ts-ignore
-              (...t) => l(S) && l(S)(...t),
-              ["stop", "prevent"]
-            )),
-            class: "icon-is-hover cus-cursor",
-            viewBox: "0 0 1024 1024",
-            width: "25",
-            height: "25"
-          }, s2))
-        ])) : w("", !0)
+        ], 32)
       ]),
-      r1(g1, {
-        hotkey: A.value,
-        "onUpdate:hotkey": e[14] || (e[14] = (t) => A.value = t),
-        isActiveKey: H.value
-      }, null, 8, ["hotkey", "isActiveKey"])
+      s("div", {
+        class: "images-viewer-vue3__close close-btn",
+        onClick: Q
+      }, g2),
+      s1(S1, {
+        hotkey: L.value,
+        "onUpdate:hotkey": o[15] || (o[15] = (e) => L.value = e),
+        isActiveKey: E.value
+      }, null, 8, ["hotkey", "isActiveKey"]),
+      s1(I1, { "is-active": N.value }, null, 8, ["is-active"])
     ], 2));
@@ -495,3 +419,3 @@ }
 export {
-  p2 as default
+  b2 as default
 };

dist/es/directive/v-image-viewer.js

@@ -1,2 +0,2 @@
-import r from "../components/core.js";
+import r from "../utils/ViewerCore.js";
 import { imageViewerApi as a } from "../index.js";
@@ -3,0 +3,0 @@ const g = r.getInStance(), d = g.getConfigOptions(), t = document.createElement("div");

dist/es/index.js

@@ -1,6 +0,6 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-47ab4d4f]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;left:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-47ab4d4f]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-47ab4d4f]{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}.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)}}.image-viewer-vue3__root[data-v-1aeabe3b]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-container__wrap[data-v-1aeabe3b]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);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-container__wrap.is-active[data-v-1aeabe3b]{opacity:1}.images-viewer-container__wrap .image-viewer-close__btn[data-v-1aeabe3b]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-container__wrap .icon-is-hover:hover path[data-v-1aeabe3b]{fill:var(--active-icon-color)}.images-viewer-container__wrap .close-icon[data-v-1aeabe3b]{transition:fill .3s ease}.images-viewer-container__wrap .viewer-previous-icon[data-v-1aeabe3b],.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{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-container__wrap .viewer-previous-icon[data-v-1aeabe3b]{top:40%;left:0}.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{top:40%;right:0}.images-viewer-container__wrap .inner-image-wrap[data-v-1aeabe3b]{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-container__wrap .inner-image-wrap>.inner-viewer__image[data-v-1aeabe3b]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-container__wrap .nav-image-viewer__wrap[data-v-1aeabe3b]{overflow:hidden;position:absolute;bottom:0;left:0;right:0;text-align:center}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap[data-v-1aeabe3b]{padding-top:5px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .tool-item-icon__btn[data-v-1aeabe3b]{margin:0 4px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap[data-v-1aeabe3b]{display:flex;align-items:center;color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select[data-v-1aeabe3b]{border-radius:4px;outline:none;background:transparent;color:#eee;border-color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select option[data-v-1aeabe3b]{color:#333}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .position[data-v-1aeabe3b]{position:absolute;left:20px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap.padding-b[data-v-1aeabe3b]{padding-bottom:.2rem}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap[data-v-1aeabe3b]{background-color:#0000004d;display:flex;justify-content:center;align-items:center;overflow:hidden}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group[data-v-1aeabe3b]{height:3rem;margin-top:3px;margin-bottom:3px;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0;box-sizing:border-box;line-height:1}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]{display:block;height:2.3rem;width:3rem;object-fit:cover;transition:all .3s ease;opacity:.5;margin:0 .1rem;border:2px solid transparent;padding:3px;border-radius:3px;cursor:pointer}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item.nav-active-current__img[data-v-1aeabe3b]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]:hover{opacity:1}.cus-transition[data-v-1aeabe3b]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-1aeabe3b]{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 c, 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-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{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:tomato}.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)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--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-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{position:absolute;top:15px;left:8px;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-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{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-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;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 .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;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-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{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-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{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 c, render as l } from "vue";
 import m from "./components/viewer.vue.js";
 import g from "./components/index.vue.js";
 import s from "./directive/v-image-viewer.js";
-import u from "./components/core.js";
+import u from "./utils/ViewerCore.js";
 import { versions as f } from "./utils/index.js";
@@ -7,0 +7,0 @@ let t;

dist/es/langs/enCn.d.ts

 declare const _default: {
-    imagev: {
+    image: {
         pictures: string;
+        leaf: string;
         page: string;
         current: string;
         loadErrorText: string;
+        ruleText: string;
+        px: string;
+        the: string;
+        img: string;
     };
 };
 export default _default;

dist/es/langs/enCn.js

 const e = {
-  imagev: {
+  image: {
     pictures: "Pictures",
+    leaf: "leaf",
     page: "Page",
     current: "Current page",
-    loadErrorText: "Failed to load the image, please check the image access path carefully!"
+    loadErrorText: "Failed to load the image, please check the image access path carefully!",
+    ruleText: "Image size",
+    px: "px",
+    the: "The",
+    img: "Image"
   }
@@ -8,0 +13,0 @@ };

dist/es/langs/index.d.ts

 export declare const messages: {
     en: {
-        imagev: {
+        image: {
             pictures: string;
+            leaf: string;
             page: string;
             current: string;
             loadErrorText: string;
+            ruleText: string;
+            px: string;
+            the: string;
+            img: string;
         };
     };
     zh: {
-        imagev: {
+        image: {
             pictures: string;
+            leaf: string;
             page: string;
             current: string;
             loadErrorText: string;
+            ruleText: string;
+            px: string;
+            the: string;
+            img: string;
         };
@@ -17,0 +27,0 @@ };

dist/es/langs/index.js

@@ -1,10 +0,10 @@
-import e from "./zhCn.js";
-import o from "./enCn.js";
-const n = {
-  en: o,
-  zh: e
-}, a = (navigator.language || "en").toLocaleLowerCase();
-localStorage.getItem("lang") || a.split("-")[0];
+import o from "./zhCn.js";
+import a from "./enCn.js";
+const r = {
+  en: a,
+  zh: o
+}, e = (navigator.language || "zh").toLocaleLowerCase();
+localStorage.getItem("lang") || e.split("-")[0];
 export {
-  n as messages
+  r as messages
 };

dist/es/langs/zhCn.d.ts

 declare const _default: {
-    imagev: {
+    image: {
         pictures: string;
+        leaf: string;
         page: string;
         current: string;
         loadErrorText: string;
+        ruleText: string;
+        px: string;
+        the: string;
+        img: string;
     };
 };
 export default _default;

dist/es/langs/zhCn.js

 const e = {
-  imagev: {
-    pictures: "张图片",
+  image: {
+    pictures: "图片",
+    leaf: "张",
     page: "页",
     current: "当前页",
-    loadErrorText: "加载图片失败，请仔细检测图片访问路径！"
+    loadErrorText: "加载图片失败，请仔细检测图片访问路径！",
+    ruleText: "图片尺寸",
+    px: "像素",
+    the: "第",
+    img: "图片"
   }
@@ -8,0 +13,0 @@ };

dist/es/utils/index.d.ts

@@ -19,2 +19,3 @@ /**
 export declare const getUserAgent: () => boolean;
-export declare const versions = "1.0.11";
+export declare const getDeviceType: () => "Android" | "iOS" | "Windows Phone" | "Other Mobile" | "Tablet" | "Desktop";
+export declare const versions = "1.0.12";

dist/es/utils/index.js

@@ -1,30 +0,21 @@
-const c = (t, n) => {
-  let e;
-  return function() {
-    let o = this, r = arguments;
-    e && clearTimeout(e), e = setTimeout(function() {
-      t.apply(o, r);
-    }, n);
-  };
-}, s = () => {
-  var t = /* @__PURE__ */ new Date(), n = t.getFullYear(), e = t.getMonth() + 1, o = t.getDate(), r = t.getHours(), a = t.getMinutes(), i = t.getSeconds();
-  return `${n}${e}${o}_${r}${a}${i}`;
-}, d = (t, n) => {
-  fetch(t).then((e) => e.blob()).then((e) => {
+const d = () => {
+  var e = /* @__PURE__ */ new Date(), n = e.getFullYear(), t = e.getMonth() + 1, o = e.getDate(), r = e.getHours(), a = e.getMinutes(), i = e.getSeconds();
+  return `${n}${t}${o}_${r}${a}${i}`;
+}, s = (e, n) => {
+  fetch(e).then((t) => t.blob()).then((t) => {
     var o = document.createElement("a");
     o.style.display = "none", document.body.appendChild(o);
-    var r = window.URL.createObjectURL(e);
-    o.href = r, o.download = s(), o.click(), window.URL.revokeObjectURL(r), document.body.removeChild(o);
+    var r = window.URL.createObjectURL(t);
+    o.href = r, o.download = d(), o.click(), window.URL.revokeObjectURL(r), document.body.removeChild(o);
   });
-}, l = () => {
-  const t = navigator.userAgent || navigator.vendor || window.opera, n = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(t.toLowerCase());
-  let e = !1;
-  return n && (e = !0), ("ontouchstart" in window || navigator.maxTouchPoints > 0) && (e = !0), e;
-}, u = "1.0.11";
+}, c = () => {
+  const e = navigator.userAgent || navigator.vendor || window.opera, n = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());
+  let t = !1;
+  return n && (t = !0), ("ontouchstart" in window || navigator.maxTouchPoints > 0) && (t = !0), t;
+}, l = "1.0.12";
 export {
-  c as debounce,
-  d as downloadExe,
-  s as getTimeStamp,
-  l as getUserAgent,
-  u as versions
+  s as downloadExe,
+  d as getTimeStamp,
+  c as getUserAgent,
+  l as versions
 };

dist/lib/components/HotKeys.vue.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css              */const s=require("../_virtual/_plugin-vue_export-helper.js"),r={class:"item-key"},a={__name:"HotKeys",props:e.mergeModels({isActiveKey:{type:Boolean,default:()=>!1}},{hotkey:{type:String,default:"Ctrl+S"},hotkeyModifiers:{}}),emits:["update:hotkey"],setup(t){const o=e.useModel(t,"hotkey");return(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hotkey-tip__wrap",{"is-active_key":t.isActiveKey}])},[e.createElementVNode("p",r,e.toDisplayString(o.value),1)],2))}},i=s.default(a,[["__scopeId","data-v-47ab4d4f"]]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css              */const s=require("../_virtual/_plugin-vue_export-helper.js"),r={class:"item-key"},i={__name:"HotKeys",props:e.mergeModels({isActiveKey:{type:Boolean,default:()=>!1}},{hotkey:{type:String,default:"Ctrl+S"},hotkeyModifiers:{}}),emits:["update:hotkey"],setup(t){const o=e.useModel(t,"hotkey");return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hotkey-tip__wrap",{"is-active_key":t.isActiveKey}])},[e.createElementVNode("p",r,e.toDisplayString(o.value),1)],2))}},l=s.default(i,[["__scopeId","data-v-f9972721"]]);exports.default=l;

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

@@ -29,6 +29,2 @@ declare const _default: import('vue').DefineComponent<{
     };
-    onUpdateCurrent: {
-        type: FunctionConstructor;
-        default: () => () => void;
-    };
     handleChange: {
@@ -78,6 +74,2 @@ type: FunctionConstructor;
     };
-    onUpdateCurrent: {
-        type: FunctionConstructor;
-        default: () => () => void;
-    };
     handleChange: {
@@ -105,3 +97,2 @@ type: FunctionConstructor;
     from: string;
-    onUpdateCurrent: Function;
     handleChange: Function;
@@ -108,0 +99,0 @@ handleClose: Function;

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-1aeabe3b"]]);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-e01188da"]]);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"),j=require("./useAction.js"),N=require("../utils/index.js"),P=require("./flip-animate.js"),X=require("./HotKeys.vue.js"),Y=require("./Loading.vue.js"),U=require("../utils/hotkeys.js"),G=require("../langs/index.js"),l=c=>(e.pushScopeId("data-v-1aeabe3b"),c=c(),e.popScopeId(),c),J=l(()=>e.createElementVNode("svg",{class:"close-icon icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},[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",fill:"#eee"}),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",fill:"#eee"})],-1)),Q=[J],Z={class:"inner-image-wrap"},e1={key:0,style:{"user-select":"text"}},t1={style:{color:"orange","text-decoration":"solid"}},n1=l(()=>e.createElementVNode("svg",{class:"icon-is-hover cus-cursor",viewBox:"0 0 1024 1024",width:"25",height:"25"},[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",fill:"#eee"})],-1)),o1=[n1],l1=l(()=>e.createElementVNode("svg",{class:"icon-is-hover cus-cursor",viewBox:"0 0 1024 1024",width:"25",height:"25"},[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",fill:"#eee"})],-1)),i1=[l1],a1={class:"nav-image-viewer__wrap"},s1={value:"10",selected:""},r1={value:"15"},c1={value:"20"},u1={value:"30"},d1=l(()=>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",fill:"#eee"},null,-1)),v1=l(()=>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",fill:"#eee"},null,-1)),h1=l(()=>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",fill:"#eee"},null,-1)),m1=[d1,v1,h1],g1=l(()=>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",fill:"#eee"},null,-1)),p1=l(()=>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",fill:"#eee"},null,-1)),f1=[g1,p1],_1=l(()=>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",fill:"#eee"},null,-1)),k1=l(()=>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",fill:"#eee"},null,-1)),z1=[_1,k1],E1=l(()=>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",fill:"#eee"},null,-1)),V1=l(()=>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",fill:"#eee"},null,-1)),w1=[E1,V1],y1=l(()=>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",fill:"#eee"},null,-1)),B1=[y1],C1=l(()=>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",fill:"#eee"},null,-1)),M1=[C1],N1=l(()=>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",fill:"#eee"},null,-1)),x1=[N1],S1=l(()=>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",fill:"#eee"},null,-1)),b1=l(()=>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",fill:"#eee"},null,-1)),A1=[S1,b1],I1={key:0,class:"navbar-thumbnail__wrap"},D1=l(()=>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",fill:"#eee"},null,-1)),L1=[D1],H1={class:"navbar-list-group"},R1=["id","src"],q1=l(()=>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",fill:"#eee"},null,-1)),T1=[q1],P1=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!1},current:{type:String,default:()=>""},images:{type:Array,default:()=>[]},zIndex:{type:Number,default:()=>2e3},image:{type:HTMLImageElement,required:!1},from:{type:String,default:()=>""},onUpdateCurrent:{type:Function,default:()=>()=>{}},handleChange:{type:Function,default:()=>()=>{}},handleClose:{type:Function,default:()=>()=>{}},language:{type:String,default:()=>"zh"}},emits:["on-close","on-change","onUpdate:value"],setup(c,{emit:U1}){const r=c,h=(o="")=>{const t=G.messages[r.language];if(t){const{imagev:i}=t;var n={};return Object.keys(i).forEach(u=>{n[`imagev.${u}`]=i[u]}),n[o]}else return console.warn(`[images-viewer-vue3]:The current language '${r.language}' is not supported`),"unknown"},{changePageSize:x,destroyedExe:S,resetStyle:g,downloads:b,loadImageErrorText:A,loading:F,imageRef:a,imageVieverWidgetRef:K,loadImage:I,errorImage:D,zoomIn:p,zoomOut:f,inevrtY:_,inevrtX:k,clockwise:z,counterclockwise:E,closeViewer:$,prevPage:V,nextPage:w,pageData:m,initPage:F1,currentPage:L,totalPage:O,currentIndex:s,activeIndex:y}=j.useAction(r.images,r.current),B=e.ref(""),C=e.ref(!1);function d(o,t,n=!0){U.useCusShortKey({[o]:(i,u)=>{t(),M(i,u,n)}})}d("right",R),d("left",H),d("ctrl+right",w),d("ctrl+left",V),d("ctrl+i+y",_),d("ctrl+i+x",k),d("ctrl+c+r",z),d("ctrl+c+l",E),d("ctrl+z",g),d("esc",T),U.useCusShortKey({"ctrl+*":(o,t)=>{switch(o.key){case"-":f(o),M(o,t,!0,"ctrl + "+o.key);break;case"+":p(o),M(o,t,!0,"ctrl + "+o.key);break}}});function M(o,t,n=!1,i=""){n&&o.preventDefault();const{key:u}=t;B.value=i||u,C.value=!0,setTimeout(()=>{C.value=!1},2e3)}const v=e.ref("");e.watch(()=>r.current,(o,t)=>{o&&e.nextTick().then(n=>{if(a.value)if(r.image===void 0)a.value.src=o;else{const i=r.image.getBoundingClientRect();v.value=a.value.src=r.image.src;const u=a.value.getBoundingClientRect();P.FlipAnimate(a.value,i,u)}})},{deep:!0,immediate:!0}),e.watch(()=>L.value,(o,t)=>{if(o){const n=m.value.findIndex(i=>i.index===y.value);n===-1?s.value=-1:s.value=n}});function H(){a.value&&s.value>0&&(s.value--,v.value=a.value.src=m.value[s.value].url,r.handleChange({image:v.value,index:s.value}))}function R(){a.value&&s.value<m.value.length-1&&(s.value++,v.value=a.value.src=m.value[s.value].url,r.handleChange({image:v.value,index:s.value}))}const q=N.debounce(W,360);function W(o){if(A.value="",!!a.value&&o.target){const t=o.target,n=t.getBoundingClientRect();y.value=Number(t.id),s.value=m.value.findIndex(u=>u.index===y.value),v.value=a.value.src=t.src;const i=a.value.getBoundingClientRect();r.handleChange({image:v.value,index:s.value}),P.FlipAnimate(a.value,n,i),r.onUpdateCurrent(t.src,s.value)}}function T(){S(),r.handleClose(),$(),v.value=""}return e.onBeforeUnmount(()=>{S()}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"imageVieverWidgetRef",ref:K,class:e.normalizeClass(["images-viewer-container__wrap",{"is-active":c.visible},{"nav-scroll-style__wrap":!e.unref(N.getUserAgent)()}])},[e.createElementVNode("div",{class:"image-viewer-close__btn",onClick:T},Q),e.createElementVNode("div",Z,[e.unref(A)?(e.openBlock(),e.createElementBlock("div",e1,[e.createElementVNode("p",t1,e.toDisplayString(h("imagev.loadErrorText")),1),e.createElementVNode("p",null,e.toDisplayString(v.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("img",{ref_key:"imageRef",ref:a,class:"inner-viewer__image cus-transition",onLoad:t[0]||(t[0]=(...n)=>e.unref(I)&&e.unref(I)(...n)),onError:t[1]||(t[1]=(...n)=>e.unref(D)&&e.unref(D)(...n)),src:"",alt:"picture",style:{width:"120px",height:"120px"}},null,544),e.unref(F)?(e.openBlock(),e.createBlock(Y.default,{key:1})):e.createCommentVNode("",!0)]),c.images.length>=2?(e.openBlock(),e.createElementBlock("div",{key:0,class:"viewer-previous-icon",onClick:e.withModifiers(H,["stop","prevent"])},o1)):e.createCommentVNode("",!0),c.images.length>=2?(e.openBlock(),e.createElementBlock("div",{key:1,class:"viewer-next-icon",onClick:e.withModifiers(R,["stop","prevent"])},i1)):e.createCommentVNode("",!0),e.createElementVNode("div",a1,[e.createElementVNode("div",{class:e.normalizeClass(["navbar-control__wrap",{"padding-b":c.images.length<2}])},[c.images.length>=10?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["pagination-wrap",{position:!e.unref(N.getUserAgent)()}])},[e.createElementVNode("span",null," "+e.toDisplayString(c.images.length)+" "+e.toDisplayString(h("imagev.pictures"))+" ",1),e.createElementVNode("span",null,"/ "+e.toDisplayString(e.unref(O))+" "+e.toDisplayString(h("imagev.page"))+" ",1),e.createElementVNode("span",null,"/ "+e.toDisplayString(h("imagev.current"))+" "+e.toDisplayString(e.unref(L)),1),e.createTextVNode("  "),e.createElementVNode("select",{class:"page-size-select",name:"select",id:"page-size-select",onChange:t[2]||(t[2]=(...n)=>e.unref(x)&&e.unref(x)(...n))},[e.createElementVNode("option",s1,"10/"+e.toDisplayString(h("imagev.page")),1),e.createElementVNode("option",r1,"15/"+e.toDisplayString(h("imagev.page")),1),e.createElementVNode("option",c1,"20/"+e.toDisplayString(h("imagev.page")),1),e.createElementVNode("option",u1,"30/"+e.toDisplayString(h("imagev.page")),1)],32)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{onClick:t[3]||(t[3]=e.withModifiers((...n)=>e.unref(p)&&e.unref(p)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},m1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[4]||(t[4]=e.withModifiers((...n)=>e.unref(f)&&e.unref(f)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},f1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[5]||(t[5]=e.withModifiers((...n)=>e.unref(E)&&e.unref(E)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},z1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[6]||(t[6]=e.withModifiers((...n)=>e.unref(z)&&e.unref(z)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},w1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[7]||(t[7]=e.withModifiers((...n)=>e.unref(k)&&e.unref(k)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},B1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[8]||(t[8]=e.withModifiers((...n)=>e.unref(_)&&e.unref(_)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},M1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[9]||(t[9]=e.withModifiers((...n)=>e.unref(g)&&e.unref(g)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"20",height:"20"},x1)),(e.openBlock(),e.createElementBlock("svg",{onClick:t[10]||(t[10]=e.withModifiers((...n)=>e.unref(b)&&e.unref(b)(...n),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"25",height:"25"},A1))])],2),c.images.length>=2?(e.openBlock(),e.createElementBlock("div",I1,[(e.openBlock(),e.createElementBlock("svg",{onClick:t[11]||(t[11]=e.withModifiers((...n)=>e.unref(V)&&e.unref(V)(...n),["stop","prevent"])),class:"icon-is-hover cus-cursor",viewBox:"0 0 1024 1024",width:"25",height:"25"},L1)),e.createElementVNode("div",H1,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(n,i)=>(e.openBlock(),e.createElementBlock("img",{id:`${n.index}`,class:e.normalizeClass(["navbar-image__item",{"nav-active-current__img":e.unref(s)===i}]),key:i,src:n.url,onClick:t[12]||(t[12]=e.withModifiers((...u)=>e.unref(q)&&e.unref(q)(...u),["stop","prevent"]))},null,10,R1))),128))]),(e.openBlock(),e.createElementBlock("svg",{onClick:t[13]||(t[13]=e.withModifiers((...n)=>e.unref(w)&&e.unref(w)(...n),["stop","prevent"])),class:"icon-is-hover cus-cursor",viewBox:"0 0 1024 1024",width:"25",height:"25"},T1))])):e.createCommentVNode("",!0)]),e.createVNode(X.default,{hotkey:B.value,"onUpdate:hotkey":t[14]||(t[14]=n=>B.value=n),isActiveKey:C.value},null,8,["hotkey","isActiveKey"])],2))}});exports.default=P1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s1=require("../hooks/toolbar.js"),S=require("../utils/index.js"),$=require("../utils/flip-animate.js"),i1=require("./HotKeys.vue.js"),r1=require("./Message.vue.js"),c1=require("./Loading.vue.js"),O=require("../utils/hotkeys.js"),a1=require("../langs/index.js"),u1=require("../hooks/mouse.js"),l=u=>(e.pushScopeId("data-v-e01188da"),u=u(),e.popScopeId(),u),d1={class:"images-viewer-vue3__content"},v1=["data-id"],m1=["data-id","src","onClick"],p1=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)),h1=[p1],g1={key:0,class:"image-info"},f1={key:1,style:{"user-select":"text"}},_1={style:{color:"orange","text-decoration":"solid"}},k1={class:"image-viewer__controls"},z1={class:"control-svg__btns"},y1=l(()=>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)),E1=l(()=>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)),M1=l(()=>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)),V1=[y1,E1,M1],B1=l(()=>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)),C1=l(()=>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)),w1=[B1,C1],N1=l(()=>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)),x1=l(()=>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)),S1=[N1,x1],b1=l(()=>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)),I1=l(()=>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)),A1=[b1,I1],H1=l(()=>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)),R1=[H1],D1=l(()=>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)),L1=[D1],q1=l(()=>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)),T1=[q1],U1=l(()=>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)),F1=l(()=>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)),K1=[U1,F1],P1=l(()=>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)),W1=l(()=>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)),$1=[P1,W1],O1=l(()=>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)),X1=l(()=>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)),j1=[O1,X1],Y1=l(()=>e.createElementVNode("svg",{class:"close-icon icon-is-hover svg-icon__action",viewBox:"0 0 1024 1024"},[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)),G1=[Y1],J1=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!1},current:{type:String,default:()=>""},images:{type:Array,default:()=>[]},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"}},emits:["on-close","on-change","onUpdate:value"],setup(u,{emit:Q1}){const i=u,d=(n="")=>{const o=a1.messages[i.language];if(o){const{image:t}=o,s=n.split(".");return t[s[1]]||n}else return console.warn(`[images-viewer-vue3]:The current language '${i.language}' is not supported`),i.language},{onMouseEnterImage:b,updateImageSrc:m,playState:I,stopPlay:g,autoPlay:f,isMultipleImage:p,onWheelListener:A,imageInfo:H,originImages:R,nextImage:X,previousImage:j,onRectScroll:D,renderData:L,vnodeUlRef:Y,vnodeScrollRef:G,destroyedExe:q,resetStyle:_,downloads:T,loadImageErrorText:U,loading:J,imageRef:r,imageVieverWidgetRef:Q,loadImage:F,errorImage:K,zoomIn:k,zoomOut:z,inevrtY:y,inevrtX:E,clockwise:M,counterclockwise:V,currentIndex:v,activeIndex:B}=s1.useToolbar(i.images,i.current,i.handleChange);u1.useMouse();const C=e.ref(""),w=e.ref(!1);function c(n,o,t=!0){O.useCusShortKey({[n]:(s,a)=>{o(),N(s,a,t)}})}c("right",X),c("left",j),c("ctrl+i+y",y),c("ctrl+i+x",E),c("ctrl+c+r",M),c("ctrl+c+l",V),c("ctrl+z",_),c("esc",P),c("space",t1),O.useCusShortKey({"ctrl+*":(n,o)=>{switch(n.key){case"-":z(n),N(n,o,!0,"ctrl + "+n.key);break;case"+":k(n),N(n,o,!0,"ctrl + "+n.key);break}}});function N(n,o,t=!1,s=""){t&&n.preventDefault();const{key:a}=o;C.value=s||a,w.value=!0,setTimeout(()=>{w.value=!1},2e3)}const h=e.ref(!1),x=e.ref(!1),Z=()=>{h.value=!h.value};e.watch(()=>i.current,(n,o)=>{n&&e.nextTick().then(t=>{if(r.value)if(i.image===void 0)r.value.src=n;else{const s=i.image.getBoundingClientRect();m.value=r.value.src=i.image.src;const a=r.value.getBoundingClientRect();$.FlipAnimate(r.value,s,a).addEventListener("finish",W=>{h.value=!0})}})},{deep:!0,immediate:!0}),e.watch(()=>v.value,(n,o)=>{if(n){if(!r.value)return;L.value.findIndex(t=>t.index===v.value),e1()}});function e1(){v.value===R.value.length-1&&(x.value=!0,setTimeout(()=>{x.value=!1},2e3))}function t1(){I.value?g():f()}function o1(n,o,t){if(U.value="",!!r.value&&n.target){const s=n.target,a=s.getBoundingClientRect();if(Number(s.getAttribute("data-id"))===B.value)return;B.value=o.index,v.value=R.value.findIndex(l1=>l1.index===B.value),m.value=r.value.src=s.src;const W=r.value.getBoundingClientRect();i.handleChange({image:m.value,index:v.value}),$.FlipAnimate(r.value,a,W)}}function P(){q(),i.handleClose(),m.value=""}return e.onBeforeUnmount(()=>{q()}),(n,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"imageVieverWidgetRef",ref:Q,class:e.normalizeClass(["images-viewer-vue3__wrapper",{"is-active":u.visible},{"nav-scroll-style__wrap":!e.unref(S.getUserAgent)()}])},[e.createElementVNode("div",d1,[e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content-nav__wrapper",{"nav-active":h.value}])},[e.createElementVNode("div",{ref_key:"vnodeScrollRef",ref:G,class:e.normalizeClass(["nav-vnode-scroll__wrapper"]),onScroll:o[0]||(o[0]=(...t)=>e.unref(D)&&e.unref(D)(...t))},[e.createElementVNode("ul",{ref_key:"vnodeUlRef",ref:Y,class:e.normalizeClass(["vnode-list-group"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(L),(t,s)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["list-group-item",{"list-group-item__active":e.unref(v)===t.index}]),style:{height:"50px"},key:s,"data-id":t.index},[e.createElementVNode("img",{class:"list-group-item__image","data-id":t.index,src:t.url,alt:"picture",onClick:e.withModifiers(a=>o1(a,t),["stop","prevent"])},null,8,m1)],10,v1))),128))],512)],544)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"content-viewer-image__wrapper",onWheel:o[14]||(o[14]=(...t)=>e.unref(A)&&e.unref(A)(...t))},[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{onClick:e.withModifiers(Z,["stop","prevent"]),class:e.normalizeClass(["icon-is-hover cus-cursor image-collapse-nav__btn svg-icon__action",{"rotate-right__btn":!h.value}]),viewBox:"0 0 1024 1024"},h1,2)),[[e.vShow,e.unref(p)]]),e.unref(S.getUserAgent)()?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("ul",g1,[e.createElementVNode("li",null,e.toDisplayString(d("image.ruleText"))+"："+e.toDisplayString(e.unref(H).width)+e.toDisplayString(d("image.px"))+" X "+e.toDisplayString(e.unref(H).height)+e.toDisplayString(d("image.px")),1)])),e.unref(U)?(e.openBlock(),e.createElementBlock("div",f1,[e.createElementVNode("p",_1,e.toDisplayString(d("image.loadErrorText")),1),e.createElementVNode("p",null,e.toDisplayString(e.unref(m)),1)])):e.createCommentVNode("",!0),e.createElementVNode("img",{ref_key:"imageRef",ref:r,class:"image-viewer__inner cus-transition",onLoad:o[1]||(o[1]=(...t)=>e.unref(F)&&e.unref(F)(...t)),onError:o[2]||(o[2]=(...t)=>e.unref(K)&&e.unref(K)(...t)),src:"",alt:"picture",style:{width:"120px",height:"120px"},onMouseenter:o[3]||(o[3]=(...t)=>e.unref(b)&&e.unref(b)(...t))},null,544),e.unref(J)?(e.openBlock(),e.createBlock(c1.default,{key:2})):e.createCommentVNode("",!0),e.createElementVNode("div",k1,[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["control-info",{position:!e.unref(S.getUserAgent)()}])},[e.createElementVNode("span",null," "+e.toDisplayString(u.images.length)+" "+e.toDisplayString(d("image.pictures"))+" ",1),e.createElementVNode("span",null,"/ "+e.toDisplayString(d("image.the"))+" "+e.toDisplayString(e.unref(v)+1)+" "+e.toDisplayString(d("image.img"))+" ",1)],2),[[e.vShow,e.unref(p)]]),e.createElementVNode("div",z1,[(e.openBlock(),e.createElementBlock("svg",{onClick:o[4]||(o[4]=e.withModifiers((...t)=>e.unref(k)&&e.unref(k)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},V1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[5]||(o[5]=e.withModifiers((...t)=>e.unref(z)&&e.unref(z)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},w1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[6]||(o[6]=e.withModifiers((...t)=>e.unref(V)&&e.unref(V)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},S1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[7]||(o[7]=e.withModifiers((...t)=>e.unref(M)&&e.unref(M)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},A1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[8]||(o[8]=e.withModifiers((...t)=>e.unref(E)&&e.unref(E)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},R1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[9]||(o[9]=e.withModifiers((...t)=>e.unref(y)&&e.unref(y)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},L1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[10]||(o[10]=e.withModifiers((...t)=>e.unref(_)&&e.unref(_)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024",width:"20",height:"20"},T1)),(e.openBlock(),e.createElementBlock("svg",{onClick:o[11]||(o[11]=e.withModifiers((...t)=>e.unref(T)&&e.unref(T)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},K1)),e.unref(I)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(p)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:o[12]||(o[12]=e.withModifiers((...t)=>e.unref(g)&&e.unref(g)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},$1)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(p)?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:o[13]||(o[13]=e.withModifiers((...t)=>e.unref(f)&&e.unref(f)(...t),["stop","prevent"])),class:"tool-item-icon__btn icon-is-hover",viewBox:"0 0 1024 1024"},j1)):e.createCommentVNode("",!0)],64))])])],32)]),e.createElementVNode("div",{class:"images-viewer-vue3__close close-btn",onClick:P},G1),e.createVNode(i1.default,{hotkey:C.value,"onUpdate:hotkey":o[15]||(o[15]=t=>C.value=t),isActiveKey:w.value},null,8,["hotkey","isActiveKey"]),e.createVNode(r1.default,{"is-active":x.value},null,8,["is-active"])],2))}});exports.default=J1;

dist/lib/directive/v-image-viewer.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../components/core.js"),c=require("../index.js"),s=r.default.getInStance(),d=s.getConfigOptions(),o=document.createElement("div");o.style.zIndex=d.zIndex+"";o.classList.add("image-viewer-vue3__root");var t=[];const u={created(e,n,i){},beforeMount(e,n,i){},mounted(e,n,i){t.push(e.src),e.addEventListener("click",function(a){c.imageViewerApi({current:e.src,images:t,zIndex:d.zIndex,imageDom:e,from:"directive"})})},beforeUpdate(e,n,i){},updated(e,n,i){},beforeUnmount(e,n,i){},unmounted(e,n,i){}};exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/ViewerCore.js"),c=require("../index.js"),s=r.default.getInStance(),d=s.getConfigOptions(),o=document.createElement("div");o.style.zIndex=d.zIndex+"";o.classList.add("image-viewer-vue3__root");var t=[];const u={created(e,n,i){},beforeMount(e,n,i){},mounted(e,n,i){t.push(e.src),e.addEventListener("click",function(a){c.imageViewerApi({current:e.src,images:t,zIndex:d.zIndex,imageDom:e,from:"directive"})})},beforeUpdate(e,n,i){},updated(e,n,i){},beforeUnmount(e,n,i){},unmounted(e,n,i){}};exports.default=u;

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-47ab4d4f]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;left:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-47ab4d4f]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-47ab4d4f]{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}.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)}}.image-viewer-vue3__root[data-v-1aeabe3b]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-container__wrap[data-v-1aeabe3b]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);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-container__wrap.is-active[data-v-1aeabe3b]{opacity:1}.images-viewer-container__wrap .image-viewer-close__btn[data-v-1aeabe3b]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-container__wrap .icon-is-hover:hover path[data-v-1aeabe3b]{fill:var(--active-icon-color)}.images-viewer-container__wrap .close-icon[data-v-1aeabe3b]{transition:fill .3s ease}.images-viewer-container__wrap .viewer-previous-icon[data-v-1aeabe3b],.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{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-container__wrap .viewer-previous-icon[data-v-1aeabe3b]{top:40%;left:0}.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{top:40%;right:0}.images-viewer-container__wrap .inner-image-wrap[data-v-1aeabe3b]{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-container__wrap .inner-image-wrap>.inner-viewer__image[data-v-1aeabe3b]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-container__wrap .nav-image-viewer__wrap[data-v-1aeabe3b]{overflow:hidden;position:absolute;bottom:0;left:0;right:0;text-align:center}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap[data-v-1aeabe3b]{padding-top:5px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .tool-item-icon__btn[data-v-1aeabe3b]{margin:0 4px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap[data-v-1aeabe3b]{display:flex;align-items:center;color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select[data-v-1aeabe3b]{border-radius:4px;outline:none;background:transparent;color:#eee;border-color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select option[data-v-1aeabe3b]{color:#333}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .position[data-v-1aeabe3b]{position:absolute;left:20px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap.padding-b[data-v-1aeabe3b]{padding-bottom:.2rem}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap[data-v-1aeabe3b]{background-color:#0000004d;display:flex;justify-content:center;align-items:center;overflow:hidden}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group[data-v-1aeabe3b]{height:3rem;margin-top:3px;margin-bottom:3px;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0;box-sizing:border-box;line-height:1}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]{display:block;height:2.3rem;width:3rem;object-fit:cover;transition:all .3s ease;opacity:.5;margin:0 .1rem;border:2px solid transparent;padding:3px;border-radius:3px;cursor:pointer}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item.nav-active-current__img[data-v-1aeabe3b]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]:hover{opacity:1}.cus-transition[data-v-1aeabe3b]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-1aeabe3b]{border:1px solid var(--active-icon-color);opacity:1!important}\n@charset \"UTF-8\";.hotkey-tip__wrap[data-v-47ab4d4f]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;left:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-47ab4d4f]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-47ab4d4f]{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}.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)}}.image-viewer-vue3__root[data-v-1aeabe3b]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-1aeabe3b] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-container__wrap[data-v-1aeabe3b]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);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-container__wrap.is-active[data-v-1aeabe3b]{opacity:1}.images-viewer-container__wrap .image-viewer-close__btn[data-v-1aeabe3b]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-container__wrap .icon-is-hover:hover path[data-v-1aeabe3b]{fill:var(--active-icon-color)}.images-viewer-container__wrap .close-icon[data-v-1aeabe3b]{transition:fill .3s ease}.images-viewer-container__wrap .viewer-previous-icon[data-v-1aeabe3b],.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{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-container__wrap .viewer-previous-icon[data-v-1aeabe3b]{top:40%;left:0}.images-viewer-container__wrap .viewer-next-icon[data-v-1aeabe3b]{top:40%;right:0}.images-viewer-container__wrap .inner-image-wrap[data-v-1aeabe3b]{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-container__wrap .inner-image-wrap>.inner-viewer__image[data-v-1aeabe3b]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-container__wrap .nav-image-viewer__wrap[data-v-1aeabe3b]{overflow:hidden;position:absolute;bottom:0;left:0;right:0;text-align:center}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap[data-v-1aeabe3b]{padding-top:5px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .tool-item-icon__btn[data-v-1aeabe3b]{margin:0 4px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap[data-v-1aeabe3b]{display:flex;align-items:center;color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select[data-v-1aeabe3b]{border-radius:4px;outline:none;background:transparent;color:#eee;border-color:#eee}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .pagination-wrap .page-size-select option[data-v-1aeabe3b]{color:#333}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap .position[data-v-1aeabe3b]{position:absolute;left:20px}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-control__wrap.padding-b[data-v-1aeabe3b]{padding-bottom:.2rem}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap[data-v-1aeabe3b]{background-color:#0000004d;display:flex;justify-content:center;align-items:center;overflow:hidden}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group[data-v-1aeabe3b]{height:3rem;margin-top:3px;margin-bottom:3px;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0;box-sizing:border-box;line-height:1}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]{display:block;height:2.3rem;width:3rem;object-fit:cover;transition:all .3s ease;opacity:.5;margin:0 .1rem;border:2px solid transparent;padding:3px;border-radius:3px;cursor:pointer}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item.nav-active-current__img[data-v-1aeabe3b]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-container__wrap .nav-image-viewer__wrap .navbar-thumbnail__wrap .navbar-list-group .navbar-image__item[data-v-1aeabe3b]:hover{opacity:1}.cus-transition[data-v-1aeabe3b]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-1aeabe3b]{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 t=require("vue"),a=require("./components/viewer.vue.js"),g=require("./components/index.vue.js"),u=require("./directive/v-image-viewer.js"),v=require("./components/core.js"),f=require("./utils/index.js");let d;const n=v.default.getInStance();var r=(e,i)=>{};function y(e,i){i&&n.setConfigOptions(i),console.log(`%cimages-viewer-vue3_V${f.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",u.default),e.component("ImagesViewerVue3",a.default),e.config.globalProperties.$imageViewerApi=l}function l(e){const i=n.getConfigOptions();var o=null;o?o&&document.body.removeChild(o):(d=t.createVNode(g.default,{visible:!0,current:e.current,images:e.images||[],zIndex:i.zIndex,image:e.imageDom,from:e.from||"api",language:i.language||"zh",handleChange:({image:m,index:s})=>{r&&r(m,s)},handleClose:()=>{c()}}),o=document.createElement("div"),o.style.zIndex=i.zIndex+"",o.classList.add("image-viewer-vue3__root"),t.render(d,o),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(o))}function c(){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)),n.destroyed()}function p(e){e&&(r=e)}const w=a.default;exports.VImageViewer=u.default;exports.ImageViewerVue3=w;exports.default=y;exports.imageViewerApi=l;exports.onClose=c;exports.onUpdate=p;
+(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-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{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:tomato}.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)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--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-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{position:absolute;top:15px;left:8px;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-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{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-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;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 .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;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-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{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-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{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-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{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:tomato}.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)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--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-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{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-e01188da]{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-e01188da]{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-e01188da]{position:absolute;top:15px;left:8px;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-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{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-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;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 .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;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-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{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-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{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 t=require("vue"),a=require("./components/viewer.vue.js"),g=require("./components/index.vue.js"),u=require("./directive/v-image-viewer.js"),v=require("./utils/ViewerCore.js"),f=require("./utils/index.js");let d;const n=v.default.getInStance();var r=(e,i)=>{};function y(e,i){i&&n.setConfigOptions(i),console.log(`%cimages-viewer-vue3_V${f.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",u.default),e.component("ImagesViewerVue3",a.default),e.config.globalProperties.$imageViewerApi=l}function l(e){const i=n.getConfigOptions();var o=null;o?o&&document.body.removeChild(o):(d=t.createVNode(g.default,{visible:!0,current:e.current,images:e.images||[],zIndex:i.zIndex,image:e.imageDom,from:e.from||"api",language:i.language||"zh",handleChange:({image:m,index:s})=>{r&&r(m,s)},handleClose:()=>{c()}}),o=document.createElement("div"),o.style.zIndex=i.zIndex+"",o.classList.add("image-viewer-vue3__root"),t.render(d,o),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(o))}function c(){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)),n.destroyed()}function w(e){e&&(r=e)}const p=a.default;exports.VImageViewer=u.default;exports.ImageViewerVue3=p;exports.default=y;exports.imageViewerApi=l;exports.onClose=c;exports.onUpdate=w;

dist/lib/langs/enCn.d.ts

 declare const _default: {
-    imagev: {
+    image: {
         pictures: string;
+        leaf: string;
         page: string;
         current: string;
         loadErrorText: string;
+        ruleText: string;
+        px: string;
+        the: string;
+        img: string;
     };
 };
 export default _default;

dist/lib/langs/enCn.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={imagev:{pictures:"Pictures",page:"Page",current:"Current page",loadErrorText:"Failed to load the image, please check the image access path carefully!"}};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={image:{pictures:"Pictures",leaf:"leaf",page:"Page",current:"Current page",loadErrorText:"Failed to load the image, please check the image access path carefully!",ruleText:"Image size",px:"px",the:"The",img:"Image"}};exports.default=e;

dist/lib/langs/index.d.ts

 export declare const messages: {
     en: {
-        imagev: {
+        image: {
             pictures: string;
+            leaf: string;
             page: string;
             current: string;
             loadErrorText: string;
+            ruleText: string;
+            px: string;
+            the: string;
+            img: string;
         };
     };
     zh: {
-        imagev: {
+        image: {
             pictures: string;
+            leaf: string;
             page: string;
             current: string;
             loadErrorText: string;
+            ruleText: string;
+            px: string;
+            the: string;
+            img: string;
         };
@@ -17,0 +27,0 @@ };

dist/lib/langs/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./zhCn.js"),t=require("./enCn.js"),a={en:t.default,zh:e.default},n=(navigator.language||"en").toLocaleLowerCase();localStorage.getItem("lang")||n.split("-")[0];exports.messages=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./zhCn.js"),t=require("./enCn.js"),a={en:t.default,zh:e.default},n=(navigator.language||"zh").toLocaleLowerCase();localStorage.getItem("lang")||n.split("-")[0];exports.messages=a;

dist/lib/langs/zhCn.d.ts

 declare const _default: {
-    imagev: {
+    image: {
         pictures: string;
+        leaf: string;
         page: string;
         current: string;
         loadErrorText: string;
+        ruleText: string;
+        px: string;
+        the: string;
+        img: string;
     };
 };
 export default _default;

dist/lib/langs/zhCn.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={imagev:{pictures:"张图片",page:"页",current:"当前页",loadErrorText:"加载图片失败，请仔细检测图片访问路径！"}};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={image:{pictures:"图片",leaf:"张",page:"页",current:"当前页",loadErrorText:"加载图片失败，请仔细检测图片访问路径！",ruleText:"图片尺寸",px:"像素",the:"第",img:"图片"}};exports.default=e;

dist/lib/utils/index.d.ts

@@ -19,2 +19,3 @@ /**
 export declare const getUserAgent: () => boolean;
-export declare const versions = "1.0.11";
+export declare const getDeviceType: () => "Android" | "iOS" | "Windows Phone" | "Other Mobile" | "Tablet" | "Desktop";
+export declare const versions = "1.0.12";

dist/lib/utils/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=(t,n)=>{let e;return function(){let o=this,r=arguments;e&&clearTimeout(e),e=setTimeout(function(){t.apply(o,r)},n)}},a=()=>{var t=new Date,n=t.getFullYear(),e=t.getMonth()+1,o=t.getDate(),r=t.getHours(),i=t.getMinutes(),s=t.getSeconds();return`${n}${e}${o}_${r}${i}${s}`},c=(t,n)=>{fetch(t).then(e=>e.blob()).then(e=>{var o=document.createElement("a");o.style.display="none",document.body.appendChild(o);var r=window.URL.createObjectURL(e);o.href=r,o.download=a(),o.click(),window.URL.revokeObjectURL(r),document.body.removeChild(o)})},l=()=>{const t=navigator.userAgent||navigator.vendor||window.opera,n=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(t.toLowerCase());let e=!1;return n&&(e=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(e=!0),e},u="1.0.11";exports.debounce=d;exports.downloadExe=c;exports.getTimeStamp=a;exports.getUserAgent=l;exports.versions=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=()=>{var e=new Date,n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),r=e.getHours(),i=e.getMinutes(),s=e.getSeconds();return`${n}${t}${o}_${r}${i}${s}`},d=(e,n)=>{fetch(e).then(t=>t.blob()).then(t=>{var o=document.createElement("a");o.style.display="none",document.body.appendChild(o);var r=window.URL.createObjectURL(t);o.href=r,o.download=a(),o.click(),window.URL.revokeObjectURL(r),document.body.removeChild(o)})},c=()=>{const e=navigator.userAgent||navigator.vendor||window.opera,n=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());let t=!1;return n&&(t=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(t=!0),t},l="1.0.12";exports.downloadExe=d;exports.getTimeStamp=a;exports.getUserAgent=c;exports.versions=l;

package.json

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

README.md

@@ -21,2 +21,3 @@ [![npm version](https://img.shields.io/npm/v/images-viewer-vue3.svg)](https://npmjs.org/package/images-viewer-vue3)
 * Download image
+* AutoPlay image
 
@@ -28,3 +29,3 @@ # Install
 --or
-pnpm install images-viewer-vue3
+pnpm add images-viewer-vue3
 --or
@@ -115,4 +116,2 @@ yarn add images-viewer-vue3
 | Left(←) | Previous |
-| Ctrl+Right(→) | Next Page |
-| Ctrl+Left(←) | Previous page |
 | Ctrl+I+Y | Flip Vertically |
@@ -125,2 +124,3 @@ | Ctrl+I+X | Flip Horizontal |
 | Ctrl+'-' | Zoom out |
+| Space | AutoPlay and StopPlay |
 | ESC | Close Preview |

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

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

Improved metrics

Total package byte prevSize

293434

increased by5.9%

Number of package files

77

increased by14.93%

Lines of code

2975

increased by5.87%

Worsened metrics

Number of low quality alerts

12

increased by20%

No dependency changes