@unicom-cloud/ui 0.8.118 → 0.8.120

package/image/ImagePreview.js

@@ -1,55 +1,37 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as t, jsxs as P } from "react/jsx-runtime";
-import le from "@unicom-cloud/icons/IconUiClose";
+import me 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 ko from "@unicom-cloud/icons/IconUiLoading";
-import yo from "@unicom-cloud/icons/IconUiOriginalSize";
+import Co from "@unicom-cloud/icons/IconUiLoading";
+import ko 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 yo 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 { PqbCSSTransition as ue } from "../dist/ui-common/transition-group/PqbCSSTransition.js";
-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 ue from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
+import { forwardRef as Io, useContext as fe, useState as m, 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 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";
-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 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 "react-is";
-import "@unicom-cloud/utils/constant";
+import { useUpdateEffect as No } from "@unicom-cloud/ui-common/hooks";
+import { isUndefined as zo } from "@unicom-cloud/ui-common/utils/is";
+import { ArrowDown as Lo, ArrowUp as $o, ArrowLeft as Mo, ArrowRight as To, Esc as Eo } from "@unicom-cloud/utils/constant/keyboardCode";
+import Oo from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
-import { on as B, off as F } from "../dist/ui-common/utils/dom.js";
+import { isServerRendering as Uo, on as B, off as F } from "@unicom-cloud/ui-common/utils/dom";
+import Do from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Ao from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
 import Vo from "../portal/index.js";
-import de from "@unicom-cloud/utils/class-name";
-import Xo from "@unicom-cloud/utils/clipboard-copy";
-import Wo from "../dist/ui-common/utils/resizeObserver.js";
+import de from "@unicom-cloud/ui-common/utils/className";
+import Yo from "@unicom-cloud/ui-common/utils/copy";
+import { findDOMNode as Xo } from "@unicom-cloud/ui-common/utils/reactDOM";
+import Wo from "@unicom-cloud/ui-common/utils/resizeObserver";
 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 Ho, { defaultScales as Go } from "./utils/getScale.js";
 import qo from "./utils/hook/useImageStatus.js";
 import Ko from "../config-provider/context.js";
 const Z = 90, _o = {
@@ -73,7 +55,7 @@ const Z = 90, _o = {
   ],
   getPopupContainer: () => document.body,
   escToExit: !0,
-  scales: Ho,
+  scales: Go,
   resetTranslate: !0
 };
 function Jo(ge, ve) {
@@ -81,17 +63,17 @@ function Jo(ge, ve) {
     previewGroup: v,
     previewUrlMap: w,
     currentIndex: a,
-    setCurrentIndex: ke,
-    infinite: C,
-    previewPropsMap: ye
-  } = fe(Zo), we = v ? ye.get(a) : {}, N = Uo(
+    setCurrentIndex: Ce,
+    infinite: y,
+    previewPropsMap: ke
+  } = fe(Zo), we = v ? ke.get(a) : {}, N = Do(
     ge,
     _o,
     we
   ), {
-    className: Ce,
-    style: he,
-    src: be,
+    className: ye,
+    style: be,
+    src: he,
     defaultVisible: xe,
     maskClosable: Ie,
     closable: Se,
@@ -101,53 +83,58 @@ function Jo(ge, ve) {
     getPopupContainer: j,
     onVisibleChange: ze,
     scales: z,
-    escToExit: G,
+    escToExit: H,
     imgAttributes: Le = {},
-    imageRender: Te,
-    extra: $e = null,
-    resetTranslate: H
-  } = N, h = v ? w.get(a) : be, [L, Me] = l(h), [r, Ee] = Do(!1, {
+    imageRender: $e,
+    extra: Me = null,
+    resetTranslate: G
+  } = N, b = v ? w.get(a) : he, [L, Te] = m(b), [r, Ee] = Oo(!1, {
     defaultValue: xe,
     value: N.visible
-  }), q = fe(Ko), { getPrefixCls: Oe, locale: k, rtl: Ue } = q, K = Oe?.("image"), i = `${K}-preview`, De = de(
+  }), q = fe(Ko), {
+    prefixCls: et,
+    getPrefixCls: Oe,
+    locale: C,
+    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), y = d({
+    ye
+  ), h = d(void 0), Ae = d(void 0), f = d(void 0), _ = d(void 0), $ = d(!1), k = d({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { isLoading: Ye, isLoaded: Ve, setStatus: $ } = qo("loading"), [Xe, We] = l(!1), [c, M] = l({ x: 0, y: 0 }), [n, E] = l(1), [J, Q] = l(!1), [x, O] = l(0), [s, ee] = l(!1), p = pe(() => new Go(z), []), {
+  }), { isLoading: Ve, isLoaded: Ye, setStatus: M } = qo("loading"), [Xe, We] = m(!1), [s, T] = m({ x: 0, y: 0 }), [n, E] = m(1), [J, Q] = m(!1), [x, O] = m(0), [c, ee] = m(!1), p = pe(() => new Ho(z), []), {
     onLoad: Be,
     onError: Fe,
     onMouseDown: Ze,
     style: je,
-    className: Ge,
-    ...He
-  } = Le, oe = !C && a <= 0, te = !C && a >= w.size - 1;
+    className: He,
+    ...Ge
+  } = Le, oe = !y && a <= 0, te = !y && a >= w.size - 1;
   function U() {
-    M({ x: 0, y: 0 }), E(1), O(0);
+    T({ x: 0, y: 0 }), E(1), O(0);
   }
   So(ve, () => ({
     reset: U,
     getRootDOMNode: () => _.current
   }));
-  const [I, qe] = l(), ne = Ro(() => I, [I]);
+  const [I, qe] = m(), ne = Ro(() => I, [I]);
   u(() => {
-    const e = j?.(), o = Yo(e) || document.body;
+    const e = j?.(), o = Xo(e) || document.body;
     qe(o);
   }, [j]), Ao(ne, { hidden: r });
   const Ke = pe(
-    () => !No && I === document.body,
+    () => !Uo && I === document.body,
     [I]
   );
   function re(e) {
     const o = w.size;
-    C && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && ke(e);
+    y && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && Ce(e);
   }
   function D() {
     re(a - 1);
@@ -161,14 +148,14 @@ function Jo(ge, ve) {
   function Je() {
     O((x + Z) % 360);
   }
-  const Y = d(null), Qe = () => {
-    !J && Q(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+  const V = d(null), Qe = () => {
+    !J && Q(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
       Q(!1);
     }, 1e3);
   }, S = (e) => {
     n !== e && (E(e), Qe());
   };
-  function V() {
+  function Y() {
     const e = p.getNextScale(n, "zoomIn");
     S(e);
   }
@@ -177,20 +164,20 @@ function Jo(ge, ve) {
     S(e);
   }
   function eo(e) {
-    e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && V();
+    e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && Y();
   }
   function oo() {
     S(1);
   }
   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);
+    const e = f.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 ie(e) {
     e.target === e.currentTarget && Ie && R();
   }
   function no() {
-    Xo(L);
+    Yo(L);
   }
   function ae() {
     R();
@@ -203,116 +190,116 @@ function Jo(ge, ve) {
   }
   function io(e) {
     if (e && e.length) {
-      const m = e[0].contentRect.width < Re;
-      We(m);
+      const l = e[0].contentRect.width < Re;
+      We(l);
     }
   }
-  const ce = () => {
-    if (!f.current || !b.current)
+  const se = () => {
+    if (!f.current || !h.current)
       return;
-    const e = f.current.getBoundingClientRect(), o = b.current.getBoundingClientRect(), [m, g] = jo(
+    const e = f.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = jo(
       e,
       o,
-      c.x,
-      c.y,
+      s.x,
+      s.y,
       n
     );
-    (m !== c.x || g !== c.y) && M({
-      x: m,
+    (l !== s.x || g !== s.y) && T({
+      x: l,
       y: g
     });
-  }, se = (e) => {
-    if (r && s) {
+  }, ce = (e) => {
+    if (r && c) {
       e.preventDefault?.();
-      const { originX: o, originY: m, pageX: g, pageY: W } = y.current, uo = o + (e.pageX - g) / n, fo = m + (e.pageY - W) / n;
-      M({
+      const { originX: o, originY: l, pageX: g, pageY: W } = k.current, uo = o + (e.pageX - g) / n, fo = l + (e.pageY - W) / n;
+      T({
         x: uo,
         y: fo
       });
     }
-  }, me = (e) => {
+  }, le = (e) => {
     e.preventDefault?.(), ee(!1);
   };
   function ao(e) {
-    $("loaded"), Be?.(e);
+    M("loaded"), Be?.(e);
   }
-  function co(e) {
-    $("error"), Fe?.(e);
+  function so(e) {
+    M("error"), Fe?.(e);
   }
-  const so = (e) => {
+  const co = (e) => {
     e.preventDefault?.(), ee(!0);
     const o = e.type === "touchstart" ? e.touches[0] : e;
-    y.current.pageX = o.pageX, y.current.pageY = o.pageY, y.current.originX = c.x, y.current.originY = c.y, Ze?.(e);
+    k.current.pageX = o.pageX, k.current.pageY = o.pageY, k.current.originX = s.x, k.current.originY = s.y, Ze?.(e);
   };
-  u(() => (r && s && (B(document, "mousemove", se, !1), B(document, "mouseup", me, !1)), () => {
-    F(document, "mousemove", se, !1), F(document, "mouseup", me, !1);
-  }), [r, s]), u(() => {
-    H && !s && ce();
-  }, [s, c]), u(() => {
-    H && ce();
+  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(() => {
-    Me(h), $(h ? "loading" : "loaded"), U();
-  }, [h]), Lo(() => {
+    Te(b), M(b ? "loading" : "loaded"), U();
+  }, [b]), No(() => {
     p.updateScale(z), E(1);
   }, [z]), u(() => {
     const e = (o) => {
       if (o)
         switch (o.key) {
-          case Oo.key:
-            G && R();
-            break;
           case Eo.key:
+            H && R();
+            break;
+          case To.key:
             A();
             break;
           case Mo.key:
             D();
             break;
           case $o.key:
-            V();
+            Y();
             break;
-          case To.key:
+          case Lo.key:
             X();
             break;
         }
     };
-    return r && !s && !T.current && (T.current = !0, B(document, "keydown", e)), () => {
-      T.current = !1, F(document, "keydown", e);
+    return r && !c && !$.current && ($.current = !0, B(document, "keydown", e)), () => {
+      $.current = !1, F(document, "keydown", e);
     };
-  }, [r, G, s, a, n]);
-  const mo = [
+  }, [r, H, c, a, n]);
+  const lo = [
     !1,
     {
       key: "rotateRight",
-      name: k?.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ t(ho, {}),
+      name: C?.ImagePreview?.rotateRight,
+      content: /* @__PURE__ */ t(bo, {}),
       onClick: Je
     },
     {
       key: "rotateLeft",
-      name: k?.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ t(Co, {}),
+      name: C?.ImagePreview?.rotateLeft,
+      content: /* @__PURE__ */ t(yo, {}),
       onClick: _e
     },
     {
       key: "zoomIn",
-      name: k?.ImagePreview.zoomIn,
-      content: /* @__PURE__ */ t(bo, {}),
-      onClick: V,
+      name: C?.ImagePreview?.zoomIn,
+      content: /* @__PURE__ */ t(ho, {}),
+      onClick: Y,
       disabled: n === p.maxScale
     },
     {
       key: "zoomOut",
-      name: k?.ImagePreview.zoomOut,
+      name: C?.ImagePreview?.zoomOut,
       content: /* @__PURE__ */ t(xo, {}),
       onClick: X,
       disabled: n === p.minScale
     },
     {
       key: "originalSize",
-      name: k?.ImagePreview.originalSize,
-      content: /* @__PURE__ */ t(yo, {}),
+      name: C?.ImagePreview?.originalSize,
+      content: /* @__PURE__ */ t(ko, {}),
       onClick: oo
     },
     {
@@ -344,7 +331,7 @@ function Jo(ge, ve) {
     {
       key: "close",
       name: "关闭",
-      content: /* @__PURE__ */ t(le, {}),
+      content: /* @__PURE__ */ t(me, {}),
       onClick: ae
     }
   ].filter(Boolean);
@@ -354,30 +341,30 @@ function Jo(ge, ve) {
       e();
     };
   }, [f.current]);
-  const lo = () => {
+  const mo = () => {
     const e = /* @__PURE__ */ t(
       "img",
       {
         onWheel: eo,
-        ref: b,
-        className: de(Ge, `${i}-img`, {
-          [`${i}-img-moving`]: s
+        ref: h,
+        className: de(He, `${i}-img`, {
+          [`${i}-img-moving`]: c
         }),
         style: {
           ...je,
-          transform: `translate(${c.x}px, ${c.y}px) rotate(${x}deg)`
+          transform: `translate(${s.x}px, ${s.y}px) rotate(${x}deg)`
         },
         src: L,
-        ...He,
+        ...Ge,
         onLoad: ao,
-        onError: co,
+        onError: so,
         onMouseDown: (o) => {
-          o.button === 0 && so(o);
+          o.button === 0 && co(o);
         }
       },
       L
     );
-    return Te?.(e) ?? e;
+    return $e?.(e) ?? e;
   };
   return /* @__PURE__ */ t(Vo, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ t(
     Po,
@@ -390,7 +377,7 @@ function Jo(ge, ve) {
         {
           className: De,
           style: {
-            ...he || {},
+            ...be || {},
             ...Ke ? {} : { zIndex: "inherit", position: "absolute" }
           },
           ref: _,
@@ -428,8 +415,8 @@ function Jo(ge, ve) {
                       style: { transform: `scale(${n}, ${n})` },
                       onClick: ie,
                       children: [
-                        lo(),
-                        Ye && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(ko, {}) })
+                        mo(),
+                        Ve && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(Co, {}) })
                       ]
                     }
                   ),
@@ -447,14 +434,14 @@ function Jo(ge, ve) {
                       ] })
                     }
                   ),
-                  Ve && /* @__PURE__ */ t(
+                  Ye && /* @__PURE__ */ t(
                     Fo,
                     {
                       prefixCls: K,
                       previewPrefixCls: i,
                       actions: Pe,
                       actionsLayout: Ne,
-                      defaultActions: mo,
+                      defaultActions: lo,
                       simple: Xe
                     }
                   ),
@@ -463,7 +450,7 @@ function Jo(ge, ve) {
                     {
                       className: `${i}-close-btn`,
                       onClick: ae,
-                      children: /* @__PURE__ */ t(le, {})
+                      children: /* @__PURE__ */ t(me, {})
                     }
                   ),
                   v && /* @__PURE__ */ t(
@@ -471,14 +458,14 @@ function Jo(ge, ve) {
                     {
                       previewCount: w.size,
                       current: a,
-                      infinite: C,
+                      infinite: y,
                       disableLeft: oe,
                       disableRight: te,
                       onPrev: D,
                       onNext: A
                     }
                   ),
-                  $e
+                  Me
                 ]
               }
             )

package/image/ImagePreviewArrow.js

@@ -1,22 +1,22 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 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";
-import { useContext as v } from "react";
+import p from "@unicom-cloud/icons/IconUiLeft";
+import d from "@unicom-cloud/icons/IconUiRight";
+import { useContext as x } from "react";
 import "../config-provider/ConfigProvider.js";
-import o from "@unicom-cloud/utils/class-name";
-import w from "../config-provider/context.js";
-function j(s) {
+import o from "@unicom-cloud/ui-common/utils/className";
+import C from "../config-provider/context.js";
+function k(a) {
   const {
-    current: u,
-    previewCount: x,
-    infinite: C = !1,
+    current: v,
+    previewCount: w,
+    infinite: g = !1,
     disableLeft: t,
-    disableRight: n,
-    onPrev: a,
-    onNext: l
-  } = s, { getPrefixCls: m } = v(w), e = m?.("image-preview"), f = o(`${e}-arrow`);
-  return /* @__PURE__ */ c("div", { className: f, children: [
+    disableRight: s,
+    onPrev: l,
+    onNext: n
+  } = a, { prefixCls: u, getPrefixCls: f } = x(C), e = f?.("image-preview"), m = o(`${e}-arrow`);
+  return /* @__PURE__ */ c("div", { className: m, children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -24,25 +24,25 @@ function j(s) {
           [`${e}-arrow-disabled`]: t
         }),
         onClick: (i) => {
-          i.preventDefault(), !t && a?.();
+          i.preventDefault(), !t && l?.();
         },
-        children: /* @__PURE__ */ r(d, {})
+        children: /* @__PURE__ */ r(p, {})
       }
     ),
     /* @__PURE__ */ r(
       "div",
       {
         className: o(`${e}-arrow-right`, {
-          [`${e}-arrow-disabled`]: n
+          [`${e}-arrow-disabled`]: s
         }),
         onClick: (i) => {
-          i.preventDefault(), !n && l?.();
+          i.preventDefault(), !s && n?.();
         },
-        children: /* @__PURE__ */ r(p, {})
+        children: /* @__PURE__ */ r(d, {})
       }
     )
   ] });
 }
 export {
-  j as default
+  k as default
 };