@unicom-cloud/ui 0.8.41

package/Form.js

@@ -0,0 +1,1420 @@
+var Xe = Object.defineProperty;
+var Ze = (s, e, t) => e in s ? Xe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var u = (s, e, t) => (Ze(s, typeof e != "symbol" ? e + "" : e, t), t);
+import "./chunk/DP2rzg_V.js";
+import "./chunk/DhodcKwW.js";
+import { jsx as f, jsxs as B, Fragment as Re } from "react/jsx-runtime";
+import Ye from "@unicom-cloud/scroll-into-view-if-needed";
+import M from "lodash/isPlainObject";
+import Pe from "lodash/merge";
+import A, { createContext as oe, useRef as U, forwardRef as pe, useContext as L, useEffect as se, useImperativeHandle as Ke, Component as et, isValidElement as me, useState as le, useMemo as we, cloneElement as Ee, createElement as tt, useCallback as Y } from "react";
+import { a as Se, b as rt } from "./chunk/Dc_89PVN.js";
+import st from "./hooks/useCreate.js";
+import it from "./hooks/useMergeProps.js";
+import j from "@unicom-cloud/utils/class-name";
+import xe from "./utils/omit.js";
+import { NOOP as b } from "./utils/constant.js";
+import W from "lodash/get";
+import Me from "lodash/has";
+import E from "lodash/isArray";
+import O from "lodash/isFunction";
+import nt from "lodash/omit";
+import _e from "lodash/setWith";
+import { isExist as Te } from "./utils/is.js";
+import { Schema as lt } from "@unicom-cloud/utils/validate";
+import Le from "lodash/cloneDeepWith";
+import Ue from "lodash/set";
+import ot from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import at from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import ct from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import ut from "@unicom-cloud/icons/IconUiLoading";
+import dt from "lodash/isBoolean";
+import Fe from "lodash/isEqualWith";
+import ht from "lodash/isNil";
+import ee from "./utils/warning.js";
+import gt from "lodash/isObject";
+import K from "lodash/isUndefined";
+import De from "./Grid.js";
+import { CSSTransition as mt } from "@unicom-cloud/react-transition-group";
+import Ft from "@unicom-cloud/icons/IconUiQuestionCircleFill";
+import ft from "./Tooltip.js";
+import pt from "./hooks/useForceUpdate.js";
+import St from "lodash/isString";
+const H = oe({
+  layout: "horizontal",
+  labelCol: { span: 5, offset: 0 },
+  labelAlign: "right",
+  wrapperCol: { span: 19, offset: 0 },
+  requiredSymbol: !0,
+  getFormElementId: () => "pqb-",
+  store: {
+    clearFields: b,
+    getFieldsValue: b,
+    getFieldValue: b,
+    getFieldError: b,
+    getFieldsError: b,
+    getTouchedFields: b,
+    getFields: b,
+    getInitialValues: b,
+    setInitialValues: b,
+    setInitialValue: b,
+    setFieldValue: b,
+    setFieldsValue: b,
+    setFields: b,
+    resetFields: b,
+    submit: b,
+    validate: b,
+    getFieldsState: b,
+    scrollToField: b,
+    getInnerMethods: () => ({
+      registerField: b,
+      innerGetStore: b,
+      registerStateWatcher: b,
+      registerWatcher: b,
+      innerGetStoreStatus: b
+    })
+  }
+}), fe = oe({}), Oe = oe({}), je = oe({}), he = {
+  error: "error",
+  success: "success",
+  warning: "warning",
+  validating: "validating"
+};
+var D = /* @__PURE__ */ ((s) => (s.init = "init", s.error = "error", s.success = "success", s.submitting = "submitting", s))(D || {});
+class Vt extends Error {
+  constructor(t) {
+    super("form validate error, get errors by error.errors");
+    u(this, "errors", {});
+    this.errors = t;
+  }
+}
+function bt(s) {
+  return Object.defineProperty(
+    (...e) => typeof e[e.length - 1] == "function" ? s.apply(this, e) : new Promise((t, r) => (e[e.length] = (i, l) => {
+      if (i)
+        return r(new Vt(i));
+      t(l);
+    }, e.length++, s.apply(this, e))),
+    "name",
+    { value: s.name }
+  );
+}
+function Z(s) {
+  return Le(s, (e) => {
+    if (!M(e) && !E(e))
+      return e;
+  });
+}
+const vt = (s, e) => Le(s, (t) => {
+  if (O(t))
+    return (r) => t(r, e);
+});
+function P(s, e, t) {
+  return Ue(s, e, Z(t)), s;
+}
+function $e(s, e = "") {
+  const t = /* @__PURE__ */ new Set(), r = (i, l = "") => i ? t.has(i) ? [] : (t.add(i), Object.keys(i).map((n) => (M(i[n]) || E(i[n])) && Object.keys(i[n]).length && !A.isValidElement(i[n]) ? r(i[n], `${l + n}.`) : l + n).flat()) : [];
+  return r(s, e);
+}
+function Ge(s) {
+  var e;
+  return ((e = s == null ? void 0 : s.constructor) == null ? void 0 : e.name) === "SyntheticEvent" || (s == null ? void 0 : s.nativeEvent) instanceof Event;
+}
+async function ke(s, e, t, r) {
+  const i = [...t || []];
+  let l = 0;
+  return new Promise(async (n) => {
+    const o = [], c = async (h) => {
+      const a = () => l < i.length - 1 ? (l++, c(i[l])) : n({ error: null, warning: o });
+      if (!h)
+        return a();
+      const d = { ...h };
+      !d.type && !d.validator && (d.type = "string"), new lt({ [s]: [d] }, {
+        ignoreEmptyString: !0,
+        validateMessages: r
+      }).validate({ [s]: e }, (F) => {
+        if (F)
+          if (h.validateLevel === "warning")
+            o.push(F[s].message);
+          else
+            return n({
+              error: F,
+              warning: o
+            });
+        return a();
+      });
+    };
+    c(i[l]);
+  });
+}
+function ne(s, e) {
+  const t = _e({}, s, void 0, Object);
+  return e.some((r) => Me(t, r));
+}
+const Ve = "_input";
+class yt {
+  constructor() {
+    // 表示的 Form 的提交状态而非单个字段的提交状态。
+    // 只有在触发表单 reset（原生 reset，而非当前的 resetFields） 时，才会回到  init 状态（目前没有支持 form.reset，所以没有这块逻辑）
+    u(this, "submitStatus", D.init);
+    u(this, "registerFields", []);
+    // 所有 form item value 的变动，都会通知这里注册到的 watcher
+    u(this, "registerWatchers", []);
+    // 所有 form item 内部 errors, validating, touched 状态的变化，都会通知这里注册到的 watcher
+    // TODO: 合并 registerWatchers
+    u(this, "registerStateWatchers", []);
+    // 所有 form 整体 的变动，都会通知这里注册到的 watcher
+    u(this, "registerFormWatchers", []);
+    // 和formControl 的 touched属性不一样。 只要被改过的字段，这里就会存储。并且不会跟随formControl被卸载而清除。
+    // reset 的时候清除
+    u(this, "touchedFields", {});
+    u(this, "store", {});
+    u(this, "initialValues", {});
+    u(this, "callbacks", {});
+    // 告知 form 状态改变，进行状态收集
+    u(this, "innerCollectFormState", () => {
+      this.notifyStateWatchers();
+    });
+    u(this, "innerSetCallbacks", (e) => {
+      this.callbacks = e;
+    });
+    u(this, "registerFormWatcher", (e) => (this.registerFormWatchers.push(e), () => {
+      this.registerFormWatchers = this.registerFormWatchers.filter(
+        (t) => t !== e
+      );
+    }));
+    u(this, "registerStateWatcher", (e) => (this.registerStateWatchers.push(e), () => {
+      this.registerStateWatchers = this.registerStateWatchers.filter(
+        (t) => t !== e
+      );
+    }));
+    u(this, "registerWatcher", (e) => (this.registerWatchers.push(e), () => {
+      this.registerWatchers = this.registerWatchers.filter((t) => t !== e);
+    }));
+    // 收集所有control字段，并在组件卸载时移除
+    u(this, "registerField", (e) => (this.registerFields.push(e), this.notifyWatchers(), () => {
+      this.registerFields = this.registerFields.filter((t) => t !== e), this.notifyWatchers();
+    }));
+    // hasField为true时，只返回传入field属性的control实例
+    // isFormList 目前只在校验时需要包含
+    // TODO formlist 实现缺陷，待优化
+    u(this, "getRegisteredFields", (e, t) => e ? this.registerFields.filter(
+      (r) => {
+        var i;
+        return r.hasFieldProps() && ((t == null ? void 0 : t.containFormList) || !((i = r.props) != null && i.isFormList));
+      }
+    ) : this.registerFields);
+    // 获取props.field === field 的control组件。
+    u(this, "getRegisteredField", (e) => this.registerFields.filter((t) => t.props.field === e)[0]);
+    // 通知所有的FormItem进行更新。
+    // setFieldValue: 外部调用setFieldsValue (setFieldValue等)方法触发更新
+    // innerSetValue: 控件例如Input，通过onChange事件触发的更新
+    // reset：重置
+    u(this, "notify", (e, t) => {
+      (e === "setFieldValue" || e === "innerSetValue" && !t.ignore) && this._pushTouchField(
+        t.changeValues ? $e(t.changeValues) : this._getIterativelyKeysByField(t.field)
+      ), this.registerFields.forEach((r) => {
+        var i;
+        (i = r == null ? void 0 : r.onStoreChange) == null || i.call(r, e, {
+          ...t,
+          current: this.store
+        });
+      });
+    });
+    u(this, "innerSetInitialValues", (e) => {
+      e && (this.initialValues = Pe(this.initialValues, Z(e)), Object.keys(e).forEach((t) => {
+        P(this.store, t, e[t]);
+      }));
+    });
+    u(this, "innerSetInitialValue", (e, t) => {
+      e && (this.initialValues[e] = t, this._inTouchFields(e) || P(this.store, e, W(this.initialValues, e)));
+    });
+    /**
+     *
+     * 内部使用，更新value，会同时触发onChange 和 onValuesChange
+     * @options.isFormList  强制更新field对应的组件包括其子组件,form
+     */
+    u(this, "innerSetFieldValue", (e, t, r) => {
+      if (!e)
+        return;
+      const i = this.getFields();
+      P(this.store, e, t), this.triggerValuesChange({
+        [e]: t
+      }), this.triggerTouchChange({ [e]: t }), this.notify("innerSetValue", {
+        prev: i,
+        field: e,
+        ...r,
+        changeValues: { [e]: t }
+      });
+    });
+    // 内部使用
+    u(this, "innerGetStore", () => this.store);
+    // 目前返回提交状态，后续统一维护 errors,warnings 后，这里可进行拓展
+    u(this, "innerGetStoreStatus", () => ({
+      submitStatus: this.submitStatus
+    }));
+    // 内部使用，返回原始对象，注入到组件的 value 都从这里获取值，cloneDeep 后的值每次引用地址是不同的
+    u(this, "innerGetFieldValue", (e) => W(this.store, e));
+    // 获取所有被操作过的字段
+    u(this, "getTouchedFields", () => this.getRegisteredFields(!0).filter((e) => e.isTouched()).map((e) => e.props.field));
+    // 外部调用设置表单字段值
+    u(this, "setFieldValue", (e, t) => {
+      e && this.setFields({
+        [e]: { value: t }
+      });
+    });
+    // 外部调用，设置多个表单控件的值
+    u(this, "setFieldsValue", (e) => {
+      if (M(e)) {
+        const t = Object.keys(e), r = {};
+        t.forEach((i) => {
+          r[i] = {
+            value: e[i]
+          };
+        }), this.setFields(r);
+      }
+    });
+    // 外部调用，设置多个表单控件的值，以及 error，touch 信息。
+    u(this, "setFields", (e) => {
+      const t = Object.keys(e), r = {};
+      t.forEach((i) => {
+        const l = e[i], n = this.getFields();
+        if (l) {
+          const o = {};
+          "error" in l && (o.errors = l.error), "warning" in l && (o.warnings = l.warning), "touched" in l && (o.touched = l.touched), "value" in l && (P(this.store, i, l.value), r[i] = l.value), this.notify("setFieldValue", {
+            data: o,
+            prev: n,
+            field: i,
+            changeValues: { [i]: l.value }
+          });
+        }
+      }), this.triggerValuesChange(r);
+    });
+    u(this, "getFieldValue", (e) => Z(W(this.store, e)));
+    // 获取单个字段的错误信息。
+    u(this, "getFieldError", (e) => {
+      const t = this.getRegisteredField(e);
+      return t ? t.getErrors() : null;
+    });
+    // 获取传入字段/全部的错误信息
+    u(this, "getFieldsError", (e) => {
+      const t = {};
+      return E(e) ? e.map((r) => {
+        const i = this.getFieldError(r);
+        i && (t[r] = i);
+      }) : this.getRegisteredFields(!0, { containFormList: !0 }).forEach(
+        (r) => {
+          r.getErrors() && (t[r.props.field] = r.getErrors());
+        }
+      ), t;
+    });
+    u(this, "getFields", () => Z(this.store));
+    u(this, "getFieldsValue", (e) => {
+      const t = {};
+      return E(e) ? (e.forEach((r) => {
+        P(t, r, this.getFieldValue(r));
+      }), t) : (this.getRegisteredFields(!0).forEach(({ props: { field: r } }) => {
+        const i = W(this.store, r);
+        P(t, r, i);
+      }), t);
+    });
+    u(this, "getInitialValues", () => this.initialValues);
+    u(this, "setInitialValues", (e) => {
+      this.innerSetInitialValues(e), this.setFieldsValue(e);
+    });
+    u(this, "setInitialValue", (e, t) => {
+      this.innerSetInitialValue(e, t), this.setFieldValue(e, t);
+    });
+    u(this, "resetFields", (e) => {
+      const t = this.getFields(), r = Te(e) && !E(e) ? [e] : e;
+      let i = {};
+      if (r && E(r))
+        r.forEach((n) => {
+          P(
+            this.store,
+            n,
+            this.initialValues[n]
+          ), i[n] = W(this.store, n);
+        }), this.triggerValuesChange(i), this.notify("reset", { prev: t, field: r }), this._popTouchField(r);
+      else {
+        const n = {};
+        i = this.getFields(), Object.keys(this.initialValues).forEach((o) => {
+          P(n, o, this.initialValues[o]);
+        }), this.store = n, this.getRegisteredFields(!0).forEach((o) => {
+          const c = o.props.field;
+          P(i, c, W(this.store, c));
+        }), this.triggerValuesChange(i), this._popTouchField(), this.notify("reset", {
+          prev: t,
+          field: Object.keys(i)
+        });
+      }
+      const { onReset: l } = this.callbacks;
+      l == null || l(i);
+    });
+    u(this, "validate", bt(
+      (e, t, r) => {
+        const i = this.getRegisteredFields(!0, {
+          containFormList: !0
+        }), l = E(e) && e.length ? i.filter(
+          (a) => e.indexOf(a.props.field) > -1
+        ) : i, n = M(e) ? e : M(t) ? t : {}, o = O(e) ? e : O(t) ? t : r || (() => {
+        }), c = l.map(
+          (a) => n != null && n.validateOnly ? a.validateFieldOnly() : a.validateField()
+        ), h = (a) => {
+          if (!(n != null && n.validateOnly)) {
+            const { onValidateFail: d } = this.callbacks;
+            d == null || d(a);
+          }
+        };
+        Promise.all(c).then((a) => {
+          let d = {};
+          const m = {};
+          a.map((V) => {
+            var S;
+            V.error && (d = { ...d, ...V.error });
+            const g = this.getRegisteredField(V.field);
+            (S = g == null ? void 0 : g.props) != null && S.isFormList || P(m, V.field, V.value);
+          });
+          let F;
+          return Object.keys(d).length ? (h == null || h(d), F = o == null ? void 0 : o(d, Z(m))) : F = o == null ? void 0 : o(null, Z(m)), F;
+        });
+      }
+    ));
+    u(this, "toggleSubmitStatus", (e) => {
+      this.submitStatus = e, this.innerCollectFormState(), this.notifyFormWatcher();
+    });
+    u(this, "submit", () => (this.toggleSubmitStatus(D.submitting), this.validate((e, t) => {
+      let r;
+      const { onSubmit: i, onSubmitFailed: l } = this.callbacks;
+      !e && i && (r = i(t)), e && l && (r = l(e)), r && r.then ? r.then((n) => (this.toggleSubmitStatus(D.success), n)).catch((n) => (this.toggleSubmitStatus(D.error), Promise.reject(n))) : this.toggleSubmitStatus(
+        e ? D.error : D.success
+      );
+    })));
+    u(this, "getFieldsState", (e) => {
+      const t = {}, r = (i) => {
+        if (!i)
+          return null;
+        const l = i.getErrors();
+        return {
+          errors: l ? [l] : [],
+          warnings: i.getWarnings(),
+          validateStatus: i.getValidateStatus(),
+          isSubmitting: this.submitStatus === D.submitting,
+          isTouched: i.isTouched(),
+          value: this.getFieldValue(i.props.field)
+        };
+      };
+      return E(e) ? (e.forEach((i) => {
+        t[i] = r(this.getRegisteredField(i));
+      }), t) : (this.getRegisteredFields(!0).forEach((i) => {
+        t[i.props.field] = r(i);
+      }), t);
+    });
+    u(this, "clearFields", (e) => {
+      const t = this.getFields(), r = Te(e) && !E(e) ? [e] : e;
+      if (r && E(r)) {
+        const i = {};
+        r.forEach((l) => {
+          P(this.store, l, void 0), i[l] = W(this.store, l);
+        }), this.triggerValuesChange(i), this.notify("setFieldValue", {
+          prev: t,
+          field: r,
+          data: {
+            errors: null,
+            warnings: null
+          }
+        });
+      } else {
+        const i = {};
+        this.store = {}, this.getRegisteredFields(!0).forEach((l) => {
+          const n = l.props.field;
+          P(i, n, void 0);
+        }), this.triggerValuesChange(i), this.notify("setFieldValue", {
+          prev: t,
+          field: Object.keys(i),
+          data: {
+            errors: null,
+            warnings: null
+          }
+        });
+      }
+    });
+  }
+  notifyWatchers() {
+    this.registerWatchers.forEach((e) => {
+      e();
+    });
+  }
+  // 注册监听全局状态的 watcher
+  notifyFormWatcher() {
+    this.registerFormWatchers.forEach((e) => {
+      e();
+    });
+  }
+  notifyStateWatchers() {
+    this.registerStateWatchers.forEach((e) => {
+      e();
+    });
+  }
+  triggerValuesChange(e) {
+    if (e && Object.keys(e).length) {
+      const { onValuesChange: t } = this.callbacks;
+      t == null || t(e, this.getFields());
+    }
+    this.notifyWatchers();
+  }
+  triggerTouchChange(e) {
+    if (e && Object.keys(e).length) {
+      const { onChange: t } = this.callbacks;
+      t == null || t(e, this.getFields());
+    }
+  }
+  _getIterativelyKeysByField(e) {
+    if (!e)
+      return [];
+    const r = [].concat(e).map((i) => $e(P({}, i, void 0))).reduce((i, l) => i.concat(l), []);
+    return [e, ...r];
+  }
+  _inTouchFields(e) {
+    return this._getIterativelyKeysByField(e).some((r) => Me(this.touchedFields, r));
+  }
+  _popTouchField(e) {
+    e === void 0 && (this.touchedFields = {});
+    const t = this._getIterativelyKeysByField(e);
+    this.touchedFields = nt(this.touchedFields, t);
+  }
+  _pushTouchField(e) {
+    [].concat(e).forEach((t) => {
+      _e(this.touchedFields, t, void 0, Object);
+    });
+  }
+}
+function Ct() {
+  const s = new yt();
+  return {
+    getFieldsValue: s.getFieldsValue,
+    getFieldValue: s.getFieldValue,
+    getFieldError: s.getFieldError,
+    getFieldsError: s.getFieldsError,
+    getTouchedFields: s.getTouchedFields,
+    getFields: s.getFields,
+    getInitialValues: s.getInitialValues,
+    setInitialValues: s.setInitialValues,
+    setInitialValue: s.setInitialValue,
+    setFieldValue: s.setFieldValue,
+    setFieldsValue: s.setFieldsValue,
+    setFields: s.setFields,
+    resetFields: s.resetFields,
+    clearFields: s.clearFields,
+    submit: s.submit,
+    validate: s.validate,
+    scrollToField: () => {
+    },
+    getFieldsState: s.getFieldsState,
+    getInnerMethods: (e) => {
+      const t = {};
+      return e && [
+        "registerField",
+        "registerWatcher",
+        "registerStateWatcher",
+        "registerFormWatcher",
+        "innerSetInitialValues",
+        "innerSetInitialValue",
+        "innerSetCallbacks",
+        "innerSetFieldValue",
+        "innerGetStore",
+        "innerGetStoreStatus",
+        "innerGetFieldValue",
+        "innerCollectFormState"
+      ].map((r) => {
+        t[r] = s[r];
+      }), t;
+    }
+  };
+}
+function qe(s) {
+  const e = U(s);
+  return e.current || (s ? e.current = s : e.current = Ct()), [e.current];
+}
+function ge(s, e) {
+  const t = e.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return s ? `${s}-${t}` : `${t}`;
+}
+const It = {
+  layout: "horizontal",
+  labelCol: { span: 5, offset: 0 },
+  labelAlign: "right",
+  wrapperCol: { span: 19, offset: 0 },
+  requiredSymbol: !0,
+  wrapper: "form",
+  validateTrigger: "onChange"
+}, wt = (s, e) => {
+  var te, J;
+  const t = L(Se), r = L(Oe), i = U(null), [l] = qe(
+    s.form
+  ), n = it(
+    s,
+    It,
+    (te = t.componentConfig) == null ? void 0 : te.Form
+  ), {
+    layout: o,
+    labelCol: c,
+    wrapperCol: h,
+    wrapper: a,
+    id: d,
+    requiredSymbol: m,
+    labelAlign: F,
+    disabled: V,
+    colon: g,
+    className: S,
+    validateTrigger: v,
+    prefixCls: I,
+    validateMessages: w,
+    ...T
+  } = n, N = I || t.getPrefixCls("form"), ce = t.rtl, z = "size" in n ? n.size : t.size, ie = l.getInnerMethods(!0);
+  st(() => {
+    ie.innerSetInitialValues(n.initialValues);
+  }), se(() => {
+    let p;
+    return r.register && (p = r.register(n.id, l)), p;
+  }, [n.id, l]), Ke(e, () => l), l.scrollToField = (p, x) => {
+    const $ = i.current, k = n.id;
+    if (!$)
+      return;
+    let Q = $.querySelector(
+      `#${ge(k, p)}`
+    );
+    Q || (Q = $.querySelector(
+      `#${ge(k, p)}${Ve}`
+    )), Q && Ye(Q, {
+      behavior: "smooth",
+      block: "nearest",
+      scrollMode: "if-needed",
+      ...x
+    });
+  }, ie.innerSetCallbacks({
+    onValuesChange: (p, x) => {
+      var $, k;
+      ($ = n.onValuesChange) == null || $.call(n, p, x), (k = r.onFormValuesChange) == null || k.call(r, n.id, p);
+    },
+    onChange: n.onChange,
+    onValidateFail: (p) => {
+      if (n.scrollToFirstError) {
+        const x = M(n.scrollToFirstError) ? n.scrollToFirstError : {};
+        l.scrollToField(
+          Object.keys(p)[0],
+          x
+        );
+      }
+    },
+    onSubmitFailed: n.onSubmitFailed,
+    onSubmit: (p) => {
+      var $, k;
+      const x = ($ = n.onSubmit) == null ? void 0 : $.call(n, p);
+      return (k = r.onFormSubmit) == null || k.call(r, n.id, p), x;
+    },
+    onReset: (p) => {
+      var $, k;
+      const x = ($ = n.onReset) == null ? void 0 : $.call(n, p);
+      return (k = r == null ? void 0 : r.onFormReset) == null || k.call(r, n.id, p), x;
+    }
+  });
+  const ue = {
+    requiredSymbol: m,
+    labelAlign: F,
+    disabled: V,
+    colon: g,
+    labelCol: c,
+    wrapperCol: h,
+    layout: o,
+    store: l,
+    prefixCls: N,
+    validateTrigger: v,
+    validateMessages: Pe(
+      {},
+      (J = t.locale.Form) == null ? void 0 : J.validateMessages,
+      w
+    ),
+    getFormElementId: (p) => ge(d, p)
+  };
+  return /* @__PURE__ */ f(rt, { ...t, size: z, children: /* @__PURE__ */ f(H.Provider, { value: ue, children: /* @__PURE__ */ f(
+    a,
+    {
+      ref: i,
+      ...xe(T, [
+        "form",
+        "size",
+        "initialValues",
+        "onValuesChange",
+        "onChange",
+        "wrapperProps",
+        "scrollToFirstError",
+        "onSubmit",
+        "onSubmitFailed",
+        "onReset"
+      ]),
+      ...n.wrapperProps,
+      className: j(
+        N,
+        `${N}-${o}`,
+        `${N}-size-${z}`,
+        { [`${N}-rtl`]: ce },
+        S
+      ),
+      style: n.style,
+      onSubmit: (p) => {
+        p.preventDefault(), p.stopPropagation(), l.submit();
+      },
+      onReset: (p) => {
+        p.preventDefault(), p.stopPropagation(), l.resetFields();
+      },
+      id: d,
+      children: n.children
+    }
+  ) }) });
+}, ze = pe(wt);
+ze.displayName = "Form";
+class G extends et {
+  constructor(t, r) {
+    var i, l;
+    super(t);
+    u(this, "context");
+    // 校验信息
+    u(this, "errors", null);
+    // 校验 warning 信息
+    u(this, "warnings", null);
+    // undefined => validating => success / error => (validating or undefined)
+    u(this, "validateStatus");
+    // 是否被用户操作过
+    u(this, "touched");
+    u(this, "isDestroyed", !1);
+    // 保存 props.children 或函数类型 props.children() 的返回值
+    u(this, "childrenElement", null);
+    u(this, "removeRegisterField");
+    // 触发 store 进行状态收集
+    // TODO: error, validateStatus ,touched 状态和 UI 组件解耦，统一维护在 store 内部
+    u(this, "triggerStateCollect", () => {
+      const { innerCollectFormState: t } = this.context.store.getInnerMethods(!0);
+      t();
+    });
+    // 切换校验状态
+    u(this, "toggleValidateStatus", (t) => {
+      this.validateStatus = t, this.triggerStateCollect();
+    });
+    // 切换 touch 状态
+    u(this, "toggleTouched", (t) => {
+      this.touched = dt(t) ? t : !this.touched, this.triggerStateCollect();
+    });
+    u(this, "setWarnings", (t) => {
+      this.warnings = t, this.triggerStateCollect();
+    });
+    u(this, "setErrors", (t) => {
+      this.errors = t, this.triggerStateCollect();
+    });
+    u(this, "getErrors", () => this.errors);
+    u(this, "getWarnings", () => this.warnings || []);
+    u(this, "isTouched", () => this.touched);
+    u(this, "getValidateStatus", () => this.props.validateStatus ? this.props.validateStatus : this.validateStatus);
+    u(this, "hasFieldProps", () => !!this.props.field);
+    u(this, "clearFormItemError", (t = this.props.field) => {
+      const { updateFormItem: r } = this.context;
+      r == null || r(t, { errors: null, warnings: null });
+    });
+    u(this, "updateFormItem", () => {
+      if (this.isDestroyed)
+        return;
+      this.forceUpdate();
+      const { updateFormItem: t } = this.context;
+      t == null || t(this.props.field, {
+        errors: this.errors,
+        warnings: this.warnings
+      });
+    });
+    u(this, "getFieldValue", () => {
+      const t = this.props.field, r = this.context.store;
+      return t ? r.getInnerMethods(!0).innerGetFieldValue(t) : void 0;
+    });
+    u(this, "onStoreChange", (t, r) => {
+      const i = E(r.field) ? r.field : [r.field], { field: l, shouldUpdate: n, dependencies: o } = this.props, c = (h) => {
+        if (o && n && ee(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
+          (E(o) || o.some(
+            (a) => ne(a, i)
+          )) && this.isTouched() && this.validateField();
+        else if (n) {
+          let a = !1;
+          O(n) ? a = n(r.prev, r.current, {
+            field: r.field,
+            ...h
+          }) : a = !Fe(r.prev, r.current), a && this.updateFormItem();
+        }
+      };
+      switch (t) {
+        case "reset":
+          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || n ? c() : this.updateFormItem();
+          break;
+        case "innerSetValue":
+          if (ne(l, i)) {
+            this.toggleTouched(!0), this.updateFormItem();
+            return;
+          }
+          c({
+            isInner: !0,
+            isFormList: r.isFormList
+          });
+          break;
+        case "setFieldValue":
+          if (ne(l, i)) {
+            this.toggleTouched(!0), r.data && "touched" in r.data && this.toggleTouched(r.data.touched), r.data && "warnings" in r.data && this.setWarnings(
+              ht(r.data.warnings) ? [] : [].concat(r.data.warnings)
+            ), r.data && "errors" in r.data ? this.setErrors(r.data.errors) : Fe(W(r.prev, l), W(r.current, l)) || this.setErrors(null), this.updateFormItem();
+            return;
+          }
+          c();
+          break;
+      }
+    });
+    u(this, "innerSetFieldValue", (t, r) => {
+      var o, c;
+      if (!t)
+        return;
+      const { store: i } = this.context;
+      i.getInnerMethods(!0).innerSetFieldValue(t, r);
+      const n = {};
+      Ue(n, t, r), (c = (o = this.props) == null ? void 0 : o.onValuesChange) == null || c.call(o, n, {
+        ...i.getFieldsValue()
+      });
+    });
+    // 仅仅校验下值，不做任何状态变更
+    u(this, "validateFieldOnly", () => {
+      const { validateMessages: t } = this.context, { field: r, rules: i } = this.props, l = this.getFieldValue();
+      return ke(r, l, i, t).then(
+        ({ error: n, warning: o }) => Promise.resolve({ error: n, value: l, warning: o, field: r })
+      );
+    });
+    /**
+     *
+     * @param triggerType the value of validateTrigger.
+     * @returns
+     */
+    u(this, "validateField", (t) => {
+      const { validateTrigger: r, validateMessages: i } = this.context, { field: l, rules: n, validateTrigger: o } = this.props, c = this.getFieldValue(), h = () => {
+        var m;
+        const d = this.errors || ((m = this.warnings) == null ? void 0 : m.length);
+        this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), d && this.updateFormItem();
+      }, a = t ? (n || []).filter((d) => [].concat(
+        d.validateTrigger || o || r
+      ).indexOf(t) > -1) : n;
+      return a && a.length && l ? (h(), ke(l, c, a, i).then(
+        ({ error: d, warning: m }) => {
+          var F;
+          return this.setErrors(d ? d[l] : null), this.setWarnings(m || null), this.toggleValidateStatus(
+            this.errors ? "error" : (F = this.warnings) != null && F.length ? "warning" : "success"
+          ), this.updateFormItem(), Promise.resolve({ error: d, value: c, field: l });
+        }
+      )) : (h(), Promise.resolve({ error: null, value: c, field: l }));
+    });
+    // 每次 render 都会作为 onChange 传递给 children，需要保证引用地址不变
+    // 所以 handleTrigger 需要声明在类上，并且直接作为 children.props.onChange
+    u(this, "handleTrigger", (t, ...r) => {
+      const i = this.childrenElement || this.props.children, { store: l } = this.context, { field: n, trigger: o, normalize: c, getValueFromEvent: h } = this.props, a = O(h) ? h(t, ...r) : t;
+      let d = a;
+      if (Ge(a)) {
+        ee(
+          !0,
+          "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
+        ), a.stopPropagation();
+        return;
+      }
+      typeof c == "function" && (d = c(a, l.getFieldValue(n), {
+        ...l.getFieldsValue()
+      })), this.toggleTouched(!0), this.innerSetFieldValue(n, d), this.validateField(o), me(i) && i.props && i.props[o] && (this.props.isFormList || i.props[o](d, ...r));
+    });
+    u(this, "getChild", () => {
+      const { children: t } = this.props, { store: r } = this.context;
+      let i = t;
+      return O(t) && (i = t(
+        r.getFields(),
+        {
+          ...r
+        },
+        this.props.isFormList && {
+          value: this.getFieldValue(),
+          onChange: this.handleTrigger
+        }
+      )), this.childrenElement = i, i;
+    });
+    "initialValue" in t && this.hasFieldProps() && ((l = (i = r == null ? void 0 : r.store) == null ? void 0 : i.setInitialValue) == null || l.call(i, t.field, t.initialValue));
+  }
+  componentDidMount() {
+    const { store: t } = this.context ?? {};
+    if (t) {
+      const r = t.getInnerMethods(!0);
+      this.removeRegisterField = r.registerField(this);
+    }
+    this.isDestroyed = !1;
+  }
+  componentDidUpdate(t) {
+    (t.field !== this.props.field && this.props._key && t._key === this.props._key || /* 以下条件判断潘启宝添加于 2023年10月23日 星期一 13时10分43秒 CST */
+    this.props.disabled !== t.disabled && this.props.disabled || this.props.rules !== t.rules && !this.props.rules) && (this.updateFormItem(), this.clearFormItemError(t.field));
+  }
+  componentWillUnmount() {
+    var t;
+    (t = this.removeRegisterField) == null || t.call(this), this.removeRegisterField = null, this.clearFormItemError(), this.isDestroyed = !0;
+  }
+  /**
+   * 收集rules里的validateTrigger字段
+   */
+  getValidateTrigger() {
+    const t = this.props.validateTrigger || this.context.validateTrigger || "onChange", r = this.props.rules || [];
+    let i = [];
+    return r.map((l) => {
+      i = i.concat(l.validateTrigger || t);
+    }), Array.from(new Set(i));
+  }
+  renderControl(t, r) {
+    var g;
+    const {
+      field: i,
+      trigger: l = "onChange",
+      triggerPropName: n = "value",
+      validateStatus: o,
+      formatter: c
+    } = this.props, { store: h, disabled: a } = this.context, d = "disabled" in this.props ? this.props.disabled : a, m = A.Children.only(t), F = {
+      // used by label
+      id: j(((g = m.props) == null ? void 0 : g.id) || { [`${r}${Ve}`]: r })
+    };
+    this.getValidateTrigger().forEach((S) => {
+      F[S] = (v) => {
+        var I, w;
+        this.validateField(S), (w = (I = m.props) == null ? void 0 : I[S]) == null || w.call(I, v);
+      };
+    }), F[l] = this.handleTrigger, d !== void 0 && !("disabled" in m.props) && (F.disabled = d);
+    let V = W(h.getInnerMethods(!0).innerGetStore(), i);
+    return O(c) && (V = c(V)), F[n] = V, !o && this.errors && (F.error = !0), A.cloneElement(m, F);
+  }
+  render() {
+    const { noStyle: t, field: r, isFormList: i, hasFeedback: l } = this.props, n = this.getValidateStatus(), { prefixCls: o, getFormElementId: c } = this.context;
+    let h = this.getChild();
+    const a = this.hasFieldProps() ? c == null ? void 0 : c(r) : void 0;
+    return this.hasFieldProps() && !i && A.Children.count(h) === 1 && (h = this.renderControl(h, a)), t ? h : /* @__PURE__ */ f("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ f("div", { className: `${o}-item-control`, id: a, children: /* @__PURE__ */ B("div", { className: `${o}-item-control-children`, children: [
+      h,
+      n && l && /* @__PURE__ */ B(
+        "div",
+        {
+          className: `${o}-item-feedback ${o}-item-feedback-${n}`,
+          children: [
+            n === "warning" && /* @__PURE__ */ f(ct, {}),
+            n === "success" && /* @__PURE__ */ f(ot, {}),
+            n === "error" && /* @__PURE__ */ f(at, {}),
+            n === "validating" && /* @__PURE__ */ f(ut, {})
+          ]
+        }
+      )
+    ] }) }) });
+  }
+}
+u(G, "defaultProps", {
+  trigger: "onChange",
+  triggerPropName: "value"
+}), u(G, "isFormControl", !0), u(G, "contextType", fe);
+const Et = ({
+  prefixCls: s,
+  help: e,
+  errors: t = [],
+  warnings: r = []
+}) => {
+  const i = L(H), { getPrefixCls: l } = L(Se), n = s || i.prefixCls || l("form"), o = t == null ? void 0 : t.map((d, m) => {
+    if (d)
+      return /* @__PURE__ */ f("div", { role: "alert", children: d.message }, m);
+  }), c = [];
+  r == null || r.map((d, m) => {
+    c.push(
+      /* @__PURE__ */ f(
+        "div",
+        {
+          role: "alert",
+          className: `${n}-message-help-warning`,
+          children: d
+        },
+        m
+      )
+    );
+  });
+  const h = !K(e) || !!c.length, a = h || !!o.length;
+  return a && /* @__PURE__ */ f(
+    mt,
+    {
+      in: a,
+      appear: !0,
+      classNames: "formblink",
+      timeout: 300,
+      unmountOnExit: !0,
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          className: j(`${n}-message`, {
+            [`${n}-message-help`]: h
+          }),
+          children: K(e) ? /* @__PURE__ */ B(Re, { children: [
+            o.length > 0 && o,
+            c.length > 0 && c
+          ] }) : e
+        }
+      )
+    }
+  );
+};
+function Tt(s) {
+  return /* @__PURE__ */ f(
+    "svg",
+    {
+      width: "1em",
+      height: "1em",
+      "aria-hidden": !0,
+      focusable: !1,
+      fill: "currentColor",
+      stroke: "none",
+      viewBox: "0 0 48 48",
+      ...s,
+      children: /* @__PURE__ */ f("path", { d: "M30.841,46.115l5.864,-2.824l-6.841,-14.205l15.371,3.508l1.449,-6.345l-15.372,-3.509l12.327,-9.83l-4.058,-5.088l-12.327,9.83l0,-15.767l-6.508,0l-0,15.767l-12.327,-9.83l-4.058,5.088l12.327,9.83l-15.372,3.509l1.449,6.345l15.371,-3.508l-6.841,14.205l5.864,2.824l6.841,-14.206l6.841,14.206Z" })
+    }
+  );
+}
+const $t = ({
+  htmlFor: s,
+  showColon: e,
+  label: t,
+  requiredSymbol: r,
+  required: i,
+  rules: l,
+  prefix: n,
+  tooltip: o
+}) => {
+  const c = E(l) && l.some((m) => m && m.required), h = M(r) ? r.position : "end", a = (i || c) && !!r && /* @__PURE__ */ f("strong", { className: `${n}-form-item-symbol`, children: /* @__PURE__ */ f(Tt, {}) }), d = () => {
+    if (!o)
+      return null;
+    const m = `${n}-form-item-tooltip`;
+    let F = {}, V = /* @__PURE__ */ f(Ft, { className: m });
+    if (!M(o) || me(o))
+      F = {
+        content: o
+      };
+    else {
+      const { icon: g, ...S } = o;
+      F = S, g && (V = me(g) ? A.cloneElement(g, {
+        className: j(
+          m,
+          g.props.className
+        )
+      }) : g);
+    }
+    return /* @__PURE__ */ f(ft, { ...F, children: V });
+  };
+  return t ? /* @__PURE__ */ B("label", { htmlFor: s && `${s}${Ve}`, children: [
+    h !== "end" && a,
+    " ",
+    t,
+    d(),
+    h === "end" && /* @__PURE__ */ B(Re, { children: [
+      " ",
+      a
+    ] }),
+    e ? e === !0 ? ":" : e : ""
+  ] }) : null;
+}, kt = De.Row, We = De.Col, Wt = (s, e) => {
+  var ve, ye, Ce;
+  const { getPrefixCls: t, prefixCls: r } = L(Se), i = L(fe), l = L(je), [n, o] = le(null), [c, h] = le(null), a = L(H), d = a.prefixCls || t("form"), m = s.layout || a.layout, F = s.labelAlign || a.labelAlign, V = U(!1), g = "disabled" in s ? s.disabled : a.disabled, S = (R, C = {}) => {
+    if (V.current)
+      return;
+    const { errors: re, warnings: X } = C || {};
+    o((_) => {
+      const y = { ..._ || {} };
+      return re ? y[R] = re : delete y[R], y;
+    }), h((_) => {
+      const y = { ..._ || {} };
+      return X && X.length ? y[R] = X : delete y[R], y;
+    });
+  }, v = gt(s.noStyle) && s.noStyle.showErrorTip && i.updateFormItem ? i.updateFormItem : S;
+  se(() => (V.current = !1, () => {
+    V.current = !0, o(null), h(null);
+  }), []);
+  const I = {
+    ...a,
+    validateMessages: a.validateMessages && vt(a.validateMessages, {
+      label: s.label
+    }),
+    prefixCls: d,
+    updateFormItem: v,
+    disabled: "disabled" in s ? s.disabled : a.disabled
+  }, { label: w, extra: T, className: N, style: ce, validateStatus: z, hidden: ie, ...ue } = s, be = j(`${d}-label-item`, {
+    [`${d}-label-item-left`]: F === "left"
+  }), te = n ? Object.values(n) : [], J = c ? Object.values(c).reduce((R, C) => R.concat(C), []) : [], p = we(() => {
+    if (z)
+      return z;
+    if (te.length)
+      return he.error;
+    if (J.length)
+      return he.warning;
+  }, [n, c, z]), x = we(() => !K(s.help) || J.length > 0, [s.help, c]), $ = j(
+    `${d}-item`,
+    {
+      [`${d}-item-error`]: x || !z && p === he.error,
+      [`${d}-item-status-${p}`]: p,
+      [`${d}-item-has-help`]: x,
+      [`${d}-item-hidden`]: ie,
+      [`${d}-item-has-feedback`]: p && s.hasFeedback
+    },
+    `${d}-layout-${m}`,
+    N
+  ), k = () => {
+    var re, X;
+    const { field: R, children: C } = s;
+    if (O(C))
+      return /* @__PURE__ */ f(
+        G,
+        {
+          disabled: g,
+          ...s,
+          ...R ? { key: R, _key: R } : {},
+          children: (..._) => C(
+            ..._
+          )
+        }
+      );
+    if (E(C)) {
+      const _ = A.Children.map(C, (y, He) => {
+        const Ie = M(y) && y.key || He, Je = M(y) && "disabled" in y.props, Qe = !K(g) && !Je ? { key: Ie, disabled: g } : { key: Ie };
+        return M(y) ? Ee(y, Qe) : y;
+      });
+      return /* @__PURE__ */ f(G, { ...s, field: void 0, children: _ });
+    }
+    if (A.Children.count(C) == 1) {
+      if (R) {
+        const _ = ((re = l == null ? void 0 : l.getItemKey) == null ? void 0 : re.call(l, R)) || R;
+        return /* @__PURE__ */ tt(G, { disabled: g, ...s, key: _, _key: _ }, C);
+      }
+      if (M(C)) {
+        if ((X = C.type) != null && X.isFormControl)
+          return C;
+        const y = !("disabled" in C.props) && !K(g) ? { disabled: g } : null;
+        return /* @__PURE__ */ f(G, { ...s, field: void 0, children: y ? Ee(C, y) : C });
+      }
+    }
+    return C;
+  }, Q = fe, de = {
+    ...a
+  };
+  return s.noStyle || (de.wrapperCol = void 0, de.labelCol = void 0), /* @__PURE__ */ f(H.Provider, { value: de, children: /* @__PURE__ */ f(Q.Provider, { value: I, children: s.noStyle ? k() : /* @__PURE__ */ B(
+    kt,
+    {
+      ref: e,
+      ...xe(ue, [
+        "tooltip",
+        "children",
+        "prefixCls",
+        "store",
+        "initialValue",
+        "field",
+        "labelCol",
+        "wrapperCol",
+        "colon",
+        "disabled",
+        "rules",
+        "trigger",
+        "triggerPropName",
+        "validateTrigger",
+        "noStyle",
+        "required",
+        "hasFeedback",
+        "help",
+        "normalize",
+        "formatter",
+        "getValueFromEvent",
+        "shouldUpdate",
+        "field",
+        "isInner",
+        "labelAlign",
+        "layout",
+        "requiredSymbol",
+        "isFormList"
+      ]),
+      className: $,
+      div: m !== "horizontal",
+      style: ce,
+      children: [
+        w ? /* @__PURE__ */ f(
+          We,
+          {
+            ...s.labelCol || a.labelCol,
+            className: j(
+              be,
+              (ve = s.labelCol) == null ? void 0 : ve.className,
+              (ye = a.labelCol) == null ? void 0 : ye.className,
+              {
+                [`${d}-label-item-flex`]: !s.labelCol && !a.labelCol
+              }
+            ),
+            children: /* @__PURE__ */ f(
+              $t,
+              {
+                tooltip: s.tooltip,
+                htmlFor: s.field && ((Ce = a == null ? void 0 : a.getFormElementId) == null ? void 0 : Ce.call(a, s.field)),
+                label: w,
+                prefix: r,
+                requiredSymbol: "requiredSymbol" in s ? s.requiredSymbol : a.requiredSymbol,
+                required: s.required,
+                rules: s.rules,
+                showColon: "colon" in s ? s.colon : a.colon
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ B(
+          We,
+          {
+            className: j(`${d}-item-wrapper`, {
+              [`${d}-item-wrapper-flex`]: !s.wrapperCol && !a.wrapperCol
+            }),
+            ...s.wrapperCol || a.wrapperCol,
+            children: [
+              k(),
+              /* @__PURE__ */ f(
+                Et,
+                {
+                  prefixCls: d,
+                  help: s.help,
+                  errors: te,
+                  warnings: J
+                }
+              ),
+              T && /* @__PURE__ */ f("div", { className: `${d}-extra`, children: T })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) });
+}, ae = pe(Wt);
+ae.defaultProps = {
+  trigger: "onChange",
+  triggerPropName: "value"
+};
+ae.displayName = "FormItem";
+const Ne = (s, e) => !K(s) && s >= 0 && s < e.length, Ae = (s) => {
+  const { field: e, children: t, initialValue: r } = s, i = U({
+    id: 0,
+    keys: []
+  }), l = "initialValue" in s ? { initialValue: r } : {}, n = i.current.keys;
+  return /* @__PURE__ */ f(
+    je.Provider,
+    {
+      value: {
+        getItemKey: (o) => {
+          const c = o == null ? void 0 : o.replace(/\[|\]/g, ".").split("."), h = c.indexOf(e), a = c[h + 1];
+          return `${e}_${n.indexOf(a)}_${c.slice(h + 2).join("_")}`;
+        }
+      },
+      children: /* @__PURE__ */ f(
+        ae,
+        {
+          field: e,
+          ...l,
+          isFormList: !0,
+          rules: s.rules,
+          wrapperCol: { span: 24 },
+          noStyle: "noStyle" in s ? s.noStyle : !s.rules,
+          shouldUpdate: (o, c, h) => {
+            var a, d;
+            return !!(h && !h.isInner && ne(h.field, [e]) && ((a = W(o, e)) == null ? void 0 : a.length) !== ((d = W(c, e)) == null ? void 0 : d.length));
+          },
+          children: (o, c, { value: h, onChange: a }) => {
+            const d = h || [], m = function(g, S) {
+              var N;
+              if (Ge(g)) {
+                ee(
+                  !0,
+                  "Form.List: The event object cannot be used as a parameter of the add method"
+                );
+                return;
+              }
+              const v = ((N = c.getInnerMethods(!0)) == null ? void 0 : N.innerGetFieldValue(e)) || [], I = i.current.id;
+              i.current.id += 1;
+              const w = v || [];
+              let T = w;
+              S !== void 0 && S >= 0 && S <= w.length ? (n.splice(S, 0, I), T = [
+                ...w.slice(0, S),
+                g,
+                ...w.slice(S)
+              ]) : (n.push(I), T = [...w, g]), a(T, {
+                isFormList: !0,
+                ignore: g === void 0
+              });
+            }, F = function(g) {
+              var I;
+              const v = (((I = c.getInnerMethods(!0)) == null ? void 0 : I.innerGetFieldValue(e)) || []).filter((w, T) => T !== g);
+              n.splice(g, 1), a([...v], { isFormList: !0 });
+            }, V = function(g, S) {
+              var N;
+              const v = ((N = c.getInnerMethods(!0)) == null ? void 0 : N.innerGetFieldValue(e)) || [];
+              if (g === S || !Ne(g, v) || !Ne(S, v))
+                return;
+              const I = n[g];
+              n.splice(g, 1), n.splice(S, 0, I);
+              const w = v[g], T = [...v];
+              T.splice(g, 1), T.splice(S, 0, w), a(T, { isFormList: !0 });
+            };
+            return O(t) && t(
+              d.map((g, S) => {
+                let v = n[S];
+                return v === void 0 && (v = i.current.id, n.push(v), i.current.id += 1), {
+                  field: `${e}[${S}]`,
+                  key: v
+                };
+              }),
+              {
+                add: m,
+                remove: F,
+                move: V
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+};
+Ae.displayName = "FormList";
+const Nt = (s, e) => {
+  const t = U({}), r = Y((o, c) => (o && (t.current[o] = c), () => {
+    delete t.current[o];
+  }), []), i = Y(
+    (o, c) => {
+      var h;
+      (h = s.onFormSubmit) == null || h.call(s, o, c, {
+        forms: t.current
+      });
+    },
+    [s.onFormSubmit]
+  ), l = Y(
+    (o, c) => {
+      var h;
+      (h = s.onFormReset) == null || h.call(s, o, c, {
+        forms: t.current
+      });
+    },
+    [s.onFormReset]
+  ), n = Y(
+    (o, c) => {
+      var h;
+      (h = s.onFormValuesChange) == null || h.call(s, o, c, {
+        forms: t.current
+      });
+    },
+    [s.onFormValuesChange]
+  );
+  return /* @__PURE__ */ f(
+    Oe.Provider,
+    {
+      value: {
+        onFormValuesChange: n,
+        onFormSubmit: i,
+        onFormReset: l,
+        register: r
+      },
+      children: s.children
+    }
+  );
+}, Be = pe(Nt);
+Be.displayName = "FormProvider";
+const Rt = () => {
+  const s = L(H), e = s.store, t = U(!1), r = pt(), i = Y(() => {
+    var o, c, h;
+    const { submitStatus: l } = ((h = (c = (o = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : o.call(e, !0)) == null ? void 0 : c.innerGetStoreStatus) == null ? void 0 : h.call(c)) ?? {}, n = l === D.submitting;
+    n !== t.current && (t.current = n, r());
+  }, []);
+  return se(() => {
+    var c;
+    if (!e) {
+      ee(!0, "formInstance is not available");
+      return;
+    }
+    const { registerFormWatcher: l } = ((c = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : c.call(e, !0)) ?? {}, n = () => i();
+    n();
+    const o = (l == null ? void 0 : l(n)) ?? {};
+    return () => {
+      o == null || o();
+    };
+  }, []), {
+    form: e,
+    disabled: s.disabled,
+    isSubmitting: t.current
+  };
+}, Pt = (s, e) => {
+  const t = L(H), r = e || t.store, i = U(s);
+  i.current = s;
+  const l = Y(() => {
+    const h = i.current, a = r.getFieldsState([h]);
+    return a == null ? void 0 : a[h];
+  }, []), [n, o] = le(l), c = U(n);
+  return se(() => {
+    var m;
+    if (!r) {
+      ee(!0, "formInstance is not available");
+      return;
+    }
+    const { registerStateWatcher: h } = ((m = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : m.call(r, !0)) ?? {}, a = () => {
+      const F = l();
+      Fe(c.current, F) || (o(F), c.current = F);
+    };
+    a();
+    const d = h == null ? void 0 : h(a);
+    return () => {
+      d == null || d();
+    };
+  }, []), n;
+}, xt = (s, e) => {
+  const t = L(H), r = e || t.store, [i, l] = le(() => {
+    const c = r == null ? void 0 : r.getFieldsValue([].concat(s));
+    return St(s) ? W(c, s) : c;
+  }), n = U(s);
+  n.current = s;
+  const o = U(JSON.stringify(i));
+  return se(() => {
+    var d;
+    if (!r) {
+      ee(!0, "formInstance is not available");
+      return;
+    }
+    const { registerWatcher: c } = ((d = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : d.call(r, !0)) ?? {}, h = () => {
+      const m = n.current, F = r.getFieldsValue([].concat(m));
+      let V = F;
+      E(m) || (V = W(F, m));
+      const g = JSON.stringify(V);
+      o.current !== g && (l(V), o.current = g);
+    };
+    h();
+    const a = c == null ? void 0 : c(h);
+    return () => {
+      a == null || a();
+    };
+  }, []), i;
+}, q = ze;
+q.Provider = Be;
+q.Item = ae;
+q.List = Ae;
+q.Control = G;
+q.useForm = qe;
+q.useFormContext = Rt;
+q.useWatch = xt;
+q.useFormState = Pt;
+export {
+  G as FormControl,
+  ae as FormItem,
+  Ae as FormList,
+  Be as FormProvider,
+  q as default,
+  qe as useForm,
+  Rt as useFormContext,
+  Pt as useFormState,
+  xt as useWatch
+};