@unicom-cloud/ui 0.8.65 → 0.8.67

package/chunk/{DqFhzTWC.js → fkclKOAL.js}

@@ -1,146 +1,150 @@
 var Mt = Object.defineProperty;
 var Nt = (s, t, o) => t in s ? Mt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[t] = o;
-var Xe = (s, t, o) => Nt(s, typeof t != "symbol" ? t + "" : t, o);
-import { jsx as i, jsxs as V } from "react/jsx-runtime";
+var Fe = (s, t, o) => Nt(s, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as i, jsxs as D } from "react/jsx-runtime";
 import We from "lodash/isArray";
 import Lt from "lodash/isPlainObject";
 import Ze from "lodash/isUndefined";
-import ie, { useContext as Pe, forwardRef as Ne, createContext as At, useState as M, useRef as U, useMemo as Se, useImperativeHandle as je, useCallback as $t, useEffect as $ } from "react";
-import { useIsFirstRender as Ut } from "../hooks/useIsFirstRender.js";
-import { useMergeValue as Me } from "../hooks/useMergeValue.js";
+import ie, { useContext as Pe, forwardRef as Ne, createContext as $t, useState as S, useRef as A, useMemo as Se, useImperativeHandle as je, useCallback as At, useEffect as $ } from "react";
+import { u as zt } from "./CLiqJm_T.js";
+import { R as Me } from "./HDUQku8d.js";
 import Be from "@unicom-cloud/icons/IconUiClose";
 import Tt from "@unicom-cloud/icons/IconUiCopy";
-import Rt from "@unicom-cloud/icons/IconUiFullscreen";
-import He from "@unicom-cloud/icons/IconUiLeft";
-import zt from "@unicom-cloud/icons/IconUiLoading";
-import Et from "@unicom-cloud/icons/IconUiOriginalSize";
-import _e from "@unicom-cloud/icons/IconUiRight";
-import Dt from "@unicom-cloud/icons/IconUiRotateLeft";
-import Ot from "@unicom-cloud/icons/IconUiRotateRight";
+import Ut from "@unicom-cloud/icons/IconUiFullscreen";
+import _e from "@unicom-cloud/icons/IconUiLeft";
+import Rt from "@unicom-cloud/icons/IconUiLoading";
+import Ot from "@unicom-cloud/icons/IconUiOriginalSize";
+import He from "@unicom-cloud/icons/IconUiRight";
+import Et from "@unicom-cloud/icons/IconUiRotateLeft";
+import Dt from "@unicom-cloud/icons/IconUiRotateRight";
 import Vt from "@unicom-cloud/icons/IconUiZoomIn";
 import Yt from "@unicom-cloud/icons/IconUiZoomOut";
-import { d as qe, a as Ft } from "./DlLL5JQo.js";
+import { a as Ke, b as Xt } from "./BJQ5UNa-.js";
 import "lodash/isEqualWith";
-import "../utils/is.js";
-import { A as Xt, c as Bt, a as Gt, b as Wt, d as Zt } from "./C2lIz2F9.js";
+import "./CkNSv2U7.js";
+import { r as Ft, d as Bt, y as Gt, n as Wt, o as Zt } from "./BrOW642m.js";
 import "lodash/isNumber";
 import "lodash/merge";
 import { isServerRendering as jt, on as Ce, off as ke } from "../utils/dom.js";
-import "../hooks/useIntersectionObserver.js";
-import { useMergeProps as Ht } from "../hooks/useMergeProps.js";
-import { useOverflowHidden as _t } from "../hooks/useOverflowHidden.js";
-import { findDOMNode as qt } from "../utils/reactDOM.js";
-import { useUpdateEffect as Kt } from "../hooks/useUpdateEffect.js";
+import "./HrAP__Hi.js";
+import { c as _t } from "./B5gK1Idp.js";
+import { y as Ht } from "./BfbXSG70.js";
+import { g as Kt } from "./BUdtVdnv.js";
+import "./Ce1j9KTi.js";
+import { c as qt } from "./BbEYToV1.js";
+import "lodash/debounce";
 import Jt from "../Portal.js";
