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

package/dist/image.js

@@ -1,12 +1,11 @@
-import Z from "ant-design-vue/es/_util/vue-types";
-import { ref as M, reactive as re, onMounted as De, defineComponent as Me, createVNode as r, Teleport as Ue, Transition as Se, withDirectives as he, Fragment as Ie, cloneVNode as Je, vShow as pe, shallowRef as V, computed as y, watch as j, onUnmounted as et, mergeProps as ze, 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 ae, getPrefixCls as _e, isNumber as Ee, getSlotVNode as L, isArray as Fe, getSlot as dt, isServer as le, isInContainer as ft, isString as vt, getScrollContainer as gt } from "@gx-design-vue/pro-utils";
-import { useState as Le, onMountedOrActivated as mt } from "@gx-design-vue/pro-hooks";
-import { Keyframe as ue, useStyle as wt, mergeToken as St, unit as ht, getTransitionProps as Ce, useProStyle as It } from "@gx-design-vue/pro-provider";
-import { TinyColor as K } from "@ctrl/tinycolor";
-import { useThrottleFn as pt, useEventListener as Te } from "@vueuse/core";
-const U = {
+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 = {
   infinite: {
     type: Boolean,
     default: !0
@@ -22,12 +21,16 @@ const U = {
   getContainer: {
     type: String
   }
-}, se = {
-  previewTeleported: {
-    type: Boolean,
-    default: !0
+}, rn = {
+  preview: {
+    type: Object,
+    default: () => ({
+      current: 0,
+      infinite: !0,
+      onHideOnClickModal: !0
+    })
   },
-  hideOnClickModal: {
+  showPreview: {
     type: Boolean,
     default: !0
   },
@@ -43,7 +46,7 @@ const U = {
     type: String,
     default: "contain"
   },
-  lazy: Z.bool,
+  lazy: Boolean,
   scrollContainer: {
     type: [String, Object]
   },
@@ -66,57 +69,47 @@ const U = {
   onClick: {
     type: Function
   },
+  imageClassName: String,
+  imageStyle: Object,
+  width: Number,
+  height: Number,
+  zIndex: ge.zIndex,
+  getContainer: ge.getContainer
+}, ne = {
   previewUrls: {
     type: Array,
     default: () => []
   },
-  imageClassName: Z.string,
-  imageStyle: Z.style,
-  width: Z.number,
-  height: Z.number,
-  zIndex: U.zIndex,
-  infinite: U.infinite,
-  getContainer: U.getContainer,
-  current: {
-    ...U.current,
-    default: () => {
-    }
-  }
-}, Y = {
-  previewUrls: {
-    type: Array,
-    default: () => []
-  },
-  teleported: se.previewTeleported,
-  zIndex: U.zIndex,
-  current: U.current,
-  infinite: U.infinite,
-  getContainer: se.getContainer,
-  onHideOnClickModal: se.hideOnClickModal,
+  disabled: Boolean,
+  zIndex: ge.zIndex,
+  current: ge.current,
+  infinite: ge.infinite,
+  getContainer: rn.getContainer,
+  onHideOnClickModal: Boolean,
   countRender: [Function, Array, Object],
   icons: {
     type: Object,
     default: () => ({})
   }
 };
-function Et(e, t) {
+function dr(e, t) {
   process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error(`Warning: ${t}`);
 }
-const Ct = new ue("viewFadeIn", {
+const gr = new Me("viewFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), yt = new ue("viewFadeOut", {
+}), vr = new Me("viewFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), Mt = new ue("viewZoomBadgeIn", {
+}), pr = new Me("viewZoomBadgeIn", {
   "0%": {
     transform: "scale(0.2)",
     opacity: 0
@@ -125,7 +118,7 @@ const Ct = new ue("viewFadeIn", {
     transform: "scale(1)",
     opacity: 1
   }
-}), Nt = new ue("viewZoomBadgeOut", {
+}), hr = new Me("viewZoomBadgeOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -133,11 +126,11 @@ const Ct = new ue("viewFadeIn", {
     transform: "scale(0.2)",
     opacity: 0
   }
-}), be = (e) => ({
+}), Ot = (e) => ({
   position: e || "absolute",
   inset: 0
 });
-function me(e) {
+function Fe(e) {
   return {
     position: e,
     top: 0,
@@ -146,8 +139,8 @@ function me(e) {
     insetInlineStart: 0
   };
 }
-const Ot = (e) => {
-  const { previewCls: t, modalMaskBg: i, paddingSM: l, marginXL: o, margin: f, paddingLG: c, previewOperationColorDisabled: d, previewOperationHoverColor: p, motionDurationSlow: m, iconCls: h, colorTextLightSolid: C } = e, v = new K(i).setAlpha(0.1), u = v.clone().setAlpha(0.2);
+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);
   return {
     [`${t}-footer`]: {
       position: "fixed",
@@ -163,7 +156,7 @@ const Ot = (e) => {
       transform: "translateX(-50%)"
     },
     [`${t}-progress`]: {
-      marginBottom: f
+      marginBottom: i
     },
     [`${t}-close`]: {
       position: "fixed",
@@ -173,56 +166,56 @@ const Ot = (e) => {
         value: o
       },
       display: "flex",
-      color: C,
-      backgroundColor: v.toRgbString(),
+      color: I,
+      backgroundColor: h.toRgbString(),
       borderRadius: "50%",
-      padding: l,
+      padding: r,
       outline: 0,
       border: 0,
       cursor: "pointer",
-      transition: `all ${m}`,
+      transition: `all ${d}`,
       "&:hover": {
-        backgroundColor: u.toRgbString()
+        backgroundColor: v.toRgbString()
       },
-      [`& > ${h}`]: {
+      [`& > ${y}`]: {
         fontSize: e.previewOperationSize
       }
     },
     [`${t}-operations`]: {
       display: "flex",
       alignItems: "center",
-      padding: `0 ${ht(c)}`,
-      backgroundColor: v.toRgbString(),
+      padding: `0 ${cr(a)}`,
+      backgroundColor: h.toRgbString(),
       borderRadius: 100,
       "&-operation": {
-        marginInlineStart: l,
-        padding: l,
+        marginInlineStart: r,
+        padding: r,
         cursor: "pointer",
-        transition: `all ${m}`,
+        transition: `all ${d}`,
         userSelect: "none",
-        [`&:not(${t}-operations-operation-disabled):hover > ${h}`]: {
-          color: p
+        [`&:not(${t}-operations-operation-disabled):hover > ${y}`]: {
+          color: g
         },
         "&-disabled": {
-          color: d,
+          color: s,
           cursor: "not-allowed"
         },
         "&:first-of-type": {
           marginInlineStart: 0
         },
-        [`& > ${h}`]: {
+        [`& > ${y}`]: {
           fontSize: e.previewOperationSize
         }
       }
     }
   };
-}, At = (e) => {
-  const { modalMaskBg: t, iconCls: i, previewOperationColorDisabled: l, previewCls: o, zIndexPopup: f, motionDurationSlow: c } = e, d = new K(t).setAlpha(0.1), p = d.clone().setAlpha(0.2);
+}, 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);
   return {
     [`${o}-switch-left, ${o}-switch-right`]: {
       position: "fixed",
       insetBlockStart: "50%",
-      zIndex: e.calc(f).add(1).equal(),
+      zIndex: e.calc(i).add(1).equal(),
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -230,26 +223,26 @@ const Ot = (e) => {
       height: e.imagePreviewSwitchSize,
       marginTop: e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),
       color: e.previewOperationColor,
-      background: d.toRgbString(),
+      background: s.toRgbString(),
       borderRadius: "50%",
       transform: "translateY(-50%)",
       cursor: "pointer",
-      transition: `all ${c}`,
+      transition: `all ${a}`,
       userSelect: "none",
       "&:hover": {
-        background: p.toRgbString()
+        background: g.toRgbString()
       },
       "&-disabled": {
         "&, &:hover": {
-          color: l,
+          color: r,
           background: "transparent",
           cursor: "not-allowed",
-          [`> ${i}`]: {
+          [`> ${n}`]: {
             cursor: "not-allowed"
           }
         }
       },
-      [`> ${i}`]: {
+      [`> ${n}`]: {
         fontSize: e.previewOperationSize
       }
     },
@@ -260,33 +253,33 @@ const Ot = (e) => {
       insetInlineEnd: e.marginSM
     }
   };
-}, xt = (e) => ({
+}, yr = (e) => ({
   [e.componentCls]: {
     height: "100%",
     textAlign: "center",
     pointerEvents: "none",
     "&-root": {
-      ...me("fixed"),
+      ...Fe("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
     "&-wrap": {
-      ...me("fixed"),
+      ...Fe("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
     "&-mask": {
-      ...me("fixed"),
+      ...Fe("fixed"),
       zIndex: e.zIndexPopupBase,
       height: "100%",
       backgroundColor: e.colorBgMask
     },
     "&-body": {
-      ...be(),
+      ...Ot(),
       overflow: "hidden"
     },
     "&-img": {
@@ -299,7 +292,7 @@ const Ot = (e) => {
       userSelect: "none",
       pointerEvents: "auto",
       "&-wrapper": {
-        ...be(),
+        ...Ot(),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
@@ -314,17 +307,17 @@ const Ot = (e) => {
       }
     },
     "&-fade-appear, &-fade-enter": {
-      animationName: Ct,
+      animationName: gr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-fade-leave": {
-      animationName: yt,
+      animationName: vr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-zoom-appear, &-zoom-enter": {
-      animationName: Mt,
+      animationName: pr,
       opacity: 0,
       animationTimingFunction: e.motionEaseOutCirc,
       animationFillMode: "both",
@@ -336,7 +329,7 @@ const Ot = (e) => {
       animationPlayState: "running"
     },
     "&-zoom-leave": {
-      animationName: Nt,
+      animationName: hr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: e.motionEaseOutBack,
       animationFillMode: "both"
@@ -354,90 +347,90 @@ const Ot = (e) => {
     zIndex: e.zIndexPopup + 1,
     width: "100%"
   },
-  "&": [Ot(e), At(e)]
+  "&": [mr(e), wr(e)]
 });
-function Lt(e) {
-  return wt("ImageViewer", (t) => {
-    const i = St(t, {
+function br(e) {
+  return lr("ImageViewer", (t) => {
+    const n = sr(t, {
       zIndexPopup: t.zIndexPopupBase + 80,
-      previewOperationColorDisabled: new K(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
-      previewOperationHoverColor: new K(t.colorTextLightSolid).setAlpha(0.85).toRgbString(),
-      modalMaskBg: new K("#000").setAlpha(0.45).toRgbString(),
+      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(),
       // FIXME: Shared Token
-      previewOperationColor: new K(t.colorTextLightSolid).toRgbString(),
+      previewOperationColor: new re(t.colorTextLightSolid).toRgbString(),
       previewOperationSize: t.fontSizeIcon * 1.5,
       // FIXME: fontSizeIconLG
       imagePreviewSwitchSize: t.controlHeightLG,
       iconCls: "anticon",
       previewCls: t.componentCls
     });
-    return [xt(i)];
+    return [yr(n)];
   }, e);
 }
-function Tt(e) {
-  const t = e.getBoundingClientRect(), i = document.documentElement;
+function Sr(e) {
+  const t = e.getBoundingClientRect(), n = document.documentElement;
   return {
-    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)
+    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)
   };
 }
-function bt() {
+function Tr() {
   const e = document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight;
   return {
     width: e,
     height: t
   };
 }
-function Pe(e, t, i, l) {
-  const o = t + i, f = (i - l) / 2;
-  if (i > l) {
+function Et(e, t, n, r) {
+  const o = t + n, i = (n - r) / 2;
+  if (n > r) {
     if (t > 0)
       return {
-        [e]: f
+        [e]: i
       };
-    if (t < 0 && o < l)
+    if (t < 0 && o < r)
       return {
-        [e]: -f
+        [e]: -i
       };
-  } else if (t < 0 || o > l)
+  } else if (t < 0 || o > r)
     return {
-      [e]: t < 0 ? f : -f
+      [e]: t < 0 ? i : -i
     };
   return {};
 }
-function Pt(e, t, i, l) {
-  const { width: o, height: f } = bt();
-  let c = null;
-  return e <= o && t <= f ? c = {
+function Ir(e, t, n, r) {
+  const { width: o, height: i } = Tr();
+  let a = null;
+  return e <= o && t <= i ? a = {
     x: 0,
     y: 0
-  } : (e > o || t > f) && (c = {
-    ...Pe("x", i, e, o),
-    ...Pe("y", l, t, f)
-  }), c;
+  } : (e > o || t > i) && (a = {
+    ...Et("x", n, e, o),
+    ...Et("y", r, t, i)
+  }), a;
 }
-let Be = !1;
+let on = !1;
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Be = !0;
+      on = !0;
     }
   });
   window.addEventListener("testPassive", null, e), window.removeEventListener("testPassive", null, e);
 } catch {
 }
-function B(e, t, i, l) {
+function k(e, t, n, r) {
   if (e && e.addEventListener) {
-    let o = l;
-    o === void 0 && Be && (t === "touchstart" || t === "touchmove" || t === "wheel") && (o = { passive: !1 }), e.addEventListener(t, i, o);
+    let o = r;
+    o === void 0 && on && (t === "touchstart" || t === "touchmove" || t === "wheel") && (o = { passive: !1 }), e.addEventListener(t, n, o);
   }
   return {
     remove: () => {
-      e && e.removeEventListener && e.removeEventListener(t, i);
+      e && e.removeEventListener && e.removeEventListener(t, n);
     }
   };
 }
-const a = {
+const c = {
   /**
    * MAC_ENTER
    */
@@ -888,34 +881,34 @@ const a = {
    * whether text and modified key is entered at the same time.
    */
   isTextModifyingKeyEvent: function(t) {
-    const { keyCode: i } = t;
+    const { keyCode: n } = t;
     if (t.altKey && !t.ctrlKey || t.metaKey || // Function keys don't generate text
-    i >= a.F1 && i <= a.F12)
+    n >= c.F1 && n <= c.F12)
       return !1;
-    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:
+    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:
         return !1;
       default:
         return !0;
@@ -925,72 +918,72 @@ const a = {
    * whether character is entered.
    */
   isCharacterKey: function(t) {
-    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)
+    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)
       return !0;
     switch (t) {
-      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:
+      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:
         return !0;
       default:
         return !1;
     }
   }
 };
-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 ye(e, t = 1) {
-  Re += 1;
-  const i = Re;
-  function l(o) {
+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) {
     if (o === 0)
-      Ye(i), e();
+      sn(n), e();
     else {
-      const f = He(() => {
-        l(o - 1);
+      const i = an(() => {
+        r(o - 1);
       });
-      Ne.set(i, f);
+      rt.set(n, i);
     }
   }
-  return l(t), i;
+  return r(t), n;
 }
-ye.cancel = (e) => {
-  const t = Ne.get(e);
-  return Ye(t), je(t);
+qe.cancel = (e) => {
+  const t = rt.get(e);
+  return sn(t), ln(t);
 };
-function Rt(e) {
-  const t = M(null), i = re({ ...e }), l = M([]), o = (f) => {
-    t.value === null && (l.value = [], t.value = ye(() => {
-      let c;
-      l.value.forEach((d) => {
-        c = { ...c, ...d };
-      }), Object.assign(i, c), t.value = null;
-    })), l.value.push(f);
+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);
   };
-  return De(() => {
-    t.value && ye.cancel(t.value);
-  }), [i, o];
+  return kt(() => {
+    t.value && qe.cancel(t.value);
+  }), [n, o];
 }
-const $t = /* @__PURE__ */ Me({
+const Er = /* @__PURE__ */ nt({
   name: "Operations",
   inheritAttrs: !1,
   props: {
@@ -1007,328 +1000,1126 @@ const $t = /* @__PURE__ */ Me({
     showProgress: Boolean,
     prefixCls: String,
     hashId: String,
-    zIndex: Y.zIndex,
-    icons: Y.icons,
-    infinite: Y.infinite,
-    getContainer: Y.getContainer,
-    countRender: Y.countRender,
+    zIndex: ne.zIndex,
+    icons: ne.icons,
+    infinite: ne.infinite,
+    getContainer: ne.getContainer,
+    countRender: ne.countRender,
     tools: Array,
     onClose: Function,
     onActive: Function
   },
   setup(e) {
-    const t = (i, l) => {
+    const t = (n, r) => {
       var o;
-      i.preventDefault(), i.stopPropagation(), (o = e.onActive) == null || o.call(e, l);
+      n.preventDefault(), n.stopPropagation(), (o = e.onActive) == null || o.call(e, r);
     };
     return () => {
       const {
-        prefixCls: i,
-        hashId: l,
+        prefixCls: n,
+        hashId: r,
         tools: o
-      } = e, f = Ce(`${e.prefixCls}-fade`), c = `${i}-operations-operation`, d = `${i}-operations-icon`;
-      return r(Ue, {
+      } = e, i = Qe(`${e.prefixCls}-fade`), a = `${n}-operations-operation`, s = `${n}-operations-icon`;
+      return u(en, {
         to: e.getContainer || "body"
       }, {
-        default: () => [r(Se, f, {
+        default: () => [u(Ke, i, {
           default: () => {
-            var p, m, h, C;
-            return [he(r("div", {
-              class: ae(`${i}-operations-wrapper`, l),
+            var g, d, y, I;
+            return [Ye(u("div", {
+              class: Ee(`${n}-operations-wrapper`, r),
               style: {
                 zIndex: e.zIndex
               }
-            }, [((p = e.icons) == null ? void 0 : p.close) === null ? null : r("button", {
-              class: `${i}-close ${l}`,
+            }, [((g = e.icons) == null ? void 0 : g.close) === null ? null : u("button", {
+              class: `${n}-close ${r}`,
               onClick: e.onClose
-            }, [((m = e.icons) == null ? void 0 : m.close) || r(it, null, null)]), e.showSwitch && r(Ie, null, [r("div", {
-              class: ae(`${i}-switch-left ${l}`, {
-                [`${i}-switch-left-disabled`]: e.infinite ? !1 : e.current === 0
+            }, [((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
               }),
-              onClick: (v) => t(v, -1)
-            }, [((h = e.icons) == null ? void 0 : h.left) || r(at, null, null)]), r("div", {
-              className: ae(`${i}-switch-right ${l}`, {
-                [`${i}-switch-right-disabled`]: e.infinite ? !1 : e.current === e.count - 1
+              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)
-            }, [((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", {
+              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", {
               class: `${e.prefixCls}-operations`
             }, [o == null ? void 0 : o.map(({
-              icon: v,
-              onClick: u,
-              type: N,
-              disabled: w
-            }) => r("div", {
-              class: ae(c, {
-                [`${e.prefixCls}-operations-operation-disabled`]: w && (w == null ? void 0 : w.value)
+              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)
               }),
-              onClick: u,
-              key: N
-            }, [Je(v, {
-              class: d
-            })]))])])]), [[pe, e.open]])];
+              onClick: v,
+              key: C
+            }, [Gn(h, {
+              class: s
+            })]))])])]), [[Xe, e.open]])];
           }
         })]
       });
     };
   }
-}), D = {
+});
+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 = {
   x: 0,
   y: 0
-}, H = {
-  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, {
+}, 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, {
     rotate: 90
   }, null)
-}, Dt = /* @__PURE__ */ Me({
+}, Ln = ["close", "left", "right", "rotateRight", "rotateRight", "zoomOut", "flipX", "flipY", "rotateLeft"], Yl = /* @__PURE__ */ nt({
   name: "GImageViewer",
-  props: Y,
+  props: ne,
   inheritAttrs: !1,
   emits: ["close", "switch", "afterClose"],
+  emit: Object,
   setup: (e, {
     emit: t,
-    expose: i,
-    slots: l
+    expose: n,
+    slots: r
   }) => {
-    const o = _e({
+    const o = tn({
       suffixCls: "image-view"
     }), {
-      wrapSSR: f,
-      hashId: c
-    } = Lt(o), [d, p] = Le(!1), [m, h] = Le(!1), C = M(null), v = M(e.current), u = V(1), N = V(0), w = V(!1), O = re({
+      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({
       x: 1,
       y: 1
-    }), [I, T] = Rt(D), W = V({
+    }), [w, j] = Or(G), le = fe({
       wheelDirection: 0
-    }), R = V(), A = re({
+    }), F = fe(), $ = _e({
       originX: 0,
       originY: 0,
       deltaX: 0,
       deltaY: 0
-    }), $ = re(/* @__PURE__ */ new Map()), z = y(() => new Map(Array.from($).map(([n, {
-      url: g
-    }]) => [n, g]))), Q = y(() => z.value.get(v.value)), _ = y(() => z.value.size), G = y(() => Array.from(z.value.keys())), b = y(() => G.value.indexOf(v.value)), k = y(() => _.value > 1), X = y(() => _.value >= 1);
-    j(d, (n) => {
-      n && (m.value = !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);
     });
-    const s = (n) => {
-      v.value = n;
+    const f = (l) => {
+      h.value = l;
     };
-    j(() => e.current, (n) => {
-      Ee(n) && s(n);
+    te(() => e.current, (l) => {
+      Ve(l) && f(l);
     });
-    function S(n, g) {
-      $.set(n, {
-        url: g,
+    function O(l, b) {
+      B.set(l, {
+        url: b,
         loading: !0,
         canPreview: !1
       });
     }
-    const x = () => {
-      h(!1), v.value = e.current;
-    }, F = () => {
-      u.value = 1, N.value = 0, O.x = 1, O.y = 1, T(D), t("close");
-    }, de = (n) => {
-      w.value || C.value === (n == null ? void 0 : n.target) && x();
-    }, fe = () => {
-      const n = $.get(v.value);
-      n && (n.loading = !1, n.canPreview = !0);
-    }, q = (n) => {
-      const g = $.get(v.value);
-      g && (g.loading = !1, g.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(G.value[n]);
+    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]);
       }
-    }, ee = () => {
-      if (b.value < _.value - 1 || e.infinite) {
-        const n = b.value + 1 > e.previewUrls.length - 1 ? 0 : b.value + 1;
-        s(G.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]);
       }
-    }, te = (n) => {
-      n ? u.value += 0.5 : u.value++, T(D);
-    }, ne = (n) => {
-      u.value > 1 && (n ? u.value -= 0.5 : u.value--), T(D);
-    }, ve = () => {
-      N.value += 90;
-    }, Ke = () => {
-      N.value -= 90;
-    }, We = () => {
-      O.x = -O.x;
-    }, Ge = () => {
-      O.y = -O.y;
-    }, Xe = [{
-      icon: L(l, e.icons, "zoomIn") || H.zoomIn,
-      onClick: () => te(),
+    }, 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(),
       type: "zoomIn"
     }, {
-      icon: L(l, e.icons, "zoomOut") || H.zoomOut,
-      onClick: () => ne(),
+      icon: H(r, e.icons, "zoomOut") || ee.zoomOut,
+      onClick: () => ue(),
       type: "zoomOut",
-      disabled: y(() => u.value === 1)
+      disabled: _(() => v.value === 1)
     }, {
-      icon: L(l, e.icons, "rotateRight") || H.rotateRight,
-      onClick: ve,
+      icon: H(r, e.icons, "rotateRight") || ee.rotateRight,
+      onClick: Ue,
       type: "rotateRight"
     }, {
-      icon: L(l, e.icons, "rotateLeft") || H.rotateLeft,
-      onClick: Ke,
+      icon: H(r, e.icons, "rotateLeft") || ee.rotateLeft,
+      onClick: jn,
       type: "rotateLeft"
     }, {
-      icon: L(l, e.icons, "flipX") || H.flipX,
-      onClick: We,
+      icon: H(r, e.icons, "flipX") || ee.flipX,
+      onClick: Rn,
       type: "flipX"
     }, {
-      icon: L(l, e.icons, "flipY") || H.flipY,
-      onClick: Ge,
+      icon: H(r, e.icons, "flipY") || ee.flipY,
+      onClick: Dn,
       type: "flipY"
-    }], Oe = () => {
-      if (d.value && w.value && R.value) {
-        const n = R.value.offsetWidth * u.value, g = R.value.offsetHeight * u.value, {
-          left: P,
+    }], 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
-        } = Tt(R.value), oe = N.value % 180 !== 0;
-        w.value = !1;
-        const ie = Pt(oe ? g : n, oe ? n : g, P, E);
-        ie && T({
-          ...ie
+        } = 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
         });
       }
-    }, Ze = (n) => {
-      n.button === 0 && (n.preventDefault(), n.stopPropagation(), A.deltaX = n.pageX - I.x, A.deltaY = n.pageY - I.y, A.originX = I.x, A.originY = I.y, w.value = !0);
-    }, Ae = (n) => {
-      d.value && w.value && T({
-        x: n.pageX - A.deltaX,
-        y: n.pageY - A.deltaY
+    }, 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
       });
-    }, Ve = (n) => {
-      if (!d.value) return;
-      n.preventDefault();
-      const g = n.deltaY;
-      W.value = {
-        wheelDirection: g
+    }, zn = (l) => {
+      if (!s.value) return;
+      l.preventDefault();
+      const b = l.deltaY;
+      le.value = {
+        wheelDirection: b
       };
-    }, 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), (I.x !== D.x || I.y !== D.y) && T(D));
+    }, 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));
     };
-    let ge = () => {
+    let ze = () => {
     };
-    return De(() => {
-      j(() => e.previewUrls, (n) => {
-        Fe(n) && n.forEach((g, P) => {
-          S(P, g);
+    return kt(() => {
+      te(() => e.previewUrls, (l) => {
+        nn(l) && l.forEach((b, D) => {
+          O(D, b);
         });
       }, {
         flush: "post",
         immediate: !0
-      }), j([() => d.value, w], () => {
-        ge();
-        let n, g;
-        const P = B(window, "mouseup", Oe, !1), E = B(window, "mousemove", Ae, !1), oe = B(window, "wheel", Ve, {
+      }), 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, {
           passive: !1
-        }), ie = B(window, "keydown", Qe, !1);
+        }), Oe = k(window, "keydown", Fn, !1);
         try {
-          window.top !== window.self && (n = B(window.top, "mouseup", Oe, !1), g = B(window.top, "mousemove", Ae, !1));
-        } catch (qe) {
-          Et(!1, `[vc-image] ${qe}`);
+          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}`);
         }
-        ge = () => {
-          P.remove(), E.remove(), oe.remove(), ie.remove(), n && n.remove(), g && g.remove();
+        ze = () => {
+          D.remove(), E.remove(), Ie.remove(), Oe.remove(), l && l.remove(), b && b.remove();
         };
       }, {
         flush: "post",
         immediate: !0
-      }), j([W], () => {
+      }), te([le], () => {
         const {
-          wheelDirection: n
-        } = W.value;
-        n > 0 ? ne(!0) : n < 0 && te(!0);
+          wheelDirection: l
+        } = le.value;
+        l > 0 ? ue(!0) : l < 0 && J(!0);
       });
-    }), et(() => {
-      ge();
-    }), i({
-      setOpen: p
+    }), Kn(() => {
+      ze();
+    }), n({
+      setOpen: g
     }), () => {
-      const n = Ce(`${o}-fade`), g = Ce(`${o}-zoom`), P = {};
+      const l = Qe(`${o}-fade`), b = Qe(`${o}-zoom`), D = {};
       for (const E in e.icons)
-        P[E] = L(l, e.icons, E);
-      return f(r(Ie, null, [r(Ue, {
-        to: e.getContainer || "body",
-        disabled: !e.teleported
+        D[E] = H(r, e.icons, E);
+      return i(u(We, null, [u(en, {
+        to: e.getContainer || "body"
       }, {
-        default: () => [d.value && r(Ie, null, [r("div", {
-          class: `${o}-root ${c.value}`
-        }, [r(Se, n, {
-          default: () => [he(r("div", {
-            class: `${o}-mask ${c.value}`
-          }, null), [[pe, d.value && m.value]])]
-        }), r("div", {
-          ref: C,
+        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,
           tabindex: -1,
-          class: [`${o}-wrap`, `${c.value}`],
-          onClick: (E) => e.onHideOnClickModal && de(E)
-        }, [r(Se, ze(g, {
-          onAfterLeave: () => F()
+          class: [`${o}-wrap`, `${a.value}`],
+          onClick: (E) => e.onHideOnClickModal && Re(E)
+        }, [u(Ke, Ze(b, {
+          onAfterLeave: () => je()
         }), {
-          default: () => [he(r("div", {
+          default: () => [Ye(u("div", {
             role: "dialog",
-            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}`,
+            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}`,
             style: {
-              transform: `translate3d(${I.x}px, ${I.y}px, 0)`
+              transform: `translate3d(${w.x}px, ${w.y}px, 0)`
             }
-          }, [r("img", {
-            onMousedown: Ze,
-            onDblclick: ke,
-            ref: R,
-            class: `${o}-img ${c.value}`,
-            src: Q.value,
-            onLoad: () => fe(),
-            onError: (E) => q(E),
+          }, [u("img", {
+            onMousedown: Un,
+            onDblclick: Bn,
+            ref: F,
+            class: `${o}-img ${a.value}`,
+            src: we.value,
+            onLoad: () => De(),
+            onError: (E) => be(E),
             style: {
-              transform: `scale3d(${O.x * u.value}, ${O.y * u.value}, 1) rotate(${N.value}deg)`
+              transform: `scale3d(${T.x * v.value}, ${T.y * v.value}, 1) rotate(${C.value}deg)`
             }
-          }, null)])])])]), [[pe, d.value && m.value]])]
+          }, null)])])])]), [[Xe, s.value && d.value]])]
         })])])])]
-      }), d.value && m.value && r($t, {
-        open: d.value && m.value,
-        hashId: c.value,
+      }), s.value && d.value && u(Er, {
+        open: s.value && d.value,
+        hashId: a.value,
         count: e.previewUrls.length,
-        current: v.value,
+        current: h.value,
         zIndex: e.zIndex + 1,
         getContainer: e.getContainer,
         prefixCls: o,
-        icons: P,
-        tools: Xe,
+        icons: Fl(D, wt.map(({
+          type: E
+        }) => E)),
+        tools: wt,
         infinite: e.infinite,
-        countRender: dt(l, e, "countRenders"),
-        showSwitch: k.value,
-        showProgress: X.value,
-        onClose: x,
-        onActive: (E) => E > 0 ? ee() : J()
+        countRender: tr(r, e, "countRenders"),
+        showSwitch: ye.value,
+        showProgress: ce.value,
+        onClose: P,
+        onActive: (E) => E > 0 ? Te() : Se()
       }, null)]));
     };
   }
-}), we = {
+}), Ge = {
   width: "100%",
   height: "100%"
-}, Ut = () => ({
+}, Wl = () => ({
   position: "absolute",
   inset: 0,
   display: "flex",
@@ -1336,13 +2127,13 @@ const $t = /* @__PURE__ */ Me({
   justifyContent: "center",
   cursor: "pointer",
   opacity: 0
-}), zt = (e) => ({
+}), Xl = (e) => ({
   [e.componentCls]: {
     display: "inline-block",
     position: "relative",
     overflow: "hidden",
     "&-inner": {
-      ...we,
+      ...Ge,
       verticalAlign: "top",
       opacity: 1,
       [`&${e.componentCls}-inner-preview`]: {
@@ -1350,7 +2141,7 @@ const $t = /* @__PURE__ */ Me({
       }
     },
     "&-placeholder": {
-      ...we,
+      ...Ge,
       backgroundColor: e.colorBgContainerDisabled,
       backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",
       backgroundRepeat: "no-repeat",
@@ -1358,167 +2149,172 @@ const $t = /* @__PURE__ */ Me({
       backgroundSize: "30%"
     },
     "&-error": {
-      ...we,
+      ...Ge,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       color: e.colorText,
       backgroundColor: e.colorBgContainerDisabled
     },
-    "&-preview": Ut()
+    "&-preview": Wl()
   }
-}), _t = (e) => e && e.nodeType === Node.ELEMENT_NODE;
-let $e = "";
-const ce = /* @__PURE__ */ Me({
-  props: se,
+}), Zl = (e) => e && e.nodeType === Node.ELEMENT_NODE;
+let Jt = "";
+const Vl = [...Ln, "fallback", "placeholder"], $e = /* @__PURE__ */ nt({
+  props: rn,
   name: "GImage",
   emits: ["error", "click", "load"],
   slots: Object,
   setup(e, {
     slots: t,
-    emit: i,
-    attrs: l
+    emit: n,
+    attrs: r
   }) {
-    const o = _e({
+    const o = tn({
       suffixCls: "image"
     }), {
-      wrapSSR: f,
-      hashId: c
-    } = It("Image", [zt], o), d = M(), p = M(""), m = M(!1), h = M(!0), C = M(!1), v = M(null), u = M();
-    let N, w;
-    const O = y(() => !le && e.fit ? {
+      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 ? {
       "object-fit": e.fit
-    } : {}), I = y(() => Fe(e.previewUrls) && e.previewUrls.length > 0), T = y(() => {
+    } : {}), w = _(() => {
       const {
-        src: s,
-        previewUrls: S,
-        current: x
-      } = e;
-      if (Ee(x)) return S.length >= x ? x : 0;
-      const F = S.indexOf(s);
-      return F >= 0 ? F : 0;
-    }), W = (s) => {
-      p.value = e.src, h.value = !1, m.value = !1, i("load", s);
-    }, R = (s) => {
-      h.value = !1, m.value = !0, i("error", s);
-    }, A = () => {
-      if (le) return;
-      h.value = !0, m.value = !1;
-      const s = new Image();
-      s.onload = (S) => W(S), s.onerror = R, Object.keys(l || {}).forEach((S) => {
-        if (S.toLowerCase() === "onload") return;
-        const x = (l || {})[S];
-        s.setAttribute(S, x);
-      }), s.src = e.src;
-    }, $ = pt(Q, 200), z = () => {
-      le || !u.value || !$ || (N(), u.value = void 0);
+        previewUrls: f
+      } = e.preview;
+      return nn(f) && f.length > 0 || e.showPreview;
+    }), j = _(() => {
+      const {
+        previewUrls: f = [],
+        current: O = 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);
     };
-    function Q() {
-      ft(v.value, u.value) && (A(), z());
+    function we() {
+      nr(h.value, v.value) && ($(), Q());
     }
-    const _ = async () => {
-      if (le) return;
-      await ot();
+    const q = async () => {
+      if (Ce) return;
+      await Xn();
       const {
-        scrollContainer: s
+        scrollContainer: f
       } = e;
-      _t(s) ? u.value = s : vt(s) && s !== "" ? u.value = document.querySelector(s) ?? void 0 : v.value && (u.value = gt(v.value)), u.value && (N = Te(u, "scroll", $), setTimeout(() => Q(), 200));
-    }, G = (s) => {
-      if (s.ctrlKey) {
-        if (s.deltaY < 0)
-          return s.preventDefault(), !1;
-        if (s.deltaY > 0)
-          return s.preventDefault(), !1;
+      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;
       }
-    }, b = () => {
-      I.value && (w = Te("wheel", G, {
+    }, R = () => {
+      w.value && (S = It("wheel", se, {
         passive: !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;
+      }), 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;
     };
-    j(() => e.src, () => {
-      e.lazy ? (h.value = !0, m.value = !1, z(), _()) : A();
-    }), tt(() => {
-      var s, S;
-      I.value && C.value ? (s = d.value) == null || s.setOpen(!0) : (S = d.value) == null || S.setOpen(!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);
     });
-    const X = (s) => Ee(s) ? s + "px" : s;
-    return mt(() => {
-      e.lazy ? _() : A();
+    const ce = (f) => Ve(f) ? f + "px" : f;
+    return ar(() => {
+      e.lazy ? q() : $();
     }), () => {
+      var ue;
       const {
-        crossorigin: s,
-        decoding: S,
-        alt: x,
-        sizes: F,
-        srcset: de,
-        usemap: fe,
-        class: q,
-        style: J = {}
-      } = l, ee = {
-        crossorigin: s,
-        decoding: S,
-        alt: x,
-        sizes: F,
-        srcset: de,
-        usemap: fe,
+        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,
         style: {
-          ...O.value,
-          height: e.height ? X(e.height) : void 0
+          ...T.value,
+          height: e.height ? ce(e.height) : void 0
         }
-      }, te = L(t, e, "fallback"), ne = L(t, e, "placeholder");
-      return f(r("div", {
+      }, J = rr(Vl, t, e, {
+        render: !0
+      });
+      return i(u("div", {
         class: {
-          [`${c.value}`]: !0,
+          [`${a.value}`]: !0,
           [`${o}`]: !0,
-          [`${q}`]: !!q
+          [`${be}`]: !!be
         },
-        ref: (ve) => v.value = ve,
+        ref: (Ue) => h.value = Ue,
         style: {
-          width: e.width ? X(e.width) : void 0,
-          height: e.height ? X(e.height) : void 0,
+          width: e.width ? ce(e.width) : void 0,
+          height: e.height ? ce(e.height) : void 0,
           display: e.lazy ? "block" : void 0,
-          ...J
+          ...Se
         },
         onClick: () => {
-          i("click");
+          n("click");
         }
-      }, [h.value ? ne || r("div", {
-        class: `${o}-placeholder ${c.value}`
-      }, null) : m.value ? te || r("div", {
-        class: `${o}-error ${c.value}`
-      }, [nt("加载失败")]) : p.value && r("img", ze(ee, {
+      }, [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, {
         class: {
-          [`${c.value}`]: !0,
+          [`${a.value}`]: !0,
           [`${e.imageClassName}`]: !!e.imageClassName,
           [`${o}-inner`]: !0,
-          [`${o}-inner-preview`]: I.value
+          [`${o}-inner-preview`]: w.value
         },
         alt: e.alt,
-        src: p.value
-      }), null), I.value && r("div", {
-        class: `${o}-preview ${c.value}`,
-        onClick: () => b()
-      }, null), r(Dt, {
-        ref: d,
-        zIndex: e.zIndex,
-        infinite: e.infinite,
-        current: T.value,
-        previewUrls: e.previewUrls,
-        getContainer: e.getContainer,
-        onClose: () => k()
-      }, null)]));
+        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()
+      }), null)]));
     };
   }
 });
-ce.isGImage = !0;
-ce.install = (e) => (e.component(ce.name, ce), e);
+$e.isGImage = !0;
+$e.install = (e) => (e.component($e.name, $e), e);
 export {
-  ce as GImage,
-  Dt as ImagePreview,
-  U as baseProps,
-  ce as default,
-  se as imagePorps,
-  Y as imagePreviewProps
+  $e as GImage,
+  Yl as ImagePreview,
+  ge as baseProps,
+  $e as default,
+  rn as imagePorps,
+  ne as imagePreviewProps
 };