@gx-design-vue/image 0.2.0-beta.32 → 0.2.0-beta.33

package/dist/Image.d.ts

@@ -61,7 +61,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<string>;
     };
 }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => true;
+    click: (_type: "loaded" | "error" | "success") => true;
     load: (_event: Event) => true;
     error: (_event: Event) => true;
 }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
@@ -124,7 +124,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<string>;
     };
 }>> & Readonly<{
-    onClick?: (() => any) | undefined;
+    onClick?: ((_type: "error" | "loaded" | "success") => any) | undefined;
     onError?: ((_event: Event) => any) | undefined;
     onLoad?: ((_event: Event) => any) | undefined;
 }>, {

package/dist/image.js

@@ -1,18 +1,18 @@
 /*!
   * Gx Design Pro
-  * Version: 0.2.0-beta.31
+  * Version: 0.2.0-beta.32
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Image
-  * Date Created: 2025-08-17 
+  * Date Created: 2026-02-05 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
 import { ref as $, defineComponent as we, createVNode as u, Teleport as Te, Transition as ge, withDirectives as me, Fragment as le, cloneVNode as nt, vShow as pe, toRef as H, reactive as ot, computed as b, watch as K, onMounted as Ae, onUnmounted as it, mergeProps as ie, watchEffect as at, nextTick as lt } from "vue";
 import { CloseOutlined as rt, LeftOutlined as st, RightOutlined as ut, SwapOutlined as be, ZoomOutOutlined as ct, ZoomInOutlined as dt, RotateRightOutlined as ft, RotateLeftOutlined as vt, EyeOutlined as gt } from "@ant-design/icons-vue";
 import { getTransitionProps as he, Keyframe as se, useStyle as mt, mergeToken as pt, unit as Q, FastColor as ht, useProStyle as wt } from "@gx-design-vue/pro-provider";
-import { classNames as X, getPrefixCls as Ee, isNumber as De, isArray as yt, getSlot as St, getSlotsProps as Re, isInContainer as Ct, isString as xt, getScrollContainer as It } from "@gx-design-vue/pro-utils";
+import { classNames as Y, getPrefixCls as Ee, isNumber as De, isArray as yt, getSlot as St, getSlotsProps as Re, isInContainer as Ct, isString as xt, getScrollContainer as It } from "@gx-design-vue/pro-utils";
 import { useWindowSize as Pe, isClient as q, useThrottleFn as bt, useEventListener as Le } from "@vueuse/core";
 import { isEqual as Lt, cloneDeep as $t, omit as Ne, fromPairs as zt } from "lodash-es";
 import { useState as ee, useEffect as ye, useMergedState as Mt } from "@gx-design-vue/pro-hooks";
@@ -167,9 +167,9 @@ const oe = {
   flipY: !1
 };
 function Ot(e, t, o, r) {
-  const n = $(null), s = $([]), [c, h] = ee(oe), v = (m) => {
-    h(oe), Lt(oe, c.value) || r?.({ transform: oe, action: m });
-  }, d = (m, C) => {
+  const n = $(null), s = $([]), [c, h] = ee(oe), m = (v) => {
+    h(oe), Lt(oe, c.value) || r?.({ transform: oe, action: v });
+  }, d = (v, C) => {
     n.value === null && (s.value = [], n.value = Fe(() => {
       let x = $t(c.value);
       s.value.forEach((i) => {
@@ -177,26 +177,26 @@ function Ot(e, t, o, r) {
       }), n.value = null, r?.({ transform: x, action: C }), h(x);
     })), s.value.push({
       ...c.value,
-      ...m
+      ...v
     });
   };
   return {
     transform: c,
-    resetTransform: v,
+    resetTransform: m,
     updateTransform: d,
-    dispatchZoomChange: (m, C, x, i, a) => {
+    dispatchZoomChange: (v, C, x, i, a) => {
       const { width: w, height: p, offsetWidth: y, offsetHeight: S, offsetLeft: L, offsetTop: A } = e.value;
-      let z = m, I = c.value.scale * m;
+      let z = v, I = c.value.scale * v;
       I > o.value ? (I = o.value, z = o.value / c.value.scale) : I < t.value && (I = a ? I : t.value, z = I / c.value.scale);
-      const k = x ?? innerWidth / 2, Z = i ?? innerHeight / 2, R = z - 1, M = R * w * 0.5, P = R * p * 0.5, Y = R * (k - c.value.x - L), W = R * (Z - c.value.y - A);
-      let j = c.value.x - (Y - M), B = c.value.y - (W - P);
-      if (m < 1 && I === 1) {
-        const E = y * I, f = S * I, { width: N, height: O } = Pe();
-        E <= N.value && f <= O.value && (j = 0, B = 0);
+      const k = x ?? innerWidth / 2, Z = i ?? innerHeight / 2, P = z - 1, M = P * w * 0.5, N = P * p * 0.5, j = P * (k - c.value.x - L), W = P * (Z - c.value.y - A);
+      let B = c.value.x - (j - M), E = c.value.y - (W - N);
+      if (v < 1 && I === 1) {
+        const D = y * I, g = S * I, { width: X, height: O } = Pe();
+        D <= X.value && g <= O.value && (B = 0, E = 0);
       }
       d({
-        x: j,
-        y: B,
+        x: B,
+        y: E,
         scale: I
       }, C);
     }
@@ -256,26 +256,26 @@ function He(e, t, o, r) {
   }), c;
 }
 function Et(e, t, o, r, n, s, c) {
-  const [h, v] = ee(!1), d = $({
+  const [h, m] = ee(!1), d = $({
     diffX: 0,
     diffY: 0,
     transformX: 0,
     transformY: 0
-  }), g = (i) => {
+  }), f = (i) => {
     !t || i.button !== 0 || (i.preventDefault(), i.stopPropagation(), d.value = {
       diffX: i.pageX - n.value.x,
       diffY: i.pageY - n.value.y,
       transformX: n.value.x,
       transformY: n.value.y
-    }, v(!0));
-  }, m = (i) => {
+    }, m(!0));
+  }, v = (i) => {
     o && h.value && s({
       x: i.pageX - d.value.diffX,
       y: i.pageY - d.value.diffY
     }, "move");
   }, C = () => {
     if (o && h.value) {
-      v(!1);
+      m(!1);
       const { transformX: i, transformY: a } = d.value;
       if (!(n.value.x !== i && n.value.y !== a))
         return;
@@ -292,9 +292,9 @@ function Et(e, t, o, r, n, s, c) {
   return ye(() => {
     let i, a, w, p;
     if (t) {
-      w = G(window, "mouseup", C, !1), p = G(window, "mousemove", m, !1);
+      w = G(window, "mouseup", C, !1), p = G(window, "mousemove", v, !1);
       try {
-        window.top !== window.self && (i = G(window.top, "mouseup", C, !1), a = G(window.top, "mousemove", m, !1));
+        window.top !== window.self && (i = G(window.top, "mouseup", C, !1), a = G(window.top, "mousemove", v, !1));
       } catch (y) {
         Tt(!1, `[rc-image] ${y}`);
       }
@@ -304,8 +304,8 @@ function Et(e, t, o, r, n, s, c) {
     };
   }, [o, h, () => n.value.x, () => n.value.y, () => n.value.rotate, t]), {
     isMoving: h,
-    onMouseDown: g,
-    onMouseMove: m,
+    onMouseDown: f,
+    onMouseMove: v,
     onMouseUp: C,
     onWheel: x
   };
@@ -318,29 +318,29 @@ function Dt(e, t, o, r) {
   const n = re(e, o), s = re(t, r);
   if (n === 0 && s === 0)
     return [e.x, e.y];
-  const c = n / (n + s), h = e.x + c * (t.x - e.x), v = e.y + c * (t.y - e.y);
-  return [h, v];
+  const c = n / (n + s), h = e.x + c * (t.x - e.x), m = e.y + c * (t.y - e.y);
+  return [h, m];
 }
 function Rt(e, t, o, r, n, s, c) {
-  const [h, v] = ee(!1), d = $({
+  const [h, m] = ee(!1), d = $({
     point1: { x: 0, y: 0 },
     point2: { x: 0, y: 0 },
     eventType: "none"
-  }), g = (i) => {
+  }), f = (i) => {
     d.value = {
       ...d.value,
       ...i
     };
-  }, m = (i) => {
+  }, v = (i) => {
     if (!t.value)
       return;
-    i.stopPropagation(), v(!0);
+    i.stopPropagation(), m(!0);
     const { touches: a = [] } = i;
-    a.length > 1 ? g({
+    a.length > 1 ? f({
       point1: { x: a[0].clientX, y: a[0].clientY },
       point2: { x: a[1].clientX, y: a[1].clientY },
       eventType: "touchZoom"
-    }) : g({
+    }) : f({
       point1: {
         x: a[0].clientX - n.value.x,
         y: a[0].clientY - n.value.y
@@ -357,7 +357,7 @@ function Rt(e, t, o, r, n, s, c) {
         x: a[1].clientX,
         y: a[1].clientY
       }, [A, z] = Dt(w, p, S, L), I = re(S, L) / re(w, p);
-      c(I, "touchZoom", A, z, !0), g({
+      c(I, "touchZoom", A, z, !0), f({
         point1: S,
         point2: L,
         eventType: "touchZoom"
@@ -365,11 +365,11 @@ function Rt(e, t, o, r, n, s, c) {
     } else y === "move" && (s({
       x: a[0].clientX - w.x,
       y: a[0].clientY - w.y
-    }, "move"), g({ eventType: "move" }));
+    }, "move"), f({ eventType: "move" }));
   }, x = () => {
     if (!o.value)
       return;
-    if (h && v(!1), g({ eventType: "none" }), r.value > n.value.scale)
+    if (h && m(!1), f({ eventType: "none" }), r.value > n.value.scale)
       return s({ x: 0, y: 0, scale: r.value }, "touchZoom");
     const i = e.value.offsetWidth * n.value.scale, a = e.value.offsetHeight * n.value.scale, { left: w, top: p } = e.value.getBoundingClientRect(), y = n.value.rotate % 180 !== 0, S = He(y ? a : i, y ? i : a, w, p);
     S && s({ ...S }, "dragRebound");
@@ -383,7 +383,7 @@ function Rt(e, t, o, r, n, s, c) {
     };
   }, [o, t]), {
     isTouching: h,
-    onTouchStart: m,
+    onTouchStart: v,
     onTouchMove: C,
     onTouchEnd: x
   };
@@ -429,7 +429,7 @@ const Pt = /* @__PURE__ */ we({
       }, {
         default: () => [u(ge, s, {
           default: () => [me(u("div", {
-            class: X(`${o}-operations-wrapper`, r),
+            class: Y(`${o}-operations-wrapper`, r),
             style: {
               zIndex: e.zIndex
             }
@@ -437,15 +437,15 @@ const Pt = /* @__PURE__ */ we({
             class: `${o}-close ${r}`,
             onClick: e.onClose
           }, [e.icons?.close || u(rt, null, null)]), e.showSwitch && u(le, null, [u("div", {
-            class: X(`${o}-switch-left ${r}`, {
+            class: Y(`${o}-switch-left ${r}`, {
               [`${o}-switch-left-disabled`]: e.infinite ? !1 : e.current === 0
             }),
-            onClick: (v) => t(v, -1)
+            onClick: (m) => t(m, -1)
           }, [e.icons?.left || u(st, null, null)]), u("div", {
-            class: X(`${o}-switch-right ${r}`, {
+            class: Y(`${o}-switch-right ${r}`, {
               [`${o}-switch-right-disabled`]: e.infinite ? !1 : e.current === e.count - 1
             }),
-            onClick: (v) => t(v, 1)
+            onClick: (m) => t(m, 1)
           }, [e.icons?.right || u(ut, null, null)])]), u("div", {
             class: `${o}-footer ${r}`
           }, [e.showProgress && u("div", {
@@ -453,17 +453,17 @@ const Pt = /* @__PURE__ */ we({
           }, [e.countRender ? e.countRender(e.current + 1, e.count) : `${e.current + 1} / ${e.count}`]), u("div", {
             class: `${e.prefixCls}-operations`
           }, [n?.map(({
-            icon: v,
+            icon: m,
             onClick: d,
-            type: g,
-            disabled: m
+            type: f,
+            disabled: v
           }) => u("div", {
-            class: X(c, {
-              [`${e.prefixCls}-operations-operation-disabled`]: m && m?.value
+            class: Y(c, {
+              [`${e.prefixCls}-operations-operation-disabled`]: v && v?.value
             }),
             onClick: d,
-            key: g
-          }, [nt(v, {
+            key: f
+          }, [nt(m, {
             class: h
           })]))])])]), [[pe, e.open]])]
         })]
@@ -515,7 +515,7 @@ function de(e) {
   };
 }
 const Bt = (e) => {
-  const { previewCls: t, modalMaskBg: o, marginXL: r, margin: n, colorTextLightSolid: s, previewOperationColorDisabled: c, previewOperationHoverColor: h, motionDurationSlow: v, iconCls: d } = e, g = new F(o).setAlpha(0.1), m = g.clone().setAlpha(0.2), C = new F(o).setAlpha(0.5), x = new F(o).setAlpha(0.03);
+  const { previewCls: t, modalMaskBg: o, marginXL: r, margin: n, colorTextLightSolid: s, previewOperationColorDisabled: c, previewOperationHoverColor: h, motionDurationSlow: m, iconCls: d } = e, f = new F(o).setAlpha(0.1), v = f.clone().setAlpha(0.2), C = new F(o).setAlpha(0.5), x = new F(o).setAlpha(0.03);
   return {
     [`${t}-footer`]: {
       position: "fixed",
@@ -544,7 +544,7 @@ const Bt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       color: s,
-      backgroundColor: g.toRgbString(),
+      backgroundColor: f.toRgbString(),
       borderRadius: e.borderRadiusLG,
       backdropFilter: "saturate(180%) blur(10px)",
       width: e.sizeXL,
@@ -552,9 +552,9 @@ const Bt = (e) => {
       outline: 0,
       border: 0,
       cursor: "pointer",
-      transition: `all ${v}`,
+      transition: `all ${m}`,
       "&:hover": {
-        backgroundColor: m.toRgbString()
+        backgroundColor: v.toRgbString()
       },
       [`& > ${d}`]: {
         fontSize: e.previewOperationSize
@@ -578,7 +578,7 @@ const Bt = (e) => {
         cursor: "pointer",
         color: s,
         borderRadius: e.borderRadiusSM,
-        transition: `all ${v}`,
+        transition: `all ${m}`,
         userSelect: "none",
         [`&:not(${t}-operations-operation-disabled):hover > ${d}`]: {
           color: h
@@ -600,7 +600,7 @@ const Bt = (e) => {
     }
   };
 }, Ft = (e) => {
-  const { modalMaskBg: t, iconCls: o, previewOperationColorDisabled: r, previewCls: n, zIndexPopup: s, motionDurationSlow: c, colorTextLightSolid: h } = e, v = new F(t).setAlpha(0.1), d = v.clone().setAlpha(0.2);
+  const { modalMaskBg: t, iconCls: o, previewOperationColorDisabled: r, previewCls: n, zIndexPopup: s, motionDurationSlow: c, colorTextLightSolid: h } = e, m = new F(t).setAlpha(0.1), d = m.clone().setAlpha(0.2);
   return {
     [`${n}-switch-left, ${n}-switch-right`]: {
       position: "fixed",
@@ -615,7 +615,7 @@ const Bt = (e) => {
       height: e.imagePreviewSwitchSize,
       marginTop: e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),
       color: h,
-      background: v.toRgbString(),
+      background: m.toRgbString(),
       transform: "translateY(-50%)",
       cursor: "pointer",
       transition: `all ${c}`,
@@ -818,12 +818,12 @@ const fe = {
     }), {
       wrapSSR: s,
       hashId: c
-    } = Ht(n), [h, v, d] = Mt(e.open, {
+    } = Ht(n), [h, m, d] = Mt(e.open, {
       value: H(e, "open"),
       onChange: (l) => {
         e.onOpenChange?.(l), t("update:open", l);
       }
-    }), [g, m] = ee(!1), [C, x] = ee(!0), i = $(), {
+    }), [f, v] = ee(!1), [C, x] = ee(!0), i = $(), {
       transform: a,
       resetTransform: w,
       updateTransform: p,
@@ -841,11 +841,11 @@ const fe = {
     ye(() => {
       C.value || x(!0);
     }, [C]);
-    const R = $(null), M = $(e.current), P = ot(/* @__PURE__ */ new Map()), Y = b(() => new Map(Array.from(P).map(([l, {
+    const P = $(null), M = $(e.current), N = ot(/* @__PURE__ */ new Map()), j = b(() => new Map(Array.from(N).map(([l, {
       url: T
-    }]) => [l, T]))), W = b(() => Y.value.get(M.value)), j = b(() => Y.value.size), B = b(() => Array.from(Y.value.keys())), E = b(() => B.value.indexOf(M.value)), f = b(() => j.value > 1), N = b(() => j.value >= 1);
+    }]) => [l, T]))), W = b(() => j.value.get(M.value)), B = b(() => j.value.size), E = b(() => Array.from(j.value.keys())), D = b(() => E.value.indexOf(M.value)), g = b(() => B.value > 1), X = b(() => B.value >= 1);
     K(d, (l) => {
-      l && (g.value = !0);
+      l && (f.value = !0);
     });
     const O = (l) => {
       M.value = l;
@@ -854,33 +854,33 @@ const fe = {
       De(l) && O(l);
     });
     function te(l, T) {
-      P.set(l, {
+      N.set(l, {
         url: T,
         loading: !0,
         canPreview: !1
       });
     }
     const ue = () => {
-      m(!1);
+      v(!1);
     }, Ze = () => {
       w("close"), t("close");
     }, We = (l) => {
-      S.value || R.value === l?.target && ue();
+      S.value || P.value === l?.target && ue();
     }, _e = () => {
-      const l = P.get(M.value);
+      const l = N.get(M.value);
       l && (l.loading = !1, l.canPreview = !0);
     }, Ue = (l) => {
-      const T = P.get(M.value);
+      const T = N.get(M.value);
       T && (T.loading = !1, T.canPreview = !1), l.target.alt = "加载失败";
     }, Ce = () => {
-      if (E.value > 0 || e.infinite) {
-        const l = E.value - 1 < 0 ? e.urls.length - 1 : E.value - 1;
-        O(B.value[l]), w("prev");
+      if (D.value > 0 || e.infinite) {
+        const l = D.value - 1 < 0 ? e.urls.length - 1 : D.value - 1;
+        O(E.value[l]), w("prev");
       }
     }, xe = () => {
-      if (E.value < j.value - 1 || e.infinite) {
-        const l = E.value + 1 > e.urls.length - 1 ? 0 : E.value + 1;
-        O(B.value[l]), w("next");
+      if (D.value < B.value - 1 || e.infinite) {
+        const l = D.value + 1 > e.urls.length - 1 ? 0 : D.value + 1;
+        O(E.value[l]), w("next");
       }
     }, Ge = () => {
       y(V + e.scaleStep, "zoomIn");
@@ -944,7 +944,7 @@ const fe = {
         scale: 1
       }, "doubleClick") : y(V + e.scaleStep, "doubleClick", l.clientX, l.clientY));
     }, tt = (l) => {
-      l.keyCode === fe.ESC && ue(), !(!d.value || !f.value) && (l.keyCode === fe.LEFT ? Ce() : l.keyCode === fe.RIGHT && xe());
+      l.keyCode === fe.ESC && ue(), !(!d.value || !g.value) && (l.keyCode === fe.LEFT ? Ce() : l.keyCode === fe.RIGHT && xe());
     };
     let ce = () => {
     };
@@ -970,12 +970,12 @@ const fe = {
       ce();
     }), o({
       setOpen: (l) => {
-        v(l), M.value = e.current;
+        m(l), M.value = e.current;
       }
     }), () => {
       const l = he(`${n}-mask-zoom`), T = he(`${n}-zoom`), ne = {};
-      for (const D in e.icons)
-        ne[D] = getSlotVNode(r, e.icons, D);
+      for (const R in e.icons)
+        ne[R] = getSlotVNode(r, e.icons, R);
       return s(u(le, null, [u(Te, {
         to: e.getContainer || "body"
       }, {
@@ -984,12 +984,12 @@ const fe = {
         }, [u(ge, l, {
           default: () => [me(u("div", {
             class: `${n}-mask ${c.value}`
-          }, null), [[pe, d.value && g.value]])]
+          }, null), [[pe, d.value && f.value]])]
         }), u("div", {
-          ref: R,
+          ref: P,
           tabindex: -1,
           class: [`${n}-wrap`, `${c.value}`, S.value && `${n}-moving`],
-          onClick: (D) => e.onHideOnClickModal && We(D)
+          onClick: (R) => e.onHideOnClickModal && We(R)
         }, [u(ge, ie(T, {
           onAfterLeave: () => Ze()
         }), {
@@ -1007,7 +1007,7 @@ const fe = {
             class: `${n}-img ${c.value}`,
             src: W.value,
             onLoad: () => _e(),
-            onError: (D) => Ue(D),
+            onError: (R) => Ue(R),
             style: {
               transform: `translate3d(${a.value.x}px, ${a.value.y}px, 0) scale3d(${a.value.flipX ? "-" : ""}${a.value.scale}, ${a.value.flipY ? "-" : ""}${a.value.scale}, 1) rotate(${a.value.rotate}deg)`,
               transitionDuration: !C.value || z.value ? "0s" : void 0
@@ -1019,10 +1019,10 @@ const fe = {
             onTouchmove: k,
             onTouchend: Z,
             onTouchcancel: Z
-          }, null)])])])]), [[pe, d.value && g.value]])]
+          }, null)])])])]), [[pe, d.value && f.value]])]
         })])])])]
