@unicom-cloud/ui 0.8.131 → 0.8.133

package/auto-complete/index.js

@@ -1,161 +1,8 @@
-/* 2025-12-22 10:22:04 */
-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 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 ce, isFunction as x } from "@unicom-cloud/ui-common/utils/is";
-import { Enter as ae, Esc as me } from "@unicom-cloud/utils/constant/keyboardCode";
-import fe 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(le, {})
-};
-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: m,
-    getPopupContainer: j,
-    dropdownRender: H,
-    virtualListProps: K,
-    onFocus: T,
-    onBlur: U,
-    onChange: O,
-    onSearch: _,
-    onSelect: q,
-    onPressEnter: E,
-    inputProps: o
-  } = r, [f, P] = ne("", {
-    defaultValue: b,
-    value: k
-  }), [z, y] = ee(!1), l = S(null), s = 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 && (se(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: fe(e, ["value", "name"]),
-          children: X
-        },
-        t
-      );
-    }
-    return null;
-  })), oe(N, () => ({
-    ...l.current,
-    getRootElement() {
-      return l.current.getRootElement();
-    }
-  }));
-  const C = x(m) ? m({ value: f }) : m, Q = c.cloneElement(C, {
-    ref: (e) => {
-      l.current = e;
-      const { ref: t } = C;
-      x(t) && t(e);
-    },
-    className: ue(
-      `${A}`,
-      o && o.className,
-      R
-    ),
-    style: I,
-    value: f,
-    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 (s.current?.hotkeyHandler?.(e), t === ae.key && E) {
-        let p;
-        s.current && (p = s.current.getOptionInfoByValue(
-          s.current.activeOptionValue
-        )), E(e, p);
-      }
-      t === me.key && l.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: s, ...{
-    triggerElement: Q,
-    // Guarantee that onChange can always be triggered
-    value: Ce,
-    inputValue: f,
-    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), l.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;
+/* 2025-12-30 17:27:22 */
+import t from "./AutoComplete.js";
+import { AutoCompleteOptGroup as m, AutoCompleteOption as r } from "./AutoComplete.js";
 export {
-  ye as AutoCompleteOptGroup,
-  Pe as AutoCompleteOption,
-  h as default
+  m as AutoCompleteOptGroup,
+  r as AutoCompleteOption,
+  t as default
 };

package/avatar/Avatar.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsxs as E, jsx as f } from "react/jsx-runtime";
 import h, { forwardRef as T, useContext as y, useRef as C, useImperativeHandle as W, useEffect as j } from "react";
 import "../config-provider/ConfigProvider.js";

package/avatar/Group.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import $, { forwardRef as b, useContext as I } from "react";
 import "../config-provider/ConfigProvider.js";

package/avatar/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 = t({});
 export {

package/avatar/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import r from "./Avatar.js";
 import a from "./Group.js";
 const o = r;

package/back-top/BackTop.js

@@ -0,0 +1,75 @@
+/* 2025-12-30 17:27:22 */
+import { jsx as s } from "react/jsx-runtime";
+import v from "@unicom-cloud/icons/IconUiToTop";
+import x from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as E, useContext as k, useState as y, useRef as H, useEffect as N, useImperativeHandle as w } from "react";
+import "../config-provider/ConfigProvider.js";
+import P from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import R from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import B from "@unicom-cloud/ui-common/utils/className";
+import { on as $, off as S } from "@unicom-cloud/ui-common/utils/dom";
+import { pickDataAttributes as D } from "@unicom-cloud/ui-common/utils/pick";
+import I from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import K from "../config-provider/context.js";
+function j(m, a) {
+  const f = {
+    visibleHeight: 400,
+    smooth: !0,
+    target: () => window
+  }, {
+    prefixCls: p,
+    getPrefixCls: u,
+    componentConfig: d,
+    rtl: g
+  } = k(K), b = P(), t = R(m, f, d?.BackTop), n = u?.("backtop"), [h, C] = y(!1), i = H(null), l = (o) => o === window ? document.documentElement : o;
+  N(() => {
+    const o = t.target?.(), e = I(() => {
+      const r = t.visibleHeight, T = l(o).scrollTop;
+      C(T >= r);
+    });
+    return $(o, "scroll", e), e(), () => {
+      e.cancel?.(), S(o, "scroll", e);
+    };
+  }, [t.target, t.visibleHeight]);
+  const c = () => {
+    const o = t.target?.(), e = l(o), r = { top: 0 };
+    t.smooth && (r.behavior = "smooth"), e.scrollTo(r), t.onClick?.();
+  };
+  return w(a, () => ({
+    getRootElement() {
+      return i.current;
+    }
+  })), /* @__PURE__ */ s(
+    x,
+    {
+      in: h,
+      timeout: 100,
+      classNames: `${p}-fade-in`,
+      unmountOnExit: !0,
+      refElement: i,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ...D(t),
+          ref: i,
+          className: B(
+            `${n}`,
+            { [`${n}-rtl`]: g },
+            t.className
+          ),
+          style: t.style,
+          onClick: c,
+          ...b({
+            onPressEnter: c
+          }),
+          children: t.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(v, {}) })
+        }
+      )
+    }
+  );
+}
+const A = E(j);
+A.displayName = "BackTop";
+export {
+  A as default
+};

