@unicom-cloud/ui 0.8.96 → 0.8.98

package/image/ImagePreview.js

@@ -1,45 +1,45 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import ve from "@unicom-cloud/icons/IconUiClose";
-import dt from "@unicom-cloud/icons/IconUiCopy";
-import gt from "@unicom-cloud/icons/IconUiFullscreen";
-import vt from "@unicom-cloud/icons/IconUiLeft";
-import kt from "@unicom-cloud/icons/IconUiLoading";
-import yt from "@unicom-cloud/icons/IconUiOriginalSize";
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import me from "@unicom-cloud/icons/IconUiClose";
+import pt from "@unicom-cloud/icons/IconUiCopy";
+import dt from "@unicom-cloud/icons/IconUiFullscreen";
+import gt from "@unicom-cloud/icons/IconUiLeft";
+import vt from "@unicom-cloud/icons/IconUiLoading";
+import kt from "@unicom-cloud/icons/IconUiOriginalSize";
 import wt from "@unicom-cloud/icons/IconUiRight";
-import Ct from "@unicom-cloud/icons/IconUiRotateLeft";
-import bt from "@unicom-cloud/icons/IconUiRotateRight";
-import ht from "@unicom-cloud/icons/IconUiZoomIn";
-import It from "@unicom-cloud/icons/IconUiZoomOut";
+import yt from "@unicom-cloud/icons/IconUiRotateLeft";
+import Ct from "@unicom-cloud/icons/IconUiRotateRight";
+import bt from "@unicom-cloud/icons/IconUiZoomIn";
+import ht from "@unicom-cloud/icons/IconUiZoomOut";
 import xt from "lodash/isUndefined";
-import { forwardRef as St, useContext as ke, useState as u, useRef as g, useMemo as ye, useImperativeHandle as Rt, useCallback as Pt, useEffect as f } from "react";
-import Nt from "../config-provider/ConfigProvider.js";
+import { forwardRef as It, useContext as ue, useState as m, useRef as d, useMemo as fe, useImperativeHandle as St, useCallback as Rt, useEffect as u } from "react";
+import Pt from "../config-provider/ConfigProvider.js";
 import "lodash/isEqualWith";
-import zt from "../components/common/hooks/useMergeValue.js";
+import Nt from "../components/common/hooks/useMergeValue.js";
 import "../components/common/utils/is.js";
-import { ArrowDown as Tt, ArrowUp as Lt, ArrowLeft as Ot, ArrowRight as $t, Esc as Et } from "@unicom-cloud/utils/constant/keyboardCode";
+import { ArrowDown as zt, ArrowUp as Lt, ArrowLeft as Mt, ArrowRight as Tt, Esc as Et } from "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import { isServerRendering as Mt, on as q, off as K } from "../components/common/utils/dom.js";
+import { isServerRendering as Ot, on as B, off as F } from "../components/common/utils/dom.js";
 import "../components/common/hooks/useIntersectionObserver.js";
-import Ut from "../components/common/hooks/useMergeProps.js";
-import At from "../components/common/hooks/useOverflowHidden.js";
-import { findDOMNode_ as Yt } from "../components/common/utils/reactDOM.js";
+import $t from "../components/common/hooks/useMergeProps.js";
+import Ut from "../components/common/hooks/useOverflowHidden.js";
+import { findDOMNode_ as Dt } from "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
-import Dt from "../components/common/hooks/useUpdateEffect.js";
+import At from "../components/common/hooks/useUpdateEffect.js";
 import "lodash/debounce";
