@unicom-cloud/ui 0.8.55 → 0.8.57

package/BackTop.js

@@ -1,43 +1,43 @@
 import { jsx as i } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiToTop";
-import { quartOut as C, Tween as y } from "@unicom-cloud/utils/tween";
-import B, { forwardRef as E, useRef as N, useContext as P, useState as R, useEffect as S } from "react";
-import { a as H } from "./chunk/xPzFRQJn.js";
-import $ from "./hooks/useKeyboardEvent.js";
-import q from "./hooks/useMergeProps.js";
-import { P as D } from "./chunk/DQ3uFRJD.js";
-import I from "@unicom-cloud/utils/class-name";
-import { on as K, off as O } from "./utils/dom.js";
-import { pickDataAttributes as U } from "./utils/pick.js";
-import j from "./utils/throttleByRaf.js";
-function A(d, a) {
-  a || (a = N());
-  const T = {
+import { I as x } from "./chunk/BkHxm4sv.js";
+import { q as y, I as C } from "./chunk/CkAOsst1.js";
+import B, { forwardRef as E, useRef as P, useContext as N, useState as R, useEffect as I } from "react";
+import { b as S } from "./chunk/DUxWiN2U.js";
+import H from "./hooks/useKeyboardEvent.js";
+import $ from "./hooks/useMergeProps.js";
+import { P as q } from "./chunk/BP7xX86Q.js";
+import { y as D } from "./chunk/Do1aMgY3.js";
+import { on as K, off as U } from "./utils/dom.js";
+import { pickDataAttributes as j } from "./utils/pick.js";
+import A from "./utils/throttleByRaf.js";
+function M(d, a) {
+  a || (a = P());
+  const g = {
     visibleHeight: 400,
     tween: !0,
-    easing: C,
+    easing: y,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: g, componentConfig: l, rtl: b } = P(H), w = $(), t = q(
+  }, { getPrefixCls: T, componentConfig: l, rtl: b } = N(S), w = H(), t = $(
     d,
-    T,
+    g,
     l == null ? void 0 : l.BackTop
-  ), c = g("backtop"), [h, v] = R(!1), m = (e) => e === window ? document.documentElement : e;
-  S(() => {
+  ), c = T("backtop"), [h, v] = R(!1), m = (e) => e === window ? document.documentElement : e;
+  I(() => {
     var r;
-    const e = (r = t.target) == null ? void 0 : r.call(t), o = j(() => {
+    const e = (r = t.target) == null ? void 0 : r.call(t), o = A(() => {
       const s = t.visibleHeight, n = m(e).scrollTop;
       v(n >= s);
     });
     return K(e, "scroll", o), o(), () => {
       var s;
-      (s = o.cancel) == null || s.call(o), O(e, "scroll", o);
+      (s = o.cancel) == null || s.call(o), U(e, "scroll", o);
     };
   }, [t.target, t.visibleHeight]);
   const f = () => {
     var s, n, u;
     const e = (s = t.target) == null ? void 0 : s.call(t), o = m(e), r = o.scrollTop;
-    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new y({
+    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new C({
       from: { scrollTop: r },
       to: { scrollTop: 0 },
       easing: t.easing,
@@ -50,9 +50,9 @@ function A(d, a) {
   return /* @__PURE__ */ i(
     "div",
     {
-      ...U(t),
+      ...j(t),
       ref: a,
-      className: I(
+      className: D(
         `${c}`,
         { [`${c}-rtl`]: b },
         t.className
@@ -63,7 +63,7 @@ function A(d, a) {
         onPressEnter: f
       }),
       children: /* @__PURE__ */ i(
-        D,
+        q,
         {
           in: h,
           timeout: 100,
@@ -76,7 +76,7 @@ function A(d, a) {
   );
 }
 const p = E(
-  A
+  M
 );
 p.displayName = "BackTop";
 const tt = B.memo(p);

package/Badge.js

@@ -1,34 +1,34 @@
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
 import R from "lodash/isPlainObject";
 import { useState as q, forwardRef as z, useContext as D } from "react";
-import { a as I } from "./chunk/xPzFRQJn.js";
+import { b as I } from "./chunk/DUxWiN2U.js";
 import k from "./hooks/useMergeProps.js";
-import { P as b } from "./chunk/DQ3uFRJD.js";
-import o from "@unicom-cloud/utils/class-name";
+import { P as C } from "./chunk/BP7xX86Q.js";
+import { y as a } from "./chunk/Do1aMgY3.js";
 import v from "./hooks/usePrevious.js";
-function A({ prefixCls: d, maxCount: c, count: r, className: i, style: f }) {
-  const [g, a] = q(!1), p = v(r), l = r !== p;
+function A({ prefixCls: d, maxCount: i, count: n, className: c, style: f }) {
+  const [g, r] = q(!1), p = v(n), l = n !== p;
   return /* @__PURE__ */ s(
-    b,
+    C,
     {
       classNames: "badge-zoom",
-      in: r > 0,
+      in: n > 0,
       timeout: 300,
       appear: !0,
       mountOnEnter: !0,
       unmountOnExit: !0,
       onEntered: () => {
-        a(!0);
+        r(!0);
       },
-      children: /* @__PURE__ */ s("span", { className: i, style: f, children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("span", { className: c, style: f, children: /* @__PURE__ */ s(
         "span",
         {
-          className: o({
+          className: a({
             [`${d}-number-text`]: g && l
           }),
-          children: c && r > c ? `${c}+` : r
+          children: i && n > i ? `${i}+` : n
         },
-        r
+        n
       ) })
     }
   );
@@ -49,52 +49,52 @@ const O = [
   count: 0,
   maxCount: 99
 };
-function M(d, c) {
-  const { getPrefixCls: r, componentConfig: i, rtl: f } = D(I), g = k(
+function M(d, i) {
+  const { getPrefixCls: n, componentConfig: c, rtl: f } = D(I), g = k(
     d,
     L,
-    i == null ? void 0 : i.Badge
+    c == null ? void 0 : c.Badge
   ), {
-    count: a,
+    count: r,
     prefixText: p,
     text: l,
     className: S,
     dotClassName: m,
-    dot: N,
+    dot: x,
     maxCount: P,
     color: t,
     dotStyle: E,
     offset: T,
     style: B,
     status: u,
-    children: x,
+    children: y,
     ...j
-  } = g, e = r("badge"), n = { ...E || {} }, [h, y] = T || [];
-  h && (n.marginRight = -h), y && (n.marginTop = y);
+  } = g, e = n("badge"), o = { ...E || {} }, [N, h] = T || [];
+  N && (o.marginRight = -N), h && (o.marginTop = h);
   const w = () => {
-    if (R(a))
+    if (R(r))
       return /* @__PURE__ */ s(
         "span",
         {
-          className: o(`${e}-custom-dot`, m),
-          style: n,
-          children: a
+          className: a(`${e}-custom-dot`, m),
+          style: o,
+          children: r
         }
       );
     const $ = !t || O.indexOf(t) > -1 ? {} : { backgroundColor: t };
     return l && !t && !u ? /* @__PURE__ */ s(
       "span",
       {
-        className: o(`${e}-text`, m),
-        style: n,
+        className: a(`${e}-text`, m),
+        style: o,
         children: l
       }
-    ) : u || t && a <= 0 ? /* @__PURE__ */ C("span", { className: `${e}-status-wrapper`, children: [
+    ) : u || t && typeof r == "number" && r <= 0 ? /* @__PURE__ */ b("span", { className: `${e}-status-wrapper`, children: [
       !!p && /* @__PURE__ */ s("span", { className: `${e}-status-prefix-text`, children: p }),
       /* @__PURE__ */ s(
         "span",
         {
-          className: o(
+          className: a(
             `${e}-status-dot`,
             {
               [`${e}-status-${u}`]: u,
@@ -102,15 +102,15 @@ function M(d, c) {
             },
             m
           ),
-          style: { ...$, ...n }
+          style: { ...$, ...o }
         }
       ),
       !!l && /* @__PURE__ */ s("span", { className: `${e}-status-text`, children: l })
-    ] }) : (N || t) && a > 0 ? /* @__PURE__ */ s(
-      b,
+    ] }) : (x || t) && typeof r == "number" && r > 0 ? /* @__PURE__ */ s(
+      C,
       {
         classNames: "badge-zoom",
-        in: N || !!t,
+        in: x || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
@@ -118,14 +118,14 @@ function M(d, c) {
         children: /* @__PURE__ */ s(
           "span",
           {
-            className: o(
+            className: a(
               `${e}-dot`,
               {
                 [`${e}-color-${t}`]: t
               },
               m
             ),
-            style: { ...$, ...n }
+            style: { ...$, ...o }
           }
         )
       }
@@ -133,30 +133,30 @@ function M(d, c) {
       A,
       {
         prefixCls: e,
-        className: o(`${e}-number`, m),
-        style: { ...$, ...n },
+        className: a(`${e}-number`, m),
+        style: { ...$, ...o },
         maxCount: P,
-        count: a
+        count: r
       }
     );
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ b(
     "span",
     {
-      className: o(
+      className: a(
         e,
         {
           [`${e}-status`]: u,
-          [`${e}-no-children`]: !x,
+          [`${e}-no-children`]: !y,
           [`${e}-rtl`]: f
         },
         S
       ),
-      ref: c,
+      ref: i,
       style: B,
       ...j,
       children: [
-        x,
+        y,
         w()
       ]
     }

package/Breadcrumb.js

@@ -1,13 +1,13 @@
 import { jsxs as M, jsx as t } from "react/jsx-runtime";
-import v from "@unicom-cloud/icons/IconUiObliqueLine";
+import { I as v } from "./chunk/BbI3gqVr.js";
 import g, { useState as O, forwardRef as U, useContext as _ } from "react";
-import { a as q } from "./chunk/xPzFRQJn.js";
+import { b as q } from "./chunk/DUxWiN2U.js";
 import A from "./hooks/useMergeProps.js";
-import { M as V } from "./chunk/BC0PujUD.js";
-import w from "@unicom-cloud/utils/class-name";
+import { M as V } from "./chunk/BMvZCjSU.js";
+import { y as w } from "./chunk/Do1aMgY3.js";
 import { isEmptyReactNode as F } from "./utils/is.js";
 import E from "./utils/omit.js";
-import K from "@unicom-cloud/icons/IconUiDown";
+import { I as K } from "./chunk/1mEO29GP.js";
 import L from "lodash/isString";
 import W from "./Dropdown.js";
 import { pickDataAttributes as z } from "./utils/pick.js";
@@ -20,14 +20,14 @@ function x(o) {
     droplist: n,
     dropdownProps: a,
     href: f,
-    onClick: $,
+    onClick: I,
     tagName: s = "div",
     ...b
-  } = o, [y, I] = O(!1), i = L(f) ? "a" : s, u = /* @__PURE__ */ M(
+  } = o, [y, $] = O(!1), i = L(f) ? "a" : s, u = /* @__PURE__ */ M(
     i,
     {
       href: f,
-      onClick: $,
+      onClick: I,
       role: "listitem",
       style: p,
       className: w(
@@ -57,9 +57,9 @@ function x(o) {
     W,
     {
       droplist: n,
-      onVisibleChange: (N) => {
-        var C;
-        I(N), (C = a == null ? void 0 : a.onVisibleChange) == null || C.call(a, N);
+      onVisibleChange: (C) => {
+        var N;
+        $(C), (N = a == null ? void 0 : a.onVisibleChange) == null || N.call(a, C);
       },
       ...E(a, ["onVisibleChange"]),
       children: u
@@ -75,18 +75,18 @@ function J(o, l) {
     o,
     H,
     h == null ? void 0 : h.Breadcrumb
-  ), { className: a, children: f, style: $, routes: s, maxCount: b, separator: y, ...I } = n, i = p("breadcrumb"), u = "itemRender" in n ? n.itemRender : G, N = /* @__PURE__ */ t(
+  ), { className: a, children: f, style: I, routes: s, maxCount: b, separator: y, ...$ } = n, i = p("breadcrumb"), u = "itemRender" in n ? n.itemRender : G, C = /* @__PURE__ */ t(
     "span",
     {
       "aria-label": "ellipses of breadcrumb items",
       className: `${i}-item-ellipses`,
       children: "..."
     }
-  ), C = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${i}-item-separator`, children: y }), R = (r, d, e) => {
-    const m = g.cloneElement(C, {
+  ), N = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${i}-item-separator`, children: y }), R = (r, d, e) => {
+    const m = g.cloneElement(N, {
       key: `${e}_separator`
     });
-    return d > 0 ? e === 0 ? [r, m, N] : e > d ? [m, r] : null : e === 0 ? [r] : [m, r];
+    return d > 0 ? e === 0 ? [r, m, C] : e > d ? [m, r] : null : e === 0 ? [r] : [m, r];
   }, S = () => {
     const r = [], d = s.length - b;
     return s.map((e, m) => {
@@ -125,9 +125,9 @@ function J(o, l) {
     {
       role: "list",
       ref: l,
-      style: $,
+      style: I,
       className: w(i, { [`${i}-rtl`]: c }, a),
-      ...E(I, ["itemRender"]),
+      ...E($, ["itemRender"]),
       children: s && s.length ? S() : j()
     }
   );

package/Button.js

@@ -1,48 +1,48 @@
 import { jsx as f, jsxs as H, Fragment as J } from "react/jsx-runtime";
-import K from "@unicom-cloud/icons/IconUiLoading";
+import { e as K } from "./chunk/B45v5S9k.js";
 import g, { useContext as z, forwardRef as V, useState as X, useRef as Y, useEffect as Z } from "react";
-import { a as G } from "./chunk/xPzFRQJn.js";
+import { b as G } from "./chunk/DUxWiN2U.js";
 import v from "./hooks/useMergeProps.js";
-import S from "@unicom-cloud/utils/class-name";
-function tt(c, n) {
-  const { className: a, style: e, children: r, ...o } = c, { getPrefixCls: l } = z(G), d = l("btn-group"), u = S(d, a);
-  return /* @__PURE__ */ f("div", { ref: n, className: u, style: e, ...o, children: r });
+import { y as S } from "./chunk/Do1aMgY3.js";
+function tt(c, o) {
+  const { className: i, style: e, children: r, ...s } = c, { getPrefixCls: l } = z(G), d = l("btn-group"), u = S(d, i);
+  return /* @__PURE__ */ f("div", { ref: o, className: u, style: e, ...s, children: r });
 }
 const k = g.forwardRef(tt);
 k.displayName = "ButtonGroup";
 const et = /^[\u4e00-\u9fa5]{2}$/;
-function st(c) {
-  const n = [];
-  let a = !1;
+function nt(c) {
+  const o = [];
+  let i = !1;
   return g.Children.forEach(c, (e) => {
     const r = typeof e == "string" || typeof e == "number";
-    if (r && a) {
-      const o = n.length - 1, l = n[o];
-      n[o] = `${l}${e}`;
+    if (r && i) {
+      const s = o.length - 1, l = o[s];
+      o[s] = `${l}${e}`;
     } else
-      n.push(e);
-    a = r;
+      o.push(e);
+    i = r;
   }), g.Children.map(
-    n,
+    o,
     (e) => typeof e == "string" ? /* @__PURE__ */ f("span", { children: e }) : e
   );
 }
-const nt = {
+const ot = {
   htmlType: "button",
   type: "default",
   shape: "square"
 };
-function ot(c, n) {
+function st(c, o) {
   const {
-    getPrefixCls: a,
+    getPrefixCls: i,
     size: e,
     autoInsertSpaceInButton: r,
-    componentConfig: o,
+    componentConfig: s,
     rtl: l
   } = z(G), d = v(
     c,
-    nt,
-    o == null ? void 0 : o.Button
+    ot,
+    s == null ? void 0 : s.Button
   ), {
     style: u,
     className: F,
@@ -61,21 +61,21 @@ function ot(c, n) {
     iconOnly: q,
     iconSuffix: M,
     iconRight: Q,
-    onClick: $,
+    onClick: x,
     long: W,
     ...b
-  } = d, w = C ? /* @__PURE__ */ f(K, {}) : U, [x, R] = X(!1), A = Y(), i = n || A;
+  } = d, w = C ? /* @__PURE__ */ f(K, {}) : U, [y, R] = X(!1), A = Y(), a = o || A;
   Z(() => {
-    if (r && i && i.current) {
-      const s = i.current.textContent;
-      et.test(s) ? x || R(!0) : x && R(!1);
+    if (r && a && a.current) {
+      const n = a.current.textContent;
+      et.test(n) ? y || R(!0) : y && R(!1);
     }
-  }, [i.current, r]);
-  const t = a("btn"), y = B === "default" ? "secondary" : B, T = S(
+  }, [a.current, r]);
+  const t = i("btn"), $ = B === "default" ? "secondary" : B, T = S(
     t,
-    y === "text-only" && `${t}-text`,
-    `${t}-${y}`,
-    y !== "text-only" && `${t}-size-${D || e}`,
+    $ === "text-only" && `${t}-text`,
+    `${t}-${$}`,
+    $ !== "text-only" && `${t}-size-${D || e}`,
     `${t}-shape-${E}`,
     {
       [`${t}-long`]: W,
@@ -85,30 +85,30 @@ function ot(c, n) {
       [`${t}-link`]: m,
       [`${t}-icon-only`]: q || !h && h !== 0 && w,
       [`${t}-disabled`]: p,
-      [`${t}-two-chinese-chars`]: x,
+      [`${t}-two-chinese-chars`]: y,
       [`${t}-rtl`]: l
     },
     F
-  ), I = (s) => {
+  ), I = (n) => {
     if (C || p) {
-      typeof (s == null ? void 0 : s.preventDefault) == "function" && s.preventDefault();
+      typeof (n == null ? void 0 : n.preventDefault) == "function" && n.preventDefault();
       return;
     }
-    $ == null || $(s);
+    x == null || x(n);
   }, _ = /* @__PURE__ */ H(J, { children: [
     w,
-    st(h),
+    nt(h),
     Q,
     M
   ] });
   if (m) {
-    const s = { ...L };
-    return p ? delete s.href : s.href = m, /* @__PURE__ */ f(
+    const n = { ...L };
+    return p ? delete n.href : n.href = m, /* @__PURE__ */ f(
       "a",
       {
-        ref: i,
+        ref: a,
         ...b,
-        ...s,
+        ...n,
         style: u,
         className: T,
         onClick: I,
@@ -119,7 +119,7 @@ function ot(c, n) {
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: i,
+      ref: a,
       ...b,
       style: u,
       className: T,
@@ -130,7 +130,7 @@ function ot(c, n) {
     }
   );
 }
-const rt = V(ot), N = rt;
+const rt = V(st), N = rt;
 N.__PQB_BUTTON = !0;
 N.Group = k;
 N.displayName = "Button";