@unicom-cloud/ui 0.8.134 → 0.8.135

package/input/InputElement.js

@@ -1,19 +1,21 @@
-/* 2026-01-04 16:21:01 */
-import { jsxs as L, Fragment as k, jsx as s } from "react/jsx-runtime";
-import Y from "@unicom-cloud/icons/IconUiClose";
-import Z, { useState as _, useRef as x, useImperativeHandle as ee, useEffect as te } from "react";
-import ne from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import oe from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import re from "../icon-hover/index.js";
-import H from "@unicom-cloud/ui-common/utils/className";
-import ie from "@unicom-cloud/ui-common/utils/fillNBSP";
-import { isPlainObject as h, isObjectLike as ae, isFunction as K, isArray as se } from "@unicom-cloud/ui-common/utils/is";
-import le from "@unicom-cloud/ui-common/utils/omit";
-import ue from "./useComposition.js";
-const ce = 2, de = (n) => {
-  if (!n)
+/* 2026-01-08 16:35:57 */
+import { jsxs as O, Fragment as k, jsx as s } from "react/jsx-runtime";
+import ne from "@unicom-cloud/icons/IconUiClose";
+import { HYPHEN as re } from "@unicom-cloud/utils/constant/string";
+import ie, { useContext as F, useState as ae, useRef as I, useImperativeHandle as se, useEffect as le } from "react";
+import { FormContext as ue, FormItemContext as ce } from "../form/context.js";
+import me from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import de from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import fe from "../icon-hover/index.js";
+import K from "@unicom-cloud/ui-common/utils/className";
+import pe from "@unicom-cloud/ui-common/utils/fillNBSP";
+import { isPlainObject as g, isObjectLike as he, isFunction as T, isArray as ge } from "@unicom-cloud/ui-common/utils/is";
+import Ce from "@unicom-cloud/ui-common/utils/omit";
+import ye from "./useComposition.js";
+const ve = 2, xe = (o) => {
+  if (!o)
     return {};
-  const g = window.getComputedStyle(n);
+  const C = window.getComputedStyle(o);
   return [
     "font",
     "letterSpacing",
@@ -29,30 +31,30 @@ const ce = 2, de = (n) => {
     "borderLeft",
     "borderRight",
     "boxSizing"
-  ].reduce((a, l) => (a[l] = g[l], a), {});
-}, me = Z.forwardRef(
-  (n, g) => {
-    const {
-      allowClear: y,
-      disabled: a,
-      placeholder: l,
-      className: O,
-      style: S,
-      height: I,
+  ].reduce((m, l) => (m[l] = C[l], m), {});
+}, be = ie.forwardRef(
+  (o, C) => {
+    const S = F(ue), m = F(ce), {
+      allowClear: l,
+      disabled: y,
+      placeholder: j,
+      className: V,
+      style: z,
+      height: P,
       prefixCls: r,
-      hasParent: C,
-      size: z,
-      value: v,
+      hasParent: v,
+      size: W,
+      value: x,
       autoFitWidth: t,
-      onClear: T,
-      readOnly: W,
-      onChange: j,
-      onKeyDown: F,
-      onPressEnter: M,
+      readOnly: a = m.readOnly ?? S.readOnly,
+      onClear: M,
+      onChange: U,
+      onKeyDown: A,
+      onPressEnter: Y,
       maxLength: d,
       clearIcon: N,
-      ...m
-    } = n, V = le(m, [
+      ...f
+    } = o, $ = a ? re : j, q = Ce(f, [
       "error",
       "status",
       "showWordLimit",
@@ -67,107 +69,110 @@ const ce = 2, de = (n) => {
       "normalize",
       "normalizeTrigger",
       "autoWidth"
-    ]), [P, U] = _(), $ = ne(), o = x(void 0), u = x(void 0), E = x(null), R = h(d) ? d.errorOnly ? void 0 : d.length : d, B = (e) => {
+    ]), [E, G] = ae(), H = me(), n = I(void 0), u = I(void 0), R = I(null), B = g(d) ? d.errorOnly ? void 0 : d.length : d, D = (e) => {
       let i;
-      const c = n.normalizeTrigger || ["onBlur"];
-      return se(c) && c.includes(e) && K(n.normalize) && (i = n.normalize), i;
+      const c = o.normalizeTrigger || ["onBlur"];
+      return ge(c) && c.includes(e) && T(o.normalize) && (i = o.normalize), i;
     }, {
-      compositionValue: A,
-      valueChangeHandler: q,
+      compositionValue: J,
+      valueChangeHandler: Q,
       compositionHandler: b,
-      keyDownHandler: G,
-      triggerValueChangeCallback: D
-    } = ue({
-      value: v,
-      maxLength: R,
-      onChange: j,
-      onKeyDown: F,
-      onPressEnter: M,
-      normalizeHandler: B
-    }), J = H(
+      keyDownHandler: X,
+      triggerValueChangeCallback: L
+    } = ye({
+      value: x,
+      maxLength: B,
+      onChange: U,
+      onKeyDown: A,
+      onPressEnter: Y,
+      normalizeHandler: D
+    }), Z = K(
       r,
       r && {
-        [`${r}-size-${z}`]: z,
-        [`${r}-${n.status}`]: n.status,
-        [`${r}-disabled`]: a,
-        [`${r}-autowidth`]: t
+        [`${r}-size-${W}`]: W,
+        [`${r}-${o.status}`]: o.status,
+        [`${r}-disabled`]: y,
+        [`${r}-autowidth`]: t,
+        [`${r}-readonly`]: a
       },
-      C ? void 0 : O
+      v ? void 0 : V
     ), w = {
-      "aria-invalid": n.status === "error" || void 0,
-      ...V,
-      readOnly: W,
-      maxLength: R,
-      disabled: a,
-      placeholder: l,
-      value: A || v || "",
-      className: J,
-      onKeyDown: G,
-      onChange: q,
+      "aria-invalid": o.status === "error" || void 0,
+      ...q,
+      readOnly: a,
+      maxLength: B,
+      disabled: a || y,
+      placeholder: $,
+      value: J || x || "",
+      className: Z,
+      onKeyDown: X,
+      onChange: Q,
       onCompositionStart: (e) => {
-        m.onCompositionStart?.(e), b(e);
+        f.onCompositionStart?.(e), b(e);
       },
       onCompositionUpdate: (e) => {
-        m.onCompositionUpdate?.(e), b(e);
+        f.onCompositionUpdate?.(e), b(e);
       },
       onCompositionEnd: (e) => {
-        m.onCompositionEnd?.(e), b(e);
+        f.onCompositionEnd?.(e), b(e);
       },
       onBlur: (e) => {
-        n.onBlur?.(e);
-        const i = B("onBlur");
-        i && D(i(e.target.value), e);
+        o.onBlur?.(e);
+        const i = D("onBlur");
+        i && L(i(e.target.value), e);
       }
     };
-    ee(g, () => ({
+    function _(e) {
+      a || n.current?.focus?.();
+    }
+    function ee(e) {
+      a || n.current?.blur?.();
+    }
+    se(C, () => ({
       getRootElement() {
-        return o.current;
+        return n.current;
       },
-      focus: () => {
-        o.current?.focus?.();
-      },
-      blur: () => {
-        o.current?.blur?.();
-      }
+      focus: _,
+      blur: ee
     }));
-    const f = () => {
-      if (u.current && o.current) {
+    const p = () => {
+      if (u.current && n.current) {
         const e = u.current.offsetWidth;
-        o.current.style.width = `${e + ce}px`;
+        n.current.style.width = `${e + ve}px`;
       }
     };
-    te(() => {
-      t && ((!h(t) || !t.pure) && U(de(o.current)), f());
+    le(() => {
+      t && ((!g(t) || !t.pure) && G(xe(n.current)), p());
     }, [t]);
-    const Q = w.value || l, p = (e) => {
-      o.current && o.current.focus && o.current.focus(), D("", e), T?.(e);
+    const te = w.value || $, h = (e) => {
+      n.current && n.current.focus && n.current.focus(), L("", e), M?.(e);
     };
-    function X(e) {
+    function oe(e) {
       const i = u.current?.offsetWidth;
-      if (ae(t)) {
-        const c = K(t.delay) ? t.delay(i, E.current) : t.delay;
-        c ? setTimeout(f, c) : f();
+      if (he(t)) {
+        const c = T(t.delay) ? t.delay(i, R.current) : t.delay;
+        c ? setTimeout(p, c) : p();
       } else
-        f();
-      E.current = i;
+        p();
+      R.current = i;
     }
-    return oe(
+    return de(
       (e) => {
-        X();
+        oe();
       },
       [u.current],
       { immediate: !0 }
-    ), /* @__PURE__ */ L(k, { children: [
-      y ? /* @__PURE__ */ L(k, { children: [
-        /* @__PURE__ */ s("input", { ref: o, ...w }),
-        !W && !a && y && v ? N !== void 0 ? /* @__PURE__ */ s(
+    ), /* @__PURE__ */ O(k, { children: [
+      l ? /* @__PURE__ */ O(k, { children: [
+        /* @__PURE__ */ s("input", { ref: n, ...w }),
+        !a && !y && l && x ? N !== void 0 ? /* @__PURE__ */ s(
           "span",
           {
             tabIndex: 0,
             className: `${r}-clear-icon`,
-            ...$({ onPressEnter: p }),
+            ...H({ onPressEnter: h }),
             onClick: (e) => {
-              e.stopPropagation(), p(e);
+              e.stopPropagation(), h(e);
             },
             onMouseDown: (e) => {
               e.preventDefault();
@@ -175,16 +180,16 @@ const ce = 2, de = (n) => {
             children: N
           }
         ) : /* @__PURE__ */ s(
-          re,
+          fe,
           {
             tabIndex: 0,
             className: `${r}-clear-icon`,
-            ...$({ onPressEnter: p }),
+            ...H({ onPressEnter: h }),
             onClick: (e) => {
-              e.stopPropagation(), p(e);
+              e.stopPropagation(), h(e);
             },
             children: /* @__PURE__ */ s(
-              Y,
+              ne,
               {
                 onMouseDown: (e) => {
                   e.preventDefault();
@@ -196,33 +201,33 @@ const ce = 2, de = (n) => {
       ] }) : /* @__PURE__ */ s(
         "input",
         {
-          ref: o,
+          ref: n,
           ...w,
-          style: C ? {} : {
-            minWidth: h(t) ? t.minWidth : void 0,
-            maxWidth: h(t) ? t.maxWidth : void 0,
-            ...S,
-            ..."height" in n ? { height: I } : {}
+          style: v ? {} : {
+            minWidth: g(t) ? t.minWidth : void 0,
+            maxWidth: g(t) ? t.maxWidth : void 0,
+            ...z,
+            ..."height" in o ? { height: P } : {}
           }
         }
       ),
       t && /* @__PURE__ */ s(
         "span",
         {
-          className: H(`${r}-mirror`),
-          style: C ? P : {
-            ...P,
-            ...S,
-            ..."height" in n ? { height: I } : {}
+          className: K(`${r}-mirror`),
+          style: v ? E : {
+            ...E,
+            ...z,
+            ..."height" in o ? { height: P } : {}
           },
           ref: u,
-          children: ie(Q)
+          children: pe(te)
         }
       )
     ] });
   }
 );
-me.displayName = "InputComponent";
+be.displayName = "InputComponent";
 export {
-  me as default
+  be as default
 };

package/input/Number.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import t from "../input-number/index.js";
 export {
   t as default

package/input/Password.js

@@ -1,72 +1,91 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as l } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiEye";
-import C from "@unicom-cloud/icons/IconUiEyeInvisible";
-import g, { useContext as V } from "react";
+import w from "@unicom-cloud/icons/IconUiEye";
+import N from "@unicom-cloud/icons/IconUiEyeInvisible";
+import E, { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";
-import I from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import N from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import w from "@unicom-cloud/ui-common/utils/className";
-import P from "@unicom-cloud/ui-common/utils/omit";
-import E from "./Input.js";
-import h from "../config-provider/context.js";
-const k = g.forwardRef(
-  (i, f) => {
-    const [e, m] = N(!1, {
+import { FormContext as h, FormItemContext as M } from "../form/context.js";
+import { useMergeProps as $ } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import "@unicom-cloud/ui-common/utils/is";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import k from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+import D from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import O from "@unicom-cloud/ui-common/utils/className";
+import U from "@unicom-cloud/ui-common/utils/omit";
+import F from "./Input.js";
+import K from "../config-provider/context.js";
+const R = E.forwardRef(
+  (p, c) => {
+    const {
+      prefixCls: j,
+      getPrefixCls: u,
+      rtl: T,
+      componentConfig: d
+    } = m(K), y = m(h), b = m(M), i = $(
+      p,
+      {},
+      d?.Password
+    ), [e, C] = k(!1, {
       defaultValue: i.defaultVisibility,
       value: i.visibility
-    }), { prefixCls: D, getPrefixCls: c } = V(h), u = I(), {
-      className: y,
+    }), x = D(), {
+      className: v,
       visibilityToggle: a = !0,
-      onVisibilityChange: b,
-      ...d
-    } = i, o = c?.("input-password"), p = w(
-      o,
+      readOnly: r = b.readOnly ?? y.readOnly,
+      onVisibilityChange: g,
+      ...I
+    } = i, t = u?.("input-password"), P = O(
+      t,
       {
-        [`${o}-visibility`]: a
+        [`${t}-visibility`]: a,
+        [`${t}-readonly`]: r
       },
-      y
-    ), v = (t) => {
-      "visibility" in i || m(t), b?.(t);
+      v
+    ), V = (o) => {
+      "visibility" in i || C(o), g?.(o);
+    }, f = () => {
+      V(!e);
     };
     let n = i.suffix;
-    const r = () => {
-      v(!e);
-    };
     if (a) {
-      const t = {
-        onClick: r,
+      const o = {
+        onClick: f,
         // 预防focus丢失
         onMouseDown: (s) => s.preventDefault(),
         onMouseUp: (s) => s.preventDefault(),
-        ...u({
-          onPressEnter: r
+        ...x({
+          onPressEnter: f
         })
       };
-      i.suffix ? n = /* @__PURE__ */ l("span", { ...t, children: i.suffix }) : n = /* @__PURE__ */ l(
-        e ? x : C,
+      i.suffix ? n = /* @__PURE__ */ l("span", { ...o, children: i.suffix }) : n = /* @__PURE__ */ l(
+        e ? w : N,
         {
-          ...t,
+          ...o,
           focusable: void 0,
           "aria-hidden": void 0,
           // tabIndex: 0,
-          className: `${o}-visibility-icon`
+          className: `${t}-visibility-icon`
         }
       );
     }
     return /* @__PURE__ */ l(
-      E,
+      F,
       {
-        ...P(d, ["visibility", "defaultVisibility"]),
+        ...U(I, ["visibility", "defaultVisibility"]),
         type: e ? "text" : "password",
-        className: p,
-        ref: f,
-        suffix: n
+        className: P,
+        ref: c,
+        readOnly: r,
+        suffix: !r && n
       }
     );
   }
 );
-k.displayName = "Password";
+R.displayName = "Password";
 export {
-  k as default
+  R as default
 };

package/input/Search.js

@@ -1,67 +1,86 @@
-/* 2026-01-04 16:21:01 */
-import { jsx as o } from "react/jsx-runtime";
-import S from "@unicom-cloud/icons/IconUiLoading";
-import u from "@unicom-cloud/icons/IconUiSearch";
-import V, { useContext as k } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as n } from "react/jsx-runtime";
+import M from "@unicom-cloud/icons/IconUiLoading";
+import p from "@unicom-cloud/icons/IconUiSearch";
+import $, { useContext as s } from "react";
 import "../config-provider/ConfigProvider.js";
-import I from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import M from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as c } from "@unicom-cloud/ui-common/utils/is";
-import $ from "@unicom-cloud/ui-common/utils/omit";
-import j from "./Button.js";
-import { formatValue as d } from "./Input.js";
-import y from "../config-provider/context.js";
-const A = V.forwardRef(
-  (e, h) => {
-    const { prefixCls: B, getPrefixCls: g } = k(y), {
-      className: x,
+import { FormContext as k, FormItemContext as j } from "../form/context.js";
+import { useMergeProps as A } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isPlainObject as d } from "@unicom-cloud/ui-common/utils/is";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import B from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+import E from "@unicom-cloud/ui-common/utils/className";
+import F from "@unicom-cloud/ui-common/utils/omit";
+import R from "./Button.js";
+import { formatValue as x } from "./Input.js";
+import U from "../config-provider/context.js";
+const w = $.forwardRef(
+  (g, h) => {
+    const {
+      prefixCls: q,
+      getPrefixCls: C,
+      rtl: z,
+      componentConfig: b
+    } = s(U), L = s(k), P = s(j), o = A(
+      g,
+      {},
+      b?.InputSearch
+    ), {
+      className: v,
       disabled: l,
       searchButton: t,
-      loading: n,
-      addAfter: C,
-      suffix: m,
-      buttonProps: f,
-      ...b
-    } = e, r = g?.("input-search"), L = c(e.maxLength) ? e.maxLength.length : e.maxLength, s = c(e.maxLength) && e.maxLength.errorOnly ? void 0 : L, [v, P] = I("", {
-      defaultValue: "defaultValue" in e ? d(e.defaultValue, s) : void 0,
-      value: "value" in e ? d(e.value, s) : void 0
+      loading: a,
+      addAfter: S,
+      suffix: f,
+      buttonProps: c,
+      readOnly: m = P.readOnly ?? L.readOnly,
+      ...y
+    } = o, r = C?.("input-search"), I = d(o.maxLength) ? o.maxLength.length : o.maxLength, u = d(o.maxLength) && o.maxLength.errorOnly ? void 0 : I, [N, V] = B("", {
+      defaultValue: "defaultValue" in o ? x(o.defaultValue, u) : void 0,
+      value: "value" in o ? x(o.value, u) : void 0
     }), i = () => {
-      l || e.onSearch?.(v);
+      l || o.onSearch?.(N);
     };
-    return /* @__PURE__ */ o(
-      j,
+    return /* @__PURE__ */ n(
+      R,
       {
-        ...$(b, ["onSearch"]),
+        ...F(y, ["onSearch"]),
         disabled: l,
-        className: M(
+        className: E(
           r,
           t && `${r}-button`,
-          x
+          m && `${r}-button-readonly`,
+          v
         ),
         ref: h,
+        readOnly: m,
         label: t !== !0 && t,
-        addAfter: t ? C : null,
-        suffix: m === void 0 ? t ? null : n ? /* @__PURE__ */ o(S, {}) : /* @__PURE__ */ o(u, { onClick: i }) : m,
+        addAfter: t ? S : null,
+        suffix: !m && f === void 0 ? t ? null : a ? /* @__PURE__ */ n(M, {}) : /* @__PURE__ */ n(p, { onClick: i }) : f,
         buttonProps: {
           className: `${r}-btn`,
-          loading: n,
-          icon: t === !0 && !n && /* @__PURE__ */ o(u, {}),
-          ...f,
-          onClick(a) {
-            i(), f?.onClick?.(a);
+          loading: a,
+          icon: t === !0 && !a && /* @__PURE__ */ n(p, {}),
+          ...c,
+          onClick(e) {
+            i(), c?.onClick?.(e);
           }
         },
-        onChange: (a, N) => {
-          P(a), e.onChange?.(a, N);
+        onChange: (e, O) => {
+          V(e), o.onChange?.(e, O);
         },
-        onPressEnter: (a) => {
-          i(), e.onPressEnter?.(a);
+        onPressEnter: (e) => {
+          i(), o.onPressEnter?.(e);
         }
       }
     );
   }
 );
-A.displayName = "Search";
+w.displayName = "Search";
 export {
-  A as default
+  w as default
 };

package/input/Tag.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import a from "../input-tag/InputTag.js";
 export {
   a as default