@unicom-cloud/ui 0.8.126 → 0.8.128

package/image/ImagePreview.js

@@ -1,42 +1,42 @@
-/* 2025-11-27 15:08:04 */
-import { jsx as t, jsxs as P } from "react/jsx-runtime";
-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 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 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";
+/* 2025-12-17 18:27:10 */
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import ue from "@unicom-cloud/icons/IconUiClose";
+import gt from "@unicom-cloud/icons/IconUiCopy";
+import dt from "@unicom-cloud/icons/IconUiFullscreen";
+import vt from "@unicom-cloud/icons/IconUiLeft";
+import Ct from "@unicom-cloud/icons/IconUiLoading";
+import kt from "@unicom-cloud/icons/IconUiOriginalSize";
+import wt from "@unicom-cloud/icons/IconUiRight";
+import yt from "@unicom-cloud/icons/IconUiRotateLeft";
+import ht from "@unicom-cloud/icons/IconUiRotateRight";
+import xt from "@unicom-cloud/icons/IconUiZoomIn";
+import bt from "@unicom-cloud/icons/IconUiZoomOut";
+import It from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { getBodyContainer as j, on as W, off as F } from "@unicom-cloud/ui-common/utils/dom";
+import { forwardRef as St, useContext as pe, useState as m, useRef as f, useMemo as ge, useImperativeHandle as Rt, useCallback as Pt, useEffect as p } from "react";
+import Nt from "../config-provider/ConfigProvider.js";
+import { useUpdateEffect as zt } 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 { isServerRendering as Et, isUndefined as Lt } from "@unicom-cloud/ui-common/utils/is";
+import { ArrowDown as Tt, ArrowUp as $t, ArrowLeft as Mt, ArrowRight as Ut, Esc as Ot } from "@unicom-cloud/utils/constant/keyboardCode";
+import At from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
-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 Vt from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Yt from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import Dt from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import Xt from "../portal/index.js";
 import de from "@unicom-cloud/ui-common/utils/className";
-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 = {
+import Bt from "@unicom-cloud/ui-common/utils/copy";
+import Wt from "@unicom-cloud/ui-common/utils/findRootElement";
+import Ft from "./ImagePreviewArrow.js";
+import Zt from "./ImagePreviewToolbar.js";
+import { PreviewGroupContext as jt } from "./previewGroupContext.js";
+import Ht from "./utils/getFixTranslate.js";
+import Gt, { defaultScales as Kt } from "./utils/getScale.js";
+import _t from "./utils/hook/useImageStatus.js";
+import qt from "../config-provider/context.js";
+const Z = 90, Jt = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -55,109 +55,109 @@ const Z = 90, Jo = {
     // 潘启宝更改
     "close"
   ],
-  getPopupContainer: () => document.body,
+  getPopupContainer: j,
   escToExit: !0,
-  scales: Ko,
+  scales: Kt,
   resetTranslate: !0
 };
