@volverjs/form-vue 1.0.0-beta.21 → 1.0.0-beta.23

package/dist/index.es.js

@@ -1,78 +1,345 @@
-import { defineComponent as M, inject as C, toRefs as j, computed as W, onMounted as F, watch as _, onBeforeUnmount as ue, unref as G, provide as P, readonly as U, resolveComponent as B, defineAsyncComponent as le, h as A, ref as R, toRaw as N, isProxy as se, withModifiers as Q, getCurrentInstance as ie } from "vue";
-import { watchIgnorable as fe, throttleFilter as oe } from "@vueuse/core";
-import { ZodObject as K, ZodDefault as de, ZodNullable as ve, ZodSchema as ce, ZodArray as me, ZodRecord as ye, ZodEffects as X, ZodOptional as Y, ZodError as he } from "zod";
-function q(e) {
+import { ref as C, computed as O, readonly as K, defineComponent as M, toRaw as L, watch as U, isProxy as fe, onMounted as j, provide as Y, h as G, withModifiers as re, toRefs as F, inject as _, onBeforeUnmount as le, unref as Z, resolveComponent as N, defineAsyncComponent as ve, getCurrentInstance as de } from "vue";
+import { watchIgnorable as ce, throttleFilter as ye } from "@vueuse/core";
+import { ZodObject as H, ZodDefault as he, ZodNullable as me, ZodSchema as be, ZodArray as pe, ZodRecord as Ve, ZodEffects as te, ZodOptional as ae, ZodError as ge } from "zod";
+var m = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e))(m || {}), R = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.reset = "reset", e.updated = "updated", e.unknown = "unknown", e))(R || {});
+function J(e, o = {}) {
+  const r = (d) => {
+    let l = d;
+    for (; l instanceof te; )
+      l = l.innerType();
+    return l instanceof ae && (l = l._def.innerType), l;
+  }, v = (d) => {
+    let l = d;
+    for (; l instanceof te; )
+      l = l.innerType();
+    return l instanceof ae;
+  }, t = r(e);
+  return {
+    ...(t instanceof H ? t._def.unknownKeys === "passthrough" : !1) ? o : {},
+    ...Object.fromEntries(
+      Object.entries(t.shape).map(
+        ([d, l]) => {
+          const f = o[d], p = v(l);
+          let u = r(l), y;
+          if (u instanceof he && (y = u._def.defaultValue(), u = u._def.innerType), f === null && u instanceof me)
+            return [d, f];
+          if (f == null && p)
+            return [d, y];
+          if (u instanceof be) {
+            const b = l.safeParse(f);
+            if (b.success)
+              return [d, b.data ?? y];
+          }
+          if (u instanceof pe && Array.isArray(f) && f.length) {
+            const b = r(u._def.type);
+            if (b instanceof H)
+              return [
+                d,
+                f.map(
+                  (h) => J(
+                    b,
+                    h && typeof h == "object" ? h : void 0
+                  )
+                )
+              ];
+          }
+          if (u instanceof Ve && f) {
+            const b = r(u._def.valueType);
+            if (b instanceof H)
+              return [d, Object.keys(f).reduce((h, n) => (h[n] = J(b, f[n]), h), {})];
+          }
+          return u instanceof H ? [
+            d,
+            J(
+              u,
+              f && typeof f == "object" ? f : y
+            )
+          ] : [d, y];
+        }
+      )
+    )
+  };
+}
+function Oe(e, o, r, v) {
+  const t = C(), a = C(), d = O(() => a.value === R.invalid), l = C(), f = C(!1);
+  let p;
+  const u = async (k = l.value, g) => {
+    if (p = g, f.value)
+      return !0;
+    const V = await e.safeParseAsync(k);
+    if (!V.success) {
+      if (a.value = R.invalid, !g)
+        return t.value = V.error.format(), !1;
+      const s = V.error.issues.filter((W) => g.has(W.path.join(".")));
+      return s.length ? (t.value = new ge(s).format(), !1) : (t.value = void 0, !0);
+    }
+    return t.value = void 0, a.value = R.valid, l.value = V.data, !0;
+  }, y = () => {
+    t.value = void 0, a.value = void 0, p = void 0;
+  }, b = () => {
+    l.value = J(e), y(), a.value = R.reset;
+  }, h = async () => f.value || !await u() ? !1 : (a.value = R.submitting, !0), { ignoreUpdates: n, stop: w } = ce(
+    l,
+    () => {
+      a.value = R.updated;
+    },
+    {
+      deep: !0,
+      eventFilter: ye((r == null ? void 0 : r.updateThrottle) ?? 500)
+    }
+  ), x = K(t), E = K(a), S = M({
+    name: "VvForm",
+    props: {
+      continuousValidation: {
+        type: Boolean,
+        default: !1
+      },
+      modelValue: {
+        type: Object,
+        default: () => ({})
+      },
+      readonly: {
+        type: Boolean,
+        default: (r == null ? void 0 : r.readonly) ?? !1
+      },
+      tag: {
+        type: String,
+        default: "form"
+      },
+      template: {
+        type: [Array, Function],
+        default: void 0
+      }
+    },
+    emits: [
+      "invalid",
+      "submit",
+      "update:modelValue",
+      "update:readonly",
+      "valid",
+      "reset"
+    ],
+    expose: [
+      "errors",
+      "invalid",
+      "readonly",
+      "status",
+      "submit",
+      "tag",
+      "template",
+      "valid",
+      "validate",
+      "clear",
+      "reset"
+    ],
+    slots: Object,
+    setup(k, { emit: g }) {
+      return l.value = J(
+        e,
+        L(k.modelValue)
+      ), U(
+        () => k.modelValue,
+        (V) => {
+          if (V) {
+            const s = fe(V) ? L(V) : V;
+            if (JSON.stringify(s) === JSON.stringify(L(l.value)))
+              return;
+            l.value = typeof (s == null ? void 0 : s.clone) == "function" ? s.clone() : JSON.parse(JSON.stringify(s));
+          }
+        },
+        { deep: !0 }
+      ), U(a, async (V) => {
+        var s, W, A, $, q, T;
+        if (V === R.invalid) {
+          const B = L(t.value);
+          g("invalid", B), (s = r == null ? void 0 : r.onInvalid) == null || s.call(
+            r,
+            B
+          );
+          return;
+        }
+        if (V === R.valid) {
+          const B = L(l.value);
+          g("valid", B), (W = r == null ? void 0 : r.onValid) == null || W.call(r, B), g("update:modelValue", B), (A = r == null ? void 0 : r.onUpdate) == null || A.call(r, B);
+          return;
+        }
+        if (V === R.submitting) {
+          const B = L(l.value);
+          g("submit", B), ($ = r == null ? void 0 : r.onSubmit) == null || $.call(r, B);
+          return;
+        }
+        if (V === R.reset) {
+          const B = L(l.value);
+          g("reset", B), (q = r == null ? void 0 : r.onReset) == null || q.call(r, B);
+          return;
+        }
+        if (V === R.updated) {
+          if ((t.value || r != null && r.continuousValidation || k.continuousValidation) && await u(void 0, p), !l.value || !k.modelValue || JSON.stringify(l.value) !== JSON.stringify(k.modelValue)) {
+            const B = L(l.value);
+            g("update:modelValue", B), (T = r == null ? void 0 : r.onUpdate) == null || T.call(r, B);
+          }
+          a.value === R.updated && (a.value = R.unknown);
+        }
+      }), j(() => {
+        f.value = k.readonly;
+      }), U(
+        () => k.readonly,
+        (V) => {
+          f.value = V;
+        }
+      ), U(f, (V) => {
+        V !== k.readonly && g("update:readonly", f.value);
+      }), Y(o, {
+        clear: y,
+        errors: x,
+        formData: l,
+        ignoreUpdates: n,
+        invalid: d,
+        readonly: f,
+        reset: b,
+        status: E,
+        stopUpdatesWatch: w,
+        submit: h,
+        validate: u
+      }), {
+        clear: y,
+        errors: x,
+        formData: l,
+        ignoreUpdates: n,
+        invalid: d,
+        isReadonly: f,
+        reset: b,
+        status: E,
+        stopUpdatesWatch: w,
+        submit: h,
+        validate: u
+      };
+    },
+    render() {
+      const k = () => {
+        var g, V;
+        return ((V = (g = this.$slots) == null ? void 0 : g.default) == null ? void 0 : V.call(g, {
+          clear: y,
+          errors: x,
+          formData: l,
+          ignoreUpdates: n,
+          invalid: d,
+          readonly: f,
+          reset: b,
+          status: E,
+          stopUpdatesWatch: w,
+          submit: h,
+          validate: u
+        })) ?? this.$slots.default;
+      };
+      return G(
+        this.tag,
+        {
+          onSubmit: re(this.submit, ["prevent"]),
+          onReset: re(this.reset, ["prevent"])
+        },
+        (this.template ?? (r == null ? void 0 : r.template)) && v ? [
+          G(
+            v,
+            {
+              schema: this.template ?? (r == null ? void 0 : r.template)
+            },
+            {
+              default: k
+            }
+          )
+        ] : {
+          default: k
+        }
+      );
+    }
+  });
+  return {
+    clear: y,
+    errors: t,
+    formData: l,
+    ignoreUpdates: n,
+    invalid: d,
+    readonly: f,
+    reset: b,
+    status: a,
+    stopUpdatesWatch: w,
+    submit: h,
+    validate: u,
+    VvForm: S
+  };
+}
+function D(e) {
   return Array.isArray(e);
 }
