@unicom-cloud/ui 0.8.123 → 0.8.125

package/image/ImagePreview.js

@@ -1,40 +1,42 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as t, jsxs as P } from "react/jsx-runtime";
-import me from "@unicom-cloud/icons/IconUiClose";
+import fe from "@unicom-cloud/icons/IconUiClose";
 import po from "@unicom-cloud/icons/IconUiCopy";
 import go from "@unicom-cloud/icons/IconUiFullscreen";
 import vo from "@unicom-cloud/icons/IconUiLeft";
 import yo from "@unicom-cloud/icons/IconUiLoading";
-import Co from "@unicom-cloud/icons/IconUiOriginalSize";
-import ko from "@unicom-cloud/icons/IconUiRight";
+import ko from "@unicom-cloud/icons/IconUiOriginalSize";
+import Co from "@unicom-cloud/icons/IconUiRight";
 import wo from "@unicom-cloud/icons/IconUiRotateLeft";
 import bo from "@unicom-cloud/icons/IconUiRotateRight";
 import ho from "@unicom-cloud/icons/IconUiZoomIn";
 import xo from "@unicom-cloud/icons/IconUiZoomOut";
-import ue from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import { forwardRef as Io, useContext as fe, useState as m, useRef as f, useMemo as pe, useImperativeHandle as So, useCallback as Ro, useEffect as p } from "react";
-import Po from "../config-provider/ConfigProvider.js";
-import { useUpdateEffect as No } from "@unicom-cloud/ui-common/hooks";
-import { isUndefined as zo } from "@unicom-cloud/ui-common/utils/is";
-import { ArrowDown as Lo, ArrowUp as $o, ArrowLeft as Mo, ArrowRight as To, Esc as Eo } from "@unicom-cloud/utils/constant/keyboardCode";
+import Io from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as So, useContext as ue, useState as m, useRef as f, useMemo as pe, useImperativeHandle as Ro, useCallback as Po, useEffect as p } from "react";
+import No from "../config-provider/ConfigProvider.js";
+import { useUpdateEffect as zo } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isUndefined as Eo } from "@unicom-cloud/ui-common/utils/is";
+import { ArrowDown as Lo, ArrowUp as To, ArrowLeft as $o, ArrowRight as Mo, Esc as Uo } from "@unicom-cloud/utils/constant/keyboardCode";
 import Oo from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
-import { isServerRendering as Uo, on as B, off as F } from "@unicom-cloud/ui-common/utils/dom";
-import Do from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Ao from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import Vo from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import Yo from "../portal/index.js";
+import { isServerRendering as Ao, on as B, off as F } from "@unicom-cloud/ui-common/utils/dom";
+import Vo from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Yo from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import Do from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import Xo from "../portal/index.js";
 import de from "@unicom-cloud/ui-common/utils/className";
-import Xo from "@unicom-cloud/ui-common/utils/copy";
-import { findDOMNode as Wo } from "@unicom-cloud/ui-common/utils/reactDOM";
-import Bo from "./ImagePreviewArrow.js";
-import Fo from "./ImagePreviewToolbar.js";
-import { PreviewGroupContext as Zo } from "./previewGroupContext.js";
-import jo from "./utils/getFixTranslate.js";
-import Ho, { defaultScales as Go } from "./utils/getScale.js";
-import qo from "./utils/hook/useImageStatus.js";
-import Ko from "../config-provider/context.js";
-const Z = 90, _o = {
+import Wo from "@unicom-cloud/ui-common/utils/copy";
+import Bo from "@unicom-cloud/ui-common/utils/findRootElement";
+import Fo from "./ImagePreviewArrow.js";
+import Zo from "./ImagePreviewToolbar.js";
+import { PreviewGroupContext as jo } from "./previewGroupContext.js";
+import Ho from "./utils/getFixTranslate.js";
+import Go, { defaultScales as Ko } from "./utils/getScale.js";
+import _o from "./utils/hook/useImageStatus.js";
+import qo from "../config-provider/context.js";
+const Z = 90, Jo = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -55,21 +57,21 @@ const Z = 90, _o = {
   ],
   getPopupContainer: () => document.body,
   escToExit: !0,
-  scales: Go,
+  scales: Ko,
   resetTranslate: !0
 };
