@unicom-cloud/ui 0.8.118 → 0.8.120

package/badge/index.js

@@ -1,14 +1,13 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { PqbCSSTransition as q } from "../dist/ui-common/transition-group/PqbCSSTransition.js";
+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";
 import "../config-provider/ConfigProvider.js";
-import F from "../dist/ui-common/hooks/use-merge-props/index.js";
-import l from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
+import F 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 J from "../config-provider/context.js";
-import { isPlainObject as K, isNumber as h } from "@unicom-cloud/utils/is";
+import K from "../config-provider/context.js";
 const f = [
   "red",
   "orangered",
@@ -27,11 +26,16 @@ const f = [
   dotAnimation: !0
   // 默认开启 dot 动画
 };
-function V(B, D) {
-  const { getPrefixCls: R, componentConfig: A, rtl: $ } = H(J), P = F(
-    B,
+function V(P, B) {
+  const {
+    prefixCls: W,
+    getPrefixCls: D,
+    componentConfig: R,
+    rtl: $
+  } = H(K), A = F(
+    P,
     Q,
-    A?.Badge
+    R?.Badge
   ), {
     ribbon: s,
     count: n,
@@ -42,61 +46,61 @@ function V(B, D) {
     dot: g,
     dotAnimation: C,
     maxCount: w,
-    color: e,
+    color: t,
     dotStyle: E,
     offset: j,
     style: v,
     status: m,
     children: x,
     ...k
-  } = P, p = L(null), t = R?.("badge"), a = { ...E || {} }, [N, y] = j || [];
-  N && (a.marginRight = -N), y && (a.marginTop = y), U(D, () => ({
+  } = 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;
     }
   }));
   const G = () => {
-    if (K(n))
+    if (J(n))
       return /* @__PURE__ */ o(
         "span",
         {
-          className: l(`${t}-custom-dot`, i),
+          className: l(`${e}-custom-dot`, i),
           style: a,
           children: n
         }
       );
-    const r = e ? f.includes(e) : !1, c = !e || r ? {} : { backgroundColor: e };
-    return u && !e && !m ? /* @__PURE__ */ o(
+    const r = t ? f.includes(t) : !1, c = !t || r ? {} : { backgroundColor: t };
+    return u && !t && !m ? /* @__PURE__ */ o(
       "span",
       {
-        className: l(`${t}-text`, i),
+        className: l(`${e}-text`, i),
         style: a,
         children: u
       }
-    ) : m || e && h(n) && n <= 0 ? /* @__PURE__ */ d("span", { className: `${t}-status-wrapper`, children: [
-      !!b && /* @__PURE__ */ o("span", { className: `${t}-status-prefix-text`, children: b }),
+    ) : 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 }),
       /* @__PURE__ */ o(
         "span",
         {
           style: { ...c, ...a },
           className: l(
-            `${t}-status-dot`,
+            `${e}-status-dot`,
             {
-              [`${t}-dot-pulse`]: C,
-              [`${t}-status-${m}`]: m,
-              [`${t}-color-${e}`]: e && r
+              [`${e}-dot-pulse`]: C,
+              [`${e}-status-${m}`]: m,
+              [`${e}-color-${t}`]: t && r
             },
             i
           )
         }
       ),
-      !!u && /* @__PURE__ */ o("span", { className: `${t}-status-text`, children: u })
-    ] }) : (g || e) && h(n) && n > 0 ? /* @__PURE__ */ o(
+      !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
+    ] }) : (g || t) && h(n) && n > 0 ? /* @__PURE__ */ o(
       q,
       {
-        classNames: `${t}-zoom`,
-        in: g || !!e,
+        classNames: `${e}-zoom`,
+        in: g || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
@@ -105,10 +109,10 @@ function V(B, D) {
           "span",
           {
             className: l(
-              `${t}-dot`,
+              `${e}-dot`,
               {
-                [`${t}-dot-pulse`]: C,
-                [`${t}-color-${e}`]: e && r
+                [`${e}-dot-pulse`]: C,
+                [`${e}-color-${t}`]: t && r
               },
               i
             ),
@@ -119,8 +123,8 @@ function V(B, D) {
     ) : /* @__PURE__ */ o(
       S,
       {
-        prefixCls: t,
-        className: l(`${t}-number`, i),
+        prefixCls: e,
+        className: l(`${e}-number`, i),
         style: { ...c, ...a },
         maxCount: w,
         count: n
@@ -136,18 +140,18 @@ function V(B, D) {
       "div",
       {
         className: l(
-          `${t}-ribbon`,
-          `${t}-ribbon-${_}`,
+          `${e}-ribbon`,
+          `${e}-ribbon-${_}`,
           {
-            [`${t}-rtl`]: $,
-            [`${t}-color-${r}`]: r && c
+            [`${e}-rtl`]: $,
+            [`${e}-color-${r}`]: r && c
           },
           s.className
         ),
         style: M,
         children: [
-          /* @__PURE__ */ o("span", { className: `${t}-ribbon-text`, children: s.text }),
-          /* @__PURE__ */ o("div", { className: `${t}-ribbon-corner` })
+          /* @__PURE__ */ o("span", { className: `${e}-ribbon-text`, children: s.text }),
+          /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
         ]
       }
     );
@@ -156,13 +160,13 @@ function V(B, D) {
     "span",
     {
       className: l(
-        t,
+        e,
         {
-          [`${t}-status`]: m,
-          [`${t}-no-children`]: !x,
-          [`${t}-rtl`]: $
+          [`${e}-status`]: m,
+          [`${e}-no-children`]: !x,
+          [`${e}-rtl`]: $
         },
-        !!s && `${t}-ribbon-wrapper`,
+        !!s && `${e}-ribbon-wrapper`,
         T
       ),
       ref: p,
@@ -178,7 +182,7 @@ function V(B, D) {
 const O = z(V);
 O.displayName = "Badge";
 O.Count = S;
-const at = f, lt = [
+const ae = f, le = [
   "default",
   "processing",
   "success",
@@ -186,8 +190,8 @@ const at = f, lt = [
   "error"
 ];
 export {
-  at as BADGE_COLORS,
-  lt as BADGE_STATUS,
+  ae as BADGE_COLORS,
+  le as BADGE_STATUS,
   S as BadgeCount,
   O as default
 };

package/breadcrumb/Item.js

@@ -1,50 +1,49 @@
-/* 2025-11-04 14:07:05 */
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import C from "@unicom-cloud/icons/IconUiDown";
-import { useState as N } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiDown";
+import { useState as C } from "react";
 import V from "../dropdown/index.js";
-import s from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import $ from "../dist/ui-common/utils/omit.js";
-import { pickDataAttributes as x } from "../dist/ui-common/utils/pick.js";
-import { isString as D } from "@unicom-cloud/utils/is";
+import n from "@unicom-cloud/ui-common/utils/className";
+import { isString as $ } from "@unicom-cloud/ui-common/utils/is";
+import x from "@unicom-cloud/ui-common/utils/omit";
+import { pickDataAttributes as D } from "@unicom-cloud/ui-common/utils/pick";
 function I(a) {
   const {
     children: d,
     style: p,
-    className: c,
+    className: l,
     prefixCls: o,
     droplist: e,
     dropdownProps: r,
     href: t,
-    onClick: l,
+    onClick: c,
     tagName: f = "div",
     ...h
-  } = a, [w, u] = N(!1), b = D(t) ? "a" : f, n = /* @__PURE__ */ g(
-    b,
+  } = a, [w, N] = C(!1), u = $(t) ? "a" : f, m = /* @__PURE__ */ b(
+    u,
     {
       href: t,
-      onClick: l,
+      onClick: c,
       role: "listitem",
       style: p,
-      className: s(
+      className: n(
         `${o}-item`,
         {
           [`${o}-item-with-dropdown`]: e
         },
-        c
+        l
       ),
-      ...x(h),
+      ...D(h),
       children: [
         d,
         e && /* @__PURE__ */ i(
           "span",
           {
             "aria-hidden": !0,
-            className: s(`${o}-item-dropdown-icon`, {
+            className: n(`${o}-item-dropdown-icon`, {
               [`${o}-item-dropdown-icon-active`]: w
             }),
-            children: /* @__PURE__ */ i(C, {})
+            children: /* @__PURE__ */ i(g, {})
           }
         )
       ]
@@ -54,13 +53,13 @@ function I(a) {
     V,
     {
       droplist: e,
-      onVisibleChange: (m) => {
-        u(m), r?.onVisibleChange?.(m);
+      onVisibleChange: (s) => {
+        N(s), r?.onVisibleChange?.(s);
       },
-      ...$(r, ["onVisibleChange"]),
-      children: n
+      ...x(r, ["onVisibleChange"]),
+      children: m
     }
-  ) : n;
+  ) : m;
 }
 I.displayName = "BreadcrumbItem";
 export {

package/breadcrumb/index.js

@@ -1,66 +1,71 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as t } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiObliqueLine";
-import l, { forwardRef as _, useContext as k } from "react";
+import c, { forwardRef as _, useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import q from "../dist/ui-common/hooks/use-merge-props/index.js";
+import q from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import b from "../menu/Menu.js";
-import v from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as F } from "../dist/ui-common/utils/is.js";
-import K from "../dist/ui-common/utils/omit.js";
+import v from "@unicom-cloud/ui-common/utils/className";
+import { isEmptyReactNode as F } from "@unicom-cloud/ui-common/utils/is";
+import K from "@unicom-cloud/ui-common/utils/omit";
 import C from "./Item.js";
 import L from "../config-provider/context.js";
-const M = (m, c, i) => c.indexOf(m) === c.length - 1 ? /* @__PURE__ */ t("span", { children: m.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${i.join("/").replace(/^\//, "")}`, children: m.breadcrumbName }), U = {
+const U = (l, m, d) => m.indexOf(l) === m.length - 1 ? /* @__PURE__ */ t("span", { children: l.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${d.join("/").replace(/^\//, "")}`, children: l.breadcrumbName }), V = {
   separator: /* @__PURE__ */ t(S, {})
 };
-function V(m, c) {
-  const { getPrefixCls: i, componentConfig: N, rtl: B } = k(L), p = q(
-    m,
-    U,
-    N?.Breadcrumb
-  ), { className: I, children: y, style: R, routes: a, maxCount: u, separator: $, ...x } = p, o = i?.("breadcrumb"), f = "itemRender" in p ? p.itemRender : M, E = /* @__PURE__ */ t(
+function W(l, m) {
+  const {
+    prefixCls: d,
+    getPrefixCls: N,
+    componentConfig: B,
+    rtl: I
+  } = k(L), i = q(
+    l,
+    V,
+    B?.Breadcrumb
+  ), { className: x, children: y, style: R, routes: a, maxCount: f, separator: $, ...E } = i, s = N?.("breadcrumb"), u = "itemRender" in i ? i.itemRender : U, P = /* @__PURE__ */ t(
     "span",
     {
       "aria-label": "ellipses of breadcrumb items",
-      className: `${o}-item-ellipses`,
+      className: `${s}-item-ellipses`,
       children: "..."
     },
     "ellipses"
-  ), j = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${o}-item-separator`, children: $ }), h = (r, s, e) => {
-    const n = l.cloneElement(j, {
+  ), j = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), h = (r, o, e) => {
+    const n = c.cloneElement(j, {
       key: `${e}_separator`
     });
-    return s > 0 ? e === 0 ? [r, n, E] : e > s ? [n, r] : null : e === 0 ? [r] : [n, r];
+    return o > 0 ? e === 0 ? [r, n, P] : e > o ? [n, r] : null : e === 0 ? [r] : [n, r];
   }, w = () => {
-    const r = [], s = a.length - u;
+    const r = [], o = a.length - f;
     return a.map((e, n) => {
       r.push((e.path || "").replace(/^\//, ""));
-      const P = e.children ? /* @__PURE__ */ t(b, { children: e.children.map((d) => /* @__PURE__ */ t(b.Item, { children: f(d, a, r) }, d.path || d.breadcrumbName)) }) : null;
+      const O = e.children ? /* @__PURE__ */ t(b, { children: e.children.map((p) => /* @__PURE__ */ t(b.Item, { children: u(p, a, r) }, p.path || p.breadcrumbName)) }) : null;
       return h(
         /* @__PURE__ */ t(
           C,
           {
-            prefixCls: o,
-            droplist: P,
-            children: f(e, a, r)
+            prefixCls: s,
+            droplist: O,
+            children: u(e, a, r)
           },
           e.path || e.breadcrumbName
         ),
-        s,
+        o,
         n
       );
     });
-  }, O = () => {
+  }, M = () => {
     const r = [];
-    l.Children.forEach(y, (e) => {
+    c.Children.forEach(y, (e) => {
       F(e) || r.push(e);
     });
-    const s = r.length - u;
-    return l.Children.map(r, (e, n) => h(
-      l.cloneElement(e, {
-        prefixCls: o
+    const o = r.length - f;
+    return c.Children.map(r, (e, n) => h(
+      c.cloneElement(e, {
+        prefixCls: s
       }),
-      s,
+      o,
       n
     ));
   };
@@ -68,15 +73,15 @@ function V(m, c) {
     "div",
     {
       role: "list",
-      ref: c,
+      ref: m,
       style: R,
-      className: v(o, { [`${o}-rtl`]: B }, I),
-      ...K(x, ["itemRender"]),
-      children: a && a.length ? w() : O()
+      className: v(s, { [`${s}-rtl`]: I }, x),
+      ...K(E, ["itemRender"]),
+      children: a && a.length ? w() : M()
     }
   );
 }
-const W = _(V), g = W;
+const z = _(W), g = z;
 g.displayName = "Breadcrumb";
 g.Item = C;
 export {

package/button/Group.js

@@ -1,14 +1,14 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as i } from "react/jsx-runtime";
-import c, { useContext as f } from "react";
+import p, { useContext as c } from "react";
 import "../config-provider/ConfigProvider.js";
-import l from "@unicom-cloud/utils/class-name";
+import f from "@unicom-cloud/ui-common/utils/className";
 import u from "../config-provider/context.js";
-function x(o, t) {
-  const { className: r, style: e, children: s, ...n } = o, { getPrefixCls: m } = f(u), p = m?.("btn-group"), a = l(p, r);
-  return /* @__PURE__ */ i("div", { ref: t, className: a, style: e, ...n, children: s });
+function x(o, s) {
+  const { className: t, style: r, children: e, ...a } = o, { prefixCls: N, getPrefixCls: m } = c(u), n = m?.("btn-group"), l = f(n, t);
+  return /* @__PURE__ */ i("div", { ref: s, className: l, style: r, ...a, children: e });
 }
-const C = c.forwardRef(x);
+const C = p.forwardRef(x);
 C.displayName = "ButtonGroup";
 export {
   C as default

package/button/index.js

@@ -1,138 +1,138 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as l, jsxs as Q, Fragment as W } from "react/jsx-runtime";
+/* 2025-11-14 09:11:22 */
+import { jsx as c, jsxs as Q, Fragment as W } from "react/jsx-runtime";
 import Y from "@unicom-cloud/icons/IconUiLoading";
-import R, { forwardRef as H, useContext as J, useState as K, useRef as M, useEffect as V } from "react";
+import R, { forwardRef as H, useContext as J, useState as K, useRef as V, useEffect as X } from "react";
 import "../config-provider/ConfigProvider.js";
-import X from "../dist/ui-common/hooks/use-merge-props/index.js";
-import Z from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import tt from "./Group.js";
-import et from "../config-provider/context.js";
-import { isString as S, isNumber as nt, isFunction as ot } from "@unicom-cloud/utils/is";
-const st = /^[\u4e00-\u9fa5]{2}$/;
-function rt(u) {
+import Z from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import tt from "@unicom-cloud/ui-common/utils/className";
+import { isString as S, isNumber as et, isFunction as nt } from "@unicom-cloud/ui-common/utils/is";
+import ot from "./Group.js";
+import st from "../config-provider/context.js";
+const rt = /^[\u4e00-\u9fa5]{2}$/;
+function it(l) {
   const o = [];
-  let i = !1;
-  return R.Children.forEach(u, (e) => {
-    const r = S(e) || nt(e);
-    if (r && i) {
-      const a = o.length - 1, f = o[a];
-      o[a] = `${f}${e}`;
+  let u = !1;
+  return R.Children.forEach(l, (e) => {
+    const i = S(e) || et(e);
+    if (i && u) {
+      const r = o.length - 1, f = o[r];
+      o[r] = `${f}${e}`;
     } else
       o.push(e);
-    i = r;
+    u = i;
   }), R.Children.map(
     o,
-    (e) => S(e) ? /* @__PURE__ */ l("span", { children: e }) : e
+    (e) => S(e) ? /* @__PURE__ */ c("span", { children: e }) : e
   );
 }
-const it = {
+const at = {
   htmlType: "button",
   type: "default",
   shape: "square",
   size: "medium"
 };
-function at(u, o) {
+function ct(l, o) {
   const {
-    getPrefixCls: i,
-    size: e,
+    prefixCls: u,
+    getPrefixCls: e,
+    size: i,
     autoInsertSpaceInButton: r,
-    componentConfig: a,
-    rtl: f
-  } = J(et), _ = X(
-    u,
-    it,
-    a?.Button
+    componentConfig: f,
+    rtl: _
+  } = J(st), I = Z(
+    l,
+    at,
+    f?.Button
   ), {
     style: $,
-    className: I,
+    className: k,
     children: p,
-    htmlType: k,
+    htmlType: U,
     type: g,
     status: y,
-    size: T = "medium",
-    shape: U,
+    size: N = "medium",
+    shape: F,
     href: d,
-    anchorProps: F,
-    disabled: c,
+    anchorProps: O,
+    disabled: a,
     loading: m,
-    loadingFixedWidth: O,
-    icon: E,
-    iconOnly: G,
-    iconSuffix: j,
-    iconRight: D,
-    onClick: L,
-    long: q,
-    ...N
-  } = _, v = T === "default" ? "medium" : T, B = m ? /* @__PURE__ */ l(Y, {}) : E, [h, P] = K(!1), A = M(), s = o || A;
-  V(() => {
+    loadingFixedWidth: E,
+    icon: G,
+    iconOnly: j,
+    iconSuffix: D,
+    iconRight: L,
+    onClick: q,
+    long: v,
+    ...T
+  } = I, A = N === "default" ? "medium" : N, B = m ? /* @__PURE__ */ c(Y, {}) : G, [h, P] = K(!1), M = V(), s = o || M;
+  X(() => {
     if (r && s && s.current) {
       const n = s.current.textContent;
-      st.test(n) ? h || P(!0) : h && P(!1);
+      rt.test(n) ? h || P(!0) : h && P(!1);
     }
   }, [s.current, r]);
-  const t = i?.("btn"), C = g === "default" ? "secondary" : g, w = Z(
+  const t = e?.("btn"), C = g === "default" ? "secondary" : g, b = tt(
     t,
     C === "text-only" && `${t}-text`,
     `${t}-${C}`,
-    C !== "text-only" && `${t}-size-${v || e}`,
-    `${t}-shape-${U}`,
+    C !== "text-only" && `${t}-size-${A || i}`,
+    `${t}-shape-${F}`,
     {
-      [`${t}-long`]: q,
+      [`${t}-long`]: v,
       [`${t}-status-${y}`]: y,
-      [`${t}-loading-fixed-width`]: O,
+      [`${t}-loading-fixed-width`]: E,
       [`${t}-loading`]: m,
       [`${t}-link`]: d,
-      [`${t}-icon-only`]: G || !p && p !== 0 && B,
-      [`${t}-disabled`]: c,
+      [`${t}-icon-only`]: j || !p && p !== 0 && B,
+      [`${t}-disabled`]: a,
       [`${t}-two-chinese-chars`]: h,
-      [`${t}-rtl`]: f
+      [`${t}-rtl`]: _
     },
-    I
-  ), b = (n) => {
-    if (m || c) {
-      ot(n?.preventDefault) && n.preventDefault();
+    k
+  ), w = (n) => {
+    if (m || a) {
+      nt(n?.preventDefault) && n.preventDefault();
       return;
     }
-    L?.(n);
+    q?.(n);
   }, z = /* @__PURE__ */ Q(W, { children: [
     B,
-    rt(p),
-    D,
-    j
+    it(p),
+    L,
+    D
   ] });
   if (d) {
-    const n = { ...F };
-    return c ? delete n.href : n.href = d, /* @__PURE__ */ l(
+    const n = { ...O };
+    return a ? delete n.href : n.href = d, /* @__PURE__ */ c(
       "a",
       {
         ref: s,
-        ...N,
+        ...T,
         ...n,
         style: $,
-        className: w,
-        onClick: b,
+        className: b,
+        onClick: w,
         children: z
       }
     );
   }
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     "button",
     {
       ref: s,
-      ...N,
+      ...T,
       style: $,
-      className: w,
-      type: k,
-      disabled: c,
-      onClick: b,
+      className: b,
+      type: U,
+      disabled: a,
+      onClick: w,
       children: z
     }
   );
 }
-const ct = H(at), x = ct;
+const lt = H(ct), x = lt;
 x.__PQB_BUTTON = !0;
-x.Group = tt;
+x.Group = ot;
 x.displayName = "Button";
 const gt = [
   "default",
@@ -146,6 +146,6 @@ const gt = [
 export {
   yt as BUTTON_STATUS,
   gt as BUTTON_TYPE,
-  tt as ButtonGroup,
+  ot as ButtonGroup,
   x as default
 };