@unicom-cloud/ui 0.8.123 → 0.8.125

package/input/Button.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as u } from "react/jsx-runtime";
 import w, { useContext as A } from "react";
 import B from "../button/index.js";

package/input/Group.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as f } from "react/jsx-runtime";
 import n, { useContext as u } from "react";
 import "../config-provider/ConfigProvider.js";

package/input/Input.js

@@ -1,199 +1,197 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as R, jsx as $ } from "react/jsx-runtime";
-import { forwardRef as ar, useContext as ir, useState as ur, useRef as B, useImperativeHandle as pr, useMemo as lr } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as B, jsx as $ } from "react/jsx-runtime";
+import { forwardRef as ae, useContext as ie, useState as ue, useRef as M, useImperativeHandle as pe, useMemo as le } from "react";
 import "../config-provider/ConfigProvider.js";
-import fr from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import cr from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import fe from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ce from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import h from "@unicom-cloud/ui-common/utils/className";
-import { contains as H } from "@unicom-cloud/ui-common/utils/dom";
-import { isString as mr, isNil as dr, isPlainObject as A } from "@unicom-cloud/ui-common/utils/is";
+import { contains as O } from "@unicom-cloud/ui-common/utils/dom";
+import { isString as me, isNil as de, isPlainObject as R } from "@unicom-cloud/ui-common/utils/is";
 import q from "./Button.js";
 import J from "./Group.js";
-import gr from "./InputElement.js";
+import ge from "./InputElement.js";
 import K from "../input-number/index.js";
-import hr from "./Password.js";
-import wr from "./Search.js";
+import he from "./Password.js";
+import we from "./Search.js";
 import Q from "../input-tag/InputTag.js";
