iking-web-ui-pro 1.2.5 → 1.2.7

package/dist/IkImageViewer/ik.index.es.js

@@ -1,22 +1,22 @@
-import { unref as o, getCurrentScope as Oe, onScopeDispose as be, watch as Q, defineComponent as y, createElementBlock as v, openBlock as _, createElementVNode as u, markRaw as J, ref as M, effectScope as ke, shallowRef as ze, computed as A, nextTick as Ce, onMounted as Le, createBlock as ee, Teleport as Ne, createVNode as f, Transition as Ee, withCtx as O, normalizeStyle as te, normalizeClass as w, createCommentVNode as S, renderSlot as Ae, withModifiers as Me, Fragment as ae, resolveDynamicComponent as Te, renderList as Ve, withDirectives as Se, vShow as Re } from "vue";
+import { unref as r, getCurrentScope as be, onScopeDispose as ye, watch as Q, defineComponent as I, openBlock as d, createElementBlock as m, createElementVNode as i, markRaw as J, ref as M, effectScope as ke, shallowRef as Ce, computed as A, nextTick as ze, onMounted as Le, createBlock as ee, Teleport as Ne, createVNode as f, Transition as Ee, withCtx as b, normalizeStyle as te, normalizeClass as g, withModifiers as Ae, createCommentVNode as S, Fragment as ae, resolveDynamicComponent as Me, renderList as Te, withDirectives as Ve, vShow as Se, renderSlot as Re } from "vue";
 import { paramType as ne, _ as F } from "iking-utils-pro";
-import { useLocale as Be, useNamespace as Pe, useZIndex as He, ElIcon as z, EVENT_CODE as T } from "element-plus";
+import { useLocale as Be, useNamespace as Pe, useZIndex as He, ElIcon as C, EVENT_CODE as T } from "element-plus";
 const Xe = (e, n) => (e.install = (a) => {
-  for (const d of [e, ...Object.values({})])
-    a.component(d.name, d);
+  for (const v of [e, ...Object.values({})])
+    a.component(v.name, v);
 }, e);
-var re;
+var oe;
 const ce = typeof window < "u", Ye = (e) => typeof e == "string", $e = () => {
 };
-ce && ((re = window == null ? void 0 : window.navigator) != null && re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+ce && ((oe = window == null ? void 0 : window.navigator) != null && oe.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function fe(e) {
-  return typeof e == "function" ? e() : o(e);
+  return typeof e == "function" ? e() : r(e);
 }
 function Fe(e) {
   return e;
 }
 function Qe(e) {
-  return Oe() ? (be(e), !0) : !1;
+  return be() ? (ye(e), !0) : !1;
 }
 function De(e) {
   var n;
@@ -25,31 +25,31 @@ function De(e) {
 }
 const We = ce ? window : void 0;
 function P(...e) {
-  let n, a, d, I;
-  if (Ye(e[0]) || Array.isArray(e[0]) ? ([a, d, I] = e, n = We) : [n, a, d, I] = e, !n)
+  let n, a, v, O;
+  if (Ye(e[0]) || Array.isArray(e[0]) ? ([a, v, O] = e, n = We) : [n, a, v, O] = e, !n)
     return $e;
-  Array.isArray(a) || (a = [a]), Array.isArray(d) || (d = [d]);
-  const i = [], C = () => {
-    i.forEach((p) => p()), i.length = 0;
-  }, H = (p, L, N, m) => (p.addEventListener(L, N, m), () => p.removeEventListener(L, N, m)), l = Q(() => [De(n), fe(I)], ([p, L]) => {
-    C(), p && i.push(...a.flatMap((N) => d.map((m) => H(p, N, m, L))));
+  Array.isArray(a) || (a = [a]), Array.isArray(v) || (v = [v]);
+  const u = [], z = () => {
+    u.forEach((p) => p()), u.length = 0;
+  }, H = (p, L, N, _) => (p.addEventListener(L, N, _), () => p.removeEventListener(L, N, _)), l = Q(() => [De(n), fe(O)], ([p, L]) => {
+    z(), p && u.push(...a.flatMap((N) => v.map((_) => H(p, N, _, L))));
   }, { immediate: !0, flush: "post" }), R = () => {
-    l(), C();
+    l(), z();
   };
   return Qe(R), R;
 }
-const oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, se = "__vueuse_ssr_handlers__";
-oe[se] = oe[se] || {};
+const re = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, se = "__vueuse_ssr_handlers__";
+re[se] = re[se] || {};
 var le;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(le || (le = {}));
-var je = Object.defineProperty, ue = Object.getOwnPropertySymbols, Ze = Object.prototype.hasOwnProperty, Ge = Object.prototype.propertyIsEnumerable, ie = (e, n, a) => n in e ? je(e, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[n] = a, Ke = (e, n) => {
+var je = Object.defineProperty, ie = Object.getOwnPropertySymbols, Ze = Object.prototype.hasOwnProperty, Ge = Object.prototype.propertyIsEnumerable, ue = (e, n, a) => n in e ? je(e, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[n] = a, Ke = (e, n) => {
   for (var a in n || (n = {}))
-    Ze.call(n, a) && ie(e, a, n[a]);
-  if (ue)
-    for (var a of ue(n))
-      Ge.call(n, a) && ie(e, a, n[a]);
+    Ze.call(n, a) && ue(e, a, n[a]);
+  if (ie)
+    for (var a of ie(n))
+      Ge.call(n, a) && ue(e, a, n[a]);
   return e;
 };
 const Ue = {
@@ -81,135 +81,135 @@ const Ue = {
 Ke({
   linear: Fe
 }, Ue);
-/*! Element Plus Icons Vue v2.3.1 */
-var qe = /* @__PURE__ */ y({
+/*! Element Plus Icons Vue v2.3.2 */
+var qe = /* @__PURE__ */ I({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
-        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
       })
     ]));
   }
-}), Je = qe, et = /* @__PURE__ */ y({
+}), Je = qe, et = /* @__PURE__ */ I({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
-        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
       })
     ]));
   }
-}), tt = et, at = /* @__PURE__ */ y({
+}), tt = et, at = /* @__PURE__ */ I({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
         d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
       })
     ]));
   }
