@unicom-cloud/ui 0.8.123 → 0.8.125

package/anchor/Anchor.js

@@ -1,148 +1,145 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as fe, jsx as w } from "react/jsx-runtime";
 import ae, { compute as ue } from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
 import me from "lodash/throttle";
-import { forwardRef as de, useContext as pe, useRef as N, useState as ge, useImperativeHandle as he, useCallback as S, useEffect as b } from "react";
+import { forwardRef as de, useContext as pe, useRef as A, useState as ge, useImperativeHandle as he, useCallback as P, useEffect as b } from "react";
 import Ce from "../affix/index.js";
 import "../config-provider/ConfigProvider.js";
 import xe from "@unicom-cloud/ui-common/hooks/use-is-first-render";
 import ke from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import ye from "@unicom-cloud/ui-common/hooks/use-state-with-promise";
 import Le from "@unicom-cloud/ui-common/utils/className";
-import { on as we, off as Ne } from "@unicom-cloud/ui-common/utils/dom";
-import { isFunction as U, isNumber as v, isWindow as Re } from "@unicom-cloud/ui-common/utils/is";
-import Ae from "./context.js";
-import $e from "./Link.js";
-import { getContainer as Pe, getScrollParent as Se, findNode as T, getContainerElement as be, slide as ve } from "./utils.js";
+import { on as we, off as Ae } from "@unicom-cloud/ui-common/utils/dom";
+import { isFunction as U, isNumber as v, isWindow as Ne } from "@unicom-cloud/ui-common/utils/is";
+import Re from "./context.js";
+import Se from "./Link.js";
+import { getContainer as $e, getScrollParent as Pe, findNode as T, getContainerElement as be, slide as ve } from "./utils.js";
 import Te from "../config-provider/context.js";
