@gx-design-vue/image 0.2.0-beta.23 → 0.2.0-beta.24

package/dist/image.js

@@ -1,11 +1,12 @@
-import { ref as A, reactive as _e, onMounted as kt, defineComponent as nt, createVNode as u, Teleport as en, Transition as Ke, withDirectives as Ye, Fragment as We, cloneVNode as Gn, vShow as Xe, shallowRef as fe, computed as _, watch as te, onUnmounted as Kn, mergeProps as Ze, watchEffect as Yn, createTextVNode as Wn, nextTick as Xn } from "vue";
-import { CloseOutlined as Zn, LeftOutlined as Vn, RightOutlined as Qn, RotateLeftOutlined as qn, RotateRightOutlined as Jn, ZoomInOutlined as kn, ZoomOutOutlined as er, SwapOutlined as St } from "@ant-design/icons-vue";
-import { classNames as Ee, getPrefixCls as tn, isNumber as Ve, getSlotVNode as H, isArray as nn, getSlot as tr, isServer as Ce, isInContainer as nr, getSlotsProps as rr, isString as or, getScrollContainer as ir } from "@gx-design-vue/pro-utils";
-import { useState as Tt, onMountedOrActivated as ar } from "@gx-design-vue/pro-hooks";
-import { Keyframe as Me, useStyle as lr, mergeToken as sr, unit as cr, getTransitionProps as Qe, useProStyle as ur } from "@gx-design-vue/pro-provider";
-import { TinyColor as re } from "@ctrl/tinycolor";
-import { useThrottleFn as fr, useEventListener as It } from "@vueuse/core";
-const ge = {
+import { ref as N, reactive as ae, onMounted as De, defineComponent as ye, createVNode as r, Teleport as ze, Transition as ge, withDirectives as we, Fragment as Se, cloneVNode as Je, vShow as he, shallowRef as Z, computed as y, watch as H, onUnmounted as et, mergeProps as pe, watchEffect as tt, createTextVNode as nt, nextTick as ot } from "vue";
+import { CloseOutlined as it, LeftOutlined as at, RightOutlined as lt, RotateLeftOutlined as rt, RotateRightOutlined as st, ZoomInOutlined as ct, ZoomOutOutlined as ut, SwapOutlined as xe } from "@ant-design/icons-vue";
+import { classNames as oe, getPrefixCls as Ue, isNumber as Ie, getSlotVNode as $, isArray as _e, getSlot as dt, isServer as ie, isInContainer as ft, getSlotsProps as vt, isString as mt, getScrollContainer as gt } from "@gx-design-vue/pro-utils";
+import { useState as Le, onMountedOrActivated as wt } from "@gx-design-vue/pro-hooks";
+import { Keyframe as re, useStyle as St, mergeToken as ht, unit as pt, getTransitionProps as Ee, useProStyle as It } from "@gx-design-vue/pro-provider";
+import { TinyColor as Y } from "@ctrl/tinycolor";
+import { omit as Et, pick as Ct } from "lodash-es";
+import { useThrottleFn as yt, useEventListener as be } from "@vueuse/core";
+const V = {
   infinite: {
     type: Boolean,
     default: !0
@@ -21,7 +22,7 @@ const ge = {
   getContainer: {
     type: String
   }
-}, rn = {
+}, Fe = {
   preview: {
     type: Object,
     default: () => ({
@@ -73,18 +74,18 @@ const ge = {
   imageStyle: Object,
   width: Number,
   height: Number,
-  zIndex: ge.zIndex,
-  getContainer: ge.getContainer
-}, ne = {
+  zIndex: V.zIndex,
+  getContainer: V.getContainer
+}, j = {
   previewUrls: {
     type: Array,
     default: () => []
   },
   disabled: Boolean,
-  zIndex: ge.zIndex,
-  current: ge.current,
-  infinite: ge.infinite,
-  getContainer: rn.getContainer,
+  zIndex: V.zIndex,
+  current: V.current,
+  infinite: V.infinite,
+  getContainer: Fe.getContainer,
   onHideOnClickModal: Boolean,
   countRender: [Function, Array, Object],
   icons: {
@@ -92,24 +93,24 @@ const ge = {
     default: () => ({})
   }
 };
-function dr(e, t) {
+function Nt(e, t) {
   process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error(`Warning: ${t}`);
 }
-const gr = new Me("viewFadeIn", {
+const Mt = new re("viewFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), vr = new Me("viewFadeOut", {
+}), Ot = new re("viewFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), pr = new Me("viewZoomBadgeIn", {
+}), At = new re("viewZoomBadgeIn", {
   "0%": {
     transform: "scale(0.2)",
     opacity: 0
@@ -118,7 +119,7 @@ const gr = new Me("viewFadeIn", {
     transform: "scale(1)",
     opacity: 1
   }
-}), hr = new Me("viewZoomBadgeOut", {
+}), xt = new re("viewZoomBadgeOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -126,11 +127,11 @@ const gr = new Me("viewFadeIn", {
     transform: "scale(0.2)",
     opacity: 0
   }
-}), Ot = (e) => ({
+}), Te = (e) => ({
   position: e || "absolute",
   inset: 0
 });
-function Fe(e) {
+function ve(e) {
   return {
     position: e,
     top: 0,
@@ -139,8 +140,8 @@ function Fe(e) {
     insetInlineStart: 0
   };
 }
-const mr = (e) => {
-  const { previewCls: t, modalMaskBg: n, paddingSM: r, marginXL: o, margin: i, paddingLG: a, previewOperationColorDisabled: s, previewOperationHoverColor: g, motionDurationSlow: d, iconCls: y, colorTextLightSolid: I } = e, h = new re(n).setAlpha(0.1), v = h.clone().setAlpha(0.2);
+const Lt = (e) => {
+  const { previewCls: t, modalMaskBg: i, paddingSM: l, marginXL: o, margin: f, paddingLG: c, previewOperationColorDisabled: d, previewOperationHoverColor: E, motionDurationSlow: g, iconCls: h, colorTextLightSolid: C } = e, v = new Y(i).setAlpha(0.1), u = v.clone().setAlpha(0.2);
   return {
     [`${t}-footer`]: {
       position: "fixed",
@@ -156,7 +157,7 @@ const mr = (e) => {
       transform: "translateX(-50%)"
     },
     [`${t}-progress`]: {
-      marginBottom: i
+      marginBottom: f
     },
     [`${t}-close`]: {
       position: "fixed",
@@ -166,56 +167,56 @@ const mr = (e) => {
         value: o
       },
       display: "flex",
-      color: I,
-      backgroundColor: h.toRgbString(),
+      color: C,
+      backgroundColor: v.toRgbString(),
       borderRadius: "50%",
-      padding: r,
+      padding: l,
       outline: 0,
       border: 0,
       cursor: "pointer",
-      transition: `all ${d}`,
+      transition: `all ${g}`,
       "&:hover": {
-        backgroundColor: v.toRgbString()
+        backgroundColor: u.toRgbString()
       },
-      [`& > ${y}`]: {
+      [`& > ${h}`]: {
         fontSize: e.previewOperationSize
       }
     },
     [`${t}-operations`]: {
       display: "flex",
       alignItems: "center",
-      padding: `0 ${cr(a)}`,
-      backgroundColor: h.toRgbString(),
+      padding: `0 ${pt(c)}`,
+      backgroundColor: v.toRgbString(),
       borderRadius: 100,
       "&-operation": {
-        marginInlineStart: r,
-        padding: r,
+        marginInlineStart: l,
+        padding: l,
         cursor: "pointer",
-        transition: `all ${d}`,
+        transition: `all ${g}`,
         userSelect: "none",
-        [`&:not(${t}-operations-operation-disabled):hover > ${y}`]: {
-          color: g
+        [`&:not(${t}-operations-operation-disabled):hover > ${h}`]: {
+          color: E
         },
         "&-disabled": {
-          color: s,
+          color: d,
           cursor: "not-allowed"
         },
         "&:first-of-type": {
           marginInlineStart: 0
         },
-        [`& > ${y}`]: {
+        [`& > ${h}`]: {
           fontSize: e.previewOperationSize
         }
       }
     }
   };
-}, wr = (e) => {
-  const { modalMaskBg: t, iconCls: n, previewOperationColorDisabled: r, previewCls: o, zIndexPopup: i, motionDurationSlow: a } = e, s = new re(t).setAlpha(0.1), g = s.clone().setAlpha(0.2);
+}, bt = (e) => {
+  const { modalMaskBg: t, iconCls: i, previewOperationColorDisabled: l, previewCls: o, zIndexPopup: f, motionDurationSlow: c } = e, d = new Y(t).setAlpha(0.1), E = d.clone().setAlpha(0.2);
   return {
     [`${o}-switch-left, ${o}-switch-right`]: {
       position: "fixed",
       insetBlockStart: "50%",
-      zIndex: e.calc(i).add(1).equal(),
+      zIndex: e.calc(f).add(1).equal(),
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -223,26 +224,26 @@ const mr = (e) => {
       height: e.imagePreviewSwitchSize,
       marginTop: e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),
       color: e.previewOperationColor,
-      background: s.toRgbString(),
+      background: d.toRgbString(),
       borderRadius: "50%",
       transform: "translateY(-50%)",
       cursor: "pointer",
-      transition: `all ${a}`,
+      transition: `all ${c}`,
       userSelect: "none",
       "&:hover": {
-        background: g.toRgbString()
+        background: E.toRgbString()
       },
       "&-disabled": {
         "&, &:hover": {
-          color: r,
+          color: l,
           background: "transparent",
           cursor: "not-allowed",
-          [`> ${n}`]: {
+          [`> ${i}`]: {
             cursor: "not-allowed"
           }
         }
       },
-      [`> ${n}`]: {
+      [`> ${i}`]: {
         fontSize: e.previewOperationSize
       }
     },
@@ -253,33 +254,33 @@ const mr = (e) => {
       insetInlineEnd: e.marginSM
     }
   };
-}, yr = (e) => ({
+}, Tt = (e) => ({
   [e.componentCls]: {
     height: "100%",
     textAlign: "center",
     pointerEvents: "none",
     "&-root": {
-      ...Fe("fixed"),
+      ...ve("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
     "&-wrap": {
-      ...Fe("fixed"),
+      ...ve("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
     "&-mask": {
-      ...Fe("fixed"),
+      ...ve("fixed"),
       zIndex: e.zIndexPopupBase,
       height: "100%",
       backgroundColor: e.colorBgMask
     },
     "&-body": {
-      ...Ot(),
+      ...Te(),
       overflow: "hidden"
     },
     "&-img": {
@@ -292,7 +293,7 @@ const mr = (e) => {
       userSelect: "none",
       pointerEvents: "auto",
       "&-wrapper": {
-        ...Ot(),
+        ...Te(),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
@@ -307,17 +308,17 @@ const mr = (e) => {
       }
     },
     "&-fade-appear, &-fade-enter": {
-      animationName: gr,
+      animationName: Mt,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-fade-leave": {
-      animationName: vr,
+      animationName: Ot,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-zoom-appear, &-zoom-enter": {
-      animationName: pr,
+      animationName: At,
       opacity: 0,
       animationTimingFunction: e.motionEaseOutCirc,
       animationFillMode: "both",
@@ -329,7 +330,7 @@ const mr = (e) => {
       animationPlayState: "running"
     },
     "&-zoom-leave": {
-      animationName: hr,
+      animationName: xt,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: e.motionEaseOutBack,
       animationFillMode: "both"
@@ -347,90 +348,90 @@ const mr = (e) => {
     zIndex: e.zIndexPopup + 1,
     width: "100%"
   },
-  "&": [mr(e), wr(e)]
+  "&": [Lt(e), bt(e)]
 });
-function br(e) {
-  return lr("ImageViewer", (t) => {
-    const n = sr(t, {
+function Pt(e) {
+  return St("ImageViewer", (t) => {
+    const i = ht(t, {
       zIndexPopup: t.zIndexPopupBase + 80,
-      previewOperationColorDisabled: new re(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
-      previewOperationHoverColor: new re(t.colorTextLightSolid).setAlpha(0.85).toRgbString(),
-      modalMaskBg: new re("#000").setAlpha(0.45).toRgbString(),
+      previewOperationColorDisabled: new Y(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
+      previewOperationHoverColor: new Y(t.colorTextLightSolid).setAlpha(0.85).toRgbString(),
+      modalMaskBg: new Y("#000").setAlpha(0.45).toRgbString(),
       // FIXME: Shared Token
-      previewOperationColor: new re(t.colorTextLightSolid).toRgbString(),
+      previewOperationColor: new Y(t.colorTextLightSolid).toRgbString(),
       previewOperationSize: t.fontSizeIcon * 1.5,
       // FIXME: fontSizeIconLG
       imagePreviewSwitchSize: t.controlHeightLG,
       iconCls: "anticon",
       previewCls: t.componentCls
     });
-    return [yr(n)];
+    return [Tt(i)];
   }, e);
 }
-function Sr(e) {
-  const t = e.getBoundingClientRect(), n = document.documentElement;
+function Rt(e) {
+  const t = e.getBoundingClientRect(), i = document.documentElement;
   return {
-    left: t.left + (window.scrollX || n.scrollLeft) - (n.clientLeft || document.body.clientLeft || 0),
-    top: t.top + (window.scrollY || n.scrollTop) - (n.clientTop || document.body.clientTop || 0)
+    left: t.left + (window.scrollX || i.scrollLeft) - (i.clientLeft || document.body.clientLeft || 0),
+    top: t.top + (window.scrollY || i.scrollTop) - (i.clientTop || document.body.clientTop || 0)
   };
 }
-function Tr() {
+function $t() {
   const e = document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight;
   return {
     width: e,
     height: t
   };
 }
-function Et(e, t, n, r) {
-  const o = t + n, i = (n - r) / 2;
-  if (n > r) {
+function Pe(e, t, i, l) {
+  const o = t + i, f = (i - l) / 2;
+  if (i > l) {
     if (t > 0)
       return {
-        [e]: i
+        [e]: f
       };
-    if (t < 0 && o < r)
+    if (t < 0 && o < l)
       return {
-        [e]: -i
+        [e]: -f
       };
-  } else if (t < 0 || o > r)
+  } else if (t < 0 || o > l)
     return {
-      [e]: t < 0 ? i : -i
+      [e]: t < 0 ? f : -f
     };
   return {};
 }
-function Ir(e, t, n, r) {
-  const { width: o, height: i } = Tr();
-  let a = null;
-  return e <= o && t <= i ? a = {
+function Dt(e, t, i, l) {
+  const { width: o, height: f } = $t();
+  let c = null;
+  return e <= o && t <= f ? c = {
     x: 0,
     y: 0
-  } : (e > o || t > i) && (a = {
-    ...Et("x", n, e, o),
-    ...Et("y", r, t, i)
-  }), a;
+  } : (e > o || t > f) && (c = {
+    ...Pe("x", i, e, o),
+    ...Pe("y", l, t, f)
+  }), c;
 }
-let on = !1;
+let Be = !1;
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      on = !0;
+      Be = !0;
     }
   });
   window.addEventListener("testPassive", null, e), window.removeEventListener("testPassive", null, e);
 } catch {
 }
-function k(e, t, n, r) {
+function F(e, t, i, l) {
   if (e && e.addEventListener) {
-    let o = r;
-    o === void 0 && on && (t === "touchstart" || t === "touchmove" || t === "wheel") && (o = { passive: !1 }), e.addEventListener(t, n, o);
+    let o = l;
+    o === void 0 && Be && (t === "touchstart" || t === "touchmove" || t === "wheel") && (o = { passive: !1 }), e.addEventListener(t, i, o);
   }
   return {
     remove: () => {
-      e && e.removeEventListener && e.removeEventListener(t, n);
+      e && e.removeEventListener && e.removeEventListener(t, i);
     }
   };
 }
-const c = {
+const a = {
   /**
    * MAC_ENTER
    */
@@ -881,34 +882,34 @@ const c = {
    * whether text and modified key is entered at the same time.
    */
   isTextModifyingKeyEvent: function(t) {
-    const { keyCode: n } = t;
+    const { keyCode: i } = t;
     if (t.altKey && !t.ctrlKey || t.metaKey || // Function keys don't generate text
-    n >= c.F1 && n <= c.F12)
+    i >= a.F1 && i <= a.F12)
       return !1;
-    switch (n) {
-      case c.ALT:
-      case c.CAPS_LOCK:
-      case c.CONTEXT_MENU:
-      case c.CTRL:
-      case c.DOWN:
-      case c.END:
-      case c.ESC:
-      case c.HOME:
-      case c.INSERT:
-      case c.LEFT:
-      case c.MAC_FF_META:
-      case c.META:
-      case c.NUMLOCK:
-      case c.NUM_CENTER:
-      case c.PAGE_DOWN:
-      case c.PAGE_UP:
-      case c.PAUSE:
-      case c.PRINT_SCREEN:
-      case c.RIGHT:
-      case c.SHIFT:
-      case c.UP:
-      case c.WIN_KEY:
-      case c.WIN_KEY_RIGHT:
+    switch (i) {
+      case a.ALT:
+      case a.CAPS_LOCK:
+      case a.CONTEXT_MENU:
+      case a.CTRL:
+      case a.DOWN:
+      case a.END:
+      case a.ESC:
+      case a.HOME:
+      case a.INSERT:
+      case a.LEFT:
+      case a.MAC_FF_META:
+      case a.META:
+      case a.NUMLOCK:
+      case a.NUM_CENTER:
+      case a.PAGE_DOWN:
+      case a.PAGE_UP:
+      case a.PAUSE:
+      case a.PRINT_SCREEN:
+      case a.RIGHT:
+      case a.SHIFT:
+      case a.UP:
+      case a.WIN_KEY:
+      case a.WIN_KEY_RIGHT:
         return !1;
       default:
         return !0;
@@ -918,72 +919,72 @@ const c = {
    * whether character is entered.
    */
   isCharacterKey: function(t) {
-    if (t >= c.ZERO && t <= c.NINE || t >= c.NUM_ZERO && t <= c.NUM_MULTIPLY || t >= c.A && t <= c.Z || window.navigator.userAgent.includes("WebKit") && t === 0)
+    if (t >= a.ZERO && t <= a.NINE || t >= a.NUM_ZERO && t <= a.NUM_MULTIPLY || t >= a.A && t <= a.Z || window.navigator.userAgent.includes("WebKit") && t === 0)
       return !0;
     switch (t) {
-      case c.SPACE:
-      case c.QUESTION_MARK:
-      case c.NUM_PLUS:
-      case c.NUM_MINUS:
-      case c.NUM_PERIOD:
-      case c.NUM_DIVISION:
-      case c.SEMICOLON:
-      case c.DASH:
-      case c.EQUALS:
-      case c.COMMA:
-      case c.PERIOD:
-      case c.SLASH:
-      case c.APOSTROPHE:
-      case c.SINGLE_QUOTE:
-      case c.OPEN_SQUARE_BRACKET:
-      case c.BACKSLASH:
-      case c.CLOSE_SQUARE_BRACKET:
+      case a.SPACE:
+      case a.QUESTION_MARK:
+      case a.NUM_PLUS:
+      case a.NUM_MINUS:
+      case a.NUM_PERIOD:
+      case a.NUM_DIVISION:
+      case a.SEMICOLON:
+      case a.DASH:
+      case a.EQUALS:
+      case a.COMMA:
+      case a.PERIOD:
+      case a.SLASH:
+      case a.APOSTROPHE:
+      case a.SINGLE_QUOTE:
+      case a.OPEN_SQUARE_BRACKET:
+      case a.BACKSLASH:
+      case a.CLOSE_SQUARE_BRACKET:
         return !0;
       default:
         return !1;
     }
   }
 };
-let an = (e) => setTimeout(e, 16), ln = (e) => clearTimeout(e);
-typeof window < "u" && "requestAnimationFrame" in window && (an = (e) => window.requestAnimationFrame(e), ln = (e) => window.cancelAnimationFrame(e));
-let Ct = 0;
-const rt = /* @__PURE__ */ new Map();
-function sn(e) {
-  rt.delete(e);
-}
-function qe(e, t = 1) {
-  Ct += 1;
-  const n = Ct;
-  function r(o) {
+let He = (e) => setTimeout(e, 16), je = (e) => clearTimeout(e);
+typeof window < "u" && "requestAnimationFrame" in window && (He = (e) => window.requestAnimationFrame(e), je = (e) => window.cancelAnimationFrame(e));
+let Re = 0;
+const Ne = /* @__PURE__ */ new Map();
+function Ye(e) {
+  Ne.delete(e);
+}
+function Ce(e, t = 1) {
+  Re += 1;
+  const i = Re;
+  function l(o) {
     if (o === 0)
-      sn(n), e();
+      Ye(i), e();
     else {
-      const i = an(() => {
-        r(o - 1);
+      const f = He(() => {
+        l(o - 1);
       });
-      rt.set(n, i);
+      Ne.set(i, f);
     }
   }
-  return r(t), n;
+  return l(t), i;
 }
-qe.cancel = (e) => {
-  const t = rt.get(e);
-  return sn(t), ln(t);
+Ce.cancel = (e) => {
+  const t = Ne.get(e);
+  return Ye(t), je(t);
 };
-function Or(e) {
-  const t = A(null), n = _e({ ...e }), r = A([]), o = (i) => {
-    t.value === null && (r.value = [], t.value = qe(() => {
-      let a;
-      r.value.forEach((s) => {
-        a = { ...a, ...s };
-      }), Object.assign(n, a), t.value = null;
-    })), r.value.push(i);
+function zt(e) {
+  const t = N(null), i = ae({ ...e }), l = N([]), o = (f) => {
+    t.value === null && (l.value = [], t.value = Ce(() => {
+      let c;
+      l.value.forEach((d) => {
+        c = { ...c, ...d };
+      }), Object.assign(i, c), t.value = null;
+    })), l.value.push(f);
   };
-  return kt(() => {
-    t.value && qe.cancel(t.value);
-  }), [n, o];
+  return De(() => {
+    t.value && Ce.cancel(t.value);
+  }), [i, o];
 }
-const Er = /* @__PURE__ */ nt({
+const Ut = /* @__PURE__ */ ye({
   name: "Operations",
   inheritAttrs: !1,
   props: {
@@ -1000,1126 +1001,330 @@ const Er = /* @__PURE__ */ nt({
     showProgress: Boolean,
     prefixCls: String,
     hashId: String,
-    zIndex: ne.zIndex,
-    icons: ne.icons,
-    infinite: ne.infinite,
-    getContainer: ne.getContainer,
-    countRender: ne.countRender,
+    zIndex: j.zIndex,
+    icons: j.icons,
+    infinite: j.infinite,
+    getContainer: j.getContainer,
+    countRender: j.countRender,
     tools: Array,
     onClose: Function,
     onActive: Function
   },
   setup(e) {
-    const t = (n, r) => {
+    const t = (i, l) => {
       var o;
-      n.preventDefault(), n.stopPropagation(), (o = e.onActive) == null || o.call(e, r);
+      i.preventDefault(), i.stopPropagation(), (o = e.onActive) == null || o.call(e, l);
     };
     return () => {
       const {
-        prefixCls: n,
-        hashId: r,
+        prefixCls: i,
+        hashId: l,
         tools: o
-      } = e, i = Qe(`${e.prefixCls}-fade`), a = `${n}-operations-operation`, s = `${n}-operations-icon`;
-      return u(en, {
+      } = e, f = Ee(`${e.prefixCls}-fade`), c = `${i}-operations-operation`, d = `${i}-operations-icon`;
+      return r(ze, {
         to: e.getContainer || "body"
       }, {
-        default: () => [u(Ke, i, {
+        default: () => [r(ge, f, {
           default: () => {
-            var g, d, y, I;
-            return [Ye(u("div", {
-              class: Ee(`${n}-operations-wrapper`, r),
+            var E, g, h, C;
+            return [we(r("div", {
+              class: oe(`${i}-operations-wrapper`, l),
               style: {
                 zIndex: e.zIndex
               }
-            }, [((g = e.icons) == null ? void 0 : g.close) === null ? null : u("button", {
-              class: `${n}-close ${r}`,
+            }, [((E = e.icons) == null ? void 0 : E.close) === null ? null : r("button", {
+              class: `${i}-close ${l}`,
               onClick: e.onClose
-            }, [((d = e.icons) == null ? void 0 : d.close) || u(Zn, null, null)]), e.showSwitch && u(We, null, [u("div", {
-              class: Ee(`${n}-switch-left ${r}`, {
-                [`${n}-switch-left-disabled`]: e.infinite ? !1 : e.current === 0
+            }, [((g = e.icons) == null ? void 0 : g.close) || r(it, null, null)]), e.showSwitch && r(Se, null, [r("div", {
+              class: oe(`${i}-switch-left ${l}`, {
+                [`${i}-switch-left-disabled`]: e.infinite ? !1 : e.current === 0
               }),
-              onClick: (h) => t(h, -1)
-            }, [((y = e.icons) == null ? void 0 : y.left) || u(Vn, null, null)]), u("div", {
-              className: Ee(`${n}-switch-right ${r}`, {
-                [`${n}-switch-right-disabled`]: e.infinite ? !1 : e.current === e.count - 1
+              onClick: (v) => t(v, -1)
+            }, [((h = e.icons) == null ? void 0 : h.left) || r(at, null, null)]), r("div", {
+              className: oe(`${i}-switch-right ${l}`, {
+                [`${i}-switch-right-disabled`]: e.infinite ? !1 : e.current === e.count - 1
               }),
-              onClick: (h) => t(h, 1)
-            }, [((I = e.icons) == null ? void 0 : I.right) || u(Qn, null, null)])]), u("div", {
-              class: `${n}-footer ${r}`
-            }, [e.showProgress && u("div", {
-              class: `${n}-progress`
-            }, [e.countRender ? e.countRender(e.current + 1, e.count) : `${e.current + 1} / ${e.count}`]), u("div", {
+              onClick: (v) => t(v, 1)
+            }, [((C = e.icons) == null ? void 0 : C.right) || r(lt, null, null)])]), r("div", {
+              class: `${i}-footer ${l}`
+            }, [e.showProgress && r("div", {
+              class: `${i}-progress`
+            }, [e.countRender ? e.countRender(e.current + 1, e.count) : `${e.current + 1} / ${e.count}`]), r("div", {
               class: `${e.prefixCls}-operations`
             }, [o == null ? void 0 : o.map(({
-              icon: h,
-              onClick: v,
-              type: C,
-              disabled: S
-            }) => u("div", {
-              class: Ee(a, {
-                [`${e.prefixCls}-operations-operation-disabled`]: S && (S == null ? void 0 : S.value)
+              icon: v,
+              onClick: u,
+              type: M,
+              disabled: w
+            }) => r("div", {
+              class: oe(c, {
+                [`${e.prefixCls}-operations-operation-disabled`]: w && (w == null ? void 0 : w.value)
               }),
-              onClick: v,
-              key: C
-            }, [Gn(h, {
-              class: s
-            })]))])])]), [[Xe, e.open]])];
+              onClick: u,
+              key: M
+            }, [Je(v, {
+              class: d
+            })]))])])]), [[he, e.open]])];
           }
         })]
       });
     };
   }
-});
-var cn = typeof global == "object" && global && global.Object === Object && global, Cr = typeof self == "object" && self && self.Object === Object && self, M = cn || Cr || Function("return this")(), x = M.Symbol, un = Object.prototype, _r = un.hasOwnProperty, Ar = un.toString, de = x ? x.toStringTag : void 0;
-function $r(e) {
-  var t = _r.call(e, de), n = e[de];
-  try {
-    e[de] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var o = Ar.call(e);
-  return r && (t ? e[de] = n : delete e[de]), o;
-}
-var xr = Object.prototype, Mr = xr.toString;
-function Pr(e) {
-  return Mr.call(e);
-}
-var Nr = "[object Null]", Lr = "[object Undefined]", _t = x ? x.toStringTag : void 0;
-function W(e) {
-  return e == null ? e === void 0 ? Lr : Nr : _t && _t in Object(e) ? $r(e) : Pr(e);
-}
-function X(e) {
-  return e != null && typeof e == "object";
-}
-var jr = "[object Symbol]";
-function ot(e) {
-  return typeof e == "symbol" || X(e) && W(e) == jr;
-}
-function fn(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, o = Array(r); ++n < r; )
-    o[n] = t(e[n], n, e);
-  return o;
-}
-var U = Array.isArray, Rr = 1 / 0, At = x ? x.prototype : void 0, $t = At ? At.toString : void 0;
-function dn(e) {
-  if (typeof e == "string")
-    return e;
-  if (U(e))
-    return fn(e, dn) + "";
-  if (ot(e))
-    return $t ? $t.call(e) : "";
-  var t = e + "";
-  return t == "0" && 1 / e == -Rr ? "-0" : t;
-}
-function K(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-function Dr(e) {
-  return e;
-}
-var Ur = "[object AsyncFunction]", zr = "[object Function]", Fr = "[object GeneratorFunction]", Br = "[object Proxy]";
-function gn(e) {
-  if (!K(e))
-    return !1;
-  var t = W(e);
-  return t == zr || t == Fr || t == Ur || t == Br;
-}
-var Be = M["__core-js_shared__"], xt = function() {
-  var e = /[^.]+$/.exec(Be && Be.keys && Be.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function Hr(e) {
-  return !!xt && xt in e;
-}
-var Gr = Function.prototype, Kr = Gr.toString;
-function Z(e) {
-  if (e != null) {
-    try {
-      return Kr.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var Yr = /[\\^$.*+?()[\]{}|]/g, Wr = /^\[object .+?Constructor\]$/, Xr = Function.prototype, Zr = Object.prototype, Vr = Xr.toString, Qr = Zr.hasOwnProperty, qr = RegExp(
-  "^" + Vr.call(Qr).replace(Yr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function Jr(e) {
-  if (!K(e) || Hr(e))
-    return !1;
-  var t = gn(e) ? qr : Wr;
-  return t.test(Z(e));
-}
-function kr(e, t) {
-  return e == null ? void 0 : e[t];
-}
-function V(e, t) {
-  var n = kr(e, t);
-  return Jr(n) ? n : void 0;
-}
-var Je = V(M, "WeakMap"), Mt = Object.create, eo = /* @__PURE__ */ function() {
-  function e() {
-  }
-  return function(t) {
-    if (!K(t))
-      return {};
-    if (Mt)
-      return Mt(t);
-    e.prototype = t;
-    var n = new e();
-    return e.prototype = void 0, n;
-  };
-}();
-function to(e, t, n) {
-  switch (n.length) {
-    case 0:
-      return e.call(t);
-    case 1:
-      return e.call(t, n[0]);
-    case 2:
-      return e.call(t, n[0], n[1]);
-    case 3:
-      return e.call(t, n[0], n[1], n[2]);
-  }
-  return e.apply(t, n);
-}
-function no(e, t) {
-  var n = -1, r = e.length;
-  for (t || (t = Array(r)); ++n < r; )
-    t[n] = e[n];
-  return t;
-}
-var ro = 800, oo = 16, io = Date.now;
-function ao(e) {
-  var t = 0, n = 0;
-  return function() {
-    var r = io(), o = oo - (r - n);
-    if (n = r, o > 0) {
-      if (++t >= ro)
-        return arguments[0];
-    } else
-      t = 0;
-    return e.apply(void 0, arguments);
-  };
-}
-function lo(e) {
-  return function() {
-    return e;
-  };
-}
-var xe = function() {
-  try {
-    var e = V(Object, "defineProperty");
-    return e({}, "", {}), e;
-  } catch {
-  }
-}(), so = xe ? function(e, t) {
-  return xe(e, "toString", {
-    configurable: !0,
-    enumerable: !1,
-    value: lo(t),
-    writable: !0
-  });
-} : Dr, co = ao(so);
-function uo(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
-    ;
-  return e;
-}
-var fo = 9007199254740991, go = /^(?:0|[1-9]\d*)$/;
-function it(e, t) {
-  var n = typeof e;
-  return t = t ?? fo, !!t && (n == "number" || n != "symbol" && go.test(e)) && e > -1 && e % 1 == 0 && e < t;
-}
-function vn(e, t, n) {
-  t == "__proto__" && xe ? xe(e, t, {
-    configurable: !0,
-    enumerable: !0,
-    value: n,
-    writable: !0
-  }) : e[t] = n;
-}
-function pn(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var vo = Object.prototype, po = vo.hasOwnProperty;
-function at(e, t, n) {
-  var r = e[t];
-  (!(po.call(e, t) && pn(r, n)) || n === void 0 && !(t in e)) && vn(e, t, n);
-}
-function me(e, t, n, r) {
-  var o = !n;
-  n || (n = {});
-  for (var i = -1, a = t.length; ++i < a; ) {
-    var s = t[i], g = void 0;
-    g === void 0 && (g = e[s]), o ? vn(n, s, g) : at(n, s, g);
-  }
-  return n;
-}
-var Pt = Math.max;
-function ho(e, t, n) {
-  return t = Pt(t === void 0 ? e.length - 1 : t, 0), function() {
-    for (var r = arguments, o = -1, i = Pt(r.length - t, 0), a = Array(i); ++o < i; )
-      a[o] = r[t + o];
-    o = -1;
-    for (var s = Array(t + 1); ++o < t; )
-      s[o] = r[o];
-    return s[t] = n(a), to(e, this, s);
-  };
-}
-var mo = 9007199254740991;
-function lt(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= mo;
-}
-function hn(e) {
-  return e != null && lt(e.length) && !gn(e);
-}
-var wo = Object.prototype;
-function st(e) {
-  var t = e && e.constructor, n = typeof t == "function" && t.prototype || wo;
-  return e === n;
-}
-function yo(e, t) {
-  for (var n = -1, r = Array(e); ++n < e; )
-    r[n] = t(n);
-  return r;
-}
-var bo = "[object Arguments]";
-function Nt(e) {
-  return X(e) && W(e) == bo;
-}
-var mn = Object.prototype, So = mn.hasOwnProperty, To = mn.propertyIsEnumerable, ct = Nt(/* @__PURE__ */ function() {
-  return arguments;
-}()) ? Nt : function(e) {
-  return X(e) && So.call(e, "callee") && !To.call(e, "callee");
-};
-function Io() {
-  return !1;
-}
-var wn = typeof exports == "object" && exports && !exports.nodeType && exports, Lt = wn && typeof module == "object" && module && !module.nodeType && module, Oo = Lt && Lt.exports === wn, jt = Oo ? M.Buffer : void 0, Eo = jt ? jt.isBuffer : void 0, yn = Eo || Io, Co = "[object Arguments]", _o = "[object Array]", Ao = "[object Boolean]", $o = "[object Date]", xo = "[object Error]", Mo = "[object Function]", Po = "[object Map]", No = "[object Number]", Lo = "[object Object]", jo = "[object RegExp]", Ro = "[object Set]", Do = "[object String]", Uo = "[object WeakMap]", zo = "[object ArrayBuffer]", Fo = "[object DataView]", Bo = "[object Float32Array]", Ho = "[object Float64Array]", Go = "[object Int8Array]", Ko = "[object Int16Array]", Yo = "[object Int32Array]", Wo = "[object Uint8Array]", Xo = "[object Uint8ClampedArray]", Zo = "[object Uint16Array]", Vo = "[object Uint32Array]", m = {};
-m[Bo] = m[Ho] = m[Go] = m[Ko] = m[Yo] = m[Wo] = m[Xo] = m[Zo] = m[Vo] = !0;
-m[Co] = m[_o] = m[zo] = m[Ao] = m[Fo] = m[$o] = m[xo] = m[Mo] = m[Po] = m[No] = m[Lo] = m[jo] = m[Ro] = m[Do] = m[Uo] = !1;
-function Qo(e) {
-  return X(e) && lt(e.length) && !!m[W(e)];
-}
-function ut(e) {
-  return function(t) {
-    return e(t);
-  };
-}
-var bn = typeof exports == "object" && exports && !exports.nodeType && exports, ve = bn && typeof module == "object" && module && !module.nodeType && module, qo = ve && ve.exports === bn, He = qo && cn.process, oe = function() {
-  try {
-    var e = ve && ve.require && ve.require("util").types;
-    return e || He && He.binding && He.binding("util");
-  } catch {
-  }
-}(), Rt = oe && oe.isTypedArray, Jo = Rt ? ut(Rt) : Qo, ko = Object.prototype, ei = ko.hasOwnProperty;
-function Sn(e, t) {
-  var n = U(e), r = !n && ct(e), o = !n && !r && yn(e), i = !n && !r && !o && Jo(e), a = n || r || o || i, s = a ? yo(e.length, String) : [], g = s.length;
-  for (var d in e)
-    (t || ei.call(e, d)) && !(a && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (d == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    o && (d == "offset" || d == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    i && (d == "buffer" || d == "byteLength" || d == "byteOffset") || // Skip index properties.
-    it(d, g))) && s.push(d);
-  return s;
-}
-function Tn(e, t) {
-  return function(n) {
-    return e(t(n));
-  };
-}
-var ti = Tn(Object.keys, Object), ni = Object.prototype, ri = ni.hasOwnProperty;
-function oi(e) {
-  if (!st(e))
-    return ti(e);
-  var t = [];
-  for (var n in Object(e))
-    ri.call(e, n) && n != "constructor" && t.push(n);
-  return t;
-}
-function ft(e) {
-  return hn(e) ? Sn(e) : oi(e);
-}
-function ii(e) {
-  var t = [];
-  if (e != null)
-    for (var n in Object(e))
-      t.push(n);
-  return t;
-}
-var ai = Object.prototype, li = ai.hasOwnProperty;
-function si(e) {
-  if (!K(e))
-    return ii(e);
-  var t = st(e), n = [];
-  for (var r in e)
-    r == "constructor" && (t || !li.call(e, r)) || n.push(r);
-  return n;
-}
-function dt(e) {
-  return hn(e) ? Sn(e, !0) : si(e);
-}
-var ci = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, ui = /^\w*$/;
-function fi(e, t) {
-  if (U(e))
-    return !1;
-  var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || ot(e) ? !0 : ui.test(e) || !ci.test(e) || t != null && e in Object(t);
-}
-var pe = V(Object, "create");
-function di() {
-  this.__data__ = pe ? pe(null) : {}, this.size = 0;
-}
-function gi(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var vi = "__lodash_hash_undefined__", pi = Object.prototype, hi = pi.hasOwnProperty;
-function mi(e) {
-  var t = this.__data__;
-  if (pe) {
-    var n = t[e];
-    return n === vi ? void 0 : n;
-  }
-  return hi.call(t, e) ? t[e] : void 0;
-}
-var wi = Object.prototype, yi = wi.hasOwnProperty;
-function bi(e) {
-  var t = this.__data__;
-  return pe ? t[e] !== void 0 : yi.call(t, e);
-}
-var Si = "__lodash_hash_undefined__";
-function Ti(e, t) {
-  var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = pe && t === void 0 ? Si : t, this;
-}
-function Y(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-Y.prototype.clear = di;
-Y.prototype.delete = gi;
-Y.prototype.get = mi;
-Y.prototype.has = bi;
-Y.prototype.set = Ti;
-function Ii() {
-  this.__data__ = [], this.size = 0;
-}
-function Pe(e, t) {
-  for (var n = e.length; n--; )
-    if (pn(e[n][0], t))
-      return n;
-  return -1;
-}
-var Oi = Array.prototype, Ei = Oi.splice;
-function Ci(e) {
-  var t = this.__data__, n = Pe(t, e);
-  if (n < 0)
-    return !1;
-  var r = t.length - 1;
-  return n == r ? t.pop() : Ei.call(t, n, 1), --this.size, !0;
-}
-function _i(e) {
-  var t = this.__data__, n = Pe(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function Ai(e) {
-  return Pe(this.__data__, e) > -1;
-}
-function $i(e, t) {
-  var n = this.__data__, r = Pe(n, e);
-  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
-}
-function L(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-L.prototype.clear = Ii;
-L.prototype.delete = Ci;
-L.prototype.get = _i;
-L.prototype.has = Ai;
-L.prototype.set = $i;
-var he = V(M, "Map");
-function xi() {
-  this.size = 0, this.__data__ = {
-    hash: new Y(),
-    map: new (he || L)(),
-    string: new Y()
-  };
-}
-function Mi(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function Ne(e, t) {
-  var n = e.__data__;
-  return Mi(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function Pi(e) {
-  var t = Ne(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function Ni(e) {
-  return Ne(this, e).get(e);
-}
-function Li(e) {
-  return Ne(this, e).has(e);
-}
-function ji(e, t) {
-  var n = Ne(this, e), r = n.size;
-  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
-}
-function z(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-z.prototype.clear = xi;
-z.prototype.delete = Pi;
-z.prototype.get = Ni;
-z.prototype.has = Li;
-z.prototype.set = ji;
-var Ri = "Expected a function";
-function gt(e, t) {
-  if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(Ri);
-  var n = function() {
-    var r = arguments, o = t ? t.apply(this, r) : r[0], i = n.cache;
-    if (i.has(o))
-      return i.get(o);
-    var a = e.apply(this, r);
-    return n.cache = i.set(o, a) || i, a;
-  };
-  return n.cache = new (gt.Cache || z)(), n;
-}
-gt.Cache = z;
-var Di = 500;
-function Ui(e) {
-  var t = gt(e, function(r) {
-    return n.size === Di && n.clear(), r;
-  }), n = t.cache;
-  return t;
-}
-var zi = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Fi = /\\(\\)?/g, Bi = Ui(function(e) {
-  var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(zi, function(n, r, o, i) {
-    t.push(o ? i.replace(Fi, "$1") : r || n);
-  }), t;
-});
-function Hi(e) {
-  return e == null ? "" : dn(e);
-}
-function ie(e, t) {
-  return U(e) ? e : fi(e, t) ? [e] : Bi(Hi(e));
-}
-var Gi = 1 / 0;
-function Le(e) {
-  if (typeof e == "string" || ot(e))
-    return e;
-  var t = e + "";
-  return t == "0" && 1 / e == -Gi ? "-0" : t;
-}
-function In(e, t) {
-  t = ie(t, e);
-  for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[Le(t[n++])];
-  return n && n == r ? e : void 0;
-}
-function vt(e, t) {
-  for (var n = -1, r = t.length, o = e.length; ++n < r; )
-    e[o + n] = t[n];
-  return e;
-}
-var Dt = x ? x.isConcatSpreadable : void 0;
-function Ki(e) {
-  return U(e) || ct(e) || !!(Dt && e && e[Dt]);
-}
-function Yi(e, t, n, r, o) {
-  var i = -1, a = e.length;
-  for (n || (n = Ki), o || (o = []); ++i < a; ) {
-    var s = e[i];
-    n(s) ? vt(o, s) : o[o.length] = s;
-  }
-  return o;
-}
-function Wi(e) {
-  var t = e == null ? 0 : e.length;
-  return t ? Yi(e) : [];
-}
-function On(e) {
-  return co(ho(e, void 0, Wi), e + "");
-}
-var pt = Tn(Object.getPrototypeOf, Object), Xi = "[object Object]", Zi = Function.prototype, Vi = Object.prototype, En = Zi.toString, Qi = Vi.hasOwnProperty, qi = En.call(Object);
-function Ji(e) {
-  if (!X(e) || W(e) != Xi)
-    return !1;
-  var t = pt(e);
-  if (t === null)
-    return !0;
-  var n = Qi.call(t, "constructor") && t.constructor;
-  return typeof n == "function" && n instanceof n && En.call(n) == qi;
-}
-function ki(e, t, n) {
-  var r = -1, o = e.length;
-  t < 0 && (t = -t > o ? 0 : o + t), n = n > o ? o : n, n < 0 && (n += o), o = t > n ? 0 : n - t >>> 0, t >>>= 0;
-  for (var i = Array(o); ++r < o; )
-    i[r] = e[r + t];
-  return i;
-}
-function ea() {
-  this.__data__ = new L(), this.size = 0;
-}
-function ta(e) {
-  var t = this.__data__, n = t.delete(e);
-  return this.size = t.size, n;
-}
-function na(e) {
-  return this.__data__.get(e);
-}
-function ra(e) {
-  return this.__data__.has(e);
-}
-var oa = 200;
-function ia(e, t) {
-  var n = this.__data__;
-  if (n instanceof L) {
-    var r = n.__data__;
-    if (!he || r.length < oa - 1)
-      return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new z(r);
-  }
-  return n.set(e, t), this.size = n.size, this;
-}
-function ae(e) {
-  var t = this.__data__ = new L(e);
-  this.size = t.size;
-}
-ae.prototype.clear = ea;
-ae.prototype.delete = ta;
-ae.prototype.get = na;
-ae.prototype.has = ra;
-ae.prototype.set = ia;
-function aa(e, t) {
-  return e && me(t, ft(t), e);
-}
-function la(e, t) {
-  return e && me(t, dt(t), e);
-}
-var Cn = typeof exports == "object" && exports && !exports.nodeType && exports, Ut = Cn && typeof module == "object" && module && !module.nodeType && module, sa = Ut && Ut.exports === Cn, zt = sa ? M.Buffer : void 0, Ft = zt ? zt.allocUnsafe : void 0;
-function ca(e, t) {
-  if (t)
-    return e.slice();
-  var n = e.length, r = Ft ? Ft(n) : new e.constructor(n);
-  return e.copy(r), r;
-}
-function ua(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, o = 0, i = []; ++n < r; ) {
-    var a = e[n];
-    t(a, n, e) && (i[o++] = a);
-  }
-  return i;
-}
-function _n() {
-  return [];
-}
-var fa = Object.prototype, da = fa.propertyIsEnumerable, Bt = Object.getOwnPropertySymbols, ht = Bt ? function(e) {
-  return e == null ? [] : (e = Object(e), ua(Bt(e), function(t) {
-    return da.call(e, t);
-  }));
-} : _n;
-function ga(e, t) {
-  return me(e, ht(e), t);
-}
-var va = Object.getOwnPropertySymbols, An = va ? function(e) {
-  for (var t = []; e; )
-    vt(t, ht(e)), e = pt(e);
-  return t;
-} : _n;
-function pa(e, t) {
-  return me(e, An(e), t);
-}
-function $n(e, t, n) {
-  var r = t(e);
-  return U(e) ? r : vt(r, n(e));
-}
-function ha(e) {
-  return $n(e, ft, ht);
-}
-function xn(e) {
-  return $n(e, dt, An);
-}
-var ke = V(M, "DataView"), et = V(M, "Promise"), tt = V(M, "Set"), Ht = "[object Map]", ma = "[object Object]", Gt = "[object Promise]", Kt = "[object Set]", Yt = "[object WeakMap]", Wt = "[object DataView]", wa = Z(ke), ya = Z(he), ba = Z(et), Sa = Z(tt), Ta = Z(Je), N = W;
-(ke && N(new ke(new ArrayBuffer(1))) != Wt || he && N(new he()) != Ht || et && N(et.resolve()) != Gt || tt && N(new tt()) != Kt || Je && N(new Je()) != Yt) && (N = function(e) {
-  var t = W(e), n = t == ma ? e.constructor : void 0, r = n ? Z(n) : "";
-  if (r)
-    switch (r) {
-      case wa:
-        return Wt;
-      case ya:
-        return Ht;
-      case ba:
-        return Gt;
-      case Sa:
-        return Kt;
-      case Ta:
-        return Yt;
-    }
-  return t;
-});
-var Ia = Object.prototype, Oa = Ia.hasOwnProperty;
-function Ea(e) {
-  var t = e.length, n = new e.constructor(t);
-  return t && typeof e[0] == "string" && Oa.call(e, "index") && (n.index = e.index, n.input = e.input), n;
-}
-var Xt = M.Uint8Array;
-function mt(e) {
-  var t = new e.constructor(e.byteLength);
-  return new Xt(t).set(new Xt(e)), t;
-}
-function Ca(e, t) {
-  var n = t ? mt(e.buffer) : e.buffer;
-  return new e.constructor(n, e.byteOffset, e.byteLength);
-}
-var _a = /\w*$/;
-function Aa(e) {
-  var t = new e.constructor(e.source, _a.exec(e));
-  return t.lastIndex = e.lastIndex, t;
-}
-var Zt = x ? x.prototype : void 0, Vt = Zt ? Zt.valueOf : void 0;
-function $a(e) {
-  return Vt ? Object(Vt.call(e)) : {};
-}
-function xa(e, t) {
-  var n = t ? mt(e.buffer) : e.buffer;
-  return new e.constructor(n, e.byteOffset, e.length);
-}
-var Ma = "[object Boolean]", Pa = "[object Date]", Na = "[object Map]", La = "[object Number]", ja = "[object RegExp]", Ra = "[object Set]", Da = "[object String]", Ua = "[object Symbol]", za = "[object ArrayBuffer]", Fa = "[object DataView]", Ba = "[object Float32Array]", Ha = "[object Float64Array]", Ga = "[object Int8Array]", Ka = "[object Int16Array]", Ya = "[object Int32Array]", Wa = "[object Uint8Array]", Xa = "[object Uint8ClampedArray]", Za = "[object Uint16Array]", Va = "[object Uint32Array]";
-function Qa(e, t, n) {
-  var r = e.constructor;
-  switch (t) {
-    case za:
-      return mt(e);
-    case Ma:
-    case Pa:
-      return new r(+e);
-    case Fa:
-      return Ca(e, n);
-    case Ba:
-    case Ha:
-    case Ga:
-    case Ka:
-    case Ya:
-    case Wa:
-    case Xa:
-    case Za:
-    case Va:
-      return xa(e, n);
-    case Na:
-      return new r();
-    case La:
-    case Da:
-      return new r(e);
-    case ja:
-      return Aa(e);
-    case Ra:
-      return new r();
-    case Ua:
-      return $a(e);
-  }
-}
-function qa(e) {
-  return typeof e.constructor == "function" && !st(e) ? eo(pt(e)) : {};
-}
-var Ja = "[object Map]";
-function ka(e) {
-  return X(e) && N(e) == Ja;
-}
-var Qt = oe && oe.isMap, el = Qt ? ut(Qt) : ka, tl = "[object Set]";
-function nl(e) {
-  return X(e) && N(e) == tl;
-}
-var qt = oe && oe.isSet, rl = qt ? ut(qt) : nl, ol = 1, il = 2, al = 4, Mn = "[object Arguments]", ll = "[object Array]", sl = "[object Boolean]", cl = "[object Date]", ul = "[object Error]", Pn = "[object Function]", fl = "[object GeneratorFunction]", dl = "[object Map]", gl = "[object Number]", Nn = "[object Object]", vl = "[object RegExp]", pl = "[object Set]", hl = "[object String]", ml = "[object Symbol]", wl = "[object WeakMap]", yl = "[object ArrayBuffer]", bl = "[object DataView]", Sl = "[object Float32Array]", Tl = "[object Float64Array]", Il = "[object Int8Array]", Ol = "[object Int16Array]", El = "[object Int32Array]", Cl = "[object Uint8Array]", _l = "[object Uint8ClampedArray]", Al = "[object Uint16Array]", $l = "[object Uint32Array]", p = {};
-p[Mn] = p[ll] = p[yl] = p[bl] = p[sl] = p[cl] = p[Sl] = p[Tl] = p[Il] = p[Ol] = p[El] = p[dl] = p[gl] = p[Nn] = p[vl] = p[pl] = p[hl] = p[ml] = p[Cl] = p[_l] = p[Al] = p[$l] = !0;
-p[ul] = p[Pn] = p[wl] = !1;
-function Ae(e, t, n, r, o, i) {
-  var a, s = t & ol, g = t & il, d = t & al;
-  if (n && (a = o ? n(e, r, o, i) : n(e)), a !== void 0)
-    return a;
-  if (!K(e))
-    return e;
-  var y = U(e);
-  if (y) {
-    if (a = Ea(e), !s)
-      return no(e, a);
-  } else {
-    var I = N(e), h = I == Pn || I == fl;
-    if (yn(e))
-      return ca(e, s);
-    if (I == Nn || I == Mn || h && !o) {
-      if (a = g || h ? {} : qa(e), !s)
-        return g ? pa(e, la(a, e)) : ga(e, aa(a, e));
-    } else {
-      if (!p[I])
-        return o ? e : {};
-      a = Qa(e, I, s);
-    }
-  }
-  i || (i = new ae());
-  var v = i.get(e);
-  if (v)
-    return v;
-  i.set(e, a), rl(e) ? e.forEach(function(T) {
-    a.add(Ae(T, t, n, T, e, i));
-  }) : el(e) && e.forEach(function(T, w) {
-    a.set(w, Ae(T, t, n, w, e, i));
-  });
-  var C = d ? g ? xn : ha : g ? dt : ft, S = y ? void 0 : C(e);
-  return uo(S || e, function(T, w) {
-    S && (w = T, T = e[w]), at(a, w, Ae(T, t, n, w, e, i));
-  }), a;
-}
-function xl(e, t) {
-  return e != null && t in Object(e);
-}
-function Ml(e, t, n) {
-  t = ie(t, e);
-  for (var r = -1, o = t.length, i = !1; ++r < o; ) {
-    var a = Le(t[r]);
-    if (!(i = e != null && n(e, a)))
-      break;
-    e = e[a];
-  }
-  return i || ++r != o ? i : (o = e == null ? 0 : e.length, !!o && lt(o) && it(a, o) && (U(e) || ct(e)));
-}
-function Pl(e, t) {
-  return e != null && Ml(e, t, xl);
-}
-function Nl(e) {
-  var t = e == null ? 0 : e.length;
-  return t ? e[t - 1] : void 0;
-}
-function Ll(e, t) {
-  return t.length < 2 ? e : In(e, ki(t, 0, -1));
-}
-function jl(e, t) {
-  return t = ie(t, e), e = Ll(e, t), e == null || delete e[Le(Nl(t))];
-}
-function Rl(e) {
-  return Ji(e) ? void 0 : e;
-}
-var Dl = 1, Ul = 2, zl = 4, Fl = On(function(e, t) {
-  var n = {};
-  if (e == null)
-    return n;
-  var r = !1;
-  t = fn(t, function(i) {
-    return i = ie(i, e), r || (r = i.length > 1), i;
-  }), me(e, xn(e), n), r && (n = Ae(n, Dl | Ul | zl, Rl));
-  for (var o = t.length; o--; )
-    jl(n, t[o]);
-  return n;
-});
-function Bl(e, t, n, r) {
-  if (!K(e))
-    return e;
-  t = ie(t, e);
-  for (var o = -1, i = t.length, a = i - 1, s = e; s != null && ++o < i; ) {
-    var g = Le(t[o]), d = n;
-    if (g === "__proto__" || g === "constructor" || g === "prototype")
-      return e;
-    if (o != a) {
-      var y = s[g];
-      d = void 0, d === void 0 && (d = K(y) ? y : it(t[o + 1]) ? [] : {});
-    }
-    at(s, g, d), s = s[g];
-  }
-  return e;
-}
-function Hl(e, t, n) {
-  for (var r = -1, o = t.length, i = {}; ++r < o; ) {
-    var a = t[r], s = In(e, a);
-    n(s, a) && Bl(i, ie(a, e), s);
-  }
-  return i;
-}
-function Gl(e, t) {
-  return Hl(e, t, function(n, r) {
-    return Pl(e, r);
-  });
-}
-var Kl = On(function(e, t) {
-  return e == null ? {} : Gl(e, t);
-});
-const G = {
+}), D = {
   x: 0,
   y: 0
-}, ee = {
-  rotateLeft: u(qn, null, null),
-  rotateRight: u(Jn, null, null),
-  zoomIn: u(kn, null, null),
-  zoomOut: u(er, null, null),
-  flipX: u(St, null, null),
-  flipY: u(St, {
+}, B = {
+  rotateLeft: r(rt, null, null),
+  rotateRight: r(st, null, null),
+  zoomIn: r(ct, null, null),
+  zoomOut: r(ut, null, null),
+  flipX: r(xe, null, null),
+  flipY: r(xe, {
     rotate: 90
   }, null)
-}, Ln = ["close", "left", "right", "rotateRight", "rotateRight", "zoomOut", "flipX", "flipY", "rotateLeft"], Yl = /* @__PURE__ */ nt({
+}, Ke = ["close", "left", "right", "rotateRight", "rotateRight", "zoomOut", "flipX", "flipY", "rotateLeft"], _t = /* @__PURE__ */ ye({
   name: "GImageViewer",
-  props: ne,
+  props: j,
   inheritAttrs: !1,
   emits: ["close", "switch", "afterClose"],
   emit: Object,
   setup: (e, {
     emit: t,
-    expose: n,
-    slots: r
+    expose: i,
+    slots: l
   }) => {
-    const o = tn({
+    const o = Ue({
       suffixCls: "image-view"
     }), {
-      wrapSSR: i,
-      hashId: a
-    } = br(o), [s, g] = Tt(!1), [d, y] = Tt(!1), I = A(null), h = A(e.current), v = fe(1), C = fe(0), S = fe(!1), T = _e({
+      wrapSSR: f,
+      hashId: c
+    } = Pt(o), [d, E] = Le(!1), [g, h] = Le(!1), C = N(null), v = N(e.current), u = Z(1), M = Z(0), w = Z(!1), O = ae({
       x: 1,
       y: 1
-    }), [w, j] = Or(G), le = fe({
+    }), [p, L] = zt(D), K = Z({
       wheelDirection: 0
-    }), F = fe(), $ = _e({
+    }), P = Z(), A = ae({
       originX: 0,
       originY: 0,
       deltaX: 0,
       deltaY: 0
-    }), B = _e(/* @__PURE__ */ new Map()), Q = _(() => new Map(Array.from(B).map(([l, {
-      url: b
-    }]) => [l, b]))), we = _(() => Q.value.get(h.value)), q = _(() => Q.value.size), se = _(() => Array.from(Q.value.keys())), R = _(() => se.value.indexOf(h.value)), ye = _(() => q.value > 1), ce = _(() => q.value >= 1);
-    te(s, (l) => {
-      l && (d.value = !0);
+    }), R = ae(/* @__PURE__ */ new Map()), z = y(() => new Map(Array.from(R).map(([n, {
+      url: m
+    }]) => [n, m]))), Q = y(() => z.value.get(v.value)), U = y(() => z.value.size), W = y(() => Array.from(z.value.keys())), b = y(() => W.value.indexOf(v.value)), k = y(() => U.value > 1), G = y(() => U.value >= 1);
+    H(d, (n) => {
+      n && (g.value = !0);
     });
-    const f = (l) => {
-      h.value = l;
+    const s = (n) => {
+      v.value = n;
     };
-    te(() => e.current, (l) => {
-      Ve(l) && f(l);
+    H(() => e.current, (n) => {
+      Ie(n) && s(n);
     });
-    function O(l, b) {
-      B.set(l, {
-        url: b,
+    function S(n, m) {
+      R.set(n, {
+        url: m,
         loading: !0,
         canPreview: !1
       });
     }
-    const P = () => {
-      y(!1), h.value = e.current;
-    }, je = () => {
-      v.value = 1, C.value = 0, T.x = 1, T.y = 1, j(G), t("close");
-    }, Re = (l) => {
-      S.value || I.value === (l == null ? void 0 : l.target) && P();
-    }, De = () => {
-      const l = B.get(h.value);
-      l && (l.loading = !1, l.canPreview = !0);
-    }, be = (l) => {
-      const b = B.get(h.value);
-      b && (b.loading = !1, b.canPreview = !1), l.target.alt = "加载失败";
-    }, Se = () => {
-      if (R.value > 0 || e.infinite) {
-        const l = R.value - 1 < 0 ? e.previewUrls.length - 1 : R.value - 1;
-        f(se.value[l]);
+    const x = () => {
+      h(!1), v.value = e.current;
+    }, se = () => {
+      u.value = 1, M.value = 0, O.x = 1, O.y = 1, L(D), t("close");
+    }, ce = (n) => {
+      w.value || C.value === (n == null ? void 0 : n.target) && x();
+    }, ue = () => {
+      const n = R.get(v.value);
+      n && (n.loading = !1, n.canPreview = !0);
+    }, q = (n) => {
+      const m = R.get(v.value);
+      m && (m.loading = !1, m.canPreview = !1), n.target.alt = "加载失败";
+    }, J = () => {
+      if (b.value > 0 || e.infinite) {
+        const n = b.value - 1 < 0 ? e.previewUrls.length - 1 : b.value - 1;
+        s(W.value[n]);
       }
-    }, Te = () => {
-      if (R.value < q.value - 1 || e.infinite) {
-        const l = R.value + 1 > e.previewUrls.length - 1 ? 0 : R.value + 1;
-        f(se.value[l]);
+    }, ee = () => {
+      if (b.value < U.value - 1 || e.infinite) {
+        const n = b.value + 1 > e.previewUrls.length - 1 ? 0 : b.value + 1;
+        s(W.value[n]);
       }
-    }, J = (l) => {
-      l ? v.value += 0.5 : v.value++, j(G);
-    }, ue = (l) => {
-      v.value > 1 && (l ? v.value -= 0.5 : v.value--), j(G);
-    }, Ue = () => {
-      C.value += 90;
-    }, jn = () => {
-      C.value -= 90;
-    }, Rn = () => {
-      T.x = -T.x;
-    }, Dn = () => {
-      T.y = -T.y;
-    }, wt = [{
-      icon: H(r, e.icons, "zoomIn") || ee.zoomIn,
-      onClick: () => J(),
+    }, _ = (n) => {
+      n ? u.value += 0.5 : u.value++, L(D);
+    }, X = (n) => {
+      u.value > 1 && (n ? u.value -= 0.5 : u.value--), L(D);
+    }, de = () => {
+      M.value += 90;
+    }, We = () => {
+      M.value -= 90;
+    }, Ge = () => {
+      O.x = -O.x;
+    }, Xe = () => {
+      O.y = -O.y;
+    }, Me = [{
+      icon: $(l, e.icons, "zoomIn") || B.zoomIn,
+      onClick: () => _(),
       type: "zoomIn"
     }, {
-      icon: H(r, e.icons, "zoomOut") || ee.zoomOut,
-      onClick: () => ue(),
+      icon: $(l, e.icons, "zoomOut") || B.zoomOut,
+      onClick: () => X(),
       type: "zoomOut",
-      disabled: _(() => v.value === 1)
+      disabled: y(() => u.value === 1)
     }, {
-      icon: H(r, e.icons, "rotateRight") || ee.rotateRight,
-      onClick: Ue,
+      icon: $(l, e.icons, "rotateRight") || B.rotateRight,
+      onClick: de,
       type: "rotateRight"
     }, {
-      icon: H(r, e.icons, "rotateLeft") || ee.rotateLeft,
-      onClick: jn,
+      icon: $(l, e.icons, "rotateLeft") || B.rotateLeft,
+      onClick: We,
       type: "rotateLeft"
     }, {
-      icon: H(r, e.icons, "flipX") || ee.flipX,
-      onClick: Rn,
+      icon: $(l, e.icons, "flipX") || B.flipX,
+      onClick: Ge,
       type: "flipX"
     }, {
-      icon: H(r, e.icons, "flipY") || ee.flipY,
-      onClick: Dn,
+      icon: $(l, e.icons, "flipY") || B.flipY,
+      onClick: Xe,
       type: "flipY"
-    }], yt = () => {
-      if (s.value && S.value && F.value) {
-        const l = F.value.offsetWidth * v.value, b = F.value.offsetHeight * v.value, {
-          left: D,
-          top: E
-        } = Sr(F.value), Ie = C.value % 180 !== 0;
-        S.value = !1;
-        const Oe = Ir(Ie ? b : l, Ie ? l : b, D, E);
-        Oe && j({
-          ...Oe
+    }], Oe = () => {
+      if (d.value && w.value && P.value) {
+        const n = P.value.offsetWidth * u.value, m = P.value.offsetHeight * u.value, {
+          left: T,
+          top: I
+        } = Rt(P.value), te = M.value % 180 !== 0;
+        w.value = !1;
+        const ne = Dt(te ? m : n, te ? n : m, T, I);
+        ne && L({
+          ...ne
         });
       }
-    }, Un = (l) => {
-      l.button === 0 && (l.preventDefault(), l.stopPropagation(), $.deltaX = l.pageX - w.x, $.deltaY = l.pageY - w.y, $.originX = w.x, $.originY = w.y, S.value = !0);
-    }, bt = (l) => {
-      s.value && S.value && j({
-        x: l.pageX - $.deltaX,
-        y: l.pageY - $.deltaY
+    }, Ze = (n) => {
+      n.button === 0 && (n.preventDefault(), n.stopPropagation(), A.deltaX = n.pageX - p.x, A.deltaY = n.pageY - p.y, A.originX = p.x, A.originY = p.y, w.value = !0);
+    }, Ae = (n) => {
+      d.value && w.value && L({
+        x: n.pageX - A.deltaX,
+        y: n.pageY - A.deltaY
       });
-    }, zn = (l) => {
-      if (!s.value) return;
-      l.preventDefault();
-      const b = l.deltaY;
-      le.value = {
-        wheelDirection: b
+    }, Ve = (n) => {
+      if (!d.value) return;
+      n.preventDefault();
+      const m = n.deltaY;
+      K.value = {
+        wheelDirection: m
       };
-    }, Fn = (l) => {
-      !s.value || !ye.value || (l.keyCode === c.LEFT ? Se() : l.keyCode === c.RIGHT && Te());
-    }, Bn = () => {
-      s.value && (v.value !== 1 && (v.value = 1), (w.x !== G.x || w.y !== G.y) && j(G));
+    }, Qe = (n) => {
+      !d.value || !k.value || (n.keyCode === a.LEFT ? J() : n.keyCode === a.RIGHT && ee());
+    }, ke = () => {
+      d.value && (u.value !== 1 && (u.value = 1), (p.x !== D.x || p.y !== D.y) && L(D));
     };
-    let ze = () => {
+    let fe = () => {
     };
-    return kt(() => {
-      te(() => e.previewUrls, (l) => {
-        nn(l) && l.forEach((b, D) => {
-          O(D, b);
+    return De(() => {
+      H(() => e.previewUrls, (n) => {
+        _e(n) && n.forEach((m, T) => {
+          S(T, m);
         });
       }, {
         flush: "post",
         immediate: !0
-      }), te([() => s.value, S], () => {
-        ze();
-        let l, b;
-        const D = k(window, "mouseup", yt, !1), E = k(window, "mousemove", bt, !1), Ie = k(window, "wheel", zn, {
+      }), H([() => d.value, w], () => {
+        fe();
+        let n, m;
+        const T = F(window, "mouseup", Oe, !1), I = F(window, "mousemove", Ae, !1), te = F(window, "wheel", Ve, {
           passive: !1
-        }), Oe = k(window, "keydown", Fn, !1);
+        }), ne = F(window, "keydown", Qe, !1);
         try {
-          window.top !== window.self && (l = k(window.top, "mouseup", yt, !1), b = k(window.top, "mousemove", bt, !1));
-        } catch (Hn) {
-          dr(!1, `[vc-image] ${Hn}`);
+          window.top !== window.self && (n = F(window.top, "mouseup", Oe, !1), m = F(window.top, "mousemove", Ae, !1));
+        } catch (qe) {
+          Nt(!1, `[vc-image] ${qe}`);
         }
-        ze = () => {
-          D.remove(), E.remove(), Ie.remove(), Oe.remove(), l && l.remove(), b && b.remove();
+        fe = () => {
+          T.remove(), I.remove(), te.remove(), ne.remove(), n && n.remove(), m && m.remove();
         };
       }, {
         flush: "post",
         immediate: !0
-      }), te([le], () => {
+      }), H([K], () => {
         const {
-          wheelDirection: l
-        } = le.value;
-        l > 0 ? ue(!0) : l < 0 && J(!0);
+          wheelDirection: n
+        } = K.value;
+        n > 0 ? X(!0) : n < 0 && _(!0);
       });
-    }), Kn(() => {
-      ze();
-    }), n({
-      setOpen: g
+    }), et(() => {
+      fe();
+    }), i({
+      setOpen: E
     }), () => {
-      const l = Qe(`${o}-fade`), b = Qe(`${o}-zoom`), D = {};
-      for (const E in e.icons)
-        D[E] = H(r, e.icons, E);
-      return i(u(We, null, [u(en, {
+      const n = Ee(`${o}-fade`), m = Ee(`${o}-zoom`), T = {};
+      for (const I in e.icons)
+        T[I] = $(l, e.icons, I);
+      return f(r(Se, null, [r(ze, {
         to: e.getContainer || "body"
       }, {
-        default: () => [s.value && u(We, null, [u("div", {
-          class: `${o}-root ${a.value}`
-        }, [u(Ke, l, {
-          default: () => [Ye(u("div", {
-            class: `${o}-mask ${a.value}`
-          }, null), [[Xe, s.value && d.value]])]
-        }), u("div", {
-          ref: I,
+        default: () => [d.value && r(Se, null, [r("div", {
+          class: `${o}-root ${c.value}`
+        }, [r(ge, n, {
+          default: () => [we(r("div", {
+            class: `${o}-mask ${c.value}`
+          }, null), [[he, d.value && g.value]])]
+        }), r("div", {
+          ref: C,
           tabindex: -1,
-          class: [`${o}-wrap`, `${a.value}`],
-          onClick: (E) => e.onHideOnClickModal && Re(E)
-        }, [u(Ke, Ze(b, {
-          onAfterLeave: () => je()
+          class: [`${o}-wrap`, `${c.value}`],
+          onClick: (I) => e.onHideOnClickModal && ce(I)
+        }, [r(ge, pe(m, {
+          onAfterLeave: () => se()
         }), {
-          default: () => [Ye(u("div", {
+          default: () => [we(r("div", {
             role: "dialog",
-            class: `${o} ${a.value}`
-          }, [u("div", {
-            class: `${o}-content ${a.value}`
-          }, [u("div", {
-            class: `${o}-body ${a.value}`
-          }, [u("div", {
-            class: `${o}-img-wrapper ${a.value}`,
+            class: `${o} ${c.value}`
+          }, [r("div", {
+            class: `${o}-content ${c.value}`
+          }, [r("div", {
+            class: `${o}-body ${c.value}`
+          }, [r("div", {
+            class: `${o}-img-wrapper ${c.value}`,
             style: {
-              transform: `translate3d(${w.x}px, ${w.y}px, 0)`
+              transform: `translate3d(${p.x}px, ${p.y}px, 0)`
             }
-          }, [u("img", {
-            onMousedown: Un,
-            onDblclick: Bn,
-            ref: F,
-            class: `${o}-img ${a.value}`,
-            src: we.value,
-            onLoad: () => De(),
-            onError: (E) => be(E),
+          }, [r("img", {
+            onMousedown: Ze,
+            onDblclick: ke,
+            ref: P,
+            class: `${o}-img ${c.value}`,
+            src: Q.value,
+            onLoad: () => ue(),
+            onError: (I) => q(I),
             style: {
-              transform: `scale3d(${T.x * v.value}, ${T.y * v.value}, 1) rotate(${C.value}deg)`
+              transform: `scale3d(${O.x * u.value}, ${O.y * u.value}, 1) rotate(${M.value}deg)`
             }
-          }, null)])])])]), [[Xe, s.value && d.value]])]
+          }, null)])])])]), [[he, d.value && g.value]])]
         })])])])]
-      }), s.value && d.value && u(Er, {
-        open: s.value && d.value,
-        hashId: a.value,
+      }), d.value && g.value && r(Ut, {
+        open: d.value && g.value,
+        hashId: c.value,
         count: e.previewUrls.length,
-        current: h.value,
+        current: v.value,
         zIndex: e.zIndex + 1,
         getContainer: e.getContainer,
         prefixCls: o,
-        icons: Fl(D, wt.map(({
-          type: E
-        }) => E)),
-        tools: wt,
+        icons: Et(T, Me.map(({
+          type: I
+        }) => I)),
+        tools: Me,
         infinite: e.infinite,
-        countRender: tr(r, e, "countRenders"),
-        showSwitch: ye.value,
-        showProgress: ce.value,
-        onClose: P,
-        onActive: (E) => E > 0 ? Te() : Se()
+        countRender: dt(l, e, "countRenders"),
+        showSwitch: k.value,
+        showProgress: G.value,
+        onClose: x,
+        onActive: (I) => I > 0 ? ee() : J()
       }, null)]));
     };
   }
-}), Ge = {
+}), me = {
   width: "100%",
   height: "100%"
-}, Wl = () => ({
+}, Ft = () => ({
   position: "absolute",
   inset: 0,
   display: "flex",
@@ -2127,13 +1332,13 @@ const G = {
   justifyContent: "center",
   cursor: "pointer",
   opacity: 0
-}), Xl = (e) => ({
+}), Bt = (e) => ({
   [e.componentCls]: {
     display: "inline-block",
     position: "relative",
     overflow: "hidden",
     "&-inner": {
-      ...Ge,
+      ...me,
       verticalAlign: "top",
       opacity: 1,
       [`&${e.componentCls}-inner-preview`]: {
@@ -2141,7 +1346,7 @@ const G = {
       }
     },
     "&-placeholder": {
-      ...Ge,
+      ...me,
       backgroundColor: e.colorBgContainerDisabled,
       backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",
       backgroundRepeat: "no-repeat",
@@ -2149,172 +1354,172 @@ const G = {
       backgroundSize: "30%"
     },
     "&-error": {
-      ...Ge,
+      ...me,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       color: e.colorText,
       backgroundColor: e.colorBgContainerDisabled
     },
-    "&-preview": Wl()
+    "&-preview": Ft()
   }
-}), Zl = (e) => e && e.nodeType === Node.ELEMENT_NODE;
-let Jt = "";
-const Vl = [...Ln, "fallback", "placeholder"], $e = /* @__PURE__ */ nt({
-  props: rn,
+}), Ht = (e) => e && e.nodeType === Node.ELEMENT_NODE;
+let $e = "";
+const jt = [...Ke, "fallback", "placeholder"], le = /* @__PURE__ */ ye({
+  props: Fe,
   name: "GImage",
   emits: ["error", "click", "load"],
   slots: Object,
   setup(e, {
     slots: t,
-    emit: n,
-    attrs: r
+    emit: i,
+    attrs: l
   }) {
-    const o = tn({
+    const o = Ue({
       suffixCls: "image"
     }), {
-      wrapSSR: i,
-      hashId: a
-    } = ur("Image", [Xl], o), s = A(), g = A(""), d = A(!1), y = A(!0), I = A(!1), h = A(null), v = A();
-    let C, S;
-    const T = _(() => !Ce && e.fit ? {
+      wrapSSR: f,
+      hashId: c
+    } = It("Image", [Bt], o), d = N(), E = N(""), g = N(!1), h = N(!0), C = N(!1), v = N(null), u = N();
+    let M, w;
+    const O = y(() => !ie && e.fit ? {
       "object-fit": e.fit
-    } : {}), w = _(() => {
+    } : {}), p = y(() => {
       const {
-        previewUrls: f
+        previewUrls: s
       } = e.preview;
-      return nn(f) && f.length > 0 || e.showPreview;
-    }), j = _(() => {
+      return _e(s) && s.length > 0 || e.showPreview;
+    }), L = y(() => {
       const {
-        previewUrls: f = [],
-        current: O = 0
+        previewUrls: s = [],
+        current: S = 0
       } = e.preview;
-      if (Ve(O)) return f.length >= O ? O : 0;
-      const P = f.indexOf(e.src);
-      return P >= 0 ? P : 0;
-    }), le = (f) => {
-      g.value = e.src, y.value = !1, d.value = !1, n("load", f);
-    }, F = (f) => {
-      y.value = !1, d.value = !0, n("error", f);
-    }, $ = () => {
-      if (Ce) return;
-      y.value = !0, d.value = !1;
-      const f = new Image();
-      f.onload = (O) => le(O), f.onerror = F, Object.keys(r || {}).forEach((O) => {
-        if (O.toLowerCase() === "onload") return;
-        const P = (r || {})[O];
-        f.setAttribute(O, P);
-      }), f.src = e.src;
-    }, B = fr(we, 200), Q = () => {
-      Ce || !v.value || !B || (C(), v.value = void 0);
+      if (Ie(S)) return s.length >= S ? S : 0;
+      const x = s.indexOf(e.src);
+      return x >= 0 ? x : 0;
+    }), K = (s) => {
+      E.value = e.src, h.value = !1, g.value = !1, i("load", s);
+    }, P = (s) => {
+      h.value = !1, g.value = !0, i("error", s);
+    }, A = () => {
+      if (ie) return;
+      h.value = !0, g.value = !1;
+      const s = new Image();
+      s.onload = (S) => K(S), s.onerror = P, Object.keys(l || {}).forEach((S) => {
+        if (S.toLowerCase() === "onload") return;
+        const x = (l || {})[S];
+        s.setAttribute(S, x);
+      }), s.src = e.src;
+    }, R = yt(Q, 200), z = () => {
+      ie || !u.value || !R || (M(), u.value = void 0);
     };
-    function we() {
-      nr(h.value, v.value) && ($(), Q());
+    function Q() {
+      ft(v.value, u.value) && (A(), z());
     }
-    const q = async () => {
-      if (Ce) return;
-      await Xn();
+    const U = async () => {
+      if (ie) return;
+      await ot();
       const {
-        scrollContainer: f
+        scrollContainer: s
       } = e;
-      Zl(f) ? v.value = f : or(f) && f !== "" ? v.value = document.querySelector(f) ?? void 0 : h.value && (v.value = ir(h.value)), v.value && (C = It(v, "scroll", B), setTimeout(() => we(), 200));
-    }, se = (f) => {
-      if (f.ctrlKey) {
-        if (f.deltaY < 0)
-          return f.preventDefault(), !1;
-        if (f.deltaY > 0)
-          return f.preventDefault(), !1;
+      Ht(s) ? u.value = s : mt(s) && s !== "" ? u.value = document.querySelector(s) ?? void 0 : v.value && (u.value = gt(v.value)), u.value && (M = be(u, "scroll", R), setTimeout(() => Q(), 200));
+    }, W = (s) => {
+      if (s.ctrlKey) {
+        if (s.deltaY < 0)
+          return s.preventDefault(), !1;
+        if (s.deltaY > 0)
+          return s.preventDefault(), !1;
       }
-    }, R = () => {
-      w.value && (S = It("wheel", se, {
+    }, b = () => {
+      p.value && (w = be("wheel", W, {
         passive: !1
-      }), Jt = document.body.style.overflow, document.body.style.overflow = "hidden", I.value = !0);
-    }, ye = () => {
-      S == null || S(), document.body.style.overflow = Jt, I.value = !1;
+      }), $e = document.body.style.overflow, document.body.style.overflow = "hidden", C.value = !0);
+    }, k = () => {
+      w == null || w(), document.body.style.overflow = $e, C.value = !1;
     };
-    te(() => e.src, () => {
-      e.lazy ? (y.value = !0, d.value = !1, Q(), q()) : $();
-    }), Yn(() => {
-      var f, O;
-      w.value && I.value ? (f = s.value) == null || f.setOpen(!0) : (O = s.value) == null || O.setOpen(!1);
+    H(() => e.src, () => {
+      e.lazy ? (h.value = !0, g.value = !1, z(), U()) : A();
+    }), tt(() => {
+      var s, S;
+      p.value && C.value ? (s = d.value) == null || s.setOpen(!0) : (S = d.value) == null || S.setOpen(!1);
     });
-    const ce = (f) => Ve(f) ? f + "px" : f;
-    return ar(() => {
-      e.lazy ? q() : $();
+    const G = (s) => Ie(s) ? s + "px" : s;
+    return wt(() => {
+      e.lazy ? U() : A();
     }), () => {
-      var ue;
+      var X;
       const {
-        crossorigin: f,
-        decoding: O,
-        alt: P,
-        sizes: je,
-        srcset: Re,
-        usemap: De,
-        class: be,
-        style: Se = {}
-      } = r, Te = {
-        crossorigin: f,
-        decoding: O,
-        alt: P,
-        sizes: je,
-        srcset: Re,
-        usemap: De,
+        crossorigin: s,
+        decoding: S,
+        alt: x,
+        sizes: se,
+        srcset: ce,
+        usemap: ue,
+        class: q,
+        style: J = {}
+      } = l, ee = {
+        crossorigin: s,
+        decoding: S,
+        alt: x,
+        sizes: se,
+        srcset: ce,
+        usemap: ue,
         style: {
-          ...T.value,
-          height: e.height ? ce(e.height) : void 0
+          ...O.value,
+          height: e.height ? G(e.height) : void 0
         }
-      }, J = rr(Vl, t, e, {
+      }, _ = vt(jt, t, e, {
         render: !0
       });
-      return i(u("div", {
+      return f(r("div", {
         class: {
-          [`${a.value}`]: !0,
+          [`${c.value}`]: !0,
           [`${o}`]: !0,
-          [`${be}`]: !!be
+          [`${q}`]: !!q
         },
-        ref: (Ue) => h.value = Ue,
+        ref: (de) => v.value = de,
         style: {
-          width: e.width ? ce(e.width) : void 0,
-          height: e.height ? ce(e.height) : void 0,
+          width: e.width ? G(e.width) : void 0,
+          height: e.height ? G(e.height) : void 0,
           display: e.lazy ? "block" : void 0,
-          ...Se
+          ...J
         },
         onClick: () => {
-          n("click");
+          i("click");
         }
-      }, [y.value ? J.placeholder || u("div", {
-        class: `${o}-placeholder ${a.value}`
-      }, null) : d.value ? J.fallback || u("div", {
-        class: `${o}-error ${a.value}`
-      }, [Wn("加载失败")]) : g.value && u("img", Ze(Te, {
+      }, [h.value ? _.placeholder || r("div", {
+        class: `${o}-placeholder ${c.value}`
+      }, null) : g.value ? _.fallback || r("div", {
+        class: `${o}-error ${c.value}`
+      }, [nt("加载失败")]) : E.value && r("img", pe(ee, {
         class: {
-          [`${a.value}`]: !0,
+          [`${c.value}`]: !0,
           [`${e.imageClassName}`]: !!e.imageClassName,
           [`${o}-inner`]: !0,
-          [`${o}-inner-preview`]: w.value
+          [`${o}-inner-preview`]: p.value
         },
         alt: e.alt,
-        src: g.value
-      }), null), w.value && u("div", {
-        class: `${o}-preview ${a.value}`,
-        onClick: () => R()
-      }, null), w.value && u(Yl, Ze({
-        ref: s
-      }, e.preview, Kl(J, Ln), {
-        previewUrls: ((ue = e.preview) == null ? void 0 : ue.previewUrls) || [e.src],
-        current: j.value,
-        onClose: () => ye()
+        src: E.value
+      }), null), p.value && r("div", {
+        class: `${o}-preview ${c.value}`,
+        onClick: () => b()
+      }, null), p.value && r(_t, pe({
+        ref: d
+      }, e.preview, Ct(_, Ke), {
+        previewUrls: ((X = e.preview) == null ? void 0 : X.previewUrls) || [e.src],
+        current: L.value,
+        onClose: () => k()
       }), null)]));
     };
   }
 });
-$e.isGImage = !0;
-$e.install = (e) => (e.component($e.name, $e), e);
+le.isGImage = !0;
+le.install = (e) => (e.component(le.name, le), e);
 export {
-  $e as GImage,
-  Yl as ImagePreview,
-  ge as baseProps,
-  $e as default,
-  rn as imagePorps,
-  ne as imagePreviewProps
+  le as GImage,
+  _t as ImagePreview,
+  V as baseProps,
+  le as default,
+  Fe as imagePorps,
+  j as imagePreviewProps
 };