@unicom-cloud/ui 0.8.46 → 0.8.48

package/BackTop.js

@@ -1,18 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                          */
 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 "./config-provider/ConfigProvider.js";
-import H from "./hooks/useKeyboardEvent.js";
-import $ from "./hooks/useMergeProps.js";
-import q from "./utils/CSSTransition.js";
-import D from "@unicom-cloud/utils/class-name";
-import { on as I, off as K } from "./utils/dom.js";
-import { pickDataAttributes as O } from "./utils/pick.js";
-import U from "./utils/throttleByRaf.js";
-import { ConfigContext as j } from "./config-provider/context.js";
+import { a as H } from "./chunk/z7sBNzI4.js";
+import $ from "./hooks/useKeyboardEvent.js";
+import q from "./hooks/useMergeProps.js";
+import { P as D } from "./chunk/uUGMUxt_.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 = {
@@ -21,27 +18,27 @@ function A(d, a) {
     easing: C,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: g, componentConfig: l, rtl: b } = P(j), w = H(), t = $(
+  }, { getPrefixCls: g, componentConfig: l, rtl: b } = P(H), w = $(), t = q(
     d,
     T,
     l == null ? void 0 : l.BackTop
   ), c = g("backtop"), [h, v] = R(!1), m = (e) => e === window ? document.documentElement : e;
   S(() => {
-    var s;
-    const e = (s = t.target) == null ? void 0 : s.call(t), o = U(() => {
-      const r = t.visibleHeight, n = m(e).scrollTop;
-      v(n >= r);
+    var r;
+    const e = (r = t.target) == null ? void 0 : r.call(t), o = j(() => {
+      const s = t.visibleHeight, n = m(e).scrollTop;
+      v(n >= s);
     });
-    return I(e, "scroll", o), o(), () => {
-      var r;
-      (r = o.cancel) == null || r.call(o), K(e, "scroll", o);
+    return K(e, "scroll", o), o(), () => {
+      var s;
+      (s = o.cancel) == null || s.call(o), O(e, "scroll", o);
     };
   }, [t.target, t.visibleHeight]);
   const f = () => {
-    var r, n, u;
-    const e = (r = t.target) == null ? void 0 : r.call(t), o = m(e), s = o.scrollTop;
+    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({
-      from: { scrollTop: s },
+      from: { scrollTop: r },
       to: { scrollTop: 0 },
       easing: t.easing,
       duration: t.duration,
@@ -53,9 +50,9 @@ function A(d, a) {
   return /* @__PURE__ */ i(
     "div",
     {
-      ...O(t),
+      ...U(t),
       ref: a,
-      className: D(
+      className: I(
         `${c}`,
         { [`${c}-rtl`]: b },
         t.className
@@ -66,7 +63,7 @@ function A(d, a) {
         onPressEnter: f
       }),
       children: /* @__PURE__ */ i(
-        q,
+        D,
         {
           in: h,
           timeout: 100,
@@ -82,7 +79,7 @@ const p = E(
   A
 );
 p.displayName = "BackTop";
-const rt = B.memo(p);
+const tt = B.memo(p);
 export {
-  rt as default
+  tt as default
 };

package/Badge.js

@@ -1,15 +1,39 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                       */
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
 import R from "lodash/isPlainObject";
-import { forwardRef as q, useContext as D } from "react";
-import "./config-provider/ConfigProvider.js";
-import E from "./hooks/useMergeProps.js";
-import k from "./utils/CSSTransition.js";
+import { useState as q, forwardRef as z, useContext as D } from "react";
+import { a as I } from "./chunk/z7sBNzI4.js";
+import k from "./hooks/useMergeProps.js";
+import { P as b } from "./chunk/uUGMUxt_.js";
 import o from "@unicom-cloud/utils/class-name";
-import z from "./badge/Count.js";
-import { ConfigContext as A } from "./config-provider/context.js";
-const $ = [
+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;
+  return /* @__PURE__ */ s(
+    b,
+    {
+      classNames: "badge-zoom",
+      in: r > 0,
+      timeout: 300,
+      appear: !0,
+      mountOnEnter: !0,
+      unmountOnExit: !0,
+      onEntered: () => {
+        a(!0);
+      },
+      children: /* @__PURE__ */ s("span", { className: i, style: f, children: /* @__PURE__ */ s(
+        "span",
+        {
+          className: o({
+            [`${d}-number-text`]: g && l
+          }),
+          children: c && r > c ? `${c}+` : r
+        },
+        r
+      ) })
+    }
+  );
+}
+const O = [
   "red",
   "orangered",
   "orange",
@@ -21,72 +45,72 @@ const $ = [
   "purple",
   "magenta",
   "gray"
-], I = {
+], L = {
   count: 0,
   maxCount: 99
 };
-function L(N, y) {
-  const { getPrefixCls: C, componentConfig: m, rtl: h } = D(A), S = E(
-    N,
-    I,
-    m == null ? void 0 : m.Badge
+function M(d, c) {
+  const { getPrefixCls: r, componentConfig: i, rtl: f } = D(I), g = k(
+    d,
+    L,
+    i == null ? void 0 : i.Badge
   ), {
     count: a,
     prefixText: p,
-    text: c,
-    className: b,
-    dotClassName: n,
-    dot: u,
-    maxCount: O,
-    color: e,
-    dotStyle: P,
+    text: l,
+    className: S,
+    dotClassName: m,
+    dot: N,
+    maxCount: P,
+    color: t,
+    dotStyle: E,
     offset: T,
     style: B,
-    status: l,
-    children: d,
+    status: u,
+    children: x,
     ...j
-  } = S, t = C("badge"), r = { ...P || {} }, [f, g] = T || [];
-  f && (r.marginRight = -f), g && (r.marginTop = g);
+  } = g, e = r("badge"), n = { ...E || {} }, [h, y] = T || [];
+  h && (n.marginRight = -h), y && (n.marginTop = y);
   const w = () => {
     if (R(a))
       return /* @__PURE__ */ s(
         "span",
         {
-          className: o(`${t}-custom-dot`, n),
-          style: r,
+          className: o(`${e}-custom-dot`, m),
+          style: n,
           children: a
         }
       );
-    const i = !e || $.indexOf(e) > -1 ? {} : { backgroundColor: e };
-    return c && !e && !l ? /* @__PURE__ */ s(
+    const $ = !t || O.indexOf(t) > -1 ? {} : { backgroundColor: t };
+    return l && !t && !u ? /* @__PURE__ */ s(
       "span",
       {
-        className: o(`${t}-text`, n),
-        style: r,
-        children: c
+        className: o(`${e}-text`, m),
+        style: n,
+        children: l
       }
-    ) : l || e && a <= 0 ? /* @__PURE__ */ x("span", { className: `${t}-status-wrapper`, children: [
-      !!p && /* @__PURE__ */ s("span", { className: `${t}-status-prefix-text`, children: p }),
+    ) : u || t && a <= 0 ? /* @__PURE__ */ C("span", { className: `${e}-status-wrapper`, children: [
+      !!p && /* @__PURE__ */ s("span", { className: `${e}-status-prefix-text`, children: p }),
       /* @__PURE__ */ s(
         "span",
         {
           className: o(
-            `${t}-status-dot`,
+            `${e}-status-dot`,
             {
-              [`${t}-status-${l}`]: l,
-              [`${t}-color-${e}`]: e
+              [`${e}-status-${u}`]: u,
+              [`${e}-color-${t}`]: t
             },
-            n
+            m
           ),
-          style: { ...i, ...r }
+          style: { ...$, ...n }
         }
       ),
-      !!c && /* @__PURE__ */ s("span", { className: `${t}-status-text`, children: c })
-    ] }) : (u || e) && a > 0 ? /* @__PURE__ */ s(
-      k,
+      !!l && /* @__PURE__ */ s("span", { className: `${e}-status-text`, children: l })
+    ] }) : (N || t) && a > 0 ? /* @__PURE__ */ s(
+      b,
       {
         classNames: "badge-zoom",
-        in: u || !!e,
+        in: N || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
@@ -95,54 +119,54 @@ function L(N, y) {
           "span",
           {
             className: o(
-              `${t}-dot`,
+              `${e}-dot`,
               {
-                [`${t}-color-${e}`]: e
+                [`${e}-color-${t}`]: t
               },
-              n
+              m
             ),
-            style: { ...i, ...r }
+            style: { ...$, ...n }
           }
         )
       }
     ) : /* @__PURE__ */ s(
-      z,
+      A,
       {
-        prefixCls: t,
-        className: o(`${t}-number`, n),
-        style: { ...i, ...r },
-        maxCount: O,
+        prefixCls: e,
+        className: o(`${e}-number`, m),
+        style: { ...$, ...n },
+        maxCount: P,
         count: a
       }
     );
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ C(
     "span",
     {
       className: o(
-        t,
+        e,
         {
-          [`${t}-status`]: l,
-          [`${t}-no-children`]: !d,
-          [`${t}-rtl`]: h
+          [`${e}-status`]: u,
+          [`${e}-no-children`]: !x,
+          [`${e}-rtl`]: f
         },
-        b
+        S
       ),
-      ref: y,
+      ref: c,
       style: B,
       ...j,
       children: [
-        d,
+        x,
         w()
       ]
     }
   );
 }
-const M = q(L);
-M.displayName = "Badge";
-const Y = $, Z = ["default", "processing", "success", "warning", "error"];
+const U = z(M);
+U.displayName = "Badge";
+const X = O, Y = ["default", "processing", "success", "warning", "error"];
 export {
-  Y as COLORS,
-  Z as STATUS,
-  M as default
+  X as COLORS,
+  Y as STATUS,
+  U as default
 };

package/Breadcrumb.js

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