@unicom-cloud/ui 0.8.116 → 0.8.117

package/image/ImagePreview.js

@@ -1,29 +1,30 @@
-/* 2025-10-30 15:47:58 */
-import { jsx as o, jsxs as P } from "react/jsx-runtime";
+/* 2025-11-03 10:27:46 */
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
 import le 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 yt from "@unicom-cloud/icons/IconUiOriginalSize";
-import kt from "@unicom-cloud/icons/IconUiRight";
-import wt from "@unicom-cloud/icons/IconUiRotateLeft";
-import Ct from "@unicom-cloud/icons/IconUiRotateRight";
-import ht from "@unicom-cloud/icons/IconUiZoomIn";
-import bt from "@unicom-cloud/icons/IconUiZoomOut";
+import po from "@unicom-cloud/icons/IconUiCopy";
+import go from "@unicom-cloud/icons/IconUiFullscreen";
+import vo from "@unicom-cloud/icons/IconUiLeft";
+import ko from "@unicom-cloud/icons/IconUiLoading";
+import yo from "@unicom-cloud/icons/IconUiOriginalSize";
+import wo from "@unicom-cloud/icons/IconUiRight";
+import Co from "@unicom-cloud/icons/IconUiRotateLeft";
+import ho from "@unicom-cloud/icons/IconUiRotateRight";
+import bo from "@unicom-cloud/icons/IconUiZoomIn";
+import xo from "@unicom-cloud/icons/IconUiZoomOut";
 import { PqbCSSTransition as ue } from "../dist/ui-common/transition-group/PqbCSSTransition.js";
-import { forwardRef as xt, useContext as fe, useState as l, useRef as d, useMemo as pe, useImperativeHandle as It, useCallback as St, useEffect as u } from "react";
-import Rt from "../config-provider/ConfigProvider.js";
-import "../dist/ui-common/utils/is.js";
-import { isUndefined as Pt } from "@unicom-cloud/utils/is";
+import { forwardRef as Io, useContext as fe, useState as l, useRef as d, useMemo as pe, useImperativeHandle as So, useCallback as Ro, useEffect as u } from "react";
+import Po from "../config-provider/ConfigProvider.js";
+import { isServerRendering as No } from "../dist/ui-common/utils/is.js";
+import { isUndefined as zo } from "@unicom-cloud/utils/is";
 import "@unicom-cloud/utils/constant/platform";
 import "../dist/ui-common/hooks/utils/isDev.js";
 import "@unicom-cloud/utils/js-cookie";
 import "dayjs";
 import "lodash/debounce";
-import Nt from "../dist/ui-common/hooks/use-update-effect/index.js";
+import Lo from "../dist/ui-common/hooks/use-update-effect/index.js";
 import "@unicom-cloud/utils/screenfull";
 import "../dist/ui-common/hooks/use-request/src/plugins/useAutoRunPlugin.js";
+import "lodash/castArray";
 import "../dist/ui-common/hooks/use-request/src/utils/subscribeReVisible.js";
 import "../dist/ui-common/hooks/use-request/src/utils/subscribeFocus.js";
 import "lodash/throttle";
@@ -31,26 +32,26 @@ import "../dist/ui-common/hooks/use-text-selection/index.js";
 import "@unicom-cloud/utils/query-string";
 import "react-router";
 import "../dist/ui-common/hooks/use-intersection-observer/index.js";
-import { ArrowDown as zt, ArrowUp as Lt, ArrowLeft as Tt, ArrowRight as $t, Esc as Mt } from "@unicom-cloud/utils/constant/keyboardCode";
-import Et from "../dist/ui-common/hooks/use-merge-props/index.js";
-import Ot from "../dist/ui-common/hooks/use-merge-value/index.js";
-import Ut from "../dist/ui-common/hooks/use-overflow-hidden/index.js";
-import { findDOMNode as Dt } from "../dist/ui-common/utils/reactDOM.js";
+import { ArrowDown as To, ArrowUp as $o, ArrowLeft as Mo, ArrowRight as Eo, Esc as Oo } from "@unicom-cloud/utils/constant/keyboardCode";
+import Uo from "../dist/ui-common/hooks/use-merge-props/index.js";
+import Do from "../dist/ui-common/hooks/use-merge-value/index.js";
+import Ao from "../dist/ui-common/hooks/use-overflow-hidden/index.js";
+import { findDOMNode as Yo } from "../dist/ui-common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/merge";
-import { isServerRendering as At, on as B, off as F } from "../dist/ui-common/utils/dom.js";
-import Yt from "../portal/index.js";
+import { on as B, off as F } from "../dist/ui-common/utils/dom.js";
+import Vo from "../portal/index.js";
 import de from "@unicom-cloud/utils/class-name";
