@unicom-cloud/ui 0.8.131 → 0.8.133

package/badge/index.js

@@ -1,213 +1,10 @@
-/* 2025-12-22 10:22:04 */
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import U from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { forwardRef as q, useContext as F, useRef as O, useImperativeHandle as J } from "react";
-import "../config-provider/ConfigProvider.js";
-import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import n from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as Q, isNumber as R } from "@unicom-cloud/ui-common/utils/is";
-import B from "./Count.js";
-import V from "../config-provider/context.js";
-const $ = [
-  "red",
-  "orangered",
-  "orange",
-  "gold",
-  "lime",
-  "green",
-  "cyan",
-  "primary",
-  "purple",
-  "magenta",
-  "gray"
-], W = {
-  count: 0,
-  maxCount: 99,
-  dotAnimation: !0
-  // 默认开启 dot 动画
-};
-function X(A, D) {
-  const {
-    prefixCls: Y,
-    getPrefixCls: T,
-    componentConfig: w,
-    rtl: g
-  } = F(V), j = K(
-    A,
-    W,
-    w?.Badge
-  ), {
-    ribbon: r,
-    count: a,
-    prefixText: b,
-    text: u,
-    className: v,
-    dotClassName: i,
-    dot: C,
-    dotAnimation: x,
-    maxCount: k,
-    color: e,
-    dotStyle: G,
-    offset: I,
-    style: _,
-    status: m,
-    children: N,
-    ...z
-  } = j, y = O(null), h = O(null), t = T?.("badge"), l = { ...G || {} }, [S, E] = I || [];
-  S && (l.marginRight = -S), E && (l.marginTop = E), J(D, () => ({
-    getRootElement() {
-      return y.current;
-    }
-  }));
-  const H = () => {
-    if (Q(a))
-      return /* @__PURE__ */ o(
-        "span",
-        {
-          className: n(`${t}-custom-dot`, i),
-          style: l,
-          children: a
-        }
-      );
-    const s = e ? $.includes(e) : !1, c = !e || s ? {} : { backgroundColor: e };
-    if (u && !e && !m)
-      return /* @__PURE__ */ o(
-        "span",
-        {
-          className: n(`${t}-text`, i),
-          style: l,
-          children: u
-        }
-      );
-    if (m || e && R(a) && a <= 0) {
-      const p = !!u && /* @__PURE__ */ o("span", { className: `${t}-status-text`, children: u }), d = !!b && /* @__PURE__ */ o(
-        "span",
-        {
-          className: n(
-            `${t}-status-text`,
-            `${t}-status-text-prefix`
-          ),
-          children: b
-        }
-      ), M = /* @__PURE__ */ o(
-        "span",
-        {
-          style: { ...c, ...l },
-          className: n(
-            `${t}-status-dot`,
-            {
-              [`${t}-dot-pulse`]: x,
-              [`${t}-status-${m}`]: m,
-              [`${t}-color-${e}`]: e && s
-            },
-            i
-          )
-        }
-      );
-      return /* @__PURE__ */ f("span", { className: `${t}-status-wrapper`, children: [
-        d,
-        M,
-        p
-      ] });
-    }
-    return (C || e) && R(a) && a > 0 ? /* @__PURE__ */ o(
-      U,
-      {
-        classNames: `${t}-zoom`,
-        in: C || !!e,
-        timeout: 200,
-        appear: !0,
-        mountOnEnter: !0,
-        unmountOnExit: !0,
-        refElement: h,
-        children: /* @__PURE__ */ o(
-          "span",
-          {
-            ref: h,
-            className: n(
-              `${t}-dot`,
-              {
-                [`${t}-dot-pulse`]: x,
-                [`${t}-color-${e}`]: e && s
-              },
-              i
-            ),
-            style: { ...c, ...l }
-          }
-        )
-      }
-    ) : /* @__PURE__ */ o(
-      B,
-      {
-        prefixCls: t,
-        className: n(`${t}-number`, i),
-        style: { ...c, ...l },
-        maxCount: k,
-        count: a
-      }
-    );
-  }, L = () => {
-    if (!r) return;
-    const s = r.color, c = s ? $.includes(s) : !1, p = {
-      ...c ? {} : { backgroundColor: s },
-      ...r.style
-    }, d = r.placement || "end";
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        className: n(
-          `${t}-ribbon`,
-          `${t}-ribbon-${d}`,
-          {
-            [`${t}-rtl`]: g,
-            [`${t}-color-${s}`]: s && c
-          },
-          r.className
-        ),
-        style: p,
-        children: [
-          /* @__PURE__ */ o("span", { className: `${t}-ribbon-text`, children: r.text }),
-          /* @__PURE__ */ o("div", { className: `${t}-ribbon-corner` })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ f(
-    "span",
-    {
-      className: n(
-        t,
-        {
-          [`${t}-status`]: m,
-          [`${t}-no-children`]: !N,
-          [`${t}-rtl`]: g
-        },
-        !!r && `${t}-ribbon-wrapper`,
-        v
-      ),
-      ref: y,
-      style: _,
-      ...z,
-      children: [
-        N,
-        r ? L() : H()
-      ]
-    }
-  );
-}
-const P = q(X);
-P.displayName = "Badge";
-P.Count = B;
-const ct = $, it = [
-  "default",
-  "processing",
-  "success",
-  "warning",
-  "error"
-];
+/* 2025-12-30 17:27:22 */
+import e from "./Badge.js";
+import { BADGE_COLORS as a, BADGE_STATUS as f } from "./Badge.js";
+import { default as m } from "./Count.js";
 export {
-  ct as BADGE_COLORS,
-  it as BADGE_STATUS,
-  B as BadgeCount,
-  P as default
+  a as BADGE_COLORS,
+  f as BADGE_STATUS,
+  m as BadgeCount,
+  e as default
 };

package/breadcrumb/Breadcrumb.js

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

package/breadcrumb/Item.js

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

package/breadcrumb/index.js

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

package/button/Button.js

@@ -0,0 +1,160 @@
+/* 2025-12-30 17:27:22 */
+import { jsx as l, jsxs as Q, Fragment as W } from "react/jsx-runtime";
+import Y from "@unicom-cloud/icons/IconUiLoading";
+import I, { forwardRef as J, useContext as K, useState as V, useRef as X, useEffect as Z, useImperativeHandle as ee } from "react";
+import "../config-provider/ConfigProvider.js";
+import te from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ne from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as oe, isString as R, isNumber as se } from "@unicom-cloud/ui-common/utils/is";
+import re from "./Group.js";
+import ie from "../config-provider/context.js";
+const ae = /^[\u4e00-\u9fa5]{2}$/;
+function le(c) {
+  const o = [];
+  let u = !1;
+  return I.Children.forEach(c, (n) => {
+    const i = R(n) || se(n);
+    if (i && u) {
+      const r = o.length - 1, f = o[r];
+      o[r] = `${f}${n}`;
+    } else
+      o.push(n);
+    u = i;
+  }), I.Children.map(
+    o,
+    (n) => R(n) ? /* @__PURE__ */ l("span", { children: n }) : n
+  );
+}
+const ce = {
+  htmlType: "button",
+  type: "default",
+  shape: "square",
+  size: "medium"
+};
+function ue(c, o) {
+  const {
+    prefixCls: u,
+    getPrefixCls: n,
+    size: i,
+    autoInsertSpaceInButton: r,
+    componentConfig: f,
+    rtl: S,
+    from: pe
+  } = K(ie), k = te(
+    c,
+    ce,
+    f?.Button
+  ), {
+    style: g,
+    className: E,
+    children: p,
+    htmlType: U,
+    type: $,
+    status: y,
+    size: N = "medium",
+    shape: F,
+    href: d,
+    anchorProps: O,
+    disabled: a,
+    loading: m,
+    loadingFixedWidth: v,
+    icon: G,
+    iconOnly: j,
+    iconSuffix: H,
+    iconRight: L,
+    onClick: q,
+    long: A,
+    imperativeHandleCallback: D,
+    ...T
+  } = k, M = N === "default" ? "medium" : N, P = m ? /* @__PURE__ */ l(Y, {}) : G, [C, _] = V(!1), s = X(null);
+  Z(() => {
+    if (r && s && s.current) {
+      const t = s.current.textContent;
+      ae.test(t) ? C || _(!0) : C && _(!1);
+    }
+  }, [s.current, r]), ee(o, () => {
+    const t = {
+      getRootElement() {
+        return s.current;
+      }
+    }, z = D;
+    return oe(z) ? z(t) ?? t : t;
+  });
+  const e = n?.("btn"), h = $ === "default" ? "secondary" : $, B = ne(
+    e,
+    h === "text-only" && `${e}-text`,
+    `${e}-${h}`,
+    h !== "text-only" && `${e}-size-${M || i}`,
+    `${e}-shape-${F}`,
+    {
+      [`${e}-long`]: A,
+      [`${e}-status-${y}`]: y,
+      [`${e}-loading-fixed-width`]: v,
+      [`${e}-loading`]: m,
+      [`${e}-link`]: d,
+      [`${e}-icon-only`]: j || !p && p !== 0 && P,
+      [`${e}-disabled`]: a,
+      [`${e}-two-chinese-chars`]: C,
+      [`${e}-rtl`]: S
+    },
+    E
+  ), b = (t) => {
+    if (m || a) {
+      t?.preventDefault?.();
+      return;
+    }
+    q?.(t);
+  }, w = /* @__PURE__ */ Q(W, { children: [
+    P,
+    le(p),
+    L,
+    H
+  ] });
+  if (d) {
+    const t = { ...O };
+    return a ? delete t.href : t.href = d, /* @__PURE__ */ l(
+      "a",
+      {
+        ref: s,
+        ...T,
+        ...t,
+        style: g,
+        className: B,
+        onClick: b,
+        children: w
+      }
+    );
+  }
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ref: s,
+      ...T,
+      style: g,
+      className: B,
+      type: U,
+      disabled: a,
+      onClick: b,
+      children: w
+    }
+  );
+}
+const fe = J(ue), x = fe;
+x.___PQB_BUTTON___ = !0;
+x.Group = re;
+x.displayName = "Button";
+const Te = [
+  "default",
+  "primary",
+  "secondary",
+  "dashed",
+  "text",
+  "text-only",
+  "outline"
+], Pe = ["warning", "danger", "success", "processing", "default"];
+export {
+  Pe as BUTTON_STATUS,
+  Te as BUTTON_TYPE,
+  re as ButtonGroup,
+  x as default
+};

package/button/Group.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsx as i } from "react/jsx-runtime";
 import p, { useContext as c } from "react";
 import "../config-provider/ConfigProvider.js";