-      }), d.value && g.value && u(Pt, {
-        open: d.value && g.value,
+      }), d.value && f.value && u(Pt, {
+        open: d.value && f.value,
         hashId: c.value,
         count: e.urls.length,
         current: M.value,
@@ -1030,8 +1030,8 @@ const fe = {
         getContainer: e.getContainer,
         prefixCls: n,
         icons: Ne(ne, Ie().map(({
-          type: D
-        }) => D)),
+          type: R
+        }) => R)),
         tools: Ie(),
         infinite: e.infinite,
         countRender: St({
@@ -1039,10 +1039,10 @@ const fe = {
           props: e,
           key: "countRender"
         }),
-        showSwitch: f.value,
-        showProgress: N.value,
+        showSwitch: g.value,
+        showProgress: X.value,
         onClose: ue,
-        onActive: (D) => D > 0 ? xe() : Ce()
+        onActive: (R) => R > 0 ? xe() : Ce()
       }, null)]));
     };
   }
@@ -1125,7 +1125,7 @@ const ae = /* @__PURE__ */ we({
   name: "GImage",
   inheritAttrs: !1,
   emits: {
-    click: () => !0,
+    click: (e) => !0,
     load: (e) => !0,
     error: (e) => !0
   },
@@ -1140,66 +1140,66 @@ const ae = /* @__PURE__ */ we({
     }), {
       wrapSSR: c,
       hashId: h
-    } = wt("Image", [Gt], s), v = $(), d = $(), g = $(!1), m = $(!0), C = $(!1), x = $(), i = $();
+    } = wt("Image", [Gt], s), m = $(), d = $(), f = $(!1), v = $(!0), C = $(!1), x = $(), i = $();
     let a, w;
     const p = b(() => e.loading === "eager" ? !1 : !n && e.loading === "lazy" || e.lazy), y = b(() => q && e.fit ? {
       ...e.imageStyle,
       objectFit: e.fit
     } : e.imageStyle), S = b(() => typeof e.preview == "object" ? e.preview : {}), L = b(() => !!e.preview), A = b(() => {
       const {
-        urls: f = [],
-        current: N = 0
+        urls: g = [],
+        current: X = 0
       } = S.value;
-      if (De(N)) return f.length >= N ? N : 0;
-      const O = f.indexOf(e.src);
+      if (De(X)) return g.length >= X ? X : 0;
+      const O = g.indexOf(e.src);
       return O >= 0 ? O : 0;
     }), z = b(() => Q(e.width)), I = b(() => Q(e.height)), k = () => {
-      q && (m.value = !0, g.value = !1, d.value = e.src);
+      q && (v.value = !0, f.value = !1, d.value = e.src);
     };
-    function Z(f) {
-      g.value || (m.value = !1, g.value = !1, o("load", f));
+    function Z(g) {
+      f.value || (v.value = !1, f.value = !1, o("load", g));
     }
-    function R(f) {
-      m.value = !1, g.value = !0, o("error", f);
+    function P(g) {
+      v.value = !1, f.value = !0, o("error", g);
     }
     function M() {
       Ct(x.value, i.value) && (k(), W());
     }
-    const P = bt(M, 200, !0);
-    async function Y() {
+    const N = bt(M, 200, !0);
+    async function j() {
       if (!q) return;
       await lt();
       const {
-        scrollContainer: f
+        scrollContainer: g
       } = e;
-      Vt(f) ? i.value = f : xt(f) && f !== "" ? i.value = document.querySelector(f) ?? void 0 : x.value && (i.value = It(x.value)), i.value && (a = Le(i, "scroll", P), setTimeout(() => M(), 100));
+      Vt(g) ? i.value = g : xt(g) && g !== "" ? i.value = document.querySelector(g) ?? void 0 : x.value && (i.value = It(x.value)), i.value && (a = Le(i, "scroll", N), setTimeout(() => M(), 100));
     }
     function W() {
-      !q || !i.value || !P || (a?.(), i.value = void 0);
+      !q || !i.value || !N || (a?.(), i.value = void 0);
     }
-    function j(f) {
-      if (f.ctrlKey) {
-        if (f.deltaY < 0)
-          return f.preventDefault(), !1;
-        if (f.deltaY > 0)
-          return f.preventDefault(), !1;
+    function B(g) {
+      if (g.ctrlKey) {
+        if (g.deltaY < 0)
+          return g.preventDefault(), !1;
+        if (g.deltaY > 0)
+          return g.preventDefault(), !1;
       }
     }
-    const B = () => {
-      o("click"), !(m.value || g.value) && L.value && (w = Le("wheel", j, {
+    const E = () => {
+      o("click", v.value ? "loaded" : f.value ? "error" : "success"), !(v.value || f.value) && L.value && (w = Le("wheel", B, {
         passive: !1
       }), Oe = document.body.style.overflow, document.body.style.overflow = "hidden", C.value = !0);
-    }, E = () => {
+    }, D = () => {
       w?.(), document.body.style.overflow = Oe, C.value = !1;
     };
     return K(() => e.src, () => {
-      p.value ? (m.value = !0, g.value = !1, W(), Y()) : k();
+      p.value ? (v.value = !0, f.value = !1, W(), j()) : k();
     }), at(() => {
-      L.value && C.value ? v.value?.setOpen(!0) : v.value?.setOpen(!1);
+      L.value && C.value ? m.value?.setOpen(!0) : m.value?.setOpen(!1);
     }), Ae(() => {
-      p.value ? Y() : k();
+      p.value ? j() : k();
     }), () => {
-      const f = zt(Object.entries(r).filter(([te]) => /^(?:data-|on[A-Z])/i.test(te) || ["id", "style", "class"].includes(te))), N = Ne(r, Object.keys(f)), O = Re({
+      const g = zt(Object.entries(r).filter(([te]) => /^(?:data-|on[A-Z])/i.test(te) || ["id", "style", "class"].includes(te))), X = Ne(r, Object.keys(g)), O = Re({
         slots: t,
         props: e,
         keys: ["fallback", "mask", "placeholder"],
@@ -1211,43 +1211,47 @@ const ae = /* @__PURE__ */ we({
           [`${s}`]: !0
         },
         ref: x
-      }, f, {
+      }, g, {
         style: {
           width: Q(e.size) || z.value,
           height: Q(e.size) || I.value,
-          ...f.style || {}
+          ...g.style || {}
+        },
+        onClick: () => {
+          f.value && E();
         }
-      }), [g.value ? u("div", {
-        class: X(h.value, `${s}-error`)
-      }, [O.fallback]) : u(le, null, [u("img", ie(N, {
+      }), [f.value ? u("div", {
+        class: Y(h.value, `${s}-error`)
+      }, [O.fallback]) : u(le, null, [u("img", ie(X, {
         src: d.value,
         loading: e.loading,
         style: y.value,
-        class: X(h.value, e.imageClass, `${s}-img`, {
+        class: Y(h.value, e.imageClass, `${s}-img`, {
           [`${s}-img-placeholder`]: e.placeholder === !0,
           [`${s}-img-preview`]: L.value
         }),
         crossorigin: e.crossOrigin,
         width: z.value,
         height: I.value,
-        onClick: B,
+        onClick: E,
         onLoad: Z,
-        onError: R
-      }), null), m.value && u("div", {
-        class: X(`${s}-placeholder`, h.value)
+        onError: P
+      }), null), v.value && u("div", {
+        class: Y(`${s}-placeholder`, h.value),
+        onClick: E
       }, [O.placeholder])]), S.value.mask && L.value && u("div", {
-        class: X(`${s}-mask`, S.value.maskClass, h.value),
+        class: Y(`${s}-mask`, S.value.maskClass, h.value),
         style: {
-          display: f.style?.display === "none" ? "none" : void 0
+          display: g.style?.display === "none" ? "none" : void 0
         }
       }, [O.mask || u("div", {
-        class: X(`${s}-mask-info`, h.value)
+        class: Y(`${s}-mask-info`, h.value)
       }, [u(gt, null, null)])]), L.value && u(Zt, ie({
-        ref: v
+        ref: m
       }, S.value, {
         urls: S.value.urls || [e.src],
         current: A.value,
-        onClose: () => E()
+        onClose: () => D()
       }), t)]));
     };
   }

package/dist/image.umd.cjs

@@ -1,12 +1,12 @@
 /*!
   * Gx Design Pro
-  * Version: 0.2.0-beta.31
+  * Version: 0.2.0-beta.32
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Image
-  * Date Created: 2025-08-17 
+  * Date Created: 2026-02-05 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-(function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@ant-design/icons-vue"),require("@gx-design-vue/pro-provider"),require("@gx-design-vue/pro-utils"),require("@vueuse/core"),require("lodash-es"),require("@gx-design-vue/pro-hooks"),require("@ctrl/tinycolor")):typeof define=="function"&&define.amd?define(["exports","vue","@ant-design/icons-vue","@gx-design-vue/pro-provider","@gx-design-vue/pro-utils","@vueuse/core","lodash-es","@gx-design-vue/pro-hooks","@ctrl/tinycolor"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b.GImage={},b.vue,b.iconsVue,b.proProvider,b.proUtils,b.core,b.lodashEs,b.proHooks,b.tinycolor))})(this,(function(b,t,A,L,y,E,U,X,F){"use strict";const H={infinite:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},current:{type:Number,default:0},getContainer:{type:String}},ae={preview:{type:[Object,Boolean],default:!0},src:{type:String,default:""},alt:{type:String,default:""},loading:{type:String},fit:{type:String,default:"contain"},crossOrigin:{type:String},lazy:Boolean,scrollContainer:{type:[String,Object]},placeholder:{type:[Function,Object,Boolean],default:()=>{}},fallback:{type:[Function,Object],default:()=>{}},onLoad:{type:Function},onError:{type:Function},onClick:{type:Function},imageStyle:{type:Object,default:()=>({})},imageClass:String,size:Number,width:Number,height:Number,zIndex:H.zIndex,getContainer:H.getContainer},_={urls:{type:Array,default:()=>[]},open:{type:Boolean,default:!1},scaleStep:{type:Number,default:.5},minScale:{type:Number,default:.32},maxScale:{type:Number,default:32},movable:{type:Boolean,default:!0},disabled:Boolean,zIndex:H.zIndex,current:H.current,infinite:H.infinite,getContainer:ae.getContainer,onHideOnClickModal:{type:Boolean,default:!0},countRender:[Function,Array,Object],icons:{type:Object,default:()=>({})},onTransform:Function,onOpenChange:Function,"onUpdate:open":Function};let fe=e=>setTimeout(e,16),ge=e=>clearTimeout(e);typeof window<"u"&&"requestAnimationFrame"in window&&(fe=e=>window.requestAnimationFrame(e),ge=e=>window.cancelAnimationFrame(e));let me=0;const le=new Map;function ve(e){le.delete(e)}function he(e,n=1){me+=1;const i=me;function s(o){if(o===0)ve(i),e();else{const c=fe(()=>{s(o-1)});le.set(i,c)}}return s(n),i}he.cancel=e=>{const n=le.get(e);return ve(n),ge(n)};const te={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function Le(e,n,i,s){const o=t.ref(null),c=t.ref([]),[u,p]=X.useState(te),g=v=>{p(te),U.isEqual(te,u.value)||s?.({transform:te,action:v})},d=(v,x)=>{o.value===null&&(c.value=[],o.value=he(()=>{let I=U.cloneDeep(u.value);c.value.forEach(a=>{I={...I,...a}}),o.value=null,s?.({transform:I,action:x}),p(I)})),c.value.push({...u.value,...v})};return{transform:u,resetTransform:g,updateTransform:d,dispatchZoomChange:(v,x,I,a,l)=>{const{width:w,height:h,offsetWidth:S,offsetHeight:C,offsetLeft:T,offsetTop:R}=e.value;let M=v,N=u.value.scale*v;N>i.value?(N=i.value,M=i.value/u.value.scale):N<n.value&&(N=l?N:n.value,M=N/u.value.scale);const k=I??innerWidth/2,Q=a??innerHeight/2,j=M-1,$=j*w*.5,V=j*h*.5,B=j*(k-u.value.x-T),J=j*(Q-u.value.y-R);let W=u.value.x-(B-$),Z=u.value.y-(J-V);if(v<1&&N===1){const D=S*N,f=C*N,{width:Y,height:z}=E.useWindowSize();D<=Y.value&&f<=z.value&&(W=0,Z=0)}d({x:W,y:Z,scale:N},x)}}}function Te(e,n){process.env.NODE_ENV!=="production"&&console!==void 0&&console.error(`Warning: ${n}`)}let pe=!1;try{const e=Object.defineProperty({},"passive",{get(){pe=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch{}function G(e,n,i,s){if(e&&e.addEventListener){let o=s;o===void 0&&pe&&(n==="touchstart"||n==="touchmove"||n==="wheel")&&(o={passive:!1}),e.addEventListener(n,i,o)}return{remove:()=>{e&&e.removeEventListener&&e.removeEventListener(n,i)}}}const q=1,Me=1;function we(e,n,i,s){const o=n+i,c=(i-s)/2;if(i>s){if(n>0)return{[e]:c};if(n<0&&o<s)return{[e]:-c}}else if(n<0||o>s)return{[e]:n<0?c:-c};return{}}function ye(e,n,i,s){const{width:o,height:c}=E.useWindowSize();let u=null;return e<=o.value&&n<=c.value?u={x:0,y:0}:(e>o.value||n>c.value)&&(u={...we("x",i,e,o.value),...we("y",s,n,c.value)}),u}function $e(e,n,i,s,o,c,u){const[p,g]=X.useState(!1),d=t.ref({diffX:0,diffY:0,transformX:0,transformY:0}),m=a=>{!n||a.button!==0||(a.preventDefault(),a.stopPropagation(),d.value={diffX:a.pageX-o.value.x,diffY:a.pageY-o.value.y,transformX:o.value.x,transformY:o.value.y},g(!0))},v=a=>{i&&p.value&&c({x:a.pageX-d.value.diffX,y:a.pageY-d.value.diffY},"move")},x=()=>{if(i&&p.value){g(!1);const{transformX:a,transformY:l}=d.value;if(!(o.value.x!==a&&o.value.y!==l))return;const h=e.value.offsetWidth*o.value.scale,S=e.value.offsetHeight*o.value.scale,{left:C,top:T}=e.value.getBoundingClientRect(),R=o.value.rotate%180!==0,M=ye(R?S:h,R?h:S,C,T);M&&c({...M},"dragRebound")}},I=a=>{if(!i||a.deltaY===0)return;const l=Math.abs(a.deltaY/100),w=Math.min(l,Me);let h=q+w*s.value;a.deltaY>0&&(h=q/h),u(h,"wheel",a.clientX,a.clientY)};return X.useEffect(()=>{let a,l,w,h;if(n){w=G(window,"mouseup",x,!1),h=G(window,"mousemove",v,!1);try{window.top!==window.self&&(a=G(window.top,"mouseup",x,!1),l=G(window.top,"mousemove",v,!1))}catch(S){Te(!1,`[rc-image] ${S}`)}}return()=>{w?.remove(),h?.remove(),a?.remove(),l?.remove()}},[i,p,()=>o.value.x,()=>o.value.y,()=>o.value.rotate,n]),{isMoving:p,onMouseDown:m,onMouseMove:v,onMouseUp:x,onWheel:I}}function ne(e,n){const i=e.x-n.x,s=e.y-n.y;return Math.hypot(i,s)}function ze(e,n,i,s){const o=ne(e,i),c=ne(n,s);if(o===0&&c===0)return[e.x,e.y];const u=o/(o+c),p=e.x+u*(n.x-e.x),g=e.y+u*(n.y-e.y);return[p,g]}function Oe(e,n,i,s,o,c,u){const[p,g]=X.useState(!1),d=t.ref({point1:{x:0,y:0},point2:{x:0,y:0},eventType:"none"}),m=a=>{d.value={...d.value,...a}},v=a=>{if(!n.value)return;a.stopPropagation(),g(!0);const{touches:l=[]}=a;l.length>1?m({point1:{x:l[0].clientX,y:l[0].clientY},point2:{x:l[1].clientX,y:l[1].clientY},eventType:"touchZoom"}):m({point1:{x:l[0].clientX-o.value.x,y:l[0].clientY-o.value.y},eventType:"move"})},x=a=>{const{touches:l=[]}=a,{point1:w,point2:h,eventType:S}=d.value;if(l.length>1&&S==="touchZoom"){const C={x:l[0].clientX,y:l[0].clientY},T={x:l[1].clientX,y:l[1].clientY},[R,M]=ze(w,h,C,T),N=ne(C,T)/ne(w,h);u(N,"touchZoom",R,M,!0),m({point1:C,point2:T,eventType:"touchZoom"})}else S==="move"&&(c({x:l[0].clientX-w.x,y:l[0].clientY-w.y},"move"),m({eventType:"move"}))},I=()=>{if(!i.value)return;if(p&&g(!1),m({eventType:"none"}),s.value>o.value.scale)return c({x:0,y:0,scale:s.value},"touchZoom");const a=e.value.offsetWidth*o.value.scale,l=e.value.offsetHeight*o.value.scale,{left:w,top:h}=e.value.getBoundingClientRect(),S=o.value.rotate%180!==0,C=ye(S?l:a,S?a:l,w,h);C&&c({...C},"dragRebound")};return X.useEffect(()=>{let a;return i.value&&n.value&&(a=G(window,"touchmove",l=>l.preventDefault(),{passive:!1})),()=>{a?.remove()}},[i,n]),{isTouching:p,onTouchStart:v,onTouchMove:x,onTouchEnd:I}}const Ae=t.defineComponent({name:"Operations",inheritAttrs:!1,props:{open:Boolean,count:{type:Number,default:0},current:{type:Number,default:0},showSwitch:Boolean,showProgress:Boolean,prefixCls:String,hashId:String,zIndex:_.zIndex,icons:_.icons,infinite:_.infinite,getContainer:_.getContainer,countRender:_.countRender,tools:Array,onClose:Function,onActive:Function},setup(e){const n=(i,s)=>{i.preventDefault(),i.stopPropagation(),e.onActive?.(s)};return()=>{const{prefixCls:i,hashId:s,tools:o}=e,c=L.getTransitionProps(`${e.prefixCls}-fade`),u=`${i}-operations-operation`,p=`${i}-operations-icon`;return t.createVNode(t.Teleport,{to:e.getContainer||"body"},{default:()=>[t.createVNode(t.Transition,c,{default:()=>[t.withDirectives(t.createVNode("div",{class:y.classNames(`${i}-operations-wrapper`,s),style:{zIndex:e.zIndex}},[e.icons?.close===null?null:t.createVNode("button",{class:`${i}-close ${s}`,onClick:e.onClose},[e.icons?.close||t.createVNode(A.CloseOutlined,null,null)]),e.showSwitch&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:y.classNames(`${i}-switch-left ${s}`,{[`${i}-switch-left-disabled`]:e.infinite?!1:e.current===0}),onClick:g=>n(g,-1)},[e.icons?.left||t.createVNode(A.LeftOutlined,null,null)]),t.createVNode("div",{class:y.classNames(`${i}-switch-right ${s}`,{[`${i}-switch-right-disabled`]:e.infinite?!1:e.current===e.count-1}),onClick:g=>n(g,1)},[e.icons?.right||t.createVNode(A.RightOutlined,null,null)])]),t.createVNode("div",{class:`${i}-footer ${s}`},[e.showProgress&&t.createVNode("div",{class:`${i}-progress`},[e.countRender?e.countRender(e.current+1,e.count):`${e.current+1} / ${e.count}`]),t.createVNode("div",{class:`${e.prefixCls}-operations`},[o?.map(({icon:g,onClick:d,type:m,disabled:v})=>t.createVNode("div",{class:y.classNames(u,{[`${e.prefixCls}-operations-operation-disabled`]:v&&v?.value}),onClick:d,key:m},[t.cloneVNode(g,{class:p})]))])])]),[[t.vShow,e.open]])]})]})}}}),Ee=new L.Keyframe("viewFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),Re=new L.Keyframe("viewFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),De=new L.Keyframe("viewZoomBadgeIn",{"0%":{transform:"scale(0)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),Pe=new L.Keyframe("viewZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0)",opacity:0}}),Se=e=>({position:e||"absolute",inset:0});function re(e){return{position:e,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0}}const Xe=e=>{const{previewCls:n,modalMaskBg:i,marginXL:s,margin:o,colorTextLightSolid:c,previewOperationColorDisabled:u,previewOperationHoverColor:p,motionDurationSlow:g,iconCls:d}=e,m=new F.TinyColor(i).setAlpha(.1),v=m.clone().setAlpha(.2),x=new F.TinyColor(i).setAlpha(.5),I=new F.TinyColor(i).setAlpha(.03);return{[`${n}-footer`]:{position:"fixed",bottom:s,left:{_skip_check_:!0,value:"50%"},display:"flex",flexDirection:"column",alignItems:"center",color:e.previewOperationColor,transform:"translateX(-50%)"},[`${n}-progress`]:{marginBottom:o},[`${n}-close`]:{position:"fixed",top:s,right:{_skip_check_:!0,value:s},display:"flex",alignItems:"center",justifyContent:"center",color:c,backgroundColor:m.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:"saturate(180%) blur(10px)",width:e.sizeXL,height:e.sizeXL,outline:0,border:0,cursor:"pointer",transition:`all ${g}`,"&:hover":{backgroundColor:v.toRgbString()},[`& > ${d}`]:{fontSize:e.previewOperationSize}},[`${n}-operations`]:{display:"flex",alignItems:"center",gap:e.sizeXXS,padding:e.paddingXXS,border:`1px solid ${e.colorBorderSecondary}`,backgroundColor:x.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:"saturate(150%) blur(10px)","&-operation":{display:"flex",alignItems:"center",justifyContent:"center",width:e.sizeXL+4,height:e.sizeXL+4,cursor:"pointer",color:c,borderRadius:e.borderRadiusSM,transition:`all ${g}`,userSelect:"none",[`&:not(${n}-operations-operation-disabled):hover > ${d}`]:{color:p},"&:hover":{backgroundColor:I.toRgbString()},"&-disabled":{color:u,cursor:"not-allowed"},"&:first-of-type":{marginInlineStart:0},[`& > ${d}`]:{fontSize:e.previewOperationSize}}}}},je=e=>{const{modalMaskBg:n,iconCls:i,previewOperationColorDisabled:s,previewCls:o,zIndexPopup:c,motionDurationSlow:u,colorTextLightSolid:p}=e,g=new F.TinyColor(n).setAlpha(.1),d=g.clone().setAlpha(.2);return{[`${o}-switch-left, ${o}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:e.calc(c).add(1).equal(),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:e.borderRadius,backdropFilter:"saturate(180%) blur(10px)",width:e.imagePreviewSwitchSize,height:e.imagePreviewSwitchSize,marginTop:e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),color:p,background:g.toRgbString(),transform:"translateY(-50%)",cursor:"pointer",transition:`all ${u}`,userSelect:"none","&:hover":{background:d.toRgbString()},"&-disabled":{"&, &:hover":{color:s,background:"transparent",cursor:"not-allowed",[`> ${i}`]:{cursor:"not-allowed"}}},[`> ${i}`]:{fontSize:e.previewOperationSize}},[`${o}-switch-left`]:{insetInlineStart:e.marginSM},[`${o}-switch-right`]:{insetInlineEnd:e.marginSM}}},Ve=e=>{const{motionEaseOut:n,motionDurationSlow:i}=e;return{[e.componentCls]:{height:"100%",textAlign:"center",pointerEvents:"none","&-root":{...re("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},"&-wrap":{...re("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},"&-mask":{...re("fixed"),zIndex:e.zIndexPopupBase,height:"100%",backgroundColor:e.colorBgMask,backdropFilter:"blur(8px)"},"&-body":{...Se(),overflow:"hidden"},"&-img":{maxWidth:"100%",maxHeight:"70%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${i} ${n} 0s`,userSelect:"none","&-wrapper":{...Se(),transition:`transform ${i} ${n} 0s`,display:"flex",justifyContent:"center",alignItems:"center","& > *":{pointerEvents:"auto"},"&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}}},"&-moving":{[`${e.componentCls}-view-img`]:{cursor:"grabbing","&-wrapper":{transitionDuration:"0s"}}},"&-mask-zoom-appear, &-mask-zoom-enter":{animationName:Ee,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear",userSelect:"none"},"&-mask-zoom-leave":{animationName:Re,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear",pointerEvents:"none"},"&-zoom-appear, &-zoom-enter":{animationName:De,opacity:0,animationTimingFunction:e.motionEaseOutCirc,animationFillMode:"both",transform:"none",animationDuration:e.motionDurationMid,userSelect:"none"},"&-zoom-enter-active":{animationPlayState:"running"},"&-zoom-leave":{animationName:Pe,animationDuration:e.motionDurationSlow,animationTimingFunction:e.motionEaseInOutCirc,animationFillMode:"both"}},[`${e.componentCls}-root`]:{[`${e.componentCls}-wrapper`]:{zIndex:e.zIndexPopup}},[`${e.componentCls}-operations-wrapper`]:{position:"fixed",insetBlockStart:0,insetInlineEnd:0,zIndex:e.calc(e.zIndexPopup).add(1).equal(),width:"100%"},"&":[Xe(e),je(e)]}};function Ye(e){return L.useStyle("ImageViewer",n=>{const i=L.mergeToken(n,{zIndexPopup:n.zIndexPopupBase+80,previewOperationColor:new F.TinyColor(n.colorTextLightSolid).setAlpha(.65).toRgbString(),previewOperationHoverColor:new F.TinyColor(n.colorTextLightSolid).setAlpha(.85).toRgbString(),previewOperationColorDisabled:new F.TinyColor(n.colorTextLightSolid).setAlpha(.25).toRgbString(),imagePreviewSwitchSize:n.sizeXL,modalMaskBg:new F.TinyColor("#000").setAlpha(.45).toRgbString(),previewOperationSize:n.fontSizeIcon*1.5,iconCls:".anticon",previewCls:n.componentCls});return[Ve(i)]},e)}const se={ESC:27,LEFT:37,RIGHT:39},K={rotateLeft:t.createVNode(A.RotateLeftOutlined,null,null),rotateRight:t.createVNode(A.RotateRightOutlined,null,null),zoomIn:t.createVNode(A.ZoomInOutlined,null,null),zoomOut:t.createVNode(A.ZoomOutOutlined,null,null),flipX:t.createVNode(A.SwapOutlined,null,null),flipY:t.createVNode(A.SwapOutlined,{rotate:90},null)},Ce=t.defineComponent({name:"GImagePreview",props:_,inheritAttrs:!1,slots:Object,emits:{close:()=>!0,transform:e=>!0,"update:open":e=>!0},setup:(e,{emit:n,expose:i,slots:s})=>{const o=y.getPrefixCls({suffixCls:"image-view"}),{wrapSSR:c,hashId:u}=Ye(o),[p,g,d]=X.useMergedState(e.open,{value:t.toRef(e,"open"),onChange:r=>{e.onOpenChange?.(r),n("update:open",r)}}),[m,v]=X.useState(!1),[x,I]=X.useState(!0),a=t.ref(),{transform:l,resetTransform:w,updateTransform:h,dispatchZoomChange:S}=Le(a,t.toRef(e,"minScale"),t.toRef(e,"maxScale"),e.onTransform),{isMoving:C,onMouseDown:T,onWheel:R}=$e(a,t.toRef(e,"movable"),d,t.toRef(e,"scaleStep"),l,h,S),{isTouching:M,onTouchStart:N,onTouchMove:k,onTouchEnd:Q}=Oe(a,t.toRef(e,"movable"),d,t.toRef(e,"minScale"),l,h,S);X.useEffect(()=>{x.value||I(!0)},[x]);const j=t.ref(null),$=t.ref(e.current),V=t.reactive(new Map),B=t.computed(()=>new Map(Array.from(V).map(([r,{url:O}])=>[r,O]))),J=t.computed(()=>B.value.get($.value)),W=t.computed(()=>B.value.size),Z=t.computed(()=>Array.from(B.value.keys())),D=t.computed(()=>Z.value.indexOf($.value)),f=t.computed(()=>W.value>1),Y=t.computed(()=>W.value>=1);t.watch(d,r=>{r&&(m.value=!0)});const z=r=>{$.value=r};t.watch(()=>e.current,r=>{y.isNumber(r)&&z(r)});function oe(r,O){V.set(r,{url:O,loading:!0,canPreview:!1})}const ue=()=>{v(!1)},He=()=>{w("close"),n("close")},_e=r=>{C.value||j.value===r?.target&&ue()},Ge=()=>{const r=V.get($.value);r&&(r.loading=!1,r.canPreview=!0)},qe=r=>{const O=V.get($.value);O&&(O.loading=!1,O.canPreview=!1),r.target.alt="加载失败"},Ie=()=>{if(D.value>0||e.infinite){const r=D.value-1<0?e.urls.length-1:D.value-1;z(Z.value[r]),w("prev")}},be=()=>{if(D.value<W.value-1||e.infinite){const r=D.value+1>e.urls.length-1?0:D.value+1;z(Z.value[r]),w("next")}},Ke=()=>{S(q+e.scaleStep,"zoomIn")},Qe=()=>{S(q/(q+e.scaleStep),"zoomOut")},Je=()=>{h({rotate:l.value.rotate+90},"rotateRight")},Ue=()=>{h({rotate:l.value.rotate-90},"rotateLeft")},et=()=>{h({flipX:!l.value.flipX},"flipX")},tt=()=>{h({flipY:!l.value.flipY},"flipY")},Ne=()=>{const r=y.getSlotsProps({slots:s,props:e.icons,keys:["flipY","flipX","rotateLeft","rotateRight","zoomOut","zoomIn"],render:!0,defaultVNodes:[K.flipY,K.flipX,K.rotateLeft,K.rotateRight,K.zoomOut,K.zoomIn]});return[{icon:r.flipY,onClick:tt,type:"flipY"},{icon:r.flipX,onClick:et,type:"flipX"},{icon:r.rotateLeft,onClick:Ue,type:"rotateLeft"},{icon:r.rotateRight,onClick:Je,type:"rotateRight"},{icon:r.zoomOut,onClick:()=>Qe(),type:"zoomOut",disabled:t.computed(()=>l.value.scale<=e.minScale)},{icon:r.zoomIn,onClick:()=>Ke(),type:"zoomIn",disabled:t.computed(()=>l.value.scale===e.maxScale)}]},nt=r=>{d.value&&(l.value.scale!==1?h({x:0,y:0,scale:1},"doubleClick"):S(q+e.scaleStep,"doubleClick",r.clientX,r.clientY))},ot=r=>{r.keyCode===se.ESC&&ue(),!(!d.value||!f.value)&&(r.keyCode===se.LEFT?Ie():r.keyCode===se.RIGHT&&be())};let de=()=>{};return t.onMounted(()=>{t.watch(()=>e.urls,r=>{y.isArray(r)&&r.forEach((O,ie)=>{oe(ie,O)})},{flush:"post",immediate:!0}),t.watch([()=>d.value,()=>C.value],()=>{de();const r=G(window,"keydown",ot,!1);de=()=>{r.remove()}},{flush:"post",immediate:!0})}),t.onUnmounted(()=>{de()}),i({setOpen:r=>{g(r),$.value=e.current}}),()=>{const r=L.getTransitionProps(`${o}-mask-zoom`),O=L.getTransitionProps(`${o}-zoom`),ie={};for(const P in e.icons)ie[P]=getSlotVNode(s,e.icons,P);return c(t.createVNode(t.Fragment,null,[t.createVNode(t.Teleport,{to:e.getContainer||"body"},{default:()=>[d.value&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:`${o}-root ${u.value}`},[t.createVNode(t.Transition,r,{default:()=>[t.withDirectives(t.createVNode("div",{class:`${o}-mask ${u.value}`},null),[[t.vShow,d.value&&m.value]])]}),t.createVNode("div",{ref:j,tabindex:-1,class:[`${o}-wrap`,`${u.value}`,C.value&&`${o}-moving`],onClick:P=>e.onHideOnClickModal&&_e(P)},[t.createVNode(t.Transition,t.mergeProps(O,{onAfterLeave:()=>He()}),{default:()=>[t.withDirectives(t.createVNode("div",{role:"dialog",class:`${o} ${u.value}`},[t.createVNode("div",{class:`${o}-content ${u.value}`},[t.createVNode("div",{class:`${o}-body ${u.value}`},[t.createVNode("div",{class:`${o}-img-wrapper ${u.value}`},[t.createVNode("img",{ref:a,class:`${o}-img ${u.value}`,src:J.value,onLoad:()=>Ge(),onError:P=>qe(P),style:{transform:`translate3d(${l.value.x}px, ${l.value.y}px, 0) scale3d(${l.value.flipX?"-":""}${l.value.scale}, ${l.value.flipY?"-":""}${l.value.scale}, 1) rotate(${l.value.rotate}deg)`,transitionDuration:!x.value||M.value?"0s":void 0},onWheel:R,onMousedown:T,onDblclick:nt,onTouchstart:N,onTouchmove:k,onTouchend:Q,onTouchcancel:Q},null)])])])]),[[t.vShow,d.value&&m.value]])]})])])])]}),d.value&&m.value&&t.createVNode(Ae,{open:d.value&&m.value,hashId:u.value,count:e.urls.length,current:$.value,zIndex:e.zIndex+1,getContainer:e.getContainer,prefixCls:o,icons:U.omit(ie,Ne().map(({type:P})=>P)),tools:Ne(),infinite:e.infinite,countRender:y.getSlot({slots:s,props:e,key:"countRender"}),showSwitch:f.value,showProgress:Y.value,onClose:ue,onActive:P=>P>0?be():Ie()},null)]))}}}),ce={width:"100%",height:"100%"},Fe={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},Be=e=>{const{motionDurationSlow:n,paddingXXS:i,marginXXS:s,colorTextLightSolid:o}=e,c=".anticon";return{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",color:o,background:new L.FastColor("#000").setA(.5).toRgbString(),cursor:"pointer",opacity:0,transition:`opacity ${n}`,[`.${e.componentCls}-mask-info`]:{...Fe,padding:`0 ${L.unit(i)}`,[c]:{marginInlineEnd:s,svg:{verticalAlign:"baseline"}}}}},We=e=>({position:e||"absolute",inset:0}),Ze=e=>({[e.componentCls]:{display:"inline-block",position:"relative",overflow:"hidden",[`${e.componentCls}-img`]:{...ce,verticalAlign:"top",opacity:1,[`&${e.componentCls}-img-preview`]:{userSelect:"none",cursor:"pointer"},"&-placeholder":{...ce,backgroundColor:e.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"}},[`${e.componentCls}-error`]:{...ce,display:"flex",alignItems:"center",justifyContent:"center"},[`${e.componentCls}-placeholder`]:{...We()},[`${e.componentCls}-mask`]:{...Be(e)},[`${e.componentCls}-mask:hover`]:{opacity:1}}}),ke=e=>typeof Element>"u"?!1:e instanceof Element;let xe="";const ee=t.defineComponent({props:ae,name:"GImage",inheritAttrs:!1,emits:{click:()=>!0,load:e=>!0,error:e=>!0},slots:Object,setup(e,{slots:n,emit:i,attrs:s}){const o=E.isClient&&"loading"in HTMLImageElement.prototype,c=y.getPrefixCls({suffixCls:"image"}),{wrapSSR:u,hashId:p}=L.useProStyle("Image",[Ze],c),g=t.ref(),d=t.ref(),m=t.ref(!1),v=t.ref(!0),x=t.ref(!1),I=t.ref(),a=t.ref();let l,w;const h=t.computed(()=>e.loading==="eager"?!1:!o&&e.loading==="lazy"||e.lazy),S=t.computed(()=>E.isClient&&e.fit?{...e.imageStyle,objectFit:e.fit}:e.imageStyle),C=t.computed(()=>typeof e.preview=="object"?e.preview:{}),T=t.computed(()=>!!e.preview),R=t.computed(()=>{const{urls:f=[],current:Y=0}=C.value;if(y.isNumber(Y))return f.length>=Y?Y:0;const z=f.indexOf(e.src);return z>=0?z:0}),M=t.computed(()=>L.unit(e.width)),N=t.computed(()=>L.unit(e.height)),k=()=>{E.isClient&&(v.value=!0,m.value=!1,d.value=e.src)};function Q(f){m.value||(v.value=!1,m.value=!1,i("load",f))}function j(f){v.value=!1,m.value=!0,i("error",f)}function $(){y.isInContainer(I.value,a.value)&&(k(),J())}const V=E.useThrottleFn($,200,!0);async function B(){if(!E.isClient)return;await t.nextTick();const{scrollContainer:f}=e;ke(f)?a.value=f:y.isString(f)&&f!==""?a.value=document.querySelector(f)??void 0:I.value&&(a.value=y.getScrollContainer(I.value)),a.value&&(l=E.useEventListener(a,"scroll",V),setTimeout(()=>$(),100))}function J(){!E.isClient||!a.value||!V||(l?.(),a.value=void 0)}function W(f){if(f.ctrlKey){if(f.deltaY<0)return f.preventDefault(),!1;if(f.deltaY>0)return f.preventDefault(),!1}}const Z=()=>{i("click"),!(v.value||m.value)&&T.value&&(w=E.useEventListener("wheel",W,{passive:!1}),xe=document.body.style.overflow,document.body.style.overflow="hidden",x.value=!0)},D=()=>{w?.(),document.body.style.overflow=xe,x.value=!1};return t.watch(()=>e.src,()=>{h.value?(v.value=!0,m.value=!1,J(),B()):k()}),t.watchEffect(()=>{T.value&&x.value?g.value?.setOpen(!0):g.value?.setOpen(!1)}),t.onMounted(()=>{h.value?B():k()}),()=>{const f=U.fromPairs(Object.entries(s).filter(([oe])=>/^(?:data-|on[A-Z])/i.test(oe)||["id","style","class"].includes(oe))),Y=U.omit(s,Object.keys(f)),z=y.getSlotsProps({slots:n,props:e,keys:["fallback","mask","placeholder"],render:!0});return u(t.createVNode("div",t.mergeProps({class:{[`${p.value}`]:!0,[`${c}`]:!0},ref:I},f,{style:{width:L.unit(e.size)||M.value,height:L.unit(e.size)||N.value,...f.style||{}}}),[m.value?t.createVNode("div",{class:y.classNames(p.value,`${c}-error`)},[z.fallback]):t.createVNode(t.Fragment,null,[t.createVNode("img",t.mergeProps(Y,{src:d.value,loading:e.loading,style:S.value,class:y.classNames(p.value,e.imageClass,`${c}-img`,{[`${c}-img-placeholder`]:e.placeholder===!0,[`${c}-img-preview`]:T.value}),crossorigin:e.crossOrigin,width:M.value,height:N.value,onClick:Z,onLoad:Q,onError:j}),null),v.value&&t.createVNode("div",{class:y.classNames(`${c}-placeholder`,p.value)},[z.placeholder])]),C.value.mask&&T.value&&t.createVNode("div",{class:y.classNames(`${c}-mask`,C.value.maskClass,p.value),style:{display:f.style?.display==="none"?"none":void 0}},[z.mask||t.createVNode("div",{class:y.classNames(`${c}-mask-info`,p.value)},[t.createVNode(A.EyeOutlined,null,null)])]),T.value&&t.createVNode(Ce,t.mergeProps({ref:g},C.value,{urls:C.value.urls||[e.src],current:R.value,onClose:()=>D()}),n)]))}}});ee.isGImage=!0,ee.install=e=>(e.component(ee.name,ee),e),b.GImage=ee,b.GImagePreview=Ce,b.baseProps=H,b.imageProps=ae,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
+(function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@ant-design/icons-vue"),require("@gx-design-vue/pro-provider"),require("@gx-design-vue/pro-utils"),require("@vueuse/core"),require("lodash-es"),require("@gx-design-vue/pro-hooks"),require("@ctrl/tinycolor")):typeof define=="function"&&define.amd?define(["exports","vue","@ant-design/icons-vue","@gx-design-vue/pro-provider","@gx-design-vue/pro-utils","@vueuse/core","lodash-es","@gx-design-vue/pro-hooks","@ctrl/tinycolor"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b.GImage={},b.vue,b.iconsVue,b.proProvider,b.proUtils,b.core,b.lodashEs,b.proHooks,b.tinycolor))})(this,(function(b,t,A,L,y,E,U,j,B){"use strict";const _={infinite:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},current:{type:Number,default:0},getContainer:{type:String}},ae={preview:{type:[Object,Boolean],default:!0},src:{type:String,default:""},alt:{type:String,default:""},loading:{type:String},fit:{type:String,default:"contain"},crossOrigin:{type:String},lazy:Boolean,scrollContainer:{type:[String,Object]},placeholder:{type:[Function,Object,Boolean],default:()=>{}},fallback:{type:[Function,Object],default:()=>{}},onLoad:{type:Function},onError:{type:Function},onClick:{type:Function},imageStyle:{type:Object,default:()=>({})},imageClass:String,size:Number,width:Number,height:Number,zIndex:_.zIndex,getContainer:_.getContainer},H={urls:{type:Array,default:()=>[]},open:{type:Boolean,default:!1},scaleStep:{type:Number,default:.5},minScale:{type:Number,default:.32},maxScale:{type:Number,default:32},movable:{type:Boolean,default:!0},disabled:Boolean,zIndex:_.zIndex,current:_.current,infinite:_.infinite,getContainer:ae.getContainer,onHideOnClickModal:{type:Boolean,default:!0},countRender:[Function,Array,Object],icons:{type:Object,default:()=>({})},onTransform:Function,onOpenChange:Function,"onUpdate:open":Function};let fe=e=>setTimeout(e,16),ge=e=>clearTimeout(e);typeof window<"u"&&"requestAnimationFrame"in window&&(fe=e=>window.requestAnimationFrame(e),ge=e=>window.cancelAnimationFrame(e));let me=0;const le=new Map;function ve(e){le.delete(e)}function he(e,n=1){me+=1;const i=me;function s(o){if(o===0)ve(i),e();else{const c=fe(()=>{s(o-1)});le.set(i,c)}}return s(n),i}he.cancel=e=>{const n=le.get(e);return ve(n),ge(n)};const te={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function Le(e,n,i,s){const o=t.ref(null),c=t.ref([]),[u,p]=j.useState(te),v=g=>{p(te),U.isEqual(te,u.value)||s?.({transform:te,action:g})},d=(g,x)=>{o.value===null&&(c.value=[],o.value=he(()=>{let I=U.cloneDeep(u.value);c.value.forEach(a=>{I={...I,...a}}),o.value=null,s?.({transform:I,action:x}),p(I)})),c.value.push({...u.value,...g})};return{transform:u,resetTransform:v,updateTransform:d,dispatchZoomChange:(g,x,I,a,l)=>{const{width:w,height:h,offsetWidth:S,offsetHeight:C,offsetLeft:T,offsetTop:R}=e.value;let M=g,N=u.value.scale*g;N>i.value?(N=i.value,M=i.value/u.value.scale):N<n.value&&(N=l?N:n.value,M=N/u.value.scale);const Z=I??innerWidth/2,Q=a??innerHeight/2,V=M-1,$=V*w*.5,Y=V*h*.5,k=V*(Z-u.value.x-T),J=V*(Q-u.value.y-R);let W=u.value.x-(k-$),D=u.value.y-(J-Y);if(g<1&&N===1){const P=S*N,m=C*N,{width:F,height:z}=E.useWindowSize();P<=F.value&&m<=z.value&&(W=0,D=0)}d({x:W,y:D,scale:N},x)}}}function Te(e,n){process.env.NODE_ENV!=="production"&&console!==void 0&&console.error(`Warning: ${n}`)}let pe=!1;try{const e=Object.defineProperty({},"passive",{get(){pe=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch{}function G(e,n,i,s){if(e&&e.addEventListener){let o=s;o===void 0&&pe&&(n==="touchstart"||n==="touchmove"||n==="wheel")&&(o={passive:!1}),e.addEventListener(n,i,o)}return{remove:()=>{e&&e.removeEventListener&&e.removeEventListener(n,i)}}}const q=1,Me=1;function we(e,n,i,s){const o=n+i,c=(i-s)/2;if(i>s){if(n>0)return{[e]:c};if(n<0&&o<s)return{[e]:-c}}else if(n<0||o>s)return{[e]:n<0?c:-c};return{}}function ye(e,n,i,s){const{width:o,height:c}=E.useWindowSize();let u=null;return e<=o.value&&n<=c.value?u={x:0,y:0}:(e>o.value||n>c.value)&&(u={...we("x",i,e,o.value),...we("y",s,n,c.value)}),u}function $e(e,n,i,s,o,c,u){const[p,v]=j.useState(!1),d=t.ref({diffX:0,diffY:0,transformX:0,transformY:0}),f=a=>{!n||a.button!==0||(a.preventDefault(),a.stopPropagation(),d.value={diffX:a.pageX-o.value.x,diffY:a.pageY-o.value.y,transformX:o.value.x,transformY:o.value.y},v(!0))},g=a=>{i&&p.value&&c({x:a.pageX-d.value.diffX,y:a.pageY-d.value.diffY},"move")},x=()=>{if(i&&p.value){v(!1);const{transformX:a,transformY:l}=d.value;if(!(o.value.x!==a&&o.value.y!==l))return;const h=e.value.offsetWidth*o.value.scale,S=e.value.offsetHeight*o.value.scale,{left:C,top:T}=e.value.getBoundingClientRect(),R=o.value.rotate%180!==0,M=ye(R?S:h,R?h:S,C,T);M&&c({...M},"dragRebound")}},I=a=>{if(!i||a.deltaY===0)return;const l=Math.abs(a.deltaY/100),w=Math.min(l,Me);let h=q+w*s.value;a.deltaY>0&&(h=q/h),u(h,"wheel",a.clientX,a.clientY)};return j.useEffect(()=>{let a,l,w,h;if(n){w=G(window,"mouseup",x,!1),h=G(window,"mousemove",g,!1);try{window.top!==window.self&&(a=G(window.top,"mouseup",x,!1),l=G(window.top,"mousemove",g,!1))}catch(S){Te(!1,`[rc-image] ${S}`)}}return()=>{w?.remove(),h?.remove(),a?.remove(),l?.remove()}},[i,p,()=>o.value.x,()=>o.value.y,()=>o.value.rotate,n]),{isMoving:p,onMouseDown:f,onMouseMove:g,onMouseUp:x,onWheel:I}}function ne(e,n){const i=e.x-n.x,s=e.y-n.y;return Math.hypot(i,s)}function ze(e,n,i,s){const o=ne(e,i),c=ne(n,s);if(o===0&&c===0)return[e.x,e.y];const u=o/(o+c),p=e.x+u*(n.x-e.x),v=e.y+u*(n.y-e.y);return[p,v]}function Oe(e,n,i,s,o,c,u){const[p,v]=j.useState(!1),d=t.ref({point1:{x:0,y:0},point2:{x:0,y:0},eventType:"none"}),f=a=>{d.value={...d.value,...a}},g=a=>{if(!n.value)return;a.stopPropagation(),v(!0);const{touches:l=[]}=a;l.length>1?f({point1:{x:l[0].clientX,y:l[0].clientY},point2:{x:l[1].clientX,y:l[1].clientY},eventType:"touchZoom"}):f({point1:{x:l[0].clientX-o.value.x,y:l[0].clientY-o.value.y},eventType:"move"})},x=a=>{const{touches:l=[]}=a,{point1:w,point2:h,eventType:S}=d.value;if(l.length>1&&S==="touchZoom"){const C={x:l[0].clientX,y:l[0].clientY},T={x:l[1].clientX,y:l[1].clientY},[R,M]=ze(w,h,C,T),N=ne(C,T)/ne(w,h);u(N,"touchZoom",R,M,!0),f({point1:C,point2:T,eventType:"touchZoom"})}else S==="move"&&(c({x:l[0].clientX-w.x,y:l[0].clientY-w.y},"move"),f({eventType:"move"}))},I=()=>{if(!i.value)return;if(p&&v(!1),f({eventType:"none"}),s.value>o.value.scale)return c({x:0,y:0,scale:s.value},"touchZoom");const a=e.value.offsetWidth*o.value.scale,l=e.value.offsetHeight*o.value.scale,{left:w,top:h}=e.value.getBoundingClientRect(),S=o.value.rotate%180!==0,C=ye(S?l:a,S?a:l,w,h);C&&c({...C},"dragRebound")};return j.useEffect(()=>{let a;return i.value&&n.value&&(a=G(window,"touchmove",l=>l.preventDefault(),{passive:!1})),()=>{a?.remove()}},[i,n]),{isTouching:p,onTouchStart:g,onTouchMove:x,onTouchEnd:I}}const Ae=t.defineComponent({name:"Operations",inheritAttrs:!1,props:{open:Boolean,count:{type:Number,default:0},current:{type:Number,default:0},showSwitch:Boolean,showProgress:Boolean,prefixCls:String,hashId:String,zIndex:H.zIndex,icons:H.icons,infinite:H.infinite,getContainer:H.getContainer,countRender:H.countRender,tools:Array,onClose:Function,onActive:Function},setup(e){const n=(i,s)=>{i.preventDefault(),i.stopPropagation(),e.onActive?.(s)};return()=>{const{prefixCls:i,hashId:s,tools:o}=e,c=L.getTransitionProps(`${e.prefixCls}-fade`),u=`${i}-operations-operation`,p=`${i}-operations-icon`;return t.createVNode(t.Teleport,{to:e.getContainer||"body"},{default:()=>[t.createVNode(t.Transition,c,{default:()=>[t.withDirectives(t.createVNode("div",{class:y.classNames(`${i}-operations-wrapper`,s),style:{zIndex:e.zIndex}},[e.icons?.close===null?null:t.createVNode("button",{class:`${i}-close ${s}`,onClick:e.onClose},[e.icons?.close||t.createVNode(A.CloseOutlined,null,null)]),e.showSwitch&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:y.classNames(`${i}-switch-left ${s}`,{[`${i}-switch-left-disabled`]:e.infinite?!1:e.current===0}),onClick:v=>n(v,-1)},[e.icons?.left||t.createVNode(A.LeftOutlined,null,null)]),t.createVNode("div",{class:y.classNames(`${i}-switch-right ${s}`,{[`${i}-switch-right-disabled`]:e.infinite?!1:e.current===e.count-1}),onClick:v=>n(v,1)},[e.icons?.right||t.createVNode(A.RightOutlined,null,null)])]),t.createVNode("div",{class:`${i}-footer ${s}`},[e.showProgress&&t.createVNode("div",{class:`${i}-progress`},[e.countRender?e.countRender(e.current+1,e.count):`${e.current+1} / ${e.count}`]),t.createVNode("div",{class:`${e.prefixCls}-operations`},[o?.map(({icon:v,onClick:d,type:f,disabled:g})=>t.createVNode("div",{class:y.classNames(u,{[`${e.prefixCls}-operations-operation-disabled`]:g&&g?.value}),onClick:d,key:f},[t.cloneVNode(v,{class:p})]))])])]),[[t.vShow,e.open]])]})]})}}}),Ee=new L.Keyframe("viewFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),Re=new L.Keyframe("viewFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),De=new L.Keyframe("viewZoomBadgeIn",{"0%":{transform:"scale(0)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),Pe=new L.Keyframe("viewZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0)",opacity:0}}),Se=e=>({position:e||"absolute",inset:0});function re(e){return{position:e,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0}}const Xe=e=>{const{previewCls:n,modalMaskBg:i,marginXL:s,margin:o,colorTextLightSolid:c,previewOperationColorDisabled:u,previewOperationHoverColor:p,motionDurationSlow:v,iconCls:d}=e,f=new B.TinyColor(i).setAlpha(.1),g=f.clone().setAlpha(.2),x=new B.TinyColor(i).setAlpha(.5),I=new B.TinyColor(i).setAlpha(.03);return{[`${n}-footer`]:{position:"fixed",bottom:s,left:{_skip_check_:!0,value:"50%"},display:"flex",flexDirection:"column",alignItems:"center",color:e.previewOperationColor,transform:"translateX(-50%)"},[`${n}-progress`]:{marginBottom:o},[`${n}-close`]:{position:"fixed",top:s,right:{_skip_check_:!0,value:s},display:"flex",alignItems:"center",justifyContent:"center",color:c,backgroundColor:f.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:"saturate(180%) blur(10px)",width:e.sizeXL,height:e.sizeXL,outline:0,border:0,cursor:"pointer",transition:`all ${v}`,"&:hover":{backgroundColor:g.toRgbString()},[`& > ${d}`]:{fontSize:e.previewOperationSize}},[`${n}-operations`]:{display:"flex",alignItems:"center",gap:e.sizeXXS,padding:e.paddingXXS,border:`1px solid ${e.colorBorderSecondary}`,backgroundColor:x.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:"saturate(150%) blur(10px)","&-operation":{display:"flex",alignItems:"center",justifyContent:"center",width:e.sizeXL+4,height:e.sizeXL+4,cursor:"pointer",color:c,borderRadius:e.borderRadiusSM,transition:`all ${v}`,userSelect:"none",[`&:not(${n}-operations-operation-disabled):hover > ${d}`]:{color:p},"&:hover":{backgroundColor:I.toRgbString()},"&-disabled":{color:u,cursor:"not-allowed"},"&:first-of-type":{marginInlineStart:0},[`& > ${d}`]:{fontSize:e.previewOperationSize}}}}},je=e=>{const{modalMaskBg:n,iconCls:i,previewOperationColorDisabled:s,previewCls:o,zIndexPopup:c,motionDurationSlow:u,colorTextLightSolid:p}=e,v=new B.TinyColor(n).setAlpha(.1),d=v.clone().setAlpha(.2);return{[`${o}-switch-left, ${o}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:e.calc(c).add(1).equal(),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:e.borderRadius,backdropFilter:"saturate(180%) blur(10px)",width:e.imagePreviewSwitchSize,height:e.imagePreviewSwitchSize,marginTop:e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),color:p,background:v.toRgbString(),transform:"translateY(-50%)",cursor:"pointer",transition:`all ${u}`,userSelect:"none","&:hover":{background:d.toRgbString()},"&-disabled":{"&, &:hover":{color:s,background:"transparent",cursor:"not-allowed",[`> ${i}`]:{cursor:"not-allowed"}}},[`> ${i}`]:{fontSize:e.previewOperationSize}},[`${o}-switch-left`]:{insetInlineStart:e.marginSM},[`${o}-switch-right`]:{insetInlineEnd:e.marginSM}}},Ve=e=>{const{motionEaseOut:n,motionDurationSlow:i}=e;return{[e.componentCls]:{height:"100%",textAlign:"center",pointerEvents:"none","&-root":{...re("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},"&-wrap":{...re("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},"&-mask":{...re("fixed"),zIndex:e.zIndexPopupBase,height:"100%",backgroundColor:e.colorBgMask,backdropFilter:"blur(8px)"},"&-body":{...Se(),overflow:"hidden"},"&-img":{maxWidth:"100%",maxHeight:"70%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${i} ${n} 0s`,userSelect:"none","&-wrapper":{...Se(),transition:`transform ${i} ${n} 0s`,display:"flex",justifyContent:"center",alignItems:"center","& > *":{pointerEvents:"auto"},"&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}}},"&-moving":{[`${e.componentCls}-view-img`]:{cursor:"grabbing","&-wrapper":{transitionDuration:"0s"}}},"&-mask-zoom-appear, &-mask-zoom-enter":{animationName:Ee,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear",userSelect:"none"},"&-mask-zoom-leave":{animationName:Re,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear",pointerEvents:"none"},"&-zoom-appear, &-zoom-enter":{animationName:De,opacity:0,animationTimingFunction:e.motionEaseOutCirc,animationFillMode:"both",transform:"none",animationDuration:e.motionDurationMid,userSelect:"none"},"&-zoom-enter-active":{animationPlayState:"running"},"&-zoom-leave":{animationName:Pe,animationDuration:e.motionDurationSlow,animationTimingFunction:e.motionEaseInOutCirc,animationFillMode:"both"}},[`${e.componentCls}-root`]:{[`${e.componentCls}-wrapper`]:{zIndex:e.zIndexPopup}},[`${e.componentCls}-operations-wrapper`]:{position:"fixed",insetBlockStart:0,insetInlineEnd:0,zIndex:e.calc(e.zIndexPopup).add(1).equal(),width:"100%"},"&":[Xe(e),je(e)]}};function Ye(e){return L.useStyle("ImageViewer",n=>{const i=L.mergeToken(n,{zIndexPopup:n.zIndexPopupBase+80,previewOperationColor:new B.TinyColor(n.colorTextLightSolid).setAlpha(.65).toRgbString(),previewOperationHoverColor:new B.TinyColor(n.colorTextLightSolid).setAlpha(.85).toRgbString(),previewOperationColorDisabled:new B.TinyColor(n.colorTextLightSolid).setAlpha(.25).toRgbString(),imagePreviewSwitchSize:n.sizeXL,modalMaskBg:new B.TinyColor("#000").setAlpha(.45).toRgbString(),previewOperationSize:n.fontSizeIcon*1.5,iconCls:".anticon",previewCls:n.componentCls});return[Ve(i)]},e)}const se={ESC:27,LEFT:37,RIGHT:39},K={rotateLeft:t.createVNode(A.RotateLeftOutlined,null,null),rotateRight:t.createVNode(A.RotateRightOutlined,null,null),zoomIn:t.createVNode(A.ZoomInOutlined,null,null),zoomOut:t.createVNode(A.ZoomOutOutlined,null,null),flipX:t.createVNode(A.SwapOutlined,null,null),flipY:t.createVNode(A.SwapOutlined,{rotate:90},null)},Ce=t.defineComponent({name:"GImagePreview",props:H,inheritAttrs:!1,slots:Object,emits:{close:()=>!0,transform:e=>!0,"update:open":e=>!0},setup:(e,{emit:n,expose:i,slots:s})=>{const o=y.getPrefixCls({suffixCls:"image-view"}),{wrapSSR:c,hashId:u}=Ye(o),[p,v,d]=j.useMergedState(e.open,{value:t.toRef(e,"open"),onChange:r=>{e.onOpenChange?.(r),n("update:open",r)}}),[f,g]=j.useState(!1),[x,I]=j.useState(!0),a=t.ref(),{transform:l,resetTransform:w,updateTransform:h,dispatchZoomChange:S}=Le(a,t.toRef(e,"minScale"),t.toRef(e,"maxScale"),e.onTransform),{isMoving:C,onMouseDown:T,onWheel:R}=$e(a,t.toRef(e,"movable"),d,t.toRef(e,"scaleStep"),l,h,S),{isTouching:M,onTouchStart:N,onTouchMove:Z,onTouchEnd:Q}=Oe(a,t.toRef(e,"movable"),d,t.toRef(e,"minScale"),l,h,S);j.useEffect(()=>{x.value||I(!0)},[x]);const V=t.ref(null),$=t.ref(e.current),Y=t.reactive(new Map),k=t.computed(()=>new Map(Array.from(Y).map(([r,{url:O}])=>[r,O]))),J=t.computed(()=>k.value.get($.value)),W=t.computed(()=>k.value.size),D=t.computed(()=>Array.from(k.value.keys())),P=t.computed(()=>D.value.indexOf($.value)),m=t.computed(()=>W.value>1),F=t.computed(()=>W.value>=1);t.watch(d,r=>{r&&(f.value=!0)});const z=r=>{$.value=r};t.watch(()=>e.current,r=>{y.isNumber(r)&&z(r)});function oe(r,O){Y.set(r,{url:O,loading:!0,canPreview:!1})}const ue=()=>{g(!1)},_e=()=>{w("close"),n("close")},He=r=>{C.value||V.value===r?.target&&ue()},Ge=()=>{const r=Y.get($.value);r&&(r.loading=!1,r.canPreview=!0)},qe=r=>{const O=Y.get($.value);O&&(O.loading=!1,O.canPreview=!1),r.target.alt="加载失败"},Ie=()=>{if(P.value>0||e.infinite){const r=P.value-1<0?e.urls.length-1:P.value-1;z(D.value[r]),w("prev")}},be=()=>{if(P.value<W.value-1||e.infinite){const r=P.value+1>e.urls.length-1?0:P.value+1;z(D.value[r]),w("next")}},Ke=()=>{S(q+e.scaleStep,"zoomIn")},Qe=()=>{S(q/(q+e.scaleStep),"zoomOut")},Je=()=>{h({rotate:l.value.rotate+90},"rotateRight")},Ue=()=>{h({rotate:l.value.rotate-90},"rotateLeft")},et=()=>{h({flipX:!l.value.flipX},"flipX")},tt=()=>{h({flipY:!l.value.flipY},"flipY")},Ne=()=>{const r=y.getSlotsProps({slots:s,props:e.icons,keys:["flipY","flipX","rotateLeft","rotateRight","zoomOut","zoomIn"],render:!0,defaultVNodes:[K.flipY,K.flipX,K.rotateLeft,K.rotateRight,K.zoomOut,K.zoomIn]});return[{icon:r.flipY,onClick:tt,type:"flipY"},{icon:r.flipX,onClick:et,type:"flipX"},{icon:r.rotateLeft,onClick:Ue,type:"rotateLeft"},{icon:r.rotateRight,onClick:Je,type:"rotateRight"},{icon:r.zoomOut,onClick:()=>Qe(),type:"zoomOut",disabled:t.computed(()=>l.value.scale<=e.minScale)},{icon:r.zoomIn,onClick:()=>Ke(),type:"zoomIn",disabled:t.computed(()=>l.value.scale===e.maxScale)}]},nt=r=>{d.value&&(l.value.scale!==1?h({x:0,y:0,scale:1},"doubleClick"):S(q+e.scaleStep,"doubleClick",r.clientX,r.clientY))},ot=r=>{r.keyCode===se.ESC&&ue(),!(!d.value||!m.value)&&(r.keyCode===se.LEFT?Ie():r.keyCode===se.RIGHT&&be())};let de=()=>{};return t.onMounted(()=>{t.watch(()=>e.urls,r=>{y.isArray(r)&&r.forEach((O,ie)=>{oe(ie,O)})},{flush:"post",immediate:!0}),t.watch([()=>d.value,()=>C.value],()=>{de();const r=G(window,"keydown",ot,!1);de=()=>{r.remove()}},{flush:"post",immediate:!0})}),t.onUnmounted(()=>{de()}),i({setOpen:r=>{v(r),$.value=e.current}}),()=>{const r=L.getTransitionProps(`${o}-mask-zoom`),O=L.getTransitionProps(`${o}-zoom`),ie={};for(const X in e.icons)ie[X]=getSlotVNode(s,e.icons,X);return c(t.createVNode(t.Fragment,null,[t.createVNode(t.Teleport,{to:e.getContainer||"body"},{default:()=>[d.value&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:`${o}-root ${u.value}`},[t.createVNode(t.Transition,r,{default:()=>[t.withDirectives(t.createVNode("div",{class:`${o}-mask ${u.value}`},null),[[t.vShow,d.value&&f.value]])]}),t.createVNode("div",{ref:V,tabindex:-1,class:[`${o}-wrap`,`${u.value}`,C.value&&`${o}-moving`],onClick:X=>e.onHideOnClickModal&&He(X)},[t.createVNode(t.Transition,t.mergeProps(O,{onAfterLeave:()=>_e()}),{default:()=>[t.withDirectives(t.createVNode("div",{role:"dialog",class:`${o} ${u.value}`},[t.createVNode("div",{class:`${o}-content ${u.value}`},[t.createVNode("div",{class:`${o}-body ${u.value}`},[t.createVNode("div",{class:`${o}-img-wrapper ${u.value}`},[t.createVNode("img",{ref:a,class:`${o}-img ${u.value}`,src:J.value,onLoad:()=>Ge(),onError:X=>qe(X),style:{transform:`translate3d(${l.value.x}px, ${l.value.y}px, 0) scale3d(${l.value.flipX?"-":""}${l.value.scale}, ${l.value.flipY?"-":""}${l.value.scale}, 1) rotate(${l.value.rotate}deg)`,transitionDuration:!x.value||M.value?"0s":void 0},onWheel:R,onMousedown:T,onDblclick:nt,onTouchstart:N,onTouchmove:Z,onTouchend:Q,onTouchcancel:Q},null)])])])]),[[t.vShow,d.value&&f.value]])]})])])])]}),d.value&&f.value&&t.createVNode(Ae,{open:d.value&&f.value,hashId:u.value,count:e.urls.length,current:$.value,zIndex:e.zIndex+1,getContainer:e.getContainer,prefixCls:o,icons:U.omit(ie,Ne().map(({type:X})=>X)),tools:Ne(),infinite:e.infinite,countRender:y.getSlot({slots:s,props:e,key:"countRender"}),showSwitch:m.value,showProgress:F.value,onClose:ue,onActive:X=>X>0?be():Ie()},null)]))}}}),ce={width:"100%",height:"100%"},Fe={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},Be=e=>{const{motionDurationSlow:n,paddingXXS:i,marginXXS:s,colorTextLightSolid:o}=e,c=".anticon";return{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",color:o,background:new L.FastColor("#000").setA(.5).toRgbString(),cursor:"pointer",opacity:0,transition:`opacity ${n}`,[`.${e.componentCls}-mask-info`]:{...Fe,padding:`0 ${L.unit(i)}`,[c]:{marginInlineEnd:s,svg:{verticalAlign:"baseline"}}}}},ke=e=>({position:e||"absolute",inset:0}),We=e=>({[e.componentCls]:{display:"inline-block",position:"relative",overflow:"hidden",[`${e.componentCls}-img`]:{...ce,verticalAlign:"top",opacity:1,[`&${e.componentCls}-img-preview`]:{userSelect:"none",cursor:"pointer"},"&-placeholder":{...ce,backgroundColor:e.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"}},[`${e.componentCls}-error`]:{...ce,display:"flex",alignItems:"center",justifyContent:"center"},[`${e.componentCls}-placeholder`]:{...ke()},[`${e.componentCls}-mask`]:{...Be(e)},[`${e.componentCls}-mask:hover`]:{opacity:1}}}),Ze=e=>typeof Element>"u"?!1:e instanceof Element;let xe="";const ee=t.defineComponent({props:ae,name:"GImage",inheritAttrs:!1,emits:{click:e=>!0,load:e=>!0,error:e=>!0},slots:Object,setup(e,{slots:n,emit:i,attrs:s}){const o=E.isClient&&"loading"in HTMLImageElement.prototype,c=y.getPrefixCls({suffixCls:"image"}),{wrapSSR:u,hashId:p}=L.useProStyle("Image",[We],c),v=t.ref(),d=t.ref(),f=t.ref(!1),g=t.ref(!0),x=t.ref(!1),I=t.ref(),a=t.ref();let l,w;const h=t.computed(()=>e.loading==="eager"?!1:!o&&e.loading==="lazy"||e.lazy),S=t.computed(()=>E.isClient&&e.fit?{...e.imageStyle,objectFit:e.fit}:e.imageStyle),C=t.computed(()=>typeof e.preview=="object"?e.preview:{}),T=t.computed(()=>!!e.preview),R=t.computed(()=>{const{urls:m=[],current:F=0}=C.value;if(y.isNumber(F))return m.length>=F?F:0;const z=m.indexOf(e.src);return z>=0?z:0}),M=t.computed(()=>L.unit(e.width)),N=t.computed(()=>L.unit(e.height)),Z=()=>{E.isClient&&(g.value=!0,f.value=!1,d.value=e.src)};function Q(m){f.value||(g.value=!1,f.value=!1,i("load",m))}function V(m){g.value=!1,f.value=!0,i("error",m)}function $(){y.isInContainer(I.value,a.value)&&(Z(),J())}const Y=E.useThrottleFn($,200,!0);async function k(){if(!E.isClient)return;await t.nextTick();const{scrollContainer:m}=e;Ze(m)?a.value=m:y.isString(m)&&m!==""?a.value=document.querySelector(m)??void 0:I.value&&(a.value=y.getScrollContainer(I.value)),a.value&&(l=E.useEventListener(a,"scroll",Y),setTimeout(()=>$(),100))}function J(){!E.isClient||!a.value||!Y||(l?.(),a.value=void 0)}function W(m){if(m.ctrlKey){if(m.deltaY<0)return m.preventDefault(),!1;if(m.deltaY>0)return m.preventDefault(),!1}}const D=()=>{i("click",g.value?"loaded":f.value?"error":"success"),!(g.value||f.value)&&T.value&&(w=E.useEventListener("wheel",W,{passive:!1}),xe=document.body.style.overflow,document.body.style.overflow="hidden",x.value=!0)},P=()=>{w?.(),document.body.style.overflow=xe,x.value=!1};return t.watch(()=>e.src,()=>{h.value?(g.value=!0,f.value=!1,J(),k()):Z()}),t.watchEffect(()=>{T.value&&x.value?v.value?.setOpen(!0):v.value?.setOpen(!1)}),t.onMounted(()=>{h.value?k():Z()}),()=>{const m=U.fromPairs(Object.entries(s).filter(([oe])=>/^(?:data-|on[A-Z])/i.test(oe)||["id","style","class"].includes(oe))),F=U.omit(s,Object.keys(m)),z=y.getSlotsProps({slots:n,props:e,keys:["fallback","mask","placeholder"],render:!0});return u(t.createVNode("div",t.mergeProps({class:{[`${p.value}`]:!0,[`${c}`]:!0},ref:I},m,{style:{width:L.unit(e.size)||M.value,height:L.unit(e.size)||N.value,...m.style||{}},onClick:()=>{f.value&&D()}}),[f.value?t.createVNode("div",{class:y.classNames(p.value,`${c}-error`)},[z.fallback]):t.createVNode(t.Fragment,null,[t.createVNode("img",t.mergeProps(F,{src:d.value,loading:e.loading,style:S.value,class:y.classNames(p.value,e.imageClass,`${c}-img`,{[`${c}-img-placeholder`]:e.placeholder===!0,[`${c}-img-preview`]:T.value}),crossorigin:e.crossOrigin,width:M.value,height:N.value,onClick:D,onLoad:Q,onError:V}),null),g.value&&t.createVNode("div",{class:y.classNames(`${c}-placeholder`,p.value),onClick:D},[z.placeholder])]),C.value.mask&&T.value&&t.createVNode("div",{class:y.classNames(`${c}-mask`,C.value.maskClass,p.value),style:{display:m.style?.display==="none"?"none":void 0}},[z.mask||t.createVNode("div",{class:y.classNames(`${c}-mask-info`,p.value)},[t.createVNode(A.EyeOutlined,null,null)])]),T.value&&t.createVNode(Ce,t.mergeProps({ref:v},C.value,{urls:C.value.urls||[e.src],current:R.value,onClose:()=>P()}),n)]))}}});ee.isGImage=!0,ee.install=e=>(e.component(ee.name,ee),e),b.GImage=ee,b.GImagePreview=Ce,b.baseProps=_,b.imageProps=ae,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/image",
   "type": "module",
-  "version": "0.2.0-beta.32",
+  "version": "0.2.0-beta.33",
   "description": "Gx Design Image",
   "exports": {
     ".": {
@@ -26,13 +26,13 @@
     "lint": "TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "peerDependencies": {
-    "ant-design-vue": "^4.1.2",
+    "ant-design-vue": "^4.2.6",
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.54",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.119",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.80",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.61",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.143",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.87",
     "@vueuse/core": "^9.10.0",
     "lodash-es": "^4.17.21"
   },