-import Vt from "@unicom-cloud/utils/clipboard-copy";
-import Xt from "../dist/ui-common/utils/resizeObserver.js";
-import Wt from "./ImagePreviewArrow.js";
-import Bt from "./ImagePreviewToolbar.js";
-import { PreviewGroupContext as Ft } from "./previewGroupContext.js";
-import Zt from "./utils/getFixTranslate.js";
-import jt, { defaultScales as Gt } from "./utils/getScale.js";
-import Ht from "./utils/hook/useImageStatus.js";
-import qt from "../config-provider/context.js";
-const Z = 90, Kt = {
+import Xo from "@unicom-cloud/utils/clipboard-copy";
+import Wo from "../dist/ui-common/utils/resizeObserver.js";
+import Bo from "./ImagePreviewArrow.js";
+import Fo from "./ImagePreviewToolbar.js";
+import { PreviewGroupContext as Zo } from "./previewGroupContext.js";
+import jo from "./utils/getFixTranslate.js";
+import Go, { defaultScales as Ho } from "./utils/getScale.js";
+import qo from "./utils/hook/useImageStatus.js";
+import Ko from "../config-provider/context.js";
+const Z = 90, _o = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -71,20 +72,20 @@ const Z = 90, Kt = {
   ],
   getPopupContainer: () => document.body,
   escToExit: !0,
-  scales: Gt,
+  scales: Ho,
   resetTranslate: !0
 };
