@unicom-cloud/ui 0.8.131 → 0.8.133

package/alert/Alert.js

@@ -0,0 +1,111 @@
+/* 2025-12-30 17:27:22 */
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import T from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import z from "@unicom-cloud/icons/IconUiClose";
+import B from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import H from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import a from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import O from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as V, useContext as q, useState as D, useRef as G, useImperativeHandle as J } from "react";
+import "../config-provider/ConfigProvider.js";
+import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import L from "@unicom-cloud/ui-common/utils/className";
+import Q from "../config-provider/context.js";
+const W = {
+  showIcon: !0,
+  type: "default"
+}, X = {
+  default: /* @__PURE__ */ e(a, {}),
+  info: /* @__PURE__ */ e(a, {}),
+  success: /* @__PURE__ */ e(T, {}),
+  warning: /* @__PURE__ */ e(H, {}),
+  error: /* @__PURE__ */ e(B, {})
+}, Y = (m, p) => {
+  const {
+    prefixCls: f,
+    getPrefixCls: u,
+    componentConfig: d,
+    rtl: C
+  } = q(Q), n = K(
+    m,
+    W,
+    d?.Alert
+  ), {
+    style: h,
+    className: N,
+    action: r,
+    type: s = "default",
+    title: t,
+    children: $,
+    content: b,
+    icon: x,
+    showIcon: I,
+    closable: v,
+    closeable: w,
+    afterClose: g,
+    onClose: E,
+    closeElement: y = /* @__PURE__ */ e(z, {}),
+    banner: P,
+    ...U
+  } = n, i = $ ?? b, o = u?.("alert") || "alert", [A, F] = D(!0), l = G(null), R = (M) => {
+    F(!1), E?.(M);
+  }, S = "closeable" in n ? w : v, j = L(
+    o,
+    `${o}-${s}`,
+    {
+      [`${o}-with-title`]: !!t,
+      [`${o}-banner`]: P,
+      [`${o}-rtl`]: C
+    },
+    N
+  ), k = x ?? X[s];
+  return J(p, () => ({
+    getRootElement() {
+      return l.current;
+    }
+  })), /* @__PURE__ */ e(
+    O,
+    {
+      in: A,
+      timeout: 300,
+      classNames: `${f}-zoom-in-top`,
+      unmountOnExit: !0,
+      onExited: () => {
+        g?.();
+      },
+      refElement: l,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          ref: l,
+          style: h,
+          className: j,
+          role: "alert",
+          ...U,
+          children: [
+            I && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: k }),
+            /* @__PURE__ */ c("div", { className: `${o}-content-wrapper`, children: [
+              t && /* @__PURE__ */ e("div", { className: `${o}-title`, children: t }),
+              i && /* @__PURE__ */ e("div", { className: `${o}-content`, children: i })
+            ] }),
+            r && /* @__PURE__ */ e("div", { className: `${o}-action`, children: r }),
+            S && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: R,
+                className: `${o}-close-btn`,
+                "aria-label": "Close alert",
+                children: y
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, Z = V(Y);
+Z.displayName = "Alert";
+export {
+  Z as default
+};

package/alert/index.js

@@ -1,111 +1,5 @@
-/* 2025-12-22 10:22:04 */
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import T from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import z from "@unicom-cloud/icons/IconUiClose";
-import B from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import H from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import a from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import O from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { forwardRef as V, useContext as q, useState as D, useRef as G, useImperativeHandle as J } from "react";
-import "../config-provider/ConfigProvider.js";
-import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import L from "@unicom-cloud/ui-common/utils/className";
-import Q from "../config-provider/context.js";
-const W = {
-  showIcon: !0,
-  type: "default"
-}, X = {
-  default: /* @__PURE__ */ e(a, {}),
-  info: /* @__PURE__ */ e(a, {}),
-  success: /* @__PURE__ */ e(T, {}),
-  warning: /* @__PURE__ */ e(H, {}),
-  error: /* @__PURE__ */ e(B, {})
-}, Y = (m, p) => {
-  const {
-    prefixCls: f,
-    getPrefixCls: u,
-    componentConfig: d,
-    rtl: C
-  } = q(Q), n = K(
-    m,
-    W,
-    d?.Alert
-  ), {
-    style: h,
-    className: N,
-    action: r,
-    type: s = "default",
-    title: t,
-    children: $,
-    content: b,
-    icon: x,
-    showIcon: I,
-    closable: v,
-    closeable: w,
-    afterClose: g,
-    onClose: E,
-    closeElement: y = /* @__PURE__ */ e(z, {}),
-    banner: P,
-    ...U
-  } = n, i = $ ?? b, o = u?.("alert") || "alert", [A, F] = D(!0), l = G(null), R = (M) => {
-    F(!1), E?.(M);
-  }, S = "closeable" in n ? w : v, j = L(
-    o,
-    `${o}-${s}`,
-    {
-      [`${o}-with-title`]: !!t,
-      [`${o}-banner`]: P,
-      [`${o}-rtl`]: C
-    },
-    N
-  ), k = x ?? X[s];
-  return J(p, () => ({
-    getRootElement() {
-      return l.current;
-    }
-  })), /* @__PURE__ */ e(
-    O,
-    {
-      in: A,
-      timeout: 300,
-      classNames: `${f}-zoom-in-top`,
-      unmountOnExit: !0,
-      onExited: () => {
-        g?.();
-      },
-      refElement: l,
-      children: /* @__PURE__ */ c(
-        "div",
-        {
-          ref: l,
-          style: h,
-          className: j,
-          role: "alert",
-          ...U,
-          children: [
-            I && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: k }),
-            /* @__PURE__ */ c("div", { className: `${o}-content-wrapper`, children: [
-              t && /* @__PURE__ */ e("div", { className: `${o}-title`, children: t }),
-              i && /* @__PURE__ */ e("div", { className: `${o}-content`, children: i })
-            ] }),
-            r && /* @__PURE__ */ e("div", { className: `${o}-action`, children: r }),
-            S && /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                onClick: R,
-                className: `${o}-close-btn`,
-                "aria-label": "Close alert",
-                children: y
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, Z = V(Y);
-Z.displayName = "Alert";
+/* 2025-12-30 17:27:22 */
+import t from "./Alert.js";
 export {
-  Z as default
+  t as default
 };

package/anchor/Anchor.js

@@ -1,19 +1,19 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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 A, useState as ge, useImperativeHandle as he, useCallback as P, useEffect as b } from "react";
-import Ce from "../affix/index.js";
+import { forwardRef as de, useContext as pe, useRef as N, useState as ge, useImperativeHandle as he, useCallback as P, useEffect as b } from "react";
+import Ce from "../affix/Affix.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 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 { 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 Se from "./context.js";
+import $e from "./Link.js";
+import { getContainer as Ae, getScrollParent as Pe, findNode as T, getContainerElement as be, slide as ve } from "./utils.js";
 import Te from "../config-provider/context.js";
 const Ee = {
   animation: !0,
@@ -34,7 +34,7 @@ function Ie(j, D) {
   ), {
     className: K,
     style: Q,
-    scrollContainer: N,
+    scrollContainer: R,
     animation: X = !0,
     lineless: h,
     affix: Y = !0,
@@ -43,17 +43,17 @@ function Ie(j, D) {
     offsetTop: ee,
     hash: I = !1,
     boundary: i = "start",
-    targetOffset: R,
+    targetOffset: S,
     children: te,
     direction: C = "vertical",
     onSelect: M,
-    onChange: S,
+    onChange: $,
     ...ne
   } = 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);
+  }), a = N(null), d = N(null), u = N(/* @__PURE__ */ new Map()), A = N(!1), [oe, F] = ge(0), [r, ie] = ye(""), se = xe(), s = R ? Ae(R) : Pe(a.current);
   he(D, () => ({
     getRootElement() {
       return a.current;
@@ -80,10 +80,10 @@ function Ie(j, D) {
         scrollMode: "if-needed",
         boundary: a.current
       }), ie(e).then(() => {
-        U(S) && S(e, r);
+        U($) && $(e, r);
       }));
     },
-    [r, S]
+    [r, $]
   ), V = P(() => {
     let e;
     const t = v(i) ? i : 0, k = be(s).getBoundingClientRect(), y = document.documentElement.clientHeight;
@@ -92,21 +92,21 @@ function Ie(j, D) {
       let o = !1;
       if (g) {
         const { top: c, height: m } = g.getBoundingClientRect();
-        if (Ne(s)) {
-          const n = R ?? y / 2;
+        if (Re(s)) {
+          const n = S ?? y / 2;
           o = c >= t && c <= n || c <= t && c + m >= n;
         } else {
-          const n = c - k.top - t, O = R ?? k.height / 2;
+          const n = c - k.top - t, O = S ?? k.height / 2;
           o = n >= 0 && n <= O || n <= 0 && n + m >= O;
         }
         o && (e = g);
       }
       return o;
     }), e;
-  }, [i, R, s]), p = P(
+  }, [i, S, s]), p = P(
     me(
       (e) => {
-        if ($.current)
+        if (A.current)
           return;
         const t = V();
         if (t && t.id) {
@@ -137,9 +137,9 @@ function Ie(j, D) {
           }
           m(null);
         }));
-        $.current = !0, Promise.all(g).then(() => {
+        A.current = !0, Promise.all(g).then(() => {
           setTimeout(() => {
-            $.current = !1;
+            A.current = !1;
           }, 27);
         });
       } catch (t) {
@@ -153,15 +153,15 @@ function Ie(j, D) {
     const e = decodeURIComponent(location.hash);
     e ? (x(e), z(e)) : p(null);
   }, []), b(() => (se || p(null), we(s, "scroll", p), () => {
-    Ae(s, "scroll", p);
-  }), [N, p]), b(() => {
+    Ne(s, "scroll", p);
+  }), [R, 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, 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(
-      Re.Provider,
+      Se.Provider,
       {
         value: {
           direction: C,
@@ -185,10 +185,12 @@ function Ie(j, D) {
     }
   ) : B;
 }
-const Me = de(Ie), W = Me;
+const Me = de(
+  Ie
+), W = Me;
 W.displayName = "Anchor";
-W.Link = Se;
+W.Link = $e;
 export {
-  Se as AnchorLink,
+  $e as AnchorLink,
   W as default
 };

package/anchor/Link.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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";

package/anchor/context.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { createContext as t } from "react";
 const n = t({
   direction: "vertical",

package/anchor/index.js

@@ -1,9 +1,9 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import r from "./Anchor.js";
-import { findNode as f } from "./utils.js";
-import { default as d } from "./Link.js";
+import { findNode as n } from "./utils.js";
+import { default as t } from "./Link.js";
 export {
-  d as AnchorLink,
+  t as AnchorLink,
   r as default,
-  f as findAnchorLinkNode
+  n as findAnchorLinkNode
 };

package/anchor/utils.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { createContext as t } from "react";
 const o = {
   message: {},

package/app/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import p from "./App.js";
 import o from "./useApp.js";
 const s = Object.assign(p, {

package/app/useApp.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { useContext as t } from "react";
 import o from "./context.js";
 function r() {

package/auto-complete/AutoComplete.js

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