@unicom-cloud/ui 0.8.90 → 0.8.91

package/back-top/index.js

@@ -1,44 +1,46 @@
 import { jsx as i } from "react/jsx-runtime";
 import y from "@unicom-cloud/icons/IconUiToTop";
-import { q as x, y as B } from "../chunk/BNevupAU.js";
-import C, { forwardRef as E, useRef as N, useContext as R, useState as P, useEffect as S } from "react";
-import { a as H } from "../chunk/B44Hj5ad.js";
-import { u as $ } from "../chunk/BYdIoY50.js";
-import { u as q } from "../chunk/BFTV6myl.js";
-import { P as D } from "../chunk/NPajzdOv.js";
-import I from "@unicom-cloud/utils/class-name";
-import { on as K, off as U } from "../utils/dom.js";
-import { a as j } from "../chunk/ClqoGc3r.js";
-import A from "../utils/throttleByRaf.js";
-function M(T, m) {
+import { Tween as x } from "../dist/tween/src/tween.js";
+import { quartOut as B } from "../dist/tween/src/easing.js";
+import C, { forwardRef as E, useRef as N, useContext as R, useState as S, useEffect as q } from "react";
+import "../config-provider/ConfigProvider.js";
+import H from "../components/common/hooks/useKeyboardEvent.js";
+import P from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as $ } from "../components/common/utils/PqbCSSTransition.js";
+import D from "@unicom-cloud/utils/class-name";
+import { on as I, off as K } from "../components/common/utils/dom.js";
+import { pickDataAttributes as O } from "../components/common/utils/pick.js";
+import { throttleByRaf as U } from "../components/common/utils/throttleByRaf.js";
+import j from "../config-provider/context.js";
+function A(T, m) {
   m || (m = N());
   const g = {
     visibleHeight: 400,
     tween: !0,
-    easing: x,
+    easing: B,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: a, componentConfig: c, rtl: b } = R(H), w = $(), t = q(
+  }, { getPrefixCls: c, componentConfig: l, rtl: b } = R(j), w = H(), t = P(
     T,
     g,
-    c == null ? void 0 : c.BackTop
-  ), l = a == null ? void 0 : a("backtop"), [h, v] = P(!1), f = (e) => e === window ? document.documentElement : e;
-  S(() => {
-    var r;
-    const e = (r = t.target) == null ? void 0 : r.call(t), o = A(() => {
-      const s = t.visibleHeight, n = f(e).scrollTop;
-      v(n >= s);
+    l == null ? void 0 : l.BackTop
+  ), a = c == null ? void 0 : c("backtop"), [h, v] = S(!1), f = (e) => e === window ? document.documentElement : e;
+  q(() => {
+    var s;
+    const e = (s = t.target) == null ? void 0 : s.call(t), o = U(() => {
+      const r = t.visibleHeight, n = f(e).scrollTop;
+      v(n >= r);
     });
-    return K(e, "scroll", o), o(), () => {
-      var s;
-      (s = o.cancel) == null || s.call(o), U(e, "scroll", o);
+    return I(e, "scroll", o), o(), () => {
+      var r;
+      (r = o.cancel) == null || r.call(o), K(e, "scroll", o);
     };
   }, [t.target, t.visibleHeight]);
   const u = () => {
-    var s, n, p;
-    const e = (s = t.target) == null ? void 0 : s.call(t), o = f(e), r = o.scrollTop;
-    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new B({
-      from: { scrollTop: r },
+    var r, n, p;
+    const e = (r = t.target) == null ? void 0 : r.call(t), o = f(e), s = o.scrollTop;
+    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new x({
+      from: { scrollTop: s },
       to: { scrollTop: 0 },
       easing: t.easing,
       duration: t.duration,
@@ -50,11 +52,11 @@ function M(T, m) {
   return /* @__PURE__ */ i(
     "div",
     {
-      ...j(t),
+      ...O(t),
       ref: m,
-      className: I(
-        `${l}`,
-        { [`${l}-rtl`]: b },
+      className: D(
+        `${a}`,
+        { [`${a}-rtl`]: b },
         t.className
       ),
       style: t.style,
@@ -63,23 +65,23 @@ function M(T, m) {
         onPressEnter: u
       }),
       children: /* @__PURE__ */ i(
-        D,
+        $,
         {
           in: h,
           timeout: 100,
           classNames: "fadeIn",
           unmountOnExit: !0,
-          children: t.children || /* @__PURE__ */ i("button", { className: `${l}-button`, children: /* @__PURE__ */ i(y, {}) })
+          children: t.children || /* @__PURE__ */ i("button", { className: `${a}-button`, children: /* @__PURE__ */ i(y, {}) })
         }
       )
     }
   );
 }
 const d = E(
-  M
+  A
 );
 d.displayName = "BackTop";
-const tt = C.memo(d);
+const et = C.memo(d);
 export {
-  tt as default
+  et as default
 };

package/badge/Count.js

@@ -1,12 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { u as d } from "../chunk/VSe_Wq1g.js";
-import { P as p } from "../chunk/NPajzdOv.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useState as d } from "react";
+import p from "../components/common/hooks/usePrevious.js";
+import { PqbCSSTransition as u } from "../components/common/utils/PqbCSSTransition.js";
 import f from "@unicom-cloud/utils/class-name";
-function P({ prefixCls: t, maxCount: s, count: e, className: a, style: n }) {
-  const [o, m] = u(!1), i = d(e), l = e !== i;
-  return /* @__PURE__ */ r(
-    p,
+function S({ prefixCls: t, maxCount: r, count: e, className: n, style: a }) {
+  const [o, m] = d(!1), i = p(e), l = e !== i;
+  return /* @__PURE__ */ s(
+    u,
     {
       classNames: "badge-zoom",
       in: e > 0,
@@ -17,13 +17,13 @@ function P({ prefixCls: t, maxCount: s, count: e, className: a, style: n }) {
       onEntered: () => {
         m(!0);
       },
-      children: /* @__PURE__ */ r("span", { className: a, style: n, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ s("span", { className: n, style: a, children: /* @__PURE__ */ s(
         "span",
         {
           className: f({
             [`${t}-number-text`]: o && l
           }),
-          children: s && e > s ? `${s}+` : e
+          children: r && e > r ? `${r}+` : e
         },
         e
       ) })
@@ -31,5 +31,5 @@ function P({ prefixCls: t, maxCount: s, count: e, className: a, style: n }) {
   );
 }
 export {
-  P as default
+  S as default
 };

package/badge/index.js

@@ -1,11 +1,12 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
 import R from "lodash/isPlainObject";
 import { forwardRef as q, useContext as G } from "react";
-import { a as _ } from "../chunk/B44Hj5ad.js";
-import { u as k } from "../chunk/BFTV6myl.js";
-import { P as z } from "../chunk/NPajzdOv.js";
+import "../config-provider/ConfigProvider.js";
+import _ from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
 import a from "@unicom-cloud/utils/class-name";
 import y from "./Count.js";
+import z from "../config-provider/context.js";
 const N = [
   "red",
   "orangered",
@@ -23,31 +24,31 @@ const N = [
   maxCount: 99
 };
 function L(b, h) {
-  const { getPrefixCls: m, componentConfig: i, rtl: S } = G(_), O = k(
+  const { getPrefixCls: c, componentConfig: i, rtl: S } = G(z), O = _(
     b,
     I,
     i == null ? void 0 : i.Badge
   ), {
     count: o,
     prefixText: p,
-    text: c,
+    text: m,
     className: B,
     dotClassName: n,
     dot: d,
-    dotAnimation: P = !0,
-    maxCount: T,
-    color: s,
-    dotStyle: A,
-    offset: D,
-    style: E,
+    dotAnimation: T = !0,
+    maxCount: A,
+    color: e,
+    dotStyle: D,
+    offset: E,
+    style: P,
     status: l,
     children: f,
     ...j
-  } = O, t = m == null ? void 0 : m("badge"), r = { ...A || {} }, [g, $] = D || [];
+  } = O, t = c == null ? void 0 : c("badge"), r = { ...D || {} }, [g, $] = E || [];
   g && (r.marginRight = -g), $ && (r.marginTop = $);
   const w = () => {
     if (R(o))
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ s(
         "span",
         {
           className: a(`${t}-custom-dot`, n),
@@ -55,48 +56,48 @@ function L(b, h) {
           children: o
         }
       );
-    const u = !s || N.indexOf(s) > -1 ? {} : { backgroundColor: s };
-    return c && !s && !l ? /* @__PURE__ */ e(
+    const u = !e || N.indexOf(e) > -1 ? {} : { backgroundColor: e };
+    return m && !e && !l ? /* @__PURE__ */ s(
       "span",
       {
         className: a(`${t}-text`, n),
         style: r,
-        children: c
+        children: m
       }
-    ) : l || s && typeof o == "number" && o <= 0 ? /* @__PURE__ */ x("span", { className: `${t}-status-wrapper`, children: [
-      !!p && /* @__PURE__ */ e("span", { className: `${t}-status-prefix-text`, children: p }),
-      /* @__PURE__ */ e(
+    ) : l || e && typeof o == "number" && o <= 0 ? /* @__PURE__ */ x("span", { className: `${t}-status-wrapper`, children: [
+      !!p && /* @__PURE__ */ s("span", { className: `${t}-status-prefix-text`, children: p }),
+      /* @__PURE__ */ s(
         "span",
         {
           className: a(
             `${t}-status-dot`,
             {
-              [`${t}-status-dot-animation`]: P,
+              [`${t}-status-dot-animation`]: T,
               [`${t}-status-${l}`]: l,
-              [`${t}-color-${s}`]: s
+              [`${t}-color-${e}`]: e
             },
             n
           ),
           style: { ...u, ...r }
         }
       ),
-      !!c && /* @__PURE__ */ e("span", { className: `${t}-status-text`, children: c })
-    ] }) : (d || s) && typeof o == "number" && o > 0 ? /* @__PURE__ */ e(
-      z,
+      !!m && /* @__PURE__ */ s("span", { className: `${t}-status-text`, children: m })
+    ] }) : (d || e) && typeof o == "number" && o > 0 ? /* @__PURE__ */ s(
+      k,
       {
         classNames: "badge-zoom",
-        in: d || !!s,
+        in: d || !!e,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ s(
           "span",
           {
             className: a(
               `${t}-dot`,
               {
-                [`${t}-color-${s}`]: s
+                [`${t}-color-${e}`]: e
               },
               n
             ),
@@ -104,13 +105,13 @@ function L(b, h) {
           }
         )
       }
-    ) : /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ s(
       y,
       {
         prefixCls: t,
         className: a(`${t}-number`, n),
         style: { ...u, ...r },
-        maxCount: T,
+        maxCount: A,
         count: o
       }
     );
@@ -128,7 +129,7 @@ function L(b, h) {
         B
       ),
       ref: h,
-      style: E,
+      style: P,
       ...j,
       children: [
         f,
@@ -140,10 +141,10 @@ function L(b, h) {
 const C = q(L);
 C.displayName = "Badge";
 C.Count = y;
-const V = N, W = ["default", "processing", "success", "warning", "error"];
+const W = N, X = ["default", "processing", "success", "warning", "error"];
 export {
-  V as BADGE_COLORS,
-  W as BADGE_STATUS,
+  W as BADGE_COLORS,
+  X as BADGE_STATUS,
   y as BadgeCount,
   C as default
 };

package/breadcrumb/Item.js

@@ -4,8 +4,8 @@ import V from "lodash/isString";
 import { useState as $ } from "react";
 import x from "../dropdown/index.js";
 import n from "@unicom-cloud/utils/class-name";
-import { o as D } from "../chunk/BKKEev13.js";
-import { a as I } from "../chunk/ClqoGc3r.js";
+import { omit as D } from "../components/common/utils/omit.js";
+import { pickDataAttributes as I } from "../components/common/utils/pick.js";
 function j(l) {
   const {
     children: c,
@@ -18,7 +18,7 @@ function j(l) {
     onClick: f,
     tagName: h = "div",
     ...N
-  } = l, [u, b] = $(!1), g = V(m) ? "a" : h, a = /* @__PURE__ */ C(
+  } = l, [u, b] = $(!1), g = V(m) ? "a" : h, r = /* @__PURE__ */ C(
     g,
     {
       href: m,
@@ -52,14 +52,14 @@ function j(l) {
     x,
     {
       droplist: t,
-      onVisibleChange: (r) => {
+      onVisibleChange: (a) => {
         var s;
-        b(r), (s = e == null ? void 0 : e.onVisibleChange) == null || s.call(e, r);
+        b(a), (s = e == null ? void 0 : e.onVisibleChange) == null || s.call(e, a);
       },
       ...D(e, ["onVisibleChange"]),
-      children: a
+      children: r
     }
-  ) : a;
+  ) : r;
 }
 j.displayName = "BreadcrumbItem";
 export {

package/breadcrumb/index.js

@@ -1,18 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiObliqueLine";
 import i, { forwardRef as _, useContext as k } from "react";
-import { a as q } from "../chunk/B44Hj5ad.js";
-import { u as v } from "../chunk/BFTV6myl.js";
-import { M as N } from "../chunk/CkEaf5V0.js";
-import F from "@unicom-cloud/utils/class-name";
-import { c as K } from "../chunk/ClM74To2.js";
-import { o as L } from "../chunk/BKKEev13.js";
+import "../config-provider/ConfigProvider.js";
+import q from "../components/common/hooks/useMergeProps.js";
+import N from "../menu/Menu.js";
+import v from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as F } from "../components/common/utils/is.js";
+import { omit as K } from "../components/common/utils/omit.js";
 import C from "./Item.js";
+import L from "../config-provider/context.js";
 const P = (o, l, c) => l.indexOf(o) === l.length - 1 ? /* @__PURE__ */ t("span", { children: o.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${c.join("/").replace(/^\//, "")}`, children: o.breadcrumbName }), U = {
   separator: /* @__PURE__ */ t(S, {})
 };
 function V(o, l) {
-  const { getPrefixCls: c, componentConfig: p, rtl: I } = k(q), d = v(
+  const { getPrefixCls: c, componentConfig: p, rtl: I } = k(L), d = q(
     o,
     U,
     p == null ? void 0 : p.Breadcrumb
@@ -23,38 +24,38 @@ function V(o, l) {
       className: `${s}-item-ellipses`,
       children: "..."
     }
-  ), M = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), b = (r, m, e) => {
-    const a = i.cloneElement(M, {
-      key: `${e}_separator`
+  ), j = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: $ }), b = (e, m, r) => {
+    const a = i.cloneElement(j, {
+      key: `${r}_separator`
     });
-    return m > 0 ? e === 0 ? [r, a, x] : e > m ? [a, r] : null : e === 0 ? [r] : [a, r];
-  }, j = () => {
-    const r = [], m = n.length - h;
-    return n.map((e, a) => {
-      r.push((e.path || "").replace(/^\//, ""));
-      const O = e.children ? /* @__PURE__ */ t(N, { children: e.children.map((u) => /* @__PURE__ */ t(N.Item, { children: f(u, n, r) }, u.path || u.breadcrumbName)) }) : null;
+    return m > 0 ? r === 0 ? [e, a, x] : r > m ? [a, e] : null : r === 0 ? [e] : [a, e];
+  }, w = () => {
+    const e = [], m = n.length - h;
+    return n.map((r, a) => {
+      e.push((r.path || "").replace(/^\//, ""));
+      const O = r.children ? /* @__PURE__ */ t(N, { children: r.children.map((u) => /* @__PURE__ */ t(N.Item, { children: f(u, n, e) }, u.path || u.breadcrumbName)) }) : null;
       return b(
         /* @__PURE__ */ t(
           C,
           {
             prefixCls: s,
             droplist: O,
-            children: f(e, n, r)
+            children: f(r, n, e)
           },
-          e.path || e.breadcrumbName
+          r.path || r.breadcrumbName
         ),
         m,
         a
       );
     });
-  }, w = () => {
-    const r = [];
-    i.Children.forEach(y, (e) => {
-      K(e) || r.push(e);
+  }, M = () => {
+    const e = [];
+    i.Children.forEach(y, (r) => {
+      F(r) || e.push(r);
     });
-    const m = r.length - h;
-    return i.Children.map(r, (e, a) => b(
-      i.cloneElement(e, {
+    const m = e.length - h;
+    return i.Children.map(e, (r, a) => b(
+      i.cloneElement(r, {
         prefixCls: s
       }),
       m,
@@ -67,9 +68,9 @@ function V(o, l) {
       role: "list",
       ref: l,
       style: R,
-      className: F(s, { [`${s}-rtl`]: I }, g),
-      ...L(E, ["itemRender"]),
-      children: n && n.length ? j() : w()
+      className: v(s, { [`${s}-rtl`]: I }, g),
+      ...K(E, ["itemRender"]),
+      children: n && n.length ? w() : M()
     }
   );
 }

package/button/Group.js

@@ -1,12 +1,13 @@
 import { jsx as p } from "react/jsx-runtime";
-import f, { useContext as i } from "react";
-import { a as l } from "../chunk/B44Hj5ad.js";
-import u from "@unicom-cloud/utils/class-name";
-function N(s, t) {
-  const { className: r, style: a, children: e, ...n } = s, { getPrefixCls: o } = i(l), m = o == null ? void 0 : o("btn-group"), c = u(m, r);
-  return /* @__PURE__ */ p("div", { ref: t, className: c, style: a, ...n, children: e });
+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 N(t, s) {
+  const { className: r, style: e, children: a, ...m } = t, { getPrefixCls: o } = f(u), n = o == null ? void 0 : o("btn-group"), c = l(n, r);
+  return /* @__PURE__ */ p("div", { ref: s, className: c, style: e, ...m, children: a });
 }
-const d = f.forwardRef(N);
+const d = i.forwardRef(N);
 d.displayName = "ButtonGroup";
 export {
   d as default

package/button/index.js

@@ -1,10 +1,11 @@
 import { jsx as l, jsxs as A, Fragment as M } from "react/jsx-runtime";
 import Q from "@unicom-cloud/icons/IconUiLoading";
 import _, { forwardRef as W, useContext as Y, useState as H, useRef as J, useEffect as K } from "react";
-import { a as V } from "../chunk/B44Hj5ad.js";
-import { u as X } from "../chunk/BFTV6myl.js";
-import Z from "@unicom-cloud/utils/class-name";
-import v from "./Group.js";
+import "../config-provider/ConfigProvider.js";
+import V from "../components/common/hooks/useMergeProps.js";
+import X from "@unicom-cloud/utils/class-name";
+import Z from "./Group.js";
+import v from "../config-provider/context.js";
 const tt = /^[\u4e00-\u9fa5]{2}$/;
 function et(u) {
   const o = [];
@@ -34,7 +35,7 @@ function ot(u, o) {
     autoInsertSpaceInButton: i,
     componentConfig: r,
     rtl: f
-  } = Y(V), I = X(
+  } = Y(v), I = V(
     u,
     nt,
     r == null ? void 0 : r.Button
@@ -66,7 +67,7 @@ function ot(u, o) {
       tt.test(e) ? C || w(!0) : C && w(!1);
     }
   }, [a.current, i]);
-  const t = s == null ? void 0 : s("btn"), $ = g === "default" ? "secondary" : g, P = Z(
+  const t = s == null ? void 0 : s("btn"), $ = g === "default" ? "secondary" : g, P = X(
     t,
     $ === "text-only" && `${t}-text`,
     `${t}-${$}`,
@@ -127,9 +128,9 @@ function ot(u, o) {
 }
 const st = W(ot), y = st;
 y.__PQB_BUTTON = !0;
-y.Group = v;
+y.Group = Z;
 y.displayName = "Button";
-const pt = [
+const dt = [
   "default",
   "primary",
   "secondary",
@@ -137,10 +138,10 @@ const pt = [
   "text",
   "text-only",
   "outline"
-], dt = ["warning", "danger", "success", "processing", "default"];
+], ht = ["warning", "danger", "success", "processing", "default"];
 export {
-  dt as BUTTON_STATUS,
-  pt as BUTTON_TYPE,
-  v as ButtonGroup,
+  ht as BUTTON_STATUS,
+  dt as BUTTON_TYPE,
+  Z as ButtonGroup,
   y as default
 };