@unicom-cloud/ui 0.8.90 → 0.8.92

package/anchor/Anchor.js

@@ -1,21 +1,22 @@
 import { jsxs as mt, jsx as w } from "react/jsx-runtime";
-import { compute as dt } from "../utils/computeScrollIntoView.js";
-import { p as pt } from "../chunk/Coz3rCng.js";
+import { compute as pt } from "../dist/compute-scroll-into-view/src/index.js";
+import dt from "../dist/scroll-into-view-if-needed/src/index.js";
 import _ from "lodash/isFunction";
 import E from "lodash/isNumber";
 import gt from "lodash/throttle";
 import { forwardRef as ht, useContext as Ct, useRef as k, useState as kt, useEffect as A, useCallback as N, useImperativeHandle as xt } from "react";
 import Lt from "../affix/index.js";
-import { a as yt } from "../chunk/B44Hj5ad.js";
-import { u as Rt } from "../chunk/oopARUrq.js";
-import { u as wt } from "../chunk/BFTV6myl.js";
-import { u as At } from "../chunk/Duezix3m.js";
-import Nt from "@unicom-cloud/utils/class-name";
-import { on as St, off as $t } from "../utils/dom.js";
-import { l as Tt } from "../chunk/ClM74To2.js";
-import vt from "./context.js";
-import bt from "./Link.js";
-import { findNode as P, getContainerElement as Mt, getContainer as Et, getScrollParent as Pt, slide as Ft } from "./util.js";
+import "../config-provider/ConfigProvider.js";
+import yt from "../components/common/hooks/useIsFirstRender.js";
+import Rt from "../components/common/hooks/useMergeProps.js";
+import wt from "../components/common/hooks/useStateWithPromise.js";
+import At from "@unicom-cloud/utils/class-name";
+import { on as Nt, off as St } from "../components/common/utils/dom.js";
+import { isWindow as $t } from "../components/common/utils/is.js";
+import Tt from "./context.js";
+import vt from "./Link.js";
+import { findNode as P, getContainerElement as bt, getContainer as Mt, getScrollParent as Et, slide as Pt } from "./util.js";
+import Ft from "../config-provider/context.js";
 const It = {
   animation: !0,
   affix: !0,
@@ -23,7 +24,7 @@ const It = {
   boundary: "start"
 };
 function Ht(G, J) {
-  const { getPrefixCls: S, componentConfig: $, rtl: F } = Ct(yt), K = wt(
+  const { getPrefixCls: S, componentConfig: $, rtl: F } = Ct(Ft), K = Rt(
     G,
     It,
     $ == null ? void 0 : $.Anchor
@@ -45,20 +46,20 @@ function Ht(G, J) {
     onSelect: H,
     onChange: v,
     ...ot
-  } = K, a = S == null ? void 0 : S("anchor"), it = Nt(a, Q, {
-    [`${a}-lineless`]: x,
-    [`${a}-rtl`]: F,
-    [`${a}-horizontal`]: L === "horizontal"
-  }), s = k(null), d = k(null), f = k(/* @__PURE__ */ new Map()), b = k(!1), p = k(null), [st, O] = kt(0), [o, ct] = At(""), lt = Rt();
+  } = K, f = S == null ? void 0 : S("anchor"), it = At(f, Q, {
+    [`${f}-lineless`]: x,
+    [`${f}-rtl`]: F,
+    [`${f}-horizontal`]: L === "horizontal"
+  }), s = k(null), p = k(null), a = k(/* @__PURE__ */ new Map()), b = k(!1), d = k(null), [st, O] = kt(0), [o, ct] = wt(""), lt = yt();
   function z() {
-    let t = Et(m);
-    return m || (t = Pt(s.current)), t;
+    let t = Mt(m);
+    return m || (t = Et(s.current)), t;
   }
   A(() => {
     const t = z();
-    p.current = t;
+    d.current = t;
   }, [m]);
-  const at = N(() => z(), [m]);
+  const ft = N(() => z(), [m]);
   xt(
     J,
     () => ({
@@ -68,21 +69,21 @@ function Ht(G, J) {
     []
   );
   function B(t, e) {
-    t && (f.current.set(t, e), O(Math.random()));
+    t && (a.current.set(t, e), O(Math.random()));
   }
-  function ft(t) {
-    f.current.delete(t), O(Math.random());
+  function at(t) {
+    a.current.delete(t), O(Math.random());
   }
   const y = N(
     (t) => {
       if (!t || !s.current)
         return;
-      if (!f.current.has(t)) {
+      if (!a.current.has(t)) {
         const n = P(s.current, `a[data-href='${t}']`);
         n && B(t, n);
       }
-      const e = f.current.get(t);
-      e && t !== o && (pt(e, {
+      const e = a.current.get(t);
+      e && t !== o && (dt(e, {
         behavior: "auto",
         block: "nearest",
         scrollMode: "if-needed",
@@ -94,13 +95,13 @@ function Ht(G, J) {
     [o, v]
   ), U = N(() => {
     let t;
-    const e = E(i) ? i : 0, n = p.current, h = Mt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
-    return [...f.current.keys()].some((M) => {
+    const e = E(i) ? i : 0, n = d.current, h = bt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
+    return [...a.current.keys()].some((M) => {
       const c = P(document, M);
       let u = !1;
       if (c) {
         const { top: r, height: C } = c.getBoundingClientRect();
-        if (Tt(n)) {
+        if ($t(n)) {
           const l = T ?? R / 2;
           u = r >= e && r <= l || r <= e && r + C >= l;
         } else {
@@ -133,15 +134,15 @@ function Ht(G, J) {
         const e = P(document, t);
         if (!e)
           return;
-        const n = E(i) ? "start" : i, j = E(i) ? i : 0, h = dt(e, { block: n });
+        const n = E(i) ? "start" : i, j = E(i) ? i : 0, h = pt(e, { block: n });
         if (!h.length)
           return;
         let R = !1;
         const M = h.map(({ el: c, top: u }) => new Promise((r) => {
           if (!R) {
-            c === p.current && (R = !0);
+            c === d.current && (R = !0);
             const C = u - j;
-            return Y ? Ft(c, C, r) : (I || (c.scrollTop = C), r(null));
+            return Y ? Pt(c, C, r) : (I || (c.scrollTop = C), r(null));
           }
           r(null);
         }));
@@ -160,25 +161,25 @@ function Ht(G, J) {
   A(() => {
     const t = decodeURIComponent(location.hash);
     t ? (y(t), V(t)) : g(null);
-  }, []), A(() => (lt || g(null), St(p.current, "scroll", g), () => {
-    $t(p.current, "scroll", g);
+  }, []), A(() => (lt || g(null), Nt(d.current, "scroll", g), () => {
+    St(d.current, "scroll", g);
   }), [m, g]), A(() => {
-    const t = f.current.get(o);
-    t && !x && d.current && (L === "horizontal" ? (d.current.style.left = `${t.offsetLeft}px`, d.current.style.width = `${t.clientWidth}px`) : d.current.style.top = `${t.offsetTop}px`);
+    const t = a.current.get(o);
+    t && !x && p.current && (L === "horizontal" ? (p.current.style.left = `${t.offsetLeft}px`, p.current.style.width = `${t.clientWidth}px`) : p.current.style.top = `${t.offsetTop}px`);
   }, [o, x, L, F, st]);
   const W = /* @__PURE__ */ mt("div", { className: it, style: X, ref: s, ...ot, children: [
-    !x && o && /* @__PURE__ */ w("div", { className: `${a}-line-slider`, ref: d }),
+    !x && o && /* @__PURE__ */ w("div", { className: `${f}-line-slider`, ref: p }),
     /* @__PURE__ */ w(
-      vt.Provider,
+      Tt.Provider,
       {
         value: {
           direction: L,
           currentLink: o,
           addLink: B,
-          removeLink: ft,
+          removeLink: at,
           onLinkClick: ut
         },
-        children: /* @__PURE__ */ w("div", { className: `${a}-list`, children: rt })
+        children: /* @__PURE__ */ w("div", { className: `${f}-list`, children: rt })
       }
     )
   ] });
@@ -188,15 +189,15 @@ function Ht(G, J) {
       offsetTop: nt,
       offsetBottom: et,
       style: tt,
-      target: at,
+      target: ft,
       children: W
     }
   ) : W;
 }
 const Ot = ht(Ht), q = Ot;
 q.displayName = "Anchor";
-q.Link = bt;
+q.Link = vt;
 export {
-  bt as AnchorLink,
+  vt as AnchorLink,
   q as default
 };

package/anchor/Link.js

@@ -4,10 +4,11 @@ import E from "lodash/isPlainObject";
 import L from "lodash/isString";
 import O from "lodash/isUndefined";
 import $, { forwardRef as b, useContext as p, useRef as v, useImperativeHandle as w, useEffect as I, isValidElement as M } from "react";
-import { a as S } from "../chunk/B44Hj5ad.js";
-import { u as g } from "../chunk/BFTV6myl.js";
-import z from "@unicom-cloud/utils/class-name";
-import D from "./context.js";
+import "../config-provider/ConfigProvider.js";
+import S from "../components/common/hooks/useMergeProps.js";
+import g from "@unicom-cloud/utils/class-name";
+import z from "./context.js";
+import D from "../config-provider/context.js";
 const u = "AnchorLink", H = {
   href: "#"
 };
@@ -15,19 +16,19 @@ function U(o) {
   return E(o) && Object.prototype.hasOwnProperty.call(o, "displayName");
 }
 function V(o, d) {
-  const { getPrefixCls: n, componentConfig: s } = p(S), { className: h, style: N, href: r, title: e, children: f, ...x } = g(
+  const { getPrefixCls: n, componentConfig: s } = p(D), { className: h, style: N, href: r, title: e, children: f, ...x } = S(
     o,
     H,
     s == null ? void 0 : s["Anchor.Link"]
-  ), y = p(D), { currentLink: C, addLink: a, removeLink: i, onLinkClick: c, direction: A } = y, l = n == null ? void 0 : n("anchor-link"), j = z(
+  ), y = p(z), { currentLink: C, addLink: i, removeLink: a, onLinkClick: c, direction: A } = y, l = n == null ? void 0 : n("anchor-link"), j = g(
     l,
     {
       [`${l}-active`]: C === r
     },
     h
   ), m = v(null);
-  return w(d, () => m.current, []), I(() => (a == null || a(r, m.current), () => {
-    i == null || i(r);
+  return w(d, () => m.current, []), I(() => (i == null || i(r, m.current), () => {
+    a == null || a(r);
   }), [r]), /* @__PURE__ */ k("div", { className: j, style: N, ref: m, ...x, children: [
     !O(e) && !R(e) && /* @__PURE__ */ P(
       "a",

package/anchor/util.js

@@ -1,7 +1,8 @@
-import { y as l, q as u } from "../chunk/BNevupAU.js";
+import { Tween as u } from "../dist/tween/src/tween.js";
+import { quartOut as l } from "../dist/tween/src/easing.js";
 import i from "lodash/isString";
-import { l as c } from "../chunk/ClM74To2.js";
-function d(o, n) {
+import { isWindow as c } from "../components/common/utils/is.js";
+function s(o, n) {
   const r = i(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
   try {
     return o.querySelector(r);
@@ -10,14 +11,14 @@ function d(o, n) {
   }
 }
 function w(o, n, r) {
-  new l({
+  new u({
     from: {
       scrollTop: o.scrollTop
     },
     to: {
       scrollTop: n
     },
-    easing: u,
+    easing: l,
     duration: 300,
     onUpdate: (e) => {
       o.scrollTop = e.scrollTop;
@@ -27,24 +28,24 @@ function w(o, n, r) {
     }
   }).start();
 }
-function a(o) {
-  return i(o) ? d(document, o) : o || window;
-}
 function g(o) {
+  return i(o) ? s(document, o) : o || window;
+}
+function S(o) {
   return c(o) ? document.documentElement || document.body : o;
 }
-function s(o) {
+function d(o) {
   if (o == null)
     return null;
   if (o.tagName === "BODY")
     return o.ownerDocument.documentElement;
   const n = window.getComputedStyle(o).overflowY;
-  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : s(o.parentElement);
+  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : d(o.parentElement);
 }
 export {
-  d as findNode,
-  a as getContainer,
-  g as getContainerElement,
-  s as getScrollParent,
+  s as findNode,
+  g as getContainer,
+  S as getContainerElement,
+  d as getScrollParent,
   w as slide
 };

package/auto-complete/index.js

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

package/avatar/Avatar.js

@@ -1,16 +1,17 @@
 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 { a as D } from "../chunk/B44Hj5ad.js";
-import L from "@unicom-cloud/utils/class-name";
-import M from "./context.js";
+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";
 const O = {
   shape: "circle",
   autoFixFontSize: !0,
   triggerType: "button"
 }, V = H(
   (i, z) => {
-    const { getPrefixCls: c, componentConfig: l, rtl: C } = $(D), t = c == null ? void 0 : c("avatar"), d = $(M), F = {
+    const { getPrefixCls: c, componentConfig: l, rtl: C } = $(M), t = c == null ? void 0 : c("avatar"), d = $(L), F = {
       ...O,
       ...l == null ? void 0 : l.Avatar,
       ...d,
@@ -33,7 +34,7 @@ const O = {
         x && y < 1 && (a.current.style.transform = `scale(${y}) translateX(-50%)`);
       }
     }
-    const w = L(
+    const w = D(
       t,
       `${t}-${S}`,
       {

package/avatar/Group.js

@@ -1,18 +1,19 @@
 import { jsx as o, jsxs as _ } from "react/jsx-runtime";
 import $ from "lodash/isNumber";
 import I, { forwardRef as R, useContext as b } from "react";
-import { a as j } from "../chunk/B44Hj5ad.js";
-import { u as T } from "../chunk/BFTV6myl.js";
-import k from "../popover/index.js";
-import q from "@unicom-cloud/utils/class-name";
-import w from "./Avatar.js";
+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 d 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(j), g = T(
+  const { getPrefixCls: c, componentConfig: i, rtl: l } = b(w), g = j(
     f,
     L,
     i == null ? void 0 : i["Avatar.Group"]
@@ -20,7 +21,7 @@ function M(f, h) {
     className: x,
     style: N,
     children: A,
-    size: a,
+    size: e,
     shape: m,
     autoFixFontSize: u,
     zIndexAscend: C,
@@ -28,10 +29,10 @@ function M(f, h) {
     maxStyle: P,
     maxPopoverTriggerProps: y,
     ...z
-  } = g, e = c == null ? void 0 : c("avatar-group"), F = q(
-    e,
+  } = g, a = c == null ? void 0 : c("avatar-group"), F = k(
+    a,
     {
-      [`${e}-rtl`]: l
+      [`${a}-rtl`]: l
     },
     x
   ), s = I.Children.toArray(A), v = s.length;
@@ -40,15 +41,15 @@ function M(f, h) {
     const p = s.slice(r);
     n = s.slice(0, r), n.push(
       /* @__PURE__ */ o(
-        w,
+        q,
         {
           style: P,
-          className: `${e}-max-count-avatar`,
+          className: `${a}-max-count-avatar`,
           children: /* @__PURE__ */ _(
-            k,
+            T,
             {
               triggerProps: y,
-              content: /* @__PURE__ */ o(d.Provider, { value: { size: a, shape: m, autoFixFontSize: u }, children: /* @__PURE__ */ o("div", { className: `${e}-popover`, children: p }) }),
+              content: /* @__PURE__ */ o(d.Provider, { value: { size: e, shape: m, autoFixFontSize: u }, children: /* @__PURE__ */ o("div", { className: `${a}-popover`, children: p }) }),
               children: [
                 "+",
                 p.length
@@ -63,12 +64,12 @@ 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,
-      marginLeft: a ? G ? 0 : -a / 4 : ""
+      marginLeft: e ? G ? 0 : -e / 4 : ""
     };
     return /* @__PURE__ */ o(
       d.Provider,
       {
-        value: { size: a, shape: m, autoFixFontSize: u, style: S },
+        value: { size: e, shape: m, autoFixFontSize: u, style: S },
         children: p
       },
       t