@unicom-cloud/ui 0.8.135 → 0.8.137

package/form/Control.js

@@ -1,17 +1,17 @@
-/* 2026-01-08 16:35:57 */
-import { jsx as m, jsxs as I } from "react/jsx-runtime";
-import E from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import w from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import _ from "@unicom-cloud/icons/IconUiLoading";
+/* 2026-01-12 11:30:56 */
+import { jsx as p, jsxs as I } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import b from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import _ from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import y from "@unicom-cloud/icons/IconUiLoading";
 import F from "lodash/get";
-import y from "lodash/set";
-import f, { cloneElement as M } from "react";
-import U from "@unicom-cloud/ui-common/utils/className";
-import { isBoolean as k, isArray as V, isNil as P, isEqualWith as S, isFunction as p } from "@unicom-cloud/ui-common/utils/is";
-import C from "@unicom-cloud/ui-common/utils/warning";
+import M from "lodash/set";
+import f, { cloneElement as U } from "react";
+import V from "@unicom-cloud/ui-common/utils/className";
+import { isBoolean as k, isArray as S, isNil as P, isEqualWith as C, isFunction as m } from "@unicom-cloud/ui-common/utils/is";
+import x from "@unicom-cloud/ui-common/utils/warning";
 import { FormItemContext as N } from "./context.js";