-function _t(ge, ve) {
+function Jo(ge, ve) {
   const {
     previewGroup: v,
     previewUrlMap: w,
     currentIndex: a,
-    setCurrentIndex: ye,
+    setCurrentIndex: ke,
     infinite: C,
-    previewPropsMap: ke
-  } = fe(Ft), we = v ? ke.get(a) : {}, N = Et(
+    previewPropsMap: ye
+  } = fe(Zo), we = v ? ye.get(a) : {}, N = Uo(
     ge,
-    Kt,
+    _o,
     we
   ), {
     className: Ce,
@@ -104,48 +105,48 @@ function _t(ge, ve) {
     imageRender: Te,
     extra: $e = null,
     resetTranslate: H
-  } = N, h = v ? w.get(a) : be, [L, Me] = l(h), [r, Ee] = Ot(!1, {
+  } = N, h = v ? w.get(a) : be, [L, Me] = l(h), [r, Ee] = Do(!1, {
     defaultValue: xe,
     value: N.visible
-  }), q = fe(qt), { getPrefixCls: Oe, locale: y, rtl: Ue } = q, K = Oe?.("image"), i = `${K}-preview`, De = de(
+  }), q = fe(Ko), { getPrefixCls: Oe, locale: k, rtl: Ue } = q, K = Oe?.("image"), i = `${K}-preview`, De = de(
     i,
     {
       [`${i}-hide`]: !r,
       [`${i}-rtl`]: Ue
     },
     Ce
-  ), b = d(void 0), Ae = d(void 0), f = d(void 0), _ = d(void 0), T = d(!1), k = d({
+  ), b = d(void 0), Ae = d(void 0), f = d(void 0), _ = d(void 0), T = d(!1), y = d({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { isLoading: Ye, isLoaded: Ve, setStatus: $ } = Ht("loading"), [Xe, We] = l(!1), [s, M] = l({ x: 0, y: 0 }), [n, E] = l(1), [J, Q] = l(!1), [x, O] = l(0), [c, ee] = l(!1), p = pe(() => new jt(z), []), {
+  }), { isLoading: Ye, isLoaded: Ve, setStatus: $ } = qo("loading"), [Xe, We] = l(!1), [s, M] = l({ x: 0, y: 0 }), [n, E] = l(1), [J, Q] = l(!1), [x, O] = l(0), [c, ee] = l(!1), p = pe(() => new Go(z), []), {
     onLoad: Be,
     onError: Fe,
     onMouseDown: Ze,
     style: je,
     className: Ge,
     ...He
-  } = Le, te = !C && a <= 0, oe = !C && a >= w.size - 1;
+  } = Le, oe = !C && a <= 0, te = !C && a >= w.size - 1;
   function U() {
     M({ x: 0, y: 0 }), E(1), O(0);
   }
-  It(ve, () => ({
+  So(ve, () => ({
     reset: U,
     getRootDOMNode: () => _.current
   }));
-  const [I, qe] = l(), ne = St(() => I, [I]);
+  const [I, qe] = l(), ne = Ro(() => I, [I]);
   u(() => {
-    const e = j?.(), t = Dt(e) || document.body;
-    qe(t);
-  }, [j]), Ut(ne, { hidden: r });
+    const e = j?.(), o = Yo(e) || document.body;
+    qe(o);
+  }, [j]), Ao(ne, { hidden: r });
   const Ke = pe(
-    () => !At && I === document.body,
+    () => !No && I === document.body,
     [I]
   );
   function re(e) {
-    const t = w.size;
-    C && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== a && e >= 0 && e <= t - 1 && ye(e);
+    const o = w.size;
+    C && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && ke(e);
   }
   function D() {
     re(a - 1);
@@ -174,32 +175,32 @@ function _t(ge, ve) {
     const e = p.getNextScale(n, "zoomOut");
     S(e);
   }
-  function et(e) {
+  function eo(e) {
     e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && V();
   }
-  function tt() {
+  function oo() {
     S(1);
   }
-  function ot() {
-    const e = f.current.getBoundingClientRect(), t = b.current.getBoundingClientRect(), m = e.height / (t.height / n), g = e.width / (t.width / n), W = Math.max(m, g);
+  function to() {
+    const e = f.current.getBoundingClientRect(), o = b.current.getBoundingClientRect(), m = e.height / (o.height / n), g = e.width / (o.width / n), W = Math.max(m, g);
     S(W);
   }
   function ie(e) {
     e.target === e.currentTarget && Ie && R();
   }
-  function nt() {
-    Vt(L);
+  function no() {
+    Xo(L);
   }
   function ae() {
     R();
   }
-  function rt(e) {
+  function ro(e) {
     R();
   }
   function R() {
-    r && (ze?.(!1, r), Pt(N.visible) && Ee(!1));
+    r && (ze?.(!1, r), zo(N.visible) && Ee(!1));
   }
-  function it(e) {
+  function io(e) {
     if (e && e.length) {
       const m = e[0].contentRect.width < Re;
       We(m);
@@ -208,9 +209,9 @@ function _t(ge, ve) {
   const se = () => {
     if (!f.current || !b.current)
       return;
-    const e = f.current.getBoundingClientRect(), t = b.current.getBoundingClientRect(), [m, g] = Zt(
+    const e = f.current.getBoundingClientRect(), o = b.current.getBoundingClientRect(), [m, g] = jo(
       e,
-      t,
+      o,
       s.x,
       s.y,
       n
@@ -222,25 +223,25 @@ function _t(ge, ve) {
   }, ce = (e) => {
     if (r && c) {
       e.preventDefault?.();
-      const { originX: t, originY: m, pageX: g, pageY: W } = k.current, ut = t + (e.pageX - g) / n, ft = m + (e.pageY - W) / n;
+      const { originX: o, originY: m, pageX: g, pageY: W } = y.current, uo = o + (e.pageX - g) / n, fo = m + (e.pageY - W) / n;
       M({
-        x: ut,
-        y: ft
+        x: uo,
+        y: fo
       });
     }
   }, me = (e) => {
     e.preventDefault?.(), ee(!1);
   };
-  function at(e) {
+  function ao(e) {
     $("loaded"), Be?.(e);
   }
-  function st(e) {
+  function so(e) {
     $("error"), Fe?.(e);
   }
-  const ct = (e) => {
+  const co = (e) => {
     e.preventDefault?.(), ee(!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, Ze?.(e);
+    const o = e.type === "touchstart" ? e.touches[0] : e;
+    y.current.pageX = o.pageX, y.current.pageY = o.pageY, y.current.originX = s.x, y.current.originY = s.y, Ze?.(e);
   };
   u(() => (r && c && (B(document, "mousemove", ce, !1), B(document, "mouseup", me, !1)), () => {
     F(document, "mousemove", ce, !1), F(document, "mouseup", me, !1);
@@ -252,25 +253,25 @@ function _t(ge, ve) {
     r && U();
   }, [r]), u(() => {
     Me(h), $(h ? "loading" : "loaded"), U();
-  }, [h]), Nt(() => {
+  }, [h]), Lo(() => {
     p.updateScale(z), E(1);
   }, [z]), u(() => {
-    const e = (t) => {
-      if (t)
-        switch (t.key) {
-          case Mt.key:
+    const e = (o) => {
+      if (o)
+        switch (o.key) {
+          case Oo.key:
             G && R();
             break;
-          case $t.key:
+          case Eo.key:
             A();
             break;
-          case Tt.key:
+          case Mo.key:
             D();
             break;
-          case Lt.key:
+          case $o.key:
             V();
             break;
-          case zt.key:
+          case To.key:
             X();
             break;
         }
@@ -279,84 +280,84 @@ function _t(ge, ve) {
       T.current = !1, F(document, "keydown", e);
     };
   }, [r, G, c, a, n]);
-  const mt = [
+  const mo = [
     !1,
     {
       key: "rotateRight",
-      name: y?.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ o(Ct, {}),
+      name: k?.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ t(ho, {}),
       onClick: Je
     },
     {
       key: "rotateLeft",
-      name: y?.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ o(wt, {}),
+      name: k?.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ t(Co, {}),
       onClick: _e
     },
     {
       key: "zoomIn",
-      name: y?.ImagePreview.zoomIn,
-      content: /* @__PURE__ */ o(ht, {}),
+      name: k?.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ t(bo, {}),
       onClick: V,
       disabled: n === p.maxScale
     },
     {
       key: "zoomOut",
-      name: y?.ImagePreview.zoomOut,
-      content: /* @__PURE__ */ o(bt, {}),
+      name: k?.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ t(xo, {}),
       onClick: X,
       disabled: n === p.minScale
     },
     {
       key: "originalSize",
-      name: y?.ImagePreview.originalSize,
-      content: /* @__PURE__ */ o(yt, {}),
-      onClick: tt
+      name: k?.ImagePreview.originalSize,
+      content: /* @__PURE__ */ t(yo, {}),
+      onClick: oo
     },
     {
       key: "maximize",
       name: "最大化",
-      content: /* @__PURE__ */ o(dt, {}),
-      onClick: ot
+      content: /* @__PURE__ */ t(go, {}),
+      onClick: to
     },
     !!v && {
       key: "next",
       name: "下一张",
-      content: /* @__PURE__ */ o(kt, {}),
-      disabled: oe,
+      content: /* @__PURE__ */ t(wo, {}),
+      disabled: te,
       onClick: A
     },
     !!v && {
       key: "prev",
       name: "上一张",
-      content: /* @__PURE__ */ o(gt, {}),
-      disabled: te,
+      content: /* @__PURE__ */ t(vo, {}),
+      disabled: oe,
       onClick: D
     },
     {
       key: "copy",
       name: "复制",
-      content: /* @__PURE__ */ o(pt, {}),
-      onClick: nt
+      content: /* @__PURE__ */ t(po, {}),
+      onClick: no
     },
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ o(le, {}),
+      content: /* @__PURE__ */ t(le, {}),
       onClick: ae
     }
   ].filter(Boolean);
   u(() => {
-    const e = Xt([f.current], it);
+    const e = Wo([f.current], io);
     return () => {
       e();
     };
   }, [f.current]);
-  const lt = () => {
-    const e = /* @__PURE__ */ o(
+  const lo = () => {
+    const e = /* @__PURE__ */ t(
       "img",
       {
-        onWheel: et,
+        onWheel: eo,
         ref: b,
         className: de(Ge, `${i}-img`, {
           [`${i}-img-moving`]: c
@@ -367,18 +368,18 @@ function _t(ge, ve) {
         },
         src: L,
         ...He,
-        onLoad: at,
-        onError: st,
-        onMouseDown: (t) => {
-          t.button === 0 && ct(t);
+        onLoad: ao,
+        onError: so,
+        onMouseDown: (o) => {
+          o.button === 0 && co(o);
         }
       },
       L
     );
     return Te?.(e) ?? e;
   };
-  return /* @__PURE__ */ o(Yt, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ o(
-    Rt,
+  return /* @__PURE__ */ t(Vo, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ t(
+    Po,
     {
       ...q,
       childrenName: "ImagePreview",
@@ -393,7 +394,7 @@ function _t(ge, ve) {
           },
           ref: _,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ t(
               ue,
               {
                 in: r,
@@ -408,7 +409,7 @@ function _t(ge, ve) {
                 onExited: (e) => {
                   e && (e.parentNode.style.display = "", e.style.display = "none");
                 },
-                children: /* @__PURE__ */ o("div", { className: `${i}-mask`, onClick: rt })
+                children: /* @__PURE__ */ t("div", { className: `${i}-mask`, onClick: ro })
               }
             ),
             r && /* @__PURE__ */ P(
@@ -426,12 +427,12 @@ function _t(ge, ve) {
                       style: { transform: `scale(${n}, ${n})` },
                       onClick: ie,
                       children: [
-                        lt(),
-                        Ye && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(vt, {}) })
+                        lo(),
+                        Ye && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(ko, {}) })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ t(
                     ue,
                     {
                       in: J,
@@ -445,33 +446,33 @@ function _t(ge, ve) {
                       ] })
                     }
                   ),
-                  Ve && /* @__PURE__ */ o(
-                    Bt,
+                  Ve && /* @__PURE__ */ t(
+                    Fo,
                     {
                       prefixCls: K,
                       previewPrefixCls: i,
                       actions: Pe,
                       actionsLayout: Ne,
-                      defaultActions: mt,
+                      defaultActions: mo,
                       simple: Xe
                     }
                   ),
-                  Se && /* @__PURE__ */ o(
+                  Se && /* @__PURE__ */ t(
                     "div",
                     {
                       className: `${i}-close-btn`,
                       onClick: ae,
-                      children: /* @__PURE__ */ o(le, {})
+                      children: /* @__PURE__ */ t(le, {})
                     }
                   ),
-                  v && /* @__PURE__ */ o(
-                    Wt,
+                  v && /* @__PURE__ */ t(
+                    Bo,
                     {
                       previewCount: w.size,
                       current: a,
                       infinite: C,
-                      disableLeft: te,
-                      disableRight: oe,
+                      disableLeft: oe,
+                      disableRight: te,
                       onPrev: D,
                       onNext: A
                     }
@@ -486,10 +487,10 @@ function _t(ge, ve) {
     }
   ) });
 }
-const Jt = xt(
-  _t
+const Qo = Io(
+  Jo
 );
-Jt.displayName = "ImagePreview";
+Qo.displayName = "ImagePreview";
 export {
-  Jt as default
+  Qo as default
 };

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import d from "@unicom-cloud/icons/IconUiLeft";
 import p from "@unicom-cloud/icons/IconUiRight";

package/image/ImagePreviewGroup.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import a, { forwardRef as J, useMemo as K, useState as Q, useRef as M, useEffect as T, useImperativeHandle as W } from "react";
 import X from "../dist/ui-common/hooks/use-is-first-render/index.js";

package/image/ImagePreviewToolbar.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27: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 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as p } from "react/jsx-runtime";
 import a from "../trigger/index.js";
 import c from "@unicom-cloud/utils/class-name";

package/image/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27: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 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { createContext as e } from "react";
 const l = e({
   previewGroup: !1,

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27: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 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import "../../dist/ui-common/utils/is.js";
 import { isArray as l } from "@unicom-cloud/utils/is";
 const a = [

package/image/utils/hook/useImageStatus.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useState as t } from "react";
 function u(s) {
   const [o, a] = t(s);

package/image/utils/hook/useShowFooter.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 function r(n) {
   const { title: e, description: c, actions: o } = n, t = e || c, s = o && o.length;
   return [t || s, t, s];