@unicom-cloud/ui 0.8.122 → 0.8.123

package/hooks/useRefs.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-refs";
 export {
   o as default

package/hooks/useResizeObserver.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-resize-observer";
 export {
   o as default

package/hooks/useResizeObservers.js

@@ -0,0 +1,5 @@
+/* 2025-11-19 09:09:44 */
+import { default as o } from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+export {
+  o as default
+};

package/hooks/useResponsiveState.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import "react";
 import "@unicom-cloud/ui-common/utils/is";
 import "../utils/responsiveObserve.js";

package/hooks/useStateCallback.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-state-callback";
 export {
   o as default

package/hooks/useStateWithPromise.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-state-with-promise";
 export {
   o as default

package/hooks/useUpdateEffect.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-update-effect";
 export {
   o as default

package/hooks/useVerificationCode.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import "react";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";

package/hooks/useWatch.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-watch";
 export {
   o as default

package/hooks/useWatermark.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import "lodash/merge";
 import "react";
 import "@unicom-cloud/ui-common/utils/dom";

package/hooks/useWindowSize.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { default as o } from "@unicom-cloud/ui-common/hooks/use-window-size";
 export {
   o as default

package/icon/addFromIconFontCn.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as f } from "react/jsx-runtime";
 import o from "react";
 import h from "./index.js";

package/icon/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as e } from "react/jsx-runtime";
 import { default as j } from "@unicom-cloud/icons/context";
 import { default as b } from "@unicom-cloud/icons/useProps";

package/icon-hover/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as m } from "react/jsx-runtime";
 import d, { useContext as u, useRef as p, useImperativeHandle as C } from "react";
 import "../config-provider/ConfigProvider.js";

package/icons/file/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as i } from "react/jsx-runtime";
 import n from "@unicom-cloud/ui-common/icons/file";
 import { forwardRef as m, useContext as a } from "react";

package/icons/file.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import "react/jsx-runtime";
 import "@unicom-cloud/ui-common/icons/file";
 import "react";

package/icons.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import * as o from "@unicom-cloud/icons/ui";
 export * from "@unicom-cloud/icons/ui";
 export {

package/image/Image.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import he from "@unicom-cloud/icons/IconUiImageClose";
 import Ie from "@unicom-cloud/icons/IconUiLoading";

package/image/ImageFooter.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import w from "@unicom-cloud/icons/IconUiMore";
 import c from "@unicom-cloud/ui-common/utils/className";

package/image/ImagePreview.js

@@ -1,18 +1,18 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsx as t, jsxs as P } from "react/jsx-runtime";
 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 Co from "@unicom-cloud/icons/IconUiLoading";
-import ko from "@unicom-cloud/icons/IconUiOriginalSize";
-import wo from "@unicom-cloud/icons/IconUiRight";
-import yo from "@unicom-cloud/icons/IconUiRotateLeft";
+import yo from "@unicom-cloud/icons/IconUiLoading";
+import Co from "@unicom-cloud/icons/IconUiOriginalSize";
+import ko 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 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 { forwardRef as Io, useContext as fe, useState as m, useRef as f, useMemo as pe, useImperativeHandle as So, useCallback as Ro, useEffect as p } from "react";
 import Po from "../config-provider/ConfigProvider.js";
 import { useUpdateEffect as No } from "@unicom-cloud/ui-common/hooks";
 import { isUndefined as zo } from "@unicom-cloud/ui-common/utils/is";
@@ -22,11 +22,11 @@ import "lodash/merge";
 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 Vo from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import Yo from "../portal/index.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 Xo from "@unicom-cloud/ui-common/utils/copy";
+import { findDOMNode as Wo } from "@unicom-cloud/ui-common/utils/reactDOM";
 import Bo from "./ImagePreviewArrow.js";
 import Fo from "./ImagePreviewToolbar.js";
 import { PreviewGroupContext as Zo } from "./previewGroupContext.js";
@@ -61,17 +61,17 @@ const Z = 90, _o = {
 function Jo(ge, ve) {
   const {
     previewGroup: v,
-    previewUrlMap: w,
+    previewUrlMap: k,
     currentIndex: a,
-    setCurrentIndex: Ce,
-    infinite: y,
-    previewPropsMap: ke
-  } = fe(Zo), we = v ? ke.get(a) : {}, N = Do(
+    setCurrentIndex: ye,
+    infinite: w,
+    previewPropsMap: Ce
+  } = fe(Zo), ke = v ? Ce.get(a) : {}, N = Do(
     ge,
     _o,
-    we
+    ke
   ), {
-    className: ye,
+    className: we,
     style: be,
     src: he,
     defaultVisible: xe,
@@ -88,13 +88,13 @@ function Jo(ge, ve) {
     imageRender: $e,
     extra: Me = null,
     resetTranslate: G
-  } = N, b = v ? w.get(a) : he, [L, Te] = m(b), [r, Ee] = Oo(!1, {
+  } = N, b = v ? k.get(a) : he, [L, Te] = m(b), [r, Ee] = Oo(!1, {
     defaultValue: xe,
     value: N.visible
   }), q = fe(Ko), {
     prefixCls: et,
     getPrefixCls: Oe,
-    locale: C,
+    locale: y,
     rtl: Ue
   } = q, K = Oe?.("image"), i = `${K}-preview`, De = de(
     i,
@@ -102,20 +102,20 @@ function Jo(ge, ve) {
       [`${i}-hide`]: !r,
       [`${i}-rtl`]: Ue
     },
-    ye
-  ), h = d(void 0), Ae = d(void 0), f = d(void 0), _ = d(void 0), $ = d(!1), k = d({
+    we
+  ), h = f(void 0), Ae = f(void 0), d = f(void 0), _ = f(void 0), $ = f(!1), C = f({
     pageX: 0,
     pageY: 0,
     originX: 0,
     originY: 0
-  }), { 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), []), {
+  }), { 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), u = pe(() => new Ho(z), []), {
     onLoad: Be,
     onError: Fe,
     onMouseDown: Ze,
     style: je,
     className: He,
     ...Ge
-  } = Le, oe = !y && a <= 0, te = !y && a >= w.size - 1;
+  } = Le, oe = !w && a <= 0, te = !w && a >= k.size - 1;
   function U() {
     T({ x: 0, y: 0 }), E(1), O(0);
   }
@@ -124,8 +124,8 @@ function Jo(ge, ve) {
     getRootDOMNode: () => _.current
   }));
   const [I, qe] = m(), ne = Ro(() => I, [I]);
-  u(() => {
-    const e = j?.(), o = Xo(e) || document.body;
+  p(() => {
+    const e = j?.(), o = Wo(e) || document.body;
     qe(o);
   }, [j]), Ao(ne, { hidden: r });
   const Ke = pe(
@@ -133,8 +133,8 @@ function Jo(ge, ve) {
     [I]
   );
   function re(e) {
-    const o = w.size;
-    y && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && Ce(e);
+    const o = k.size;
+    w && (e %= o, e < 0 && (e = o - Math.abs(e))), e !== a && e >= 0 && e <= o - 1 && ye(e);
   }
   function D() {
     re(a - 1);
@@ -148,7 +148,7 @@ function Jo(ge, ve) {
   function Je() {
     O((x + Z) % 360);
   }
-  const V = d(null), Qe = () => {
+  const V = f(null), Qe = () => {
     !J && Q(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
       Q(!1);
     }, 1e3);
@@ -156,28 +156,28 @@ function Jo(ge, ve) {
     n !== e && (E(e), Qe());
   };
   function Y() {
-    const e = p.getNextScale(n, "zoomIn");
+    const e = u.getNextScale(n, "zoomIn");
     S(e);
   }
   function X() {
-    const e = p.getNextScale(n, "zoomOut");
+    const e = u.getNextScale(n, "zoomOut");
     S(e);
   }
   function eo(e) {
-    e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && Y();
+    e.deltaY > 0 ? n >= u.minScale && X() : n <= u.maxScale && Y();
   }
   function oo() {
     S(1);
   }
   function to() {
-    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);
+    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 ie(e) {
     e.target === e.currentTarget && Ie && R();
   }
   function no() {
-    Yo(L);
+    Xo(L);
   }
   function ae() {
     R();
@@ -195,9 +195,9 @@ function Jo(ge, ve) {
     }
   }
   const se = () => {
-    if (!f.current || !h.current)
+    if (!d.current || !h.current)
       return;
-    const e = f.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = jo(
+    const e = d.current.getBoundingClientRect(), o = h.current.getBoundingClientRect(), [l, g] = jo(
       e,
       o,
       s.x,
@@ -211,7 +211,7 @@ function Jo(ge, ve) {
   }, ce = (e) => {
     if (r && c) {
       e.preventDefault?.();
-      const { originX: o, originY: l, pageX: g, pageY: W } = k.current, uo = o + (e.pageX - g) / n, fo = l + (e.pageY - W) / n;
+      const { originX: o, originY: l, pageX: g, pageY: W } = C.current, uo = o + (e.pageX - g) / n, fo = l + (e.pageY - W) / n;
       T({
         x: uo,
         y: fo
@@ -229,21 +229,21 @@ function Jo(ge, ve) {
   const co = (e) => {
     e.preventDefault?.(), ee(!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);
+    C.current.pageX = o.pageX, C.current.pageY = o.pageY, C.current.originX = s.x, C.current.originY = s.y, Ze?.(e);
   };
-  u(() => (r && c && (B(document, "mousemove", ce, !1), B(document, "mouseup", le, !1)), () => {
+  p(() => (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(() => {
+  }), [r, c]), p(() => {
     G && !c && se();
-  }, [c, s]), u(() => {
+  }, [c, s]), p(() => {
     G && se();
-  }, [n]), u(() => {
+  }, [n]), p(() => {
     r && U();
-  }, [r]), u(() => {
+  }, [r]), p(() => {
     Te(b), M(b ? "loading" : "loaded"), U();
   }, [b]), No(() => {
-    p.updateScale(z), E(1);
-  }, [z]), u(() => {
+    u.updateScale(z), E(1);
+  }, [z]), p(() => {
     const e = (o) => {
       if (o)
         switch (o.key) {
@@ -272,34 +272,34 @@ function Jo(ge, ve) {
     !1,
     {
       key: "rotateRight",
-      name: C?.ImagePreview?.rotateRight,
+      name: y?.ImagePreview?.rotateRight,
       content: /* @__PURE__ */ t(bo, {}),
       onClick: Je
     },
     {
       key: "rotateLeft",
-      name: C?.ImagePreview?.rotateLeft,
-      content: /* @__PURE__ */ t(yo, {}),
+      name: y?.ImagePreview?.rotateLeft,
+      content: /* @__PURE__ */ t(wo, {}),
       onClick: _e
     },
     {
       key: "zoomIn",
-      name: C?.ImagePreview?.zoomIn,
+      name: y?.ImagePreview?.zoomIn,
       content: /* @__PURE__ */ t(ho, {}),
       onClick: Y,
-      disabled: n === p.maxScale
+      disabled: n === u.maxScale
     },
     {
       key: "zoomOut",
-      name: C?.ImagePreview?.zoomOut,
+      name: y?.ImagePreview?.zoomOut,
       content: /* @__PURE__ */ t(xo, {}),
       onClick: X,
-      disabled: n === p.minScale
+      disabled: n === u.minScale
     },
     {
       key: "originalSize",
-      name: C?.ImagePreview?.originalSize,
-      content: /* @__PURE__ */ t(ko, {}),
+      name: y?.ImagePreview?.originalSize,
+      content: /* @__PURE__ */ t(Co, {}),
       onClick: oo
     },
     {
@@ -311,7 +311,7 @@ function Jo(ge, ve) {
     !!v && {
       key: "next",
       name: "下一张",
-      content: /* @__PURE__ */ t(wo, {}),
+      content: /* @__PURE__ */ t(ko, {}),
       disabled: te,
       onClick: A
     },
@@ -335,12 +335,12 @@ function Jo(ge, ve) {
       onClick: ae
     }
   ].filter(Boolean);
-  u(() => {
-    const e = Wo([f.current], io);
-    return () => {
-      e();
-    };
-  }, [f.current]);
+  Vo(
+    (e) => {
+      io(e);
+    },
+    [d.current]
+  );
   const mo = () => {
     const e = /* @__PURE__ */ t(
       "img",
@@ -366,12 +366,12 @@ function Jo(ge, ve) {
     );
     return $e?.(e) ?? e;
   };
-  return /* @__PURE__ */ t(Vo, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Yo, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ t(
     Po,
     {
       ...q,
       childrenName: "ImagePreview",
-      getPopupContainer: () => f.current,
+      getPopupContainer: () => d.current,
       children: /* @__PURE__ */ P(
         "div",
         {
@@ -403,7 +403,7 @@ function Jo(ge, ve) {
             r && /* @__PURE__ */ P(
               "div",
               {
-                ref: f,
+                ref: d,
                 className: `${i}-wrapper`,
                 onClick: ie,
                 children: [
@@ -416,7 +416,7 @@ function Jo(ge, ve) {
                       onClick: ie,
                       children: [
                         mo(),
-                        Ve && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(Co, {}) })
+                        Ve && /* @__PURE__ */ t("div", { className: `${i}-loading`, children: /* @__PURE__ */ t(yo, {}) })
                       ]
                     }
                   ),
@@ -456,9 +456,9 @@ function Jo(ge, ve) {
                   v && /* @__PURE__ */ t(
                     Bo,
                     {
-                      previewCount: w.size,
+                      previewCount: k.size,
                       current: a,
-                      infinite: y,
+                      infinite: w,
                       disableLeft: oe,
                       disableRight: te,
                       onPrev: D,

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import p, { forwardRef as J, useMemo as K, useState as Q, useRef as P, 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 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { createContext as e } from "react";
 const l = e({
   previewGroup: !1,

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 import { isArray as l } from "@unicom-cloud/ui-common/utils/is";
 const a = [
   25,

package/image/utils/hook/useImageStatus.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 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-11-14 15:35:23 */
+/* 2025-11-19 09:09:44 */
 function r(n) {
   const { title: e, description: c, actions: o } = n, t = e || c, s = o && o.length;
   return [t || s, t, s];