@unicom-cloud/ui 0.8.133 → 0.8.135

package/input/Button.js

@@ -1,78 +1,90 @@
-/* 2025-12-30 17:27:22 */
-import { jsx as u } from "react/jsx-runtime";
-import P, { useContext as w } from "react";
-import A from "../button/Button.js";
+/* 2026-01-08 16:35:57 */
+import { jsx as c } from "react/jsx-runtime";
+import $, { useContext as a } from "react";
+import w from "../button/Button.js";
 import "../config-provider/ConfigProvider.js";
-import B 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 I, { formatValue as d } from "./Input.js";
-import $ from "../config-provider/context.js";
-const j = P.forwardRef(
-  (t, f) => {
+import { FormContext as A, FormItemContext as j } from "../form/context.js";
+import { useMergeProps as F } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isPlainObject as p } from "@unicom-cloud/ui-common/utils/is";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import R from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+import f from "@unicom-cloud/ui-common/utils/className";
+import S, { formatValue as d } from "./Input.js";
+import _ from "../config-provider/context.js";
+const q = $.forwardRef(
+  (g, x) => {
     const {
-      prefixCls: O,
-      getPrefixCls: g,
-      size: R,
-      componentConfig: S,
-      rtl: _
-    } = w($), {
-      className: x,
-      style: h,
-      placeholder: C,
-      disabled: l,
-      loading: q,
-      defaultValue: b,
-      addAfter: o,
-      buttonProps: a,
-      label: v,
-      onCallback: L,
-      ...s
-    } = t, n = g?.("input-button"), N = {
+      prefixCls: D,
+      getPrefixCls: C,
+      size: E,
+      componentConfig: h,
+      rtl: G
+    } = a(_), y = a(A), b = a(j), t = F(
+      g,
+      {},
+      h?.InputButton
+    ), {
+      className: v,
+      style: L,
+      disabled: s,
+      loading: H,
+      defaultValue: N,
+      addAfter: l,
+      buttonProps: o,
+      label: V,
+      readOnly: n = b.readOnly ?? y.readOnly,
+      onCallback: I,
+      ...m
+    } = t, r = C?.("input-button"), M = {
       error: "danger",
       warning: "warning",
       success: "success"
-    }, V = t.status ? N[t.status] : void 0, i = o === void 0 ? /* @__PURE__ */ u(
-      A,
+    }, O = t.status ? M[t.status] : void 0, i = !n && (l === void 0 ? /* @__PURE__ */ c(
+      w,
       {
         type: "primary",
-        disabled: l,
-        size: s.size,
-        status: V,
-        ...a,
-        className: m(`${n}-btn`, a?.className),
+        disabled: s,
+        size: m.size,
+        status: O,
+        ...o,
+        className: f(`${r}-btn`, o?.className),
         onClick: (e) => {
-          L?.(k), t.onClick?.(e), a?.onClick?.(e);
+          I?.(k), t.onClick?.(e), o?.onClick?.(e);
         },
-        children: a?.children ?? v ?? "确定"
+        children: o?.children ?? V ?? "确定"
       }
-    ) : o, y = c(t.maxLength) ? t.maxLength.length : t.maxLength, r = c(t.maxLength) && t.maxLength.errorOnly ? void 0 : y, [k, z] = B("", {
-      defaultValue: "defaultValue" in t ? d(t.defaultValue, r) : void 0,
-      value: "value" in t ? d(t.value, r) : void 0
+    ) : l), P = p(t.maxLength) ? t.maxLength.length : t.maxLength, u = p(t.maxLength) && t.maxLength.errorOnly ? void 0 : P, [k, z] = R("", {
+      defaultValue: "defaultValue" in t ? d(t.defaultValue, u) : void 0,
+      value: "value" in t ? d(t.value, u) : void 0
     });
-    return /* @__PURE__ */ u(
-      I,
+    return /* @__PURE__ */ c(
+      S,
       {
-        ...s,
-        className: m(
-          n,
-          i && `${n}-has-after`,
-          x
+        ...m,
+        className: f(
+          r,
+          i && `${r}-has-after`,
+          n && `${r}-readonly`,
+          v
         ),
-        style: h,
-        ref: f,
-        defaultValue: b,
-        placeholder: C,
+        style: L,
+        ref: x,
+        readOnly: n,
+        defaultValue: N,
         addAfter: i,
-        disabled: l,
-        onChange: (e, M) => {
-          z(e), t.onChange?.(e, M);
+        disabled: s,
+        onChange: (e, B) => {
+          z(e), t.onChange?.(e, B);
         }
       }
     );
   }
 );
-j.displayName = "Input.Button";
+q.displayName = "Input.Button";
 export {
-  j as default
+  q as default
 };

package/input/Group.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 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,172 +1,183 @@
-/* 2025-12-30 17:27:22 */
-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";
+/* 2026-01-08 16:35:57 */
+import { jsxs as T, jsx as $ } from "react/jsx-runtime";
+import { forwardRef as ce, useContext as M, useState as de, useRef as R, useImperativeHandle as ge, useMemo as he } from "react";
 import "../config-provider/ConfigProvider.js";
-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 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 ge from "./InputElement.js";
-import K from "../input-number/index.js";
-import he from "./Password.js";
-import we from "./Search.js";
-import Q from "../input-tag/InputTag.js";
-import $e from "./Textarea.js";
-import xe from "../config-provider/context.js";
-const Ie = (o) => {
+import { FormContext as we, FormItemContext as xe } from "../form/context.js";
+import $e from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Ie from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import w from "@unicom-cloud/ui-common/utils/className";
+import { contains as q } from "@unicom-cloud/ui-common/utils/dom";
+import { isString as Ce, isNil as Ne, isPlainObject as A } from "@unicom-cloud/ui-common/utils/is";
+import K from "./Button.js";
+import Q from "./Group.js";
+import We from "./InputElement.js";
+import X from "../input-number/index.js";
+import ye from "./Password.js";
+import ve from "./Search.js";
+import Y from "../input-tag/InputTag.js";
+import Pe from "./Textarea.js";
+import be from "../config-provider/context.js";
+const Ee = (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 me(o) || de(o) || (a = String(o)), s && (a = a.slice(0, s)), a;
+}, x = (o, a, i = {}, I) => a ? /* @__PURE__ */ $("span", { style: i, className: o, onClick: I, children: a }) : null;
+function J(o, a) {
+  let i = o || "";
+  return Ce(o) || Ne(o) || (i = String(o)), a && (i = i.slice(0, a)), i;
 }
-function Ce(o, s) {
+function Se(o, a) {
   const {
-    prefixCls: a,
-    getPrefixCls: x,
-    size: X,
-    componentConfig: Y,
-    rtl: I
-  } = ie(xe), t = fe(
+    prefixCls: i,
+    getPrefixCls: I,
+    size: Z,
+    componentConfig: _,
+    rtl: C
+  } = M(be), ee = M(we), re = M(xe), t = $e(
     o,
     {},
-    Y?.Input
+    _?.Input
   ), {
-    className: A,
-    style: Z,
-    addBefore: F,
-    addAfter: V,
-    suffix: _,
-    prefix: C,
-    beforeStyle: ee,
-    afterStyle: re,
-    height: z,
-    disabled: D,
-    maxLength: p,
-    showWordLimit: te,
+    className: V,
+    style: te,
+    addBefore: oe,
+    addAfter: ne,
+    suffix: se,
+    prefix: ae,
+    beforeStyle: ie,
+    afterStyle: pe,
+    height: O,
+    disabled: z,
+    maxLength: l,
+    showWordLimit: ue,
     allowClear: N,
-    autoWidth: W
-  } = t, l = W ? {
+    autoWidth: W,
+    readOnly: s = re.readOnly ?? ee.readOnly
+  } = t, y = !s && ae;
+  let c = !s && se;
+  const D = !s && oe, L = !s && ne, m = W ? {
     minWidth: 0,
     maxWidth: "100%",
-    ...R(W) ? W : {}
+    ...A(W) ? W : {}
   } : null, v = {
-    minWidth: l?.minWidth,
-    maxWidth: l?.maxWidth,
-    width: l && "auto",
-    ...Z
-  }, 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
+    minWidth: m?.minWidth,
+    maxWidth: m?.maxWidth,
+    width: m && "auto",
+    ...te
+  }, p = A(l) ? l.length : l, d = A(l) && l.errorOnly ? void 0 : p, [j, k] = de(!1), u = R(void 0), P = R(void 0), f = R(void 0), [b, le] = Ie("", {
+    defaultValue: "defaultValue" in t ? J(t.defaultValue, d) : void 0,
+    value: "value" in t ? J(t.value, d) : void 0
   });
-  pe(s, () => ({
+  ge(a, () => ({
     ...u.current,
     getInputElement() {
       return u.current.getRootElement();
     },
     getRootElement() {
-      return b.current || u.current.getRootElement();
+      return P.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, k = le(() => !c && i ? g > i : !1, [g, i, c]);
-  if (i && te) {
-    const [r, T] = I ? [i, g] : [g, i];
-    d = /* @__PURE__ */ B(
+  const me = (r, F) => {
+    "value" in t || le(r), t.onChange?.(r, F);
+  }, e = I?.("input"), g = t.size || Z, E = "height" in t, h = b ? b.length : 0, G = he(() => !d && p ? h > p : !1, [h, p, d]);
+  if (!s && p && ue) {
+    const [r, F] = C ? [p, h] : [h, p];
+    c = /* @__PURE__ */ T(
       "span",
       {
-        className: h(`${e}-word-limit`, {
-          [`${e}-word-limit-error`]: k
+        className: w(`${e}-word-limit`, {
+          [`${e}-word-limit-error`]: G
         }),
         children: [
           r,
           "/",
-          T
+          F
         ]
       }
     );
   }
-  const se = h(
+  const fe = w(
     `${e}-group-wrapper`,
-    `${e}-group-wrapper-${m}`,
-    !!L && `${e}-group-wrapper-focus`,
+    `${e}-group-wrapper-${g}`,
+    !!j && `${e}-group-wrapper-focus`,
+    // 潘启宝添加
+    !!s && `${e}-group-wrapper-readonly`,
     // 潘启宝添加
     {
-      [`${e}-custom-height`]: S,
-      [`${e}-has-suffix`]: d,
-      [`${e}-group-wrapper-disabled`]: D,
-      [`${e}-group-wrapper-rtl`]: I,
-      [`${e}-group-wrapper-autowidth`]: l
+      [`${e}-custom-height`]: E,
+      [`${e}-has-suffix`]: c,
+      [`${e}-group-wrapper-disabled`]: z,
+      [`${e}-group-wrapper-rtl`]: C,
+      [`${e}-group-wrapper-autowidth`]: m
     },
-    A
-  ), y = t.status || (t.error || k ? "error" : void 0), G = F || V || d || C, E = /* @__PURE__ */ $(
-    ge,
+    V
+  ), S = t.status || (t.error || G ? "error" : void 0), H = D || L || c || y, B = /* @__PURE__ */ $(
+    We,
     {
       ref: u,
       ...t,
-      autoFitWidth: !!l,
+      autoFitWidth: !!m,
       style: v,
-      status: y,
+      status: S,
+      prefixCls: e,
+      value: b,
+      hasParent: !!H || N,
+      size: g,
+      readOnly: s,
       onFocus: (r) => {
-        j(!0), t.onFocus?.(r);
+        k(!0), t.onFocus?.(r);
       },
       onBlur: (r) => {
-        j(!1), t.onBlur?.(r);
+        k(!1), t.onBlur?.(r);
       },
-      onChange: ne,
-      prefixCls: e,
-      value: P,
-      hasParent: !!G || N,
-      size: m
+      onChange: me
     }
-  ), H = h(
+  ), U = w(
     `${e}-inner-wrapper`,
     {
-      [`${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}-inner-wrapper-${S}`]: S,
+      [`${e}-inner-wrapper-disabled`]: z,
+      [`${e}-inner-wrapper-focus`]: j,
+      [`${e}-inner-wrapper-has-prefix`]: y,
+      [`${e}-inner-wrapper-${g}`]: g,
       [`${e}-clear-wrapper`]: N
     },
-    I ? `${e}-inner-wrapper-rtl` : `${e}-inner-wrapper-ltr`
+    C ? `${e}-inner-wrapper-rtl` : `${e}-inner-wrapper-ltr`,
+    !!s && `${e}-inner-wrapper-readonly`
+    // 潘启宝添加
   );
-  return G ? /* @__PURE__ */ $(
+  return H ? /* @__PURE__ */ $(
     "div",
     {
-      ref: b,
-      className: se,
-      style: { ...v, ...S ? { height: z } : {} },
-      children: /* @__PURE__ */ B(
-        J,
+      ref: P,
+      className: fe,
+      style: { ...v, ...E ? { height: O } : {} },
+      children: /* @__PURE__ */ T(
+        Q,
         {
           children: [
-            w(`${e}-group-addbefore`, F, ee),
-            /* @__PURE__ */ B(
+            x(
+              `${e}-group-addbefore`,
+              D,
+              ie
+            ),
+            /* @__PURE__ */ T(
               "span",
               {
-                className: H,
+                className: U,
                 ref: f,
                 onMouseDown: (r) => {
-                  r.target.tagName !== "INPUT" && f.current && O(f.current, r.target) && r.preventDefault();
+                  r.target.tagName !== "INPUT" && f.current && q(f.current, r.target) && r.preventDefault();
                 },
                 onClick: (r) => {
-                  f.current && O(f.current, r.target) && u.current?.focus?.();
+                  f.current && q(f.current, r.target) && u.current?.focus?.();
                 },
                 children: [
-                  w(`${e}-group-prefix`, C),
-                  E,
-                  w(`${e}-group-suffix`, d)
+                  x(`${e}-group-prefix`, y),
+                  B,
+                  x(`${e}-group-suffix`, c)
                 ]
               }
             ),
-            w(`${e}-group-addafter`, V, re)
+            x(`${e}-group-addafter`, L, pe)
           ]
         }
       )
@@ -174,38 +185,38 @@ function Ce(o, s) {
   ) : N ? /* @__PURE__ */ $(
     "span",
     {
-      ref: b,
-      className: h(A, H),
-      style: { ...v, ...S ? { height: z } : {} },
-      onMouseDown: Ie,
+      ref: P,
+      className: w(V, U),
+      style: { ...v, ...E ? { height: O } : {} },
+      onMouseDown: Ee,
       onClick: (r) => {
         u.current?.focus?.();
       },
-      children: E
+      children: B
     }
-  ) : E;
+  ) : B;
 }
-const Ne = ae(Ce), n = Ne;
+const Be = ce(Se), n = Be;
 n.displayName = "Input";
-n.Search = we;
-n.Button = q;
-n.InputButton = q;
-n.TextArea = $e;
-n.Password = he;
-n.Number = K;
-n.InputNumber = K;
-n.Tag = Q;
-n.InputTag = Q;
-n.Group = J;
+n.Search = ve;
+n.Button = K;
+n.InputButton = K;
+n.TextArea = Pe;
+n.Password = ye;
+n.Number = X;
+n.InputNumber = X;
+n.Tag = Y;
+n.InputTag = Y;
+n.Group = Q;
 export {
-  q as InputButton,
-  J as InputGroup,
-  K as InputNumber,
-  he as InputPassword,
-  we as InputSearch,
-  Q as InputTag,
-  $e as InputTextArea,
-  $e as TextArea,
+  K as InputButton,
+  Q as InputGroup,
+  X as InputNumber,
+  ye as InputPassword,
+  ve as InputSearch,
+  Y as InputTag,
+  Pe as InputTextArea,
+  Pe as TextArea,
   n as default,
-  U as formatValue
+  J as formatValue
 };