@unicom-cloud/ui 0.8.134 → 0.8.136

package/image/ImagePreview.js

@@ -1,6 +1,6 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { jsx as o, jsxs as P } from "react/jsx-runtime";
-import ue from "@unicom-cloud/icons/IconUiClose";
+import fe 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";
@@ -12,8 +12,8 @@ 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 { getBodyContainer as H, on as F, off as Z } from "@unicom-cloud/ui-common/utils/dom";
+import { forwardRef as St, useContext as ue, useState as m, useRef as f, useMemo as pe, 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";
@@ -26,7 +26,7 @@ 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/Portal.js";
-import de from "@unicom-cloud/ui-common/utils/className";
+import ge from "@unicom-cloud/ui-common/utils/className";
 import Bt from "@unicom-cloud/ui-common/utils/copy";
 import Wt from "@unicom-cloud/ui-common/utils/findRootElement";
 import Ft from "./ImagePreviewArrow.js";
@@ -36,7 +36,7 @@ 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 = {
+const j = 90, Jt = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -55,150 +55,150 @@ const Z = 90, Jt = {
     // 潘启宝更改
     "close"
   ],
-  getPopupContainer: j,
+  getPopupContainer: H,
   escToExit: !0,
   scales: Kt,
   resetTranslate: !0
 };
-function Qt(ve, Ce) {
+function Qt(de, ve) {
   const {
     previewGroup: v,
     previewUrlMap: w,
     currentIndex: a,
-    setCurrentIndex: ke,
+    setCurrentIndex: Ce,
     infinite: y,
-    previewPropsMap: we
-  } = pe(jt), ye = v ? we.get(a) : {}, N = Vt(
-    ve,
+    previewPropsMap: ke
+  } = ue(jt), we = v ? ke.get(a) : {}, N = Vt(
+    de,
     Jt,
-    ye
+    we
   ), {
-    className: he,
-    style: xe,
-    src: be,
-    defaultVisible: Ie,
-    maskClosable: Se,
-    closable: Re,
-    breakPoint: Pe,
-    actions: Ne,
-    actionsLayout: ze,
-    getPopupContainer: H,
-    onVisibleChange: Ee,
+    className: ye,
+    style: he,
+    src: xe,
+    defaultVisible: be,
+    maskClosable: Ie,
+    closable: Se,
+    breakPoint: Re,
+    actions: Pe,
+    actionsLayout: Ne,
+    getPopupContainer: G,
+    onVisibleChange: ze,
     scales: z,
-    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,
+    escToExit: K,
+    imgAttributes: Ee = {},
+    imageRender: Le,
+    extra: Te = null,
+    resetTranslate: _
+  } = N, h = v ? w.get(a) : xe, [E, $e] = m(h), [r, Me] = At(!1, {
+    defaultValue: be,
     value: N.visible
-  }), _ = pe(qt), {
+  }), q = ue(qt), {
     prefixCls: to,
-    getPrefixCls: Oe,
+    getPrefixCls: Ue,
     locale: C,
-    rtl: Ae
-  } = _, q = Oe?.("image"), i = `${q}-preview`, Ve = de(
+    rtl: Oe
+  } = q, J = Ue?.("image"), i = `${J}-preview`, Ae = ge(
     i,
     {
       [`${i}-hide`]: !r,
-      [`${i}-rtl`]: Ae
+      [`${i}-rtl`]: Oe
     },
-    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({
+    ye
+  ), x = f(void 0), Ve = f(void 0), g = f(void 0), L = f(void 0), Ye = f(void 0), T = f(!1), k = f({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { 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), []), {
+  }), { isLoading: De, isLoaded: Xe, setStatus: $ } = _t("loading"), [Be, We] = m(!1), [s, M] = m({ x: 0, y: 0 }), [n, U] = m(1), [Q, ee] = m(!1), [b, O] = m(0), [c, te] = m(!1), u = pe(() => 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);
+  } = Ee, oe = !y && a <= 0, ne = !y && a >= w.size - 1;
+  function A() {
+    M({ x: 0, y: 0 }), U(1), O(0);
   }
-  Rt(Ce, () => ({
-    reset: O,
+  Rt(ve, () => ({
+    reset: A,
     getRootElement() {
-      return J.current;
+      return L.current;
     }
   }));
-  const [I, _e] = m(), ie = Pt(() => I, [I]);
+  const [I, _e] = m(), re = Pt(() => I, [I]);
   p(() => {
-    const e = H?.(), t = Wt(e) || j();
+    const e = G?.(), t = Wt(e) || H();
     _e(t);
-  }, [H]), Yt(ie, { hidden: r });
-  const qe = ge(
-    () => !Et && I === j(),
+  }, [G]), Yt(re, { hidden: r });
+  const qe = pe(
+    () => !Et && I === H(),
     [I]
   );
-  function ae(e) {
+  function ie(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() {
-    ae(a - 1);
+    y && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== a && e >= 0 && e <= t - 1 && Ce(e);
   }
   function V() {
-    ae(a + 1);
+    ie(a - 1);
+  }
+  function Y() {
+    ie(a + 1);
   }
   function Je() {
-    U(b === 0 ? 360 - Z : b - Z);
+    O(b === 0 ? 360 - j : b - j);
   }
   function Qe() {
-    U((b + Z) % 360);
+    O((b + j) % 360);
   }
-  const Y = f(null), et = () => {
-    !ee && te(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
-      te(!1);
+  const D = f(null), et = () => {
+    !Q && ee(!0), D.current && clearTimeout(D.current), D.current = setTimeout(() => {
+      ee(!1);
     }, 1e3);
   }, S = (e) => {
-    n !== e && (M(e), et());
+    n !== e && (U(e), et());
   };
-  function D() {
+  function X() {
     const e = u.getNextScale(n, "zoomIn");
     S(e);
   }
-  function X() {
+  function B() {
     const e = u.getNextScale(n, "zoomOut");
     S(e);
   }
   function tt(e) {
-    e.deltaY > 0 ? n >= u.minScale && X() : n <= u.maxScale && D();
+    e.deltaY > 0 ? n >= u.minScale && B() : n <= u.maxScale && X();
   }
   function ot() {
     S(1);
   }
   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);
+    const e = g.current.getBoundingClientRect(), t = x.current.getBoundingClientRect(), l = e.height / (t.height / n), d = e.width / (t.width / n), W = Math.max(l, d);
+    S(W);
   }
-  function se(e) {
-    e.target === e.currentTarget && Se && R();
+  function ae(e) {
+    e.target === e.currentTarget && Ie && R();
   }
   function rt() {
     Bt(E);
   }
-  function ce() {
+  function se() {
     R();
   }
   function it(e) {
     R();
   }
   function R() {
-    r && (Ee?.(!1, r), Lt(N.visible) && Ue(!1));
+    r && (ze?.(!1, r), Lt(N.visible) && Me(!1));
   }
   function at(e) {
     if (e && e.length) {
-      const l = e[0].contentRect.width < Pe;
+      const l = e[0].contentRect.width < Re;
       We(l);
     }
   }
-  const le = () => {
+  const ce = () => {
     if (!g.current || !x.current)
       return;
     const e = g.current.getBoundingClientRect(), t = x.current.getBoundingClientRect(), [l, d] = Ht(
@@ -208,70 +208,70 @@ function Qt(ve, Ce) {
       s.y,
       n
     );
-    (l !== s.x || d !== s.y) && $({
+    (l !== s.x || d !== s.y) && M({
       x: l,
       y: d
     });
-  }, me = (e) => {
+  }, le = (e) => {
     if (r && c) {
       e.preventDefault?.();
-      const { originX: t, originY: l, pageX: d, pageY: B } = k.current, ut = t + (e.pageX - d) / n, pt = l + (e.pageY - B) / n;
-      $({
+      const { originX: t, originY: l, pageX: d, pageY: W } = k.current, ut = t + (e.pageX - d) / n, pt = l + (e.pageY - W) / n;
+      M({
         x: ut,
         y: pt
       });
     }
-  }, fe = (e) => {
-    e.preventDefault?.(), oe(!1);
+  }, me = (e) => {
+    e.preventDefault?.(), te(!1);
   };
   function st(e) {
-    T("loaded"), Fe?.(e);
+    $("loaded"), Fe?.(e);
   }
   function ct(e) {
-    T("error"), Ze?.(e);
+    $("error"), Ze?.(e);
   }
   const lt = (e) => {
-    e.preventDefault?.(), oe(!0);
+    e.preventDefault?.(), te(!0);
     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 && (W(document, "mousemove", me, !1), W(document, "mouseup", fe, !1)), () => {
-    F(document, "mousemove", me, !1), F(document, "mouseup", fe, !1);
+  p(() => (r && c && (F(document, "mousemove", le, !1), F(document, "mouseup", me, !1)), () => {
+    Z(document, "mousemove", le, !1), Z(document, "mouseup", me, !1);
   }), [r, c]), p(() => {
-    K && !c && le();
+    _ && !c && ce();
   }, [c, s]), p(() => {
-    K && le();
+    _ && ce();
   }, [n]), p(() => {
-    r && O();
+    r && A();
   }, [r]), p(() => {
-    Me(h), T(h ? "loading" : "loaded"), O();
+    $e(h), $(h ? "loading" : "loaded"), A();
   }, [h]), zt(() => {
-    u.updateScale(z), M(1);
+    u.updateScale(z), U(1);
   }, [z]), p(() => {
     const e = (t) => {
       if (t)
         switch (t.key) {
           case Ot.key:
-            G && R();
+            K && R();
             break;
           case Ut.key:
-            V();
+            Y();
             break;
           case Mt.key:
-            A();
+            V();
             break;
           case $t.key:
-            D();
+            X();
             break;
           case Tt.key:
-            X();
+            B();
             break;
         }
     };
-    return r && !c && !L.current && (L.current = !0, W(document, "keydown", e)), () => {
-      L.current = !1, F(document, "keydown", e);
+    return r && !c && !T.current && (T.current = !0, F(document, "keydown", e)), () => {
+      T.current = !1, Z(document, "keydown", e);
     };
-  }, [r, G, c, a, n]);
+  }, [r, K, c, a, n]);
   const mt = [
     !1,
     {
@@ -290,14 +290,14 @@ function Qt(ve, Ce) {
       key: "zoomIn",
       name: C?.ImagePreview?.zoomIn,
       content: /* @__PURE__ */ o(xt, {}),
-      onClick: D,
+      onClick: X,
       disabled: n === u.maxScale
     },
     {
       key: "zoomOut",
       name: C?.ImagePreview?.zoomOut,
       content: /* @__PURE__ */ o(bt, {}),
-      onClick: X,
+      onClick: B,
       disabled: n === u.minScale
     },
     {
@@ -316,15 +316,15 @@ function Qt(ve, Ce) {
       key: "next",
       name: "下一张",
       content: /* @__PURE__ */ o(wt, {}),
-      disabled: re,
-      onClick: V
+      disabled: ne,
+      onClick: Y
     },
     !!v && {
       key: "prev",
       name: "上一张",
       content: /* @__PURE__ */ o(vt, {}),
-      disabled: ne,
-      onClick: A
+      disabled: oe,
+      onClick: V
     },
     {
       key: "copy",
@@ -335,8 +335,8 @@ function Qt(ve, Ce) {
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ o(ue, {}),
-      onClick: ce
+      content: /* @__PURE__ */ o(fe, {}),
+      onClick: se
     }
   ].filter(Boolean);
   Dt(
@@ -351,7 +351,7 @@ function Qt(ve, Ce) {
       {
         onWheel: tt,
         ref: x,
-        className: de(Ge, `${i}-img`, {
+        className: ge(Ge, `${i}-img`, {
           [`${i}-img-moving`]: c
         }),
         style: {
@@ -368,110 +368,110 @@ function Qt(ve, Ce) {
       },
       E
     );
-    return Te?.(e) ?? e;
+    return Le?.(e) ?? e;
   };
-  return /* @__PURE__ */ o(Xt, { visible: r, forceRender: !1, getContainer: ie, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Xt, { visible: r, forceRender: !1, getContainer: re, children: /* @__PURE__ */ o(
     Nt,
     {
-      ..._,
+      ...q,
       childrenName: "ImagePreview",
       getPopupContainer: () => g.current,
-      children: /* @__PURE__ */ P(
-        "div",
+      children: /* @__PURE__ */ o(
+        It,
         {
-          className: Ve,
-          style: {
-            ...xe || {},
-            ...qe ? {} : { zIndex: "inherit", position: "absolute" }
+          in: r,
+          timeout: 400,
+          appear: !0,
+          classNames: `${i}-fade`,
+          mountOnEnter: !0,
+          unmountOnExit: !1,
+          onEnter: (e) => {
+            e && (e.parentNode.style.display = "block", e.style.display = "block");
+          },
+          onExited: (e) => {
+            e && (e.parentNode.style.display = "", e.style.display = "none");
           },
-          ref: J,
-          children: [
-            /* @__PURE__ */ o(
-              It,
-              {
-                in: r,
-                timeout: 400,
-                appear: !0,
-                classNames: `${i}-fade`,
-                mountOnEnter: !0,
-                unmountOnExit: !1,
-                onEnter: (e) => {
-                  e && (e.parentNode.style.display = "block", e.style.display = "block");
-                },
-                onExited: (e) => {
-                  e && (e.parentNode.style.display = "", e.style.display = "none");
-                },
-                refElement: Q,
-                children: /* @__PURE__ */ o(
+          refElement: L,
+          children: /* @__PURE__ */ P(
+            "div",
+            {
+              className: Ae,
+              style: {
+                ...he || {},
+                ...qe ? {} : { zIndex: "inherit", position: "absolute" }
+              },
+              ref: L,
+              children: [
+                /* @__PURE__ */ o(
                   "div",
                   {
-                    ref: Q,
+                    ref: Ye,
                     className: `${i}-mask`,
                     onClick: it
                   }
+                ),
+                /* @__PURE__ */ P(
+                  "div",
+                  {
+                    ref: g,
+                    className: `${i}-wrapper`,
+                    onClick: ae,
+                    children: [
+                      /* @__PURE__ */ P(
+                        "div",
+                        {
+                          ref: Ve,
+                          className: `${i}-img-container`,
+                          style: { transform: `scale(${n}, ${n})` },
+                          onClick: ae,
+                          children: [
+                            ft(),
+                            De && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(Ct, {}) })
+                          ]
+                        }
+                      ),
+                      Q && /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
+                        (n * 100).toFixed(0),
+                        "%"
+                      ] }),
+                      Xe && /* @__PURE__ */ o(
+                        Zt,
+                        {
+                          prefixCls: J,
+                          previewPrefixCls: i,
+                          actions: Pe,
+                          actionsLayout: Ne,
+                          defaultActions: mt,
+                          simple: Be
+                        }
+                      ),
+                      Se && /* @__PURE__ */ o(
+                        "div",
+                        {
+                          className: `${i}-close-btn`,
+                          onClick: se,
+                          children: /* @__PURE__ */ o(fe, {})
+                        }
+                      ),
+                      v && /* @__PURE__ */ o(
+                        Ft,
+                        {
+                          previewCount: w.size,
+                          current: a,
+                          infinite: y,
+                          disableLeft: oe,
+                          disableRight: ne,
+                          onPrev: V,
+                          onNext: Y
+                        }
+                      ),
+                      Te
+                    ]
+                  }
                 )
-              }
-            ),
-            r && /* @__PURE__ */ P(
-              "div",
-              {
-                ref: g,
-                className: `${i}-wrapper`,
-                onClick: se,
-                children: [
-                  /* @__PURE__ */ P(
-                    "div",
-                    {
-                      ref: Ye,
-                      className: `${i}-img-container`,
-                      style: { transform: `scale(${n}, ${n})` },
-                      onClick: se,
-                      children: [
-                        ft(),
-                        De && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(Ct, {}) })
-                      ]
-                    }
-                  ),
-                  ee && /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
-                    (n * 100).toFixed(0),
-                    "%"
-                  ] }),
-                  Xe && /* @__PURE__ */ o(
-                    Zt,
-                    {
-                      prefixCls: q,
-                      previewPrefixCls: i,
-                      actions: Ne,
-                      actionsLayout: ze,
-                      defaultActions: mt,
-                      simple: Be
-                    }
-                  ),
-                  Re && /* @__PURE__ */ o(
-                    "div",
-                    {
-                      className: `${i}-close-btn`,
-                      onClick: ce,
-                      children: /* @__PURE__ */ o(ue, {})
-                    }
-                  ),
-                  v && /* @__PURE__ */ o(
-                    Ft,
-                    {
-                      previewCount: w.size,
-                      current: a,
-                      infinite: y,
-                      disableLeft: ne,
-                      disableRight: re,
-                      onPrev: A,
-                      onNext: V
-                    }
-                  ),
-                  $e
-                ]
-              }
-            )
-          ]
+              ]
+            }
+          )
         }
       )
     }

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 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,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import u, { 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";

package/image/ImagePreviewToolbar.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { jsx as o, jsxs as k } from "react/jsx-runtime";
 import L from "@unicom-cloud/icons/IconUiMore";
 import { forwardRef as O } from "react";

package/image/TriggerForToolbar.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { jsx as c } from "react/jsx-runtime";
 import l from "../trigger/index.js";
 import i from "@unicom-cloud/ui-common/utils/className";

package/image/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import o from "./Image.js";
 import { default as m } from "./ImagePreview.js";
 import { default as f } from "./ImagePreviewGroup.js";

package/image/previewGroupContext.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { createContext as e } from "react";
 const l = e({
   previewGroup: !1,

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 function s(f, t, b, l, h) {
   let o = b, i = l;
   return b && (f.width > t.width ? o = 0 : (t.left > f.left && (o -= Math.abs(f.left - t.left) / h), t.right < f.right && (o += Math.abs(f.right - t.right) / h))), l && (f.height > t.height ? i = 0 : (t.top > f.top && (i -= Math.abs(f.top - t.top) / h), t.bottom < f.bottom && (i += Math.abs(f.bottom - t.bottom) / h))), [o, i];

package/image/utils/getScale.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { isArray as l } from "@unicom-cloud/ui-common/utils/is";
 const a = [
   25,

package/image/utils/hook/useImageStatus.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-09 18:07:46 */
 import { useState as t } from "react";
 function u(s) {
   const [o, a] = t(s);