@unicom-cloud/ui 0.8.44 → 0.8.46

package/Avatar.js

@@ -1,157 +1,12 @@
-import "./chunk/C6Kfwj0f.js";
-import "./Trigger.js";
-import "./Tooltip.js";
-import "./chunk/RnTpOC5-.js";
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
-import w from "lodash/isNumber";
-import S, { createContext as q, forwardRef as W, useContext as I, useRef as k, useEffect as M, useImperativeHandle as V } from "react";
-import { a as j } from "./chunk/Dr0iXIXO.js";
-import E from "@unicom-cloud/utils/class-name";
-import X from "./hooks/useMergeProps.js";
-import B from "./Popover.js";
-const b = q({}), D = {
-  shape: "circle",
-  autoFixFontSize: !0,
-  triggerType: "button"
-}, R = W(
-  (g, N) => {
-    const { getPrefixCls: $, componentConfig: n, rtl: h } = I(j), e = $("avatar"), v = I(b), P = {
-      ...D,
-      ...n == null ? void 0 : n.Avatar,
-      ...v,
-      ...g
-    }, {
-      className: z,
-      shape: i,
-      size: o,
-      children: c,
-      autoFixFontSize: A,
-      triggerIcon: r,
-      triggerIconStyle: l,
-      triggerType: x,
-      onClick: F,
-      ...p
-    } = P, m = { ...v.style, ...g.style }, s = k(null), u = k(null);
-    M(() => {
-      A && d();
-    }, [o, c]), V(N, () => u.current);
-    function d() {
-      if (s.current) {
-        const L = s.current.clientWidth, G = g.size || u.current.offsetWidth, _ = G / (L + 8);
-        G && _ < 1 && (s.current.style.transform = `scale(${_}) translateX(-50%)`);
-      }
-    }
-    const f = E(
-      e,
-      `${e}-${i}`,
-      {
-        [`${e}-with-trigger-icon`]: r,
-        [`${e}-rtl`]: h
-      },
-      z
-    ), t = S.Children.toArray(c), y = t.length === 1 && S.isValidElement(t[0]) && (t[0].type === "img" || t[0].type === "picture"), C = l || {};
-    return x === "button" && (!l || l && !l.color) && m && m.backgroundColor && (C.color = m.backgroundColor), /* @__PURE__ */ T(
-      "div",
-      {
-        ref: u,
-        onClick: F,
-        ...p,
-        style: {
-          width: o,
-          height: o,
-          fontSize: w(o) ? o / 2 : "",
-          ...m
-        },
-        className: f,
-        children: [
-          y ? /* @__PURE__ */ a("span", { className: `${e}-image`, children: c }) : null,
-          !y && /* @__PURE__ */ a("span", { ref: s, className: `${e}-text`, children: c }),
-          r && /* @__PURE__ */ a(
-            "div",
-            {
-              className: `${e}-trigger-icon-${x}`,
-              style: C,
-              children: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-R.displayName = "Avatar";
-const J = {
-  shape: "circle",
-  autoFixFontSize: !0
-};
-function K(g, N) {
-  const { getPrefixCls: $, componentConfig: n, rtl: h } = I(j), e = X(
-    g,
-    J,
-    n == null ? void 0 : n["Avatar.Group"]
-  ), {
-    className: v,
-    style: P,
-    children: z,
-    size: i,
-    shape: o,
-    autoFixFontSize: c,
-    zIndexAscend: A,
-    maxCount: r,
-    maxStyle: l,
-    maxPopoverTriggerProps: x,
-    ...F
-  } = e, p = $("avatar-group"), m = E(
-    p,
-    {
-      [`${p}-rtl`]: h
-    },
-    v
-  ), s = S.Children.toArray(z), u = s.length;
-  let d = s;
-  if (w(r) && r >= 0 && u > r) {
-    const f = s.slice(r);
-    d = s.slice(0, r), d.push(
-      /* @__PURE__ */ a(
-        R,
-        {
-          style: l,
-          className: `${p}-max-count-avatar`,
-          children: /* @__PURE__ */ T(
-            B,
-            {
-              triggerProps: x,
-              content: /* @__PURE__ */ a(b.Provider, { value: { size: i, shape: o, autoFixFontSize: c }, children: /* @__PURE__ */ a("div", { className: `${p}-popover`, children: f }) }),
-              children: [
-                "+",
-                f.length
-              ]
-            }
-          )
-        },
-        "_pqb_avatar_group_popup"
-      )
-    );
-  }
-  return /* @__PURE__ */ a("div", { ref: N, style: P, className: m, ...F, children: d.map((f, t) => {
-    const y = h ? t === d.length - 1 : t === 0, C = {
-      zIndex: A ? t + 1 : u - t,
-      marginLeft: i ? y ? 0 : -i / 4 : ""
-    };
-    return /* @__PURE__ */ a(
-      b.Provider,
-      {
-        value: { size: i, shape: o, autoFixFontSize: c, style: C },
-        children: f
-      },
-      t
-    );
-  }) });
-}
-const H = W(K);
-H.displayName = "AvatarGroup";
-const O = R;
-O.Group = H;
+/* empty css                 */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                        */
+import o from "./avatar/Avatar.js";
+import r from "./avatar/Group.js";
+const t = o;
+t.Group = r;
 export {
-  O as default
+  t as default
 };

package/BackTop.js

@@ -1,43 +1,46 @@
 import { jsx as i } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
+/* empty css                 */
+/* empty css                          */
 import x from "@unicom-cloud/icons/IconUiToTop";
-import { CSSTransition as C } from "@unicom-cloud/react-transition-group";
-import { quartOut as y, Tween as B } from "@unicom-cloud/utils/tween";
-import E, { forwardRef as N, useContext as P, useState as R, useEffect as S } from "react";
-import { a as H } from "./chunk/Dr0iXIXO.js";
-import $ from "./hooks/useKeyboardEvent.js";
-import D from "./hooks/useMergeProps.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 q(p, d) {
+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";
+function A(d, a) {
+  a || (a = N());
   const T = {
     visibleHeight: 400,
     tween: !0,
-    easing: y,
+    easing: C,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: g, componentConfig: l, rtl: w } = P(H), b = $(), t = D(
-    p,
+  }, { getPrefixCls: g, componentConfig: l, rtl: b } = P(j), w = H(), t = $(
+    d,
     T,
     l == null ? void 0 : l.BackTop
-  ), c = g("backtop"), [h, v] = R(!1), a = (e) => e === window ? document.documentElement : e;
+  ), 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 = j(() => {
-      const r = t.visibleHeight, n = a(e).scrollTop;
+    const e = (s = t.target) == null ? void 0 : s.call(t), o = U(() => {
+      const r = t.visibleHeight, n = m(e).scrollTop;
       v(n >= r);
     });
-    return K(e, "scroll", o), o(), () => {
+    return I(e, "scroll", o), o(), () => {
       var r;
-      (r = o.cancel) == null || r.call(o), O(e, "scroll", o);
+      (r = o.cancel) == null || r.call(o), K(e, "scroll", o);
     };
   }, [t.target, t.visibleHeight]);
-  const m = () => {
-    var r, n, f;
-    const e = (r = t.target) == null ? void 0 : r.call(t), o = a(e), s = o.scrollTop;
-    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new B({
+  const f = () => {
+    var r, n, u;
+    const e = (r = t.target) == null ? void 0 : r.call(t), o = m(e), s = o.scrollTop;
+    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new y({
       from: { scrollTop: s },
       to: { scrollTop: 0 },
       easing: t.easing,
@@ -45,25 +48,25 @@ function q(p, d) {
       onUpdate: (k) => {
         o.scrollTop = k.scrollTop;
       }
-    }).start(), (f = t.onClick) == null || f.call(t);
+    }).start(), (u = t.onClick) == null || u.call(t);
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      ...U(t),
-      ref: d,
-      className: I(
+      ...O(t),
+      ref: a,
+      className: D(
         `${c}`,
-        { [`${c}-rtl`]: w },
+        { [`${c}-rtl`]: b },
         t.className
       ),
       style: t.style,
-      onClick: m,
-      ...b({
-        onPressEnter: m
+      onClick: f,
+      ...w({
+        onPressEnter: f
       }),
       children: /* @__PURE__ */ i(
-        C,
+        q,
         {
           in: h,
           timeout: 100,
@@ -75,11 +78,11 @@ function q(p, d) {
     }
   );
 }
-const u = N(
-  q
+const p = E(
+  A
 );
-u.displayName = "BackTop";
-const tt = E.memo(u);
+p.displayName = "BackTop";
+const rt = B.memo(p);
 export {
-  tt as default
+  rt as default
 };

package/Badge.js

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