package/back-top/index.js

@@ -1,75 +1,5 @@
-/* 2025-12-22 10:22:04 */
-import { jsx as s } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiToTop";
-import E from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import k, { forwardRef as y, useContext as H, useState as N, useRef as P, useEffect as R, useImperativeHandle as w } from "react";
-import "../config-provider/ConfigProvider.js";
-import B from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import $ from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import S from "@unicom-cloud/ui-common/utils/className";
-import { on as D, off as I } from "@unicom-cloud/ui-common/utils/dom";
-import { pickDataAttributes as K } from "@unicom-cloud/ui-common/utils/pick";
-import j from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import q from "../config-provider/context.js";
-function A(a, p) {
-  const f = {
-    visibleHeight: 400,
-    smooth: !0,
-    target: () => window
-  }, {
-    prefixCls: u,
-    getPrefixCls: d,
-    componentConfig: g,
-    rtl: b
-  } = H(q), h = B(), t = $(a, f, g?.BackTop), n = d?.("backtop"), [C, T] = N(!1), i = P(null), l = (o) => o === window ? document.documentElement : o;
-  R(() => {
-    const o = t.target?.(), e = j(() => {
-      const r = t.visibleHeight, v = l(o).scrollTop;
-      T(v >= r);
-    });
-    return D(o, "scroll", e), e(), () => {
-      e.cancel?.(), I(o, "scroll", e);
-    };
-  }, [t.target, t.visibleHeight]);
-  const c = () => {
-    const o = t.target?.(), e = l(o), r = { top: 0 };
-    t.smooth && (r.behavior = "smooth"), e.scrollTo(r), t.onClick?.();
-  };
-  return w(p, () => ({
-    getRootElement() {
-      return i.current;
-    }
-  })), /* @__PURE__ */ s(
-    "div",
-    {
-      ...K(t),
-      ref: i,
-      className: S(
-        `${n}`,
-        { [`${n}-rtl`]: b },
-        t.className
-      ),
-      style: t.style,
-      onClick: c,
-      ...h({
-        onPressEnter: c
-      }),
-      children: /* @__PURE__ */ s(
-        E,
-        {
-          in: C,
-          timeout: 100,
-          classNames: `${u}-fade-in`,
-          unmountOnExit: !0,
-          children: t.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(x, {}) })
-        }
-      )
-    }
-  );
-}
-const m = y(A);
-m.displayName = "BackTop";
-const Y = k.memo(m);
+/* 2025-12-30 17:27:22 */
+import a from "./BackTop.js";
 export {
-  Y as default
+  a as default
 };

package/badge/Badge.js

