@volverjs/form-vue 1.0.0-beta.36 → 1.0.0-beta.37

package/dist/index.es.js

@@ -1,58 +1,58 @@
-import { ref as C, computed as I, readonly as L, defineComponent as W, h as $, withModifiers as ae, toRaw as _, watch as U, isProxy as ce, onMounted as j, provide as F, toRefs as te, useId as ie, inject as P, onBeforeUnmount as J, unref as K, resolveComponent as N, defineAsyncComponent as ye, getCurrentInstance as he } from "vue";
+import { ref as C, computed as S, readonly as L, defineComponent as W, h as $, withModifiers as ae, toRaw as _, watch as U, isProxy as ce, onMounted as j, provide as F, toRefs as te, useId as ie, inject as P, onBeforeUnmount as J, unref as K, resolveComponent as N, defineAsyncComponent as ye, getCurrentInstance as he } from "vue";
 import { watchIgnorable as me, throttleFilter as be } from "@vueuse/core";
-import { ZodObject as H, ZodDefault as pe, ZodNullable as Ve, ZodSchema as ge, ZodArray as we, ZodRecord as Oe, ZodEffects as le, ZodOptional as ne, ZodError as xe } from "zod";
-var p = /* @__PURE__ */ ((r) => (r.text = "text", r.number = "number", r.email = "email", r.password = "password", r.tel = "tel", r.url = "url", r.search = "search", r.date = "date", r.time = "time", r.datetimeLocal = "datetime-local", r.month = "month", r.week = "week", r.color = "color", r.select = "select", r.checkbox = "checkbox", r.radio = "radio", r.textarea = "textarea", r.radioGroup = "radioGroup", r.checkboxGroup = "checkboxGroup", r.combobox = "combobox", r.custom = "custom", r))(p || {}), G = /* @__PURE__ */ ((r) => (r.invalid = "invalid", r.valid = "valid", r.submitting = "submitting", r.reset = "reset", r.updated = "updated", r.unknown = "unknown", r))(G || {});
+import { ZodObject as H, ZodDefault as Ve, ZodNullable as ge, ZodSchema as pe, ZodArray as we, ZodRecord as Oe, ZodEffects as le, ZodOptional as ne, ZodError as xe } from "zod";
+var V = /* @__PURE__ */ ((r) => (r.text = "text", r.number = "number", r.email = "email", r.password = "password", r.tel = "tel", r.url = "url", r.search = "search", r.date = "date", r.time = "time", r.datetimeLocal = "datetime-local", r.month = "month", r.week = "week", r.color = "color", r.select = "select", r.checkbox = "checkbox", r.radio = "radio", r.textarea = "textarea", r.radioGroup = "radioGroup", r.checkboxGroup = "checkboxGroup", r.combobox = "combobox", r.custom = "custom", r))(V || {}), A = /* @__PURE__ */ ((r) => (r.invalid = "invalid", r.valid = "valid", r.submitting = "submitting", r.reset = "reset", r.updated = "updated", r.unknown = "unknown", r))(A || {});
 function X(r, i = {}) {
   const e = (d) => {
-    let f = d;
-    for (; f instanceof le; )
-      f = f.innerType();
-    return f instanceof ne && (f = f._def.innerType), f;
+    let v = d;
+    for (; v instanceof le; )
+      v = v.innerType();
+    return v instanceof ne && (v = v._def.innerType), v;
   }, c = (d) => {
-    let f = d;
-    for (; f instanceof le; )
-      f = f.innerType();
-    return f instanceof ne;
+    let v = d;
+    for (; v instanceof le; )
+      v = v.innerType();
+    return v instanceof ne;
   }, t = e(r);
   return {
     ...(t instanceof H ? t._def.unknownKeys === "passthrough" : !1) ? i : {},
     ...Object.fromEntries(
       Object.entries(t.shape).map(
-        ([d, f]) => {
-          const o = i[d], w = c(f);
-          let v = e(f), n;
-          if (v instanceof pe && (n = v._def.defaultValue(), v = v._def.innerType), o === null && v instanceof Ve)
-            return [d, o];
-          if (o == null && w)
+        ([d, v]) => {
+          const f = i[d], x = c(v);
+          let o = e(v), n;
+          if (o instanceof Ve && (n = o._def.defaultValue(), o = o._def.innerType), f === null && o instanceof ge)
+            return [d, f];
+          if (f == null && x)
             return [d, n];
-          if (v instanceof ge) {
-            const h = f.safeParse(o);
+          if (o instanceof pe) {
+            const h = v.safeParse(f);
             if (h.success)
               return [d, h.data ?? n];
           }
-          if (v instanceof we && Array.isArray(o) && o.length) {
-            const h = e(v._def.type);
+          if (o instanceof we && Array.isArray(f) && f.length) {
+            const h = e(o._def.type);
             if (h instanceof H)
               return [
                 d,
-                o.map(
-                  (V) => X(
+                f.map(
+                  (g) => X(
                     h,
-                    V && typeof V == "object" ? V : void 0
+                    g && typeof g == "object" ? g : void 0
                   )
                 )
               ];
           }
-          if (v instanceof Oe && o) {
-            const h = e(v._def.valueType);
+          if (o instanceof Oe && f) {
+            const h = e(o._def.valueType);
             if (h instanceof H)
-              return [d, Object.keys(o).reduce((V, m) => (V[m] = X(h, o[m]), V), {})];
+              return [d, Object.keys(f).reduce((g, m) => (g[m] = X(h, f[m]), g), {})];
           }
-          return v instanceof H ? [
+          return o instanceof H ? [
             d,
             X(
-              v,
-              o && typeof o == "object" ? o : n
+              o,
+              f && typeof f == "object" ? f : n
             )
           ] : [d, n];
         }
@@ -61,40 +61,42 @@ function X(r, i = {}) {
   };
 }
 function Ie(r, i, e, c, t) {
-  const u = C(), d = C(), f = I(() => d.value === G.invalid), o = C(), w = C(!1);
-  let v;
-  const n = (S) => {
-    const O = X(r, S);
+  const u = C(), d = C(), v = S(() => d.value === A.invalid), f = C(), x = C(!1);
+  let o;
+  const n = (O) => {
+    const p = X(r, O);
     if (e != null && e.class) {
       const l = e.class;
-      return new l(O);
+      return new l(p);
     }
-    return O;
-  }, h = async (S = o.value, O) => {
-    if (v = O, w.value)
+    return p;
+  }, h = async (O = f.value, p) => {
+    if (o = p == null ? void 0 : p.fields, x.value)
       return !0;
-    const l = await r.safeParseAsync(S);
+    const l = p != null && p.superRefine ? await r.superRefine(p.superRefine).safeParseAsync(O) : await r.safeParseAsync(O);
     if (!l.success) {
-      if (d.value = G.invalid, !O)
+      if (d.value = A.invalid, !(o != null && o.size))
         return u.value = l.error.format(), !1;
-      const x = l.error.issues.filter((R) => O.has(R.path.join(".")));
-      return x.length ? (u.value = new xe(x).format(), !1) : (u.value = void 0, !0);
+      const I = l.error.issues.filter(
+        (G) => o == null ? void 0 : o.has(G.path.join("."))
+      );
+      return I.length ? (u.value = new xe(I).format(), !1) : (u.value = void 0, !0);
     }
-    return u.value = void 0, d.value = G.valid, o.value = n(l.data), !0;
-  }, V = () => {
-    u.value = void 0, d.value = void 0, v = void 0;
+    return u.value = void 0, d.value = A.valid, f.value = n(l.data), !0;
+  }, g = () => {
+    u.value = void 0, d.value = void 0, o = void 0;
   }, m = () => {
-    o.value = n(), V(), d.value = G.reset;
-  }, s = async () => w.value || !await h() ? !1 : (d.value = G.submitting, !0), { ignoreUpdates: g, stop: b } = me(
-    o,
+    f.value = n(), g(), d.value = A.reset;
+  }, s = async (O) => x.value || !await h(void 0, O) ? !1 : (d.value = A.submitting, !0), { ignoreUpdates: w, stop: b } = me(
+    f,
     () => {
-      d.value = G.updated;
+      d.value = A.updated;
     },
     {
       deep: !0,
       eventFilter: be((e == null ? void 0 : e.updateThrottle) ?? 500)
     }
-  ), E = L(u), A = L(d), B = W({
+  ), k = L(u), E = L(d), B = W({
     name: "VvForm",
     props: {
       continuousValidation: {
@@ -116,6 +118,14 @@ function Ie(r, i, e, c, t) {
       template: {
         type: [Array, Function],
         default: void 0
+      },
+      superRefine: {
+        type: Function,
+        default: void 0
+      },
+      validateFields: {
+        type: Array,
+        default: void 0
       }
     },
     emits: [
@@ -140,99 +150,105 @@ function Ie(r, i, e, c, t) {
       "reset"
     ],
     slots: Object,
-    setup(S, { emit: O }) {
-      return o.value = n(_(S.modelValue)), U(
-        () => S.modelValue,
+    setup(O, { emit: p }) {
+      return f.value = n(_(O.modelValue)), U(
+        () => O.modelValue,
         (l) => {
           if (l) {
-            const x = ce(l) ? _(l) : l;
-            if (JSON.stringify(x) === JSON.stringify(_(o.value)))
+            const I = ce(l) ? _(l) : l;
+            if (JSON.stringify(I) === JSON.stringify(_(f.value)))
               return;
-            o.value = typeof (x == null ? void 0 : x.clone) == "function" ? x.clone() : JSON.parse(JSON.stringify(x));
+            f.value = typeof (I == null ? void 0 : I.clone) == "function" ? I.clone() : JSON.parse(JSON.stringify(I));
           }
         },
         { deep: !0 }
       ), U(d, async (l) => {
-        var x, R, Z, q, T, ee;
-        if (l === G.invalid) {
+        var I, G, Z, q, T, ee;
+        if (l === A.invalid) {
           const a = _(u.value);
-          O("invalid", a), (x = e == null ? void 0 : e.onInvalid) == null || x.call(
+          p("invalid", a), (I = e == null ? void 0 : e.onInvalid) == null || I.call(
             e,
             a
           );
           return;
         }
-        if (l === G.valid) {
-          const a = _(o.value);
-          O("valid", a), (R = e == null ? void 0 : e.onValid) == null || R.call(e, a), O("update:modelValue", a), (Z = e == null ? void 0 : e.onUpdate) == null || Z.call(e, a);
+        if (l === A.valid) {
+          const a = _(f.value);
+          p("valid", a), (G = e == null ? void 0 : e.onValid) == null || G.call(e, a), p("update:modelValue", a), (Z = e == null ? void 0 : e.onUpdate) == null || Z.call(e, a);
           return;
         }
-        if (l === G.submitting) {
-          const a = _(o.value);
-          O("submit", a), (q = e == null ? void 0 : e.onSubmit) == null || q.call(e, a);
+        if (l === A.submitting) {
+          const a = _(f.value);
+          p("submit", a), (q = e == null ? void 0 : e.onSubmit) == null || q.call(e, a);
           return;
         }
-        if (l === G.reset) {
-          const a = _(o.value);
-          O("reset", a), (T = e == null ? void 0 : e.onReset) == null || T.call(e, a);
+        if (l === A.reset) {
+          const a = _(f.value);
+          p("reset", a), (T = e == null ? void 0 : e.onReset) == null || T.call(e, a);
           return;
         }
-        if (l === G.updated) {
-          if ((u.value || e != null && e.continuousValidation || S.continuousValidation) && await h(void 0, v), !o.value || !S.modelValue || JSON.stringify(o.value) !== JSON.stringify(S.modelValue)) {
-            const a = _(o.value);
-            O("update:modelValue", a), (ee = e == null ? void 0 : e.onUpdate) == null || ee.call(e, a);
+        if (l === A.updated) {
+          if ((u.value || e != null && e.continuousValidation || O.continuousValidation) && await h(void 0, {
+            superRefine: O.superRefine,
+            fields: o ?? new Set(O.validateFields)
+          }), !f.value || !O.modelValue || JSON.stringify(f.value) !== JSON.stringify(O.modelValue)) {
+            const a = _(f.value);
+            p("update:modelValue", a), (ee = e == null ? void 0 : e.onUpdate) == null || ee.call(e, a);
           }
-          d.value === G.updated && (d.value = G.unknown);
+          d.value === A.updated && (d.value = A.unknown);
         }
       }), j(() => {
-        w.value = S.readonly;
+        x.value = O.readonly;
       }), U(
-        () => S.readonly,
+        () => O.readonly,
         (l) => {
-          w.value = l;
+          x.value = l;
         }
-      ), U(w, (l) => {
-        l !== S.readonly && O("update:readonly", w.value);
+      ), U(x, (l) => {
+        l !== O.readonly && p("update:readonly", x.value);
       }), F(i, {
-        clear: V,
-        errors: E,
-        formData: o,
-        ignoreUpdates: g,
-        invalid: f,
-        readonly: w,
+        clear: g,
+        errors: k,
+        formData: f,
+        ignoreUpdates: w,
+        invalid: v,
+        readonly: x,
         reset: m,
-        status: A,
+        status: E,
         stopUpdatesWatch: b,
         submit: s,
         validate: h,
         wrappers: t
       }), {
-        clear: V,
-        errors: E,
-        formData: o,
-        ignoreUpdates: g,
-        invalid: f,
-        isReadonly: w,
+        clear: g,
+        errors: k,
+        formData: f,
+        ignoreUpdates: w,
+        invalid: v,
+        isReadonly: x,
         reset: m,
-        status: A,
+        status: E,
         stopUpdatesWatch: b,
-        submit: s,
+        submit: () => s({
+          superRefine: O.superRefine,
+          fields: new Set(O.validateFields)
+        }),
         validate: h,
         wrappers: t
       };
     },
     render() {
-      const S = () => {
-        var O, l;
-        return ((l = (O = this.$slots) == null ? void 0 : O.default) == null ? void 0 : l.call(O, {
-          errors: E.value,
-          formData: o.value,
-          invalid: f.value,
-          readonly: w.value,
-          status: A.value,
+      const O = () => {
+        var p, l;
+        return ((l = (p = this.$slots) == null ? void 0 : p.default) == null ? void 0 : l.call(p, {
+          errors: k.value,
+          formData: f.value,
+          invalid: v.value,
+          readonly: x.value,
+          status: E.value,
           wrappers: t,
-          clear: V,
-          ignoreUpdates: g,
+          clear: g,
+          ignoreUpdates: w,
           reset: m,
           stopUpdatesWatch: b,
           submit: s,
@@ -252,22 +268,22 @@ function Ie(r, i, e, c, t) {
               schema: this.template ?? (e == null ? void 0 : e.template)
             },
             {
-              default: S
+              default: O
             }
           )
         ] : {
-          default: S
+          default: O
         }
       );
     }
   });
   return {
-    clear: V,
+    clear: g,
     errors: u,
-    formData: o,
-    ignoreUpdates: g,
-    invalid: f,
-    readonly: w,
+    formData: f,
+    ignoreUpdates: w,
+    invalid: v,
+    readonly: x,
     reset: m,
     status: d,
     wrappers: t,
@@ -286,36 +302,36 @@ function Se(r) {
 function se(r) {
   return r === null;
 }
-function oe(r) {
+function fe(r) {
   return typeof r == "object";
 }
-function fe(r) {
+function oe(r) {
   return typeof r == "string";
 }
 function Y(r) {
   return typeof r > "u";
 }
-const ke = /^[0-9]+$/, Ee = ["__proto__", "prototype", "constructor"];
+const Re = /^[0-9]+$/, ke = ["__proto__", "prototype", "constructor"];
 function M(r, i, e) {
   const c = Se() ? e : void 0;
-  if (!oe(r) || !fe(i))
+  if (!fe(r) || !oe(i))
     return c;
   const t = ve(i);
   if (t.length !== 0) {
     for (const u of t) {
       if (u === "*")
         continue;
-      const d = function(f) {
-        return f.map((o) => Y(o) || se(o) ? o : re(o) ? d(o) : o[u]);
+      const d = function(v) {
+        return v.map((f) => Y(f) || se(f) ? f : re(f) ? d(f) : f[u]);
       };
-      if (re(r) && !ke.test(u) ? r = d(r) : r = r[u], Y(r) || se(r))
+      if (re(r) && !Re.test(u) ? r = d(r) : r = r[u], Y(r) || se(r))
         break;
     }
     return Y(r) ? c : r;
   }
 }
 function ue(r, i, e) {
-  if (!oe(r) || !fe(i))
+  if (!fe(r) || !oe(i))
     return;
   const c = ve(i);
   if (c.length === 0)
@@ -328,9 +344,9 @@ function ue(r, i, e) {
       return;
     }
     if (d === "*" && re(r)) {
-      const f = c.slice(u + 1).join(".");
-      for (const o of r)
-        ue(o, f, e);
+      const v = c.slice(u + 1).join(".");
+      for (const f of r)
+        ue(f, v, e);
       return;
     }
     Y(r[d]) && (r[d] = {}), r = r[d];
@@ -338,16 +354,16 @@ function ue(r, i, e) {
 }
 function ve(r) {
   const i = r.split(/[.]|(?:\[(\d|\*)\])/).filter((e) => !!e);
-  return i.some((e) => Ee.indexOf(e) !== -1) ? [] : i;
+  return i.some((e) => ke.indexOf(e) !== -1) ? [] : i;
 }
-function Ae(r, i, e, c) {
+function Ee(r, i, e, c) {
   return W({
     name: "VvFormField",
     props: {
       type: {
         type: String,
-        validator: (t) => Object.values(p).includes(t),
-        default: p.custom
+        validator: (t) => Object.values(V).includes(t),
+        default: V.custom
       },
       is: {
         type: [Object, String],
@@ -395,9 +411,9 @@ function Ae(r, i, e, c) {
     ],
     slots: Object,
     setup(t, { slots: u, emit: d }) {
-      const { props: f, name: o } = te(t), w = ie(), v = P(i, void 0);
-      v && v.fields.value.set(w, t.name);
-      const n = P(r), h = I({
+      const { props: v, name: f } = te(t), x = ie(), o = P(i, void 0);
+      o && o.fields.value.set(x, t.name);
+      const n = P(r), h = S({
         get() {
           if (n != null && n.formData)
             return M(
@@ -419,23 +435,23 @@ function Ae(r, i, e, c) {
       j(() => {
         h.value === void 0 && t.defaultValue !== void 0 && (h.value = t.defaultValue);
       }), J(() => {
-        v && v.fields.value.delete(w);
+        o && o.fields.value.delete(x);
       });
-      const V = I(() => {
+      const g = S(() => {
         if (n != null && n.errors.value)
           return M(n.errors.value, String(t.name));
-      }), m = I(() => {
+      }), m = S(() => {
         var l;
-        return (l = V.value) == null ? void 0 : l._errors;
-      }), s = I(() => V.value !== void 0), g = U(s, (l) => {
+        return (l = g.value) == null ? void 0 : l._errors;
+      }), s = S(() => g.value !== void 0), w = U(s, (l) => {
         if (l) {
-          d("invalid", V.value), v && v.errors.value.set(
+          d("invalid", g.value), o && o.errors.value.set(
             String(t.name),
-            V.value
+            g.value
           );
           return;
         }
-        d("valid", h.value), v && v.errors.value.delete(
+        d("valid", h.value), o && o.errors.value.delete(
           t.name
         );
       }), b = U(
@@ -446,61 +462,61 @@ function Ae(r, i, e, c) {
         { deep: !0 }
       );
       J(() => {
-        g(), b();
+        w(), b();
       });
-      const E = (l) => {
+      const k = (l) => {
         l instanceof InputEvent && (l = l.target.value), h.value = l;
-      }, A = I(() => {
-        let l = f.value;
+      }, E = S(() => {
+        let l = v.value;
         return typeof l == "function" && (l = l(n == null ? void 0 : n.formData)), Object.keys(l).reduce(
-          (x, R) => (x[R] = K(l[R]), x),
+          (I, G) => (I[G] = K(l[G]), I),
           {}
         );
-      }), B = I(() => n != null && n.readonly.value || v != null && v.readonly.value ? !0 : A.value.readonly ?? t.readonly), S = I(() => ({
-        ...A.value,
-        name: A.value.name ?? t.name,
+      }), B = S(() => n != null && n.readonly.value || o != null && o.readonly.value ? !0 : E.value.readonly ?? t.readonly), O = S(() => ({
+        ...E.value,
+        name: E.value.name ?? t.name,
         invalid: s.value,
         valid: t.showValid ? !!(!s.value && h.value) : void 0,
         type: ((l) => {
           if ([
-            p.color,
-            p.date,
-            p.datetimeLocal,
-            p.email,
-            p.month,
-            p.number,
-            p.password,
-            p.search,
-            p.tel,
-            p.text,
-            p.time,
-            p.url,
-            p.week
+            V.color,
+            V.date,
+            V.datetimeLocal,
+            V.email,
+            V.month,
+            V.number,
+            V.password,
+            V.search,
+            V.tel,
+            V.text,
+            V.time,
+            V.url,
+            V.week
           ].includes(l))
             return l;
         })(t.type),
         invalidLabel: m.value,
         modelValue: h.value,
         readonly: B.value,
-        "onUpdate:modelValue": E
+        "onUpdate:modelValue": k
       }));
       return F(e, {
-        name: L(o),
-        errors: L(V)
-      }), { component: I(() => {
-        if (t.type === p.custom)
+        name: L(f),
+        errors: L(g)
+      }), { component: S(() => {
+        if (t.type === V.custom)
           return {
             render() {
               var l;
               return ((l = u.default) == null ? void 0 : l.call(u, {
-                errors: V.value,
+                errors: g.value,
                 formData: n == null ? void 0 : n.formData.value,
                 formErrors: n == null ? void 0 : n.errors.value,
                 invalid: s.value,
                 invalidLabel: m.value,
                 modelValue: h.value,
                 readonly: B.value,
-                onUpdate: E,
+                onUpdate: k,
                 submit: n == null ? void 0 : n.submit,
                 validate: n == null ? void 0 : n.validate
               })) ?? u.default;
@@ -509,25 +525,25 @@ function Ae(r, i, e, c) {
         if (!((c == null ? void 0 : c.lazyLoad) ?? t.lazyLoad)) {
           let l;
           switch (t.type) {
-            case p.select:
+            case V.select:
               l = N("VvSelect");
               break;
-            case p.checkbox:
+            case V.checkbox:
               l = N("VvCheckbox");
               break;
-            case p.radio:
+            case V.radio:
               l = N("VvRadio");
               break;
-            case p.textarea:
+            case V.textarea:
               l = N("VvTextarea");
               break;
-            case p.radioGroup:
+            case V.radioGroup:
               l = N("VvRadioGroup");
               break;
-            case p.checkboxGroup:
+            case V.checkboxGroup:
               l = N("VvCheckboxGroup");
               break;
-            case p.combobox:
+            case V.combobox:
               l = N("VvCombobox");
               break;
             default:
@@ -541,31 +557,31 @@ function Ae(r, i, e, c) {
         }
         return ye(async () => {
           switch (c != null && c.sideEffects && await Promise.resolve(c.sideEffects(t.type)), t.type) {
-            case p.textarea:
+            case V.textarea:
               return import("@volverjs/ui-vue/vv-textarea");
-            case p.radio:
+            case V.radio:
               return import("@volverjs/ui-vue/vv-radio");
-            case p.radioGroup:
+            case V.radioGroup:
               return import("@volverjs/ui-vue/vv-radio-group");
-            case p.checkbox:
+            case V.checkbox:
               return import("@volverjs/ui-vue/vv-checkbox");
-            case p.checkboxGroup:
+            case V.checkboxGroup:
               return import("@volverjs/ui-vue/vv-checkbox-group");
-            case p.select:
+            case V.select:
               return import("@volverjs/ui-vue/vv-select");
-            case p.combobox:
+            case V.combobox:
               return import("@volverjs/ui-vue/vv-combobox");
           }
           return import("@volverjs/ui-vue/vv-input-text");
         });
-      }), hasProps: S, invalid: s };
+      }), hasProps: O, invalid: s };
     },
     render() {
-      return this.is ? $(this.is, this.hasProps, this.$slots) : this.type === p.custom ? $(this.component, null, this.$slots) : $(this.component, this.hasProps, this.$slots);
+      return this.is ? $(this.is, this.hasProps, this.$slots) : this.type === V.custom ? $(this.component, null, this.$slots) : $(this.component, this.hasProps, this.$slots);
     }
   });
 }
-function Ge(r, i, e) {
+function Ae(r, i, e) {
   return W({
     name: "VvFormFieldsGroup",
     props: {
@@ -610,11 +626,11 @@ function Ge(r, i, e) {
     ],
     slots: Object,
     setup(c, { slots: t, emit: u }) {
-      const { props: d, names: f, defaultValues: o } = te(c), w = ie(), v = I(() => Array.isArray(f.value) ? f.value : Object.values(f.value)), n = I(() => Array.isArray(f.value) ? f.value : Object.keys(f.value)), h = I(() => Array.isArray(f.value) ? f.value.reduce((a, y) => (a[String(y)] = y, a), {}) : f.value), V = I(() => Object.keys(h.value).reduce((a, y) => (a[String(h.value[y])] = y, a), {})), m = P(i, void 0);
-      m && v.value.forEach((a) => {
-        m.fields.value.set(`${w}-${a}`, a);
+      const { props: d, names: v, defaultValues: f } = te(c), x = ie(), o = S(() => Array.isArray(v.value) ? v.value : Object.values(v.value)), n = S(() => Array.isArray(v.value) ? v.value : Object.keys(v.value)), h = S(() => Array.isArray(v.value) ? v.value.reduce((a, y) => (a[String(y)] = y, a), {}) : v.value), g = S(() => Object.keys(h.value).reduce((a, y) => (a[String(h.value[y])] = y, a), {})), m = P(i, void 0);
+      m && o.value.forEach((a) => {
+        m.fields.value.set(`${x}-${a}`, a);
       });
-      const s = P(r), g = I({
+      const s = P(r), w = S({
         get() {
           return s != null && s.formData ? n.value.reduce((a, y) => (a[y] = M(
             new Object(s.formData.value),
@@ -629,53 +645,53 @@ function Ge(r, i, e) {
               a == null ? void 0 : a[y]
             );
           }), u("update:modelValue", {
-            newValue: g.value,
+            newValue: w.value,
             formData: s == null ? void 0 : s.formData
           }));
         }
       });
       j(() => {
-        o.value && v.value.forEach((a) => {
-          var y, k;
-          ((y = o.value) == null ? void 0 : y[a]) !== void 0 && g.value[a] === void 0 && (g.value = {
-            ...g.value,
-            [a]: (k = o.value) == null ? void 0 : k[a]
+        f.value && o.value.forEach((a) => {
+          var y, R;
+          ((y = f.value) == null ? void 0 : y[a]) !== void 0 && w.value[a] === void 0 && (w.value = {
+            ...w.value,
+            [a]: (R = f.value) == null ? void 0 : R[a]
           });
         });
       }), J(() => {
-        m && v.value.forEach((a) => {
+        m && o.value.forEach((a) => {
           m.fields.value.delete(
-            `${w}-${a}`
+            `${x}-${a}`
           );
         });
       });
-      const b = I(() => {
+      const b = S(() => {
         if (!(s != null && s.errors.value))
           return;
-        const a = v.value.reduce((y, k) => {
+        const a = o.value.reduce((y, R) => {
           if (!s.errors.value)
             return y;
-          const z = M(s.errors.value, String(k));
-          return z === void 0 || (y[String(k)] = z), y;
+          const z = M(s.errors.value, String(R));
+          return z === void 0 || (y[String(R)] = z), y;
         }, {});
         if (Object.keys(a).length !== 0)
           return a;
-      }), E = I(() => {
+      }), k = S(() => {
         if (!b.value)
           return;
-        const a = Object.keys(b.value).reduce((y, k) => {
+        const a = Object.keys(b.value).reduce((y, R) => {
           var z;
-          return (z = b.value) != null && z[k] && (y[V.value[k]] = b.value[k]._errors), y;
+          return (z = b.value) != null && z[R] && (y[g.value[R]] = b.value[R]._errors), y;
         }, {});
         if (Object.keys(a).length !== 0)
           return a;
-      }), A = I(() => b.value !== void 0), B = I(() => n.value.reduce((a, y) => {
-        var k;
-        return a[y] = !!((k = b.value) != null && k[V.value[y]]), a;
-      }, {})), S = U(A, () => {
-        if (A.value) {
-          u("invalid", b.value), m && v.value.forEach((a) => {
-            var y, k;
+      }), E = S(() => b.value !== void 0), B = S(() => n.value.reduce((a, y) => {
+        var R;
+        return a[y] = !!((R = b.value) != null && R[g.value[y]]), a;
+      }, {})), O = U(E, () => {
+        if (E.value) {
+          u("invalid", b.value), m && o.value.forEach((a) => {
+            var y, R;
             if (!((y = b.value) != null && y[a])) {
               m.errors.value.delete(
                 a
@@ -684,17 +700,17 @@ function Ge(r, i, e) {
             }
             m.errors.value.set(
               a,
-              (k = b.value) == null ? void 0 : k[a]
+              (R = b.value) == null ? void 0 : R[a]
             );
           });
           return;
         }
-        u("valid", g.value), m && v.value.forEach((a) => {
+        u("valid", w.value), m && o.value.forEach((a) => {
           m.errors.value.delete(
             a
           );
         });
-      }), O = U(
+      }), p = U(
         () => s == null ? void 0 : s.formData,
         () => {
           u("update:formData", s == null ? void 0 : s.formData);
@@ -702,65 +718,65 @@ function Ge(r, i, e) {
         { deep: !0 }
       );
       J(() => {
-        S(), O();
+        O(), p();
       });
       const l = (a) => {
-        g.value = a;
-      }, x = (a, y) => {
-        y instanceof InputEvent && (y = y.target.value), n.value.includes(a) && (g.value = {
-          ...g.value,
+        w.value = a;
+      }, I = (a, y) => {
+        y instanceof InputEvent && (y = y.target.value), n.value.includes(a) && (w.value = {
+          ...w.value,
           [a]: y
         });
-      }, R = I(() => {
+      }, G = S(() => {
         let a = d.value;
         return typeof a == "function" && (a = a(s == null ? void 0 : s.formData)), Object.keys(a).reduce(
-          (y, k) => (y[k] = K(a[k]), y),
+          (y, R) => (y[R] = K(a[R]), y),
           {}
         );
-      }), Z = I(() => s != null && s.readonly.value ? !0 : R.value.readonly ?? c.readonly), q = I(() => n.value.reduce((a, y) => (a[`onUpdate:${y}`] = (k) => {
-        x(y, k);
+      }), Z = S(() => s != null && s.readonly.value ? !0 : G.value.readonly ?? c.readonly), q = S(() => n.value.reduce((a, y) => (a[`onUpdate:${y}`] = (R) => {
+        I(y, R);
       }, a), {
         "onUpdate:modelValue": l
-      })), T = I(() => ({
+      })), T = S(() => ({
         ...q.value,
-        ...R.value,
-        names: R.value.name ?? v.value,
-        invalid: A.value,
+        ...G.value,
+        names: G.value.name ?? o.value,
+        invalid: E.value,
         invalids: B.value,
-        valid: c.showValid ? !!(!A.value && g.value) : void 0,
-        invalidLabels: E.value,
-        modelValue: g.value,
+        valid: c.showValid ? !!(!E.value && w.value) : void 0,
+        invalidLabels: k.value,
+        modelValue: w.value,
         readonly: Z.value
       }));
       return F(e, {
-        names: L(f),
+        names: L(v),
         errors: L(b)
-      }), { component: I(() => ({
+      }), { component: S(() => ({
         render() {
           var a;
           return ((a = t.default) == null ? void 0 : a.call(t, {
             errors: b.value,
             formData: s == null ? void 0 : s.formData.value,
             formErrors: s == null ? void 0 : s.errors.value,
-            invalid: A.value,
+            invalid: E.value,
             invalids: B.value,
-            invalidLabels: E.value,
-            modelValue: g.value,
+            invalidLabels: k.value,
+            modelValue: w.value,
             onUpdate: l,
-            onUpdateField: x,
+            onUpdateField: I,
             readonly: Z.value,
             submit: s == null ? void 0 : s.submit,
             validate: s == null ? void 0 : s.validate
           })) ?? t.default;
         }
-      })), hasProps: T, invalid: A };
+      })), hasProps: T, invalid: E };
     },
     render() {
       return this.is ? $(this.is, this.hasProps, this.$slots) : $(this.component, null, this.$slots);
     }
   });
 }
-function Re(r, i) {
+function Ge(r, i) {
   return W({
     name: "VvFormWrapper",
     props: {
@@ -794,70 +810,70 @@ function Re(r, i) {
     ],
     slots: Object,
     setup(e, { emit: c }) {
-      const t = P(r), u = P(i, void 0), d = C(/* @__PURE__ */ new Map()), f = C(/* @__PURE__ */ new Map()), { name: o } = te(e), w = I(() => t != null && t.invalid.value ? f.value.size > 0 : !1);
-      U(w, (m) => {
+      const t = P(r), u = P(i, void 0), d = C(/* @__PURE__ */ new Map()), v = C(/* @__PURE__ */ new Map()), { name: f } = te(e), x = S(() => t != null && t.invalid.value ? v.value.size > 0 : !1);
+      U(x, (m) => {
         if (m) {
           c("invalid");
           return;
         }
         c("valid");
       });
-      const v = I(() => (t == null ? void 0 : t.readonly.value) || e.readonly), n = {
-        name: L(o),
-        errors: f,
-        invalid: L(w),
-        readonly: L(v),
+      const o = S(() => (t == null ? void 0 : t.readonly.value) || e.readonly), n = {
+        name: L(f),
+        errors: v,
+        invalid: L(x),
+        readonly: L(o),
         fields: d
       };
       F(i, n);
-      const h = I(() => new Map(d.value));
+      const h = S(() => new Map(d.value));
       U(
         h,
         (m, s) => {
-          u != null && u.fields && (s.forEach((g, b) => {
+          u != null && u.fields && (s.forEach((w, b) => {
             m.has(b) || u == null || u.fields.value.delete(b);
-          }), m.forEach((g, b) => {
-            u != null && u.fields.value.has(b) || u == null || u.fields.value.set(b, g);
+          }), m.forEach((w, b) => {
+            u != null && u.fields.value.has(b) || u == null || u.fields.value.set(b, w);
           }));
         },
         { deep: !0 }
       ), U(
-        f,
+        v,
         (m) => {
           u != null && u.errors && d.value.forEach((s) => {
             if (m.has(s) || u.errors.value.delete(s), m.has(s)) {
-              const g = m.get(s);
-              g && u.errors.value.set(s, g);
+              const w = m.get(s);
+              w && u.errors.value.set(s, w);
             }
           });
         },
         { deep: !0 }
       ), j(() => {
-        if (!(t != null && t.wrappers) || !o.value) {
+        if (!(t != null && t.wrappers) || !f.value) {
           console.warn("[@volverjs/form-vue]: Invalid wrapper registration state");
           return;
         }
-        if (t.wrappers.has(o.value)) {
-          console.warn(`[@volverjs/form-vue]: wrapper name "${o.value}" is already used`);
+        if (t.wrappers.has(f.value)) {
+          console.warn(`[@volverjs/form-vue]: wrapper name "${f.value}" is already used`);
           return;
         }
-        t.wrappers.set(o.value, n);
+        t.wrappers.set(f.value, n);
       }), J(() => {
-        t != null && t.wrappers && o.value && t.wrappers.delete(o.value);
+        t != null && t.wrappers && f.value && t.wrappers.delete(f.value);
       });
-      const V = () => (t == null ? void 0 : t.validate(void 0, new Set(d.value.values()))) ?? Promise.resolve(!0);
+      const g = () => (t == null ? void 0 : t.validate(void 0, { fields: new Set(d.value.values()) })) ?? Promise.resolve(!0);
       return {
         errors: t == null ? void 0 : t.errors,
         fields: d,
-        fieldsErrors: f,
+        fieldsErrors: v,
         formData: t == null ? void 0 : t.formData,
-        invalid: w,
-        readonly: v,
+        invalid: x,
+        readonly: o,
         clear: t == null ? void 0 : t.clear,
         reset: t == null ? void 0 : t.reset,
         submit: t == null ? void 0 : t.submit,
         validate: t == null ? void 0 : t.validate,
-        validateWrapper: V
+        validateWrapper: g
       };
     },
     render() {
@@ -900,71 +916,71 @@ function $e(r, i) {
       const u = P(r);
       if (u != null && u.formData)
         return () => {
-          var w;
+          var x;
           const d = typeof c.schema == "function" ? c.schema(
             u,
             c.scope
           ) : c.schema;
-          let f;
-          const o = d.reduce((v, n) => {
+          let v;
+          const f = d.reduce((o, n) => {
             const h = typeof n == "function" ? n(u, c.scope) : n, {
-              vvIs: V,
+              vvIs: g,
               vvName: m,
               vvSlots: s,
-              vvChildren: g,
+              vvChildren: w,
               vvIf: b,
-              vvElseIf: E,
-              vvType: A,
+              vvElseIf: k,
+              vvType: E,
               vvDefaultValue: B,
-              vvShowValid: S,
-              vvContent: O,
+              vvShowValid: O,
+              vvContent: p,
               ...l
             } = h;
             if (b !== void 0) {
-              if (typeof b == "string" ? f = !!M(
+              if (typeof b == "string" ? v = !!M(
                 new Object(u.formData.value),
                 b
-              ) : typeof b == "function" ? f = K(b(u)) : f = K(b), !f)
-                return v;
-            } else if (E !== void 0 && f !== void 0) {
-              if (f || (typeof E == "string" ? f = !!M(
+              ) : typeof b == "function" ? v = K(b(u)) : v = K(b), !v)
+                return o;
+            } else if (k !== void 0 && v !== void 0) {
+              if (v || (typeof k == "string" ? v = !!M(
                 new Object(u.formData.value),
-                E
-              ) : typeof E == "function" ? f = K(E(u)) : f = K(E), !f))
-                return v;
+                k
+              ) : typeof k == "function" ? v = K(k(u)) : v = K(k), !v))
+                return o;
             } else
-              f = void 0;
-            let x;
-            return g && (typeof V == "string" ? x = $(e, {
-              schema: g
-            }) : x = {
-              default: (R) => $(e, {
-                schema: g,
-                scope: R
+              v = void 0;
+            let I;
+            return w && (typeof g == "string" ? I = $(e, {
+              schema: w
+            }) : I = {
+              default: (G) => $(e, {
+                schema: w,
+                scope: G
               })
-            }), m ? (v.push(
+            }), m ? (o.push(
               $(
                 i,
                 {
                   name: m,
-                  is: V,
-                  type: A,
+                  is: g,
+                  type: E,
                   defaultValue: B,
-                  showValid: S,
+                  showValid: O,
                   props: l
                 },
-                s ?? x ?? O
+                s ?? I ?? p
               )
-            ), v) : V ? (v.push(
+            ), o) : g ? (o.push(
               $(
-                V,
+                g,
                 l,
-                s ?? x ?? O
+                s ?? I ?? p
               )
-            ), v) : (x && ("default" in x ? v.push(x.default(c.scope)) : v.push(x)), v);
+            ), o) : (I && ("default" in I ? o.push(I.default(c.scope)) : o.push(I)), o);
           }, []);
-          return o.push(
-            (w = t == null ? void 0 : t.default) == null ? void 0 : w.call(t, {
+          return f.push(
+            (x = t == null ? void 0 : t.default) == null ? void 0 : x.call(t, {
               errors: u == null ? void 0 : u.errors.value,
               formData: u == null ? void 0 : u.formData.value,
               invalid: u == null ? void 0 : u.invalid.value,
@@ -974,59 +990,59 @@ function $e(r, i) {
               clear: u == null ? void 0 : u.clear,
               reset: u == null ? void 0 : u.reset
             })
-          ), o;
+          ), f;
         };
     }
   });
   return e;
 }
 function D(r, i = {}) {
-  const e = Symbol("formInjectionKey"), c = Symbol("formWrapperInjectionKey"), t = Symbol("formFieldInjectionKey"), u = Symbol("formFieldsGroupInjectionKey"), d = Re(
+  const e = Symbol("formInjectionKey"), c = Symbol("formWrapperInjectionKey"), t = Symbol("formFieldInjectionKey"), u = Symbol("formFieldsGroupInjectionKey"), d = Ge(
     e,
     c
-  ), f = Ae(
+  ), v = Ee(
     e,
     c,
     t,
     i
-  ), o = Ge(
+  ), f = Ae(
     e,
     c,
     u
-  ), w = $e(e, f), v = /* @__PURE__ */ new Map(), {
+  ), x = $e(e, v), o = /* @__PURE__ */ new Map(), {
     clear: n,
     errors: h,
-    formData: V,
+    formData: g,
     ignoreUpdates: m,
     invalid: s,
-    readonly: g,
+    readonly: w,
     reset: b,
-    status: E,
-    stopUpdatesWatch: A,
+    status: k,
+    stopUpdatesWatch: E,
     submit: B,
-    validate: S,
-    VvForm: O
-  } = Ie(r, e, i, w, v);
+    validate: O,
+    VvForm: p
+  } = Ie(r, e, i, x, o);
   return {
     clear: n,
     errors: h,
-    formData: V,
+    formData: g,
     formFieldInjectionKey: t,
     formInjectionKey: e,
     formWrapperInjectionKey: c,
     ignoreUpdates: m,
     invalid: s,
-    readonly: g,
+    readonly: w,
     reset: b,
-    status: E,
-    stopUpdatesWatch: A,
+    status: k,
+    stopUpdatesWatch: E,
     submit: B,
-    validate: S,
-    wrappers: v,
-    VvForm: O,
-    VvFormField: f,
-    VvFormFieldsGroup: o,
-    VvFormTemplate: w,
+    validate: O,
+    wrappers: o,
+    VvForm: p,
+    VvFormField: v,
+    VvFormFieldsGroup: f,
+    VvFormTemplate: x,
     VvFormWrapper: d
   };
 }
@@ -1061,7 +1077,7 @@ function Pe(r, i = {}) {
   return D(r, i);
 }
 export {
-  p as FormFieldType,
+  V as FormFieldType,
   _e as createForm,
   X as defaultObjectBySchema,
   Pe as formType,