@unicom-cloud/ui 0.8.107 → 0.8.109

package/badge/index.js

@@ -1,12 +1,11 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import _ from "lodash/isPlainObject";
 import { forwardRef as q, useContext as z, useRef as H, useImperativeHandle as L } from "react";
-import "../config-provider/ConfigProvider.js";
-import U from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as F } from "../components/common/utils/PqbCSSTransition.js";
+import { a as U } from "../chunk/DXlwLh0Y.js";
+import { u as F } from "../chunk/FgWHhRFz.js";
+import { P as J } from "../chunk/B--6x-RL.js";
 import l from "@unicom-cloud/utils/class-name";
 import h from "./Count.js";
-import J from "../config-provider/context.js";
 const f = [
   "red",
   "orangered",
@@ -25,13 +24,13 @@ const f = [
   dotAnimation: !0
   // 默认开启 dot 动画
 };
-function Q(O, B) {
-  const { getPrefixCls: D, componentConfig: P, rtl: $ } = z(J), R = U(
+function Q(O, P) {
+  const { getPrefixCls: B, componentConfig: D, rtl: $ } = z(U), R = F(
     O,
     K,
-    P?.Badge
+    D?.Badge
   ), {
-    ribbon: s,
+    ribbon: r,
     count: n,
     prefixText: b,
     text: u,
@@ -40,15 +39,15 @@ function Q(O, B) {
     dot: g,
     dotAnimation: C,
     maxCount: T,
-    color: e,
+    color: t,
     dotStyle: w,
     offset: E,
     style: j,
     status: m,
     children: N,
     ...v
-  } = R, p = H(null), t = D?.("badge"), a = { ...w || {} }, [x, y] = E || [];
-  x && (a.marginRight = -x), y && (a.marginTop = y), L(B, () => ({
+  } = R, p = H(null), e = B?.("badge"), a = { ...w || {} }, [x, y] = E || [];
+  x && (a.marginRight = -x), y && (a.marginTop = y), L(P, () => ({
     dom: p.current,
     getRootDOMNode() {
       return p.current;
@@ -59,42 +58,42 @@ function Q(O, B) {
       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 s = t ? f.includes(t) : !1, c = !t || s ? {} : { 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 && typeof n == "number" && n <= 0 ? /* @__PURE__ */ d("span", { className: `${t}-status-wrapper`, children: [
-      !!b && /* @__PURE__ */ o("span", { className: `${t}-status-prefix-text`, children: b }),
+    ) : m || t && typeof n == "number" && 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 && s
             },
             i
           )
         }
       ),
-      !!u && /* @__PURE__ */ o("span", { className: `${t}-status-text`, children: u })
-    ] }) : (g || e) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
-      F,
+      !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
+    ] }) : (g || t) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
+      J,
       {
-        classNames: `${t}-zoom`,
-        in: g || !!e,
+        classNames: `${e}-zoom`,
+        in: g || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
@@ -103,10 +102,10 @@ function Q(O, B) {
           "span",
           {
             className: l(
-              `${t}-dot`,
+              `${e}-dot`,
               {
-                [`${t}-dot-pulse`]: C,
-                [`${t}-color-${e}`]: e && r
+                [`${e}-dot-pulse`]: C,
+                [`${e}-color-${t}`]: t && s
               },
               i
             ),
@@ -117,35 +116,35 @@ function Q(O, B) {
     ) : /* @__PURE__ */ o(
       h,
       {
-        prefixCls: t,
-        className: l(`${t}-number`, i),
+        prefixCls: e,
+        className: l(`${e}-number`, i),
         style: { ...c, ...a },
         maxCount: T,
         count: n
       }
     );
   }, G = () => {
-    if (!s) return;
-    const r = s.color, c = r ? f.includes(r) : !1, I = {
-      ...c ? {} : { backgroundColor: r },
-      ...s.style
-    }, M = s.placement || "end";
+    if (!r) return;
+    const s = r.color, c = s ? f.includes(s) : !1, I = {
+      ...c ? {} : { backgroundColor: s },
+      ...r.style
+    }, M = r.placement || "end";
     return /* @__PURE__ */ d(
       "div",
       {
         className: l(
-          `${t}-ribbon`,
-          `${t}-ribbon-${M}`,
+          `${e}-ribbon`,
+          `${e}-ribbon-${M}`,
           {
-            [`${t}-rtl`]: $,
-            [`${t}-color-${r}`]: r && c
+            [`${e}-rtl`]: $,
+            [`${e}-color-${s}`]: s && c
           },
-          s.className
+          r.className
         ),
         style: I,
         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: r.text }),
+          /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
         ]
       }
     );
@@ -154,13 +153,13 @@ function Q(O, B) {
     "span",
     {
       className: l(
-        t,
+        e,
         {
-          [`${t}-status`]: m,
-          [`${t}-no-children`]: !N,
-          [`${t}-rtl`]: $
+          [`${e}-status`]: m,
+          [`${e}-no-children`]: !N,
+          [`${e}-rtl`]: $
         },
-        !!s && `${t}-ribbon-wrapper`,
+        !!r && `${e}-ribbon-wrapper`,
         A
       ),
       ref: p,
@@ -168,7 +167,7 @@ function Q(O, B) {
       ...v,
       children: [
         N,
-        s ? G() : k()
+        r ? G() : k()
       ]
     }
   );
@@ -176,7 +175,7 @@ function Q(O, B) {
 const S = q(Q);
 S.displayName = "Badge";
 S.Count = h;
-const st = f, nt = [
+const se = f, re = [
   "default",
   "processing",
   "success",
@@ -184,8 +183,8 @@ const st = f, nt = [
   "error"
 ];
 export {
-  st as BADGE_COLORS,
-  nt as BADGE_STATUS,
+  se as BADGE_COLORS,
+  re as BADGE_STATUS,
   h as BadgeCount,
   S as default
 };

package/breadcrumb/Item.js

@@ -3,10 +3,10 @@ import g from "@unicom-cloud/icons/IconUiDown";
 import C from "lodash/isString";
 import { useState as V } from "react";
 import $ from "../dropdown/index.js";
-import n from "@unicom-cloud/utils/class-name";
-import { omit as x } from "../components/common/utils/omit.js";
-import { pickDataAttributes as D } from "../components/common/utils/pick.js";
-function I(a) {
+import a from "@unicom-cloud/utils/class-name";
+import { o as x } from "../chunk/BKKEev13.js";
+import { a as D } from "../chunk/ClqoGc3r.js";
+function I(n) {
   const {
     children: d,
     style: p,
@@ -18,14 +18,14 @@ function I(a) {
     onClick: c,
     tagName: f = "div",
     ...h
-  } = a, [w, N] = V(!1), u = C(t) ? "a" : f, m = /* @__PURE__ */ b(
+  } = n, [w, N] = V(!1), u = C(t) ? "a" : f, s = /* @__PURE__ */ b(
     u,
     {
       href: t,
       onClick: c,
       role: "listitem",
       style: p,
-      className: n(
+      className: a(
         `${o}-item`,
         {
           [`${o}-item-with-dropdown`]: e
@@ -39,7 +39,7 @@ function I(a) {
           "span",
           {
             "aria-hidden": !0,
-            className: n(`${o}-item-dropdown-icon`, {
+            className: a(`${o}-item-dropdown-icon`, {
               [`${o}-item-dropdown-icon-active`]: w
             }),
             children: /* @__PURE__ */ i(g, {})
@@ -52,13 +52,13 @@ function I(a) {
     $,
     {
       droplist: e,
-      onVisibleChange: (s) => {
-        N(s), r?.onVisibleChange?.(s);
+      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,76 +1,76 @@
 import { jsx as t } from "react/jsx-runtime";
 import O from "@unicom-cloud/icons/IconUiObliqueLine";
-import l, { forwardRef as S, useContext as _ } from "react";
-import "../config-provider/ConfigProvider.js";
-import k from "../components/common/hooks/useMergeProps.js";
-import b from "../menu/Menu.js";
-import q from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as v } from "../components/common/utils/is.js";
-import { omit as F } from "../components/common/utils/omit.js";
+import c, { forwardRef as S, useContext as _ } from "react";
+import { a as k } from "../chunk/DXlwLh0Y.js";
+import { u as q } from "../chunk/FgWHhRFz.js";
+import { M as b } from "../chunk/BfBHo0RR.js";
+import v from "@unicom-cloud/utils/class-name";
+import { b as F } from "../chunk/DsaQZE4X.js";
+import { o as K } from "../chunk/BKKEev13.js";
 import C from "./Item.js";
-import K from "../config-provider/context.js";
-const L = (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 L = (m, l, i) => l.indexOf(m) === l.length - 1 ? /* @__PURE__ */ t("span", { children: m.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${i.join("/").replace(/^\//, "")}`, children: m.breadcrumbName }), U = {
   separator: /* @__PURE__ */ t(O, {})
 };
-function V(m, c) {
-  const { getPrefixCls: i, componentConfig: g, rtl: B } = _(K), p = k(
+function V(m, l) {
+  const { getPrefixCls: i, componentConfig: g, rtl: B } = _(k), p = q(
     m,
     U,
     g?.Breadcrumb
-  ), { className: I, children: y, style: R, routes: a, maxCount: u, separator: $, ...x } = p, s = i?.("breadcrumb"), f = "itemRender" in p ? p.itemRender : L, E = /* @__PURE__ */ t(
+  ), { className: I, children: y, style: R, routes: n, maxCount: u, separator: $, ...x } = p, s = i?.("breadcrumb"), f = "itemRender" in p ? p.itemRender : L, E = /* @__PURE__ */ t(
     "span",
     {
       "aria-label": "ellipses of breadcrumb items",
       className: `${s}-item-ellipses`,
       children: "..."
-    }
-  ), P = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), h = (r, o, e) => {
-    const n = l.cloneElement(P, {
+    },
+    "ellipses"
+  ), M = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), h = (r, o, e) => {
+    const a = c.cloneElement(M, {
       key: `${e}_separator`
     });
-    return o > 0 ? e === 0 ? [r, n, E] : e > o ? [n, r] : null : e === 0 ? [r] : [n, r];
-  }, j = () => {
-    const r = [], o = a.length - u;
-    return a.map((e, n) => {
+    return o > 0 ? e === 0 ? [r, a, E] : e > o ? [a, r] : null : e === 0 ? [r] : [a, r];
+  }, P = () => {
+    const r = [], o = n.length - u;
+    return n.map((e, a) => {
       r.push((e.path || "").replace(/^\//, ""));
-      const M = 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 w = e.children ? /* @__PURE__ */ t(b, { children: e.children.map((d) => /* @__PURE__ */ t(b.Item, { children: f(d, n, r) }, d.path || d.breadcrumbName)) }) : null;
       return h(
         /* @__PURE__ */ t(
           C,
           {
             prefixCls: s,
-            droplist: M,
-            children: f(e, a, r)
+            droplist: w,
+            children: f(e, n, r)
           },
           e.path || e.breadcrumbName
         ),
         o,
-        n
+        a
       );
     });
-  }, w = () => {
+  }, j = () => {
     const r = [];
-    l.Children.forEach(y, (e) => {
-      v(e) || r.push(e);
+    c.Children.forEach(y, (e) => {
+      F(e) || r.push(e);
     });
     const o = r.length - u;
-    return l.Children.map(r, (e, n) => h(
-      l.cloneElement(e, {
+    return c.Children.map(r, (e, a) => h(
+      c.cloneElement(e, {
         prefixCls: s
       }),
       o,
-      n
+      a
     ));
   };
   return /* @__PURE__ */ t(
     "div",
     {
       role: "list",
-      ref: c,
+      ref: l,
       style: R,
-      className: q(s, { [`${s}-rtl`]: B }, I),
-      ...F(x, ["itemRender"]),
-      children: a && a.length ? j() : w()
+      className: v(s, { [`${s}-rtl`]: B }, I),
+      ...K(x, ["itemRender"]),
+      children: n && n.length ? P() : j()
     }
   );
 }

package/button/Group.js

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

package/button/index.js

@@ -1,20 +1,19 @@
-import { jsx as l, jsxs as v, Fragment as A } from "react/jsx-runtime";
-import M from "@unicom-cloud/icons/IconUiLoading";
-import R, { forwardRef as Q, useContext as W, useState as Y, useRef as H, useEffect as J } from "react";
-import "../config-provider/ConfigProvider.js";
-import K from "../components/common/hooks/useMergeProps.js";
-import V from "@unicom-cloud/utils/class-name";
-import X from "./Group.js";
-import Z from "../config-provider/context.js";
-const tt = /^[\u4e00-\u9fa5]{2}$/;
-function et(f) {
+import { jsx as l, jsxs as A, Fragment as M } from "react/jsx-runtime";
+import Q from "@unicom-cloud/icons/IconUiLoading";
+import R, { forwardRef as W, useContext as Y, useState as H, useRef as J, useEffect as K } from "react";
+import { a as V } from "../chunk/DXlwLh0Y.js";
+import { u as X } from "../chunk/FgWHhRFz.js";
+import Z from "@unicom-cloud/utils/class-name";
+import tt from "./Group.js";
+const et = /^[\u4e00-\u9fa5]{2}$/;
+function nt(u) {
   const o = [];
   let i = !1;
-  return R.Children.forEach(f, (e) => {
+  return R.Children.forEach(u, (e) => {
     const r = typeof e == "string" || typeof e == "number";
     if (r && i) {
-      const a = o.length - 1, u = o[a];
-      o[a] = `${u}${e}`;
+      const a = o.length - 1, f = o[a];
+      o[a] = `${f}${e}`;
     } else
       o.push(e);
     i = r;
@@ -23,21 +22,22 @@ function et(f) {
     (e) => typeof e == "string" ? /* @__PURE__ */ l("span", { children: e }) : e
   );
 }
-const nt = {
+const ot = {
   htmlType: "button",
   type: "default",
-  shape: "square"
+  shape: "square",
+  size: "medium"
 };
-function ot(f, o) {
+function st(u, o) {
   const {
     getPrefixCls: i,
     size: e,
     autoInsertSpaceInButton: r,
     componentConfig: a,
-    rtl: u
-  } = W(Z), _ = K(
-    f,
-    nt,
+    rtl: f
+  } = Y(V), _ = X(
+    u,
+    ot,
     a?.Button
   ), {
     style: g,
@@ -46,10 +46,10 @@ function ot(f, o) {
     htmlType: S,
     type: x,
     status: y,
-    size: k,
-    shape: U,
+    size: N = "medium",
+    shape: k,
     href: d,
-    anchorProps: z,
+    anchorProps: U,
     disabled: c,
     loading: m,
     loadingFixedWidth: O,
@@ -59,56 +59,56 @@ function ot(f, o) {
     iconRight: j,
     onClick: D,
     long: L,
-    ...N
-  } = _, T = m ? /* @__PURE__ */ l(M, {}) : E, [h, B] = Y(!1), q = H(), s = o || q;
-  J(() => {
+    ...T
+  } = _, q = N === "default" ? "medium" : N, B = m ? /* @__PURE__ */ l(Q, {}) : E, [h, P] = H(!1), v = J(), s = o || v;
+  K(() => {
     if (r && s && s.current) {
       const n = s.current.textContent;
-      tt.test(n) ? h || B(!0) : h && B(!1);
+      et.test(n) ? h || P(!0) : h && P(!1);
     }
   }, [s.current, r]);
-  const t = i?.("btn"), C = x === "default" ? "secondary" : x, P = V(
+  const t = i?.("btn"), C = x === "default" ? "secondary" : x, w = Z(
     t,
     C === "text-only" && `${t}-text`,
     `${t}-${C}`,
-    C !== "text-only" && `${t}-size-${k || e}`,
-    `${t}-shape-${U}`,
+    C !== "text-only" && `${t}-size-${q || e}`,
+    `${t}-shape-${k}`,
     {
       [`${t}-long`]: L,
       [`${t}-status-${y}`]: y,
       [`${t}-loading-fixed-width`]: O,
       [`${t}-loading`]: m,
       [`${t}-link`]: d,
-      [`${t}-icon-only`]: F || !p && p !== 0 && T,
+      [`${t}-icon-only`]: F || !p && p !== 0 && B,
       [`${t}-disabled`]: c,
       [`${t}-two-chinese-chars`]: h,
-      [`${t}-rtl`]: u
+      [`${t}-rtl`]: f
     },
     I
-  ), w = (n) => {
+  ), b = (n) => {
     if (m || c) {
       typeof n?.preventDefault == "function" && n.preventDefault();
       return;
     }
     D?.(n);
-  }, b = /* @__PURE__ */ v(A, { children: [
-    T,
-    et(p),
+  }, z = /* @__PURE__ */ A(M, { children: [
+    B,
+    nt(p),
     j,
     G
   ] });
   if (d) {
-    const n = { ...z };
+    const n = { ...U };
     return c ? delete n.href : n.href = d, /* @__PURE__ */ l(
       "a",
       {
         ref: s,
-        ...N,
+        ...T,
         ...n,
         style: g,
-        className: P,
-        onClick: w,
-        children: b
+        className: w,
+        onClick: b,
+        children: z
       }
     );
   }
@@ -116,19 +116,19 @@ function ot(f, o) {
     "button",
     {
       ref: s,
-      ...N,
+      ...T,
       style: g,
-      className: P,
+      className: w,
       type: S,
       disabled: c,
-      onClick: w,
-      children: b
+      onClick: b,
+      children: z
     }
   );
 }
-const st = Q(ot), $ = st;
+const rt = W(st), $ = rt;
 $.__PQB_BUTTON = !0;
-$.Group = X;
+$.Group = tt;
 $.displayName = "Button";
 const dt = [
   "default",
@@ -142,6 +142,6 @@ const dt = [
 export {
   mt as BUTTON_STATUS,
   dt as BUTTON_TYPE,
-  X as ButtonGroup,
+  tt as ButtonGroup,
   $ as default
 };