-import Xt from "../portal/index.js";
-import { PqbCSSTransition as we } from "../components/common/utils/PqbCSSTransition.js";
-import Ce from "@unicom-cloud/utils/class-name";
-import Vt from "@unicom-cloud/utils/clipboard-copy";
-import { resizeObserverEffect as Wt } from "../components/common/utils/resizeObserverEffect.js";
-import Bt from "./ImagePreviewArrow.js";
-import Ft from "./ImagePreviewToolbar.js";
-import { PreviewGroupContext as Zt } from "./previewGroupContext.js";
-import jt from "./util/getFixTranslate.js";
-import Ht, { defaultScales as Gt } from "./util/getScale.js";
-import _t from "./util/hook/useImageStatus.js";
-import qt from "../config-provider/context.js";
-const J = 90, Kt = {
+import Vt from "../portal/index.js";
+import { PqbCSSTransition as pe } from "../components/common/utils/PqbCSSTransition.js";
+import de from "@unicom-cloud/utils/class-name";
+import Yt from "@unicom-cloud/utils/clipboard-copy";
+import { resizeObserver as Xt } from "../components/common/utils/resizeObserver.js";
+import Wt from "./ImagePreviewArrow.js";
+import Bt from "./ImagePreviewToolbar.js";
+import { PreviewGroupContext as Ft } from "./previewGroupContext.js";
+import Zt from "./util/getFixTranslate.js";
+import jt, { defaultScales as Ht } from "./util/getScale.js";
+import Gt from "./util/hook/useImageStatus.js";
+import _t from "../config-provider/context.js";
+const Z = 90, qt = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -60,304 +60,301 @@ const J = 90, Kt = {
   ],
   getPopupContainer: () => document.body,
   escToExit: !0,
-  scales: Gt,
+  scales: Ht,
   resetTranslate: !0
 };
