@unicom-cloud/ui 0.8.123 → 0.8.125

package/avatar/Avatar.js

@@ -1,70 +1,70 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as W, jsx as f } from "react/jsx-runtime";
-import h, { forwardRef as j, useContext as y, useRef as C, useImperativeHandle as E, useEffect as H } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as E, jsx as f } from "react/jsx-runtime";
+import h, { forwardRef as T, useContext as y, useRef as C, useImperativeHandle as W, useEffect as j } from "react";
 import "../config-provider/ConfigProvider.js";
-import T from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as D } from "@unicom-cloud/ui-common/utils/is";
-import L from "./context.js";
-import M from "../config-provider/context.js";
-const O = {
+import H from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as L } from "@unicom-cloud/ui-common/utils/is";
+import V from "./context.js";
+import X from "../config-provider/context.js";
+const _ = {
   shape: "circle",
   autoFixFontSize: !0,
   triggerType: "button"
-}, V = j(
+}, q = T(
   (i, N) => {
     const {
-      prefixCls: X,
+      prefixCls: B,
       getPrefixCls: $,
       componentConfig: v,
       rtl: z
-    } = y(M), t = $?.("avatar"), m = y(L), b = {
-      ...O,
+    } = y(X), t = $?.("avatar"), m = y(V), b = {
+      ..._,
       ...v?.Avatar,
       ...m,
       ...i
     }, {
-      className: F,
-      shape: R,
+      className: A,
+      shape: F,
       size: e,
       children: r,
       autoFixFontSize: S,
       triggerIcon: a,
       triggerIconStyle: o,
       triggerType: g,
-      onClick: A,
-      ...I
+      onClick: I,
+      ...P
     } = b, c = { ...m.style, ...i.style }, s = C(), l = C();
-    function P() {
+    function R() {
       if (s.current) {
         const w = s.current.clientWidth, p = i.size || l.current.offsetWidth, x = p / (w + 8);
         p && x < 1 && (s.current.style.transform = `scale(${x}) translateX(-50%)`);
       }
     }
-    const k = T(
+    const k = H(
       t,
-      `${t}-${R}`,
+      `${t}-${F}`,
       {
         [`${t}-with-trigger-icon`]: a,
         [`${t}-rtl`]: z
       },
-      F
+      A
     ), n = h.Children.toArray(r), u = n.length === 1 && h.isValidElement(n[0]) && (n[0].type === "img" || n[0].type === "picture"), d = o || {};
-    return g === "button" && (!o || o && !o.color) && c?.backgroundColor && (d.color = c.backgroundColor), E(N, () => ({
-      getRootDOMNode() {
+    return g === "button" && (!o || o && !o.color) && c?.backgroundColor && (d.color = c.backgroundColor), W(N, () => ({
+      getRootElement() {
         return l.current;
       }
-    })), H(() => {
-      S && P();
-    }, [e, r]), /* @__PURE__ */ W(
+    })), j(() => {
+      S && R();
+    }, [e, r]), /* @__PURE__ */ E(
       "div",
       {
         ref: l,
-        onClick: A,
-        ...I,
+        onClick: I,
+        ...P,
         style: {
           width: e,
           height: e,
-          fontSize: D(e) ? e / 2 : "",
+          fontSize: L(e) ? e / 2 : "",
           ...c
         },
         className: k,
@@ -84,7 +84,7 @@ const O = {
     );
   }
 );
-V.displayName = "Avatar";
+q.displayName = "Avatar";
 export {
-  V as default
+  q as default
 };

package/avatar/Group.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import $, { forwardRef as b, useContext as I } from "react";
 import "../config-provider/ConfigProvider.js";

package/avatar/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/avatar/index.js

@@ -1,9 +1,9 @@
-/* 2025-11-19 09:09:44 */
-import o from "./Avatar.js";
-import r from "./Group.js";
-const a = o;
-a.Group = r;
+/* 2025-11-27 12:11:12 */
+import r from "./Avatar.js";
+import a from "./Group.js";
+const o = r;
+o.Group = a;
 export {
-  r as AvatarGroup,
-  a as default
+  a as AvatarGroup,
+  o as default
 };

package/back-top/index.js

@@ -1,73 +1,75 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as s } from "react/jsx-runtime";
 import x from "@unicom-cloud/icons/IconUiToTop";
-import v from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import k, { forwardRef as y, useContext as E, useState as N, useEffect as P } from "react";
+import E from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
+import k, { forwardRef as y, useContext as H, useState as N, useRef as P, useEffect as R, useImperativeHandle as w } from "react";
 import "../config-provider/ConfigProvider.js";
-import w from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import B from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import H from "@unicom-cloud/ui-common/utils/className";
-import { on as R, off as $ } from "@unicom-cloud/ui-common/utils/dom";
-import { pickDataAttributes as S } from "@unicom-cloud/ui-common/utils/pick";
-import D from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import K from "../config-provider/context.js";
-function j(a, m) {
-  const p = {
+import B from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import $ from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import S from "@unicom-cloud/ui-common/utils/className";
+import { on as D, off as I } from "@unicom-cloud/ui-common/utils/dom";
+import { pickDataAttributes as K } from "@unicom-cloud/ui-common/utils/pick";
+import j from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import q from "../config-provider/context.js";
+function A(a, p) {
+  const f = {
     visibleHeight: 400,
     smooth: !0,
     target: () => window
   }, {
-    prefixCls: f,
-    getPrefixCls: u,
-    componentConfig: d,
-    rtl: g
-  } = E(K), b = w(), o = B(a, p, d?.BackTop), i = u?.("backtop"), [h, T] = N(!1), n = (t) => t === window ? document.documentElement : t;
-  P(() => {
-    const t = o.target?.(), e = D(() => {
-      const r = o.visibleHeight, C = n(t).scrollTop;
-      T(C >= r);
+    prefixCls: u,
+    getPrefixCls: d,
+    componentConfig: g,
+    rtl: b
+  } = H(q), h = B(), t = $(a, f, g?.BackTop), n = d?.("backtop"), [C, T] = N(!1), i = P(null), l = (o) => o === window ? document.documentElement : o;
+  R(() => {
+    const o = t.target?.(), e = j(() => {
+      const r = t.visibleHeight, v = l(o).scrollTop;
+      T(v >= r);
     });
-    return R(t, "scroll", e), e(), () => {
-      e.cancel?.(), $(t, "scroll", e);
+    return D(o, "scroll", e), e(), () => {
+      e.cancel?.(), I(o, "scroll", e);
     };
-  }, [o.target, o.visibleHeight]);
+  }, [t.target, t.visibleHeight]);
   const c = () => {
-    const t = o.target?.(), e = n(t), r = { top: 0 };
-    o.smooth && (r.behavior = "smooth"), e.scrollTo(r), o.onClick?.();
+    const o = t.target?.(), e = l(o), r = { top: 0 };
+    t.smooth && (r.behavior = "smooth"), e.scrollTo(r), t.onClick?.();
   };
-  return /* @__PURE__ */ s(
+  return w(p, () => ({
+    getRootElement() {
+      return i.current;
+    }
+  })), /* @__PURE__ */ s(
     "div",
     {
-      ...S(o),
-      ref: m,
-      className: H(
-        `${i}`,
-        { [`${i}-rtl`]: g },
-        o.className
+      ...K(t),
+      ref: i,
+      className: S(
+        `${n}`,
+        { [`${n}-rtl`]: b },
+        t.className
       ),
-      style: o.style,
+      style: t.style,
       onClick: c,
-      ...b({
+      ...h({
         onPressEnter: c
       }),
       children: /* @__PURE__ */ s(
-        v,
+        E,
         {
-          in: h,
+          in: C,
           timeout: 100,
-          classNames: `${f}-fade-in`,
+          classNames: `${u}-fade-in`,
           unmountOnExit: !0,
-          children: o.children || /* @__PURE__ */ s("button", { className: `${i}-button`, children: /* @__PURE__ */ s(x, {}) })
+          children: t.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(x, {}) })
         }
       )
     }
   );
 }
-const l = y(
-  j
-);
-l.displayName = "BackTop";
-const Q = k.memo(l);
+const m = y(A);
+m.displayName = "BackTop";
+const Y = k.memo(m);
 export {
-  Q as default
+  Y as default
 };

package/badge/Count.js

@@ -1,28 +1,29 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as s } from "react/jsx-runtime";
-import u from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import { useState as d } from "react";
-import p from "@unicom-cloud/ui-common/hooks/use-previous";
-import c from "@unicom-cloud/ui-common/utils/className";
-function $({ prefixCls: t, maxCount: r, count: e, className: n, style: o }) {
-  const [a, m] = d(!1), i = p(e), l = e !== i;
-  return /* @__PURE__ */ s(
-    u,
+/* 2025-11-27 12:11:12 */
+import { jsx as t } from "react/jsx-runtime";
+import f from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { useState as d, useRef as p } from "react";
+import c from "@unicom-cloud/ui-common/hooks/use-previous";
+import E from "@unicom-cloud/ui-common/utils/className";
+function R({ prefixCls: s, maxCount: r, count: e, className: o, style: m }) {
+  const [a, i] = d(!1), l = c(e), u = e !== l, n = p(null);
+  return /* @__PURE__ */ t(
+    f,
     {
-      classNames: `${t}-zoom`,
+      classNames: `${s}-zoom`,
       in: e > 0,
       timeout: 300,
       appear: !0,
       mountOnEnter: !0,
       unmountOnExit: !0,
       onEntered: () => {
-        m(!0);
+        i(!0);
       },
-      children: /* @__PURE__ */ s("span", { className: n, style: o, children: /* @__PURE__ */ s(
+      refElement: n,
+      children: /* @__PURE__ */ t("span", { ref: n, className: o, style: m, children: /* @__PURE__ */ t(
         "span",
         {
-          className: c({
-            [`${t}-number-text`]: a && l
+          className: E({
+            [`${s}-number-text`]: a && u
           }),
           children: r && e > r ? `${r}+` : e
         },
@@ -32,5 +33,5 @@ function $({ prefixCls: t, maxCount: r, count: e, className: n, style: o }) {
   );
 }
 export {
-  $ as default
+  R as default
 };

package/badge/index.js

@@ -1,13 +1,13 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import q from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import { forwardRef as z, useContext as H, useRef as L, useImperativeHandle as U } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import M from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as U, useContext as q, useRef as S, useImperativeHandle as F } from "react";
 import "../config-provider/ConfigProvider.js";
-import F from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import J from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import l from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as J, isNumber as h } from "@unicom-cloud/ui-common/utils/is";
-import S from "./Count.js";
-import K from "../config-provider/context.js";
+import { isPlainObject as K, isNumber as E } from "@unicom-cloud/ui-common/utils/is";
+import O from "./Count.js";
+import Q from "../config-provider/context.js";
 const f = [
   "red",
   "orangered",
@@ -20,48 +20,47 @@ const f = [
   "purple",
   "magenta",
   "gray"
-], Q = {
+], V = {
   count: 0,
   maxCount: 99,
   dotAnimation: !0
   // 默认开启 dot 动画
 };
-function V(P, B) {
+function W(B, P) {
   const {
-    prefixCls: W,
-    getPrefixCls: D,
-    componentConfig: R,
-    rtl: $
-  } = H(K), A = F(
-    P,
-    Q,
-    R?.Badge
+    prefixCls: X,
+    getPrefixCls: A,
+    componentConfig: D,
+    rtl: d
+  } = q(Q), T = J(
+    B,
+    V,
+    D?.Badge
   ), {
     ribbon: s,
     count: n,
-    prefixText: b,
+    prefixText: $,
     text: u,
-    className: T,
+    className: w,
     dotClassName: i,
     dot: g,
-    dotAnimation: C,
-    maxCount: w,
+    dotAnimation: b,
+    maxCount: j,
     color: t,
-    dotStyle: E,
-    offset: j,
-    style: v,
+    dotStyle: v,
+    offset: k,
+    style: G,
     status: m,
-    children: x,
-    ...k
-  } = A, p = L(null), e = D?.("badge"), a = { ...E || {} }, [N, y] = j || [];
-  N && (a.marginRight = -N), y && (a.marginTop = y), U(B, () => ({
-    dom: p.current,
-    getRootDOMNode() {
-      return p.current;
+    children: C,
+    ...I
+  } = T, x = S(null), N = S(null), e = A?.("badge"), a = { ...v || {} }, [y, h] = k || [];
+  y && (a.marginRight = -y), h && (a.marginTop = h), F(P, () => ({
+    getRootElement() {
+      return x.current;
     }
   }));
-  const G = () => {
-    if (J(n))
+  const _ = () => {
+    if (K(n))
       return /* @__PURE__ */ o(
         "span",
         {
@@ -78,8 +77,8 @@ function V(P, B) {
         style: a,
         children: u
       }
-    ) : m || t && h(n) && n <= 0 ? /* @__PURE__ */ d("span", { className: `${e}-status-wrapper`, children: [
-      !!b && /* @__PURE__ */ o("span", { className: `${e}-status-prefix-text`, children: b }),
+    ) : m || t && E(n) && n <= 0 ? /* @__PURE__ */ p("span", { className: `${e}-status-wrapper`, children: [
+      !!$ && /* @__PURE__ */ o("span", { className: `${e}-status-prefix-text`, children: $ }),
       /* @__PURE__ */ o(
         "span",
         {
@@ -87,7 +86,7 @@ function V(P, B) {
           className: l(
             `${e}-status-dot`,
             {
-              [`${e}-dot-pulse`]: C,
+              [`${e}-dot-pulse`]: b,
               [`${e}-status-${m}`]: m,
               [`${e}-color-${t}`]: t && r
             },
@@ -96,8 +95,8 @@ function V(P, B) {
         }
       ),
       !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
-    ] }) : (g || t) && h(n) && n > 0 ? /* @__PURE__ */ o(
-      q,
+    ] }) : (g || t) && E(n) && n > 0 ? /* @__PURE__ */ o(
+      M,
       {
         classNames: `${e}-zoom`,
         in: g || !!t,
@@ -105,13 +104,15 @@ function V(P, B) {
         appear: !0,
         mountOnEnter: !0,
         unmountOnExit: !0,
+        refElement: N,
         children: /* @__PURE__ */ o(
           "span",
           {
+            ref: N,
             className: l(
               `${e}-dot`,
               {
-                [`${e}-dot-pulse`]: C,
+                [`${e}-dot-pulse`]: b,
                 [`${e}-color-${t}`]: t && r
               },
               i
@@ -121,34 +122,34 @@ function V(P, B) {
         )
       }
     ) : /* @__PURE__ */ o(
-      S,
+      O,
       {
         prefixCls: e,
         className: l(`${e}-number`, i),
         style: { ...c, ...a },
-        maxCount: w,
+        maxCount: j,
         count: n
       }
     );
-  }, I = () => {
+  }, z = () => {
     if (!s) return;
-    const r = s.color, c = r ? f.includes(r) : !1, M = {
+    const r = s.color, c = r ? f.includes(r) : !1, H = {
       ...c ? {} : { backgroundColor: r },
       ...s.style
-    }, _ = s.placement || "end";
-    return /* @__PURE__ */ d(
+    }, L = s.placement || "end";
+    return /* @__PURE__ */ p(
       "div",
       {
         className: l(
           `${e}-ribbon`,
-          `${e}-ribbon-${_}`,
+          `${e}-ribbon-${L}`,
           {
-            [`${e}-rtl`]: $,
+            [`${e}-rtl`]: d,
             [`${e}-color-${r}`]: r && c
           },
           s.className
         ),
-        style: M,
+        style: H,
         children: [
           /* @__PURE__ */ o("span", { className: `${e}-ribbon-text`, children: s.text }),
           /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
@@ -156,33 +157,33 @@ function V(P, B) {
       }
     );
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ p(
     "span",
     {
       className: l(
         e,
         {
           [`${e}-status`]: m,
-          [`${e}-no-children`]: !x,
-          [`${e}-rtl`]: $
+          [`${e}-no-children`]: !C,
+          [`${e}-rtl`]: d
         },
         !!s && `${e}-ribbon-wrapper`,
-        T
+        w
       ),
-      ref: p,
-      style: v,
-      ...k,
+      ref: x,
+      style: G,
+      ...I,
       children: [
-        x,
-        s ? I() : G()
+        C,
+        s ? z() : _()
       ]
     }
   );
 }
-const O = z(V);
-O.displayName = "Badge";
-O.Count = S;
-const ae = f, le = [
+const R = U(W);
+R.displayName = "Badge";
+R.Count = O;
+const le = f, ce = [
   "default",
   "processing",
   "success",
@@ -190,8 +191,8 @@ const ae = f, le = [
   "error"
 ];
 export {
-  ae as BADGE_COLORS,
-  le as BADGE_STATUS,
-  S as BadgeCount,
-  O as default
+  le as BADGE_COLORS,
+  ce as BADGE_STATUS,
+  O as BadgeCount,
+  R as default
 };

package/breadcrumb/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as b, jsx as i } from "react/jsx-runtime";
 import g from "@unicom-cloud/icons/IconUiDown";
 import { useState as C } from "react";