-import { P as Ge } from "./CLBavO5c.js";
-import { y as Y } from "./BAWsPQBM.js";
-import { s as Qt } from "./CwhPMMWy.js";
-import en from "@unicom-cloud/icons/IconUiMore";
-import tn from "../Tooltip.js";
-import nn from "../Trigger.js";
-const on = (s) => {
-  const { style: t, className: o, prefixCls: n, popup: r, children: u } = s, c = Y(`${n}-trigger`, o);
-  return /* @__PURE__ */ i(nn, { style: t, className: c, popup: r, showArrow: !0, children: u });
+import { N as Ge } from "./DC1iHEiy.js";
+import { m as V } from "./JPPo5nY_.js";
+import { s as Qt } from "./Ey4YJCkX.js";
+import { l as en } from "./flvYlqx3.js";
+import tn from "@unicom-cloud/icons/IconUiMore";
+import nn from "../Tooltip.js";
+import on from "../Trigger.js";
+const rn = (s) => {
+  const { style: t, className: o, prefixCls: n, popup: r, children: u } = s, a = V(`${n}-trigger`, o);
+  return /* @__PURE__ */ i(on, { style: t, className: a, popup: r, showArrow: !0, children: u });
 };
-function rn(s) {
+function sn(s) {
   const {
     current: t,
     previewCount: o,
     infinite: n = !1,
     disableLeft: r,
     disableRight: u,
-    onPrev: c,
-    onNext: y
-  } = s, { getPrefixCls: N } = Pe(qe), v = N("image-preview"), F = Y(`${v}-arrow`);
-  return /* @__PURE__ */ V("div", { className: F, children: [
+    onPrev: a,
+    onNext: w
+  } = s, { getPrefixCls: M } = Pe(Ke), v = M("image-preview"), Y = V(`${v}-arrow`);
+  return /* @__PURE__ */ D("div", { className: Y, children: [
     /* @__PURE__ */ i(
       "div",
       {
-        className: Y(`${v}-arrow-left`, {
+        className: V(`${v}-arrow-left`, {
           [`${v}-arrow-disabled`]: r
         }),
         onClick: (b) => {
-          b.preventDefault(), !r && (c == null || c());
+          b.preventDefault(), !r && (a == null || a());
         },
-        children: /* @__PURE__ */ i(He, {})
+        children: /* @__PURE__ */ i(_e, {})
       }
     ),
     /* @__PURE__ */ i(
       "div",
       {
-        className: Y(`${v}-arrow-right`, {
+        className: V(`${v}-arrow-right`, {
           [`${v}-arrow-disabled`]: u
         }),
         onClick: (b) => {
-          b.preventDefault(), !u && (y == null || y());
+          b.preventDefault(), !u && (w == null || w());
         },
-        children: /* @__PURE__ */ i(_e, {})
+        children: /* @__PURE__ */ i(He, {})
       }
     )
   ] });
 }
-const sn = (s, t) => {
+const an = (s, t) => {
   const {
     prefixCls: o,
     previewPrefixCls: n,
     simple: r = !1,
     actions: u = [],
-    actionsLayout: c = [],
-    defaultActions: y = []
-  } = s, N = new Set(c), v = (f) => N.has(f.key), F = [
-    ...y.filter(v),
+    actionsLayout: a = [],
+    defaultActions: w = []
+  } = s, M = new Set(a), v = (m) => M.has(m.key), Y = [
+    ...w.filter(v),
     ...u.filter(v)
   ], b = u.filter(
-    (f) => !N.has(f.key)
-  ), X = F.sort((f, I) => {
-    const L = c.indexOf(f.key), R = c.indexOf(I.key);
-    return L > R ? 1 : -1;
+    (m) => !M.has(m.key)
+  ), X = Y.sort((m, I) => {
+    const N = a.indexOf(m.key), T = a.indexOf(I.key);
+    return N > T ? 1 : -1;
   });
-  if (N.has("extra")) {
-    const f = c.indexOf("extra");
-    X.splice(f, 0, ...b);
+  if (M.has("extra")) {
+    const m = a.indexOf("extra");
+    X.splice(m, 0, ...b);
   }
-  const T = (f, I = !1) => {
-    const { content: L, disabled: R, key: C, name: P, getContainer: z, onClick: E, ...j } = f, D = /* @__PURE__ */ V(
+  const z = (m, I = !1) => {
+    const { content: N, disabled: T, key: x, name: P, getContainer: U, onClick: R, ...j } = m, O = /* @__PURE__ */ D(
       "div",
       {
-        className: Y(`${n}-toolbar-action`, {
-          [`${n}-toolbar-action-disabled`]: R
+        className: V(`${n}-toolbar-action`, {
+          [`${n}-toolbar-action-disabled`]: T
         }),
-        onClick: (B) => {
-          !R && E && E(B);
+        onClick: (F) => {
+          !T && R && R(F);
         },
-        onMouseDown: (B) => {
-          B.preventDefault();
+        onMouseDown: (F) => {
+          F.preventDefault();
         },
         ...j,
         children: [
-          L && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-content`, children: L }),
+          N && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-content`, children: N }),
           I && P && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-name`, children: P })
         ]
       },
-      C
+      x
     );
-    return z ? z(D) : D;
+    return U ? U(O) : O;
   };
-  if (!X.length) return null;
-  const Z = X.map((f) => {
-    const I = T(f, r);
-    return !r && f.name && !f.getContainer ? /* @__PURE__ */ i(
-      tn,
+  if (!X.length)
+    return null;
+  const Z = X.map((m) => {
+    const I = z(m, r);
+    return !r && m.name && !m.getContainer ? /* @__PURE__ */ i(
+      nn,
       {
-        content: f.name,
+        content: m.name,
         className: `${n}-toolbar-tooltip`,
         children: I
       },
-      f.key
+      m.key
     ) : I;
   });
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ D(
     "div",
     {
       ref: t,
-      className: Y(
+      className: V(
         `${n}-toolbar`,
         {
           [`${n}-toolbar-simple`]: r
@@ -150,14 +154,14 @@ const sn = (s, t) => {
       style: s.style,
       children: [
         r && /* @__PURE__ */ i(
-          on,
+          rn,
           {
             prefixCls: o,
             className: `${n}-trigger`,
             popup: () => /* @__PURE__ */ i("div", { children: Z }),
-            children: T({
+            children: z({
               key: "trigger",
-              content: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(en, {}) })
+              content: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(tn, {}) })
             })
           }
         ),
@@ -165,9 +169,9 @@ const sn = (s, t) => {
       ]
     }
   );
-}, an = Ne(
-  sn
-), Ke = At({
+}, cn = Ne(
+  an
+), qe = $t({
   previewGroup: !1,
   previewUrlMap: /* @__PURE__ */ new Map(),
   previewPropsMap: /* @__PURE__ */ new Map(),
@@ -180,9 +184,9 @@ const sn = (s, t) => {
   visible: !1,
   handleVisibleChange: () => null
 });
-function cn(s, t, o, n, r) {
-  let u = o, c = n;
-  return o && (s.width > t.width ? u = 0 : (t.left > s.left && (u -= Math.abs(s.left - t.left) / r), t.right < s.right && (u += Math.abs(s.right - t.right) / r))), n && (s.height > t.height ? c = 0 : (t.top > s.top && (c -= Math.abs(s.top - t.top) / r), t.bottom < s.bottom && (c += Math.abs(s.bottom - t.bottom) / r))), [u, c];
+function ln(s, t, o, n, r) {
+  let u = o, a = n;
+  return o && (s.width > t.width ? u = 0 : (t.left > s.left && (u -= Math.abs(s.left - t.left) / r), t.right < s.right && (u += Math.abs(s.right - t.right) / r))), n && (s.height > t.height ? a = 0 : (t.top > s.top && (a -= Math.abs(s.top - t.top) / r), t.bottom < s.bottom && (a += Math.abs(s.bottom - t.bottom) / r))), [u, a];
 }
 const Je = [
   25,
@@ -203,9 +207,9 @@ const Je = [
   400,
   500
 ];
-class ln {
+class un {
   constructor(t) {
-    Xe(this, "scaleAttr");
+    Fe(this, "scaleAttr");
     this.updateScale(t);
   }
   get scales() {
@@ -226,8 +230,10 @@ class ln {
     this.scaleAttr = o;
   }
   findClosestIndex(t, o = this.scaleAttr) {
-    if (!o.length) return;
-    if (o.length === 1) return 0;
+    if (!o.length)
+      return;
+    if (o.length === 1)
+      return 0;
     let n = o.length - 1;
     for (let r = 0; r < o.length; r++) {
       const u = o[r];
@@ -236,8 +242,8 @@ class ln {
         break;
       }
       if (t < u) {
-        const c = o[r - 1];
-        n = c === void 0 || Math.abs(c - t) <= Math.abs(u - t) ? r - 1 : r;
+        const a = o[r - 1];
+        n = a === void 0 || Math.abs(a - t) <= Math.abs(u - t) ? r - 1 : r;
         break;
       }
     }
@@ -248,8 +254,8 @@ class ln {
     return n === -1 && (n = this.findClosestIndex(t)), o === "zoomIn" ? n === this.scaleAttr.length - 1 ? t : this.scaleAttr[n + 1] : n === 0 ? t : this.scaleAttr[n - 1];
   }
 }
-function un(s) {
-  const [t, o] = M(s);
+function mn(s) {
+  const [t, o] = S(s);
   return {
     status: t,
     isBeforeLoad: t === "beforeLoad",
@@ -284,123 +290,123 @@ const Ie = 90, fn = {
   scales: Je,
   resetTranslate: !0
 };
-function mn(s, t) {
+function pn(s, t) {
   const {
     previewGroup: o,
     previewUrlMap: n,
     currentIndex: r,
     setCurrentIndex: u,
-    infinite: c,
-    previewPropsMap: y
-  } = Pe(Ke), N = o ? y.get(r) : {}, v = Ht(
+    infinite: a,
+    previewPropsMap: w
+  } = Pe(qe), M = o ? w.get(r) : {}, v = _t(
     s,
     fn,
-    N
+    M
   ), {
-    className: F,
+    className: Y,
     style: b,
     src: X,
-    defaultVisible: T,
+    defaultVisible: z,
     maskClosable: Z,
-    closable: f,
+    closable: m,
     breakPoint: I,
-    actions: L,
-    actionsLayout: R,
-    getPopupContainer: C,
+    actions: N,
+    actionsLayout: T,
+    getPopupContainer: x,
     onVisibleChange: P,
-    scales: z,
-    escToExit: E,
+    scales: U,
+    escToExit: R,
     imgAttributes: j = {},
-    imageRender: D,
-    extra: B = null,
+    imageRender: O,
+    extra: F = null,
     resetTranslate: J
-  } = v, H = o ? n.get(r) : X, [G, Q] = M(H), [h, se] = Me(!1, {
-    defaultValue: T,
+  } = v, _ = o ? n.get(r) : X, [B, Q] = S(_), [h, se] = Me(!1, {
+    defaultValue: z,
     value: v.visible
-  }), ee = Pe(qe), { getPrefixCls: l, locale: m, rtl: k } = ee, x = l("image"), p = `${x}-preview`, d = Y(
+  }), ee = Pe(Ke), { getPrefixCls: c, locale: f, rtl: C } = ee, y = c("image"), p = `${y}-preview`, d = V(
     p,
     {
       [`${p}-hide`]: !h,
-      [`${p}-rtl`]: k
+      [`${p}-rtl`]: C
     },
-    F
-  ), _ = U(), et = U(), S = U(), Le = U(), ae = U(!1), K = U({
+    Y
+  ), H = A(), et = A(), G = A(), Le = A(), ae = A(!1), q = A({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { isLoading: tt, isLoaded: nt, setStatus: ce } = un("loading"), [ot, rt] = M(!1), [A, le] = M({ x: 0, y: 0 }), [g, ue] = M(1), [Ae, $e] = M(!1), [te, fe] = M(0), [O, Ue] = M(!1), W = Se(() => new ln(z), []), {
-    onLoad: me,
+  }), { isLoading: tt, isLoaded: nt, setStatus: ce } = mn("loading"), [ot, rt] = S(!1), [L, le] = S({ x: 0, y: 0 }), [g, ue] = S(1), [$e, Ae] = S(!1), [te, me] = S(0), [E, ze] = S(!1), W = Se(() => new un(U), []), {
+    onLoad: fe,
     onError: pe,
     onMouseDown: de,
     style: it,
     className: st,
     ...at
-  } = j, Te = !c && r <= 0, Re = !c && r >= n.size - 1;
+  } = j, Te = !a && r <= 0, Ue = !a && r >= n.size - 1;
   function ge() {
-    le({ x: 0, y: 0 }), ue(1), fe(0);
+    le({ x: 0, y: 0 }), ue(1), me(0);
   }
   je(t, () => ({
     reset: ge,
     getRootDOMNode: () => Le.current
   }));
-  const [ne, ct] = M(), ze = $t(() => ne, [ne]);
+  const [ne, ct] = S(), Re = At(() => ne, [ne]);
   $(() => {
-    const e = C == null ? void 0 : C(), a = qt(e) || document.body;
-    ct(a);
-  }, [C]), _t(ze, { hidden: h });
+    const e = x == null ? void 0 : x(), l = Kt(e) || document.body;
+    ct(l);
+  }, [x]), Ht(Re, { hidden: h });
   const lt = Se(
     () => !jt && ne === document.body,
     [ne]
   );
-  function Ee(e) {
-    const a = n.size;
-    c && (e %= a, e < 0 && (e = a - Math.abs(e))), e !== r && e >= 0 && e <= a - 1 && u(e);
+  function Oe(e) {
+    const l = n.size;
+    a && (e %= l, e < 0 && (e = l - Math.abs(e))), e !== r && e >= 0 && e <= l - 1 && u(e);
   }
   function he() {
-    Ee(r - 1);
+    Oe(r - 1);
   }
   function ve() {
-    Ee(r + 1);
+    Oe(r + 1);
   }
   function ut() {
-    fe(te === 0 ? 360 - Ie : te - Ie);
+    me(te === 0 ? 360 - Ie : te - Ie);
   }
-  function ft() {
-    fe((te + Ie) % 360);
+  function mt() {
+    me((te + Ie) % 360);
   }
-  const we = U(null), mt = () => {
-    !Ae && $e(!0), we.current && clearTimeout(we.current), we.current = setTimeout(() => {
-      $e(!1);
+  const we = A(null), ft = () => {
+    !$e && Ae(!0), we.current && clearTimeout(we.current), we.current = setTimeout(() => {
+      Ae(!1);
     }, 1e3);
   }, oe = (e) => {
-    g !== e && (ue(e), mt());
+    g !== e && (ue(e), ft());
   };
   function ye() {
     const e = W.getNextScale(g, "zoomIn");
     oe(e);
   }
-  function xe() {
+  function be() {
     const e = W.getNextScale(g, "zoomOut");
     oe(e);
   }
   function pt(e) {
-    e.deltaY > 0 ? g >= W.minScale && xe() : g <= W.maxScale && ye();
+    e.deltaY > 0 ? g >= W.minScale && be() : g <= W.maxScale && ye();
   }
   function dt() {
     oe(1);
   }
   function gt() {
-    const e = S.current.getBoundingClientRect(), a = _.current.getBoundingClientRect(), w = e.height / (a.height / g), q = e.width / (a.width / g), be = Math.max(w, q);
-    oe(be);
+    const e = G.current.getBoundingClientRect(), l = H.current.getBoundingClientRect(), k = e.height / (l.height / g), K = e.width / (l.width / g), xe = Math.max(k, K);
+    oe(xe);
   }
-  function De(e) {
+  function Ee(e) {
     e.target === e.currentTarget && Z && re();
   }
   function ht() {
-    Qt(G);
+    Qt(B);
   }
-  function Oe() {
+  function De() {
     re();
   }
   function vt(e) {
@@ -411,67 +417,68 @@ function mn(s, t) {
   }
   function wt(e) {
     if (e && e.length) {
-      const w = e[0].contentRect.width < I;
-      rt(w);
+      const k = e[0].contentRect.width < I;
+      rt(k);
     }
   }
   const Ve = () => {
-    if (!S.current || !_.current) return;
-    const e = S.current.getBoundingClientRect(), a = _.current.getBoundingClientRect(), [w, q] = cn(
+    if (!G.current || !H.current)
+      return;
+    const e = G.current.getBoundingClientRect(), l = H.current.getBoundingClientRect(), [k, K] = ln(
       e,
-      a,
-      A.x,
-      A.y,
+      l,
+      L.x,
+      L.y,
       g
     );
-    (w !== A.x || q !== A.y) && le({
-      x: w,
-      y: q
+    (k !== L.x || K !== L.y) && le({
+      x: k,
+      y: K
     });
   }, Ye = (e) => {
-    var a;
-    if (h && O) {
-      (a = e.preventDefault) == null || a.call(e);
-      const { originX: w, originY: q, pageX: be, pageY: It } = K.current, Pt = w + (e.pageX - be) / g, St = q + (e.pageY - It) / g;
+    var l;
+    if (h && E) {
+      (l = e.preventDefault) == null || l.call(e);
+      const { originX: k, originY: K, pageX: xe, pageY: It } = q.current, Pt = k + (e.pageX - xe) / g, St = K + (e.pageY - It) / g;
       le({
         x: Pt,
         y: St
       });
     }
-  }, Fe = (e) => {
-    var a;
-    (a = e.preventDefault) == null || a.call(e), Ue(!1);
+  }, Xe = (e) => {
+    var l;
+    (l = e.preventDefault) == null || l.call(e), ze(!1);
   };
   function yt(e) {
-    ce("loaded"), me == null || me(e);
+    ce("loaded"), fe == null || fe(e);
   }
-  function xt(e) {
+  function bt(e) {
     ce("error"), pe == null || pe(e);
   }
-  const bt = (e) => {
-    var w;
-    (w = e.preventDefault) == null || w.call(e), Ue(!0);
-    const a = e.type === "touchstart" ? e.touches[0] : e;
-    K.current.pageX = a.pageX, K.current.pageY = a.pageY, K.current.originX = A.x, K.current.originY = A.y, de == null || de(e);
+  const xt = (e) => {
+    var k;
+    (k = e.preventDefault) == null || k.call(e), ze(!0);
+    const l = e.type === "touchstart" ? e.touches[0] : e;
+    q.current.pageX = l.pageX, q.current.pageY = l.pageY, q.current.originX = L.x, q.current.originY = L.y, de == null || de(e);
   };
-  $(() => (h && O && (Ce(document, "mousemove", Ye, !1), Ce(document, "mouseup", Fe, !1)), () => {
-    ke(document, "mousemove", Ye, !1), ke(document, "mouseup", Fe, !1);
-  }), [h, O]), $(() => {
-    J && !O && Ve();
-  }, [O, A]), $(() => {
+  $(() => (h && E && (Ce(document, "mousemove", Ye, !1), Ce(document, "mouseup", Xe, !1)), () => {
+    ke(document, "mousemove", Ye, !1), ke(document, "mouseup", Xe, !1);
+  }), [h, E]), $(() => {
+    J && !E && Ve();
+  }, [E, L]), $(() => {
     J && Ve();
   }, [g]), $(() => {
     h && ge();
   }, [h]), $(() => {
-    Q(H), ce(H ? "loading" : "loaded"), ge();
-  }, [H]), Kt(() => {
-    W.updateScale(z), ue(1);
-  }, [z]), $(() => {
-    const e = (a) => {
-      if (a)
-        switch (a.key) {
+    Q(_), ce(_ ? "loading" : "loaded"), ge();
+  }, [_]), qt(() => {
+    W.updateScale(U), ue(1);
+  }, [U]), $(() => {
+    const e = (l) => {
+      if (l)
+        switch (l.key) {
           case Zt.key:
-            E && re();
+            R && re();
             break;
           case Wt.key:
             ve();
@@ -482,66 +489,66 @@ function mn(s, t) {
           case Bt.key:
             ye();
             break;
-          case Xt.key:
-            xe();
+          case Ft.key:
+            be();
             break;
         }
     };
-    return h && !O && !ae.current && (ae.current = !0, Ce(document, "keydown", e)), () => {
+    return h && !E && !ae.current && (ae.current = !0, Ce(document, "keydown", e)), () => {
       ae.current = !1, ke(document, "keydown", e);
     };
-  }, [h, E, O, r, g]);
+  }, [h, R, E, r, g]);
   const Ct = [
     !1,
     {
       key: "rotateRight",
-      name: m.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ i(Ot, {}),
-      onClick: ft
+      name: f.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ i(Dt, {}),
+      onClick: mt
     },
     {
       key: "rotateLeft",
-      name: m.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ i(Dt, {}),
+      name: f.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ i(Et, {}),
       onClick: ut
     },
     {
       key: "zoomIn",
-      name: m.ImagePreview.zoomIn,
+      name: f.ImagePreview.zoomIn,
       content: /* @__PURE__ */ i(Vt, {}),
       onClick: ye,
       disabled: g === W.maxScale
     },
     {
       key: "zoomOut",
-      name: m.ImagePreview.zoomOut,
+      name: f.ImagePreview.zoomOut,
       content: /* @__PURE__ */ i(Yt, {}),
-      onClick: xe,
+      onClick: be,
       disabled: g === W.minScale
     },
     {
       key: "originalSize",
-      name: m.ImagePreview.originalSize,
-      content: /* @__PURE__ */ i(Et, {}),
+      name: f.ImagePreview.originalSize,
+      content: /* @__PURE__ */ i(Ot, {}),
       onClick: dt
     },
     {
       key: "maximize",
       name: "最大化",
-      content: /* @__PURE__ */ i(Rt, {}),
+      content: /* @__PURE__ */ i(Ut, {}),
       onClick: gt
     },
     !!o && {
       key: "next",
       name: "下一张",
-      content: /* @__PURE__ */ i(_e, {}),
-      disabled: Re,
+      content: /* @__PURE__ */ i(He, {}),
+      disabled: Ue,
       onClick: ve
     },
     !!o && {
       key: "prev",
       name: "上一张",
-      content: /* @__PURE__ */ i(He, {}),
+      content: /* @__PURE__ */ i(_e, {}),
       disabled: Te,
       onClick: he
     },
@@ -555,47 +562,46 @@ function mn(s, t) {
       key: "close",
       name: "关闭",
       content: /* @__PURE__ */ i(Be, {}),
-      onClick: Oe
+      onClick: De
     }
   ].filter(Boolean);
   $(() => {
-    let e;
-    return S.current && (e = new ResizeObserver(wt), e.observe(S.current)), () => {
-      var a, w;
-      S.current && ((a = e == null ? void 0 : e.unobserve) == null || a.call(e, S.current)), (w = e == null ? void 0 : e.disconnect) == null || w.call(e), e = null;
+    const e = en([G.current], wt);
+    return () => {
+      e();
     };
-  }, [S.current]);
+  }, [G.current]);
   const kt = () => {
     const e = /* @__PURE__ */ i(
       "img",
       {
         onWheel: pt,
-        ref: _,
-        className: Y(st, `${p}-img`, {
-          [`${p}-img-moving`]: O
+        ref: H,
+        className: V(st, `${p}-img`, {
+          [`${p}-img-moving`]: E
         }),
         style: {
           ...it,
-          transform: `translate(${A.x}px, ${A.y}px) rotate(${te}deg)`
+          transform: `translate(${L.x}px, ${L.y}px) rotate(${te}deg)`
         },
-        src: G,
+        src: B,
         ...at,
         onLoad: yt,
-        onError: xt,
-        onMouseDown: (a) => {
-          a.button === 0 && bt(a);
+        onError: bt,
+        onMouseDown: (l) => {
+          l.button === 0 && xt(l);
         }
       },
-      G
+      B
     );
-    return (D == null ? void 0 : D(e)) ?? e;
+    return (O == null ? void 0 : O(e)) ?? e;
   };
-  return /* @__PURE__ */ i(Jt, { visible: h, forceRender: !1, getContainer: ze, children: /* @__PURE__ */ i(
-    Ft,
+  return /* @__PURE__ */ i(Jt, { visible: h, forceRender: !1, getContainer: Re, children: /* @__PURE__ */ i(
+    Xt,
     {
       ...ee,
-      getPopupContainer: () => S.current,
-      children: /* @__PURE__ */ V(
+      getPopupContainer: () => G.current,
+      children: /* @__PURE__ */ D(
         "div",
         {
           className: d,
@@ -623,72 +629,72 @@ function mn(s, t) {
                 children: /* @__PURE__ */ i("div", { className: `${p}-mask`, onClick: vt })
               }
             ),
-            h && /* @__PURE__ */ V(
+            h && /* @__PURE__ */ D(
               "div",
               {
-                ref: S,
+                ref: G,
                 className: `${p}-wrapper`,
-                onClick: De,
+                onClick: Ee,
                 children: [
-                  /* @__PURE__ */ V(
+                  /* @__PURE__ */ D(
                     "div",
                     {
                       ref: et,
                       className: `${p}-img-container`,
                       style: { transform: `scale(${g}, ${g})` },
-                      onClick: De,
+                      onClick: Ee,
                       children: [
                         kt(),
-                        tt && /* @__PURE__ */ i("div", { className: `${p}-loading`, children: /* @__PURE__ */ i(zt, {}) })
+                        tt && /* @__PURE__ */ i("div", { className: `${p}-loading`, children: /* @__PURE__ */ i(Rt, {}) })
                       ]
                     }
                   ),
                   /* @__PURE__ */ i(
                     Ge,
                     {
-                      in: Ae,
+                      in: $e,
                       timeout: 400,
                       appear: !0,
                       classNames: "fadeImage",
                       unmountOnExit: !0,
-                      children: /* @__PURE__ */ V("div", { className: `${p}-scale-value`, children: [
+                      children: /* @__PURE__ */ D("div", { className: `${p}-scale-value`, children: [
                         (g * 100).toFixed(0),
                         "%"
                       ] })
                     }
                   ),
                   nt && /* @__PURE__ */ i(
-                    an,
+                    cn,
                     {
-                      prefixCls: x,
+                      prefixCls: y,
                       previewPrefixCls: p,
-                      actions: L,
-                      actionsLayout: R,
+                      actions: N,
+                      actionsLayout: T,
                       defaultActions: Ct,
                       simple: ot
                     }
                   ),
-                  f && /* @__PURE__ */ i(
+                  m && /* @__PURE__ */ i(
                     "div",
                     {
                       className: `${p}-close-btn`,
-                      onClick: Oe,
+                      onClick: De,
                       children: /* @__PURE__ */ i(Be, {})
                     }
                   ),
                   o && /* @__PURE__ */ i(
-                    rn,
+                    sn,
                     {
                       previewCount: n.size,
                       current: r,
-                      infinite: c,
+                      infinite: a,
                       disableLeft: Te,
-                      disableRight: Re,
+                      disableRight: Ue,
                       onPrev: he,
                       onNext: ve
                     }
                   ),
-                  B
+                  F
                 ]
               }
             )
@@ -699,101 +705,101 @@ function mn(s, t) {
   ) });
 }
 const Qe = Ne(
-  mn
+  pn
 );
 Qe.displayName = "ImagePreview";
-function pn(s, t) {
+function dn(s, t) {
   const {
     children: o,
     srcList: n,
     infinite: r,
     current: u,
-    defaultCurrent: c,
-    onChange: y,
-    visible: N,
+    defaultCurrent: a,
+    onChange: w,
+    visible: M,
     defaultVisible: v,
-    forceRender: F,
+    forceRender: Y,
     onVisibleChange: b,
     ...X
-  } = s, [T, Z] = Me(!1, {
-    value: N,
+  } = s, [z, Z] = Me(!1, {
+    value: M,
     defaultValue: v
-  }), f = Se(
-    () => n ? new Map(n.map((l, m) => [m, { url: l, preview: !0 }])) : null,
+  }), m = Se(
+    () => n ? new Map(n.map((c, f) => [f, { url: c, preview: !0 }])) : null,
     [n]
-  ), I = Ut(), L = () => f ? new Map(f) : /* @__PURE__ */ new Map(), [R, C] = M(L()), P = U(), z = P.current || /* @__PURE__ */ new Map(), E = (l) => {
-    P.current = l(P.current);
+  ), I = zt(), N = () => m ? new Map(m) : /* @__PURE__ */ new Map(), [T, x] = S(N()), P = A(), U = P.current || /* @__PURE__ */ new Map(), R = (c) => {
+    P.current = c(P.current);
   };
   $(() => {
-    I || C(L());
-  }, [f]);
+    I || x(N());
+  }, [m]);
   const j = new Map(
-    Array.from(R).filter(([, { preview: l }]) => l).map(([l, { url: m }]) => [l, m])
-  ), [D, B] = Me(0, {
+    Array.from(T).filter(([, { preview: c }]) => c).map(([c, { url: f }]) => [c, f])
+  ), [O, F] = Me(0, {
     value: u,
-    defaultValue: c
+    defaultValue: a
   });
-  function J(l, m, k) {
-    return f || C(
-      (x) => new Map(x).set(l, {
-        url: m,
-        preview: k
+  function J(c, f, C) {
+    return m || x(
+      (y) => new Map(y).set(c, {
+        url: f,
+        preview: C
       })
     ), function() {
-      f || C((p) => {
+      m || x((p) => {
         const d = new Map(p);
-        return d.delete(l) ? d : p;
+        return d.delete(c) ? d : p;
       });
     };
   }
-  function H(l, m) {
-    return E(
-      (k) => new Map(k).set(l, Lt(m) ? m : {})
+  function _(c, f) {
+    return R(
+      (C) => new Map(C).set(c, Lt(f) ? f : {})
     ), function() {
-      E((x) => {
-        const p = new Map(x);
-        return p.delete(l) ? p : x;
+      R((y) => {
+        const p = new Map(y);
+        return p.delete(c) ? p : y;
       });
     };
   }
-  const G = U();
+  const B = A();
   je(t, () => ({
     reset: () => {
-      G.current && G.current.reset();
+      B.current && B.current.reset();
     }
   }));
-  const Q = (l, m) => {
-    const k = Ze(m) ? T : m;
-    b == null || b(l, k), Z(l);
-  }, h = (l) => {
-    y == null || y(l), B(l);
-  }, se = (l) => {
-    let m = 0;
-    const k = (x) => {
-      const p = ie.Children.map(x, (d) => d && d.props && d.type && d.type.displayName === "Image" ? ie.cloneElement(d, { _index: m++ }) : d && d.props && d.props.children ? ie.cloneElement(d, {
-        children: k(d.props.children)
+  const Q = (c, f) => {
+    const C = Ze(f) ? z : f;
+    b == null || b(c, C), Z(c);
+  }, h = (c) => {
+    w == null || w(c), F(c);
+  }, se = (c) => {
+    let f = 0;
+    const C = (y) => {
+      const p = ie.Children.map(y, (d) => d && d.props && d.type && d.type.displayName === "Image" ? ie.cloneElement(d, { _index: f++ }) : d && d.props && d.props.children ? ie.cloneElement(d, {
+        children: C(d.props.children)
       }) : d);
-      return !We(x) && ie.Children.count(x) === 1 ? p[0] : p;
+      return !We(y) && ie.Children.count(y) === 1 ? p[0] : p;
     };
-    return k(l);
+    return C(c);
   }, ee = () => {
-    const l = Array.from(j.values());
-    return l.length > 0 ? /* @__PURE__ */ i("div", { style: { display: "none" }, children: l.map((m) => /* @__PURE__ */ i("img", { src: m }, m)) }) : null;
+    const c = Array.from(j.values());
+    return c.length > 0 ? /* @__PURE__ */ i("div", { style: { display: "none" }, children: c.map((f) => /* @__PURE__ */ i("img", { src: f }, f)) }) : null;
   };
-  return /* @__PURE__ */ V(
-    Ke.Provider,
+  return /* @__PURE__ */ D(
+    qe.Provider,
     {
       value: {
         previewGroup: !0,
         previewUrlMap: j,
-        previewPropsMap: z,
+        previewPropsMap: U,
         infinite: r,
-        currentIndex: D,
+        currentIndex: O,
         setCurrentIndex: h,
-        setPreviewUrlMap: C,
+        setPreviewUrlMap: x,
         registerPreviewUrl: J,
-        registerPreviewProps: H,
-        visible: T,
+        registerPreviewProps: _,
+        visible: z,
         handleVisibleChange: Q
       },
       children: [
@@ -801,24 +807,24 @@ function pn(s, t) {
         /* @__PURE__ */ i(
           Qe,
           {
-            ref: G,
+            ref: B,
             src: "",
-            visible: T,
+            visible: z,
             onVisibleChange: Q,
             ...X
           }
         ),
-        F && ee()
+        Y && ee()
       ]
     }
   );
 }
-const dn = Ne(pn);
-dn.displayName = "ImagePreviewGroup";
+const gn = Ne(dn);
+gn.displayName = "ImagePreviewGroup";
 export {
   Qe as P,
-  on as T,
-  dn as a,
-  Ke as b,
-  un as u
+  rn as T,
+  gn as a,
+  qe as b,
+  mn as u
 };