-function Qo(ge, ve) {
+function Qt(ve, Ce) {
   const {
     previewGroup: v,
-    previewUrlMap: C,
+    previewUrlMap: w,
     currentIndex: a,
-    setCurrentIndex: ye,
-    infinite: w,
-    previewPropsMap: ke
-  } = ue(jo), Ce = v ? ke.get(a) : {}, N = Vo(
-    ge,
-    Jo,
-    Ce
+    setCurrentIndex: ke,
+    infinite: y,
+    previewPropsMap: we
+  } = pe(jt), ye = v ? we.get(a) : {}, N = Vt(
+    ve,
+    Jt,
+    ye
   ), {
-    className: we,
-    style: be,
-    src: he,
-    defaultVisible: xe,
-    maskClosable: Ie,
-    closable: Se,
-    breakPoint: Re,
-    actions: Pe,
-    actionsLayout: Ne,
-    getPopupContainer: j,
-    onVisibleChange: ze,
+    className: he,
+    style: xe,
+    src: be,
+    defaultVisible: Ie,
+    maskClosable: Se,
+    closable: Re,
+    breakPoint: Pe,
+    actions: Ne,
+    actionsLayout: ze,
+    getPopupContainer: H,
+    onVisibleChange: Ee,
     scales: z,
-    escToExit: H,
-    imgAttributes: Ee = {},
-    imageRender: Le,
-    extra: Te = null,
-    resetTranslate: G
-  } = N, b = v ? C.get(a) : he, [E, $e] = m(b), [r, Me] = Oo(!1, {
-    defaultValue: xe,
+    escToExit: G,
+    imgAttributes: Le = {},
+    imageRender: Te,
+    extra: $e = null,
+    resetTranslate: K
+  } = N, h = v ? w.get(a) : be, [E, Me] = m(h), [r, Ue] = At(!1, {
+    defaultValue: Ie,
     value: N.visible
-  }), K = ue(qo), {
-    prefixCls: ot,
-    getPrefixCls: Ue,
-    locale: y,
-    rtl: Oe
-  } = K, _ = Ue?.("image"), i = `${_}-preview`, Ae = de(
+  }), _ = pe(qt), {
+    prefixCls: to,
+    getPrefixCls: Oe,
+    locale: C,
+    rtl: Ae
+  } = _, q = Oe?.("image"), i = `${q}-preview`, Ve = de(
     i,
     {
       [`${i}-hide`]: !r,
-      [`${i}-rtl`]: Oe
+      [`${i}-rtl`]: Ae
     },
-    we
-  ), 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({
+    he
+  ), x = f(void 0), Ye = f(void 0), g = f(void 0), J = f(void 0), Q = f(void 0), L = f(!1), k = f({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { 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
-  } = Ee, te = !w && a <= 0, ne = !w && a >= C.size - 1;
+  }), { isLoading: De, isLoaded: Xe, setStatus: T } = _t("loading"), [Be, We] = m(!1), [s, $] = m({ x: 0, y: 0 }), [n, M] = m(1), [ee, te] = m(!1), [b, U] = m(0), [c, oe] = m(!1), u = ge(() => new Gt(z), []), {
+    onLoad: Fe,
+    onError: Ze,
+    onMouseDown: je,
+    style: He,
+    className: Ge,
+    ...Ke
+  } = Le, ne = !y && a <= 0, re = !y && a >= w.size - 1;
   function O() {
     $({ x: 0, y: 0 }), M(1), U(0);
   }
-  Ro(ve, () => ({
+  Rt(Ce, () => ({
     reset: O,
     getRootElement() {
-      return q.current;
+      return J.current;
     }
   }));
-  const [I, Ke] = m(), re = Po(() => I, [I]);
+  const [I, _e] = m(), ie = Pt(() => I, [I]);
   p(() => {
-    const e = j?.(), o = Bo(e) || document.body;
-    Ke(o);
-  }, [j]), Yo(re, { hidden: r });
-  const _e = pe(
-    () => !Ao && I === document.body,
+    const e = H?.(), t = Wt(e) || j();
+    _e(t);
+  }, [H]), Yt(ie, { hidden: r });
+  const qe = ge(
+    () => !Et && I === j(),
     [I]
   );
-  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 ae(e) {
+    const t = w.size;
+    y && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== a && e >= 0 && e <= t - 1 && ke(e);
   }
   function A() {
-    ie(a - 1);
+    ae(a - 1);
   }
   function V() {
-    ie(a + 1);
-  }
-  function qe() {
-    U(x === 0 ? 360 - Z : x - Z);
+    ae(a + 1);
   }
   function Je() {
-    U((x + Z) % 360);
+    U(b === 0 ? 360 - Z : b - Z);
+  }
+  function Qe() {
+    U((b + Z) % 360);
   }
-  const Y = f(null), Qe = () => {
-    !Q && ee(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
-      ee(!1);
+  const Y = f(null), et = () => {
+    !ee && te(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+      te(!1);
     }, 1e3);
   }, S = (e) => {
-    n !== e && (M(e), Qe());
+    n !== e && (M(e), et());
   };
   function D() {
     const e = u.getNextScale(n, "zoomIn");
@@ -167,227 +167,227 @@ function Qo(ge, ve) {
     const e = u.getNextScale(n, "zoomOut");
     S(e);
   }
-  function eo(e) {
+  function tt(e) {
     e.deltaY > 0 ? n >= u.minScale && X() : n <= u.maxScale && D();
   }
-  function oo() {
+  function ot() {
     S(1);
   }
-  function to() {
-    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 nt() {
+    const e = g.current.getBoundingClientRect(), t = x.current.getBoundingClientRect(), l = e.height / (t.height / n), d = e.width / (t.width / n), B = Math.max(l, d);
+    S(B);
   }
-  function ae(e) {
-    e.target === e.currentTarget && Ie && R();
+  function se(e) {
+    e.target === e.currentTarget && Se && R();
   }
-  function no() {
-    Wo(E);
+  function rt() {
+    Bt(E);
   }
-  function se() {
+  function ce() {
     R();
   }
-  function ro(e) {
+  function it(e) {
     R();
   }
   function R() {
-    r && (ze?.(!1, r), Eo(N.visible) && Me(!1));
+    r && (Ee?.(!1, r), Lt(N.visible) && Ue(!1));
   }
-  function io(e) {
+  function at(e) {
     if (e && e.length) {
-      const l = e[0].contentRect.width < Re;
+      const l = e[0].contentRect.width < Pe;
       We(l);
     }
   }
-  const ce = () => {
-    if (!d.current || !h.current)
+  const le = () => {
+    if (!g.current || !x.current)
       return;
-    const e = d.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = Ho(
+    const e = g.current.getBoundingClientRect(), t = x.current.getBoundingClientRect(), [l, d] = Ht(
       e,
-      o,
+      t,
       s.x,
       s.y,
       n
     );
-    (l !== s.x || g !== s.y) && $({
+    (l !== s.x || d !== s.y) && $({
       x: l,
-      y: g
+      y: d
     });
-  }, le = (e) => {
+  }, me = (e) => {
     if (r && c) {
       e.preventDefault?.();
-      const { originX: o, originY: l, pageX: g, pageY: W } = k.current, fo = o + (e.pageX - g) / n, uo = l + (e.pageY - W) / n;
+      const { originX: t, originY: l, pageX: d, pageY: B } = k.current, ut = t + (e.pageX - d) / n, pt = l + (e.pageY - B) / n;
       $({
-        x: fo,
-        y: uo
+        x: ut,
+        y: pt
       });
     }
-  }, me = (e) => {
+  }, fe = (e) => {
     e.preventDefault?.(), oe(!1);
   };
-  function ao(e) {
-    T("loaded"), Be?.(e);
+  function st(e) {
+    T("loaded"), Fe?.(e);
   }
-  function so(e) {
-    T("error"), Fe?.(e);
+  function ct(e) {
+    T("error"), Ze?.(e);
   }
-  const co = (e) => {
+  const lt = (e) => {
     e.preventDefault?.(), oe(!0);
-    const o = e.type === "touchstart" ? e.touches[0] : e;
-    k.current.pageX = o.pageX, k.current.pageY = o.pageY, k.current.originX = s.x, k.current.originY = s.y, Ze?.(e);
+    const t = e.type === "touchstart" ? e.touches[0] : e;
+    k.current.pageX = t.pageX, k.current.pageY = t.pageY, k.current.originX = s.x, k.current.originY = s.y, je?.(e);
   };
-  p(() => (r && c && (B(document, "mousemove", le, !1), B(document, "mouseup", me, !1)), () => {
-    F(document, "mousemove", le, !1), F(document, "mouseup", me, !1);
+  p(() => (r && c && (W(document, "mousemove", me, !1), W(document, "mouseup", fe, !1)), () => {
+    F(document, "mousemove", me, !1), F(document, "mouseup", fe, !1);
   }), [r, c]), p(() => {
-    G && !c && ce();
+    K && !c && le();
   }, [c, s]), p(() => {
-    G && ce();
+    K && le();
   }, [n]), p(() => {
     r && O();
   }, [r]), p(() => {
-    $e(b), T(b ? "loading" : "loaded"), O();
-  }, [b]), zo(() => {
+    Me(h), T(h ? "loading" : "loaded"), O();
+  }, [h]), zt(() => {
     u.updateScale(z), M(1);
   }, [z]), p(() => {
-    const e = (o) => {
-      if (o)
-        switch (o.key) {
-          case Uo.key:
-            H && R();
+    const e = (t) => {
+      if (t)
+        switch (t.key) {
+          case Ot.key:
+            G && R();
             break;
-          case Mo.key:
+          case Ut.key:
             V();
             break;
-          case $o.key:
+          case Mt.key:
             A();
             break;
-          case To.key:
+          case $t.key:
             D();
             break;
-          case Lo.key:
+          case Tt.key:
             X();
             break;
         }
     };
-    return r && !c && !L.current && (L.current = !0, B(document, "keydown", e)), () => {
+    return r && !c && !L.current && (L.current = !0, W(document, "keydown", e)), () => {
       L.current = !1, F(document, "keydown", e);
     };
-  }, [r, H, c, a, n]);
-  const lo = [
+  }, [r, G, c, a, n]);
+  const mt = [
     !1,
     {
       key: "rotateRight",
-      name: y?.ImagePreview?.rotateRight,
-      content: /* @__PURE__ */ t(bo, {}),
-      onClick: Je
+      name: C?.ImagePreview?.rotateRight,
+      content: /* @__PURE__ */ o(ht, {}),
+      onClick: Qe
     },
     {
       key: "rotateLeft",
-      name: y?.ImagePreview?.rotateLeft,
-      content: /* @__PURE__ */ t(wo, {}),
-      onClick: qe
+      name: C?.ImagePreview?.rotateLeft,
+      content: /* @__PURE__ */ o(yt, {}),
+      onClick: Je
     },
     {
       key: "zoomIn",
-      name: y?.ImagePreview?.zoomIn,
-      content: /* @__PURE__ */ t(ho, {}),
+      name: C?.ImagePreview?.zoomIn,
+      content: /* @__PURE__ */ o(xt, {}),
       onClick: D,
       disabled: n === u.maxScale
     },
     {
       key: "zoomOut",
-      name: y?.ImagePreview?.zoomOut,
-      content: /* @__PURE__ */ t(xo, {}),
+      name: C?.ImagePreview?.zoomOut,
+      content: /* @__PURE__ */ o(bt, {}),
       onClick: X,
       disabled: n === u.minScale
     },
     {
       key: "originalSize",
-      name: y?.ImagePreview?.originalSize,
-      content: /* @__PURE__ */ t(ko, {}),
-      onClick: oo
+      name: C?.ImagePreview?.originalSize,
+      content: /* @__PURE__ */ o(kt, {}),
+      onClick: ot
     },
     {
       key: "maximize",
       name: "最大化",
-      content: /* @__PURE__ */ t(go, {}),
-      onClick: to
+      content: /* @__PURE__ */ o(dt, {}),
+      onClick: nt
     },
     !!v && {
       key: "next",
       name: "下一张",
-      content: /* @__PURE__ */ t(Co, {}),
-      disabled: ne,
+      content: /* @__PURE__ */ o(wt, {}),
+      disabled: re,
       onClick: V
     },
     !!v && {
       key: "prev",
       name: "上一张",
-      content: /* @__PURE__ */ t(vo, {}),
-      disabled: te,
+      content: /* @__PURE__ */ o(vt, {}),
+      disabled: ne,
       onClick: A
     },
     {
       key: "copy",
       name: "复制",
-      content: /* @__PURE__ */ t(po, {}),
-      onClick: no
+      content: /* @__PURE__ */ o(gt, {}),
+      onClick: rt
     },
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ t(fe, {}),
-      onClick: se
+      content: /* @__PURE__ */ o(ue, {}),
+      onClick: ce
     }
   ].filter(Boolean);
-  Do(
+  Dt(
     (e) => {
-      io(e);
+      at(e);
     },
-    [d.current]
+    [g.current]
   );
-  const mo = () => {
-    const e = /* @__PURE__ */ t(
+  const ft = () => {
+    const e = /* @__PURE__ */ o(
       "img",
       {
-        onWheel: eo,
-        ref: h,
-        className: de(He, `${i}-img`, {
+        onWheel: tt,
+        ref: x,
+        className: de(Ge, `${i}-img`, {
           [`${i}-img-moving`]: c
         }),
         style: {
-          ...je,
-          transform: `translate(${s.x}px, ${s.y}px) rotate(${x}deg)`
+          ...He,
+          transform: `translate(${s.x}px, ${s.y}px) rotate(${b}deg)`
         },
         src: E,
-        ...Ge,
-        onLoad: ao,
-        onError: so,
-        onMouseDown: (o) => {
-          o.button === 0 && co(o);
+        ...Ke,
+        onLoad: st,
+        onError: ct,
+        onMouseDown: (t) => {
+          t.button === 0 && lt(t);
         }
       },
       E
     );
-    return Le?.(e) ?? e;
+    return Te?.(e) ?? e;
   };
-  return /* @__PURE__ */ t(Xo, { visible: r, forceRender: !1, getContainer: re, children: /* @__PURE__ */ t(
-    No,
+  return /* @__PURE__ */ o(Xt, { visible: r, forceRender: !1, getContainer: ie, children: /* @__PURE__ */ o(
+    Nt,
     {
-      ...K,
+      ..._,
       childrenName: "ImagePreview",
-      getPopupContainer: () => d.current,
+      getPopupContainer: () => g.current,
       children: /* @__PURE__ */ P(
         "div",
         {
-          className: Ae,
+          className: Ve,
           style: {
-            ...be || {},
-            ..._e ? {} : { zIndex: "inherit", position: "absolute" }
+            ...xe || {},
+            ...qe ? {} : { zIndex: "inherit", position: "absolute" }
           },
-          ref: q,
+          ref: J,
           children: [
-            /* @__PURE__ */ t(
-              Io,
+            /* @__PURE__ */ o(
+              It,
               {
                 in: r,
                 timeout: 400,
@@ -401,13 +401,13 @@ function Qo(ge, ve) {
                 onExited: (e) => {
                   e && (e.parentNode.style.display = "", e.style.display = "none");
                 },
-                refElement: J,
-                children: /* @__PURE__ */ t(
+                refElement: Q,
+                children: /* @__PURE__ */ o(
                   "div",
                   {
-                    ref: J,
+                    ref: Q,
                     className: `${i}-mask`,
-                    onClick: ro
+                    onClick: it
                   }
                 )
               }
@@ -415,59 +415,59 @@ function Qo(ge, ve) {
             r && /* @__PURE__ */ P(
               "div",
               {
-                ref: d,
+                ref: g,
                 className: `${i}-wrapper`,
-                onClick: ae,
+                onClick: se,
                 children: [
                   /* @__PURE__ */ P(
                     "div",
                     {
-                      ref: Ve,
+                      ref: Ye,
                       className: `${i}-img-container`,
                       style: { transform: `scale(${n}, ${n})` },
-                      onClick: ae,
+                      onClick: se,
                       children: [
-                        mo(),
-                        Ye && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(yo, {}) })
+                        ft(),
+                        De && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(Ct, {}) })
                       ]
                     }
                   ),
-                  Q && /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
+                  ee && /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
                     (n * 100).toFixed(0),
                     "%"
                   ] }),
-                  De && /* @__PURE__ */ t(
-                    Zo,
+                  Xe && /* @__PURE__ */ o(
+                    Zt,
                     {
-                      prefixCls: _,
+                      prefixCls: q,
                       previewPrefixCls: i,
-                      actions: Pe,
-                      actionsLayout: Ne,
-                      defaultActions: lo,
-                      simple: Xe
+                      actions: Ne,
+                      actionsLayout: ze,
+                      defaultActions: mt,
+                      simple: Be
                     }
                   ),
-                  Se && /* @__PURE__ */ t(
+                  Re && /* @__PURE__ */ o(
                     "div",
                     {
                       className: `${i}-close-btn`,
-                      onClick: se,
-                      children: /* @__PURE__ */ t(fe, {})
+                      onClick: ce,
+                      children: /* @__PURE__ */ o(ue, {})
                     }
                   ),
-                  v && /* @__PURE__ */ t(
-                    Fo,
+                  v && /* @__PURE__ */ o(
+                    Ft,
                     {
-                      previewCount: C.size,
+                      previewCount: w.size,
                       current: a,
-                      infinite: w,
-                      disableLeft: te,
-                      disableRight: ne,
+                      infinite: y,
+                      disableLeft: ne,
+                      disableRight: re,
                       onPrev: A,
                       onNext: V
                     }
                   ),
-                  Te
+                  $e
                 ]
               }
             )
@@ -477,10 +477,10 @@ function Qo(ge, ve) {
     }
   ) });
 }
-const et = So(
-  Qo
+const eo = St(
+  Qt
 );
-et.displayName = "ImagePreview";
+eo.displayName = "ImagePreview";
 export {
-  et as default
+  eo as default
 };