@unicom-cloud/ui 0.8.96 → 0.8.98

package/avatar/Avatar.js

@@ -1,6 +1,6 @@
-import { jsxs as j, jsx as u } from "react/jsx-runtime";
-import E from "lodash/isNumber";
-import N, { forwardRef as H, useContext as $, useRef as v, useImperativeHandle as P, useEffect as T } from "react";
+import { jsxs as W, jsx as m } from "react/jsx-runtime";
+import j from "lodash/isNumber";
+import x, { forwardRef as E, useContext as y, useRef as C, useImperativeHandle as H, useEffect as T } from "react";
 import "../config-provider/ConfigProvider.js";
 import D from "@unicom-cloud/utils/class-name";
 import L from "./context.js";
@@ -9,68 +9,68 @@ const O = {
   shape: "circle",
   autoFixFontSize: !0,
   triggerType: "button"
-}, V = H(
-  (i, z) => {
-    const { getPrefixCls: c, componentConfig: l, rtl: C } = $(M), t = c == null ? void 0 : c("avatar"), d = $(L), F = {
+}, V = E(
+  (i, N) => {
+    const { getPrefixCls: $, componentConfig: v, rtl: z } = y(M), t = $?.("avatar"), f = y(L), F = {
       ...O,
-      ...l == null ? void 0 : l.Avatar,
-      ...d,
+      ...v?.Avatar,
+      ...f,
       ...i
     }, {
       className: R,
       shape: S,
       size: e,
-      children: o,
+      children: r,
       autoFixFontSize: b,
-      triggerIcon: m,
-      triggerIconStyle: s,
+      triggerIcon: a,
+      triggerIconStyle: o,
       triggerType: g,
       onClick: A,
       ...I
-    } = F, r = { ...d.style, ...i.style }, a = v(), f = v();
-    function k() {
-      if (a.current) {
-        const W = a.current.clientWidth, x = i.size || f.current.offsetWidth, y = x / (W + 8);
-        x && y < 1 && (a.current.style.transform = `scale(${y}) translateX(-50%)`);
+    } = F, c = { ...f.style, ...i.style }, s = C(), l = C();
+    function P() {
+      if (s.current) {
+        const w = s.current.clientWidth, p = i.size || l.current.offsetWidth, h = p / (w + 8);
+        p && h < 1 && (s.current.style.transform = `scale(${h}) translateX(-50%)`);
       }
     }
-    const w = D(
+    const k = D(
       t,
       `${t}-${S}`,
       {
-        [`${t}-with-trigger-icon`]: m,
-        [`${t}-rtl`]: C
+        [`${t}-with-trigger-icon`]: a,
+        [`${t}-rtl`]: z
       },
       R
-    ), n = N.Children.toArray(o), p = n.length === 1 && N.isValidElement(n[0]) && (n[0].type === "img" || n[0].type === "picture"), h = s || {};
-    return g === "button" && (!s || s && !s.color) && (r != null && r.backgroundColor) && (h.color = r.backgroundColor), P(z, () => ({
+    ), n = x.Children.toArray(r), u = n.length === 1 && x.isValidElement(n[0]) && (n[0].type === "img" || n[0].type === "picture"), d = o || {};
+    return g === "button" && (!o || o && !o.color) && c?.backgroundColor && (d.color = c.backgroundColor), H(N, () => ({
       getRootDOMNode() {
-        return f.current;
+        return l.current;
       }
     })), T(() => {
-      b && k();
-    }, [e, o]), /* @__PURE__ */ j(
+      b && P();
+    }, [e, r]), /* @__PURE__ */ W(
       "div",
       {
-        ref: f,
+        ref: l,
         onClick: A,
         ...I,
         style: {
           width: e,
           height: e,
-          fontSize: E(e) ? e / 2 : "",
-          ...r
+          fontSize: j(e) ? e / 2 : "",
+          ...c
         },
-        className: w,
+        className: k,
         children: [
-          p ? /* @__PURE__ */ u("span", { className: `${t}-image`, children: o }) : null,
-          !p && /* @__PURE__ */ u("span", { ref: a, className: `${t}-text`, children: o }),
-          m && /* @__PURE__ */ u(
+          u ? /* @__PURE__ */ m("span", { className: `${t}-image`, children: r }) : null,
+          !u && /* @__PURE__ */ m("span", { ref: s, className: `${t}-text`, children: r }),
+          a && /* @__PURE__ */ m(
             "div",
             {
               className: `${t}-trigger-icon-${g}`,
-              style: h,
-              children: m
+              style: d,
+              children: a
             }
           )
         ]

package/avatar/Group.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import $ from "lodash/isNumber";
 import I, { forwardRef as R, useContext as b } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -6,50 +6,50 @@ import j from "../components/common/hooks/useMergeProps.js";
 import T from "../popover/index.js";
 import k from "@unicom-cloud/utils/class-name";
 import q from "./Avatar.js";
-import d from "./context.js";
+import u from "./context.js";
 import w from "../config-provider/context.js";
 const L = {
   shape: "circle",
   autoFixFontSize: !0
 };
-function M(f, h) {
-  const { getPrefixCls: c, componentConfig: i, rtl: l } = b(w), g = j(
-    f,
+function M(v, f) {
+  const { getPrefixCls: d, componentConfig: h, rtl: i } = b(w), g = j(
+    v,
     L,
-    i == null ? void 0 : i["Avatar.Group"]
+    h?.["Avatar.Group"]
   ), {
     className: x,
-    style: N,
-    children: A,
+    style: C,
+    children: P,
     size: e,
-    shape: m,
-    autoFixFontSize: u,
-    zIndexAscend: C,
+    shape: c,
+    autoFixFontSize: l,
+    zIndexAscend: N,
     maxCount: r,
-    maxStyle: P,
+    maxStyle: A,
     maxPopoverTriggerProps: y,
     ...z
-  } = g, a = c == null ? void 0 : c("avatar-group"), F = k(
+  } = g, a = d?.("avatar-group"), F = k(
     a,
     {
-      [`${a}-rtl`]: l
+      [`${a}-rtl`]: i
     },
     x
-  ), s = I.Children.toArray(A), v = s.length;
+  ), s = I.Children.toArray(P), m = s.length;
   let n = s;
-  if ($(r) && r >= 0 && v > r) {
+  if ($(r) && r >= 0 && m > r) {
     const p = s.slice(r);
     n = s.slice(0, r), n.push(
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ t(
         q,
         {
-          style: P,
+          style: A,
           className: `${a}-max-count-avatar`,
           children: /* @__PURE__ */ _(
             T,
             {
               triggerProps: y,
-              content: /* @__PURE__ */ o(d.Provider, { value: { size: e, shape: m, autoFixFontSize: u }, children: /* @__PURE__ */ o("div", { className: `${a}-popover`, children: p }) }),
+              content: /* @__PURE__ */ t(u.Provider, { value: { size: e, shape: c, autoFixFontSize: l }, children: /* @__PURE__ */ t("div", { className: `${a}-popover`, children: p }) }),
               children: [
                 "+",
                 p.length
@@ -61,18 +61,18 @@ function M(f, h) {
       )
     );
   }
-  return /* @__PURE__ */ o("div", { ref: h, style: N, className: F, ...z, children: n.map((p, t) => {
-    const G = l ? t === n.length - 1 : t === 0, S = {
-      zIndex: C ? t + 1 : v - t,
+  return /* @__PURE__ */ t("div", { ref: f, style: C, className: F, ...z, children: n.map((p, o) => {
+    const G = i ? o === n.length - 1 : o === 0, S = {
+      zIndex: N ? o + 1 : m - o,
       marginLeft: e ? G ? 0 : -e / 4 : ""
     };
-    return /* @__PURE__ */ o(
-      d.Provider,
+    return /* @__PURE__ */ t(
+      u.Provider,
       {
-        value: { size: e, shape: m, autoFixFontSize: u, style: S },
+        value: { size: e, shape: c, autoFixFontSize: l, style: S },
         children: p
       },
-      t
+      o
     );
   }) });
 }

package/back-top/index.js

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

package/badge/index.js

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

package/breadcrumb/Item.js

@@ -1,67 +1,66 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import w from "@unicom-cloud/icons/IconUiDown";
-import V from "lodash/isString";
-import { useState as $ } from "react";
-import x from "../dropdown/index.js";
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+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 D } from "../components/common/utils/omit.js";
-import { pickDataAttributes as I } from "../components/common/utils/pick.js";
-function j(l) {
+import { omit as x } from "../components/common/utils/omit.js";
+import { pickDataAttributes as D } from "../components/common/utils/pick.js";
+function I(a) {
   const {
-    children: c,
-    style: d,
-    className: p,
-    prefixCls: i,
-    droplist: t,
-    dropdownProps: e,
-    href: m,
-    onClick: f,
-    tagName: h = "div",
-    ...N
-  } = l, [u, b] = $(!1), g = V(m) ? "a" : h, r = /* @__PURE__ */ C(
-    g,
+    children: d,
+    style: p,
+    className: l,
+    prefixCls: o,
+    droplist: e,
+    dropdownProps: r,
+    href: t,
+    onClick: c,
+    tagName: f = "div",
+    ...h
+  } = a, [w, N] = V(!1), u = C(t) ? "a" : f, m = /* @__PURE__ */ b(
+    u,
     {
-      href: m,
-      onClick: f,
+      href: t,
+      onClick: c,
       role: "listitem",
-      style: d,
+      style: p,
       className: n(
-        `${i}-item`,
+        `${o}-item`,
         {
-          [`${i}-item-with-dropdown`]: t
+          [`${o}-item-with-dropdown`]: e
         },
-        p
+        l
       ),
-      ...I(N),
+      ...D(h),
       children: [
-        c,
-        t && /* @__PURE__ */ o(
+        d,
+        e && /* @__PURE__ */ i(
           "span",
           {
             "aria-hidden": !0,
-            className: n(`${i}-item-dropdown-icon`, {
-              [`${i}-item-dropdown-icon-active`]: u
+            className: n(`${o}-item-dropdown-icon`, {
+              [`${o}-item-dropdown-icon-active`]: w
             }),
-            children: /* @__PURE__ */ o(w, {})
+            children: /* @__PURE__ */ i(g, {})
           }
         )
       ]
     }
   );
-  return t ? /* @__PURE__ */ o(
-    x,
+  return e ? /* @__PURE__ */ i(
+    $,
     {
-      droplist: t,
-      onVisibleChange: (a) => {
-        var s;
-        b(a), (s = e == null ? void 0 : e.onVisibleChange) == null || s.call(e, a);
+      droplist: e,
+      onVisibleChange: (s) => {
+        N(s), r?.onVisibleChange?.(s);
       },
-      ...D(e, ["onVisibleChange"]),
-      children: r
+      ...x(r, ["onVisibleChange"]),
+      children: m
     }
-  ) : r;
+  ) : m;
 }
-j.displayName = "BreadcrumbItem";
+I.displayName = "BreadcrumbItem";
 export {
-  j as default
+  I as default
 };