@unicom-cloud/ui 0.8.118 → 0.8.120

package/form/Control.js

@@ -1,19 +1,18 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as m, jsxs as I } from "react/jsx-runtime";
 import E from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import b from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import w from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import w from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import y from "@unicom-cloud/icons/IconUiLoading";
 import F from "lodash/get";
 import M from "lodash/set";
 import p from "react";
-import U from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import V from "../dist/ui-common/utils/warning.js";
-import { FormItemContext as k } from "./context.js";
-import { isFieldMatch as v, schemaValidate as S, isSyntheticEvent as P, ID_INPUT_SUFFIX as D } from "./utils.js";
-import { isBoolean as N, isArray as C, isNil as W, isEqualWith as x, isFunction as f } from "@unicom-cloud/utils/is";
-class Q extends p.Component {
+import U from "@unicom-cloud/ui-common/utils/className";
+import { isBoolean as k, isArray as V, isNil as N, isEqualWith as S, isFunction as f } from "@unicom-cloud/ui-common/utils/is";
+import C from "@unicom-cloud/ui-common/utils/warning";
+import { FormItemContext as P } from "./context.js";
+import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as D, ID_INPUT_SUFFIX as W } from "./utils.js";
+class K extends p.Component {
   constructor(l, u) {
     super(l), this.errors = null, this.warnings = null, this.isDestroyed = !1, this.childrenElement = null, this.triggerStateCollect = () => {
       const { innerCollectFormState: t } = this.context.store.getInnerMethods(!0);
@@ -21,7 +20,7 @@ class Q extends p.Component {
     }, this.toggleValidateStatus = (t) => {
       this.validateStatus = t, this.triggerStateCollect();
     }, this.toggleTouched = (t) => {
-      this.touched = N(t) ? t : !this.touched, this.triggerStateCollect();
+      this.touched = k(t) ? t : !this.touched, this.triggerStateCollect();
     }, this.setWarnings = (t) => {
       this.warnings = t, this.triggerStateCollect();
     }, this.setErrors = (t) => {
@@ -41,23 +40,23 @@ class Q extends p.Component {
       const t = this.props.field, e = this.context.store;
       return t ? e.getInnerMethods(!0).innerGetFieldValue(t) : void 0;
     }, this.onStoreChange = (t, e) => {
-      const i = C(e.field) ? e.field : [e.field], { field: o, shouldUpdate: s, dependencies: r } = this.props, a = (d) => {
-        if (r && s && V(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), r)
-          C(r) && r.some((n) => v(n, i)) && this.isTouched() && this.validateField();
-        else if (s) {
+      const s = V(e.field) ? e.field : [e.field], { field: o, shouldUpdate: i, dependencies: r } = this.props, a = (d) => {
+        if (r && i && C(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), r)
+          V(r) && r.some((n) => v(n, s)) && this.isTouched() && this.validateField();
+        else if (i) {
           let n = !1;
-          f(s) ? n = s(e.prev, e.current, {
+          f(i) ? n = i(e.prev, e.current, {
             field: e.field,
             ...d
-          }) : n = !x(e.prev, e.current), n && this.updateFormItem();
+          }) : n = !S(e.prev, e.current), n && this.updateFormItem();
         }
       };
       switch (t) {
         case "reset":
-          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), r || s ? a() : this.updateFormItem();
+          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), r || i ? a() : this.updateFormItem();
           break;
         case "innerSetValue":
-          if (v(o, i)) {
+          if (v(o, s)) {
             this.toggleTouched(!0), this.updateFormItem();
             return;
           }
@@ -67,10 +66,10 @@ class Q extends p.Component {
           });
           break;
         case "setFieldValue":
-          if (v(o, i)) {
+          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(
-              W(e.data.warnings) ? [] : [].concat(e.data.warnings)
-            ), e.data && "errors" in e.data ? this.setErrors(e.data.errors) : x(F(e.prev, o), F(e.current, o)) || this.setErrors(null), this.updateFormItem();
+              N(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();
             return;
           }
           a();
@@ -78,58 +77,58 @@ class Q extends p.Component {
       }
     }, this.innerSetFieldValue = (t, e) => {
       if (!t) return;
-      const { store: i } = this.context;
-      i.getInnerMethods(!0).innerSetFieldValue(t, e);
-      const s = {};
-      M(s, t, e), this.props?.onValuesChange?.(s, {
-        ...i.getFieldsValue()
+      const { store: s } = this.context;
+      s.getInnerMethods(!0).innerSetFieldValue(t, e);
+      const i = {};
+      M(i, t, e), this.props?.onValuesChange?.(i, {
+        ...s.getFieldsValue()
       });
     }, this.validateFieldOnly = () => {
-      const { validateMessages: t, schemaOptions: e } = this.context, { field: i, rules: o } = this.props, s = this.getFieldValue();
-      return S(
-        i,
+      const { validateMessages: t, schemaOptions: e } = this.context, { field: s, rules: o } = this.props, i = this.getFieldValue();
+      return x(
         s,
+        i,
         o,
         t,
         e
-      ).then(({ error: r, warning: a }) => Promise.resolve({ error: r, value: s, warning: a, field: i }));
+      ).then(({ error: r, warning: a }) => Promise.resolve({ error: r, value: i, warning: a, field: s }));
     }, this.validateField = (t) => {
       const {
         validateTrigger: e,
-        validateMessages: i,
+        validateMessages: s,
         schemaOptions: o
-      } = this.context, { field: s, rules: r, validateTrigger: a } = this.props, d = this.getFieldValue(), n = () => {
+      } = this.context, { field: i, rules: r, validateTrigger: a } = this.props, d = this.getFieldValue(), n = () => {
         const c = this.errors || this.warnings?.length;
         this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), c && this.updateFormItem();
       }, h = t ? (r || []).filter((c) => [].concat(
         c.validateTrigger || a || e
       ).indexOf(t) > -1) : r;
-      return h && h.length && s ? (n(), S(
-        s,
+      return h && h.length && i ? (n(), x(
+        i,
         d,
         h,
-        i,
+        s,
         o
-      ).then(({ error: c, warning: g }) => (this.setErrors(c ? c[s] : null), this.setWarnings(g || null), this.toggleValidateStatus(
+      ).then(({ error: c, warning: g }) => (this.setErrors(c ? c[i] : null), this.setWarnings(g || null), this.toggleValidateStatus(
         this.errors ? "error" : this.warnings?.length ? "warning" : "success"
-      ), this.updateFormItem(), Promise.resolve({ error: c, value: d, field: s })))) : Promise.resolve({ error: null, value: d, field: s });
+      ), this.updateFormItem(), Promise.resolve({ error: c, value: d, field: i })))) : Promise.resolve({ error: null, value: d, field: i });
     }, this.handleTrigger = (t, ...e) => {
-      const i = this.childrenElement || this.props.children, { store: o } = this.context, { field: s, trigger: r, normalize: a, getValueFromEvent: d } = this.props, n = f(d) ? d(t, ...e) : t;
+      const s = this.childrenElement || this.props.children, { store: o } = this.context, { field: i, trigger: r, normalize: a, getValueFromEvent: d } = this.props, n = f(d) ? d(t, ...e) : t;
       let h = n;
-      if (P(n)) {
-        V(
+      if (D(n)) {
+        C(
           !0,
           "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
         ), n.stopPropagation();
         return;
       }
-      f(a) && (h = a(n, o.getFieldValue(s), {
+      f(a) && (h = a(n, o.getFieldValue(i), {
         ...o.getFieldsValue()
-      })), this.toggleTouched(!0), this.innerSetFieldValue(s, h), this.validateField(r), p.isValidElement(i) && i.props && i.props[r] && (this.props.isFormList || i.props[r](h, ...e));
+      })), this.toggleTouched(!0), this.innerSetFieldValue(i, h), this.validateField(r), p.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 i = t;
-      return f(t) && (i = t(
+      let s = t;
+      return f(t) && (s = t(
         e.getFields(),
         {
           ...e
@@ -138,7 +137,7 @@ class Q extends p.Component {
           value: this.getFieldValue(),
           onChange: this.handleTrigger
         }
-      )), this.childrenElement = i, i;
+      )), this.childrenElement = s, s;
     }, "initialValue" in l && this.hasFieldProps() && u?.store?.getInnerMethods?.(!0)?.innerSetInitialValue?.(l.field, l.initialValue);
   }
   static {
@@ -151,7 +150,7 @@ class Q extends p.Component {
     this.isFormControl = !0;
   }
   static {
-    this.contextType = k;
+    this.contextType = P;
   }
   componentDidMount() {
     const { store: l } = this.context ?? {};
@@ -182,12 +181,12 @@ class Q extends p.Component {
     const {
       field: t,
       trigger: e = "onChange",
-      triggerPropName: i = "value",
+      triggerPropName: s = "value",
       validateStatus: o,
-      formatter: s
+      formatter: i
     } = this.props, { store: r, disabled: a } = this.context, d = "disabled" in this.props ? this.props.disabled : a, n = p.Children.only(l), h = {
       // used by label
-      id: U(n.props?.id || { [`${u}${D}`]: u })
+      id: U(n.props?.id || { [`${u}${W}`]: u })
     };
     this.getValidateTrigger().forEach((g) => {
       h[g] = (T) => {
@@ -195,23 +194,23 @@ class Q extends p.Component {
       };
     }), h[e] = this.handleTrigger, d !== void 0 && !("disabled" in n.props) && (h.disabled = d);
     let c = F(r.getInnerMethods(!0).innerGetStore(), t);
-    return f(s) && (c = s(c)), h[i] = c, !o && this.errors && (h.error = !0), p.cloneElement(n, h);
+    return f(i) && (c = i(c)), h[s] = c, !o && this.errors && (h.error = !0), p.cloneElement(n, h);
   }
   render() {
-    const { noStyle: l, field: u, isFormList: t, hasFeedback: e } = this.props, i = this.getValidateStatus(), { prefixCls: o, getFormElementId: s } = this.context;
+    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 a = this.hasFieldProps() ? s?.(u) : void 0;
+    const a = this.hasFieldProps() ? i?.(u) : void 0;
     return this.hasFieldProps() && !t && p.Children.count(r) === 1 && (r = this.renderControl(r, a)), l ? r : /* @__PURE__ */ m("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ m("div", { className: `${o}-item-control`, id: a, children: /* @__PURE__ */ I("div", { className: `${o}-item-control-children`, children: [
       r,
-      i && e && /* @__PURE__ */ I(
+      s && e && /* @__PURE__ */ I(
         "div",
         {
-          className: `${o}-item-feedback ${o}-item-feedback-${i}`,
+          className: `${o}-item-feedback ${o}-item-feedback-${s}`,
           children: [
-            i === "warning" && /* @__PURE__ */ m(w, {}),
-            i === "success" && /* @__PURE__ */ m(E, {}),
-            i === "error" && /* @__PURE__ */ m(b, {}),
-            i === "validating" && /* @__PURE__ */ m(y, {})
+            s === "warning" && /* @__PURE__ */ m(b, {}),
+            s === "success" && /* @__PURE__ */ m(E, {}),
+            s === "error" && /* @__PURE__ */ m(w, {}),
+            s === "validating" && /* @__PURE__ */ m(y, {})
           ]
         }
       )
@@ -219,5 +218,5 @@ class Q extends p.Component {
   }
 }
 export {
-  Q as default
+  K as default
 };

package/form/Form.js

@@ -1,22 +1,21 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as d } from "react/jsx-runtime";
-import D from "../dist/ui-common/utils/scrollIntoViewIfNeeded.js";
+import D from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
 import O from "lodash/merge";
 import { forwardRef as j, useContext as h, useRef as k, useEffect as _, useImperativeHandle as A } from "react";
 import U from "../config-provider/ConfigProvider.js";
-import H from "../dist/ui-common/hooks/use-create/index.js";
-import W from "../dist/ui-common/hooks/use-merge-props/index.js";
-import X from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import B from "../dist/ui-common/utils/omit.js";
-import { FormProviderContext as G, FormContext as J } from "./context.js";
-import K from "./hook/useForm.js";
-import { ID_INPUT_SUFFIX as L } from "./utils.js";
-import Q from "../config-provider/context.js";
-import { isPlainObject as Y } from "@unicom-cloud/utils/is";
-function f(i, c) {
+import H from "@unicom-cloud/ui-common/hooks/use-create";
+import W from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import X from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as B } from "@unicom-cloud/ui-common/utils/is";
+import G from "@unicom-cloud/ui-common/utils/omit";
+import { FormProviderContext as J, FormContext as K } from "./context.js";
+import L from "./hook/useForm.js";
+import { ID_INPUT_SUFFIX as Q } from "./utils.js";
+import Y from "../config-provider/context.js";
+function f(s, c) {
   const t = c.replace(/[[.]/g, "_").replace(/\]/g, "");
-  return i ? `${i}-${t}` : `${t}`;
+  return s ? `${s}-${t}` : `${t}`;
 }
 const Z = {
   layout: "horizontal",
@@ -26,35 +25,35 @@ const Z = {
   requiredSymbol: !0,
   wrapper: "form",
   validateTrigger: "onChange"
-}, ee = (i, c) => {
-  const t = h(Q), s = h(G), p = k(null), [n] = K(
-    i.form
+}, ee = (s, c) => {
+  const t = h(Y), i = h(J), p = k(null), [n] = L(
+    s.form
   ), o = W(
-    i,
+    s,
     Z,
     t.componentConfig?.Form
   ), {
     layout: u,
     labelCol: S,
-    wrapperCol: x,
-    wrapper: P,
+    wrapperCol: P,
+    wrapper: x,
     id: g,
     requiredSymbol: $,
     labelAlign: v,
-    disabled: y,
+    disabled: I,
     colon: V,
-    className: I,
-    validateTrigger: R,
+    className: y,
+    validateTrigger: N,
     prefixCls: w,
-    validateMessages: M,
-    schemaOptions: z,
-    ...N
+    validateMessages: R,
+    schemaOptions: M,
+    ...z
   } = o, l = w || t.getPrefixCls?.("form"), T = t.rtl, C = "size" in o ? o.size : t.size, F = n.getInnerMethods(!0);
   H(() => {
     F.innerSetInitialValues(o.initialValues);
-  }), _(() => {
+  }, []), _(() => {
     let e;
-    return s.register && (e = s.register(o.id, n)), e;
+    return i.register && (e = i.register(o.id, n)), e;
   }, [o.id, n]), n.scrollToField = (e, r) => {
     const a = p.current, b = o.id;
     if (!a) return;
@@ -62,7 +61,7 @@ const Z = {
       `#${f(b, e)}`
     );
     m || (m = a.querySelector(
-      `#${f(b, e)}${L}`
+      `#${f(b, e)}${Q}`
     )), m && D(m, {
       behavior: "smooth",
       block: "nearest",
@@ -71,13 +70,13 @@ const Z = {
     });
   }, F.innerSetCallbacks({
     onValuesChange: (e, r) => {
-      o.onValuesChange?.(e, r), s.onFormValuesChange?.(o.id, e);
+      o.onValuesChange?.(e, r), i.onFormValuesChange?.(o.id, e);
     },
     onChange: o.onChange,
     onValidateFail: (e) => {
       const r = o.scrollToFirstError;
       if (r) {
-        const a = Y(r) ? r : {};
+        const a = B(r) ? r : {};
         n.scrollToField(
           Object.keys(e)[0],
           a
@@ -87,42 +86,42 @@ const Z = {
     onSubmitFailed: o.onSubmitFailed,
     onSubmit: (e) => {
       const r = o.onSubmit?.(e);
-      return s.onFormSubmit?.(o.id, e), r;
+      return i.onFormSubmit?.(o.id, e), r;
     },
     onReset: (e) => {
       const r = o.onReset?.(e);
-      return s?.onFormReset?.(o.id, e), r;
+      return i?.onFormReset?.(o.id, e), r;
     }
   });
   const E = {
     requiredSymbol: $,
     labelAlign: v,
-    disabled: y,
+    disabled: I,
     colon: V,
     labelCol: S,
-    wrapperCol: x,
+    wrapperCol: P,
     layout: u,
     store: n,
     prefixCls: l,
-    validateTrigger: R,
+    validateTrigger: N,
     validateMessages: O(
       {},
       t.locale?.Form?.validateMessages,
-      M
+      R
     ),
-    schemaOptions: z,
+    schemaOptions: M,
     getFormElementId: (e) => f(g, e)
-  }, q = J;
+  }, q = K;
   return A(c, () => ({
     ...n,
     getRootDOMNode() {
       return p.current;
     }
   })), /* @__PURE__ */ d(U, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ d(q.Provider, { value: E, children: /* @__PURE__ */ d(
-    P,
+    x,
     {
       ref: p,
-      ...B(N, [
+      ...G(z, [
         "form",
         "size",
         "initialValues",
@@ -140,7 +139,7 @@ const Z = {
         `${l}-${u}`,
         `${l}-size-${C}`,
         { [`${l}-rtl`]: T },
-        I
+        y
       ),
       style: o.style,
       onSubmit: (e) => {