@unicom-cloud/ui 0.8.133 → 0.8.135

package/form/Form.js

@@ -1,23 +1,23 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as f } from "react/jsx-runtime";
-import k from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
-import D from "lodash/merge";
-import { forwardRef as O, useContext as h, useRef as _, useEffect as A, useImperativeHandle as U } from "react";
-import W from "../config-provider/ConfigProvider.js";
-import H from "@unicom-cloud/ui-common/hooks/use-create";
-import X from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import B from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as G } from "@unicom-cloud/ui-common/utils/is";
-import J from "@unicom-cloud/ui-common/utils/omit";
-import { FormProviderContext as K, FormContext as L } from "./context.js";
-import Q from "./hook/useForm.js";
-import { ID_INPUT_SUFFIX as Y } from "./utils.js";
-import Z from "../config-provider/context.js";
+import D from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
+import _ from "lodash/merge";
+import { forwardRef as A, useContext as h, useRef as U, useEffect as W, useImperativeHandle as H } from "react";
+import X from "../config-provider/ConfigProvider.js";
+import B from "@unicom-cloud/ui-common/hooks/use-create";
+import G from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import J from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as K } from "@unicom-cloud/ui-common/utils/is";
+import L from "@unicom-cloud/ui-common/utils/omit";
+import { FormProviderContext as Q, FormContext as Y } from "./context.js";
+import Z from "./hook/useForm.js";
+import { ID_INPUT_SUFFIX as ee } from "./utils.js";
+import re from "../config-provider/context.js";
 function d(i, c) {
   const t = c.replace(/[[.]/g, "_").replace(/\]/g, "");
   return i ? `${i}-${t}` : `${t}`;
 }