@@ -0,0 +1,213 @@
+/* 2025-12-30 17:27:22 */
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import M from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as U, useContext as q, useRef as R, useImperativeHandle as J } from "react";
+import "../config-provider/ConfigProvider.js";
+import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import n from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as Q, isNumber as B } from "@unicom-cloud/ui-common/utils/is";
+import O from "./Count.js";
+import V from "../config-provider/context.js";
+const $ = [
+  "red",
+  "orangered",
+  "orange",
+  "gold",
+  "lime",
+  "green",
+  "cyan",
+  "primary",
+  "purple",
+  "magenta",
+  "gray"
+], W = {
+  count: 0,
+  maxCount: 99,
+  dotAnimation: !0
+  // 默认开启 dot 动画
+};
+function X(w, A) {
+  const {
+    prefixCls: Z,
+    getPrefixCls: D,
+    componentConfig: T,
+    rtl: g
+  } = q(V), j = K(
+    w,
+    W,
+    T?.Badge
+  ), {
+    ribbon: r,
+    count: a,
+    prefixText: b,
+    text: u,
+    className: v,
+    dotClassName: i,
+    dot: C,
+    dotAnimation: x,
+    maxCount: k,
+    color: e,
+    dotStyle: G,
+    offset: I,
+    style: _,
+    status: m,
+    children: N,
+    ...z
+  } = j, y = R(null), h = R(null), t = D?.("badge"), l = { ...G || {} }, [S, E] = I || [];
+  S && (l.marginRight = -S), E && (l.marginTop = E), J(A, () => ({
+    getRootElement() {
+      return y.current;
+    }
+  }));
+  const F = () => {
+    if (Q(a))
+      return /* @__PURE__ */ o(
+        "span",
+        {
+          className: n(`${t}-custom-dot`, i),
+          style: l,
+          children: a
+        }
+      );
+    const s = e ? $.includes(e) : !1, c = !e || s ? {} : { backgroundColor: e };
+    if (u && !e && !m)
+      return /* @__PURE__ */ o(
+        "span",
+        {
+          className: n(`${t}-text`, i),
+          style: l,
+          children: u
+        }
+      );
+    if (m || e && B(a) && a <= 0) {
+      const p = !!u && /* @__PURE__ */ o("span", { className: `${t}-status-text`, children: u }), d = !!b && /* @__PURE__ */ o(
+        "span",
+        {
+          className: n(
+            `${t}-status-text`,
+            `${t}-status-text-prefix`
+          ),
+          children: b
+        }
+      ), L = /* @__PURE__ */ o(
+        "span",
+        {
+          style: { ...c, ...l },
+          className: n(
+            `${t}-status-dot`,
+            {
+              [`${t}-dot-pulse`]: x,
+              [`${t}-status-${m}`]: m,
+              [`${t}-color-${e}`]: e && s
+            },
+            i
+          )
+        }
+      );
+      return /* @__PURE__ */ f("span", { className: `${t}-status-wrapper`, children: [
+        d,
+        L,
+        p
+      ] });
+    }
+    return (C || e) && B(a) && a > 0 ? /* @__PURE__ */ o(
+      M,
+      {
+        classNames: `${t}-zoom`,
+        in: C || !!e,
+        timeout: 200,
+        appear: !0,
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        refElement: h,
+        children: /* @__PURE__ */ o(
+          "span",
+          {
+            ref: h,
+            className: n(
+              `${t}-dot`,
+              {
+                [`${t}-dot-pulse`]: x,
+                [`${t}-color-${e}`]: e && s
+              },
+              i
+            ),
+            style: { ...c, ...l }
+          }
+        )
+      }
+    ) : /* @__PURE__ */ o(
+      O,
+      {
+        prefixCls: t,
+        className: n(`${t}-number`, i),
+        style: { ...c, ...l },
+        maxCount: k,
+        count: a
+      }
+    );
+  }, H = () => {
+    if (!r) return;
+    const s = r.color, c = s ? $.includes(s) : !1, p = {
+      ...c ? {} : { backgroundColor: s },
+      ...r.style
+    }, d = r.placement || "end";
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        className: n(
+          `${t}-ribbon`,
+          `${t}-ribbon-${d}`,
+          {
+            [`${t}-rtl`]: g,
+            [`${t}-color-${s}`]: s && c
+          },
+          r.className
+        ),
+        style: p,
+        children: [
+          /* @__PURE__ */ o("span", { className: `${t}-ribbon-text`, children: r.text }),
+          /* @__PURE__ */ o("div", { className: `${t}-ribbon-corner` })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      className: n(
+        t,
+        {
+          [`${t}-status`]: m,
+          [`${t}-no-children`]: !N,
+          [`${t}-rtl`]: g
+        },
+        !!r && `${t}-ribbon-wrapper`,
+        v
+      ),
+      ref: y,
+      style: _,
+      ...z,
+      children: [
+        N,
+        r ? H() : F()
+      ]
+    }
+  );
+}
+const Y = U(X), P = Y;
+P.displayName = "Badge";
+P.Count = O;
+const it = $, mt = [
+  "default",
+  "processing",
+  "success",
+  "warning",
+  "error"
+];
+export {
+  it as BADGE_COLORS,
+  mt as BADGE_STATUS,
+  O as BadgeCount,
+  P as default
+};

package/badge/Count.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsx as t } from "react/jsx-runtime";
 import f from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import { useState as d, useRef as p } from "react";