@unicom-cloud/ui 0.8.123 → 0.8.125

package/notice/index.js

@@ -1,77 +1,74 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as N, Fragment as M, jsx as e } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsxs as x, Fragment as F, jsx as e } from "react/jsx-runtime";
 import R from "@unicom-cloud/icons/context";
-import X from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import E from "@unicom-cloud/icons/IconUiClose";
-import Y from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import Z from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import ee from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import oe from "@unicom-cloud/icons/IconUiLoading";
-import { forwardRef as ne, useContext as re, useRef as m, useImperativeHandle as ie, useEffect as j } from "react";
-import te from "../config-provider/ConfigProvider.js";
-import ce from "../config-provider/context.js";
-import { useMergeProps as se } from "@unicom-cloud/ui-common/hooks";
+import W from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import M from "@unicom-cloud/icons/IconUiClose";
+import X from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import Y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import Z from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import ee from "@unicom-cloud/icons/IconUiLoading";
+import { forwardRef as oe, useContext as ne, useRef as v, useImperativeHandle as re, useEffect as j } from "react";
+import ie from "../config-provider/ConfigProvider.js";
+import te from "../config-provider/context.js";
+import { useMergeProps as ce } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import D from "../icon-hover/index.js";
-import le from "@unicom-cloud/ui-common/utils/className";
-const ae = {
+import H from "../icon-hover/index.js";
+import se from "@unicom-cloud/ui-common/utils/className";
+const le = {
   type: "info",
   showIcon: !0,
   noticeType: "message",
   duration: 3e3
 };
-function fe(H, L) {
-  const v = re(ce), {
+function ae(L, _) {
+  const N = ne(te), {
     prefixCls: me,
-    getPrefixCls: O,
-    componentConfig: _,
-    rtl: q
-  } = v, n = se(
-    H,
-    ae,
-    _?.Notice
-  ), z = O?.("notice");
-  m();
-  const s = m(), $ = m(), I = m(), {
+    getPrefixCls: q,
+    componentConfig: z,
+    rtl: A
+  } = N, n = ce(
+    L,
+    le,
+    z?.Notice
+  ), B = q?.("notice"), s = v(null), $ = v(void 0), I = v(void 0), {
     title: b,
     content: g,
-    showIcon: A,
-    className: B,
-    style: G,
+    showIcon: D,
+    className: G,
+    style: J,
     type: P,
     btn: w,
-    icon: J,
+    icon: K,
     prefixCls: o,
-    closable: d,
+    closable: f,
     noticeType: p,
     iconPrefix: k,
-    rtl: K = q,
+    rtl: O = A,
     closeIcon: l,
     classPrefixCls: y
-  } = n, Q = le(
+  } = n, Q = se(
     o,
     `${o}-${P}`,
     {
-      [`${o}-closable`]: d,
-      [`${o}-rtl`]: K
+      [`${o}-closable`]: f,
+      [`${o}-rtl`]: O
     },
-    B
+    G
   );
-  let u = "closable" in n ? d : !0, C = A;
-  P === "normal" && !J && (C = !1);
-  const T = { ...v };
+  let d = "closable" in n ? f : !0, u = D;
+  P === "normal" && !K && (u = !1);
+  const T = { ...N };
   y && (T.prefixCls = y);
-  function S() {
-    return $.current;
-  }
-  function h() {
-    const { duration: i, onClose: f, id: x } = n;
+  function C() {
+    const { duration: i, onClose: m, id: h } = n;
     i !== 0 && (s.current = window.setTimeout(() => {
-      f?.(x), c();
+      m?.(h), c();
     }, i));
   }
   function c() {
@@ -81,75 +78,77 @@ function fe(H, L) {
     n.onClose?.(n.id);
   }
   function U() {
-    const { showIcon: i, icon: f, type: x, iconPrefix: F } = n;
+    const { showIcon: i, icon: m, type: h, iconPrefix: E } = n;
     let r;
-    if (f)
-      r = f;
+    if (m)
+      r = m;
     else if (i) {
-      switch (x) {
+      switch (h) {
         case "info":
-          r = /* @__PURE__ */ e(ee, {});
+          r = /* @__PURE__ */ e(Z, {});
           break;
         case "success":
-          r = /* @__PURE__ */ e(X, {});
+          r = /* @__PURE__ */ e(W, {});
           break;
         case "error":
-          r = /* @__PURE__ */ e(Y, {});
+          r = /* @__PURE__ */ e(X, {});
           break;
         case "warning":
-          r = /* @__PURE__ */ e(Z, {});
+          r = /* @__PURE__ */ e(Y, {});
           break;
         case "loading":
-          r = /* @__PURE__ */ e(oe, {});
+          r = /* @__PURE__ */ e(ee, {});
           break;
       }
       r = /* @__PURE__ */ e(
         R.Provider,
         {
-          value: F ? { prefixCls: F } : {},
+          value: E ? { prefixCls: E } : {},
           children: r
         }
       );
     }
     return /* @__PURE__ */ e("span", { className: `${o}-icon`, children: r });
   }
-  function V() {
+  function S() {
     c();
   }
-  function W() {
-    c(), h();
+  function V() {
+    c(), C();
   }
-  ie(L, () => ({
-    getRootDOMNode: S
-  }), []), j(() => {
+  re(_, () => ({
+    getRootElement() {
+      return $.current;
+    }
+  })), j(() => {
     const i = I.current;
-    return (i && i?.duration !== n.duration || n.update) && (c(), h()), I.current = n, () => {
+    return (i && i?.duration !== n.duration || n.update) && (c(), C()), I.current = n, () => {
     };
-  }, [n.duration, n.update]), j(() => (h(), () => {
+  }, [n.duration, n.update]), j(() => (C(), () => {
     c();
   }), []);
   let t;
-  return p === "message" && (u = d, t = /* @__PURE__ */ N(M, { children: [
-    C && U(),
+  return p === "message" && (d = f, t = /* @__PURE__ */ x(F, { children: [
+    u && U(),
     /* @__PURE__ */ e("span", { className: `${o}-content`, children: g }),
-    u && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
-      D,
+    d && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
+      H,
       {
         prefix: o,
         className: `${o}-close-btn`,
         onClick: a,
-        children: /* @__PURE__ */ e(E, {})
+        children: /* @__PURE__ */ e(M, {})
       }
     ))
-  ] })), p === "notification" && (t = /* @__PURE__ */ N(M, { children: [
-    C && /* @__PURE__ */ e("div", { className: `${o}-left`, children: U() }),
-    /* @__PURE__ */ N("div", { className: `${o}-right`, children: [
+  ] })), p === "notification" && (t = /* @__PURE__ */ x(F, { children: [
+    u && /* @__PURE__ */ e("div", { className: `${o}-left`, children: U() }),
+    /* @__PURE__ */ x("div", { className: `${o}-right`, children: [
       b && /* @__PURE__ */ e("div", { className: `${o}-title`, children: b }),
       /* @__PURE__ */ e("div", { className: `${o}-content`, children: g }),
       w && /* @__PURE__ */ e("div", { className: `${o}-btn-wrapper`, children: w })
     ] }),
-    u && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
-      D,
+    d && (l !== void 0 ? /* @__PURE__ */ e("span", { onClick: a, className: `${o}-close-btn`, children: l }) : /* @__PURE__ */ e(
+      H,
       {
         prefix: o,
         className: `${o}-close-btn`,
@@ -158,23 +157,23 @@ function fe(H, L) {
           R.Provider,
           {
             value: k ? { prefixCls: k } : {},
-            children: /* @__PURE__ */ e(E, {})
+            children: /* @__PURE__ */ e(M, {})
           }
         )
       }
     ))
-  ] })), t && (t = /* @__PURE__ */ e(te, { ...T, childrenName: "notice", children: /* @__PURE__ */ e(
+  ] })), t && (t = /* @__PURE__ */ e(ie, { ...T, childrenName: "notice", children: /* @__PURE__ */ e(
     "div",
     {
       ref: $,
-      className: `${z}-${p}`,
-      onMouseEnter: V,
-      onMouseLeave: W,
-      children: /* @__PURE__ */ e("div", { className: Q, style: G, role: "alert", children: t })
+      className: `${B}-${p}`,
+      onMouseEnter: S,
+      onMouseLeave: V,
+      children: /* @__PURE__ */ e("div", { className: Q, style: J, role: "alert", children: t })
     }
   ) })), t;
 }
-const Me = ne(fe);
+const Re = oe(ae);
 export {
-  Me as default
+  Re as default
 };

package/notification/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as u } from "react/jsx-runtime";
 import { TransitionGroup as _ } from "@unicom-cloud/ui-common/transition-group";
 import T from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";

package/notification/useNotification.js

@@ -1,7 +1,8 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as N } from "react";
 import v, { notificationTypes as H, getPosition as I } from "./index.js";
+import "@unicom-cloud/ui-common/utils/callbackOriginRef";
 import "@unicom-cloud/ui-common/utils/caseName";
 import "@unicom-cloud/ui-common/utils/className";
 import "@unicom-cloud/ui-common/utils/pick";
@@ -17,6 +18,7 @@ import "@unicom-cloud/ui-common/utils/dom";
 import "@unicom-cloud/ui-common/utils/emitter";
 import "@unicom-cloud/ui-common/utils/fileToURL";
 import "@unicom-cloud/ui-common/utils/fillNBSP";
+import "@unicom-cloud/ui-common/utils/findRootElement";
 import "@unicom-cloud/ui-common/utils/findScrollParent";
 import "@unicom-cloud/ui-common/utils/getHighlightText";
 import "@unicom-cloud/ui-common/utils/getHotkeyHandler";
@@ -31,28 +33,28 @@ import "@unicom-cloud/ui-common/utils/mutationObserver";
 import "@unicom-cloud/ui-common/utils/omit";
 import "@unicom-cloud/ui-common/utils/pad";
 import "@unicom-cloud/ui-common/utils/pinyin";
-import "@unicom-cloud/ui-common/utils/reactDOM";
+import "@unicom-cloud/ui-common/utils/ref";
 import "@unicom-cloud/ui-common/utils/resizeObserver";
 import "../utils/responsiveObserve.js";
 import "@unicom-cloud/ui-common/utils/saveAs";
 import "@unicom-cloud/ui-common/utils/screenfull";
 import "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
+import "@unicom-cloud/ui-common/utils/setCreateRoot";
 import "@unicom-cloud/ui-common/utils/setDarkTheme";
 import "@unicom-cloud/utils/constant/ui";
 import "@unicom-cloud/ui-common/utils/setPrimaryColor";
 import "@unicom-cloud/ui-common/utils/setTheme";
 import "@unicom-cloud/ui-common/utils/string";
 import "@unicom-cloud/ui-common/utils/style";
-import "@unicom-cloud/ui-common/utils/supportRef";
 import "@unicom-cloud/ui-common/utils/throttleByRaf";
 import "@unicom-cloud/ui-common/utils/toArray";
 import "@unicom-cloud/ui-common/utils/tree";
 import "@unicom-cloud/ui-common/utils/tween";
-import { v4 as R } from "uuid";
+import { v4 as _ } from "uuid";
 import "@unicom-cloud/ui-common/utils/validate";
 import "@unicom-cloud/ui-common/utils/warning";
 import "@unicom-cloud/utils/constant/keyboardCode";
-function Rt(l = {}) {
+function Ft(l = {}) {
   const {
     maxCount: d,
     duration: u = 3e3,
@@ -88,7 +90,7 @@ function Rt(l = {}) {
             m[e] = t;
           }
         },
-        R()
+        _()
       ), r.current.addInstance(c);
     return m[e];
   }
@@ -101,5 +103,5 @@ function Rt(l = {}) {
   }), [f, g];
 }
 export {
-  Rt as default
+  Ft as default
 };

package/notification/withNotification.js

@@ -1,12 +1,12 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as v, useState as x, useCallback as s, useImperativeHandle as _, useEffect as b } from "react";
 import { v4 as C } from "uuid";
 function q(m) {
-  function l(c, p) {
+  function l(d, p) {
     const [n, i] = x(
-      c?.notices ?? []
-    ), d = s(
+      d?.notices ?? []
+    ), o = s(
       (t) => {
         const r = t?.id ?? `pqb_notice_id_${C()}`;
         return t.id && n.findIndex((e) => e.id === t.id) !== -1 ? u(t) : i((e) => [
@@ -20,34 +20,34 @@ function q(m) {
       [n]
     ), u = s((t) => {
       i((r) => r.map((e) => t.id === e.id ? (delete e.update, t) : e));
-    }, []), o = s(() => {
+    }, []), f = s(() => {
       i((t) => {
         const r = [...t];
         return r.shift(), r;
       });
-    }, []), f = s((t) => {
+    }, []), a = s((t) => {
       i((r) => r.filter((e) => e.id !== t));
-    }, []), a = s(() => {
+    }, []), c = s(() => {
       i((t) => []);
     }, []);
     return _(p, () => ({
       notices: n,
-      add: d,
+      add: o,
       update: u,
-      shift: o,
-      remove: f,
-      clear: a
-    }), [n, d, u, o, f, a]), b(() => () => {
+      shift: f,
+      remove: a,
+      clear: c
+    })), b(() => () => {
     }, [n]), /* @__PURE__ */ h(
       m,
       {
-        ...c,
+        ...d,
         notices: n,
-        add: d,
+        add: o,
         update: u,
-        shift: o,
-        remove: f,
-        clear: a
+        shift: f,
+        remove: a,
+        clear: c
       }
     );
   }

package/overflow-ellipsis/OverflowItem.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as s, useRef as f, useEffect as m } from "react";
 import "../config-provider/ConfigProvider.js";

package/overflow-ellipsis/index.js

@@ -1,75 +1,80 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as $, jsx as C } from "react/jsx-runtime";
-import { useContext as b, useState as n, useLayoutEffect as j, useRef as k } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as W, jsx as v } from "react/jsx-runtime";
+import { forwardRef as _, useContext as b, useState as n, useLayoutEffect as j, useRef as k, useImperativeHandle as I } from "react";
 import "../config-provider/ConfigProvider.js";
-import I from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import R from "@unicom-cloud/ui-common/utils/className";
-import v from "./OverflowItem.js";
-import z from "../config-provider/context.js";
-function A(l) {
-  const { prefixCls: E, getPrefixCls: g } = b(z), f = g?.("overflow"), { items: c, suffixItems: O } = l, y = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [a, N] = n(), [m, W] = n(), [o, d] = n({}), [h, x] = n({}), p = c.length - m, _ = p > 0 ? y({ ellipsisCount: p }) : null;
+import z from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import M from "@unicom-cloud/ui-common/utils/className";
+import C from "./OverflowItem.js";
+import P from "../config-provider/context.js";
+function S(l, g) {
+  const { prefixCls: H, getPrefixCls: O } = b(P), c = O?.("overflow"), { items: a, suffixItems: R } = l, $ = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [m, y] = n(), [d, E] = n(), [i, h] = n({}), [p, x] = n({}), w = a.length - d, N = w > 0 ? $({ ellipsisCount: w }) : null;
   j(() => {
-    const t = Object.values(o).length;
-    let r = Object.values(h).reduce((e, i) => e + (i?.width || 0), 0), s = t;
-    Object.keys(o).some((e, i) => {
-      const u = o[e];
-      if (u && r + u.width > a)
-        return s = i, !0;
-      r += u?.width || 0;
-    }), W(Math.max(s, 0));
-  }, [o, a, h]);
-  const w = k(void 0);
-  return I(
+    const t = Object.values(i).length;
+    let s = Object.values(p).reduce((e, o) => e + (o?.width || 0), 0), r = t;
+    Object.keys(i).some((e, o) => {
+      const f = i[e];
+      if (f && s + f.width > m)
+        return r = o, !0;
+      s += f?.width || 0;
+    }), E(Math.max(r, 0));
+  }, [i, m, p]);
+  const u = k(void 0);
+  return z(
     (t) => {
-      N(t?.[0]?.target?.clientWidth || 0);
+      y(t?.[0]?.target?.clientWidth || 0);
     },
-    [w.current]
-  ), /* @__PURE__ */ $("div", { ref: w, className: R(f, l.className), children: [
-    c.map((t, r) => {
-      const s = `${t?.key || r}_overflow_item_${r}`;
-      return /* @__PURE__ */ C(
-        v,
+    [u.current]
+  ), I(g, () => ({
+    getRootElement() {
+      return u.current;
+    }
+  })), /* @__PURE__ */ W("div", { ref: u, className: M(c, l.className), children: [
+    a.map((t, s) => {
+      const r = `${t?.key || s}_overflow_item_${s}`;
+      return /* @__PURE__ */ v(
+        C,
         {
           onResize: (e) => {
-            d((i) => (i[s] = { node: e, width: e.clientWidth }, i));
+            h((o) => (o[r] = { node: e, width: e.clientWidth }, o));
           },
           unregister: () => {
-            d((e) => (delete e[s], e));
+            h((e) => (delete e[r], e));
           },
-          hidden: m < r + 1,
+          hidden: d < s + 1,
           children: t
         },
-        s
+        r
       );
     }),
-    [_, ...O].map((t, r) => {
+    [N, ...R].map((t, s) => {
       if (!t)
         return null;
-      const s = `${t?.key || r}_overflow_suffix_item`;
-      return /* @__PURE__ */ C(
-        v,
+      const r = `${t?.key || s}_overflow_suffix_item`;
+      return /* @__PURE__ */ v(
+        C,
         {
-          className: `${f}-suffix-item`,
+          className: `${c}-suffix-item`,
           onResize: (e) => {
-            x((i) => ({
-              ...i,
-              [`${s}`]: { node: e, width: e.clientWidth }
+            x((o) => ({
+              ...o,
+              [`${r}`]: { node: e, width: e.clientWidth }
             }));
           },
           unregister: () => {
-            x((e) => (delete e[s], {
+            x((e) => (delete e[r], {
               ...e
             }));
           },
           children: t
         },
-        s
+        r
       );
     })
   ] });
 }
+const G = _(S);
 export {
-  v as OverflowEllipsisItem,
-  v as OverflowItem,
-  A as default
+  C as OverflowEllipsisItem,
+  C as OverflowItem,
+  G as default
 };

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.123","dependencies":{"dayjs":"^1.11.19","lodash":"^4.17.21","@unicom-cloud/utils":"latest","@unicom-cloud/icons":"latest","@unicom-cloud/ui-common":"latest"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","react-is":"^18.3.1"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.125","dependencies":{"dayjs":"^1.11.19","lodash":"^4.17.21","@unicom-cloud/utils":"^0.1.0","@unicom-cloud/icons":"^0.1.0","@unicom-cloud/ui-common":"^0.1.0"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","react-is":"^18.3.1"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}