-import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as D, ID_INPUT_SUFFIX as W } from "./utils.js";
+import { isFieldMatch as v, schemaValidate as T, isSyntheticEvent as D, ID_INPUT_SUFFIX as W } from "./utils.js";
 class K extends f.Component {
   constructor(l, u) {
     super(l), this.errors = null, this.warnings = null, this.isDestroyed = !1, this.childrenElement = null, this._内部数据 = {}, this.triggerStateCollect = () => {
@@ -41,15 +41,15 @@ class K extends f.Component {
       const t = this.props.field, e = this.context.store;
       return t ? e.getInnerMethods(!0).innerGetFieldValue(t) : void 0;
     }, this.onStoreChange = (t, e) => {
-      const s = V(e.field) ? e.field : [e.field], { field: o, shouldUpdate: i, dependencies: r } = this.props, n = (c) => {
-        if (r && i && C(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), r)
-          V(r) && r.some((a) => v(a, s)) && this.isTouched() && this.validateField();
+      const s = S(e.field) ? e.field : [e.field], { field: o, shouldUpdate: i, dependencies: r } = this.props, n = (c) => {
+        if (r && i && x(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), r)
+          S(r) && r.some((a) => v(a, s)) && this.isTouched() && this.validateField();
         else if (i) {
           let a = !1;
-          p(i) ? a = i(e.prev, e.current, {
+          m(i) ? a = i(e.prev, e.current, {
             field: e.field,
             ...c
-          }) : a = !S(e.prev, e.current), a && this.updateFormItem();
+          }) : a = !C(e.prev, e.current), a && this.updateFormItem();
         }
       };
       switch (t) {
@@ -70,7 +70,7 @@ class K extends f.Component {
           if (v(o, s)) {
             this.toggleTouched(!0), e.data && "touched" in e.data && this.toggleTouched(e.data.touched), e.data && "warnings" in e.data && this.setWarnings(
               P(e.data.warnings) ? [] : [].concat(e.data.warnings)
-            ), e.data && "errors" in e.data ? this.setErrors(e.data.errors) : S(F(e.prev, o), F(e.current, o)) || this.setErrors(null), this.updateFormItem();
+            ), e.data && "errors" in e.data ? this.setErrors(e.data.errors) : C(F(e.prev, o), F(e.current, o)) || this.setErrors(null), this.updateFormItem();
             return;
           }
           n();
@@ -81,12 +81,12 @@ class K extends f.Component {
       const { store: s } = this.context;
       s.getInnerMethods(!0).innerSetFieldValue(t, e);
       const i = {};
-      y(i, t, e), this.props?.onValuesChange?.(i, {
+      M(i, t, e), this.props?.onValuesChange?.(i, {
         ...s.getFieldsValue()
       });
     }, this.validateFieldOnly = () => {
       const { validateMessages: t, schemaOptions: e } = this.context, { field: s, rules: o } = this.props, i = this.getFieldValue();
-      return x(
+      return T(
         s,
         i,
         o,
@@ -104,7 +104,7 @@ class K extends f.Component {
       }, h = t ? (r || []).filter((d) => [].concat(
         d.validateTrigger || n || e
       ).includes(t)) : r;
-      return h && h.length && i ? (a(), x(
+      return h && h.length && i ? (a(), T(
         i,
         c,
         h,
@@ -114,22 +114,22 @@ class K extends f.Component {
         this.errors ? "error" : this.warnings?.length ? "warning" : "success"
       ), this.updateFormItem(), Promise.resolve({ error: d, value: c, field: i })))) : Promise.resolve({ error: null, value: c, field: i });
     }, this.handleTrigger = (t, ...e) => {
-      const s = this.childrenElement || this.props.children, { store: o } = this.context, { field: i, trigger: r, normalize: n, getValueFromEvent: c } = this.props, a = p(c) ? c(t, ...e) : t;
+      const s = this.childrenElement || this.props.children, { store: o } = this.context, { field: i, trigger: r, normalize: n, getValueFromEvent: c } = this.props, a = m(c) ? c(t, ...e) : t;
       let h = a;
       if (D(a)) {
-        C(
+        x(
           !0,
           "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
         ), a.stopPropagation();
         return;
       }
-      p(n) && (h = n(a, o.getFieldValue(i), {
+      m(n) && (h = n(a, o.getFieldValue(i), {
         ...o.getFieldsValue()
       })), this.toggleTouched(!0), this.innerSetFieldValue(i, h), this.validateField(r), f.isValidElement(s) && s.props && s.props[r] && (this.props.isFormList || s.props[r](h, ...e));
     }, this.getChild = () => {
       const { children: t } = this.props, { store: e } = this.context;
       let s = t;
-      return p(t) && (s = t(
+      return m(t) && (s = t(
         e.getFields(),
         {
           ...e
@@ -187,31 +187,34 @@ class K extends f.Component {
       formatter: i
     } = this.props, { store: r, disabled: n } = this.context, c = "disabled" in this.props ? this.props.disabled : n, a = f.Children.only(l), h = {
       // used by label
-      id: U(a.props?.id || { [`${u}${W}`]: u })
+      id: V(a.props?.id || { [`${u}${W}`]: u })
     };
     this.getValidateTrigger().forEach((g) => {
-      h[g] = (T) => {
-        this.validateField(g), a.props?.[g]?.(T);
+      h[g] = (E) => {
+        this.validateField(g), a.props?.[g]?.(E);
       };
     }), h[e] = this.handleTrigger, c !== void 0 && !("disabled" in a.props) && (h.disabled = c);
     let d = F(r.getInnerMethods(!0).innerGetStore(), t);
-    return p(i) && (d = i(d)), a.type?.___PQB_RICH_TEXT___ ? (this._内部数据.firstValue ||= d, h[s] = this._内部数据.firstValue) : h[s] = d, !o && this.errors && (h.error = !0), M(a, h);
+    return m(i) && (d = i(d)), a.type?.___PQB_RICH_TEXT___ ? (this._内部数据.firstValue ||= d, h[s] = this._内部数据.firstValue) : h[s] = d, !o && this.errors && (h.error = !0), U(a, h);
   }
   render() {
     const { noStyle: l, field: u, isFormList: t, hasFeedback: e } = this.props, s = this.getValidateStatus(), { prefixCls: o, getFormElementId: i } = this.context;
     let r = this.getChild();
     const n = this.hasFieldProps() ? i?.(u) : void 0;
-    return this.hasFieldProps() && !t && f.Children.count(r) === 1 && (r = this.renderControl(r, n)), l ? r : /* @__PURE__ */ m("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ m("div", { className: `${o}-item-control`, id: n, children: /* @__PURE__ */ I("div", { className: `${o}-item-control-children`, children: [
+    return this.hasFieldProps() && !t && f.Children.count(r) === 1 && (r = this.renderControl(r, n)), l ? r : /* @__PURE__ */ p("div", { className: `${o}-control-wrapper`, children: /* @__PURE__ */ p("div", { className: `${o}-control`, id: n, children: /* @__PURE__ */ I("div", { className: `${o}-control-children`, children: [
       r,
       s && e && /* @__PURE__ */ I(
         "div",
         {
-          className: `${o}-item-feedback ${o}-item-feedback-${s}`,
+          className: V(
+            `${o}-feedback`,
+            `${o}-feedback-${s}`
+          ),
           children: [
-            s === "warning" && /* @__PURE__ */ m(b, {}),
-            s === "success" && /* @__PURE__ */ m(E, {}),
-            s === "error" && /* @__PURE__ */ m(w, {}),
-            s === "validating" && /* @__PURE__ */ m(_, {})
+            s === "warning" && /* @__PURE__ */ p(_, {}),
+            s === "success" && /* @__PURE__ */ p(w, {}),
+            s === "error" && /* @__PURE__ */ p(b, {}),
+            s === "validating" && /* @__PURE__ */ p(y, {})
           ]
         }
       )

package/form/Form.js

@@ -1,5 +1,5 @@
-/* 2026-01-08 16:35:57 */
-import { jsx as f } from "react/jsx-runtime";
+/* 2026-01-12 11:30:56 */
+import { jsx as u } from "react/jsx-runtime";
 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";
@@ -12,12 +12,12 @@ 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}`;
+import oe from "../config-provider/context.js";
+function d(s, p) {
+  const t = p.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return s ? `${s}-${t}` : `${t}`;
 }
-const oe = {
+const re = {
   layout: "horizontal",
   labelCol: { span: 5, offset: 0 },
   labelAlign: "right",
@@ -26,22 +26,22 @@ const oe = {
   wrapper: "form",
   validateTrigger: "onChange"
 };
-function te(i, c) {
-  const t = h(re), s = h(Q), p = U(null), [n] = Z(
-    i.form
-  ), r = G(
-    i,
-    oe,
+function te(s, p) {
+  const t = h(oe), l = h(Q), c = U(null), [n] = Z(
+    s.form
+  ), o = G(
+    s,
+    re,
     t.componentConfig?.Form
   ), {
-    layout: u,
-    row: P,
+    layout: f,
+    rowProps: P,
     labelCol: S,
-    wrapperCol: x,
-    wrapper: $,
+    wrapperCol: $,
+    wrapper: x,
     id: g,
-    requiredSymbol: v,
-    labelAlign: y,
+    requiredSymbol: y,
+    labelAlign: v,
     disabled: I,
     colon: V,
     className: w,
@@ -51,14 +51,14 @@ function te(i, c) {
     schemaOptions: M,
     readOnly: T,
     ...E
-  } = r, l = R || t.getPrefixCls?.("form"), q = t.rtl, C = "size" in r ? r.size : t.size, F = n.getInnerMethods(!0);
+  } = o, i = R || t.getPrefixCls?.("form"), q = t.rtl, C = "size" in o ? o.size : t.size, F = n.getInnerMethods(!0);
   B(() => {
-    F.innerSetInitialValues(r.initialValues);
+    F.innerSetInitialValues(o.initialValues);
   }, []), W(() => {
     let e;
-    return s.register && (e = s.register(r.id, n)), e;
-  }, [r.id, n]), n.scrollToField = (e, o) => {
-    const a = p.current, b = r.id;
+    return l.register && (e = l.register(o.id, n)), e;
+  }, [o.id, n]), n.scrollToField = (e, r) => {
+    const a = c.current, b = o.id;
     if (!a) return;
     let m = a.querySelector(
       `#${d(b, e)}`
@@ -69,44 +69,44 @@ function te(i, c) {
       behavior: "smooth",
       block: "nearest",
       scrollMode: "if-needed",
-      ...o
+      ...r
     });
   }, F.innerSetCallbacks({
-    onValuesChange: (e, o) => {
-      r.onValuesChange?.(e, o), s.onFormValuesChange?.(r.id, e);
+    onValuesChange: (e, r) => {
+      o.onValuesChange?.(e, r), l.onFormValuesChange?.(o.id, e);
     },
-    onChange: r.onChange,
+    onChange: o.onChange,
     onValidateFail: (e) => {
-      const o = r.scrollToFirstError;
-      if (o) {
-        const a = K(o) ? o : {};
+      const r = o.scrollToFirstError;
+      if (r) {
+        const a = K(r) ? r : {};
         n.scrollToField(
           Object.keys(e)[0],
           a
         );
       }
     },
-    onSubmitFailed: r.onSubmitFailed,
+    onSubmitFailed: o.onSubmitFailed,
     onSubmit: (e) => {
-      const o = r.onSubmit?.(e);
-      return s.onFormSubmit?.(r.id, e), o;
+      const r = o.onSubmit?.(e);
+      return l.onFormSubmit?.(o.id, e), r;
     },
     onReset: (e) => {
-      const o = r.onReset?.(e);
-      return s?.onFormReset?.(r.id, e), o;
+      const r = o.onReset?.(e);
+      return l?.onFormReset?.(o.id, e), r;
     }
   });
   const O = {
-    requiredSymbol: v,
-    labelAlign: y,
+    requiredSymbol: y,
+    labelAlign: v,
     disabled: I,
     colon: V,
-    row: P,
+    rowProps: P,
     labelCol: S,
-    wrapperCol: x,
-    layout: u,
+    wrapperCol: $,
+    layout: f,
     store: n,
-    prefixCls: l,
+    prefixCls: i,
     validateTrigger: N,
     validateMessages: _(
       {},
@@ -129,14 +129,15 @@ function te(i, c) {
       "onSubmitFailed",
       "onReset"
     ]),
-    ...r.wrapperProps,
+    ...o.wrapperProps,
     id: g,
-    style: r.style,
+    style: o.style,
     className: J(
-      l,
-      `${l}-${u}`,
-      `${l}-size-${C}`,
-      { [`${l}-rtl`]: q },
+      i,
+      `${i}-${f}`,
+      `${i}-layout-${f}`,
+      `${i}-size-${C}`,
+      { [`${i}-rtl`]: q },
       w
     ),
     onSubmit: (e) => {
@@ -146,12 +147,12 @@ function te(i, c) {
       e.preventDefault(), e.stopPropagation(), n.resetFields();
     }
   }, k = Y;
-  return H(c, () => ({
+  return H(p, () => ({
     ...n,
     getRootElement() {
-      return p.current;
+      return c.current;
     }
-  })), /* @__PURE__ */ f(X, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ f(k.Provider, { value: O, children: /* @__PURE__ */ f($, { ref: p, ...j, children: r.children }) }) });
+  })), /* @__PURE__ */ u(X, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ u(k.Provider, { value: O, children: /* @__PURE__ */ u(x, { ref: c, ...j, children: o.children }) }) });
 }
 const ne = A(te);
 ne.displayName = "Form";