-}), nt = at, rt = /* @__PURE__ */ y({
+}), nt = at, ot = /* @__PURE__ */ I({
   name: "FullScreen",
   __name: "full-screen",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
-        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
+        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
       })
     ]));
   }
-}), ot = rt, st = /* @__PURE__ */ y({
+}), rt = ot, st = /* @__PURE__ */ I({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
         d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
       })
     ]));
   }
-}), lt = st, ut = /* @__PURE__ */ y({
+}), lt = st, it = /* @__PURE__ */ I({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
-        d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
+        d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88"
       })
     ]));
   }
-}), it = ut, ct = /* @__PURE__ */ y({
+}), ut = it, ct = /* @__PURE__ */ I({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
-        d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118M512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412M512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512"
+        d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118m-361.412 0a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118M512 361.412a30.12 30.12 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.12 30.12 0 0 0 512 361.412M512 512a30.12 30.12 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.12 30.12 0 0 0 512 512"
       })
     ]));
   }
-}), ft = ct, _t = /* @__PURE__ */ y({
+}), ft = ct, dt = /* @__PURE__ */ I({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), vt = _t, dt = /* @__PURE__ */ y({
+}), mt = dt, vt = /* @__PURE__ */ I({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(e) {
-    return (n, a) => (_(), v("svg", {
+    return (n, a) => (d(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      u("path", {
+      i("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
       })
     ]));
   }
-}), pt = dt;
-const mt = {
+}), pt = vt;
+const _t = {
   /**
    * @description preview link list.
    */
@@ -279,62 +279,62 @@ const mt = {
   crossorigin: {
     type: ["anonymous", "use-credentials", ""]
   }
-}, gt = {
+}, wt = {
   close: () => !0,
   switch: (e) => ne.isNumber(e),
   rotate: (e) => ne.isNumber(e)
-}, wt = ["src", "crossorigin"], ht = /* @__PURE__ */ y({
+}, gt = ["src", "crossorigin"], ht = /* @__PURE__ */ I({
   name: "ElImageViewer",
   __name: "IkImageViewer",
-  props: mt,
-  emits: gt,
+  props: _t,
+  emits: wt,
   setup(e, { expose: n, emit: a }) {
-    const d = (t) => Object.keys(t), I = {
+    const v = (t) => Object.keys(t), O = {
       CONTAIN: {
         name: "contain",
-        icon: J(ot)
+        icon: J(rt)
       },
       ORIGINAL: {
         name: "original",
         icon: J(ft)
       }
-    }, i = e, C = a, { t: H } = Be(), l = Pe("image-viewer"), { nextZIndex: R } = He(), p = M(), L = M([]), N = ke(), m = M(!0), b = M(i.initialIndex), B = ze(I.CONTAIN), c = M({
+    }, u = e, z = a, { t: H } = Be(), l = Pe("image-viewer"), { nextZIndex: R } = He(), p = M(), L = M([]), N = ke(), _ = M(!0), y = M(u.initialIndex), B = Ce(O.CONTAIN), c = M({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), _e = M(i.zIndex ?? R()), ve = A(() => {
-      const { urlList: t } = i;
+    }), de = M(u.zIndex ?? R()), me = A(() => {
+      const { urlList: t } = u;
       return t.length <= 1;
-    }), D = A(() => b.value === 0), W = A(() => b.value === i.urlList.length - 1), de = A(() => i.urlList[b.value]), pe = A(() => [
+    }), D = A(() => y.value === 0), W = A(() => y.value === u.urlList.length - 1), ve = A(() => u.urlList[y.value]), pe = A(() => [
       l.e("btn"),
       l.e("prev"),
-      l.is("disabled", !i.infinite && D.value)
-    ]), me = A(() => [
+      l.is("disabled", !u.infinite && D.value)
+    ]), _e = A(() => [
       l.e("btn"),
       l.e("next"),
-      l.is("disabled", !i.infinite && W.value)
-    ]), ge = A(() => {
-      const { scale: t, deg: r, offsetX: s, offsetY: g, enableTransition: h } = c.value;
-      let x = s / t, k = g / t;
-      const V = r * Math.PI / 180, U = Math.cos(V), q = Math.sin(V);
+      l.is("disabled", !u.infinite && W.value)
+    ]), we = A(() => {
+      const { scale: t, deg: o, offsetX: s, offsetY: w, enableTransition: h } = c.value;
+      let x = s / t, k = w / t;
+      const V = o * Math.PI / 180, U = Math.cos(V), q = Math.sin(V);
       x = x * U + k * q, k = k * U - s / t * q;
       const $ = {
-        transform: `scale(${t}) rotate(${r}deg) translate(${x}px, ${k}px)`,
+        transform: `scale(${t}) rotate(${o}deg) translate(${x}px, ${k}px)`,
         transition: h ? "transform .3s" : ""
       };
-      return B.value.name === I.CONTAIN.name && ($.maxWidth = $.maxHeight = "100%"), $;
+      return B.value.name === O.CONTAIN.name && ($.maxWidth = $.maxHeight = "100%"), $;
     });
     function X() {
-      he(), C("close");
+      he(), z("close");
     }
-    function we() {
+    function ge() {
       const t = F.throttle((s) => {
         switch (s.code) {
           // ESC
           case T.esc:
-            i.closeOnPressEscape && X();
+            u.closeOnPressEscape && X();
             break;
           // SPACE
           case T.space:
@@ -357,33 +357,33 @@ const mt = {
             E("zoomOut");
             break;
         }
-      }), r = F.throttle((s) => {
-        const g = s.deltaY || s.deltaX;
-        E(g < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: i.zoomRate,
+      }), o = F.throttle((s) => {
+        const w = s.deltaY || s.deltaX;
+        E(w < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: u.zoomRate,
           enableTransition: !1
         });
       });
       N.run(() => {
-        P(document, "keydown", t), P(document, "wheel", r);
+        P(document, "keydown", t), P(document, "wheel", o);
       });
     }
     function he() {
       N.stop();
     }
     function xe() {
-      m.value = !1;
-    }
-    function ye(t) {
-      m.value = !1, t.target.alt = H("el.image.error");
+      _.value = !1;
     }
     function Ie(t) {
-      if (m.value || t.button !== 0 || !p.value) return;
+      _.value = !1, t.target.alt = H("el.image.error");
+    }
+    function Oe(t) {
+      if (_.value || t.button !== 0 || !p.value) return;
       c.value.enableTransition = !1;
-      const { offsetX: r, offsetY: s } = c.value, g = t.pageX, h = t.pageY, x = F.throttle((V) => {
+      const { offsetX: o, offsetY: s } = c.value, w = t.pageX, h = t.pageY, x = F.throttle((V) => {
         c.value = {
           ...c.value,
-          offsetX: r + V.pageX - g,
+          offsetX: o + V.pageX - w,
           offsetY: s + V.pageY - h
         };
       }), k = P(document, "mousemove", x);
@@ -401,27 +401,27 @@ const mt = {
       };
     }
     function Z() {
-      if (m.value) return;
-      const t = d(I), r = Object.values(I), s = B.value.name, h = ((r == null ? void 0 : r.findIndex((x) => x.name === s)) + 1) % t.length;
-      B.value = I[t[h]], j();
+      if (_.value) return;
+      const t = v(O), o = Object.values(O), s = B.value.name, h = ((o == null ? void 0 : o.findIndex((x) => x.name === s)) + 1) % t.length;
+      B.value = O[t[h]], j();
     }
     function Y(t) {
-      const r = i.urlList.length;
-      b.value = (t + r) % r;
+      const o = u.urlList.length;
+      y.value = (t + o) % o;
     }
     function G() {
-      D.value && !i.infinite || Y(b.value - 1);
+      D.value && !u.infinite || Y(y.value - 1);
     }
     function K() {
-      W.value && !i.infinite || Y(b.value + 1);
+      W.value && !u.infinite || Y(y.value + 1);
     }
-    function E(t, r = {}) {
-      if (m.value) return;
-      const { minScale: s, maxScale: g } = i, { zoomRate: h, rotateDeg: x, enableTransition: k } = {
-        zoomRate: i.zoomRate,
+    function E(t, o = {}) {
+      if (_.value) return;
+      const { minScale: s, maxScale: w } = u, { zoomRate: h, rotateDeg: x, enableTransition: k } = {
+        zoomRate: u.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
-        ...r
+        ...o
       };
       switch (t) {
         case "zoomOut":
@@ -430,71 +430,71 @@ const mt = {
           ));
           break;
         case "zoomIn":
-          c.value.scale < g && (c.value.scale = Number.parseFloat(
+          c.value.scale < w && (c.value.scale = Number.parseFloat(
             (c.value.scale * h).toFixed(3)
           ));
           break;
         case "clockwise":
-          c.value.deg += x, C("rotate", c.value.deg);
+          c.value.deg += x, z("rotate", c.value.deg);
           break;
         case "anticlockwise":
-          c.value.deg -= x, C("rotate", c.value.deg);
+          c.value.deg -= x, z("rotate", c.value.deg);
           break;
       }
       c.value.enableTransition = k;
     }
-    return Q(de, () => {
-      Ce(() => {
+    return Q(ve, () => {
+      ze(() => {
         const t = L.value[0];
-        t != null && t.complete || (m.value = !0);
+        t != null && t.complete || (_.value = !0);
       });
-    }), Q(b, (t) => {
-      j(), C("switch", t);
+    }), Q(y, (t) => {
+      j(), z("switch", t);
     }), Le(() => {
-      var t, r;
-      we(), (r = (t = p.value) == null ? void 0 : t.focus) == null || r.call(t);
+      var t, o;
+      ge(), (o = (t = p.value) == null ? void 0 : t.focus) == null || o.call(t);
     }), n({
       /**
        * @description manually switch image
        */
       setActiveItem: Y
-    }), (t, r) => (_(), ee(Ne, { to: "body" }, [
+    }), (t, o) => (d(), ee(Ne, { to: "body" }, [
       f(Ee, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: O(() => [
-          u(
+        default: b(() => [
+          i(
             "div",
             {
               ref_key: "wrapper",
               ref: p,
               tabindex: -1,
-              class: w(o(l).e("wrapper")),
-              style: te({ zIndex: _e.value })
+              class: g(r(l).e("wrapper")),
+              style: te({ zIndex: de.value })
             },
             [
-              u(
+              i(
                 "div",
                 {
-                  class: w(o(l).e("mask")),
-                  onClick: r[0] || (r[0] = Me((s) => t.hideOnClickModal && X(), ["self"]))
+                  class: g(r(l).e("mask")),
+                  onClick: o[0] || (o[0] = Ae((s) => t.hideOnClickModal && X(), ["self"]))
                 },
                 null,
                 2
                 /* CLASS */
               ),
               S(" CLOSE "),
-              u(
+              i(
                 "span",
                 {
-                  class: w([o(l).e("btn"), o(l).e("close")]),
+                  class: g([r(l).e("btn"), r(l).e("close")]),
                   onClick: X
                 },
                 [
-                  f(o(z), null, {
-                    default: O(() => [
-                      f(o(nt))
+                  f(r(C), null, {
+                    default: b(() => [
+                      f(r(nt))
                     ]),
                     _: 1
                     /* STABLE */
@@ -504,20 +504,20 @@ const mt = {
                 /* CLASS */
               ),
               S(" ARROW "),
-              ve.value ? S("v-if", !0) : (_(), v(
+              me.value ? S("v-if", !0) : (d(), m(
                 ae,
                 { key: 0 },
                 [
-                  u(
+                  i(
                     "span",
                     {
-                      class: w(pe.value),
+                      class: g(pe.value),
                       onClick: G
                     },
                     [
-                      f(o(z), null, {
-                        default: O(() => [
-                          f(o(Je))
+                      f(r(C), null, {
+                        default: b(() => [
+                          f(r(Je))
                         ]),
                         _: 1
                         /* STABLE */
@@ -526,16 +526,16 @@ const mt = {
                     2
                     /* CLASS */
                   ),
-                  u(
+                  i(
                     "span",
                     {
-                      class: w(me.value),
+                      class: g(_e.value),
                       onClick: K
                     },
                     [
-                      f(o(z), null, {
-                        default: O(() => [
-                          f(o(tt))
+                      f(r(C), null, {
+                        default: b(() => [
+                          f(r(tt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -549,75 +549,75 @@ const mt = {
                 /* STABLE_FRAGMENT */
               )),
               S(" ACTIONS "),
-              u(
+              i(
                 "div",
                 {
-                  class: w([o(l).e("btn"), o(l).e("actions")])
+                  class: g([r(l).e("btn"), r(l).e("actions")])
                 },
                 [
-                  u(
+                  i(
                     "div",
                     {
-                      class: w(o(l).e("actions__inner"))
+                      class: g(r(l).e("actions__inner"))
                     },
                     [
-                      f(o(z), {
-                        onClick: r[1] || (r[1] = (s) => E("zoomOut"))
+                      f(r(C), {
+                        onClick: o[1] || (o[1] = (s) => E("zoomOut"))
                       }, {
-                        default: O(() => [
-                          f(o(pt))
+                        default: b(() => [
+                          f(r(pt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      f(o(z), {
-                        onClick: r[2] || (r[2] = (s) => E("zoomIn"))
+                      f(r(C), {
+                        onClick: o[2] || (o[2] = (s) => E("zoomIn"))
                       }, {
-                        default: O(() => [
-                          f(o(vt))
+                        default: b(() => [
+                          f(r(mt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      u(
+                      i(
                         "i",
                         {
-                          class: w(o(l).e("actions__divider"))
+                          class: g(r(l).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      f(o(z), { onClick: Z }, {
-                        default: O(() => [
-                          (_(), ee(Te(B.value.icon)))
+                      f(r(C), { onClick: Z }, {
+                        default: b(() => [
+                          (d(), ee(Me(B.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      u(
+                      i(
                         "i",
                         {
-                          class: w(o(l).e("actions__divider"))
+                          class: g(r(l).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      f(o(z), {
-                        onClick: r[3] || (r[3] = (s) => E("anticlockwise"))
+                      f(r(C), {
+                        onClick: o[3] || (o[3] = (s) => E("anticlockwise"))
                       }, {
-                        default: O(() => [
-                          f(o(lt))
+                        default: b(() => [
+                          f(r(lt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      f(o(z), {
-                        onClick: r[4] || (r[4] = (s) => E("clockwise"))
+                      f(r(C), {
+                        onClick: o[4] || (o[4] = (s) => E("clockwise"))
                       }, {
-                        default: O(() => [
-                          f(o(it))
+                        default: b(() => [
+                          f(r(ut))
                         ]),
                         _: 1
                         /* STABLE */
@@ -631,28 +631,28 @@ const mt = {
                 /* CLASS */
               ),
               S(" CANVAS "),
-              u(
+              i(
                 "div",
                 {
-                  class: w(o(l).e("canvas"))
+                  class: g(r(l).e("canvas"))
                 },
                 [
-                  (_(!0), v(
+                  (d(!0), m(
                     ae,
                     null,
-                    Ve(t.urlList, (s, g) => Se((_(), v("img", {
+                    Te(t.urlList, (s, w) => Ve((d(), m("img", {
                       ref_for: !0,
-                      ref: (h) => L.value[g] = h,
+                      ref: (h) => L.value[w] = h,
                       key: s,
                       src: s,
-                      style: te(ge.value),
-                      class: w(o(l).e("img")),
+                      style: te(we.value),
+                      class: g(r(l).e("img")),
                       crossorigin: t.crossorigin,
                       onLoad: xe,
-                      onError: ye,
-                      onMousedown: Ie
-                    }, null, 46, wt)), [
-                      [Re, g === b.value]
+                      onError: Ie,
+                      onMousedown: Oe
+                    }, null, 46, gt)), [
+                      [Se, w === y.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -661,7 +661,7 @@ const mt = {
                 2
                 /* CLASS */
               ),
-              Ae(t.$slots, "default")
+              Re(t.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -672,8 +672,8 @@ const mt = {
       })
     ]));
   }
-}), Ot = Xe(ht);
+}), bt = Xe(ht);
 export {
-  Ot as IkImageViewer,
-  Ot as default
+  bt as IkImageViewer,
+  bt as default
 };