-const ee = {
+const oe = {
   layout: "horizontal",
   labelCol: { span: 5, offset: 0 },
   labelAlign: "right",
@@ -25,137 +25,136 @@ const ee = {
   requiredSymbol: !0,
   wrapper: "form",
   validateTrigger: "onChange"
-}, oe = (i, c) => {
-  const t = h(Z), s = h(K), p = _(null), [n] = Q(
+};
+function te(i, c) {
+  const t = h(re), s = h(Q), p = U(null), [n] = Z(
     i.form
-  ), o = X(
+  ), r = G(
     i,
-    ee,
+    oe,
     t.componentConfig?.Form
   ), {
     layout: u,
-    row: S,
-    labelCol: P,
+    row: P,
+    labelCol: S,
     wrapperCol: x,
     wrapper: $,
     id: g,
     requiredSymbol: v,
-    labelAlign: I,
-    disabled: V,
-    colon: y,
+    labelAlign: y,
+    disabled: I,
+    colon: V,
     className: w,
     validateTrigger: N,
     prefixCls: R,
     validateMessages: z,
     schemaOptions: M,
-    ...T
-  } = o, l = R || t.getPrefixCls?.("form"), E = t.rtl, C = "size" in o ? o.size : t.size, F = n.getInnerMethods(!0);
-  H(() => {
-    F.innerSetInitialValues(o.initialValues);
-  }, []), A(() => {
+    readOnly: T,
+    ...E
+  } = r, l = R || t.getPrefixCls?.("form"), q = t.rtl, C = "size" in r ? r.size : t.size, F = n.getInnerMethods(!0);
+  B(() => {
+    F.innerSetInitialValues(r.initialValues);
+  }, []), W(() => {
     let e;
-    return s.register && (e = s.register(o.id, n)), e;
-  }, [o.id, n]), n.scrollToField = (e, r) => {
-    const a = p.current, b = o.id;
+    return s.register && (e = s.register(r.id, n)), e;
+  }, [r.id, n]), n.scrollToField = (e, o) => {
+    const a = p.current, b = r.id;
     if (!a) return;
     let m = a.querySelector(
       `#${d(b, e)}`
     );
     m || (m = a.querySelector(
-      `#${d(b, e)}${Y}`
-    )), m && k(m, {
+      `#${d(b, e)}${ee}`
+    )), m && D(m, {
       behavior: "smooth",
       block: "nearest",
       scrollMode: "if-needed",
-      ...r
+      ...o
     });
   }, F.innerSetCallbacks({
-    onValuesChange: (e, r) => {
-      o.onValuesChange?.(e, r), s.onFormValuesChange?.(o.id, e);
+    onValuesChange: (e, o) => {
+      r.onValuesChange?.(e, o), s.onFormValuesChange?.(r.id, e);
     },
-    onChange: o.onChange,
+    onChange: r.onChange,
     onValidateFail: (e) => {
-      const r = o.scrollToFirstError;
-      if (r) {
-        const a = G(r) ? r : {};
+      const o = r.scrollToFirstError;
+      if (o) {
+        const a = K(o) ? o : {};
         n.scrollToField(
           Object.keys(e)[0],
           a
         );
       }
     },
-    onSubmitFailed: o.onSubmitFailed,
+    onSubmitFailed: r.onSubmitFailed,
     onSubmit: (e) => {
-      const r = o.onSubmit?.(e);
-      return s.onFormSubmit?.(o.id, e), r;
+      const o = r.onSubmit?.(e);
+      return s.onFormSubmit?.(r.id, e), o;
     },
     onReset: (e) => {
-      const r = o.onReset?.(e);
-      return s?.onFormReset?.(o.id, e), r;
+      const o = r.onReset?.(e);
+      return s?.onFormReset?.(r.id, e), o;
     }
   });
-  const q = {
+  const O = {
     requiredSymbol: v,
-    labelAlign: I,
-    disabled: V,
-    colon: y,
-    row: S,
-    labelCol: P,
+    labelAlign: y,
+    disabled: I,
+    colon: V,
+    row: P,
+    labelCol: S,
     wrapperCol: x,
     layout: u,
     store: n,
     prefixCls: l,
     validateTrigger: N,
-    validateMessages: D(
+    validateMessages: _(
       {},
       t.locale?.Form?.validateMessages,
       z
     ),
     schemaOptions: M,
-    getFormElementId: (e) => d(g, e)
-  }, j = L;
-  return U(c, () => ({
+    getFormElementId: (e) => d(g, e),
+    readOnly: T
+  }, j = {
+    ...L(E, [
+      "form",
+      "size",
+      "initialValues",
+      "onValuesChange",
+      "onChange",
+      "wrapperProps",
+      "scrollToFirstError",
+      "onSubmit",
+      "onSubmitFailed",
+      "onReset"
+    ]),
+    ...r.wrapperProps,
+    id: g,
+    style: r.style,
+    className: J(
+      l,
+      `${l}-${u}`,
+      `${l}-size-${C}`,
+      { [`${l}-rtl`]: q },
+      w
+    ),
+    onSubmit: (e) => {
+      e.preventDefault(), e.stopPropagation(), n.submit();
+    },
+    onReset: (e) => {
+      e.preventDefault(), e.stopPropagation(), n.resetFields();
+    }
+  }, k = Y;
+  return H(c, () => ({
     ...n,
     getRootElement() {
       return p.current;
     }
-  })), /* @__PURE__ */ f(W, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ f(j.Provider, { value: q, children: /* @__PURE__ */ f(
-    $,
-    {
-      ref: p,
-      ...J(T, [
-        "form",
-        "size",
-        "initialValues",
-        "onValuesChange",
-        "onChange",
-        "wrapperProps",
-        "scrollToFirstError",
-        "onSubmit",
-        "onSubmitFailed",
-        "onReset"
-      ]),
-      ...o.wrapperProps,
-      className: B(
-        l,
-        `${l}-${u}`,
-        `${l}-size-${C}`,
-        { [`${l}-rtl`]: E },
-        w
-      ),
-      style: o.style,
-      onSubmit: (e) => {
-        e.preventDefault(), e.stopPropagation(), n.submit();
-      },
-      onReset: (e) => {
-        e.preventDefault(), e.stopPropagation(), n.resetFields();
-      },
-      id: g,
-      children: o.children
-    }
-  ) }) });
-}, re = O(oe);
-re.displayName = "Form";
+  })), /* @__PURE__ */ f(X, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ f(k.Provider, { value: O, children: /* @__PURE__ */ f($, { ref: p, ...j, children: r.children }) }) });
+}
+const ne = A(te);
+ne.displayName = "Form";
 export {
-  re as default
+  ne as default
 };

package/form/FormItem.js

@@ -1,57 +1,57 @@
-/* 2025-12-30 17:27:22 */
-import { jsxs as D, jsx as i, Fragment as fe } from "react/jsx-runtime";
-import H, { forwardRef as be, useContext as I, useState as K, useRef as Z, useEffect as he, useMemo as X, createElement as B, cloneElement as G } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsxs as A, jsx as a, Fragment as fe } from "react/jsx-runtime";
+import K, { forwardRef as be, useContext as v, useState as X, useRef as ee, useEffect as he, useMemo as B, createElement as G, cloneElement as J } from "react";
 import ge from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import { UI_COMMON_PREFIX as Ce } from "@unicom-cloud/utils/constant/ui";
 import "../config-provider/ConfigProvider.js";
-import xe from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ye from "../row-col/index.js";
-import x from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as q, isUndefined as y, isFunction as $e, isArray as we } from "@unicom-cloud/ui-common/utils/is";
+import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import xe from "../row-col/index.js";
+import C from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as O, isUndefined as y, isFunction as $e, isArray as we } from "@unicom-cloud/ui-common/utils/is";
 import ve from "@unicom-cloud/ui-common/utils/omit";