-const Ie = {
+const Ee = {
   animation: !0,
   affix: !0,
   hash: !1,
   boundary: "start"
 };
-function Me(j, D) {
+function Ie(j, D) {
   const {
     prefixCls: Fe,
     getPrefixCls: q,
     componentConfig: G,
-    rtl: I
+    rtl: E
   } = pe(Te), J = ke(
     j,
-    Ie,
+    Ee,
     G?.Anchor
   ), {
     className: K,
     style: Q,
-    scrollContainer: R,
+    scrollContainer: N,
     animation: X = !0,
     lineless: h,
     affix: Y = !0,
     affixStyle: Z,
     offsetBottom: _,
     offsetTop: ee,
-    hash: M = !1,
+    hash: I = !1,
     boundary: i = "start",
-    targetOffset: A,
+    targetOffset: R,
     children: te,
     direction: C = "vertical",
-    onSelect: E,
-    onChange: $,
+    onSelect: M,
+    onChange: S,
     ...ne
-  } = J, a = q?.("anchor"), re = Le(a, K, {
-    [`${a}-lineless`]: h,
-    [`${a}-rtl`]: I,
-    [`${a}-horizontal`]: C === "horizontal"
-  }), s = N(null), d = N(null), u = N(/* @__PURE__ */ new Map()), P = N(!1), [oe, F] = ge(0), [r, ie] = ye(""), se = xe(), l = R ? Pe(R) : Se(s.current);
-  he(
-    D,
-    () => ({
-      dom: s.current,
-      getRootDOMNode: () => s.current
-    }),
-    []
-  );
+  } = J, f = q?.("anchor"), re = Le(f, K, {
+    [`${f}-lineless`]: h,
+    [`${f}-rtl`]: E,
+    [`${f}-horizontal`]: C === "horizontal"
+  }), a = A(null), d = A(null), u = A(/* @__PURE__ */ new Map()), $ = A(!1), [oe, F] = ge(0), [r, ie] = ye(""), se = xe(), s = N ? $e(N) : Pe(a.current);
+  he(D, () => ({
+    getRootElement() {
+      return a.current;
+    }
+  }));
   function H(e, t) {
     e && (u.current.set(e, t), F(Math.random()));
   }
   function le(e) {
     u.current.delete(e), F(Math.random());
   }
-  const x = S(
+  const x = P(
     (e) => {
-      if (!e || !s.current)
+      if (!e || !a.current)
         return;
       if (!u.current.has(e)) {
-        const c = T(s.current, `a[data-href='${e}']`);
-        c && H(e, c);
+        const l = T(a.current, `a[data-href='${e}']`);
+        l && H(e, l);
       }
       const t = u.current.get(e);
       t && e !== r && (ae(t, {
         behavior: "auto",
         block: "nearest",
         scrollMode: "if-needed",
-        boundary: s.current
+        boundary: a.current
       }), ie(e).then(() => {
-        U($) && $(e, r);
+        U(S) && S(e, r);
       }));
     },
-    [r, $]
-  ), O = S(() => {
+    [r, S]
+  ), V = P(() => {
     let e;
-    const t = v(i) ? i : 0, k = be(l).getBoundingClientRect(), y = document.documentElement.clientHeight;
+    const t = v(i) ? i : 0, k = be(s).getBoundingClientRect(), y = document.documentElement.clientHeight;
     return [...Array.from(u.current.keys())].some((L) => {
       const g = T(document, L);
       let o = !1;
       if (g) {
-        const { top: f, height: m } = g.getBoundingClientRect();
-        if (Re(l)) {
-          const n = A ?? y / 2;
-          o = f >= t && f <= n || f <= t && f + m >= n;
+        const { top: c, height: m } = g.getBoundingClientRect();
+        if (Ne(s)) {
+          const n = R ?? y / 2;
+          o = c >= t && c <= n || c <= t && c + m >= n;
         } else {
-          const n = f - k.top - t, B = A ?? k.height / 2;
-          o = n >= 0 && n <= B || n <= 0 && n + m >= B;
+          const n = c - k.top - t, O = R ?? k.height / 2;
+          o = n >= 0 && n <= O || n <= 0 && n + m >= O;
         }
         o && (e = g);
       }
       return o;
     }), e;
-  }, [i, A, l]), p = S(
+  }, [i, R, s]), p = P(
     me(
       (e) => {
-        if (P.current)
+        if ($.current)
           return;
-        const t = O();
+        const t = V();
         if (t && t.id) {
-          const c = `#${t.id}`;
-          x(c);
+          const l = `#${t.id}`;
+          x(l);
         }
       },
       30,
       { trailing: !0 }
     ),
-    [O, x]
+    [V, x]
   );
-  function V(e) {
+  function z(e) {
     if (e)
       try {
         const t = T(document, e);
         if (!t)
           return;
-        const c = v(i) ? "start" : i, k = v(i) ? i : 0, y = ue(t, { block: c });
+        const l = v(i) ? "start" : i, k = v(i) ? i : 0, y = ue(t, { block: l });
         if (!y.length)
           return;
         let L = !1;
-        const g = y.map(({ el: o, top: f }) => new Promise((m) => {
+        const g = y.map(({ el: o, top: c }) => new Promise((m) => {
           if (!L) {
-            o === l && (L = !0);
-            const n = f - k;
-            return X ? ve(o, n, m) : (M || (o.scrollTop = n), m(null));
+            o === s && (L = !0);
+            const n = c - k;
+            return X ? ve(o, n, m) : (I || (o.scrollTop = n), m(null));
           }
           m(null);
         }));
-        P.current = !0, Promise.all(g).then(() => {
+        $.current = !0, Promise.all(g).then(() => {
           setTimeout(() => {
-            P.current = !1;
+            $.current = !1;
           }, 27);
         });
       } catch (t) {
@@ -150,21 +147,21 @@ function Me(j, D) {
       }
   }
   function ce(e, t) {
-    M || e.preventDefault(), x(t), V(t), U(E) && E(t, r);
+    I || e.preventDefault(), x(t), z(t), U(M) && M(t, r);
   }
   b(() => {
     const e = decodeURIComponent(location.hash);
-    e ? (x(e), V(e)) : p(null);
-  }, []), b(() => (se || p(null), we(l, "scroll", p), () => {
-    Ne(l, "scroll", p);
-  }), [R, p]), b(() => {
+    e ? (x(e), z(e)) : p(null);
+  }, []), b(() => (se || p(null), we(s, "scroll", p), () => {
+    Ae(s, "scroll", p);
+  }), [N, p]), b(() => {
     const e = u.current.get(r);
     e && !h && d.current && (C === "horizontal" ? (d.current.style.left = `${e.offsetLeft}px`, d.current.style.width = `${e.clientWidth}px`) : d.current.style.top = `${e.offsetTop}px`);
-  }, [r, h, C, I, oe]);
-  const z = /* @__PURE__ */ fe("div", { className: re, style: Q, ref: s, ...ne, children: [
-    !h && r && /* @__PURE__ */ w("div", { className: `${a}-line-slider`, ref: d }),
+  }, [r, h, C, E, oe]);
+  const B = /* @__PURE__ */ fe("div", { className: re, style: Q, ref: a, ...ne, children: [
+    !h && r && /* @__PURE__ */ w("div", { className: `${f}-line-slider`, ref: d }),
     /* @__PURE__ */ w(
-      Ae.Provider,
+      Re.Provider,
       {
         value: {
           direction: C,
@@ -173,7 +170,7 @@ function Me(j, D) {
           removeLink: le,
           onLinkClick: ce
         },
-        children: /* @__PURE__ */ w("div", { className: `${a}-list`, children: te })
+        children: /* @__PURE__ */ w("div", { className: `${f}-list`, children: te })
       }
     )
   ] });
@@ -183,15 +180,15 @@ function Me(j, D) {
       offsetTop: ee,
       offsetBottom: _,
       style: Z,
-      target: l,
-      children: z
+      target: s,
+      children: B
     }
-  ) : z;
+  ) : B;
 }
-const Ee = de(Me), W = Ee;
+const Me = de(Ie), W = Me;
 W.displayName = "Anchor";
-W.Link = $e;
+W.Link = Se;
 export {
-  $e as AnchorLink,
+  Se as AnchorLink,
   W as default
 };

package/anchor/Link.js

@@ -1,55 +1,59 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as g, jsx as A } from "react/jsx-runtime";
-import j, { forwardRef as v, useContext as c, useRef as R, useImperativeHandle as b, useEffect as E, isValidElement as O } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as P, jsx as A } from "react/jsx-runtime";
+import E, { forwardRef as R, useContext as c, useRef as j, useImperativeHandle as v, useEffect as b, isValidElement as O } from "react";
 import "../config-provider/ConfigProvider.js";
 import $ from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import w from "@unicom-cloud/ui-common/utils/className";
 import { isUndefined as I, isNull as M, isString as S, isPlainObject as z } from "@unicom-cloud/ui-common/utils/is";
 import D from "./context.js";
 import H from "../config-provider/context.js";
-const a = "AnchorLink", U = {
+const l = "AnchorLink", U = {
   href: "#"
 };
-function V(t) {
-  return z(t) && Object.prototype.hasOwnProperty.call(t, "displayName");
+function V(r) {
+  return z(r) && Object.prototype.hasOwnProperty.call(r, "displayName");
 }
-function Y(t, l) {
+function Y(r, a) {
   const {
     prefixCls: q,
     getPrefixCls: m,
     componentConfig: f
   } = c(H), p = $(
-    t,
+    r,
     U,
     f?.AnchorLink
-  ), { className: d, style: u, href: e, title: r, children: i, ...h } = p, C = c(D), { currentLink: k, addLink: N, removeLink: x, onLinkClick: L, direction: y } = C, o = m?.("anchor-link"), P = w(
+  ), { className: d, style: u, href: e, title: n, children: i, ...h } = p, C = c(D), { currentLink: N, addLink: k, removeLink: x, onLinkClick: L, direction: g } = C, o = m?.("anchor-link"), y = w(
     o,
     {
-      [`${o}-active`]: k === e
+      [`${o}-active`]: N === e
     },
     d
-  ), s = R(null);
-  return b(l, () => s.current, []), E(() => (N?.(e, s.current), () => {
+  ), s = j(null);
+  return v(a, () => ({
+    getRootElement() {
+      return s.current;
+    }
+  })), b(() => (k?.(e, s.current), () => {
     x?.(e);
-  }), [e]), /* @__PURE__ */ g("div", { className: P, style: u, ref: s, ...h, children: [
-    !I(r) && !M(r) && /* @__PURE__ */ A(
+  }), [e]), /* @__PURE__ */ P("div", { className: y, style: u, ref: s, ...h, children: [
+    !I(n) && !M(n) && /* @__PURE__ */ A(
       "a",
       {
         className: `${o}-title`,
-        title: S(r) ? r : "",
+        title: S(n) ? n : "",
         href: e,
         "data-href": e,
-        onClick: (n) => {
-          L?.(n, e);
+        onClick: (t) => {
+          L?.(t, e);
         },
-        children: r
+        children: n
       }
     ),
-    i && y !== "horizontal" && j.Children.map(i, (n) => O(n) && V(n.type) && n.type.displayName === a && n)
+    i && g !== "horizontal" && E.Children.map(i, (t) => O(t) && V(t.type) && t.type.displayName === l && t)
   ] });
 }
-const _ = v(Y);
-_.displayName = a;
+const _ = R(Y);
+_.displayName = l;
 export {
   _ as default
 };

package/anchor/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { createContext as t } from "react";
 const n = t({
   direction: "vertical",

package/anchor/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import r from "./Anchor.js";
 import { findNode as f } from "./utils.js";
 import { default as d } from "./Link.js";

package/anchor/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { isString as u, isFunction as c, isWindow as e } from "@unicom-cloud/ui-common/utils/is";
 import l, { easing as s } from "@unicom-cloud/ui-common/utils/tween";
 function d(n, o) {

package/app/App.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as f } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import "../message/index.js";

package/app/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { createContext as t } from "react";
 const o = {
   message: {},

package/app/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import p from "./App.js";
 import o from "./useApp.js";
 const s = Object.assign(p, {

package/app/useApp.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { useContext as t } from "react";
 import o from "./context.js";
 function r() {

package/auto-complete/index.js

@@ -1,26 +1,26 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as n } from "react/jsx-runtime";
 import Y from "@unicom-cloud/icons/IconUiLoading";
-import a, { useContext as Z, useState as ee, useRef as E, isValidElement as te, useImperativeHandle as oe } from "react";
+import a, { 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 "@unicom-cloud/ui-common/hooks/use-merge-props";
 import ne from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import se from "../input/Input.js";
-import l from "../select/Select.js";
-import { isSelectOption as le, isSelectOptGroup as ie } from "../select/utils.js";
-import pe from "@unicom-cloud/ui-common/utils/className";
-import { isString as ue, isObjectLike as ae, isFunction as S } from "@unicom-cloud/ui-common/utils/is";
+import le from "../input/Input.js";
+import i from "../select/Select.js";
+import { isSelectOption as se, isSelectOptGroup as ie } from "../select/utils.js";
+import ue from "@unicom-cloud/ui-common/utils/className";
+import { isString as pe, isObjectLike as ae, isFunction as S } from "@unicom-cloud/ui-common/utils/is";
 import { Enter as ce, Esc as fe } from "@unicom-cloud/utils/constant/keyboardCode";
 import me from "@unicom-cloud/ui-common/utils/omit";
 import { pickDataAttributes as ge } from "@unicom-cloud/ui-common/utils/pick";
 import de from "../config-provider/context.js";
 const Ce = `Autocomplete_${Math.random()}`, Oe = {
   defaultActiveFirstOption: !0,
-  triggerElement: /* @__PURE__ */ n(se, {})
+  triggerElement: /* @__PURE__ */ n(le, {})
 };
 function he(F, N) {
   const {
-    prefixCls: xe,
+    prefixCls: Ae,
     getPrefixCls: V,
     componentConfig: w
   } = Z(de), r = re(
@@ -29,13 +29,13 @@ function he(F, N) {
     w?.AutoComplete
   ), {
     style: I,
-    className: b,
+    className: R,
     children: c,
-    data: i,
-    defaultValue: k,
-    value: v,
-    placeholder: L,
-    error: R,
+    data: u,
+    defaultValue: b,
+    value: k,
+    placeholder: v,
+    error: L,
     disabled: B,
     strict: G,
     allowClear: M,
@@ -50,24 +50,24 @@ function he(F, N) {
     onChange: h,
     onSearch: _,
     onSelect: q,
-    onPressEnter: P,
+    onPressEnter: E,
     inputProps: o
-  } = r, [m, y] = ne("", {
-    defaultValue: k,
-    value: v
-  }), [z, A] = ee(!1), p = E(null), s = E(null), x = 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, g = a.Children.toArray(c);
+  } = r, [m, P] = ne("", {
+    defaultValue: b,
+    value: k
+  }), [z, y] = ee(!1), l = x(null), s = x(null), A = 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, g = a.Children.toArray(c);
   let d = null;
-  g.length && (le(g[0]) || ie(g[0])) ? d = c : i && i.length && (d = i.map((e, t) => {
+  g.length && (se(g[0]) || ie(g[0])) ? d = c : u && u.length && (d = u.map((e, t) => {
     if (te(e))
       return e;
-    if (ue(e))
-      return /* @__PURE__ */ n(l.Option, { value: e, children: e }, t);
+    if (pe(e))
+      return /* @__PURE__ */ n(i.Option, { value: e, children: e }, t);
     if (ae(e)) {
-      const { value: u, name: X } = e;
+      const { value: p, name: X } = e;
       return /* @__PURE__ */ n(
-        l.Option,
+        i.Option,
         {
-          value: u,
+          value: p,
           extra: me(e, ["value", "name"]),
           children: X
         },
@@ -75,22 +75,27 @@ function he(F, N) {
       );
     }
     return null;
-  })), oe(N, () => p.current);
+  })), oe(N, () => ({
+    ...l.current,
+    getRootElement() {
+      return l.current.getRootElement();
+    }
+  }));
   const C = S(f) ? f({ value: m }) : f, Q = a.cloneElement(C, {
     ref: (e) => {
-      p.current = e;
+      l.current = e;
       const { ref: t } = C;
       S(t) && t(e);
     },
-    className: pe(
-      `${x}`,
+    className: ue(
+      `${A}`,
       o && o.className,
-      b
+      R
     ),
     style: I,
     value: m,
-    placeholder: L,
-    error: R,
+    placeholder: v,
+    error: L,
     status: r.status,
     disabled: B,
     allowClear: M,
@@ -99,32 +104,32 @@ function he(F, N) {
     // 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", {}),
     onFocus: (e) => {
-      A(!0), T?.(e), o?.onFocus?.(e);
+      y(!0), T?.(e), o?.onFocus?.(e);
     },
     onBlur: (e) => {
-      A(!1), U?.(e), o?.onBlur?.(e);
+      y(!1), U?.(e), o?.onBlur?.(e);
     },
     onKeyDown: (e) => {
       const t = e.key;
-      if (s.current?.hotkeyHandler?.(e), t === ce.key && P) {
-        let u;
-        s.current && (u = s.current.getOptionInfoByValue(
+      if (s.current?.hotkeyHandler?.(e), t === ce.key && E) {
+        let p;
+        s.current && (p = s.current.getOptionInfoByValue(
           s.current.activeOptionValue
-        )), P(e, u);
+        )), E(e, p);
       }
-      t === fe.key && p.current?.blur?.(), o?.onKeyDown?.(e);
+      t === fe.key && l.current?.blur?.(), o?.onKeyDown?.(e);
     },
     onChange: (e, t) => {
-      y(e), _?.(e), h?.(e), o?.onChange?.(e, t);
+      P(e), _?.(e), h?.(e), o?.onChange?.(e, t);
     }
   }), W = {
-    popupVisible: !!(z && (i?.length || a.Children.count(c))),
+    popupVisible: !!(z && (u?.length || a.Children.count(c))),
     ...r.triggerProps,
     // Other trigger types are not supported yet
     trigger: "focus",
-    className: [`${x}-popup`].concat(r?.triggerProps?.className)
+    className: [`${A}-popup`].concat(r?.triggerProps?.className)
   };
-  return /* @__PURE__ */ n(l, { ref: s, ...{
+  return /* @__PURE__ */ n(i, { ref: s, ...{
     triggerElement: Q,
     // Guarantee that onChange can always be triggered
     value: Ce,
@@ -137,20 +142,20 @@ function he(F, N) {
     virtualListProps: K,
     notFoundContent: null,
     onChange: (e, t) => {
-      y(e), h?.(e, t), e && q?.(e, t), p.current?.blur?.();
+      P(e), h?.(e, t), e && q?.(e, t), l.current?.blur?.();
     }
   }, children: d });
 }
-const Pe = a.forwardRef(he), O = Pe;
+const Ee = a.forwardRef(he), O = Ee;
 O.displayName = "AutoComplete";
-const [ye, Ae] = [
-  l.Option,
-  l.OptGroup
+const [Pe, ye] = [
+  i.Option,
+  i.OptGroup
 ];
-O.Option = ye;
-O.OptGroup = Ae;
+O.Option = Pe;
+O.OptGroup = ye;
 export {
-  Ae as AutoCompleteOptGroup,
-  ye as AutoCompleteOption,
+  ye as AutoCompleteOptGroup,
+  Pe as AutoCompleteOption,
   O as default
 };