-import $r from "./Textarea.js";
-import xr from "../config-provider/context.js";
-const Ir = (o) => {
+import $e from "./Textarea.js";
+import xe from "../config-provider/context.js";
+const Ie = (o) => {
   o.target.tagName === "INPUT" || o.preventDefault();
 }, w = (o, s, a = {}, x) => s ? /* @__PURE__ */ $("span", { style: a, className: o, onClick: x, children: s }) : null;
 function U(o, s) {
   let a = o || "";
-  return mr(o) || dr(o) || (a = String(o)), s && (a = a.slice(0, s)), a;
+  return me(o) || de(o) || (a = String(o)), s && (a = a.slice(0, s)), a;
 }
-function Nr(o, s) {
+function Ce(o, s) {
   const {
     prefixCls: a,
     getPrefixCls: x,
     size: X,
     componentConfig: Y,
     rtl: I
-  } = ir(xr), t = fr(
+  } = ie(xe), t = fe(
     o,
     {},
     Y?.Input
   ), {
-    className: F,
+    className: A,
     style: Z,
-    addBefore: V,
-    addAfter: D,
+    addBefore: F,
+    addAfter: V,
     suffix: _,
-    prefix: N,
-    beforeStyle: rr,
-    afterStyle: er,
+    prefix: C,
+    beforeStyle: ee,
+    afterStyle: re,
     height: z,
-    disabled: L,
+    disabled: D,
     maxLength: p,
-    showWordLimit: tr,
-    allowClear: C,
+    showWordLimit: te,
+    allowClear: N,
     autoWidth: W
   } = t, l = W ? {
     minWidth: 0,
     maxWidth: "100%",
-    ...A(W) ? W : {}
-  } : null, b = {
+    ...R(W) ? W : {}
+  } : null, v = {
     minWidth: l?.minWidth,
     maxWidth: l?.maxWidth,
     width: l && "auto",
     ...Z
-  }, i = A(p) ? p.length : p, c = A(p) && p.errorOnly ? void 0 : i, [j, k] = ur(!1), u = B(void 0), v = B(void 0), f = B(void 0), [P, or] = cr("", {
+  }, i = R(p) ? p.length : p, c = R(p) && p.errorOnly ? void 0 : i, [L, j] = ue(!1), u = M(void 0), b = M(void 0), f = M(void 0), [P, oe] = ce("", {
     defaultValue: "defaultValue" in t ? U(t.defaultValue, c) : void 0,
     value: "value" in t ? U(t.value, c) : void 0
   });
-  pr(
-    s,
-    () => ({
-      focus: u.current?.focus,
-      blur: u.current?.blur,
-      dom: u.current?.dom,
-      // 保持之前逻辑
-      getRootDOMNode: () => v.current || u.current?.dom
-    }),
-    []
-  );
-  const nr = (e, M) => {
-    "value" in t || or(e), t.onChange?.(e, M);
-  }, r = x?.("input"), m = t.size || X, S = "height" in t;
+  pe(s, () => ({
+    ...u.current,
+    getInputElement() {
+      return u.current.getRootElement();
+    },
+    getRootElement() {
+      return b.current || u.current.getRootElement();
+    }
+  }));
+  const ne = (r, T) => {
+    "value" in t || oe(r), t.onChange?.(r, T);
+  }, e = x?.("input"), m = t.size || X, S = "height" in t;
   let d = _;
-  const g = P ? P.length : 0, E = lr(() => !c && i ? g > i : !1, [g, i, c]);
-  if (i && tr) {
-    const [e, M] = I ? [i, g] : [g, i];
-    d = /* @__PURE__ */ R(
+  const g = P ? P.length : 0, k = le(() => !c && i ? g > i : !1, [g, i, c]);
+  if (i && te) {
+    const [r, T] = I ? [i, g] : [g, i];
+    d = /* @__PURE__ */ B(
       "span",
       {
-        className: h(`${r}-word-limit`, {
-          [`${r}-word-limit-error`]: E
+        className: h(`${e}-word-limit`, {
+          [`${e}-word-limit-error`]: k
         }),
         children: [
-          e,
+          r,
           "/",
-          M
+          T
         ]
       }
     );
   }
-  const sr = h(
-    `${r}-group-wrapper`,
-    `${r}-group-wrapper-${m}`,
-    !!j && `${r}-group-wrapper-focus`,
+  const se = h(
+    `${e}-group-wrapper`,
+    `${e}-group-wrapper-${m}`,
+    !!L && `${e}-group-wrapper-focus`,
     // 潘启宝添加
     {
-      [`${r}-custom-height`]: S,
-      [`${r}-has-suffix`]: d,
-      [`${r}-group-wrapper-disabled`]: L,
-      [`${r}-group-wrapper-rtl`]: I,
-      [`${r}-group-wrapper-autowidth`]: l
+      [`${e}-custom-height`]: S,
+      [`${e}-has-suffix`]: d,
+      [`${e}-group-wrapper-disabled`]: D,
+      [`${e}-group-wrapper-rtl`]: I,
+      [`${e}-group-wrapper-autowidth`]: l
     },
-    F
-  ), y = t.status || (t.error || E ? "error" : void 0), G = V || D || d || N, T = /* @__PURE__ */ $(
-    gr,
+    A
+  ), y = t.status || (t.error || k ? "error" : void 0), G = F || V || d || C, E = /* @__PURE__ */ $(
+    ge,
     {
       ref: u,
       ...t,
       autoFitWidth: !!l,
-      style: b,
+      style: v,
       status: y,
-      onFocus: (e) => {
-        k(!0), t.onFocus?.(e);
+      onFocus: (r) => {
+        j(!0), t.onFocus?.(r);
       },
-      onBlur: (e) => {
-        k(!1), t.onBlur?.(e);
+      onBlur: (r) => {
+        j(!1), t.onBlur?.(r);
       },
-      onChange: nr,
-      prefixCls: r,
+      onChange: ne,
+      prefixCls: e,
       value: P,
-      hasParent: !!G || C,
+      hasParent: !!G || N,
       size: m
     }
-  ), O = h(
-    `${r}-inner-wrapper`,
+  ), H = h(
+    `${e}-inner-wrapper`,
     {
-      [`${r}-inner-wrapper-${y}`]: y,
-      [`${r}-inner-wrapper-disabled`]: L,
-      [`${r}-inner-wrapper-focus`]: j,
-      [`${r}-inner-wrapper-has-prefix`]: N,
-      [`${r}-inner-wrapper-${m}`]: m,
-      [`${r}-clear-wrapper`]: C
+      [`${e}-inner-wrapper-${y}`]: y,
+      [`${e}-inner-wrapper-disabled`]: D,
+      [`${e}-inner-wrapper-focus`]: L,
+      [`${e}-inner-wrapper-has-prefix`]: C,
+      [`${e}-inner-wrapper-${m}`]: m,
+      [`${e}-clear-wrapper`]: N
     },
-    I ? `${r}-inner-wrapper-rtl` : `${r}-inner-wrapper-ltr`
+    I ? `${e}-inner-wrapper-rtl` : `${e}-inner-wrapper-ltr`
   );
   return G ? /* @__PURE__ */ $(
     "div",
     {
-      ref: v,
-      className: sr,
-      style: { ...b, ...S ? { height: z } : {} },
-      children: /* @__PURE__ */ R(
+      ref: b,
+      className: se,
+      style: { ...v, ...S ? { height: z } : {} },
+      children: /* @__PURE__ */ B(
         J,
         {
           children: [
-            w(`${r}-group-addbefore`, V, rr),
-            /* @__PURE__ */ R(
+            w(`${e}-group-addbefore`, F, ee),
+            /* @__PURE__ */ B(
               "span",
               {
-                className: O,
+                className: H,
                 ref: f,
-                onMouseDown: (e) => {
-                  e.target.tagName !== "INPUT" && f.current && H(f.current, e.target) && e.preventDefault();
+                onMouseDown: (r) => {
+                  r.target.tagName !== "INPUT" && f.current && O(f.current, r.target) && r.preventDefault();
                 },
-                onClick: (e) => {
-                  f.current && H(f.current, e.target) && u.current?.focus?.();
+                onClick: (r) => {
+                  f.current && O(f.current, r.target) && u.current?.focus?.();
                 },
                 children: [
-                  w(`${r}-group-prefix`, N),
-                  T,
-                  w(`${r}-group-suffix`, d)
+                  w(`${e}-group-prefix`, C),
+                  E,
+                  w(`${e}-group-suffix`, d)
                 ]
               }
             ),
-            w(`${r}-group-addafter`, D, er)
+            w(`${e}-group-addafter`, V, re)
           ]
         }
       )
     }
-  ) : C ? /* @__PURE__ */ $(
+  ) : N ? /* @__PURE__ */ $(
     "span",
     {
-      ref: v,
-      className: h(F, O),
-      style: { ...b, ...S ? { height: z } : {} },
-      onMouseDown: Ir,
-      onClick: (e) => {
+      ref: b,
+      className: h(A, H),
+      style: { ...v, ...S ? { height: z } : {} },
+      onMouseDown: Ie,
+      onClick: (r) => {
         u.current?.focus?.();
       },
-      children: T
+      children: E
     }
-  ) : T;
+  ) : E;
 }
-const Cr = ar(Nr), n = Cr;
+const Ne = ae(Ce), n = Ne;
 n.displayName = "Input";
-n.Search = wr;
+n.Search = we;
 n.Button = q;
 n.InputButton = q;
-n.TextArea = $r;
-n.Password = hr;
+n.TextArea = $e;
+n.Password = he;
 n.Number = K;
 n.InputNumber = K;
 n.Tag = Q;
@@ -203,11 +201,11 @@ export {
   q as InputButton,
   J as InputGroup,
   K as InputNumber,
-  hr as InputPassword,
-  wr as InputSearch,
+  he as InputPassword,
+  we as InputSearch,
   Q as InputTag,
-  $r as InputTextArea,
-  $r as TextArea,
+  $e as InputTextArea,
+  $e as TextArea,
   n as default,
   U as formatValue
 };

package/input/InputElement.js

@@ -1,19 +1,19 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as L, Fragment as O, jsx as s } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+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 w, useImperativeHandle as ee, useEffect as te } from "react";
-import oe from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import ne from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+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 k from "@unicom-cloud/ui-common/utils/className";
+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 H, isArray as se } from "@unicom-cloud/ui-common/utils/is";
+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 = (o) => {
-  if (!o)
+const ce = 2, de = (n) => {
+  if (!n)
     return {};
-  const g = window.getComputedStyle(o);
+  const g = window.getComputedStyle(n);
   return [
     "font",
     "letterSpacing",
@@ -31,12 +31,12 @@ const ce = 2, de = (o) => {
     "boxSizing"
   ].reduce((a, l) => (a[l] = g[l], a), {});
 }, me = Z.forwardRef(
-  (o, g) => {
+  (n, g) => {
     const {
       allowClear: y,
       disabled: a,
       placeholder: l,
-      className: K,
+      className: O,
       style: S,
       height: I,
       prefixCls: r,
@@ -44,15 +44,15 @@ const ce = 2, de = (o) => {
       size: z,
       value: v,
       autoFitWidth: t,
-      onClear: M,
+      onClear: T,
       readOnly: W,
-      onChange: T,
-      onKeyDown: j,
-      onPressEnter: F,
+      onChange: j,
+      onKeyDown: F,
+      onPressEnter: M,
       maxLength: d,
       clearIcon: N,
       ...m
-    } = o, V = le(m, [
+    } = n, V = le(m, [
       "error",
       "status",
       "showWordLimit",
@@ -67,37 +67,37 @@ const ce = 2, de = (o) => {
       "normalize",
       "normalizeTrigger",
       "autoWidth"
-    ]), [P, U] = _(), $ = oe(), n = w(void 0), u = w(void 0), D = w(null), E = h(d) ? d.errorOnly ? void 0 : d.length : d, R = (e) => {
+    ]), [P, U] = _(), $ = ne(), o = w(void 0), u = w(void 0), E = w(null), R = h(d) ? d.errorOnly ? void 0 : d.length : d, B = (e) => {
       let i;
-      const c = o.normalizeTrigger || ["onBlur"];
-      return se(c) && c.indexOf(e) > -1 && H(o.normalize) && (i = o.normalize), i;
+      const c = n.normalizeTrigger || ["onBlur"];
+      return se(c) && c.indexOf(e) > -1 && K(n.normalize) && (i = n.normalize), i;
     }, {
       compositionValue: A,
       valueChangeHandler: q,
       compositionHandler: x,
       keyDownHandler: G,
-      triggerValueChangeCallback: B
+      triggerValueChangeCallback: D
     } = ue({
       value: v,
-      maxLength: E,
-      onChange: T,
-      onKeyDown: j,
-      onPressEnter: F,
-      normalizeHandler: R
-    }), J = k(
+      maxLength: R,
+      onChange: j,
+      onKeyDown: F,
+      onPressEnter: M,
+      normalizeHandler: B
+    }), J = H(
       r,
       r && {
         [`${r}-size-${z}`]: z,
-        [`${r}-${o.status}`]: o.status,
+        [`${r}-${n.status}`]: n.status,
         [`${r}-disabled`]: a,
         [`${r}-autowidth`]: t
       },
-      C ? void 0 : K
+      C ? void 0 : O
     ), b = {
-      "aria-invalid": o.status === "error" || void 0,
+      "aria-invalid": n.status === "error" || void 0,
       ...V,
       readOnly: W,
-      maxLength: E,
+      maxLength: R,
       disabled: a,
       placeholder: l,
       value: A || v || "",
@@ -114,50 +114,52 @@ const ce = 2, de = (o) => {
         m.onCompositionEnd?.(e), x(e);
       },
       onBlur: (e) => {
-        o.onBlur?.(e);
-        const i = R("onBlur");
-        i && B(i(e.target.value), e);
+        n.onBlur?.(e);
+        const i = B("onBlur");
+        i && D(i(e.target.value), e);
       }
     };
     ee(g, () => ({
-      dom: n.current,
-      getRootDOMNode: () => n.current,
+      getRootElement() {
+        return o.current;
+      },
       focus: () => {
-        n.current?.focus?.();
+        o.current?.focus?.();
       },
       blur: () => {
-        n.current?.blur?.();
+        o.current?.blur?.();
       }
-    }), []);
+    }));
     const f = () => {
-      if (u.current && n.current) {
+      if (u.current && o.current) {
         const e = u.current.offsetWidth;
-        n.current.style.width = `${e + ce}px`;
+        o.current.style.width = `${e + ce}px`;
       }
     };
     te(() => {
-      t && ((!h(t) || !t.pure) && U(de(n.current)), f());
+      t && ((!h(t) || !t.pure) && U(de(o.current)), f());
     }, [t]);
     const Q = b.value || l, p = (e) => {
-      n.current && n.current.focus && n.current.focus(), B("", e), M?.();
+      o.current && o.current.focus && o.current.focus(), D("", e), T?.(e);
     };
     function X(e) {
       const i = u.current?.offsetWidth;
       if (ae(t)) {
-        const c = H(t.delay) ? t.delay(i, D.current) : t.delay;
+        const c = K(t.delay) ? t.delay(i, E.current) : t.delay;
         c ? setTimeout(f, c) : f();
       } else
         f();
-      D.current = i;
+      E.current = i;
     }
-    return ne(
+    return oe(
       (e) => {
         X();
       },
-      [u.current]
-    ), /* @__PURE__ */ L(O, { children: [
-      y ? /* @__PURE__ */ L(O, { children: [
-        /* @__PURE__ */ s("input", { ref: n, ...b }),
+      [u.current],
+      { immediate: !0 }
+    ), /* @__PURE__ */ L(k, { children: [
+      y ? /* @__PURE__ */ L(k, { children: [
+        /* @__PURE__ */ s("input", { ref: o, ...b }),
         !W && !a && y && v ? N !== void 0 ? /* @__PURE__ */ s(
           "span",
           {
@@ -194,24 +196,24 @@ const ce = 2, de = (o) => {
       ] }) : /* @__PURE__ */ s(
         "input",
         {
-          ref: n,
+          ref: o,
           ...b,
           style: C ? {} : {
             minWidth: h(t) ? t.minWidth : void 0,
             maxWidth: h(t) ? t.maxWidth : void 0,
             ...S,
-            ..."height" in o ? { height: I } : {}
+            ..."height" in n ? { height: I } : {}
           }
         }
       ),
       t && /* @__PURE__ */ s(
         "span",
         {
-          className: k(`${r}-mirror`),
+          className: H(`${r}-mirror`),
           style: C ? P : {
             ...P,
             ...S,
-            ..."height" in o ? { height: I } : {}
+            ..."height" in n ? { height: I } : {}
           },
           ref: u,
           children: ie(Q)

package/input/Number.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import t from "../input-number/index.js";
 export {
   t as default

package/input/Password.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as l } from "react/jsx-runtime";
 import x from "@unicom-cloud/icons/IconUiEye";
 import C from "@unicom-cloud/icons/IconUiEyeInvisible";

package/input/Search.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as o } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiLoading";
 import u from "@unicom-cloud/icons/IconUiSearch";

package/input/Tag.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import a from "../input-tag/InputTag.js";
 export {
   a as default