-function Jt(be, he) {
+function Kt(ge, ve) {
   const {
-    previewGroup: k,
-    previewUrlMap: w,
-    currentIndex: c,
-    setCurrentIndex: Ie,
+    previewGroup: v,
+    previewUrlMap: y,
+    currentIndex: a,
+    setCurrentIndex: ke,
     infinite: C,
-    previewPropsMap: xe
-  } = ke(Zt), Se = k ? xe.get(c) : {}, z = Ut(
-    be,
-    Kt,
-    Se
+    previewPropsMap: we
+  } = ue(Ft), ye = v ? we.get(a) : {}, N = $t(
+    ge,
+    qt,
+    ye
   ), {
-    className: Re,
-    style: Pe,
-    src: Ne,
-    defaultVisible: ze,
-    maskClosable: Te,
-    closable: Le,
-    breakPoint: Oe,
-    actions: $e,
-    actionsLayout: Ee,
-    getPopupContainer: b,
-    onVisibleChange: T,
-    scales: L,
-    escToExit: Q,
-    imgAttributes: Me = {},
-    imageRender: O,
-    extra: Ue = null,
-    resetTranslate: ee
-  } = z, h = k ? w.get(c) : Ne, [$, Ae] = u(h), [i, Ye] = zt(!1, {
-    defaultValue: ze,
-    value: z.visible
-  }), te = ke(qt), { getPrefixCls: E, locale: r, rtl: De } = te, oe = E == null ? void 0 : E("image"), a = `${oe}-preview`, Xe = Ce(
-    a,
+    className: Ce,
+    style: be,
+    src: he,
+    defaultVisible: xe,
+    maskClosable: Ie,
+    closable: Se,
+    breakPoint: Re,
+    actions: Pe,
+    actionsLayout: Ne,
+    getPopupContainer: j,
+    onVisibleChange: ze,
+    scales: z,
+    escToExit: H,
+    imgAttributes: Le = {},
+    imageRender: Me,
+    extra: Te = null,
+    resetTranslate: G
+  } = N, b = v ? y.get(a) : he, [L, Ee] = m(b), [r, Oe] = Nt(!1, {
+    defaultValue: xe,
+    value: N.visible
+  }), _ = ue(_t), { getPrefixCls: $e, locale: k, rtl: Ue } = _, q = $e?.("image"), i = `${q}-preview`, De = de(
+    i,
     {
-      [`${a}-hide`]: !i,
-      [`${a}-rtl`]: De
+      [`${i}-hide`]: !r,
+      [`${i}-rtl`]: Ue
     },
-    Re
-  ), I = g(), Ve = g(), p = g(), ne = g(), M = g(!1), y = g({
+    Ce
+  ), h = d(), Ae = d(), f = d(), K = d(), M = d(!1), w = d({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { isLoading: We, isLoaded: Be, setStatus: U } = _t("loading"), [Fe, Ze] = u(!1), [m, A] = u({ x: 0, y: 0 }), [n, Y] = u(1), [re, ie] = u(!1), [x, D] = u(0), [l, ae] = u(!1), d = ye(() => new Ht(L), []), {
-    onLoad: X,
-    onError: V,
-    onMouseDown: W,
+  }), { isLoading: Ve, isLoaded: Ye, setStatus: T } = Gt("loading"), [Xe, We] = m(!1), [s, E] = m({ x: 0, y: 0 }), [n, O] = m(1), [J, Q] = m(!1), [x, $] = m(0), [c, ee] = m(!1), p = fe(() => new jt(z), []), {
+    onLoad: Be,
+    onError: Fe,
+    onMouseDown: Ze,
     style: je,
     className: He,
     ...Ge
-  } = Me, se = !C && c <= 0, ce = !C && c >= w.size - 1;
-  function B() {
-    A({ x: 0, y: 0 }), Y(1), D(0);
+  } = Le, te = !C && a <= 0, oe = !C && a >= y.size - 1;
+  function U() {
+    E({ x: 0, y: 0 }), O(1), $(0);
   }
-  Rt(he, () => ({
-    reset: B,
-    getRootDOMNode: () => ne.current
+  St(ve, () => ({
+    reset: U,
+    getRootDOMNode: () => K.current
   }));
-  const [S, _e] = u(), me = Pt(() => S, [S]);
-  f(() => {
-    const e = b == null ? void 0 : b(), t = Yt(e) || document.body;
+  const [I, _e] = m(), ne = Rt(() => I, [I]);
+  u(() => {
+    const e = j?.(), t = Dt(e) || document.body;
     _e(t);
-  }, [b]), At(me, { hidden: i });
-  const qe = ye(
-    () => !Mt && S === document.body,
-    [S]
+  }, [j]), Ut(ne, { hidden: r });
+  const qe = fe(
+    () => !Ot && I === document.body,
+    [I]
   );
-  function le(e) {
-    const t = w.size;
-    C && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== c && e >= 0 && e <= t - 1 && Ie(e);
+  function re(e) {
+    const t = y.size;
+    C && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== a && e >= 0 && e <= t - 1 && ke(e);
   }
-  function F() {
-    le(c - 1);
+  function D() {
+    re(a - 1);
   }
-  function Z() {
-    le(c + 1);
+  function A() {
+    re(a + 1);
   }
   function Ke() {
-    D(x === 0 ? 360 - J : x - J);
+    $(x === 0 ? 360 - Z : x - Z);
   }
   function Je() {
-    D((x + J) % 360);
+    $((x + Z) % 360);
   }
-  const j = g(null), Qe = () => {
-    !re && ie(!0), j.current && clearTimeout(j.current), j.current = setTimeout(() => {
-      ie(!1);
+  const V = d(null), Qe = () => {
+    !J && Q(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
+      Q(!1);
     }, 1e3);
-  }, R = (e) => {
-    n !== e && (Y(e), Qe());
+  }, S = (e) => {
+    n !== e && (O(e), Qe());
   };
-  function H() {
-    const e = d.getNextScale(n, "zoomIn");
-    R(e);
+  function Y() {
+    const e = p.getNextScale(n, "zoomIn");
+    S(e);
   }
-  function G() {
-    const e = d.getNextScale(n, "zoomOut");
-    R(e);
+  function X() {
+    const e = p.getNextScale(n, "zoomOut");
+    S(e);
   }
   function et(e) {
-    e.deltaY > 0 ? n >= d.minScale && G() : n <= d.maxScale && H();
+    e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && Y();
   }
   function tt() {
-    R(1);
+    S(1);
   }
   function ot() {
-    const e = p.current.getBoundingClientRect(), t = I.current.getBoundingClientRect(), s = e.height / (t.height / n), v = e.width / (t.width / n), _ = Math.max(s, v);
-    R(_);
+    const e = f.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), l = e.height / (t.height / n), g = e.width / (t.width / n), W = Math.max(l, g);
+    S(W);
   }
-  function ue(e) {
-    e.target === e.currentTarget && Te && P();
+  function ie(e) {
+    e.target === e.currentTarget && Ie && R();
   }
   function nt() {
-    Vt($);
+    Yt(L);
   }
-  function fe() {
-    P();
+  function ae() {
+    R();
   }
   function rt(e) {
-    P();
+    R();
   }
-  function P() {
-    i && (T == null || T(!1, i), xt(z.visible) && Ye(!1));
+  function R() {
+    r && (ze?.(!1, r), xt(N.visible) && Oe(!1));
   }
   function it(e) {
     if (e && e.length) {
-      const s = e[0].contentRect.width < Oe;
-      Ze(s);
+      const l = e[0].contentRect.width < Re;
+      We(l);
     }
   }
-  const pe = () => {
-    if (!p.current || !I.current)
+  const se = () => {
+    if (!f.current || !h.current)
       return;
-    const e = p.current.getBoundingClientRect(), t = I.current.getBoundingClientRect(), [s, v] = jt(
+    const e = f.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), [l, g] = Zt(
       e,
       t,
-      m.x,
-      m.y,
+      s.x,
+      s.y,
       n
     );
-    (s !== m.x || v !== m.y) && A({
-      x: s,
-      y: v
+    (l !== s.x || g !== s.y) && E({
+      x: l,
+      y: g
     });
-  }, de = (e) => {
-    var t;
-    if (i && l) {
-      (t = e.preventDefault) == null || t.call(e);
-      const { originX: s, originY: v, pageX: _, pageY: ut } = y.current, ft = s + (e.pageX - _) / n, pt = v + (e.pageY - ut) / n;
-      A({
-        x: ft,
-        y: pt
+  }, ce = (e) => {
+    if (r && c) {
+      e.preventDefault?.();
+      const { originX: t, originY: l, pageX: g, pageY: W } = w.current, ut = t + (e.pageX - g) / n, ft = l + (e.pageY - W) / n;
+      E({
+        x: ut,
+        y: ft
       });
     }
-  }, ge = (e) => {
-    var t;
-    (t = e.preventDefault) == null || t.call(e), ae(!1);
+  }, le = (e) => {
+    e.preventDefault?.(), ee(!1);
   };
   function at(e) {
-    U("loaded"), X == null || X(e);
+    T("loaded"), Be?.(e);
   }
   function st(e) {
-    U("error"), V == null || V(e);
+    T("error"), Fe?.(e);
   }
   const ct = (e) => {
-    var s;
-    (s = e.preventDefault) == null || s.call(e), ae(!0);
+    e.preventDefault?.(), ee(!0);
     const t = e.type === "touchstart" ? e.touches[0] : e;
-    y.current.pageX = t.pageX, y.current.pageY = t.pageY, y.current.originX = m.x, y.current.originY = m.y, W == null || W(e);
+    w.current.pageX = t.pageX, w.current.pageY = t.pageY, w.current.originX = s.x, w.current.originY = s.y, Ze?.(e);
   };
-  f(() => (i && l && (q(document, "mousemove", de, !1), q(document, "mouseup", ge, !1)), () => {
-    K(document, "mousemove", de, !1), K(document, "mouseup", ge, !1);
-  }), [i, l]), f(() => {
-    ee && !l && pe();
-  }, [l, m]), f(() => {
-    ee && pe();
-  }, [n]), f(() => {
-    i && B();
-  }, [i]), f(() => {
-    Ae(h), U(h ? "loading" : "loaded"), B();
-  }, [h]), Dt(() => {
-    d.updateScale(L), Y(1);
-  }, [L]), f(() => {
+  u(() => (r && c && (B(document, "mousemove", ce, !1), B(document, "mouseup", le, !1)), () => {
+    F(document, "mousemove", ce, !1), F(document, "mouseup", le, !1);
+  }), [r, c]), u(() => {
+    G && !c && se();
+  }, [c, s]), u(() => {
+    G && se();
+  }, [n]), u(() => {
+    r && U();
+  }, [r]), u(() => {
+    Ee(b), T(b ? "loading" : "loaded"), U();
+  }, [b]), At(() => {
+    p.updateScale(z), O(1);
+  }, [z]), u(() => {
     const e = (t) => {
       if (t)
         switch (t.key) {
           case Et.key:
-            Q && P();
+            H && R();
             break;
-          case $t.key:
-            Z();
+          case Tt.key:
+            A();
             break;
-          case Ot.key:
-            F();
+          case Mt.key:
+            D();
             break;
           case Lt.key:
-            H();
+            Y();
             break;
-          case Tt.key:
-            G();
+          case zt.key:
+            X();
             break;
         }
     };
-    return i && !l && !M.current && (M.current = !0, q(document, "keydown", e)), () => {
-      M.current = !1, K(document, "keydown", e);
+    return r && !c && !M.current && (M.current = !0, B(document, "keydown", e)), () => {
+      M.current = !1, F(document, "keydown", e);
     };
-  }, [i, Q, l, c, n]);
-  const mt = [
+  }, [r, H, c, a, n]);
+  const lt = [
     !1,
     {
       key: "rotateRight",
-      name: r == null ? void 0 : r.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ o(bt, {}),
+      name: k?.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ o(Ct, {}),
       onClick: Je
     },
     {
       key: "rotateLeft",
-      name: r == null ? void 0 : r.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ o(Ct, {}),
+      name: k?.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ o(yt, {}),
       onClick: Ke
     },
     {
       key: "zoomIn",
-      name: r == null ? void 0 : r.ImagePreview.zoomIn,
-      content: /* @__PURE__ */ o(ht, {}),
-      onClick: H,
-      disabled: n === d.maxScale
+      name: k?.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ o(bt, {}),
+      onClick: Y,
+      disabled: n === p.maxScale
     },
     {
       key: "zoomOut",
-      name: r == null ? void 0 : r.ImagePreview.zoomOut,
-      content: /* @__PURE__ */ o(It, {}),
-      onClick: G,
-      disabled: n === d.minScale
+      name: k?.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ o(ht, {}),
+      onClick: X,
+      disabled: n === p.minScale
     },
     {
       key: "originalSize",
-      name: r == null ? void 0 : r.ImagePreview.originalSize,
-      content: /* @__PURE__ */ o(yt, {}),
+      name: k?.ImagePreview.originalSize,
+      content: /* @__PURE__ */ o(kt, {}),
       onClick: tt
     },
     {
       key: "maximize",
       name: "最大化",
-      content: /* @__PURE__ */ o(gt, {}),
+      content: /* @__PURE__ */ o(dt, {}),
       onClick: ot
     },
-    !!k && {
+    !!v && {
       key: "next",
       name: "下一张",
       content: /* @__PURE__ */ o(wt, {}),
-      disabled: ce,
-      onClick: Z
+      disabled: oe,
+      onClick: A
     },
-    !!k && {
+    !!v && {
       key: "prev",
       name: "上一张",
-      content: /* @__PURE__ */ o(vt, {}),
-      disabled: se,
-      onClick: F
+      content: /* @__PURE__ */ o(gt, {}),
+      disabled: te,
+      onClick: D
     },
     {
       key: "copy",
       name: "复制",
-      content: /* @__PURE__ */ o(dt, {}),
+      content: /* @__PURE__ */ o(pt, {}),
       onClick: nt
     },
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ o(ve, {}),
-      onClick: fe
+      content: /* @__PURE__ */ o(me, {}),
+      onClick: ae
     }
   ].filter(Boolean);
-  f(() => {
-    const e = Wt([p.current], it);
+  u(() => {
+    const e = Xt([f.current], it);
     return () => {
       e();
     };
-  }, [p.current]);
-  const lt = () => {
+  }, [f.current]);
+  const mt = () => {
     const e = /* @__PURE__ */ o(
       "img",
       {
         onWheel: et,
-        ref: I,
-        className: Ce(He, `${a}-img`, {
-          [`${a}-img-moving`]: l
+        ref: h,
+        className: de(He, `${i}-img`, {
+          [`${i}-img-moving`]: c
         }),
         style: {
           ...je,
-          transform: `translate(${m.x}px, ${m.y}px) rotate(${x}deg)`
+          transform: `translate(${s.x}px, ${s.y}px) rotate(${x}deg)`
         },
-        src: $,
+        src: L,
         ...Ge,
         onLoad: at,
         onError: st,
@@ -365,30 +362,30 @@ function Jt(be, he) {
           t.button === 0 && ct(t);
         }
       },
-      $
+      L
     );
-    return (O == null ? void 0 : O(e)) ?? e;
+    return Me?.(e) ?? e;
   };
-  return /* @__PURE__ */ o(Xt, { visible: i, forceRender: !1, getContainer: me, children: /* @__PURE__ */ o(
-    Nt,
+  return /* @__PURE__ */ o(Vt, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ o(
+    Pt,
     {
-      ...te,
+      ..._,
       childrenName: "ImagePreview",
-      getPopupContainer: () => p.current,
-      children: /* @__PURE__ */ N(
+      getPopupContainer: () => f.current,
+      children: /* @__PURE__ */ P(
         "div",
         {
-          className: Xe,
+          className: De,
           style: {
-            ...Pe || {},
+            ...be || {},
             ...qe ? {} : { zIndex: "inherit", position: "absolute" }
           },
-          ref: ne,
+          ref: K,
           children: [
             /* @__PURE__ */ o(
-              we,
+              pe,
               {
-                in: i,
+                in: r,
                 timeout: 400,
                 appear: !0,
                 classNames: "fadeImage",
@@ -400,75 +397,75 @@ function Jt(be, he) {
                 onExited: (e) => {
                   e && (e.parentNode.style.display = "", e.style.display = "none");
                 },
-                children: /* @__PURE__ */ o("div", { className: `${a}-mask`, onClick: rt })
+                children: /* @__PURE__ */ o("div", { className: `${i}-mask`, onClick: rt })
               }
             ),
-            i && /* @__PURE__ */ N(
+            r && /* @__PURE__ */ P(
               "div",
               {
-                ref: p,
-                className: `${a}-wrapper`,
-                onClick: ue,
+                ref: f,
+                className: `${i}-wrapper`,
+                onClick: ie,
                 children: [
-                  /* @__PURE__ */ N(
+                  /* @__PURE__ */ P(
                     "div",
                     {
-                      ref: Ve,
-                      className: `${a}-img-container`,
+                      ref: Ae,
+                      className: `${i}-img-container`,
                       style: { transform: `scale(${n}, ${n})` },
-                      onClick: ue,
+                      onClick: ie,
                       children: [
-                        lt(),
-                        We && /* @__PURE__ */ o("div", { className: `${a}-loading`, children: /* @__PURE__ */ o(kt, {}) })
+                        mt(),
+                        Ve && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(vt, {}) })
                       ]
                     }
                   ),
                   /* @__PURE__ */ o(
-                    we,
+                    pe,
                     {
-                      in: re,
+                      in: J,
                       timeout: 400,
                       appear: !0,
                       classNames: "fadeImage",
                       unmountOnExit: !0,
-                      children: /* @__PURE__ */ N("div", { className: `${a}-scale-value`, children: [
+                      children: /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
                         (n * 100).toFixed(0),
                         "%"
                       ] })
                     }
                   ),
-                  Be && /* @__PURE__ */ o(
-                    Ft,
+                  Ye && /* @__PURE__ */ o(
+                    Bt,
                     {
-                      prefixCls: oe,
-                      previewPrefixCls: a,
-                      actions: $e,
-                      actionsLayout: Ee,
-                      defaultActions: mt,
-                      simple: Fe
+                      prefixCls: q,
+                      previewPrefixCls: i,
+                      actions: Pe,
+                      actionsLayout: Ne,
+                      defaultActions: lt,
+                      simple: Xe
                     }
                   ),
-                  Le && /* @__PURE__ */ o(
+                  Se && /* @__PURE__ */ o(
                     "div",
                     {
-                      className: `${a}-close-btn`,
-                      onClick: fe,
-                      children: /* @__PURE__ */ o(ve, {})
+                      className: `${i}-close-btn`,
+                      onClick: ae,
+                      children: /* @__PURE__ */ o(me, {})
                     }
                   ),
-                  k && /* @__PURE__ */ o(
-                    Bt,
+                  v && /* @__PURE__ */ o(
+                    Wt,
                     {
-                      previewCount: w.size,
-                      current: c,
+                      previewCount: y.size,
+                      current: a,
                       infinite: C,
-                      disableLeft: se,
-                      disableRight: ce,
-                      onPrev: F,
-                      onNext: Z
+                      disableLeft: te,
+                      disableRight: oe,
+                      onPrev: D,
+                      onNext: A
                     }
                   ),
-                  Ue
+                  Te
                 ]
               }
             )
@@ -478,10 +475,10 @@ function Jt(be, he) {
     }
   ) });
 }
-const Qt = St(
-  Jt
+const Jt = It(
+  Kt
 );
-Qt.displayName = "ImagePreview";
+Jt.displayName = "ImagePreview";
 export {
-  Qt as default
+  Jt as default
 };