-function be(e) {
+function we(e) {
   return typeof e < "u";
 }
-function D(e) {
+function ue(e) {
   return e === null;
 }
-function ee(e) {
+function ne(e) {
   return typeof e == "object";
 }
-function re(e) {
+function se(e) {
   return typeof e == "string";
 }
-function Z(e) {
+function Q(e) {
   return typeof e > "u";
 }
-const Ve = /^[0-9]+$/, ge = ["__proto__", "prototype", "constructor"];
-function z(e, l, r) {
-  const f = be(r) ? r : void 0;
-  if (!ee(e) || !re(l))
-    return f;
-  const a = ae(l);
-  if (a.length !== 0) {
-    for (const n of a) {
-      if (n === "*")
+const xe = /^[0-9]+$/, ke = ["__proto__", "prototype", "constructor"];
+function z(e, o, r) {
+  const v = we(r) ? r : void 0;
+  if (!ne(e) || !se(o))
+    return v;
+  const t = ie(o);
+  if (t.length !== 0) {
+    for (const a of t) {
+      if (a === "*")
         continue;
-      const i = function(u) {
-        return u.map((t) => Z(t) || D(t) ? t : q(t) ? i(t) : t[n]);
+      const d = function(l) {
+        return l.map((f) => Q(f) || ue(f) ? f : D(f) ? d(f) : f[a]);
       };
-      if (q(e) && !Ve.test(n) ? e = i(e) : e = e[n], Z(e) || D(e))
+      if (D(e) && !xe.test(a) ? e = d(e) : e = e[a], Q(e) || ue(e))
         break;
     }
-    return Z(e) ? f : e;
+    return Q(e) ? v : e;
   }
 }
-function te(e, l, r) {
-  if (!ee(e) || !re(l))
+function ee(e, o, r) {
+  if (!ne(e) || !se(o))
     return;
-  const f = ae(l);
-  if (f.length === 0)
+  const v = ie(o);
+  if (v.length === 0)
     return;
-  const a = f.length;
-  for (let n = 0; n < a; n++) {
-    const i = f[n];
-    if (n === a - 1) {
-      e[i] = r;
+  const t = v.length;
+  for (let a = 0; a < t; a++) {
+    const d = v[a];
+    if (a === t - 1) {
+      e[d] = r;
       return;
     }
-    if (i === "*" && q(e)) {
-      const u = f.slice(n + 1).join(".");
-      for (const t of e)
-        te(t, u, r);
+    if (d === "*" && D(e)) {
+      const l = v.slice(a + 1).join(".");
+      for (const f of e)
+        ee(f, l, r);
       return;
     }
-    Z(e[i]) && (e[i] = {}), e = e[i];
+    Q(e[d]) && (e[d] = {}), e = e[d];
   }
 }
-function ae(e) {
-  const l = e.split(/[.]|(?:\[(\d|\*)\])/).filter((r) => !!r);
-  return l.some((r) => ge.indexOf(r) !== -1) ? [] : l;
+function ie(e) {
+  const o = e.split(/[.]|(?:\[(\d|\*)\])/).filter((r) => !!r);
+  return o.some((r) => ke.indexOf(r) !== -1) ? [] : o;
 }
-var d = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e))(d || {}), k = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.reset = "reset", e.updated = "updated", e.unknown = "unknown", e))(k || {});
-function xe(e, l, r, f) {
+function Se(e, o, r, v) {
   return M({
     name: "VvFormField",
     props: {
       type: {
         type: String,
-        validator: (a) => Object.values(d).includes(a),
-        default: d.custom
+        validator: (t) => Object.values(m).includes(t),
+        default: m.custom
       },
       is: {
         type: [Object, String],
@@ -119,140 +386,142 @@ function xe(e, l, r, f) {
       "type"
     ],
     slots: Object,
-    setup(a, { slots: n, emit: i }) {
-      const u = C(l, void 0);
-      u && u.fields.value.add(a.name);
-      const t = C(e), { props: g, name: o } = j(a), v = W({
+    setup(t, { slots: a, emit: d }) {
+      const { props: l, name: f } = F(t), p = _(o, void 0);
+      p && p.fields.value.add(t.name);
+      const u = _(e), y = O({
         get() {
-          if (t != null && t.formData)
+          if (u != null && u.formData)
             return z(
-              new Object(t.formData.value),
-              String(a.name)
+              new Object(u.formData.value),
+              String(t.name)
             );
         },
         set(s) {
-          t != null && t.formData && (te(
-            new Object(t.formData.value),
-            String(a.name),
+          u != null && u.formData && (ee(
+            new Object(u.formData.value),
+            String(t.name),
             s
-          ), i("update:modelValue", {
-            newValue: v.value,
-            formData: t == null ? void 0 : t.formData
+          ), d("update:modelValue", {
+            newValue: y.value,
+            formData: u == null ? void 0 : u.formData
           }));
         }
       });
-      F(() => {
-        v.value === void 0 && a.defaultValue !== void 0 && (v.value = a.defaultValue);
+      j(() => {
+        y.value === void 0 && t.defaultValue !== void 0 && (y.value = t.defaultValue);
       });
-      const m = W(() => {
-        if (t != null && t.errors.value)
-          return z(t.errors.value, String(a.name));
-      }), c = W(() => {
+      const b = O(() => {
+        if (u != null && u.errors.value)
+          return z(u.errors.value, String(t.name));
+      }), h = O(() => {
         var s;
-        return (s = m.value) == null ? void 0 : s._errors;
-      }), h = W(() => m.value !== void 0), S = _(h, () => {
-        h.value ? (i("invalid", c.value), u && u.errors.value.set(
-          a.name,
-          {
-            _errors: c.value
-          }
-        )) : (i("valid", v.value), u && u.errors.value.delete(
-          a.name
-        ));
-      }), I = _(
-        () => t == null ? void 0 : t.formData,
+        return (s = b.value) == null ? void 0 : s._errors;
+      }), n = O(() => b.value !== void 0), w = U(n, () => {
+        if (n.value) {
+          d("invalid", b.value), p && p.errors.value.set(
+            String(t.name),
+            b.value
+          );
+          return;
+        }
+        d("valid", y.value), p && p.errors.value.delete(
+          t.name
+        );
+      }), x = U(
+        () => u == null ? void 0 : u.formData,
         () => {
-          i("update:formData", t == null ? void 0 : t.formData);
+          d("update:formData", u == null ? void 0 : u.formData);
         },
         { deep: !0 }
       );
-      ue(() => {
-        S(), I();
+      le(() => {
+        w(), x();
       });
-      const O = (s) => {
-        v.value = s;
-      }, w = W(() => {
-        let s = g.value;
-        return typeof s == "function" && (s = s(t == null ? void 0 : t.formData)), Object.keys(s).reduce(
-          (E, p) => (E[p] = G(s[p]), E),
+      const E = (s) => {
+        s instanceof InputEvent && (s = s.target.value), y.value = s;
+      }, S = O(() => {
+        let s = l.value;
+        return typeof s == "function" && (s = s(u == null ? void 0 : u.formData)), Object.keys(s).reduce(
+          (W, A) => (W[A] = Z(s[A]), W),
           {}
         );
-      }), b = W(() => t != null && t.readonly.value ? !0 : w.value.readonly ?? a.readonly), V = W(() => ({
-        ...w.value,
-        name: w.value.name ?? a.name,
-        invalid: h.value,
-        valid: a.showValid ? !!(!h.value && v.value) : void 0,
+      }), k = O(() => u != null && u.readonly.value ? !0 : S.value.readonly ?? t.readonly), g = O(() => ({
+        ...S.value,
+        name: S.value.name ?? t.name,
+        invalid: n.value,
+        valid: t.showValid ? !!(!n.value && y.value) : void 0,
         type: ((s) => {
           if ([
-            d.color,
-            d.date,
-            d.datetimeLocal,
-            d.email,
-            d.month,
-            d.number,
-            d.password,
-            d.search,
-            d.tel,
-            d.text,
-            d.time,
-            d.url,
-            d.week
+            m.color,
+            m.date,
+            m.datetimeLocal,
+            m.email,
+            m.month,
+            m.number,
+            m.password,
+            m.search,
+            m.tel,
+            m.text,
+            m.time,
+            m.url,
+            m.week
           ].includes(s))
             return s;
-        })(a.type),
-        invalidLabel: c.value,
-        modelValue: v.value,
-        readonly: b.value,
-        "onUpdate:modelValue": O
+        })(t.type),
+        invalidLabel: h.value,
+        modelValue: y.value,
+        readonly: k.value,
+        "onUpdate:modelValue": E
       }));
-      return P(r, {
-        name: U(o),
-        errors: U(m)
-      }), { component: W(() => {
-        if (a.type === d.custom)
+      return Y(r, {
+        name: K(f),
+        errors: K(b)
+      }), { component: O(() => {
+        if (t.type === m.custom)
           return {
             render() {
               var s;
-              return ((s = n.default) == null ? void 0 : s.call(n, {
-                errors: m.value,
-                formData: t == null ? void 0 : t.formData.value,
-                formErrors: t == null ? void 0 : t.errors.value,
-                invalid: h.value,
-                invalidLabel: c.value,
-                modelValue: v.value,
-                onUpdate: O,
-                readonly: b.value,
-                submit: t == null ? void 0 : t.submit,
-                validate: t == null ? void 0 : t.validate
-              })) ?? n.default;
+              return ((s = a.default) == null ? void 0 : s.call(a, {
+                errors: b.value,
+                formData: u == null ? void 0 : u.formData.value,
+                formErrors: u == null ? void 0 : u.errors.value,
+                invalid: n.value,
+                invalidLabel: h.value,
+                modelValue: y.value,
+                onUpdate: E,
+                readonly: k.value,
+                submit: u == null ? void 0 : u.submit,
+                validate: u == null ? void 0 : u.validate
+              })) ?? a.default;
             }
           };
-        if (!((f == null ? void 0 : f.lazyLoad) ?? a.lazyLoad)) {
+        if (!((v == null ? void 0 : v.lazyLoad) ?? t.lazyLoad)) {
           let s;
-          switch (a.type) {
-            case d.select:
-              s = B("VvSelect");
+          switch (t.type) {
+            case m.select:
+              s = N("VvSelect");
               break;
-            case d.checkbox:
-              s = B("VvCheckbox");
+            case m.checkbox:
+              s = N("VvCheckbox");
               break;
-            case d.radio:
-              s = B("VvRadio");
+            case m.radio:
+              s = N("VvRadio");
               break;
-            case d.textarea:
-              s = B("VvTextarea");
+            case m.textarea:
+              s = N("VvTextarea");
               break;
-            case d.radioGroup:
-              s = B("VvRadioGroup");
+            case m.radioGroup:
+              s = N("VvRadioGroup");
               break;
-            case d.checkboxGroup:
-              s = B("VvCheckboxGroup");
+            case m.checkboxGroup:
+              s = N("VvCheckboxGroup");
               break;
-            case d.combobox:
-              s = B("VvCombobox");
+            case m.combobox:
+              s = N("VvCombobox");
               break;
             default:
-              s = B("VvInputText");
+              s = N("VvInputText");
           }
           if (typeof s != "string")
             return s;
@@ -260,300 +529,222 @@ function xe(e, l, r, f) {
             `[form-vue warn]: ${s} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
           );
         }
-        return le(async () => {
-          switch (f != null && f.sideEffects && await Promise.resolve(f.sideEffects(a.type)), a.type) {
-            case d.textarea:
+        return ve(async () => {
+          switch (v != null && v.sideEffects && await Promise.resolve(v.sideEffects(t.type)), t.type) {
+            case m.textarea:
               return import("@volverjs/ui-vue/vv-textarea");
-            case d.radio:
+            case m.radio:
               return import("@volverjs/ui-vue/vv-radio");
-            case d.radioGroup:
+            case m.radioGroup:
               return import("@volverjs/ui-vue/vv-radio-group");
-            case d.checkbox:
+            case m.checkbox:
               return import("@volverjs/ui-vue/vv-checkbox");
-            case d.checkboxGroup:
+            case m.checkboxGroup:
               return import("@volverjs/ui-vue/vv-checkbox-group");
-            case d.select:
+            case m.select:
               return import("@volverjs/ui-vue/vv-select");
-            case d.combobox:
+            case m.combobox:
               return import("@volverjs/ui-vue/vv-combobox");
           }
           return import("@volverjs/ui-vue/vv-input-text");
         });
-      }), hasProps: V, invalid: h };
+      }), hasProps: g, invalid: n };
     },
     render() {
-      return this.is ? A(this.is, this.hasProps, this.$slots) : this.type === d.custom ? A(this.component, null, this.$slots) : A(this.component, this.hasProps, this.$slots);
+      return this.is ? G(this.is, this.hasProps, this.$slots) : this.type === m.custom ? G(this.component, null, this.$slots) : G(this.component, this.hasProps, this.$slots);
     }
   });
 }
-function L(e, l = {}) {
-  const r = (i) => {
-    let u = i;
-    for (; u instanceof X; )
-      u = u.innerType();
-    return u instanceof Y && (u = u._def.innerType), u;
-  }, f = (i) => {
-    let u = i;
-    for (; u instanceof X; )
-      u = u.innerType();
-    return u instanceof Y;
-  }, a = r(e);
-  return {
-    ...(a instanceof K ? a._def.unknownKeys === "passthrough" : !1) ? l : {},
-    ...Object.fromEntries(
-      Object.entries(a.shape).map(
-        ([i, u]) => {
-          const t = l[i], g = f(u);
-          let o = r(u), v;
-          if (o instanceof de && (v = o._def.defaultValue(), o = o._def.innerType), t === null && o instanceof ve)
-            return [i, t];
-          if (t == null && g)
-            return [i, v];
-          if (o instanceof ce) {
-            const m = u.safeParse(t);
-            if (m.success)
-              return [i, m.data ?? v];
-          }
-          if (o instanceof me && Array.isArray(t) && t.length) {
-            const m = r(o._def.type);
-            if (m instanceof K)
-              return [
-                i,
-                t.map(
-                  (c) => L(
-                    m,
-                    c && typeof c == "object" ? c : void 0
-                  )
-                )
-              ];
-          }
-          if (o instanceof ye && t) {
-            const m = r(o._def.valueType);
-            if (m instanceof K)
-              return [i, Object.keys(t).reduce((c, h) => (c[h] = L(m, t[h]), c), {})];
-          }
-          return o instanceof K ? [
-            i,
-            L(
-              o,
-              t && typeof t == "object" ? t : v
-            )
-          ] : [i, v];
-        }
-      )
-    )
-  };
-}
-function Oe(e, l, r, f) {
-  const a = R(), n = R(), i = W(() => n.value === k.invalid), u = R(), t = R(!1);
-  let g;
-  const o = async (b = u.value, V) => {
-    if (g = V, t.value)
-      return !0;
-    const y = await e.safeParseAsync(b);
-    if (!y.success) {
-      if (n.value = k.invalid, !V)
-        return a.value = y.error.format(), !1;
-      const s = y.error.issues.filter((E) => V.has(E.path.join(".")));
-      return s.length ? (a.value = new he(s).format(), !1) : (a.value = void 0, !0);
-    }
-    return a.value = void 0, n.value = k.valid, u.value = y.data, !0;
-  }, v = () => {
-    a.value = void 0, n.value = void 0, g = void 0;
-  }, m = () => {
-    u.value = L(e), v(), n.value = k.reset;
-  }, c = async () => t.value || !await o() ? !1 : (n.value = k.submitting, !0), { ignoreUpdates: h, stop: S } = fe(
-    u,
-    () => {
-      n.value = k.updated;
-    },
-    {
-      deep: !0,
-      eventFilter: oe((r == null ? void 0 : r.updateThrottle) ?? 500)
-    }
-  ), I = U(a), O = U(n), w = M({
-    name: "VvForm",
+function Ie(e, o, r) {
+  return M({
+    name: "VvFormFieldsGroup",
     props: {
-      continuousValidation: {
-        type: Boolean,
-        default: !1
+      is: {
+        type: [Object, String],
+        default: void 0
       },
-      modelValue: {
-        type: Object,
+      names: {
+        type: [Array],
+        required: !0
+      },
+      props: {
+        type: [Object, Function],
         default: () => ({})
       },
-      readonly: {
+      showValid: {
         type: Boolean,
-        default: (r == null ? void 0 : r.readonly) ?? !1
+        default: !1
       },
-      tag: {
-        type: String,
-        default: "form"
+      defaultValues: {
+        type: [Object],
+        default: void 0
       },
-      template: {
-        type: [Array, Function],
+      readonly: {
+        type: Boolean,
         default: void 0
       }
     },
     emits: [
       "invalid",
-      "submit",
+      "update:formData",
       "update:modelValue",
-      "update:readonly",
-      "valid",
-      "reset"
+      "valid"
     ],
     expose: [
+      "component",
       "errors",
+      "hasProps",
       "invalid",
-      "readonly",
-      "status",
-      "submit",
-      "tag",
-      "template",
-      "valid",
-      "validate",
-      "clear",
-      "reset"
+      "invalidLabels",
+      "is"
     ],
     slots: Object,
-    setup(b, { emit: V }) {
-      return u.value = L(
-        e,
-        N(b.modelValue)
-      ), _(
-        () => b.modelValue,
-        (y) => {
-          if (y) {
-            const s = se(y) ? N(y) : y;
-            if (JSON.stringify(s) === JSON.stringify(N(u.value)))
-              return;
-            u.value = typeof (s == null ? void 0 : s.clone) == "function" ? s.clone() : JSON.parse(JSON.stringify(s));
-          }
+    setup(v, { slots: t, emit: a }) {
+      const { props: d, names: l, defaultValues: f } = F(v), p = O(() => Array.isArray(l.value) ? l.value : Object.values(l.value)), u = O(() => Array.isArray(l.value) ? l.value : Object.keys(l.value)), y = O(() => Array.isArray(l.value) ? l.value.reduce((i, c) => (i[String(c)] = c, i), {}) : l.value), b = O(() => Object.keys(y.value).reduce((i, c) => (i[String(y.value[c])] = c, i), {})), h = _(o, void 0);
+      h && p.value.forEach((i) => {
+        h.fields.value.add(i);
+      });
+      const n = _(e), w = O({
+        get() {
+          return n != null && n.formData ? u.value.reduce((i, c) => (i[c] = z(
+            new Object(n.formData.value),
+            y.value[c]
+          ), i), {}) : {};
         },
-        { deep: !0 }
-      ), _(n, async (y) => {
-        var s, E, p, $, T, H;
-        if (y === k.invalid) {
-          const x = N(a.value);
-          V("invalid", x), (s = r == null ? void 0 : r.onInvalid) == null || s.call(
-            r,
-            x
-          );
-          return;
+        set(i) {
+          n != null && n.formData && (u.value.forEach((c) => {
+            ee(
+              new Object(n.formData.value),
+              y.value[c],
+              i == null ? void 0 : i[c]
+            );
+          }), a("update:modelValue", {
+            newValue: w.value,
+            formData: n == null ? void 0 : n.formData
+          }));
         }
-        if (y === k.valid) {
-          const x = N(u.value);
-          V("valid", x), (E = r == null ? void 0 : r.onValid) == null || E.call(r, x), V("update:modelValue", x), (p = r == null ? void 0 : r.onUpdate) == null || p.call(r, x);
+      });
+      j(() => {
+        f.value && p.value.forEach((i) => {
+          var c, I;
+          ((c = f.value) == null ? void 0 : c[i]) !== void 0 && w.value[i] === void 0 && (w.value = {
+            ...w.value,
+            [i]: (I = f.value) == null ? void 0 : I[i]
+          });
+        });
+      });
+      const x = O(() => {
+        if (!(n != null && n.errors.value))
           return;
-        }
-        if (y === k.submitting) {
-          const x = N(u.value);
-          V("submit", x), ($ = r == null ? void 0 : r.onSubmit) == null || $.call(r, x);
+        const i = p.value.reduce((c, I) => {
+          if (!n.errors.value)
+            return c;
+          const P = z(n.errors.value, String(I));
+          return P === void 0 || (c[String(I)] = P), c;
+        }, {});
+        if (Object.keys(i).length !== 0)
+          return i;
+      }), E = O(() => {
+        if (!x.value)
           return;
-        }
-        if (y === k.reset) {
-          const x = N(u.value);
-          V("reset", x), (T = r == null ? void 0 : r.onReset) == null || T.call(r, x);
+        const i = Object.keys(x.value).reduce((c, I) => {
+          var P;
+          return (P = x.value) != null && P[I] && (c[b.value[I]] = x.value[I]._errors), c;
+        }, {});
+        if (Object.keys(i).length !== 0)
+          return i;
+      }), S = O(() => x.value !== void 0), k = O(() => u.value.reduce((i, c) => {
+        var I;
+        return i[c] = !!((I = x.value) != null && I[b.value[c]]), i;
+      }, {})), g = U(S, () => {
+        if (S.value) {
+          a("invalid", x.value), h && p.value.forEach((i) => {
+            var c, I;
+            if (!((c = x.value) != null && c[i])) {
+              h.errors.value.delete(
+                i
+              );
+              return;
+            }
+            h.errors.value.set(
+              i,
+              (I = x.value) == null ? void 0 : I[i]
+            );
+          });
           return;
         }
-        if (y === k.updated) {
-          if ((a.value || r != null && r.continuousValidation || b.continuousValidation) && await o(void 0, g), !u.value || !b.modelValue || JSON.stringify(u.value) !== JSON.stringify(b.modelValue)) {
-            const x = N(u.value);
-            V("update:modelValue", x), (H = r == null ? void 0 : r.onUpdate) == null || H.call(r, x);
-          }
-          n.value === k.updated && (n.value = k.unknown);
-        }
-      }), F(() => {
-        t.value = b.readonly;
-      }), _(
-        () => b.readonly,
-        (y) => {
-          t.value = y;
+        a("valid", w.value), h && p.value.forEach((i) => {
+          h.errors.value.delete(
+            i
+          );
+        });
+      }), V = U(
+        () => n == null ? void 0 : n.formData,
+        () => {
+          a("update:formData", n == null ? void 0 : n.formData);
+        },
+        { deep: !0 }
+      );
+      le(() => {
+        g(), V();
+      });
+      const s = (i) => {
+        w.value = i;
+      }, W = (i, c) => {
+        c instanceof InputEvent && (c = c.target.value), u.value.includes(i) && (w.value = {
+          ...w.value,
+          [i]: c
+        });
+      }, A = O(() => {
+        let i = d.value;
+        return typeof i == "function" && (i = i(n == null ? void 0 : n.formData)), Object.keys(i).reduce(
+          (c, I) => (c[I] = Z(i[I]), c),
+          {}
+        );
+      }), $ = O(() => n != null && n.readonly.value ? !0 : A.value.readonly ?? v.readonly), q = O(() => u.value.reduce((i, c) => (i[`onUpdate:${c}`] = (I) => {
+        W(c, I);
+      }, i), {
+        "onUpdate:modelValue": s
+      })), T = O(() => ({
+        ...q.value,
+        ...A.value,
+        names: A.value.name ?? p.value,
+        invalid: S.value,
+        invalids: k.value,
+        valid: v.showValid ? !!(!S.value && w.value) : void 0,
+        invalidLabels: E.value,
+        modelValue: w.value,
+        readonly: $.value
+      }));
+      return Y(r, {
+        names: K(l),
+        errors: K(x)
+      }), { component: O(() => ({
+        render() {
+          var i;
+          return ((i = t.default) == null ? void 0 : i.call(t, {
+            errors: x.value,
+            formData: n == null ? void 0 : n.formData.value,
+            formErrors: n == null ? void 0 : n.errors.value,
+            invalid: S.value,
+            invalids: k.value,
+            invalidLabels: E.value,
+            modelValue: w.value,
+            onUpdate: s,
+            onUpdateField: W,
+            readonly: $.value,
+            submit: n == null ? void 0 : n.submit,
+            validate: n == null ? void 0 : n.validate
+          })) ?? t.default;
         }
-      ), _(t, (y) => {
-        y !== b.readonly && V("update:readonly", t.value);
-      }), P(l, {
-        clear: v,
-        errors: I,
-        formData: u,
-        ignoreUpdates: h,
-        invalid: i,
-        readonly: t,
-        reset: m,
-        status: O,
-        stopUpdatesWatch: S,
-        submit: c,
-        validate: o
-      }), {
-        clear: v,
-        errors: I,
-        formData: u,
-        ignoreUpdates: h,
-        invalid: i,
-        isReadonly: t,
-        reset: m,
-        status: O,
-        stopUpdatesWatch: S,
-        submit: c,
-        validate: o
-      };
+      })), hasProps: T, invalid: S };
     },
     render() {
-      const b = () => {
-        var V, y;
-        return ((y = (V = this.$slots) == null ? void 0 : V.default) == null ? void 0 : y.call(V, {
-          clear: v,
-          errors: I,
-          formData: u,
-          ignoreUpdates: h,
-          invalid: i,
-          readonly: t,
-          reset: m,
-          status: O,
-          stopUpdatesWatch: S,
-          submit: c,
-          validate: o
-        })) ?? this.$slots.default;
-      };
-      return A(
-        this.tag,
-        {
-          onSubmit: Q(this.submit, ["prevent"]),
-          onReset: Q(this.reset, ["prevent"])
-        },
-        (this.template ?? (r == null ? void 0 : r.template)) && f ? [
-          A(
-            f,
-            {
-              schema: this.template ?? (r == null ? void 0 : r.template)
-            },
-            {
-              default: b
-            }
-          )
-        ] : {
-          default: b
-        }
-      );
+      return this.is ? G(this.is, this.hasProps, this.$slots) : G(this.component, null, this.$slots);
     }
   });
-  return {
-    clear: v,
-    errors: a,
-    formData: u,
-    ignoreUpdates: h,
-    invalid: i,
-    readonly: t,
-    reset: m,
-    status: n,
-    stopUpdatesWatch: S,
-    submit: c,
-    validate: o,
-    VvForm: w
-  };
 }
-function we(e, l) {
+function Ee(e, o) {
   return M({
     name: "VvFormWrapper",
     props: {
@@ -581,54 +772,54 @@ function we(e, l) {
       "validateWrapper"
     ],
     slots: Object,
-    setup(r, { emit: f }) {
-      const a = C(e), n = C(l, void 0), i = R(/* @__PURE__ */ new Set()), u = R(/* @__PURE__ */ new Map()), { name: t } = j(r);
-      P(l, {
-        name: U(t),
-        errors: u,
-        fields: i
-      }), _(
-        i,
-        (v) => {
-          n != null && n.fields && v.forEach((m) => {
-            n == null || n.fields.value.add(m);
+    setup(r, { emit: v }) {
+      const t = _(e), a = _(o, void 0), d = C(/* @__PURE__ */ new Set()), l = C(/* @__PURE__ */ new Map()), { name: f } = F(r);
+      Y(o, {
+        name: K(f),
+        errors: l,
+        fields: d
+      }), U(
+        d,
+        (y) => {
+          a != null && a.fields && y.forEach((b) => {
+            a == null || a.fields.value.add(b);
           });
         },
         { deep: !0 }
-      ), _(
-        () => new Map(u.value),
-        (v, m) => {
-          n != null && n.errors && (Array.from(m.keys()).forEach((c) => {
-            n.errors.value.delete(c);
-          }), Array.from(v.keys()).forEach((c) => {
-            const h = v.get(c);
-            h && n.errors.value.set(c, h);
+      ), U(
+        () => new Map(l.value),
+        (y, b) => {
+          a != null && a.errors && (Array.from(b.keys()).forEach((h) => {
+            a.errors.value.delete(h);
+          }), Array.from(y.keys()).forEach((h) => {
+            const n = y.get(h);
+            n && a.errors.value.set(h, n);
           }));
         },
         { deep: !0 }
       );
-      const g = W(() => a != null && a.invalid.value ? u.value.size > 0 : !1);
-      _(g, () => {
-        g.value ? f("invalid") : f("valid");
+      const p = O(() => t != null && t.invalid.value ? l.value.size > 0 : !1);
+      U(p, () => {
+        p.value ? v("invalid") : v("valid");
       });
-      const o = () => (a == null ? void 0 : a.validate(void 0, i.value)) ?? Promise.resolve(!0);
+      const u = () => (t == null ? void 0 : t.validate(void 0, d.value)) ?? Promise.resolve(!0);
       return {
-        clear: a == null ? void 0 : a.clear,
-        errors: a == null ? void 0 : a.errors,
-        fields: i,
-        fieldsErrors: u,
-        formData: a == null ? void 0 : a.formData,
-        invalid: g,
-        reset: a == null ? void 0 : a.reset,
-        submit: a == null ? void 0 : a.submit,
-        validate: a == null ? void 0 : a.validate,
-        validateWrapper: o
+        clear: t == null ? void 0 : t.clear,
+        errors: t == null ? void 0 : t.errors,
+        fields: d,
+        fieldsErrors: l,
+        formData: t == null ? void 0 : t.formData,
+        invalid: p,
+        reset: t == null ? void 0 : t.reset,
+        submit: t == null ? void 0 : t.submit,
+        validate: t == null ? void 0 : t.validate,
+        validateWrapper: u
       };
     },
     render() {
       const r = () => {
-        var f, a;
-        return (a = (f = this.$slots).default) == null ? void 0 : a.call(f, {
+        var v, t;
+        return (t = (v = this.$slots).default) == null ? void 0 : t.call(v, {
           clear: this.clear,
           errors: this.errors,
           fieldsErrors: this.fieldsErrors,
@@ -640,13 +831,13 @@ function we(e, l) {
           validateWrapper: this.validateWrapper
         });
       };
-      return this.tag ? A(this.tag, null, {
+      return this.tag ? G(this.tag, null, {
         default: r
       }) : r();
     }
   });
 }
-function pe(e, l) {
+function Ae(e, o) {
   const r = M({
     name: "VvFormTemplate",
     props: {
@@ -660,161 +851,166 @@ function pe(e, l) {
       }
     },
     slots: Object,
-    setup(f, { slots: a }) {
-      const n = C(e);
-      if (n != null && n.formData)
+    setup(v, { slots: t }) {
+      const a = _(e);
+      if (a != null && a.formData)
         return () => {
-          var g;
-          const i = typeof f.schema == "function" ? f.schema(
-            n,
-            f.scope
-          ) : f.schema;
-          let u;
-          const t = i.reduce((o, v) => {
-            const m = typeof v == "function" ? v(n, f.scope) : v, {
-              vvIs: c,
-              vvName: h,
-              vvSlots: S,
-              vvChildren: I,
-              vvIf: O,
-              vvElseIf: w,
-              vvType: b,
-              vvDefaultValue: V,
-              vvShowValid: y,
+          var p;
+          const d = typeof v.schema == "function" ? v.schema(
+            a,
+            v.scope
+          ) : v.schema;
+          let l;
+          const f = d.reduce((u, y) => {
+            const b = typeof y == "function" ? y(a, v.scope) : y, {
+              vvIs: h,
+              vvName: n,
+              vvSlots: w,
+              vvChildren: x,
+              vvIf: E,
+              vvElseIf: S,
+              vvType: k,
+              vvDefaultValue: g,
+              vvShowValid: V,
               vvContent: s,
-              ...E
-            } = m;
-            if (O !== void 0) {
-              if (typeof O == "string" ? u = !!z(
-                new Object(n.formData.value),
-                O
-              ) : typeof O == "function" ? u = G(O(n)) : u = G(O), !u)
-                return o;
-            } else if (w !== void 0 && u !== void 0) {
-              if (u || (typeof w == "string" ? u = !!z(
-                new Object(n.formData.value),
-                w
-              ) : typeof w == "function" ? u = G(w(n)) : u = G(w), !u))
-                return o;
+              ...W
+            } = b;
+            if (E !== void 0) {
+              if (typeof E == "string" ? l = !!z(
+                new Object(a.formData.value),
+                E
+              ) : typeof E == "function" ? l = Z(E(a)) : l = Z(E), !l)
+                return u;
+            } else if (S !== void 0 && l !== void 0) {
+              if (l || (typeof S == "string" ? l = !!z(
+                new Object(a.formData.value),
+                S
+              ) : typeof S == "function" ? l = Z(S(a)) : l = Z(S), !l))
+                return u;
             } else
-              u = void 0;
-            let p;
-            return I && (typeof c == "string" ? p = A(r, {
-              schema: I
-            }) : p = {
-              default: ($) => A(r, {
-                schema: I,
+              l = void 0;
+            let A;
+            return x && (typeof h == "string" ? A = G(r, {
+              schema: x
+            }) : A = {
+              default: ($) => G(r, {
+                schema: x,
                 scope: $
               })
-            }), h ? (o.push(
-              A(
-                l,
+            }), n ? (u.push(
+              G(
+                o,
                 {
-                  name: h,
-                  is: c,
-                  type: b,
-                  defaultValue: V,
-                  showValid: y,
-                  props: E
+                  name: n,
+                  is: h,
+                  type: k,
+                  defaultValue: g,
+                  showValid: V,
+                  props: W
                 },
-                S ?? p ?? s
+                w ?? A ?? s
               )
-            ), o) : c ? (o.push(
-              A(
-                c,
-                E,
-                S ?? p ?? s
+            ), u) : h ? (u.push(
+              G(
+                h,
+                W,
+                w ?? A ?? s
               )
-            ), o) : (p && ("default" in p ? o.push(p.default(f.scope)) : o.push(p)), o);
+            ), u) : (A && ("default" in A ? u.push(A.default(v.scope)) : u.push(A)), u);
           }, []);
-          return t.push(
-            (g = a == null ? void 0 : a.default) == null ? void 0 : g.call(a, {
-              errors: n == null ? void 0 : n.errors.value,
-              formData: n == null ? void 0 : n.formData.value,
-              invalid: n == null ? void 0 : n.invalid.value,
-              status: n == null ? void 0 : n.status.value,
-              submit: n == null ? void 0 : n.submit,
-              validate: n == null ? void 0 : n.validate,
-              clear: n == null ? void 0 : n.clear,
-              reset: n == null ? void 0 : n.reset
+          return f.push(
+            (p = t == null ? void 0 : t.default) == null ? void 0 : p.call(t, {
+              errors: a == null ? void 0 : a.errors.value,
+              formData: a == null ? void 0 : a.formData.value,
+              invalid: a == null ? void 0 : a.invalid.value,
+              status: a == null ? void 0 : a.status.value,
+              submit: a == null ? void 0 : a.submit,
+              validate: a == null ? void 0 : a.validate,
+              clear: a == null ? void 0 : a.clear,
+              reset: a == null ? void 0 : a.reset
             })
-          ), t;
+          ), f;
         };
     }
   });
   return r;
 }
-function J(e, l = {}) {
-  const r = Symbol("formInjectionKey"), f = Symbol("formWrapperInjectionKey"), a = Symbol("formFieldInjectionKey"), n = we(
+function X(e, o = {}) {
+  const r = Symbol("formInjectionKey"), v = Symbol("formWrapperInjectionKey"), t = Symbol("formFieldInjectionKey"), a = Symbol("formFieldsGroupInjectionKey"), d = Ee(
     r,
-    f
-  ), i = xe(
+    v
+  ), l = Se(
     r,
-    f,
-    a,
-    l
-  ), u = pe(r, i), {
-    clear: t,
-    errors: g,
-    formData: o,
-    ignoreUpdates: v,
-    invalid: m,
-    readonly: c,
-    reset: h,
-    status: S,
-    stopUpdatesWatch: I,
-    submit: O,
-    validate: w,
-    VvForm: b
-  } = Oe(e, r, l, u);
+    v,
+    t,
+    o
+  ), f = Ie(
+    r,
+    v,
+    a
+  ), p = Ae(r, l), {
+    clear: u,
+    errors: y,
+    formData: b,
+    ignoreUpdates: h,
+    invalid: n,
+    readonly: w,
+    reset: x,
+    status: E,
+    stopUpdatesWatch: S,
+    submit: k,
+    validate: g,
+    VvForm: V
+  } = Oe(e, r, o, p);
   return {
-    clear: t,
-    errors: g,
-    formData: o,
-    formFieldInjectionKey: a,
+    clear: u,
+    errors: y,
+    formData: b,
+    formFieldInjectionKey: t,
     formInjectionKey: r,
-    formWrapperInjectionKey: f,
-    ignoreUpdates: v,
-    invalid: m,
-    readonly: c,
-    reset: h,
-    status: S,
-    stopUpdatesWatch: I,
-    submit: O,
-    validate: w,
-    VvForm: b,
-    VvFormField: i,
-    VvFormTemplate: u,
-    VvFormWrapper: n
+    formWrapperInjectionKey: v,
+    ignoreUpdates: h,
+    invalid: n,
+    readonly: w,
+    reset: x,
+    status: E,
+    stopUpdatesWatch: S,
+    submit: k,
+    validate: g,
+    VvForm: V,
+    VvFormField: l,
+    VvFormFieldsGroup: f,
+    VvFormTemplate: p,
+    VvFormWrapper: d
   };
 }
-const ne = Symbol("pluginInjectionKey");
-function Ee(e) {
-  let l = {};
-  return e.schema && (l = J(e.schema, e)), {
-    ...l,
-    install(r, { global: f = !1 } = {}) {
-      r.provide(ne, e), f && (r.config.globalProperties.$vvForm = e, l != null && l.VvForm && r.component("VvForm", l.VvForm), l != null && l.VvFormWrapper && r.component("VvFormWrapper", l.VvFormWrapper), l != null && l.VvFormField && r.component("VvFormField", l.VvFormField), l != null && l.VvFormTemplate && r.component("VvFormTemplate", l.VvFormTemplate));
+const oe = Symbol("pluginInjectionKey");
+function Ge(e) {
+  let o = {};
+  return e.schema && (o = X(e.schema, e)), {
+    ...o,
+    install(r, { global: v = !1 } = {}) {
+      r.provide(oe, e), v && (r.config.globalProperties.$vvForm = e, o != null && o.VvForm && r.component("VvForm", o.VvForm), o != null && o.VvFormWrapper && r.component("VvFormWrapper", o.VvFormWrapper), o != null && o.VvFormField && r.component("VvFormField", o.VvFormField), o != null && o.VvFormTemplate && r.component("VvFormTemplate", o.VvFormTemplate));
     }
   };
 }
-function We(e, l = {}) {
-  return ie() ? J(
+function Ue(e, o = {}) {
+  return de() ? X(
     e,
     {
-      ...C(ne, {}),
-      ...l
+      ..._(oe, {}),
+      ...o
     }
-  ) : J(e, l);
+  ) : X(e, o);
 }
-function Ae(e, l = {}) {
-  return J(e, l);
+function Le(e, o = {}) {
+  return X(e, o);
 }
 export {
-  d as FormFieldType,
-  Ee as createForm,
-  L as defaultObjectBySchema,
-  Ae as formFactory,
-  ne as pluginInjectionKey,
-  We as useForm
+  m as FormFieldType,
+  Ge as createForm,
+  J as defaultObjectBySchema,
+  Le as formFactory,
+  oe as pluginInjectionKey,
+  Ue as useForm
 };