-function Jo(ge, ve) {
+function Qo(ge, ve) {
   const {
     previewGroup: v,
-    previewUrlMap: k,
+    previewUrlMap: C,
     currentIndex: a,
     setCurrentIndex: ye,
     infinite: w,
-    previewPropsMap: Ce
-  } = fe(Zo), ke = v ? Ce.get(a) : {}, N = Do(
+    previewPropsMap: ke
+  } = ue(jo), Ce = v ? ke.get(a) : {}, N = Vo(
     ge,
-    _o,
-    ke
+    Jo,
+    Ce
   ), {
     className: we,
     style: be,
@@ -84,78 +86,80 @@ function Jo(ge, ve) {
     onVisibleChange: ze,
     scales: z,
     escToExit: H,
-    imgAttributes: Le = {},
-    imageRender: $e,
-    extra: Me = null,
+    imgAttributes: Ee = {},
+    imageRender: Le,
+    extra: Te = null,
     resetTranslate: G
-  } = N, b = v ? k.get(a) : he, [L, Te] = m(b), [r, Ee] = Oo(!1, {
+  } = N, b = v ? C.get(a) : he, [E, $e] = m(b), [r, Me] = Oo(!1, {
     defaultValue: xe,
     value: N.visible
-  }), q = fe(Ko), {
-    prefixCls: et,
-    getPrefixCls: Oe,
+  }), K = ue(qo), {
+    prefixCls: ot,
+    getPrefixCls: Ue,
     locale: y,
-    rtl: Ue
-  } = q, K = Oe?.("image"), i = `${K}-preview`, De = de(
+    rtl: Oe
+  } = K, _ = Ue?.("image"), i = `${_}-preview`, Ae = de(
     i,
     {
       [`${i}-hide`]: !r,
-      [`${i}-rtl`]: Ue
+      [`${i}-rtl`]: Oe
     },
     we
-  ), h = f(void 0), Ae = f(void 0), d = f(void 0), _ = f(void 0), $ = f(!1), C = f({
+  ), h = f(void 0), Ve = f(void 0), d = f(void 0), q = f(void 0), J = f(void 0), L = f(!1), k = f({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { isLoading: Ve, isLoaded: Ye, setStatus: M } = qo("loading"), [Xe, We] = m(!1), [s, T] = m({ x: 0, y: 0 }), [n, E] = m(1), [J, Q] = m(!1), [x, O] = m(0), [c, ee] = m(!1), u = pe(() => new Ho(z), []), {
+  }), { isLoading: Ye, isLoaded: De, setStatus: T } = _o("loading"), [Xe, We] = m(!1), [s, $] = m({ x: 0, y: 0 }), [n, M] = m(1), [Q, ee] = m(!1), [x, U] = m(0), [c, oe] = m(!1), u = pe(() => new Go(z), []), {
     onLoad: Be,
     onError: Fe,
     onMouseDown: Ze,
     style: je,
     className: He,
     ...Ge
-  } = Le, oe = !w && a <= 0, te = !w && a >= k.size - 1;
-  function U() {
-    T({ x: 0, y: 0 }), E(1), O(0);
+  } = Ee, te = !w && a <= 0, ne = !w && a >= C.size - 1;
+  function O() {
+    $({ x: 0, y: 0 }), M(1), U(0);
   }
-  So(ve, () => ({
-    reset: U,
-    getRootDOMNode: () => _.current
+  Ro(ve, () => ({
+    reset: O,
+    getRootElement() {
+      return q.current;
+    }
   }));
-  const [I, qe] = m(), ne = Ro(() => I, [I]);
+  const [I, Ke] = m(), re = Po(() => I, [I]);
   p(() => {
-    const e = j?.(), o = Wo(e) || document.body;
-    qe(o);
-  }, [j]), Ao(ne, { hidden: r });
-  const Ke = pe(
-    () => !Uo && I === document.body,
+    const e = j?.(), o = Bo(e) || document.body;
+    Ke(o);
+  }, [j]), Yo(re, { hidden: r });
+  const _e = pe(
+    () => !Ao && I === document.body,
     [I]
   );
-  function re(e) {
-    const o = k.size;
+  function ie(e) {
+    const o = C.size;
     w && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && ye(e);
   }
-  function D() {
-    re(a - 1);
-  }
   function A() {
-    re(a + 1);
+    ie(a - 1);
   }
-  function _e() {
-    O(x === 0 ? 360 - Z : x - Z);
+  function V() {
+    ie(a + 1);
+  }
+  function qe() {
+    U(x === 0 ? 360 - Z : x - Z);
   }
   function Je() {
-    O((x + Z) % 360);
+    U((x + Z) % 360);
   }
-  const V = f(null), Qe = () => {
-    !J && Q(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
-      Q(!1);
+  const Y = f(null), Qe = () => {
+    !Q && ee(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+      ee(!1);
     }, 1e3);
   }, S = (e) => {
-    n !== e && (E(e), Qe());
+    n !== e && (M(e), Qe());
   };
-  function Y() {
+  function D() {
     const e = u.getNextScale(n, "zoomIn");
     S(e);
   }
@@ -164,7 +168,7 @@ function Jo(ge, ve) {
     S(e);
   }
   function eo(e) {
-    e.deltaY > 0 ? n >= u.minScale && X() : n <= u.maxScale && Y();
+    e.deltaY > 0 ? n >= u.minScale && X() : n <= u.maxScale && D();
   }
   function oo() {
     S(1);
@@ -173,20 +177,20 @@ function Jo(ge, ve) {
     const e = d.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), l = e.height / (o.height / n), g = e.width / (o.width / n), W = Math.max(l, g);
     S(W);
   }
-  function ie(e) {
+  function ae(e) {
     e.target === e.currentTarget && Ie && R();
   }
   function no() {
-    Xo(L);
+    Wo(E);
   }
-  function ae() {
+  function se() {
     R();
   }
   function ro(e) {
     R();
   }
   function R() {
-    r && (ze?.(!1, r), zo(N.visible) && Ee(!1));
+    r && (ze?.(!1, r), Eo(N.visible) && Me(!1));
   }
   function io(e) {
     if (e && e.length) {
@@ -194,78 +198,78 @@ function Jo(ge, ve) {
       We(l);
     }
   }
-  const se = () => {
+  const ce = () => {
     if (!d.current || !h.current)
       return;
-    const e = d.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = jo(
+    const e = d.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = Ho(
       e,
       o,
       s.x,
       s.y,
       n
     );
-    (l !== s.x || g !== s.y) && T({
+    (l !== s.x || g !== s.y) && $({
       x: l,
       y: g
     });
-  }, ce = (e) => {
+  }, le = (e) => {
     if (r && c) {
       e.preventDefault?.();
-      const { originX: o, originY: l, pageX: g, pageY: W } = C.current, uo = o + (e.pageX - g) / n, fo = l + (e.pageY - W) / n;
-      T({
-        x: uo,
-        y: fo
+      const { originX: o, originY: l, pageX: g, pageY: W } = k.current, fo = o + (e.pageX - g) / n, uo = l + (e.pageY - W) / n;
+      $({
+        x: fo,
+        y: uo
       });
     }
-  }, le = (e) => {
-    e.preventDefault?.(), ee(!1);
+  }, me = (e) => {
+    e.preventDefault?.(), oe(!1);
   };
   function ao(e) {
-    M("loaded"), Be?.(e);
+    T("loaded"), Be?.(e);
   }
   function so(e) {
-    M("error"), Fe?.(e);
+    T("error"), Fe?.(e);
   }
   const co = (e) => {
-    e.preventDefault?.(), ee(!0);
+    e.preventDefault?.(), oe(!0);
     const o = e.type === "touchstart" ? e.touches[0] : e;
-    C.current.pageX = o.pageX, C.current.pageY = o.pageY, C.current.originX = s.x, C.current.originY = s.y, Ze?.(e);
+    k.current.pageX = o.pageX, k.current.pageY = o.pageY, k.current.originX = s.x, k.current.originY = s.y, Ze?.(e);
   };
-  p(() => (r && c && (B(document, "mousemove", ce, !1), B(document, "mouseup", le, !1)), () => {
-    F(document, "mousemove", ce, !1), F(document, "mouseup", le, !1);
+  p(() => (r && c && (B(document, "mousemove", le, !1), B(document, "mouseup", me, !1)), () => {
+    F(document, "mousemove", le, !1), F(document, "mouseup", me, !1);
   }), [r, c]), p(() => {
-    G && !c && se();
+    G && !c && ce();
   }, [c, s]), p(() => {
-    G && se();
+    G && ce();
   }, [n]), p(() => {
-    r && U();
+    r && O();
   }, [r]), p(() => {
-    Te(b), M(b ? "loading" : "loaded"), U();
-  }, [b]), No(() => {
-    u.updateScale(z), E(1);
+    $e(b), T(b ? "loading" : "loaded"), O();
+  }, [b]), zo(() => {
+    u.updateScale(z), M(1);
   }, [z]), p(() => {
     const e = (o) => {
       if (o)
         switch (o.key) {
-          case Eo.key:
+          case Uo.key:
             H && R();
             break;
-          case To.key:
-            A();
-            break;
           case Mo.key:
-            D();
+            V();
             break;
           case $o.key:
-            Y();
+            A();
+            break;
+          case To.key:
+            D();
             break;
           case Lo.key:
             X();
             break;
         }
     };
-    return r && !c && !$.current && ($.current = !0, B(document, "keydown", e)), () => {
-      $.current = !1, F(document, "keydown", e);
+    return r && !c && !L.current && (L.current = !0, B(document, "keydown", e)), () => {
+      L.current = !1, F(document, "keydown", e);
     };
   }, [r, H, c, a, n]);
   const lo = [
@@ -280,13 +284,13 @@ function Jo(ge, ve) {
       key: "rotateLeft",
       name: y?.ImagePreview?.rotateLeft,
       content: /* @__PURE__ */ t(wo, {}),
-      onClick: _e
+      onClick: qe
     },
     {
       key: "zoomIn",
       name: y?.ImagePreview?.zoomIn,
       content: /* @__PURE__ */ t(ho, {}),
-      onClick: Y,
+      onClick: D,
       disabled: n === u.maxScale
     },
     {
@@ -299,7 +303,7 @@ function Jo(ge, ve) {
     {
       key: "originalSize",
       name: y?.ImagePreview?.originalSize,
-      content: /* @__PURE__ */ t(Co, {}),
+      content: /* @__PURE__ */ t(ko, {}),
       onClick: oo
     },
     {
@@ -311,16 +315,16 @@ function Jo(ge, ve) {
     !!v && {
       key: "next",
       name: "下一张",
-      content: /* @__PURE__ */ t(ko, {}),
-      disabled: te,
-      onClick: A
+      content: /* @__PURE__ */ t(Co, {}),
+      disabled: ne,
+      onClick: V
     },
     !!v && {
       key: "prev",
       name: "上一张",
       content: /* @__PURE__ */ t(vo, {}),
-      disabled: oe,
-      onClick: D
+      disabled: te,
+      onClick: A
     },
     {
       key: "copy",
@@ -331,11 +335,11 @@ function Jo(ge, ve) {
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ t(me, {}),
-      onClick: ae
+      content: /* @__PURE__ */ t(fe, {}),
+      onClick: se
     }
   ].filter(Boolean);
-  Vo(
+  Do(
     (e) => {
       io(e);
     },
@@ -354,7 +358,7 @@ function Jo(ge, ve) {
           ...je,
           transform: `translate(${s.x}px, ${s.y}px) rotate(${x}deg)`
         },
-        src: L,
+        src: E,
         ...Ge,
         onLoad: ao,
         onError: so,
@@ -362,28 +366,28 @@ function Jo(ge, ve) {
           o.button === 0 && co(o);
         }
       },
-      L
+      E
     );
-    return $e?.(e) ?? e;
+    return Le?.(e) ?? e;
   };
-  return /* @__PURE__ */ t(Yo, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ t(
-    Po,
+  return /* @__PURE__ */ t(Xo, { visible: r, forceRender: !1, getContainer: re, children: /* @__PURE__ */ t(
+    No,
     {
-      ...q,
+      ...K,
       childrenName: "ImagePreview",
       getPopupContainer: () => d.current,
       children: /* @__PURE__ */ P(
         "div",
         {
-          className: De,
+          className: Ae,
           style: {
             ...be || {},
-            ...Ke ? {} : { zIndex: "inherit", position: "absolute" }
+            ..._e ? {} : { zIndex: "inherit", position: "absolute" }
           },
-          ref: _,
+          ref: q,
           children: [
             /* @__PURE__ */ t(
-              ue,
+              Io,
               {
                 in: r,
                 timeout: 400,
@@ -397,7 +401,15 @@ function Jo(ge, ve) {
                 onExited: (e) => {
                   e && (e.parentNode.style.display = "", e.style.display = "none");
                 },
-                children: /* @__PURE__ */ t("div", { className: `${i}-mask`, onClick: ro })
+                refElement: J,
+                children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    ref: J,
+                    className: `${i}-mask`,
+                    onClick: ro
+                  }
+                )
               }
             ),
             r && /* @__PURE__ */ P(
@@ -405,39 +417,29 @@ function Jo(ge, ve) {
               {
                 ref: d,
                 className: `${i}-wrapper`,
-                onClick: ie,
+                onClick: ae,
                 children: [
                   /* @__PURE__ */ P(
                     "div",
                     {
-                      ref: Ae,
+                      ref: Ve,
                       className: `${i}-img-container`,
                       style: { transform: `scale(${n}, ${n})` },
-                      onClick: ie,
+                      onClick: ae,
                       children: [
                         mo(),
-                        Ve && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(yo, {}) })
+                        Ye && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(yo, {}) })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    ue,
-                    {
-                      in: J,
-                      timeout: 400,
-                      appear: !0,
-                      classNames: `${i}-fade`,
-                      unmountOnExit: !0,
-                      children: /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
-                        (n * 100).toFixed(0),
-                        "%"
-                      ] })
-                    }
-                  ),
-                  Ye && /* @__PURE__ */ t(
-                    Fo,
+                  Q && /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
+                    (n * 100).toFixed(0),
+                    "%"
+                  ] }),
+                  De && /* @__PURE__ */ t(
+                    Zo,
                     {
-                      prefixCls: K,
+                      prefixCls: _,
                       previewPrefixCls: i,
                       actions: Pe,
                       actionsLayout: Ne,
@@ -449,23 +451,23 @@ function Jo(ge, ve) {
                     "div",
                     {
                       className: `${i}-close-btn`,
-                      onClick: ae,
-                      children: /* @__PURE__ */ t(me, {})
+                      onClick: se,
+                      children: /* @__PURE__ */ t(fe, {})
                     }
                   ),
                   v && /* @__PURE__ */ t(
-                    Bo,
+                    Fo,
                     {
-                      previewCount: k.size,
+                      previewCount: C.size,
                       current: a,
                       infinite: w,
-                      disableLeft: oe,
-                      disableRight: te,
-                      onPrev: D,
-                      onNext: A
+                      disableLeft: te,
+                      disableRight: ne,
+                      onPrev: A,
+                      onNext: V
                     }
                   ),
-                  Me
+                  Te
                 ]
               }
             )
@@ -475,10 +477,10 @@ function Jo(ge, ve) {
     }
   ) });
 }
-const Qo = Io(
-  Jo
+const et = So(
+  Qo
 );
-Qo.displayName = "ImagePreview";
+et.displayName = "ImagePreview";
 export {
-  Qo as default
+  et as default
 };

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import p from "@unicom-cloud/icons/IconUiLeft";
 import d from "@unicom-cloud/icons/IconUiRight";

package/image/ImagePreviewGroup.js

@@ -1,6 +1,6 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
-import p, { forwardRef as J, useMemo as K, useState as Q, useRef as P, useEffect as T, useImperativeHandle as W } from "react";
+import p, { forwardRef as J, useMemo as K, useState as Q, useRef as M, useEffect as T, useImperativeHandle as W } from "react";
 import X from "@unicom-cloud/ui-common/hooks/use-is-first-render";
 import g from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import { isUndefined as Y, isArray as Z, isPlainObject as $ } from "@unicom-cloud/ui-common/utils/is";
@@ -11,21 +11,21 @@ function ne(C, y) {
     children: x,
     srcList: u,
     infinite: I,
-    current: R,
-    defaultCurrent: U,
-    onChange: b,
-    visible: h,
+    current: U,
+    defaultCurrent: b,
+    onChange: h,
+    visible: R,
     defaultVisible: V,
     forceRender: G,
     onVisibleChange: D,
     ...N
   } = C, [l, j] = g(!1, {
-    value: h,
+    value: R,
     defaultValue: V
   }), i = K(
     () => u ? new Map(u.map((e, r) => [r, { url: e, preview: !0 }])) : null,
     [u]
-  ), A = X(), v = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, a] = Q(v()), c = P(), F = c.current || /* @__PURE__ */ new Map(), w = (e) => {
+  ), A = X(), v = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, a] = Q(v()), c = M(), F = c.current || /* @__PURE__ */ new Map(), w = (e) => {
     c.current = e(c.current);
   };
   T(() => {
@@ -34,8 +34,8 @@ function ne(C, y) {
   const d = new Map(
     Array.from(E).filter(([, { preview: e }]) => e).map(([e, { url: r }]) => [e, r])
   ), [L, S] = g(0, {
-    value: R,
-    defaultValue: U
+    value: U,
+    defaultValue: b
   });
   function _(e, r, t) {
     return i || a(
@@ -60,17 +60,17 @@ function ne(C, y) {
       });
     };
   }
-  const f = P(void 0);
+  const f = M(void 0);
   W(y, () => ({
     reset: () => {
       f.current && f.current.reset();
     }
   }));
-  const M = (e, r) => {
+  const P = (e, r) => {
     const t = Y(r) ? l : r;
     D?.(e, t), j(e);
   }, O = (e) => {
-    b?.(e), S(e);
+    h?.(e), S(e);
   }, k = (e) => {
     let r = 0;
     const t = (s) => {
@@ -98,7 +98,7 @@ function ne(C, y) {
         registerPreviewUrl: _,
         registerPreviewProps: H,
         visible: l,
-        handleVisibleChange: M
+        handleVisibleChange: P
       },
       children: [
         k(x),
@@ -108,7 +108,7 @@ function ne(C, y) {
             ref: f,
             src: "",
             visible: l,
-            onVisibleChange: M,
+            onVisibleChange: P,
             ...N
           }
         ),