@unicom-cloud/ui 0.8.107 → 0.8.109

package/auto-complete/index.js

@@ -1,150 +1,149 @@
 import { jsx as n } from "react/jsx-runtime";
-import Y from "@unicom-cloud/icons/IconUiLoading";
-import u, { useContext as Z, useState as ee, useRef as x, isValidElement as te, useImperativeHandle as oe } from "react";
-import "../config-provider/ConfigProvider.js";
-import re from "../components/common/hooks/useMergeProps.js";
-import ne from "../components/common/hooks/useMergeValue.js";
+import X from "@unicom-cloud/icons/IconUiLoading";
+import a, { useContext as Y, useState as Z, useRef as x, isValidElement as ee, useImperativeHandle as te } from "react";
+import { a as oe } from "../chunk/DXlwLh0Y.js";
+import { u as re } from "../chunk/FgWHhRFz.js";
+import { u as ne } from "../chunk/2vdCeheu.js";
 import se from "../input/Input.js";
-import c from "../select/Select.js";
+import l from "../select/Select.js";
 import { isSelectOption as le, isSelectOptGroup as ie } from "../select/util.js";
-import pe from "@unicom-cloud/utils/class-name";
-import { Enter as ue, Esc as ce } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as ae } from "../components/common/utils/omit.js";
-import { pickDataAttributes as fe } from "../components/common/utils/pick.js";
-import me from "../config-provider/context.js";
-const de = `Autocomplete_${Math.random()}`, { Option: N } = c, ge = {
+import ue from "@unicom-cloud/utils/class-name";
+import { Enter as pe, Esc as ae } from "@unicom-cloud/utils/constant/keyboardCode";
+import { o as ce } from "../chunk/BKKEev13.js";
+import { a as fe } from "../chunk/ClqoGc3r.js";
+const me = `Autocomplete_${Math.random()}`, de = {
   defaultActiveFirstOption: !0,
   triggerElement: /* @__PURE__ */ n(se, {})
 };
-function Ce(S, F) {
-  const { getPrefixCls: V, componentConfig: w } = Z(me), r = re(
-    S,
-    ge,
-    w?.AutoComplete
+function ge(N, S) {
+  const { getPrefixCls: F, componentConfig: V } = Y(oe), r = re(
+    N,
+    de,
+    V?.AutoComplete
   ), {
-    style: I,
-    className: v,
-    children: a,
-    data: l,
-    defaultValue: b,
-    value: k,
-    placeholder: L,
-    error: R,
-    disabled: B,
-    strict: G,
-    allowClear: M,
-    loading: $,
-    defaultActiveFirstOption: D,
+    style: w,
+    className: I,
+    children: c,
+    data: i,
+    defaultValue: v,
+    value: b,
+    placeholder: k,
+    error: L,
+    disabled: R,
+    strict: B,
+    allowClear: G,
+    loading: M,
+    defaultActiveFirstOption: $,
     triggerElement: f,
-    getPopupContainer: j,
-    dropdownRender: H,
-    virtualListProps: K,
-    onFocus: T,
-    onBlur: U,
-    onChange: O,
-    onSearch: _,
-    onSelect: q,
+    getPopupContainer: D,
+    dropdownRender: j,
+    virtualListProps: H,
+    onFocus: K,
+    onBlur: T,
+    onChange: h,
+    onSearch: U,
+    onSelect: _,
     onPressEnter: y,
     inputProps: o
   } = r, [m, A] = ne("", {
-    defaultValue: b,
-    value: k
-  }), [z, P] = ee(!1), i = x(null), s = x(null), E = V?.("autocomplete"), J = "filterOption" in r ? r.filterOption : (e, t) => G ? t.props.value.indexOf(e) > -1 : t.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, d = u.Children.toArray(a);
+    defaultValue: v,
+    value: b
+  }), [q, P] = Z(!1), u = x(null), s = x(null), E = F?.("autocomplete"), z = "filterOption" in r ? r.filterOption : (e, t) => B ? t.props.value.indexOf(e) > -1 : t.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, d = a.Children.toArray(c);
   let g = null;
-  d.length && (le(d[0]) || ie(d[0])) ? g = a : l && l.length && (g = l.map((e, t) => {
-    if (te(e))
+  d.length && (le(d[0]) || ie(d[0])) ? g = c : i && i.length && (g = i.map((e, t) => {
+    if (ee(e))
       return e;
     if (typeof e == "string")
-      return /* @__PURE__ */ n(N, { value: e, children: e }, t);
+      return /* @__PURE__ */ n(l.Option, { value: e, children: e }, t);
     if (typeof e == "object") {
-      const { value: p, name: X } = e;
+      const { value: p, name: W } = e;
       return /* @__PURE__ */ n(
-        N,
+        l.Option,
         {
           value: p,
-          extra: ae(e, ["value", "name"]),
-          children: X
+          extra: ce(e, ["value", "name"]),
+          children: W
         },
         t
       );
     }
     return null;
-  })), oe(F, () => i.current);
-  const C = typeof f == "function" ? f({ value: m }) : f, Q = u.cloneElement(C, {
+  })), te(S, () => u.current);
+  const C = typeof f == "function" ? f({ value: m }) : f, J = a.cloneElement(C, {
     ref: (e) => {
-      i.current = e;
+      u.current = e;
       const { ref: t } = C;
       typeof t == "function" && t(e);
     },
-    className: pe(
+    className: ue(
       `${E}`,
       o && o.className,
-      v
+      I
     ),
-    style: I,
+    style: w,
     value: m,
-    placeholder: L,
-    error: R,
+    placeholder: k,
+    error: L,
     status: r.status,
-    disabled: B,
-    allowClear: M,
+    disabled: R,
+    allowClear: G,
     ...o,
     ...fe(r),
     // 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: $ ? /* @__PURE__ */ n(Y, {}) : C?.type?.displayName === "Search" ? void 0 : o?.suffix || /* @__PURE__ */ n("i", {}),
+    suffix: M ? /* @__PURE__ */ n(X, {}) : C?.type?.displayName === "Search" ? void 0 : o?.suffix || /* @__PURE__ */ n("i", {}),
     onFocus: (e) => {
-      P(!0), T?.(e), o?.onFocus?.(e);
+      P(!0), K?.(e), o?.onFocus?.(e);
     },
     onBlur: (e) => {
-      P(!1), U?.(e), o?.onBlur?.(e);
+      P(!1), T?.(e), o?.onBlur?.(e);
     },
     onKeyDown: (e) => {
       const t = e.key;
-      if (s.current?.hotkeyHandler?.(e), t === ue.key && y) {
+      if (s.current?.hotkeyHandler?.(e), t === pe.key && y) {
         let p;
         s.current && (p = s.current.getOptionInfoByValue(
           s.current.activeOptionValue
         )), y(e, p);
       }
-      t === ce.key && i.current?.blur?.(), o?.onKeyDown?.(e);
+      t === ae.key && u.current?.blur?.(), o?.onKeyDown?.(e);
     },
     onChange: (e, t) => {
-      A(e), _?.(e), O?.(e), o?.onChange?.(e, t);
+      A(e), U?.(e), h?.(e), o?.onChange?.(e, t);
     }
-  }), W = {
-    popupVisible: !!(z && (l?.length || u.Children.count(a))),
+  }), Q = {
+    popupVisible: !!(q && (i?.length || a.Children.count(c))),
     ...r.triggerProps,
     // Other trigger types are not supported yet
     trigger: "focus",
     className: [`${E}-popup`].concat(r?.triggerProps?.className)
   };
-  return /* @__PURE__ */ n(c, { ref: s, ...{
-    triggerElement: Q,
+  return /* @__PURE__ */ n(l, { ref: s, ...{
+    triggerElement: J,
     // Guarantee that onChange can always be triggered
-    value: de,
+    value: me,
     inputValue: m,
-    defaultActiveFirstOption: D,
-    triggerProps: W,
-    getPopupContainer: j,
-    dropdownRender: H,
-    filterOption: J,
-    virtualListProps: K,
+    defaultActiveFirstOption: $,
+    triggerProps: Q,
+    getPopupContainer: D,
+    dropdownRender: j,
+    filterOption: z,
+    virtualListProps: H,
     notFoundContent: null,
     onChange: (e, t) => {
-      A(e), O?.(e, t), e && q?.(e, t), i.current?.blur?.();
+      A(e), h?.(e, t), e && _?.(e, t), u.current?.blur?.();
     }
   }, children: g });
 }
-const he = u.forwardRef(Ce), h = he;
-h.displayName = "AutoComplete";
-const [Oe, ye] = [
-  c.Option,
-  c.OptGroup
+const Ce = a.forwardRef(ge), O = Ce;
+O.displayName = "AutoComplete";
+const [Oe, he] = [
+  l.Option,
+  l.OptGroup
 ];
-h.Option = Oe;
-h.OptGroup = ye;
+O.Option = Oe;
+O.OptGroup = he;
 export {
-  ye as AutoCompleteOptGroup,
+  he as AutoCompleteOptGroup,
   Oe as AutoCompleteOption,
-  h as default
+  O as default
 };

package/avatar/Avatar.js

@@ -1,44 +1,43 @@
-import { jsxs as W, jsx as m } from "react/jsx-runtime";
+import { jsxs as W, jsx as f } 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";
-import M from "../config-provider/context.js";
+import { a as D } from "../chunk/DXlwLh0Y.js";
+import L from "@unicom-cloud/utils/class-name";
+import M from "./context.js";
 const O = {
   shape: "circle",
   autoFixFontSize: !0,
   triggerType: "button"
 }, V = E(
-  (i, N) => {
-    const { getPrefixCls: $, componentConfig: v, rtl: z } = y(M), t = $?.("avatar"), f = y(L), F = {
+  (a, N) => {
+    const { getPrefixCls: $, componentConfig: v, rtl: z } = y(D), t = $?.("avatar"), m = y(M), F = {
       ...O,
       ...v?.Avatar,
-      ...f,
-      ...i
+      ...m,
+      ...a
     }, {
       className: R,
       shape: S,
       size: e,
       children: r,
       autoFixFontSize: b,
-      triggerIcon: a,
+      triggerIcon: i,
       triggerIconStyle: o,
       triggerType: g,
       onClick: A,
       ...I
-    } = F, c = { ...f.style, ...i.style }, s = C(), l = C();
+    } = F, c = { ...m.style, ...a.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);
+        const w = s.current.clientWidth, p = a.size || l.current.offsetWidth, h = p / (w + 8);
         p && h < 1 && (s.current.style.transform = `scale(${h}) translateX(-50%)`);
       }
     }
-    const k = D(
+    const k = L(
       t,
       `${t}-${S}`,
       {
-        [`${t}-with-trigger-icon`]: a,
+        [`${t}-with-trigger-icon`]: i,
         [`${t}-rtl`]: z
       },
       R
@@ -63,14 +62,14 @@ const O = {
         },
         className: k,
         children: [
-          u ? /* @__PURE__ */ m("span", { className: `${t}-image`, children: r }) : null,
-          !u && /* @__PURE__ */ m("span", { ref: s, className: `${t}-text`, children: r }),
-          a && /* @__PURE__ */ m(
+          u ? /* @__PURE__ */ f("span", { className: `${t}-image`, children: r }) : null,
+          !u && /* @__PURE__ */ f("span", { ref: s, className: `${t}-text`, children: r }),
+          i && /* @__PURE__ */ f(
             "div",
             {
               className: `${t}-trigger-icon-${g}`,
               style: d,
-              children: a
+              children: i
             }
           )
         ]

package/avatar/Group.js

@@ -1,22 +1,21 @@
 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";
-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 { a as j } from "../chunk/DXlwLh0Y.js";
+import { u as T } from "../chunk/FgWHhRFz.js";
+import k from "../popover/index.js";
+import q from "@unicom-cloud/utils/class-name";
+import w from "./Avatar.js";
 import u from "./context.js";
-import w from "../config-provider/context.js";
 const L = {
   shape: "circle",
   autoFixFontSize: !0
 };
 function M(v, f) {
-  const { getPrefixCls: d, componentConfig: h, rtl: i } = b(w), g = j(
+  const { getPrefixCls: d, componentConfig: h, rtl: i } = b(j), g = T(
     v,
     L,
-    h?.["Avatar.Group"]
+    h?.AvatarGroup
   ), {
     className: x,
     style: C,
@@ -29,7 +28,7 @@ function M(v, f) {
     maxStyle: A,
     maxPopoverTriggerProps: y,
     ...z
-  } = g, a = d?.("avatar-group"), F = k(
+  } = g, a = d?.("avatar-group"), F = q(
     a,
     {
       [`${a}-rtl`]: i
@@ -41,12 +40,12 @@ function M(v, f) {
     const p = s.slice(r);
     n = s.slice(0, r), n.push(
       /* @__PURE__ */ t(
-        q,
+        w,
         {
           style: A,
           className: `${a}-max-count-avatar`,
           children: /* @__PURE__ */ _(
-            T,
+            k,
             {
               triggerProps: y,
               content: /* @__PURE__ */ t(u.Provider, { value: { size: e, shape: c, autoFixFontSize: l }, children: /* @__PURE__ */ t("div", { className: `${a}-popover`, children: p }) }),

package/back-top/index.js

@@ -1,43 +1,42 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiToTop";
 import C, { forwardRef as k, useContext as x, useState as y, useEffect as E } from "react";
-import "../config-provider/ConfigProvider.js";
-import N from "../components/common/hooks/useKeyboardEvent.js";
-import w from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as B } from "../components/common/utils/PqbCSSTransition.js";
+import { a as N } from "../chunk/DXlwLh0Y.js";
+import { u as P } from "../chunk/C6Aw3qIJ.js";
+import { u as w } from "../chunk/FgWHhRFz.js";
+import { P as B } from "../chunk/B--6x-RL.js";
 import H from "@unicom-cloud/utils/class-name";
-import { on as P, off as R } from "../components/common/utils/dom.js";
-import { pickDataAttributes as S } from "../components/common/utils/pick.js";
-import { throttleByRaf as $ } from "../components/common/utils/throttleByRaf.js";
-import D from "../config-provider/context.js";
-function I(m, a) {
+import { b as R, o as S } from "../chunk/d1c9z8T1.js";
+import { a as $ } from "../chunk/ClqoGc3r.js";
+import D from "../utils/throttleByRaf.js";
+function I(l, m) {
   const p = {
     visibleHeight: 400,
     smooth: !0,
     target: () => window
-  }, { getPrefixCls: f, componentConfig: u, rtl: d } = x(D), g = N(), o = w(
-    m,
+  }, { getPrefixCls: f, componentConfig: u, rtl: d } = x(N), g = P(), o = w(
+    l,
     p,
     u?.BackTop
   ), n = f?.("backtop"), [b, h] = y(!1), i = (t) => t === window ? document.documentElement : t;
   E(() => {
-    const t = o.target?.(), e = $(() => {
-      const r = o.visibleHeight, T = i(t).scrollTop;
-      h(T >= r);
+    const t = o.target?.(), e = D(() => {
+      const s = o.visibleHeight, T = i(t).scrollTop;
+      h(T >= s);
     });
-    return P(t, "scroll", e), e(), () => {
-      e.cancel?.(), R(t, "scroll", e);
+    return R(t, "scroll", e), e(), () => {
+      e.cancel?.(), S(t, "scroll", e);
     };
   }, [o.target, o.visibleHeight]);
   const c = () => {
-    const t = o.target?.(), e = i(t), r = { top: 0 };
-    o.smooth && (r.behavior = "smooth"), e.scrollTo(r), o.onClick?.();
+    const t = o.target?.(), e = i(t), s = { top: 0 };
+    o.smooth && (s.behavior = "smooth"), e.scrollTo(s), o.onClick?.();
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "div",
     {
-      ...S(o),
-      ref: a,
+      ...$(o),
+      ref: m,
       className: H(
         `${n}`,
         { [`${n}-rtl`]: d },
@@ -48,24 +47,24 @@ function I(m, a) {
       ...g({
         onPressEnter: c
       }),
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ r(
         B,
         {
           in: b,
           timeout: 100,
           classNames: "fadeIn",
           unmountOnExit: !0,
-          children: o.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(v, {}) })
+          children: o.children || /* @__PURE__ */ r("button", { className: `${n}-button`, children: /* @__PURE__ */ r(v, {}) })
         }
       )
     }
   );
 }
-const l = k(
+const a = k(
   I
 );
-l.displayName = "BackTop";
-const L = C.memo(l);
+a.displayName = "BackTop";
+const J = C.memo(a);
 export {
-  L as default
+  J as default
 };

package/badge/Count.js

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