-import N from "./Control.js";
+import F from "./Control.js";
 import Fe from "./FormLabel.js";
-import { FormItemContext as J, FormListContext as Ie, FormContext as Q } from "./context.js";
-import { VALIDATE_STATUS as A } from "./interface.js";
+import { FormContext as Q, FormListContext as Ie, FormItemContext as Y } from "./context.js";
+import { VALIDATE_STATUS as q } from "./interface.js";
 import { formatValidateMsg as Ne } from "./utils.js";
-import Se from "../config-provider/context.js";
-import Y from "../row-col/Col.js";
-const Ee = ({
-  prefixCls: b,
-  help: h,
-  errors: e,
-  warnings: $
+import Ee from "../config-provider/context.js";
+import Z from "../row-col/Col.js";
+const Se = ({
+  prefixCls: h,
+  help: g,
+  errors: I,
+  warnings: N
 }) => {
-  const g = e.map((p, c) => {
+  const r = I.map((p, b) => {
     if (p)
-      return /* @__PURE__ */ i("div", { role: "alert", children: p.message }, c);
+      return /* @__PURE__ */ a("div", { role: "alert", children: p.message }, b);
   }), u = [];
-  $.map((p, c) => {
+  N.map((p, b) => {
     u.push(
-      /* @__PURE__ */ i("div", { role: "alert", className: `${b}-message-help-warning`, children: p }, c)
+      /* @__PURE__ */ a("div", { role: "alert", className: `${h}-message-help-warning`, children: p }, b)
     );
   });
-  const C = !y(h) || !!u.length, w = C || !!g.length, f = Z(null);
-  return w && /* @__PURE__ */ i(
+  const f = !y(g) || !!u.length, e = f || !!r.length, d = ee(null);
+  return e && /* @__PURE__ */ a(
     ge,
     {
-      in: w,
+      in: e,
       appear: !0,
       classNames: `${Ce}-animation-blink`,
       timeout: 300,
       unmountOnExit: !0,
-      refElement: f,
-      children: /* @__PURE__ */ i(
+      refElement: d,
+      children: /* @__PURE__ */ a(
         "div",
         {
-          ref: f,
-          className: x(`${b}-message`, {
-            [`${b}-message-help`]: C
+          ref: d,
+          className: C(`${h}-message`, {
+            [`${h}-message-help`]: f
           }),
-          children: y(h) ? /* @__PURE__ */ D(fe, { children: [
-            g.length > 0 && g,
+          children: y(g) ? /* @__PURE__ */ A(fe, { children: [
+            r.length > 0 && r,
             u.length > 0 && u
-          ] }) : h
+          ] }) : g
         }
       )
     }
@@ -60,93 +60,93 @@ const Ee = ({
   trigger: "onChange",
   triggerPropName: "value"
 };
-function ke(b, h) {
-  const e = xe(
-    b,
+function ke(h, g) {
+  const { prefixCls: I, getPrefixCls: N } = v(Ee), r = v(Q), u = v(Ie), f = v(Y), e = ye(
+    h,
     Pe
-  ), $ = "disabled" in e, { prefixCls: g, getPrefixCls: u } = I(Se), C = I(J), w = I(Ie), [f, p] = K(null), [c, L] = K(null), t = I(Q), d = t.prefixCls || u?.("form"), l = `${d}-item`, O = e.layout || t.layout, ee = e.labelAlign || t.labelAlign, S = Z(!1), E = t.row, j = e.labelCol || t.labelCol, re = !j, R = e.wrapperCol || t.wrapperCol, te = !R, le = (n, r = {}) => {
+  ), {
+    noStyle: d,
+    readOnly: p = f.readOnly ?? r.readOnly
+  } = e, b = "disabled" in e, [E, D] = X(null), [x, L] = X(null), c = r.prefixCls || N?.("form"), t = `${c}-item`, j = e.layout || r.layout, re = e.labelAlign || r.labelAlign, S = ee(!1), P = r.row, R = e.labelCol || r.labelCol, le = !R, V = e.wrapperCol || r.wrapperCol, te = !V, oe = (n, l = {}) => {
     if (S.current)
       return;
-    const { errors: m, warnings: s } = r || {};
-    p((o) => {
-      const a = { ...o || {} };
-      return m ? a[n] = m : delete a[n], a;
+    const { errors: m, warnings: s } = l || {};
+    D((o) => {
+      const i = { ...o || {} };
+      return m ? i[n] = m : delete i[n], i;
     }), L((o) => {
-      const a = { ...o || {} };
-      return s && s.length ? a[n] = s : delete a[n], a;
+      const i = { ...o || {} };
+      return s && s.length ? i[n] = s : delete i[n], i;
     });
-  }, oe = q(e.noStyle) && e.noStyle.showErrorTip && C.updateFormItem ? C.updateFormItem : le;
+  }, ne = O(d) && d.showErrorTip && f.updateFormItem ? f.updateFormItem : oe;
   he(() => (S.current = !1, () => {
-    S.current = !0, p(null), L(null);
+    S.current = !0, D(null), L(null);
   }), []);
-  const ne = {
-    ...t,
-    validateMessages: t.validateMessages && Ne(t.validateMessages, {
+  const se = {
+    ...r,
+    validateMessages: r.validateMessages && Ne(r.validateMessages, {
       label: e.label
     }),
-    prefixCls: d,
-    updateFormItem: oe,
-    disabled: $ ? e.disabled : t.disabled
-  }, { label: P, extra: V, className: se, style: ie, validateStatus: v, hidden: ae, ...me } = e, _ = !!P, U = f ? Object.values(f) : [], k = c ? Object.values(c).reduce((n, r) => n.concat(r), []) : [], F = X(() => {
-    if (v)
-      return v;
-    if (U.length)
-      return A.error;
-    if (k.length)
-      return A.warning;
-  }, [f, c, v]), W = X(() => !y(e.help) || k.length > 0, [e.help, c]);
-  function ce() {
-    const { field: n, children: r } = e, m = $ ? e.disabled : t.disabled;
-    if ($e(r)) {
+    prefixCls: c,
+    updateFormItem: ne,
+    disabled: b ? e.disabled : r.disabled,
+    readOnly: p
+  }, { label: k, extra: _, className: ae, style: ie, validateStatus: $, hidden: me, ...ce } = e, U = !!k, W = E ? Object.values(E) : [], T = x ? Object.values(x).reduce((n, l) => n.concat(l), []) : [], w = B(() => {
+    if ($)
+      return $;
+    if (W.length)
+      return q.error;
+    if (T.length)
+      return q.warning;
+  }, [E, x, $]), z = B(() => !y(e.help) || T.length > 0, [e.help, x]);
+  function de() {
+    const { field: n, children: l } = e, m = b ? e.disabled : r.disabled;
+    if ($e(l)) {
       const { key: s, ...o } = e ?? {};
-      return /* @__PURE__ */ B(
-        N,
+      return /* @__PURE__ */ G(
+        F,
         {
           disabled: m,
           ...o,
           key: n || s,
           _key: n || s
         },
-        (...a) => r(
-          ...a
+        (...i) => l(
+          ...i
         )
       );
     }
-    if (we(r)) {
-      const s = H.Children.map(r, (o, a) => {
-        if (q(o)) {
-          const pe = o.key || a, ue = "disabled" in o.props, z = { key: pe };
-          return y(m) || ue || (z.disabled = m), G(o, z);
+    if (we(l)) {
+      const s = K.Children.map(l, (o, i) => {
+        if (O(o)) {
+          const pe = o.key || i, ue = "disabled" in o.props, H = { key: pe };
+          return y(m) || ue || (H.disabled = m), J(o, H);
         }
         return o;
       });
-      return /* @__PURE__ */ i(N, { ...e, field: void 0, children: s });
+      return /* @__PURE__ */ a(F, { ...e, field: void 0, children: s });
     }
-    if (H.Children.count(r) == 1) {
+    if (K.Children.count(l) == 1) {
       if (n) {
-        const s = w?.getItemKey?.(n) || n;
-        return /* @__PURE__ */ B(N, { disabled: m, ...e, key: s, _key: s }, r);
+        const s = u?.getItemKey?.(n) || n;
+        return /* @__PURE__ */ G(F, { disabled: m, ...e, key: s, _key: s }, l);
       }
-      if (q(r)) {
-        if (r.type?.isFormControl)
-          return r;
-        const o = !("disabled" in r.props) && y(m) ? null : { disabled: m };
-        return /* @__PURE__ */ i(N, { ...e, field: void 0, children: o ? G(r, o) : r });
+      if (O(l)) {
+        if (l.type?.isFormControl)
+          return l;
+        const o = !("disabled" in l.props) && y(m) ? null : { disabled: m };
+        return /* @__PURE__ */ a(F, { ...e, field: void 0, children: o ? J(l, o) : l });
       }
     }
-    return r;
+    return l;
   }
-  const de = J, T = {
-    ...t
-  };
-  e.noStyle || (T.wrapperCol = void 0, T.labelCol = void 0);
-  let M = ce();
-  return e.noStyle || (M = /* @__PURE__ */ D(
-    ye,
+  let M = de();
+  return d || (M = /* @__PURE__ */ A(
+    xe,
     {
-      ref: h,
-      ...E,
-      ...ve(me, [
+      ref: g,
+      ...P,
+      ...ve(ce, [
         "tooltip",
         "children",
         "prefixCls",
@@ -176,84 +176,91 @@ function ke(b, h) {
         "requiredSymbol",
         "isFormList"
       ]),
-      style: { ...E?.style, ...ie },
-      className: x(
-        l,
+      style: { ...P?.style, ...ie },
+      className: C(
+        t,
         {
-          [`${l}-error`]: W || !v && F === A.error,
-          [`${l}-status-${F}`]: F,
-          [`${l}-has-help`]: W,
-          [`${l}-hidden`]: ae,
-          [`${l}-has-feedback`]: F && e.hasFeedback
+          [`${t}-error`]: z || !$ && w === q.error,
+          [`${t}-status-${w}`]: w,
+          [`${t}-has-help`]: z,
+          [`${t}-hidden`]: me,
+          [`${t}-has-feedback`]: w && e.hasFeedback
         },
-        `${d}-layout-${O}`,
-        P ? `${l}-has-label` : `${l}-no-label`,
-        E?.className,
-        se
+        `${c}-layout-${j}`,
+        k ? `${t}-has-label` : `${t}-no-label`,
+        P?.className,
+        ae
       ),
-      div: O !== "horizontal",
+      div: j !== "horizontal",
       children: [
-        _ && /* @__PURE__ */ i(
-          Y,
+        U && /* @__PURE__ */ a(
+          Z,
           {
-            className: x(
-              `${l}-label`,
-              `${d}-label-item`,
+            className: C(
+              `${t}-label`,
+              `${c}-label-item`,
               e.labelCol?.className,
-              t.labelCol?.className,
+              r.labelCol?.className,
               {
-                [`${d}-label-item-left`]: ee === "left",
-                [`${d}-label-item-flex`]: re
+                [`${c}-label-item-left`]: re === "left",
+                [`${c}-label-item-flex`]: le
               }
             ),
-            ...j ?? { flex: 0 },
-            children: /* @__PURE__ */ i(
+            ...R ?? { flex: 0 },
+            children: /* @__PURE__ */ a(
               Fe,
               {
-                className: x(`${l}-label-label`),
+                className: C(`${t}-label-label`),
                 tooltip: e.tooltip,
-                htmlFor: e.field && t?.getFormElementId?.(
+                htmlFor: e.field && r?.getFormElementId?.(
                   e.field
                 ),
-                label: P,
-                prefix: g,
-                requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : t.requiredSymbol,
+                label: k,
+                prefix: I,
+                requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : r.requiredSymbol,
                 required: e.required,
                 rules: e.rules,
-                showColon: "colon" in e ? e.colon : t.colon
+                showColon: "colon" in e ? e.colon : r.colon,
+                readOnly: p
               }
             )
           }
         ),
-        /* @__PURE__ */ D(
-          Y,
+        /* @__PURE__ */ A(
+          Z,
           {
-            className: x(
-              `${l}-wrapper`,
+            className: C(
+              `${t}-wrapper`,
               {
-                [`${l}-wrapper-flex`]: te
+                [`${t}-wrapper-flex`]: te
               },
-              _ ? `${l}-wrapper-has-label` : `${l}-wrapper-no-label`
+              U ? `${t}-wrapper-has-label` : `${t}-wrapper-no-label`
             ),
-            ...R ?? { flex: 1 },
+            ...V ?? { flex: 1 },
             children: [
               M,
-              /* @__PURE__ */ i(
-                Ee,
+              /* @__PURE__ */ a(
+                Se,
                 {
-                  prefixCls: d,
+                  prefixCls: c,
                   help: e.help,
-                  errors: U,
-                  warnings: k
+                  errors: W,
+                  warnings: T
                 }
               ),
-              V && /* @__PURE__ */ i("div", { className: `${d}-extra`, children: V })
+              _ && /* @__PURE__ */ a("div", { className: `${c}-extra`, children: _ })
             ]
           }
         )
       ]
     }
-  )), /* @__PURE__ */ i(Q.Provider, { value: T, children: /* @__PURE__ */ i(de.Provider, { value: ne, children: M }) });
+  )), /* @__PURE__ */ a(
+    Q.Provider,
+    {
+      value: d ? r : { ...r, wrapperCol: void 0, labelCol: void 0 },
+      children: /* @__PURE__ */ a(Y.Provider, { value: se, children: M })
+    }
+  );
 }
 const Te = be(ke);
 Te.displayName = "FormItem";