@unicom-cloud/ui 0.8.46 → 0.8.47

package/Form.js

@@ -1,32 +1,1407 @@
-/* empty css                 */
-/* empty css                      */
-/* empty css                      */
-import r from "./form/Form.js";
-import m from "./form/Control.js";
-import t from "./form/FormItem.js";
-import e from "./form/FormList.js";
-import i from "./form/FormProvider.js";
-import p from "./form/hook/useContext.js";
-import s from "./form/hook/useState.js";
-import F from "./form/hook/useWatch.js";
-import f from "./form/useForm.js";
-const o = r;
-o.Provider = i;
-o.Item = t;
-o.List = e;
-o.Control = m;
-o.useForm = f;
-o.useFormContext = p;
-o.useWatch = F;
-o.useFormState = s;
+var Ze = Object.defineProperty;
+var Ye = (s, e, t) => e in s ? Ze(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var u = (s, e, t) => Ye(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as f, jsxs as J, Fragment as Pe } from "react/jsx-runtime";
+import { y as Ke } from "./chunk/CiZVOdJ3.js";
+import P from "lodash/isPlainObject";
+import Me from "lodash/merge";
+import H, { createContext as ce, useRef as L, forwardRef as Ve, useContext as O, useEffect as ie, useImperativeHandle as et, Component as tt, isValidElement as fe, useState as ae, useMemo as Ee, createElement as we, cloneElement as Te, useCallback as ee } from "react";
+import { a as xe, b as rt } from "./chunk/z7sBNzI4.js";
+import st from "./hooks/useCreate.js";
+import it from "./hooks/useMergeProps.js";
+import G from "@unicom-cloud/utils/class-name";
+import _e from "./utils/omit.js";
+import { NOOP as b } from "./utils/constant.js";
+import $ from "lodash/get";
+import Le from "lodash/has";
+import T from "lodash/isArray";
+import j from "lodash/isFunction";
+import nt from "lodash/omit";
+import Ue from "lodash/setWith";
+import { isExist as $e } from "./utils/is.js";
+import { Schema as lt } from "@unicom-cloud/utils/validate";
+import De from "lodash/cloneDeepWith";
+import Oe 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 pe from "lodash/isEqualWith";
+import ht from "lodash/isNil";
+import re from "./utils/warning.js";
+import te from "lodash/isUndefined";
+import je from "./Grid.js";
+import { P as gt } from "./chunk/uUGMUxt_.js";
+import mt from "@unicom-cloud/icons/IconUiQuestionCircleFill";
+import Ft from "./Tooltip.js";
+import ft from "./hooks/useForceUpdate.js";
+import pt from "lodash/isString";
+const se = ce({
+  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
+    })
+  }
+}), Se = ce({}), qe = ce({}), Ge = ce({}), me = {
+  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 St extends Error {
+  constructor(t) {
+    super("form validate error, get errors by error.errors");
+    u(this, "errors", {});
+    this.errors = t;
+  }
+}
+function Vt(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 St(i));
+      t(l);
+    }, e.length++, s.apply(this, e))),
+    "name",
+    { value: s.name }
+  );
+}
+function K(s) {
+  return De(s, (e) => {
+    if (!P(e) && !T(e))
+      return e;
+  });
+}
+const bt = (s, e) => De(s, (t) => {
+  if (j(t))
+    return (r) => t(r, e);
+});
+function R(s, e, t) {
+  return Oe(s, e, K(t)), s;
+}
+function ke(s, e = "") {
+  const t = /* @__PURE__ */ new Set(), r = (i, l = "") => i ? t.has(i) ? [] : (t.add(i), Object.keys(i).map((n) => (P(i[n]) || T(i[n])) && Object.keys(i[n]).length && !H.isValidElement(i[n]) ? r(i[n], `${l + n}.`) : l + n).flat()) : [];
+  return r(s, e);
+}
+function ze(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 We(s, e, t, r) {
+  const i = [...t || []];
+  let l = 0;
+  return new Promise(async (n) => {
+    const o = [], a = async (d) => {
+      const c = () => l < i.length - 1 ? (l++, a(i[l])) : n({ error: null, warning: o });
+      if (!d)
+        return c();
+      const h = { ...d };
+      !h.type && !h.validator && (h.type = "string"), new lt({ [s]: [h] }, {
+        ignoreEmptyString: !0,
+        validateMessages: r
+      }).validate({ [s]: e }, (F) => {
+        if (F)
+          if (d.validateLevel === "warning")
+            o.push(F[s].message);
+          else
+            return n({
+              error: F,
+              warning: o
+            });
+        return c();
+      });
+    };
+    a(i[l]);
+  });
+}
+function oe(s, e) {
+  const t = Ue({}, s, void 0, Object);
+  return e.some((r) => Le(t, r));
+}
+const be = "_input";
+class vt {
+  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 ? ke(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 = Me(this.initialValues, K(e)), Object.keys(e).forEach((t) => {
+        R(this.store, t, e[t]);
+      }));
+    });
+    u(this, "innerSetInitialValue", (e, t) => {
+      e && (this.initialValues[e] = t, this._inTouchFields(e) || R(this.store, e, $(this.initialValues, e)));
+    });
+    /**
+     *
+     * 内部使用，更新value，会同时触发onChange 和 onValuesChange
+     * @options.isFormList 强制更新field对应的组件包括其子组件,form
+     */
+    u(this, "innerSetFieldValue", (e, t, r) => {
+      if (!e) return;
+      const i = this.getFields();
+      R(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) => $(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 (P(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 && (R(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) => K($(this.store, e)));
+    // 获取单个字段的错误信息。
+    u(this, "getFieldError", (e) => {
+      const t = this.getRegisteredField(e);
+      return t ? t.getErrors() : null;
+    });
+    // 获取传入字段/全部的错误信息
+    u(this, "getFieldsError", (e) => {
+      const t = {};
+      return T(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", () => K(this.store));
+    u(this, "getFieldsValue", (e) => {
+      const t = {};
+      return T(e) ? (e.forEach((r) => {
+        R(t, r, this.getFieldValue(r));
+      }), t) : (this.getRegisteredFields(!0).forEach(({ props: { field: r } }) => {
+        const i = $(this.store, r);
+        R(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 = $e(e) && !T(e) ? [e] : e;
+      let i = {};
+      if (r && T(r))
+        r.forEach((n) => {
+          R(
+            this.store,
+            n,
+            this.initialValues[n]
+          ), i[n] = $(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) => {
+          R(n, o, this.initialValues[o]);
+        }), this.store = n, this.getRegisteredFields(!0).forEach((o) => {
+          const a = o.props.field;
+          R(i, a, $(this.store, a));
+        }), 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", Vt(
+      (e, t, r) => {
+        const i = this.getRegisteredFields(!0, {
+          containFormList: !0
+        }), l = T(e) && e.length ? i.filter(
+          (c) => e.indexOf(c.props.field) > -1
+        ) : i, n = P(e) ? e : P(t) ? t : {}, o = j(e) ? e : j(t) ? t : r || (() => {
+        }), a = l.map(
+          (c) => n != null && n.validateOnly ? c.validateFieldOnly() : c.validateField()
+        ), d = (c) => {
+          if (!(n != null && n.validateOnly)) {
+            const { onValidateFail: h } = this.callbacks;
+            h == null || h(c);
+          }
+        };
+        Promise.all(a).then((c) => {
+          let h = {};
+          const g = {};
+          c.map((V) => {
+            var p;
+            V.error && (h = { ...h, ...V.error });
+            const m = this.getRegisteredField(V.field);
+            (p = m == null ? void 0 : m.props) != null && p.isFormList || R(g, V.field, V.value);
+          });
+          let F;
+          return Object.keys(h).length ? (d == null || d(h), F = o == null ? void 0 : o(h, K(g))) : F = o == null ? void 0 : o(null, K(g)), 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 T(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 = $e(e) && !T(e) ? [e] : e;
+      if (r && T(r)) {
+        const i = {};
+        r.forEach((l) => {
+          R(this.store, l, void 0), i[l] = $(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;
+          R(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) => ke(R({}, i, void 0))).reduce((i, l) => i.concat(l), []);
+    return [e, ...r];
+  }
+  _inTouchFields(e) {
+    return this._getIterativelyKeysByField(e).some((r) => Le(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) => {
+      Ue(this.touchedFields, t, void 0, Object);
+    });
+  }
+}
+function yt() {
+  const s = new vt();
+  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 Ae(s) {
+  const e = L(s);
+  return e.current || (s ? e.current = s : e.current = yt()), [e.current];
+}
+function Fe(s, e) {
+  const t = e.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return s ? `${s}-${t}` : `${t}`;
+}
+const Ct = {
+  layout: "horizontal",
+  labelCol: { span: 5, offset: 0 },
+  labelAlign: "right",
+  wrapperCol: { span: 19, offset: 0 },
+  requiredSymbol: !0,
+  wrapper: "form",
+  validateTrigger: "onChange"
+}, It = (s, e) => {
+  var X, B;
+  const t = O(xe), r = O(qe), i = L(null), [l] = Ae(
+    s.form
+  ), n = it(
+    s,
+    Ct,
+    (X = t.componentConfig) == null ? void 0 : X.Form
+  ), {
+    layout: o,
+    labelCol: a,
+    wrapperCol: d,
+    wrapper: c,
+    id: h,
+    requiredSymbol: g,
+    labelAlign: F,
+    disabled: V,
+    colon: m,
+    className: p,
+    validateTrigger: v,
+    prefixCls: y,
+    validateMessages: I,
+    ...k
+  } = n, W = y || t.getPrefixCls("form"), Q = t.rtl, ne = "size" in n ? n.size : t.size, le = l.getInnerMethods(!0);
+  st(() => {
+    le.innerSetInitialValues(n.initialValues);
+  }), ie(() => {
+    let S;
+    return r.register && (S = r.register(n.id, l)), S;
+  }, [n.id, l]), et(e, () => l), l.scrollToField = (S, _) => {
+    const w = i.current, N = n.id;
+    if (!w)
+      return;
+    let q = w.querySelector(
+      `#${Fe(N, S)}`
+    );
+    q || (q = w.querySelector(
+      `#${Fe(N, S)}${be}`
+    )), q && Ke(q, {
+      behavior: "smooth",
+      block: "nearest",
+      scrollMode: "if-needed",
+      ..._
+    });
+  }, le.innerSetCallbacks({
+    onValuesChange: (S, _) => {
+      var w, N;
+      (w = n.onValuesChange) == null || w.call(n, S, _), (N = r.onFormValuesChange) == null || N.call(r, n.id, S);
+    },
+    onChange: n.onChange,
+    onValidateFail: (S) => {
+      if (n.scrollToFirstError) {
+        const _ = P(n.scrollToFirstError) ? n.scrollToFirstError : {};
+        l.scrollToField(
+          Object.keys(S)[0],
+          _
+        );
+      }
+    },
+    onSubmitFailed: n.onSubmitFailed,
+    onSubmit: (S) => {
+      var w, N;
+      const _ = (w = n.onSubmit) == null ? void 0 : w.call(n, S);
+      return (N = r.onFormSubmit) == null || N.call(r, n.id, S), _;
+    },
+    onReset: (S) => {
+      var w, N;
+      const _ = (w = n.onReset) == null ? void 0 : w.call(n, S);
+      return (N = r == null ? void 0 : r.onFormReset) == null || N.call(r, n.id, S), _;
+    }
+  });
+  const de = {
+    requiredSymbol: g,
+    labelAlign: F,
+    disabled: V,
+    colon: m,
+    labelCol: a,
+    wrapperCol: d,
+    layout: o,
+    store: l,
+    prefixCls: W,
+    validateTrigger: v,
+    validateMessages: Me(
+      {},
+      (B = t.locale.Form) == null ? void 0 : B.validateMessages,
+      I
+    ),
+    getFormElementId: (S) => Fe(h, S)
+  };
+  return /* @__PURE__ */ f(rt, { ...t, size: ne, children: /* @__PURE__ */ f(se.Provider, { value: de, children: /* @__PURE__ */ f(
+    c,
+    {
+      ref: i,
+      ..._e(k, [
+        "form",
+        "size",
+        "initialValues",
+        "onValuesChange",
+        "onChange",
+        "wrapperProps",
+        "scrollToFirstError",
+        "onSubmit",
+        "onSubmitFailed",
+        "onReset"
+      ]),
+      ...n.wrapperProps,
+      className: G(
+        W,
+        `${W}-${o}`,
+        `${W}-size-${ne}`,
+        { [`${W}-rtl`]: Q },
+        p
+      ),
+      style: n.style,
+      onSubmit: (S) => {
+        S.preventDefault(), S.stopPropagation(), l.submit();
+      },
+      onReset: (S) => {
+        S.preventDefault(), S.stopPropagation(), l.resetFields();
+      },
+      id: h,
+      children: n.children
+    }
+  ) }) });
+}, Be = Ve(It);
+Be.displayName = "Form";
+class z extends tt {
+  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 = T(r.field) ? r.field : [r.field], { field: l, shouldUpdate: n, dependencies: o } = this.props, a = (d) => {
+        if (o && n && re(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
+          (T(o) || o.some(
+            (c) => oe(c, i)
+          )) && this.isTouched() && this.validateField();
+        else if (n) {
+          let c = !1;
+          j(n) ? c = n(r.prev, r.current, {
+            field: r.field,
+            ...d
+          }) : c = !pe(r.prev, r.current), c && this.updateFormItem();
+        }
+      };
+      switch (t) {
+        case "reset":
+          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || n ? a() : this.updateFormItem();
+          break;
+        case "innerSetValue":
+          if (oe(l, i)) {
+            this.toggleTouched(!0), this.updateFormItem();
+            return;
+          }
+          a({
+            isInner: !0,
+            isFormList: r.isFormList
+          });
+          break;
+        case "setFieldValue":
+          if (oe(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) : pe($(r.prev, l), $(r.current, l)) || this.setErrors(null), this.updateFormItem();
+            return;
+          }
+          a();
+          break;
+      }
+    });
+    u(this, "innerSetFieldValue", (t, r) => {
+      var o, a;
+      if (!t) return;
+      const { store: i } = this.context;
+      i.getInnerMethods(!0).innerSetFieldValue(t, r);
+      const n = {};
+      Oe(n, t, r), (a = (o = this.props) == null ? void 0 : o.onValuesChange) == null || a.call(o, n, {
+        ...i.getFieldsValue()
+      });
+    });
+    // 仅仅校验下值，不做任何状态变更
+    u(this, "validateFieldOnly", () => {
+      const { validateMessages: t } = this.context, { field: r, rules: i } = this.props, l = this.getFieldValue();
+      return We(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, a = this.getFieldValue(), d = () => {
+        var g;
+        const h = this.errors || ((g = this.warnings) == null ? void 0 : g.length);
+        this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), h && this.updateFormItem();
+      }, c = t ? (n || []).filter((h) => [].concat(
+        h.validateTrigger || o || r
+      ).indexOf(t) > -1) : n;
+      return c && c.length && l ? (d(), We(l, a, c, i).then(
+        ({ error: h, warning: g }) => {
+          var F;
+          return this.setErrors(h ? h[l] : null), this.setWarnings(g || null), this.toggleValidateStatus(
+            this.errors ? "error" : (F = this.warnings) != null && F.length ? "warning" : "success"
+          ), this.updateFormItem(), Promise.resolve({ error: h, value: a, field: l });
+        }
+      )) : Promise.resolve({ error: null, value: a, 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: a, getValueFromEvent: d } = this.props, c = j(d) ? d(t, ...r) : t;
+      let h = c;
+      if (ze(c)) {
+        re(
+          !0,
+          "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
+        ), c.stopPropagation();
+        return;
+      }
+      typeof a == "function" && (h = a(c, l.getFieldValue(n), {
+        ...l.getFieldsValue()
+      })), this.toggleTouched(!0), this.innerSetFieldValue(n, h), this.validateField(o), fe(i) && i.props && i.props[o] && (this.props.isFormList || i.props[o](h, ...r));
+    });
+    u(this, "getChild", () => {
+      const { children: t } = this.props, { store: r } = this.context;
+      let i = t;
+      return j(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 m;
+    const {
+      field: i,
+      trigger: l = "onChange",
+      triggerPropName: n = "value",
+      validateStatus: o,
+      formatter: a
+    } = this.props, { store: d, disabled: c } = this.context, h = "disabled" in this.props ? this.props.disabled : c, g = H.Children.only(t), F = {
+      // used by label
+      id: G(((m = g.props) == null ? void 0 : m.id) || { [`${r}${be}`]: r })
+    };
+    this.getValidateTrigger().forEach((p) => {
+      F[p] = (v) => {
+        var y, I;
+        this.validateField(p), (I = (y = g.props) == null ? void 0 : y[p]) == null || I.call(y, v);
+      };
+    }), F[l] = this.handleTrigger, h !== void 0 && !("disabled" in g.props) && (F.disabled = h);
+    let V = $(d.getInnerMethods(!0).innerGetStore(), i);
+    return j(a) && (V = a(V)), F[n] = V, !o && this.errors && (F.error = !0), H.cloneElement(g, F);
+  }
+  render() {
+    const { noStyle: t, field: r, isFormList: i, hasFeedback: l } = this.props, n = this.getValidateStatus(), { prefixCls: o, getFormElementId: a } = this.context;
+    let d = this.getChild();
+    const c = this.hasFieldProps() ? a == null ? void 0 : a(r) : void 0;
+    return this.hasFieldProps() && !i && H.Children.count(d) === 1 && (d = this.renderControl(d, c)), t ? d : /* @__PURE__ */ f("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ f("div", { className: `${o}-item-control`, id: c, children: /* @__PURE__ */ J("div", { className: `${o}-item-control-children`, children: [
+      d,
+      n && l && /* @__PURE__ */ J(
+        "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(z, "defaultProps", {
+  trigger: "onChange",
+  triggerPropName: "value"
+}), u(z, "isFormControl", !0), u(z, "contextType", Se);
+function Et(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 wt = ({
+  htmlFor: s,
+  showColon: e,
+  label: t,
+  requiredSymbol: r,
+  required: i,
+  rules: l,
+  prefix: n,
+  tooltip: o
+}) => {
+  const a = T(l) && l.some((g) => g && g.required), d = P(r) ? r.position : "end", c = (i || a) && !!r && /* @__PURE__ */ f("strong", { className: `${n}-form-item-symbol`, children: /* @__PURE__ */ f(Et, {}) }), h = () => {
+    if (!o)
+      return null;
+    const g = `${n}-form-item-tooltip`;
+    let F = {}, V = /* @__PURE__ */ f(mt, { className: g });
+    if (!P(o) || fe(o))
+      F = {
+        content: o
+      };
+    else {
+      const { icon: m, ...p } = o;
+      F = p, m && (V = fe(m) ? H.cloneElement(m, {
+        className: G(
+          g,
+          m.props.className
+        )
+      }) : m);
+    }
+    return /* @__PURE__ */ f(Ft, { ...F, children: V });
+  };
+  return t ? /* @__PURE__ */ J("label", { htmlFor: s && `${s}${be}`, children: [
+    d !== "end" && c,
+    " ",
+    t,
+    h(),
+    d === "end" && /* @__PURE__ */ J(Pe, { children: [
+      " ",
+      c
+    ] }),
+    e ? e === !0 ? ":" : e : ""
+  ] }) : null;
+}, Tt = je.Row, Ne = je.Col, $t = ({
+  prefixCls: s,
+  help: e,
+  errors: t,
+  warnings: r
+}) => {
+  const i = t.map((a, d) => {
+    if (a)
+      return /* @__PURE__ */ f("div", { role: "alert", children: a.message }, d);
+  }), l = [];
+  r.map((a, d) => {
+    l.push(
+      /* @__PURE__ */ f("div", { role: "alert", className: `${s}-message-help-warning`, children: a }, d)
+    );
+  });
+  const n = !te(e) || !!l.length, o = n || !!i.length;
+  return o && /* @__PURE__ */ f(
+    gt,
+    {
+      in: o,
+      appear: !0,
+      classNames: "formblink",
+      timeout: 300,
+      unmountOnExit: !0,
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          className: G(`${s}-message`, {
+            [`${s}-message-help`]: n
+          }),
+          children: te(e) ? /* @__PURE__ */ J(Pe, { children: [
+            i.length > 0 && i,
+            l.length > 0 && l
+          ] }) : e
+        }
+      )
+    }
+  );
+}, kt = (s, e) => {
+  var ve, ye, Ce;
+  const { getPrefixCls: t, prefixCls: r } = O(xe), i = O(Se), l = O(Ge), [n, o] = ae(null), [a, d] = ae(null), c = O(se), h = c.prefixCls || t("form"), g = s.layout || c.layout, F = s.labelAlign || c.labelAlign, V = L(!1), m = (M, C = {}) => {
+    if (V.current)
+      return;
+    const { errors: U, warnings: Z } = C || {};
+    o((Y) => {
+      const E = { ...Y || {} };
+      return U ? E[M] = U : delete E[M], E;
+    }), d((Y) => {
+      const E = { ...Y || {} };
+      return Z && Z.length ? E[M] = Z : delete E[M], E;
+    });
+  }, p = P(s.noStyle) && s.noStyle.showErrorTip && i.updateFormItem ? i.updateFormItem : m;
+  ie(() => (V.current = !1, () => {
+    V.current = !0, o(null), d(null);
+  }), []);
+  const v = {
+    ...c,
+    validateMessages: c.validateMessages && bt(c.validateMessages, {
+      label: s.label
+    }),
+    prefixCls: h,
+    updateFormItem: p,
+    disabled: "disabled" in s ? s.disabled : c.disabled
+  }, { label: y, extra: I, className: k, style: W, validateStatus: Q, hidden: ne, ...le } = s, de = G(`${h}-label-item`, {
+    [`${h}-label-item-left`]: F === "left"
+  }), he = n ? Object.values(n) : [], X = a ? Object.values(a).reduce((M, C) => M.concat(C), []) : [], B = Ee(() => {
+    if (Q)
+      return Q;
+    if (he.length)
+      return me.error;
+    if (X.length)
+      return me.warning;
+  }, [n, a, Q]), S = Ee(() => !te(s.help) || X.length > 0, [s.help, a]), _ = G(
+    `${h}-item`,
+    {
+      [`${h}-item-error`]: S || !Q && B === me.error,
+      [`${h}-item-status-${B}`]: B,
+      [`${h}-item-has-help`]: S,
+      [`${h}-item-hidden`]: ne,
+      [`${h}-item-has-feedback`]: B && s.hasFeedback
+    },
+    `${h}-layout-${g}`,
+    k
+  ), w = () => {
+    var Z, Y;
+    const { field: M, children: C } = s, U = "disabled" in s ? s.disabled : c.disabled;
+    if (j(C)) {
+      let { key: E, ...x } = s ?? {};
+      return /* @__PURE__ */ we(
+        z,
+        {
+          disabled: U,
+          ...x,
+          key: M || E,
+          _key: M || E
+        },
+        (...ge) => C(
+          ...ge
+        )
+      );
+    }
+    if (T(C)) {
+      const E = H.Children.map(C, (x, ge) => {
+        const Ie = P(x) && x.key || ge, Qe = P(x) && "disabled" in x.props, Xe = !te(U) && !Qe ? { key: Ie, disabled: U } : { key: Ie };
+        return P(x) ? Te(x, Xe) : x;
+      });
+      return /* @__PURE__ */ f(z, { ...s, field: void 0, children: E });
+    }
+    if (H.Children.count(C) == 1) {
+      if (M) {
+        const E = ((Z = l == null ? void 0 : l.getItemKey) == null ? void 0 : Z.call(l, M)) || M;
+        return /* @__PURE__ */ we(z, { disabled: U, ...s, key: E, _key: E }, C);
+      }
+      if (P(C)) {
+        if ((Y = C.type) != null && Y.isFormControl)
+          return C;
+        const x = !("disabled" in C.props) && !te(U) ? { disabled: U } : null;
+        return /* @__PURE__ */ f(z, { ...s, field: void 0, children: x ? Te(C, x) : C });
+      }
+    }
+    return C;
+  }, N = Se, q = {
+    ...c
+  };
+  return s.noStyle || (q.wrapperCol = void 0, q.labelCol = void 0), /* @__PURE__ */ f(se.Provider, { value: q, children: /* @__PURE__ */ f(N.Provider, { value: v, children: s.noStyle ? w() : /* @__PURE__ */ J(
+    Tt,
+    {
+      ref: e,
+      ..._e(le, [
+        "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: g !== "horizontal",
+      style: W,
+      children: [
+        y ? /* @__PURE__ */ f(
+          Ne,
+          {
+            ...s.labelCol || c.labelCol,
+            className: G(
+              de,
+              (ve = s.labelCol) == null ? void 0 : ve.className,
+              (ye = c.labelCol) == null ? void 0 : ye.className,
+              {
+                [`${h}-label-item-flex`]: !s.labelCol && !c.labelCol
+              }
+            ),
+            children: /* @__PURE__ */ f(
+              wt,
+              {
+                tooltip: s.tooltip,
+                htmlFor: s.field && ((Ce = c == null ? void 0 : c.getFormElementId) == null ? void 0 : Ce.call(c, s.field)),
+                label: y,
+                prefix: r,
+                requiredSymbol: "requiredSymbol" in s ? s.requiredSymbol : c.requiredSymbol,
+                required: s.required,
+                rules: s.rules,
+                showColon: "colon" in s ? s.colon : c.colon
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ J(
+          Ne,
+          {
+            className: G(`${h}-item-wrapper`, {
+              [`${h}-item-wrapper-flex`]: !s.wrapperCol && !c.wrapperCol
+            }),
+            ...s.wrapperCol || c.wrapperCol,
+            children: [
+              w(),
+              /* @__PURE__ */ f(
+                $t,
+                {
+                  prefixCls: h,
+                  help: s.help,
+                  errors: he,
+                  warnings: X
+                }
+              ),
+              I && /* @__PURE__ */ f("div", { className: `${h}-extra`, children: I })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) });
+}, ue = Ve(kt);
+ue.defaultProps = {
+  trigger: "onChange",
+  triggerPropName: "value"
+};
+ue.displayName = "FormItem";
+const Re = (s, e) => !te(s) && s >= 0 && s < e.length, He = (s) => {
+  const { field: e, children: t, initialValue: r } = s, i = L({
+    id: 0,
+    keys: []
+  }), l = "initialValue" in s ? { initialValue: r } : {}, n = i.current.keys;
+  return /* @__PURE__ */ f(
+    Ge.Provider,
+    {
+      value: {
+        getItemKey: (o) => {
+          const a = o == null ? void 0 : o.replace(/\[|\]/g, ".").split("."), d = a.indexOf(e), c = a[d + 1];
+          return `${e}_${n.indexOf(c)}_${a.slice(d + 2).join("_")}`;
+        }
+      },
+      children: /* @__PURE__ */ f(
+        ue,
+        {
+          field: e,
+          ...l,
+          isFormList: !0,
+          rules: s.rules,
+          wrapperCol: { span: 24 },
+          noStyle: "noStyle" in s ? s.noStyle : !s.rules,
+          shouldUpdate: (o, a, d) => {
+            var c, h;
+            return !!(d && !d.isInner && oe(d.field, [e]) && ((c = $(o, e)) == null ? void 0 : c.length) !== ((h = $(a, e)) == null ? void 0 : h.length));
+          },
+          children: (o, a, { value: d, onChange: c }) => {
+            const h = d || [], g = function(m, p) {
+              var W;
+              if (ze(m)) {
+                re(
+                  !0,
+                  "Form.List: The event object cannot be used as a parameter of the add method"
+                );
+                return;
+              }
+              const v = ((W = a.getInnerMethods(!0)) == null ? void 0 : W.innerGetFieldValue(e)) || [], y = i.current.id;
+              i.current.id += 1;
+              const I = v || [];
+              let k = I;
+              p !== void 0 && p >= 0 && p <= I.length ? (n.splice(p, 0, y), k = [
+                ...I.slice(0, p),
+                m,
+                ...I.slice(p)
+              ]) : (n.push(y), k = [...I, m]), c(k, {
+                isFormList: !0,
+                ignore: m === void 0
+              });
+            }, F = function(m) {
+              var y;
+              const v = (((y = a.getInnerMethods(!0)) == null ? void 0 : y.innerGetFieldValue(e)) || []).filter((I, k) => k !== m);
+              n.splice(m, 1), c([...v], { isFormList: !0 });
+            }, V = function(m, p) {
+              var W;
+              const v = ((W = a.getInnerMethods(!0)) == null ? void 0 : W.innerGetFieldValue(e)) || [];
+              if (m === p || !Re(m, v) || !Re(p, v))
+                return;
+              const y = n[m];
+              n.splice(m, 1), n.splice(p, 0, y);
+              const I = v[m], k = [...v];
+              k.splice(m, 1), k.splice(p, 0, I), c(k, { isFormList: !0 });
+            };
+            return j(t) && t(
+              h.map((m, p) => {
+                let v = n[p];
+                return v === void 0 && (v = i.current.id, n.push(v), i.current.id += 1), {
+                  field: `${e}[${p}]`,
+                  key: v
+                };
+              }),
+              {
+                add: g,
+                remove: F,
+                move: V
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+};
+He.displayName = "FormList";
+const Wt = (s, e) => {
+  const t = L({}), r = ee((o, a) => (o && (t.current[o] = a), () => {
+    delete t.current[o];
+  }), []), i = ee(
+    (o, a) => {
+      var d;
+      (d = s.onFormSubmit) == null || d.call(s, o, a, {
+        forms: t.current
+      });
+    },
+    [s.onFormSubmit]
+  ), l = ee(
+    (o, a) => {
+      var d;
+      (d = s.onFormReset) == null || d.call(s, o, a, {
+        forms: t.current
+      });
+    },
+    [s.onFormReset]
+  ), n = ee(
+    (o, a) => {
+      var d;
+      (d = s.onFormValuesChange) == null || d.call(s, o, a, {
+        forms: t.current
+      });
+    },
+    [s.onFormValuesChange]
+  );
+  return /* @__PURE__ */ f(
+    qe.Provider,
+    {
+      value: {
+        onFormValuesChange: n,
+        onFormSubmit: i,
+        onFormReset: l,
+        register: r
+      },
+      children: s.children
+    }
+  );
+}, Je = Ve(Wt);
+Je.displayName = "FormProvider";
+const Nt = () => {
+  const s = O(se), e = s.store, t = L(!1), r = ft(), i = ee(() => {
+    var o, a, d;
+    const { submitStatus: l } = ((d = (a = (o = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : o.call(e, !0)) == null ? void 0 : a.innerGetStoreStatus) == null ? void 0 : d.call(a)) ?? {}, n = l === D.submitting;
+    n !== t.current && (t.current = n, r());
+  }, []);
+  return ie(() => {
+    var a;
+    if (!e) {
+      re(!0, "formInstance is not available");
+      return;
+    }
+    const { registerFormWatcher: l } = ((a = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : a.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
+  };
+}, Rt = (s, e) => {
+  const t = O(se), r = e || t.store, i = L(s);
+  i.current = s;
+  const l = ee(() => {
+    const d = i.current, c = r.getFieldsState([d]);
+    return c == null ? void 0 : c[d];
+  }, []), [n, o] = ae(l), a = L(n);
+  return ie(() => {
+    var g;
+    if (!r) {
+      re(!0, "formInstance is not available");
+      return;
+    }
+    const { registerStateWatcher: d } = ((g = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : g.call(r, !0)) ?? {}, c = () => {
+      const F = l();
+      pe(a.current, F) || (o(F), a.current = F);
+    };
+    c();
+    const h = d == null ? void 0 : d(c);
+    return () => {
+      h == null || h();
+    };
+  }, []), n;
+}, Pt = (s, e) => {
+  const t = O(se), r = e || t.store, [i, l] = ae(() => {
+    const a = r == null ? void 0 : r.getFieldsValue([].concat(s));
+    return pt(s) ? $(a, s) : a;
+  }), n = L(s);
+  n.current = s;
+  const o = L(JSON.stringify(i));
+  return ie(() => {
+    var h;
+    if (!r) {
+      re(!0, "formInstance is not available");
+      return;
+    }
+    const { registerWatcher: a } = ((h = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : h.call(r, !0)) ?? {}, d = () => {
+      const g = n.current, F = r.getFieldsValue([].concat(g));
+      let V = F;
+      T(g) || (V = $(F, g));
+      const m = JSON.stringify(V);
+      o.current !== m && (l(V), o.current = m);
+    };
+    d();
+    const c = a == null ? void 0 : a(d);
+    return () => {
+      c == null || c();
+    };
+  }, []), i;
+}, A = Be;
+A.Provider = Je;
+A.Item = ue;
+A.List = He;
+A.Control = z;
+A.useForm = Ae;
+A.useFormContext = Nt;
+A.useWatch = Pt;
+A.useFormState = Rt;
 export {
-  m as FormControl,
-  t as FormItem,
-  e as FormList,
-  i as FormProvider,
-  o as default,
-  f as useForm,
-  p as useFormContext,
-  s as useFormState,
-  F as useWatch
+  z as FormControl,
+  ue as FormItem,
+  He as FormList,
+  Je as FormProvider,
+  A as default,
+  Ae as useForm,
+  Nt as useFormContext,
+  Rt as useFormState,
+  Pt as useWatch
 };