@unicom-cloud/ui 0.8.46 → 0.8.48

package/Affix.js

@@ -3,17 +3,15 @@ import w from "lodash/isFunction";
 import q from "lodash/isPlainObject";
 import v from "lodash/isUndefined";
 import { forwardRef as G, useContext as J, useState as K, useRef as h, useCallback as Q, useEffect as p, useImperativeHandle as V } from "react";
-/* empty css                 */
-import "./config-provider/ConfigProvider.js";
-import X from "./hooks/useIsomorphicLayoutEffect.js";
-import Y from "./hooks/useMergeProps.js";
+import { a as X } from "./chunk/z7sBNzI4.js";
+import Y from "./hooks/useIsomorphicLayoutEffect.js";
+import Z from "./hooks/useMergeProps.js";
 import P from "@unicom-cloud/utils/class-name";
 import { on as E, off as C } from "./utils/dom.js";
-import { isWindow as Z } from "./utils/is.js";
-import O from "./utils/throttleByRaf.js";
-import { ConfigContext as tt } from "./config-provider/context.js";
+import { isWindow as O } from "./utils/is.js";
+import tt from "./utils/throttleByRaf.js";
 function et(l) {
-  return Z(l) ? {
+  return O(l) ? {
     top: 0,
     bottom: window.innerHeight
   } : l.getBoundingClientRect();
@@ -22,8 +20,8 @@ const ot = {
   offsetTop: 0,
   target: () => window
 };
-function rt(l, U) {
-  const { getPrefixCls: b, componentConfig: d, rtl: B } = J(tt), H = Y(
+function st(l, U) {
+  const { getPrefixCls: b, componentConfig: d, rtl: B } = J(X), H = Z(
     l,
     ot,
     d == null ? void 0 : d.Affix
@@ -32,7 +30,7 @@ function rt(l, U) {
     style: _,
     affixClassName: j,
     affixStyle: N,
-    offsetTop: u,
+    offsetTop: a,
     offsetBottom: n,
     target: i,
     targetContainer: f,
@@ -47,8 +45,8 @@ function rt(l, U) {
   }), { isFixed: g, sizeStyles: $, fixedStyles: k } = S, F = h(g), T = b("affix"), z = P(
     { [T]: g, [`${T}-rtl`]: B },
     j
-  ), o = h(null), r = h(null), e = Q(
-    O(() => {
+  ), o = h(null), s = h(null), e = Q(
+    tt(() => {
       A({
         status: "MEASURE_START",
         isFixed: !1,
@@ -58,39 +56,39 @@ function rt(l, U) {
     }),
     []
   );
-  return X(() => {
+  return Y(() => {
     const { status: t } = S;
-    if (t !== "MEASURE_START" || !o.current || !r.current)
+    if (t !== "MEASURE_START" || !o.current || !s.current)
       return;
-    const a = v(n) ? "top" : "bottom", c = o.current.getBoundingClientRect(), m = et(r.current);
-    let s = !1, y = {};
-    a === "top" ? (s = c.top - m.top < (u || 0), y = s ? {
+    const u = v(n) ? "top" : "bottom", c = o.current.getBoundingClientRect(), m = et(s.current);
+    let r = !1, y = {};
+    u === "top" ? (r = c.top - m.top < (a || 0), y = r ? {
       position: "fixed",
-      top: m.top + (u || 0)
-    } : {}) : (s = m.bottom - c.bottom < (n || 0), y = s ? {
+      top: m.top + (a || 0)
+    } : {}) : (r = m.bottom - c.bottom < (n || 0), y = r ? {
       position: "fixed",
       bottom: window.innerHeight - m.bottom + (n || 0)
     } : {});
-    const M = s ? {
+    const M = r ? {
       width: o.current.offsetWidth,
       height: o.current.offsetHeight
     } : {};
     A({
       status: "MEASURE_DONE",
-      isFixed: s,
+      isFixed: r,
       sizeStyles: M,
       fixedStyles: { ...y, ...M }
-    }), s !== F.current && (F.current = s, w(x) && x(s));
-  }, [S, n, u, x]), p(() => {
+    }), r !== F.current && (F.current = r, w(x) && x(r));
+  }, [S, n, a, x]), p(() => {
     e();
-  }, [i, f, n, u, e]), p(() => {
-    if (r.current = i && w(i) ? i() : null, r.current)
-      return E(r.current, "scroll", e), E(r.current, "resize", e), () => {
-        C(r.current, "scroll", e), C(r.current, "resize", e);
+  }, [i, f, n, a, e]), p(() => {
+    if (s.current = i && w(i) ? i() : null, s.current)
+      return E(s.current, "scroll", e), E(s.current, "resize", e), () => {
+        C(s.current, "scroll", e), C(s.current, "resize", e);
       };
   }, [i, e]), p(() => {
     const t = f && w(f) ? f() : null;
-    if (r.current !== window && t)
+    if (s.current !== window && t)
       return E(t, "scroll", e), () => {
         C(t, "scroll", e);
       };
@@ -100,8 +98,8 @@ function rt(l, U) {
   })), p(() => {
     let t;
     return o.current && (t = new ResizeObserver(e), t.observe(o.current)), () => {
-      var a, c;
-      o.current && ((a = t == null ? void 0 : t.unobserve) == null || a.call(t, o.current)), (c = t == null ? void 0 : t.disconnect) == null || c.call(t), t = null;
+      var u, c;
+      o.current && ((u = t == null ? void 0 : t.unobserve) == null || u.call(t, o.current)), (c = t == null ? void 0 : t.disconnect) == null || c.call(t), t = null;
     };
   }, [o.current]), /* @__PURE__ */ L("div", { className: P(I), style: _, ref: o, ...W, children: [
     g && /* @__PURE__ */ R("div", { style: $ }),
@@ -118,10 +116,10 @@ function rt(l, U) {
     )
   ] });
 }
-const st = G(
-  rt
+const rt = G(
+  st
 );
-st.displayName = "Affix";
+rt.displayName = "Affix";
 export {
-  st as default
+  rt as default
 };

package/Alert.js

@@ -1,24 +1,21 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                       */
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import j from "@unicom-cloud/icons/IconUiClose";
 import k from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import R from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import T from "@unicom-cloud/icons/IconUiInfoCircleFill";
 import { forwardRef as q, useRef as z, useContext as H, useState as M } from "react";
-import "./config-provider/ConfigProvider.js";
-import O from "./hooks/useMergeProps.js";
-import V from "@unicom-cloud/utils/class-name";
-import _ from "./utils/CSSTransition.js";
-import { ConfigContext as B } from "./config-provider/context.js";
+import { a as O } from "./chunk/z7sBNzI4.js";
+import V from "./hooks/useMergeProps.js";
+import _ from "@unicom-cloud/utils/class-name";
+import { P as B } from "./chunk/uUGMUxt_.js";
 const D = {
   showIcon: !0,
   type: "info"
 };
 function G(d, l) {
   l || (l = z());
-  const { getPrefixCls: h, componentConfig: o, rtl: C } = H(B), c = O(
+  const { getPrefixCls: h, componentConfig: o, rtl: C } = H(O), c = V(
     d,
     D,
     o == null ? void 0 : o.Alert
@@ -28,21 +25,21 @@ function G(d, l) {
     action: a,
     type: m = "info",
     title: r,
-    content: p,
-    icon: u,
+    content: u,
+    icon: f,
     showIcon: $,
     closable: x,
     closeable: I,
     afterClose: n,
-    onClose: i,
+    onClose: s,
     closeElement: w,
     banner: v,
     ...y
-  } = c, e = h("alert"), [U, A] = M(!0);
-  function E(s) {
-    if (u)
-      return u;
-    switch (s) {
+  } = c, e = h("alert"), [P, U] = M(!0);
+  function A(i) {
+    if (f)
+      return f;
+    switch (i) {
       case "info":
         return /* @__PURE__ */ t(T, {});
       case "success":
@@ -55,10 +52,10 @@ function G(d, l) {
         return null;
     }
   }
-  function F(s) {
-    A(!1), i == null || i(s);
+  function E(i) {
+    U(!1), s == null || s(i);
   }
-  const P = V(
+  const F = _(
     e,
     `${e}-${m}`,
     {
@@ -69,35 +66,35 @@ function G(d, l) {
     b
   ), g = "closeable" in c ? I : x;
   return /* @__PURE__ */ t(
-    _,
+    B,
     {
-      in: U,
+      in: P,
       timeout: 300,
       classNames: "zoomInTop",
       unmountOnExit: !0,
       onExited: () => {
         n == null || n();
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ p(
         "div",
         {
           ref: l,
           style: N,
-          className: P,
+          className: F,
           role: "alert",
           ...y,
           children: [
-            $ && /* @__PURE__ */ t("div", { className: `${e}-icon-wrapper`, children: E(m) }),
-            /* @__PURE__ */ f("div", { className: `${e}-content-wrapper`, children: [
+            $ && /* @__PURE__ */ t("div", { className: `${e}-icon-wrapper`, children: A(m) }),
+            /* @__PURE__ */ p("div", { className: `${e}-content-wrapper`, children: [
               r && /* @__PURE__ */ t("div", { className: `${e}-title`, children: r }),
-              p && /* @__PURE__ */ t("div", { className: `${e}-content`, children: p })
+              u && /* @__PURE__ */ t("div", { className: `${e}-content`, children: u })
             ] }),
             a && /* @__PURE__ */ t("div", { className: `${e}-action`, children: a }),
             g && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: F,
+                onClick: E,
                 className: `${e}-close-btn`,
                 children: w || /* @__PURE__ */ t(j, {})
               }

package/Anchor.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                       */
-/* empty css                        */
-import p from "./anchor/Anchor.js";
+import { A as r } from "./chunk/tkU8zIK4.js";
 export {
-  p as default
+  r as default
 };

package/AutoComplete.js

@@ -1,34 +1,22 @@
 import { jsx as c } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                        */
-/* empty css                       */
-/* empty css                          */
-/* empty css                       */
-/* empty css                     */
-/* empty css                           */
-/* empty css                         */
-/* empty css                        */
-/* empty css                               */
 import le from "@unicom-cloud/icons/IconUiLoading";
-import p, { useContext as ne, useState as ie, useRef as $, isValidElement as se, useImperativeHandle as ce } from "react";
-import "./config-provider/ConfigProvider.js";
-import ae from "./hooks/useMergeProps.js";
-import fe from "./hooks/useMergeValue.js";
-import ue from "./input/Input.js";
-import d from "./select/Select.js";
-import { isSelectOption as me, isSelectOptGroup as pe } from "./select/util.js";
-import de from "@unicom-cloud/utils/class-name";
-import { Enter as ge, Esc as Ce } from "./utils/keyCode.js";
-import Oe from "./utils/omit.js";
-import { pickDataAttributes as ye } from "./utils/pick.js";
-import { ConfigContext as he } from "./config-provider/context.js";
+import p, { useContext as ne, useState as se, useRef as $, isValidElement as ae, useImperativeHandle as ce } from "react";
+import { a as ie } from "./chunk/z7sBNzI4.js";
+import fe from "./hooks/useMergeProps.js";
+import ue from "./hooks/useMergeValue.js";
+import { I as me } from "./chunk/I0bfWb5y.js";
+import { S as d, i as pe, a as de } from "./chunk/DCe3olyi.js";
+import ge from "@unicom-cloud/utils/class-name";
+import { Enter as Ce, Esc as Oe } from "./utils/keyCode.js";
+import ye from "./utils/omit.js";
+import { pickDataAttributes as he } from "./utils/pick.js";
 const Ae = `Autocomplete_${Math.random()}`, { Option: B } = d, xe = {
   defaultActiveFirstOption: !0,
-  triggerElement: /* @__PURE__ */ c(ue, {})
+  triggerElement: /* @__PURE__ */ c(me, {})
 };
 function Ee(D, G) {
-  var k, L;
-  const { getPrefixCls: j, componentConfig: g } = ne(he), l = ae(
+  var b, k;
+  const { getPrefixCls: j, componentConfig: g } = ne(ie), l = fe(
     D,
     xe,
     g == null ? void 0 : g.AutoComplete
@@ -36,7 +24,7 @@ function Ee(D, G) {
     style: H,
     className: K,
     children: C,
-    data: i,
+    data: s,
     defaultValue: U,
     value: _,
     placeholder: q,
@@ -52,18 +40,18 @@ function Ee(D, G) {
     virtualListProps: P,
     onFocus: y,
     onBlur: h,
-    onChange: s,
+    onChange: a,
     onSearch: A,
     onSelect: x,
-    onPressEnter: I,
+    onPressEnter: w,
     inputProps: t
-  } = l, [E, v] = fe("", {
+  } = l, [E, v] = ue("", {
     defaultValue: U,
     value: _
-  }), [ee, F] = ie(!1), u = $(null), a = $(null), b = j("autocomplete"), te = "filterOption" in l ? l.filterOption : (e, r) => Q ? r.props.value.indexOf(e) > -1 : r.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, N = p.Children.toArray(C);
-  let V = null;
-  N.length && (me(N[0]) || pe(N[0])) ? V = C : i && i.length && (V = i.map((e, r) => {
-    if (se(e))
+  }), [ee, F] = se(!1), u = $(null), i = $(null), S = j("autocomplete"), te = "filterOption" in l ? l.filterOption : (e, r) => Q ? r.props.value.indexOf(e) > -1 : r.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, N = p.Children.toArray(C);
+  let I = null;
+  N.length && (pe(N[0]) || de(N[0])) ? I = C : s && s.length && (I = s.map((e, r) => {
+    if (ae(e))
       return e;
     if (typeof e == "string")
       return /* @__PURE__ */ c(B, { value: e, children: e }, r);
@@ -73,7 +61,7 @@ function Ee(D, G) {
         B,
         {
           value: o,
-          extra: Oe(e, ["value", "name"]),
+          extra: ye(e, ["value", "name"]),
           children: n
         },
         r
@@ -87,8 +75,8 @@ function Ee(D, G) {
       const { ref: r } = f;
       typeof r == "function" && r(e);
     },
-    className: de(
-      `${b}`,
+    className: ge(
+      `${S}`,
       t && t.className,
       K
     ),
@@ -100,9 +88,9 @@ function Ee(D, G) {
     disabled: J,
     allowClear: T,
     ...t,
-    ...ye(l),
+    ...he(l),
     // Empty tag to ensure the consistency of the dom structure of input, such that input won't accidentally lose focus due to structure change on input.
-    suffix: W ? /* @__PURE__ */ c(le, {}) : ((k = f == null ? void 0 : f.type) == null ? void 0 : k.displayName) === "Search" ? void 0 : (t == null ? void 0 : t.suffix) || /* @__PURE__ */ c("i", {}),
+    suffix: W ? /* @__PURE__ */ c(le, {}) : ((b = f == null ? void 0 : f.type) == null ? void 0 : b.displayName) === "Search" ? void 0 : (t == null ? void 0 : t.suffix) || /* @__PURE__ */ c("i", {}),
     onFocus: (e) => {
       var r;
       F(!0), y == null || y(e), (r = t == null ? void 0 : t.onFocus) == null || r.call(t, e);
@@ -112,28 +100,28 @@ function Ee(D, G) {
       F(!1), h == null || h(e), (r = t == null ? void 0 : t.onBlur) == null || r.call(t, e);
     },
     onKeyDown: (e) => {
-      var o, n, m, R, S;
+      var o, n, m, L, R;
       const r = e.key;
-      if ((n = (o = a.current) == null ? void 0 : o.hotkeyHandler) == null || n.call(o, e), r === ge.key && I) {
+      if ((n = (o = i.current) == null ? void 0 : o.hotkeyHandler) == null || n.call(o, e), r === Ce.key && w) {
         let M;
-        a.current && (M = a.current.getOptionInfoByValue(
-          a.current.activeOptionValue
-        )), I(e, M);
+        i.current && (M = i.current.getOptionInfoByValue(
+          i.current.activeOptionValue
+        )), w(e, M);
       }
-      r === Ce.key && ((R = (m = u.current) == null ? void 0 : m.blur) == null || R.call(m)), (S = t == null ? void 0 : t.onKeyDown) == null || S.call(t, e);
+      r === Oe.key && ((L = (m = u.current) == null ? void 0 : m.blur) == null || L.call(m)), (R = t == null ? void 0 : t.onKeyDown) == null || R.call(t, e);
     },
     onChange: (e, r) => {
       var o;
-      v(e), A == null || A(e), s == null || s(e), (o = t == null ? void 0 : t.onChange) == null || o.call(t, e, r);
+      v(e), A == null || A(e), a == null || a(e), (o = t == null ? void 0 : t.onChange) == null || o.call(t, e, r);
     }
   }), oe = {
-    popupVisible: !!(ee && (i != null && i.length || p.Children.count(C))),
+    popupVisible: !!(ee && (s != null && s.length || p.Children.count(C))),
     ...l.triggerProps,
     // Other trigger types are not supported yet
     trigger: "focus",
-    className: [`${b}-popup`].concat((L = l == null ? void 0 : l.triggerProps) == null ? void 0 : L.className)
+    className: [`${S}-popup`].concat((k = l == null ? void 0 : l.triggerProps) == null ? void 0 : k.className)
   };
-  return /* @__PURE__ */ c(d, { ref: a, ...{
+  return /* @__PURE__ */ c(d, { ref: i, ...{
     triggerElement: re,
     // Guarantee that onChange can always be triggered
     value: Ae,
@@ -147,14 +135,14 @@ function Ee(D, G) {
     notFoundContent: null,
     onChange: (e, r) => {
       var o, n;
-      v(e), s == null || s(e, r), e && (x == null || x(e, r)), (n = (o = u.current) == null ? void 0 : o.blur) == null || n.call(o);
+      v(e), a == null || a(e, r), e && (x == null || x(e, r)), (n = (o = u.current) == null ? void 0 : o.blur) == null || n.call(o);
     }
-  }, children: V });
+  }, children: I });
 }
-const Ne = p.forwardRef(Ee), w = Ne;
-w.displayName = "AutoComplete";
-w.Option = d.Option;
-w.OptGroup = d.OptGroup;
+const Ne = p.forwardRef(Ee), V = Ne;
+V.displayName = "AutoComplete";
+V.Option = d.Option;
+V.OptGroup = d.OptGroup;
 export {
-  w as default
+  V as default
 };

package/Avatar.js

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