@volverjs/form-vue 1.0.0-beta.13 → 1.0.0-beta.14

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as R, inject as B, toRefs as H, computed as w, onMounted as P, watch as I, onBeforeUnmount as F, unref as C, provide as M, readonly as E, resolveComponent as S, defineAsyncComponent as ee, h as O, ref as $, toRaw as A, isProxy as re, withModifiers as te, getCurrentInstance as ae } from "vue";
+import { defineComponent as z, inject as $, toRefs as H, computed as w, onMounted as P, watch as I, onBeforeUnmount as F, unref as C, provide as M, readonly as E, resolveComponent as S, defineAsyncComponent as ee, h as O, ref as _, toRaw as A, isProxy as re, withModifiers as te, getCurrentInstance as ae } from "vue";
 import { watchIgnorable as ne, throttleFilter as ue } from "@vueuse/core";
-import { ZodObject as z, ZodDefault as le, ZodNullable as ie, ZodSchema as se, ZodArray as fe, ZodEffects as oe, ZodOptional as de } from "zod";
-function Z(e) {
+import { ZodObject as G, ZodDefault as le, ZodNullable as ie, ZodSchema as se, ZodArray as fe, ZodRecord as oe, ZodEffects as de, ZodOptional as ve } from "zod";
+function J(e) {
   return Array.isArray(e);
 }
-function ve(e) {
+function ce(e) {
   return typeof e < "u";
 }
 function q(e) {
@@ -13,35 +13,35 @@ function q(e) {
 function Q(e) {
   return typeof e == "object";
 }
-function X(e) {
+function T(e) {
   return typeof e == "string";
 }
-function G(e) {
+function L(e) {
   return typeof e > "u";
 }
-const ce = /^[0-9]+$/, me = ["__proto__", "prototype", "constructor"];
-function K(e, i, a) {
-  const f = ve(a) ? a : void 0;
-  if (!Q(e) || !X(i))
+const me = /^[0-9]+$/, he = ["__proto__", "prototype", "constructor"];
+function R(e, i, a) {
+  const f = ce(a) ? a : void 0;
+  if (!Q(e) || !T(i))
     return f;
-  const u = T(i);
+  const u = Y(i);
   if (u.length !== 0) {
     for (const r of u) {
       if (r === "*")
         continue;
       const l = function(n) {
-        return n.map((t) => G(t) || q(t) ? t : Z(t) ? l(t) : t[r]);
+        return n.map((t) => L(t) || q(t) ? t : J(t) ? l(t) : t[r]);
       };
-      if (Z(e) && !ce.test(r) ? e = l(e) : e = e[r], G(e) || q(e))
+      if (J(e) && !me.test(r) ? e = l(e) : e = e[r], L(e) || q(e))
         break;
     }
-    return G(e) ? f : e;
+    return L(e) ? f : e;
   }
 }
-function Y(e, i, a) {
-  if (!Q(e) || !X(i))
+function X(e, i, a) {
+  if (!Q(e) || !T(i))
     return;
-  const f = T(i);
+  const f = Y(i);
   if (f.length === 0)
     return;
   const u = f.length;
@@ -51,28 +51,28 @@ function Y(e, i, a) {
       e[l] = a;
       return;
     }
-    if (l === "*" && Z(e)) {
+    if (l === "*" && J(e)) {
       const n = f.slice(r + 1).join(".");
       for (const t of e)
-        Y(t, n, a);
+        X(t, n, a);
       return;
     }
-    G(e[l]) && (e[l] = {}), e = e[l];
+    L(e[l]) && (e[l] = {}), e = e[l];
   }
 }
-function T(e) {
+function Y(e) {
   const i = e.split(/[.]|(?:\[(\d|\*)\])/).filter((a) => !!a);
-  return i.some((a) => me.indexOf(a) !== -1) ? [] : i;
+  return i.some((a) => he.indexOf(a) !== -1) ? [] : i;
 }
-var o = /* @__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))(o || {}), p = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.updated = "updated", e.unknown = "unknown", e))(p || {});
-function he(e, i, a, f) {
-  return R({
+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 || {}), p = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.updated = "updated", e.unknown = "unknown", e))(p || {});
+function ye(e, i, a, f) {
+  return z({
     name: "VvFormField",
     props: {
       type: {
         type: String,
-        validator: (u) => Object.values(o).includes(u),
-        default: o.custom
+        validator: (u) => Object.values(d).includes(u),
+        default: d.custom
       },
       is: {
         type: [Object, String],
@@ -106,43 +106,43 @@ function he(e, i, a, f) {
     emits: ["invalid", "valid", "update:formData", "update:modelValue"],
     expose: ["invalid", "invalidLabel", "errors"],
     setup(u, { slots: r, emit: l }) {
-      const n = B(i, void 0);
+      const n = $(i, void 0);
       n && n.fields.value.add(u.name);
-      const t = B(e), { props: b, name: d } = H(u), c = w({
+      const t = $(e), { props: b, name: o } = H(u), v = w({
         get() {
           if (t != null && t.formData)
-            return K(
+            return R(
               Object(t.formData.value),
               String(u.name)
             );
         },
         set(s) {
-          t != null && t.formData && (Y(
+          t != null && t.formData && (X(
             Object(t.formData.value),
             String(u.name),
             s
           ), l("update:modelValue", {
-            newValue: c.value,
+            newValue: v.value,
             formData: t == null ? void 0 : t.formData
           }));
         }
       });
       P(() => {
-        c.value === void 0 && u.defaultValue !== void 0 && (c.value = u.defaultValue);
+        v.value === void 0 && u.defaultValue !== void 0 && (v.value = u.defaultValue);
       });
-      const g = w(() => {
+      const V = w(() => {
         if (t != null && t.errors.value)
-          return K(t.errors.value, String(u.name));
-      }), V = w(() => {
+          return R(t.errors.value, String(u.name));
+      }), g = w(() => {
         var s;
-        return (s = g.value) == null ? void 0 : s._errors;
-      }), v = w(() => g.value !== void 0), h = I(v, () => {
-        v.value ? (l("invalid", V.value), n && n.errors.value.set(
+        return (s = V.value) == null ? void 0 : s._errors;
+      }), c = w(() => V.value !== void 0), h = I(c, () => {
+        c.value ? (l("invalid", g.value), n && n.errors.value.set(
           u.name,
           {
-            _errors: V.value
+            _errors: g.value
           }
-        )) : (l("valid", c.value), n && n.errors.value.delete(
+        )) : (l("valid", v.value), n && n.errors.value.delete(
           u.name
         ));
       }), m = I(
@@ -156,59 +156,59 @@ function he(e, i, a, f) {
         h(), m();
       });
       const y = (s) => {
-        c.value = s;
+        v.value = s;
       }, x = w(() => {
         let s = b.value;
         return typeof s == "function" && (s = s(t == null ? void 0 : t.formData)), Object.keys(s).reduce(
-          (_, k) => (_[k] = C(s[k]), _),
+          (N, k) => (N[k] = C(s[k]), N),
           {}
         );
       }), W = w(() => t != null && t.readonly.value ? !0 : x.value.readonly ?? u.readonly), U = w(() => ({
         ...x.value,
         name: x.value.name ?? u.name,
-        invalid: v.value,
-        valid: u.showValid ? !!(!v.value && c.value) : void 0,
+        invalid: c.value,
+        valid: u.showValid ? !!(!c.value && v.value) : void 0,
         type: ((s) => {
           if ([
-            o.text,
-            o.number,
-            o.email,
-            o.password,
-            o.tel,
-            o.url,
-            o.search,
-            o.date,
-            o.time,
-            o.datetimeLocal,
-            o.month,
-            o.week,
-            o.color
+            d.text,
+            d.number,
+            d.email,
+            d.password,
+            d.tel,
+            d.url,
+            d.search,
+            d.date,
+            d.time,
+            d.datetimeLocal,
+            d.month,
+            d.week,
+            d.color
           ].includes(s))
             return s;
         })(u.type),
-        invalidLabel: V.value,
-        modelValue: c.value,
+        invalidLabel: g.value,
+        modelValue: v.value,
         readonly: W.value,
         "onUpdate:modelValue": y
       }));
       return M(a, {
-        name: E(d),
-        errors: E(g)
+        name: E(o),
+        errors: E(V)
       }), { component: w(() => {
-        if (u.type === o.custom)
+        if (u.type === d.custom)
           return {
             render() {
               var s;
               return ((s = r.default) == null ? void 0 : s.call(r, {
-                modelValue: c.value,
+                modelValue: v.value,
                 onUpdate: y,
                 submit: t == null ? void 0 : t.submit,
                 validate: t == null ? void 0 : t.validate,
-                invalid: v.value,
-                invalidLabel: V.value,
+                invalid: c.value,
+                invalidLabel: g.value,
                 formData: t == null ? void 0 : t.formData.value,
                 formErrors: t == null ? void 0 : t.errors.value,
-                errors: g.value,
+                errors: V.value,
                 readonly: W.value
               })) ?? r.defalut;
             }
@@ -216,25 +216,25 @@ function he(e, i, a, f) {
         if (!((f == null ? void 0 : f.lazyLoad) ?? u.lazyLoad)) {
           let s;
           switch (u.type) {
-            case o.select:
+            case d.select:
               s = S("VvSelect");
               break;
-            case o.checkbox:
+            case d.checkbox:
               s = S("VvCheckbox");
               break;
-            case o.radio:
+            case d.radio:
               s = S("VvRadio");
               break;
-            case o.textarea:
+            case d.textarea:
               s = S("VvTextarea");
               break;
-            case o.radioGroup:
+            case d.radioGroup:
               s = S("VvRadioGroup");
               break;
-            case o.checkboxGroup:
+            case d.checkboxGroup:
               s = S("VvCheckboxGroup");
               break;
-            case o.combobox:
+            case d.combobox:
               s = S("VvCombobox");
               break;
             default:
@@ -248,39 +248,39 @@ function he(e, i, a, f) {
         }
         return ee(async () => {
           switch (f != null && f.sideEffects && await Promise.resolve(f.sideEffects(u.type)), u.type) {
-            case o.textarea:
+            case d.textarea:
               return import("@volverjs/ui-vue/vv-textarea");
-            case o.radio:
+            case d.radio:
               return import("@volverjs/ui-vue/vv-radio");
-            case o.radioGroup:
+            case d.radioGroup:
               return import("@volverjs/ui-vue/vv-radio-group");
-            case o.checkbox:
+            case d.checkbox:
               return import("@volverjs/ui-vue/vv-checkbox");
-            case o.checkboxGroup:
+            case d.checkboxGroup:
               return import("@volverjs/ui-vue/vv-checkbox-group");
-            case o.select:
+            case d.select:
               return import("@volverjs/ui-vue/vv-select");
-            case o.combobox:
+            case d.combobox:
               return import("@volverjs/ui-vue/vv-combobox");
           }
           return import("@volverjs/ui-vue/vv-input-text");
         });
-      }), hasProps: U, invalid: v };
+      }), hasProps: U, invalid: c };
     },
     render() {
-      return this.is ? O(this.is, this.hasProps, this.$slots) : this.type === o.custom ? O(this.component, null, this.$slots) : O(this.component, this.hasProps, this.$slots);
+      return this.is ? O(this.is, this.hasProps, this.$slots) : this.type === d.custom ? O(this.component, null, this.$slots) : O(this.component, this.hasProps, this.$slots);
     }
   });
 }
-function J(e, i = {}) {
+function K(e, i = {}) {
   const a = (r) => {
     let l = r;
-    for (; l instanceof oe; )
+    for (; l instanceof de; )
       l = l.innerType();
-    return l instanceof de && (l = l._def.innerType), l;
+    return l instanceof ve && (l = l._def.innerType), l;
   }, f = a(e);
   return {
-    ...(f instanceof z ? f._def.unknownKeys === "passthrough" : !1) ? i : {},
+    ...(f instanceof G ? f._def.unknownKeys === "passthrough" : !1) ? i : {},
     ...Object.fromEntries(
       Object.entries(f.shape).map(
         ([r, l]) => {
@@ -289,26 +289,31 @@ function J(e, i = {}) {
           if (t instanceof le && (b = t._def.defaultValue(), t = t._def.innerType), n === null && t instanceof ie)
             return [r, n];
           if (t instanceof se) {
-            const d = l.safeParse(n);
-            if (d.success)
-              return [r, d.data ?? b];
+            const o = l.safeParse(n);
+            if (o.success)
+              return [r, o.data ?? b];
           }
           if (t instanceof fe && Array.isArray(n) && n.length) {
-            const d = a(t._def.type);
-            if (d instanceof z)
+            const o = a(t._def.type);
+            if (o instanceof G)
               return [
                 r,
                 n.map(
-                  (c) => J(
-                    d,
-                    c && typeof c == "object" ? c : void 0
+                  (v) => K(
+                    o,
+                    v && typeof v == "object" ? v : void 0
                   )
-                ) ?? b
+                )
               ];
           }
-          return t instanceof z ? [
+          if (t instanceof oe && n) {
+            const o = a(t._def.valueType);
+            if (o instanceof G)
+              return [r, Object.keys(n).reduce((v, V) => (v[V] = K(o, n[V]), v), {})];
+          }
+          return t instanceof G ? [
             r,
-            J(
+            K(
               t,
               n && typeof n == "object" ? n : b
             )
@@ -318,13 +323,13 @@ function J(e, i = {}) {
     )
   };
 }
-function ye(e, i, a, f) {
-  const u = $(), r = $(), l = w(() => r.value === p.invalid), n = $(), t = $(!1), b = async (v = n.value) => {
+function be(e, i, a, f) {
+  const u = _(), r = _(), l = w(() => r.value === p.invalid), n = _(), t = _(!1), b = async (c = n.value) => {
     if (t.value)
       return !0;
-    const h = await e.safeParseAsync(v);
+    const h = await e.safeParseAsync(c);
     return h.success ? (u.value = void 0, r.value = p.valid, n.value = h.data, !0) : (u.value = h.error.format(), r.value = p.invalid, !1);
-  }, d = async () => t.value || !await b() ? !1 : (r.value = p.submitting, !0), { ignoreUpdates: c, stop: g } = ne(
+  }, o = async () => t.value || !await b() ? !1 : (r.value = p.submitting, !0), { ignoreUpdates: v, stop: V } = ne(
     n,
     () => {
       r.value = p.updated;
@@ -333,7 +338,7 @@ function ye(e, i, a, f) {
       deep: !0,
       eventFilter: ue((a == null ? void 0 : a.updateThrottle) ?? 500)
     }
-  ), V = R({
+  ), g = z({
     name: "VvForm",
     props: {
       continuousValidation: {
@@ -373,12 +378,12 @@ function ye(e, i, a, f) {
       "invalid",
       "readonly"
     ],
-    setup(v, { emit: h }) {
-      return n.value = J(
+    setup(c, { emit: h }) {
+      return n.value = K(
         e,
-        A(v.modelValue)
+        A(c.modelValue)
       ), I(
-        () => v.modelValue,
+        () => c.modelValue,
         (m) => {
           if (m) {
             const y = re(m) ? A(m) : m;
@@ -389,7 +394,7 @@ function ye(e, i, a, f) {
         },
         { deep: !0 }
       ), I(r, async (m) => {
-        var y, x, W, U, N;
+        var y, x, W, U, B;
         if (m === p.invalid) {
           const s = A(u.value);
           h("invalid", s), (y = a == null ? void 0 : a.onInvalid) == null || y.call(
@@ -408,37 +413,37 @@ function ye(e, i, a, f) {
           h("submit", s), (U = a == null ? void 0 : a.onSubmit) == null || U.call(a, s);
         }
         if (m === p.updated) {
-          if ((u.value || a != null && a.continuousValidation || v.continuousValidation) && await b(), !n.value || !v.modelValue || JSON.stringify(n.value) !== JSON.stringify(v.modelValue)) {
+          if ((u.value || a != null && a.continuousValidation || c.continuousValidation) && await b(), !n.value || !c.modelValue || JSON.stringify(n.value) !== JSON.stringify(c.modelValue)) {
             const s = A(n.value);
-            h("update:modelValue", s), (N = a == null ? void 0 : a.onUpdate) == null || N.call(a, s);
+            h("update:modelValue", s), (B = a == null ? void 0 : a.onUpdate) == null || B.call(a, s);
           }
           r.value === p.updated && (r.value = p.unknown);
         }
       }), P(() => {
-        t.value = v.readonly;
+        t.value = c.readonly;
       }), I(
-        () => v.readonly,
+        () => c.readonly,
         (m) => {
           t.value = m;
         }
       ), I(t, (m) => {
-        m !== v.readonly && h("update:readonly", t.value);
+        m !== c.readonly && h("update:readonly", t.value);
       }), M(i, {
         formData: n,
-        submit: d,
+        submit: o,
         validate: b,
-        ignoreUpdates: c,
-        stopUpdatesWatch: g,
+        ignoreUpdates: v,
+        stopUpdatesWatch: V,
         errors: E(u),
         status: E(r),
         invalid: l,
         readonly: t
       }), {
         formData: n,
-        submit: d,
+        submit: o,
         validate: b,
-        ignoreUpdates: c,
-        stopUpdatesWatch: g,
+        ignoreUpdates: v,
+        stopUpdatesWatch: V,
         errors: E(u),
         status: E(r),
         invalid: l,
@@ -446,7 +451,7 @@ function ye(e, i, a, f) {
       };
     },
     render() {
-      const v = () => {
+      const c = () => {
         var h, m;
         return ((m = (h = this.$slots) == null ? void 0 : h.default) == null ? void 0 : m.call(h, {
           formData: this.formData,
@@ -472,11 +477,11 @@ function ye(e, i, a, f) {
               schema: this.template ?? (a == null ? void 0 : a.template)
             },
             {
-              default: v
+              default: c
             }
           )
         ] : {
-          default: v
+          default: c
         }
       );
     }
@@ -488,17 +493,17 @@ function ye(e, i, a, f) {
     readonly: t,
     formData: n,
     validate: b,
-    submit: d,
-    ignoreUpdates: c,
-    stopUpdatesWatch: g,
+    submit: o,
+    ignoreUpdates: v,
+    stopUpdatesWatch: V,
     /**
      * An hack to add types to the default slot
      */
-    VvForm: V
+    VvForm: g
   };
 }
-function be(e, i) {
-  return R({
+function Ve(e, i) {
+  return z({
     name: "VvFormWrapper",
     props: {
       name: {
@@ -513,40 +518,40 @@ function be(e, i) {
     emits: ["invalid", "valid"],
     expose: ["fields", "invalid"],
     setup(f, { emit: u }) {
-      const r = B(e), l = B(i, void 0), n = $(/* @__PURE__ */ new Set()), t = $(/* @__PURE__ */ new Map()), { name: b } = H(f);
+      const r = $(e), l = $(i, void 0), n = _(/* @__PURE__ */ new Set()), t = _(/* @__PURE__ */ new Map()), { name: b } = H(f);
       M(i, {
         name: E(b),
         errors: t,
         fields: n
       }), I(
         n,
-        (c) => {
-          l != null && l.fields && c.forEach((g) => {
-            l == null || l.fields.value.add(g);
+        (v) => {
+          l != null && l.fields && v.forEach((V) => {
+            l == null || l.fields.value.add(V);
           });
         },
         { deep: !0 }
       ), I(
         () => new Map(t.value),
-        (c, g) => {
-          l != null && l.errors && (Array.from(g.keys()).forEach((V) => {
-            l.errors.value.delete(V);
-          }), Array.from(c.keys()).forEach((V) => {
-            const v = c.get(V);
-            v && l.errors.value.set(V, v);
+        (v, V) => {
+          l != null && l.errors && (Array.from(V.keys()).forEach((g) => {
+            l.errors.value.delete(g);
+          }), Array.from(v.keys()).forEach((g) => {
+            const c = v.get(g);
+            c && l.errors.value.set(g, c);
           }));
         },
         { deep: !0 }
       );
-      const d = w(() => r != null && r.invalid.value ? t.value.size > 0 : !1);
-      return I(d, () => {
-        d.value ? u("invalid") : u("valid");
+      const o = w(() => r != null && r.invalid.value ? t.value.size > 0 : !1);
+      return I(o, () => {
+        o.value ? u("invalid") : u("valid");
       }), {
         formData: r == null ? void 0 : r.formData,
         errors: r == null ? void 0 : r.errors,
         submit: r == null ? void 0 : r.submit,
         validate: r == null ? void 0 : r.validate,
-        invalid: d,
+        invalid: o,
         fields: n,
         fieldsErrors: t
       };
@@ -576,8 +581,8 @@ function be(e, i) {
     }
   });
 }
-function Ve(e, i) {
-  const a = R({
+function ge(e, i) {
+  const a = z({
     name: "VvFormTemplate",
     props: {
       schema: {
@@ -590,7 +595,7 @@ function Ve(e, i) {
       }
     },
     setup(f, { slots: u }) {
-      const r = B(e);
+      const r = $(e);
       if (r != null && r.formData)
         return () => {
           var b;
@@ -599,62 +604,62 @@ function Ve(e, i) {
             f.scope
           ) : f.schema;
           let n;
-          const t = l.reduce((d, c) => {
-            const g = typeof c == "function" ? c(r, f.scope) : c, {
-              vvIs: V,
-              vvName: v,
+          const t = l.reduce((o, v) => {
+            const V = typeof v == "function" ? v(r, f.scope) : v, {
+              vvIs: g,
+              vvName: c,
               vvSlots: h,
               vvChildren: m,
               vvIf: y,
               vvElseIf: x,
               vvType: W,
               vvDefaultValue: U,
-              vvShowValid: N,
+              vvShowValid: B,
               vvContent: s,
-              ..._
-            } = g;
+              ...N
+            } = V;
             if (y !== void 0) {
-              if (typeof y == "string" ? n = !!K(
+              if (typeof y == "string" ? n = !!R(
                 Object(r.formData.value),
                 y
               ) : typeof y == "function" ? n = C(y(r)) : n = C(y), !n)
-                return d;
+                return o;
             } else if (x !== void 0 && n !== void 0) {
-              if (n || (typeof x == "string" ? n = !!K(
+              if (n || (typeof x == "string" ? n = !!R(
                 Object(r.formData.value),
                 x
               ) : typeof x == "function" ? n = C(x(r)) : n = C(x), !n))
-                return d;
+                return o;
             } else
               n = void 0;
             let k;
-            return m && (typeof V == "string" ? k = O(a, {
+            return m && (typeof g == "string" ? k = O(a, {
               schema: m
             }) : k = {
               default: (j) => O(a, {
                 schema: m,
                 scope: j
               })
-            }), v ? (d.push(
+            }), c ? (o.push(
               O(
                 i,
                 {
-                  name: v,
-                  is: V,
+                  name: c,
+                  is: g,
                   type: W,
                   defaultValue: U,
-                  showValid: N,
-                  props: _
+                  showValid: B,
+                  props: N
                 },
                 h ?? k ?? s
               )
-            ), d) : V ? (d.push(
+            ), o) : g ? (o.push(
               O(
-                V,
-                _,
+                g,
+                N,
                 h ?? k ?? s
               )
-            ), d) : (k && ("default" in k ? d.push(k.default(f.scope)) : d.push(k)), d);
+            ), o) : (k && ("default" in k ? o.push(k.default(f.scope)) : o.push(k)), o);
           }, []);
           return t.push(
             (b = u == null ? void 0 : u.default) == null ? void 0 : b.call(u, {
@@ -671,27 +676,27 @@ function Ve(e, i) {
   });
   return a;
 }
-function L(e, i = {}) {
-  const a = Symbol("formInjectionKey"), f = Symbol("formWrapperInjectionKey"), u = Symbol("formFieldInjectionKey"), r = be(
+function Z(e, i = {}) {
+  const a = Symbol("formInjectionKey"), f = Symbol("formWrapperInjectionKey"), u = Symbol("formFieldInjectionKey"), r = Ve(
     a,
     f
-  ), l = he(
+  ), l = ye(
     a,
     f,
     u,
     i
-  ), n = Ve(a, l), {
+  ), n = ge(a, l), {
     VvForm: t,
     errors: b,
-    status: d,
-    invalid: c,
-    readonly: g,
-    formData: V,
-    validate: v,
+    status: o,
+    invalid: v,
+    readonly: V,
+    formData: g,
+    validate: c,
     submit: h,
     ignoreUpdates: m,
     stopUpdatesWatch: y
-  } = ye(e, a, i, n);
+  } = be(e, a, i, n);
   return {
     VvForm: t,
     VvFormWrapper: r,
@@ -701,43 +706,43 @@ function L(e, i = {}) {
     formWrapperInjectionKey: f,
     formFieldInjectionKey: u,
     errors: b,
-    status: d,
-    invalid: c,
-    readonly: g,
-    formData: V,
-    validate: v,
+    status: o,
+    invalid: v,
+    readonly: V,
+    formData: g,
+    validate: c,
     submit: h,
     ignoreUpdates: m,
     stopUpdatesWatch: y
   };
 }
 const D = Symbol("pluginInjectionKey");
-function ke(e) {
+function we(e) {
   let i = {};
-  return e.schema && (i = L(e.schema, e)), {
+  return e.schema && (i = Z(e.schema, e)), {
     ...i,
     install(a, { global: f = !1 } = {}) {
       a.provide(D, e), f && (a.config.globalProperties.$vvForm = e, i != null && i.VvForm && a.component("VvForm", i.VvForm), i != null && i.VvFormWrapper && a.component("VvFormWrapper", i.VvFormWrapper), i != null && i.VvFormField && a.component("VvFormField", i.VvFormField), i != null && i.VvFormTemplate && a.component("VvFormTemplate", i.VvFormTemplate));
     }
   };
 }
-function we(e, i = {}) {
-  return ae() ? L(
+function Oe(e, i = {}) {
+  return ae() ? Z(
     e,
     {
-      ...B(D, {}),
+      ...$(D, {}),
       ...i
     }
-  ) : L(e, i);
+  ) : Z(e, i);
 }
-function Oe(e, i = {}) {
-  return L(e, i);
+function Ie(e, i = {}) {
+  return Z(e, i);
 }
 export {
-  o as FormFieldType,
-  ke as createForm,
-  J as defaultObjectBySchema,
-  Oe as formFactory,
+  d as FormFieldType,
+  we as createForm,
+  K as defaultObjectBySchema,
+  Ie as formFactory,
   D as pluginInjectionKey,
-  we as useForm
+  Oe as useForm
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vueuse/core"),require("zod")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","zod"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w["@volverjs/form-vue"]={},w.Vue,w.VueUseCore,w.zod))})(this,function(w,e,$,S){"use strict";function N(r){return Array.isArray(r)}function J(r){return typeof r<"u"}function K(r){return r===null}function G(r){return typeof r=="object"}function L(r){return typeof r=="string"}function W(r){return typeof r>"u"}const M=/^[0-9]+$/,z=["__proto__","prototype","constructor"];function A(r,s,n){const f=J(n)?n:void 0;if(!G(r)||!L(s))return f;const i=q(s);if(i.length!==0){for(const t of i){if(t==="*")continue;const u=function(l){return l.map(a=>W(a)||K(a)?a:N(a)?u(a):a[t])};if(N(r)&&!M.test(t)?r=u(r):r=r[t],W(r)||K(r))break}return W(r)?f:r}}function Z(r,s,n){if(!G(r)||!L(s))return;const f=q(s);if(f.length===0)return;const i=f.length;for(let t=0;t<i;t++){const u=f[t];if(t===i-1){r[u]=n;return}if(u==="*"&&N(r)){const l=f.slice(t+1).join(".");for(const a of r)Z(a,l,n);return}W(r[u])&&(r[u]={}),r=r[u]}}function q(r){const s=r.split(/[.]|(?:\[(\d|\*)\])/).filter(n=>!!n);return s.some(n=>z.indexOf(n)!==-1)?[]:s}var d=(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))(d||{}),O=(r=>(r.invalid="invalid",r.valid="valid",r.submitting="submitting",r.updated="updated",r.unknown="unknown",r))(O||{});function T(r,s,n,f){return e.defineComponent({name:"VvFormField",props:{type:{type:String,validator:i=>Object.values(d).includes(i),default:d.custom},is:{type:[Object,String],default:void 0},name:{type:[String,Number,Boolean,Symbol],required:!0},props:{type:[Object,Function],default:()=>({})},showValid:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array,Object],default:void 0},lazyLoad:{type:Boolean,default:!1},readonly:{type:Boolean,default:void 0}},emits:["invalid","valid","update:formData","update:modelValue"],expose:["invalid","invalidLabel","errors"],setup(i,{slots:t,emit:u}){const l=e.inject(s,void 0);l&&l.fields.value.add(i.name);const a=e.inject(r),{props:V,name:c}=e.toRefs(i),v=e.computed({get(){if(a!=null&&a.formData)return A(Object(a.formData.value),String(i.name))},set(o){a!=null&&a.formData&&(Z(Object(a.formData.value),String(i.name),o),u("update:modelValue",{newValue:v.value,formData:a==null?void 0:a.formData}))}});e.onMounted(()=>{v.value===void 0&&i.defaultValue!==void 0&&(v.value=i.defaultValue)});const p=e.computed(()=>{if(a!=null&&a.errors.value)return A(a.errors.value,String(i.name))}),g=e.computed(()=>{var o;return(o=p.value)==null?void 0:o._errors}),m=e.computed(()=>p.value!==void 0),y=e.watch(m,()=>{m.value?(u("invalid",g.value),l&&l.errors.value.set(i.name,{_errors:g.value})):(u("valid",v.value),l&&l.errors.value.delete(i.name))}),h=e.watch(()=>a==null?void 0:a.formData,()=>{u("update:formData",a==null?void 0:a.formData)},{deep:!0});e.onBeforeUnmount(()=>{y(),h()});const b=o=>{v.value=o},x=e.computed(()=>{let o=V.value;return typeof o=="function"&&(o=o(a==null?void 0:a.formData)),Object.keys(o).reduce((U,k)=>(U[k]=e.unref(o[k]),U),{})}),C=e.computed(()=>a!=null&&a.readonly.value?!0:x.value.readonly??i.readonly),I=e.computed(()=>({...x.value,name:x.value.name??i.name,invalid:m.value,valid:i.showValid?!!(!m.value&&v.value):void 0,type:(o=>{if([d.text,d.number,d.email,d.password,d.tel,d.url,d.search,d.date,d.time,d.datetimeLocal,d.month,d.week,d.color].includes(o))return o})(i.type),invalidLabel:g.value,modelValue:v.value,readonly:C.value,"onUpdate:modelValue":b}));return e.provide(n,{name:e.readonly(c),errors:e.readonly(p)}),{component:e.computed(()=>{if(i.type===d.custom)return{render(){var o;return((o=t.default)==null?void 0:o.call(t,{modelValue:v.value,onUpdate:b,submit:a==null?void 0:a.submit,validate:a==null?void 0:a.validate,invalid:m.value,invalidLabel:g.value,formData:a==null?void 0:a.formData.value,formErrors:a==null?void 0:a.errors.value,errors:p.value,readonly:C.value}))??t.defalut}};if(!((f==null?void 0:f.lazyLoad)??i.lazyLoad)){let o;switch(i.type){case d.select:o=e.resolveComponent("VvSelect");break;case d.checkbox:o=e.resolveComponent("VvCheckbox");break;case d.radio:o=e.resolveComponent("VvRadio");break;case d.textarea:o=e.resolveComponent("VvTextarea");break;case d.radioGroup:o=e.resolveComponent("VvRadioGroup");break;case d.checkboxGroup:o=e.resolveComponent("VvCheckboxGroup");break;case d.combobox:o=e.resolveComponent("VvCombobox");break;default:o=e.resolveComponent("VvInputText")}if(typeof o!="string")return o;console.warn(`[form-vue warn]: ${o} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`)}return e.defineAsyncComponent(async()=>{switch(f!=null&&f.sideEffects&&await Promise.resolve(f.sideEffects(i.type)),i.type){case d.textarea:return import("@volverjs/ui-vue/vv-textarea");case d.radio:return import("@volverjs/ui-vue/vv-radio");case d.radioGroup:return import("@volverjs/ui-vue/vv-radio-group");case d.checkbox:return import("@volverjs/ui-vue/vv-checkbox");case d.checkboxGroup:return import("@volverjs/ui-vue/vv-checkbox-group");case d.select:return import("@volverjs/ui-vue/vv-select");case d.combobox:return import("@volverjs/ui-vue/vv-combobox")}return import("@volverjs/ui-vue/vv-input-text")})}),hasProps:I,invalid:m}},render(){return this.is?e.h(this.is,this.hasProps,this.$slots):this.type===d.custom?e.h(this.component,null,this.$slots):e.h(this.component,this.hasProps,this.$slots)}})}function E(r,s={}){const n=t=>{let u=t;for(;u instanceof S.ZodEffects;)u=u.innerType();return u instanceof S.ZodOptional&&(u=u._def.innerType),u},f=n(r);return{...(f instanceof S.ZodObject?f._def.unknownKeys==="passthrough":!1)?s:{},...Object.fromEntries(Object.entries(f.shape).map(([t,u])=>{const l=s[t];let a=n(u),V;if(a instanceof S.ZodDefault&&(V=a._def.defaultValue(),a=a._def.innerType),l===null&&a instanceof S.ZodNullable)return[t,l];if(a instanceof S.ZodSchema){const c=u.safeParse(l);if(c.success)return[t,c.data??V]}if(a instanceof S.ZodArray&&Array.isArray(l)&&l.length){const c=n(a._def.type);if(c instanceof S.ZodObject)return[t,l.map(v=>E(c,v&&typeof v=="object"?v:void 0))??V]}return a instanceof S.ZodObject?[t,E(a,l&&typeof l=="object"?l:V)]:[t,V]}))}}function P(r,s,n,f){const i=e.ref(),t=e.ref(),u=e.computed(()=>t.value===O.invalid),l=e.ref(),a=e.ref(!1),V=async(m=l.value)=>{if(a.value)return!0;const y=await r.safeParseAsync(m);return y.success?(i.value=void 0,t.value=O.valid,l.value=y.data,!0):(i.value=y.error.format(),t.value=O.invalid,!1)},c=async()=>a.value||!await V()?!1:(t.value=O.submitting,!0),{ignoreUpdates:v,stop:p}=$.watchIgnorable(l,()=>{t.value=O.updated},{deep:!0,eventFilter:$.throttleFilter((n==null?void 0:n.updateThrottle)??500)}),g=e.defineComponent({name:"VvForm",props:{continuousValidation:{type:Boolean,default:!1},modelValue:{type:Object,default:()=>({})},readonly:{type:Boolean,default:(n==null?void 0:n.readonly)??!1},tag:{type:String,default:"form"},template:{type:[Array,Function],default:void 0}},emits:["invalid","valid","submit","update:modelValue","update:readonly"],expose:["submit","validate","errors","status","valid","invalid","readonly"],setup(m,{emit:y}){return l.value=E(r,e.toRaw(m.modelValue)),e.watch(()=>m.modelValue,h=>{if(h){const b=e.isProxy(h)?e.toRaw(h):h;if(JSON.stringify(b)===JSON.stringify(e.toRaw(l.value)))return;l.value=typeof(b==null?void 0:b.clone)=="function"?b.clone():JSON.parse(JSON.stringify(b))}},{deep:!0}),e.watch(t,async h=>{var b,x,C,I,R;if(h===O.invalid){const o=e.toRaw(i.value);y("invalid",o),(b=n==null?void 0:n.onInvalid)==null||b.call(n,o);return}if(h===O.valid){const o=e.toRaw(l.value);y("valid",o),(x=n==null?void 0:n.onValid)==null||x.call(n,o),y("update:modelValue",o),(C=n==null?void 0:n.onUpdate)==null||C.call(n,o);return}if(h===O.submitting){const o=e.toRaw(l.value);y("submit",o),(I=n==null?void 0:n.onSubmit)==null||I.call(n,o)}if(h===O.updated){if((i.value||n!=null&&n.continuousValidation||m.continuousValidation)&&await V(),!l.value||!m.modelValue||JSON.stringify(l.value)!==JSON.stringify(m.modelValue)){const o=e.toRaw(l.value);y("update:modelValue",o),(R=n==null?void 0:n.onUpdate)==null||R.call(n,o)}t.value===O.updated&&(t.value=O.unknown)}}),e.onMounted(()=>{a.value=m.readonly}),e.watch(()=>m.readonly,h=>{a.value=h}),e.watch(a,h=>{h!==m.readonly&&y("update:readonly",a.value)}),e.provide(s,{formData:l,submit:c,validate:V,ignoreUpdates:v,stopUpdatesWatch:p,errors:e.readonly(i),status:e.readonly(t),invalid:u,readonly:a}),{formData:l,submit:c,validate:V,ignoreUpdates:v,stopUpdatesWatch:p,errors:e.readonly(i),status:e.readonly(t),invalid:u,isReadonly:a}},render(){const m=()=>{var y,h;return((h=(y=this.$slots)==null?void 0:y.default)==null?void 0:h.call(y,{formData:this.formData,submit:this.submit,validate:this.validate,ignoreUpdates:this.ignoreUpdates,stopUpdatesWatch:this.stopUpdatesWatch,errors:this.errors,status:this.status,invalid:this.invalid,readonly:this.isReadonly}))??this.$slots.default};return e.h(this.tag,{onSubmit:e.withModifiers(this.submit,["prevent"])},(this.template??(n==null?void 0:n.template))&&f?[e.h(f,{schema:this.template??(n==null?void 0:n.template)},{default:m})]:{default:m})}});return{errors:i,status:t,invalid:u,readonly:a,formData:l,validate:V,submit:c,ignoreUpdates:v,stopUpdatesWatch:p,VvForm:g}}function H(r,s){return e.defineComponent({name:"VvFormWrapper",props:{name:{type:String,required:!0},tag:{type:String,default:void 0}},emits:["invalid","valid"],expose:["fields","invalid"],setup(f,{emit:i}){const t=e.inject(r),u=e.inject(s,void 0),l=e.ref(new Set),a=e.ref(new Map),{name:V}=e.toRefs(f);e.provide(s,{name:e.readonly(V),errors:a,fields:l}),e.watch(l,v=>{u!=null&&u.fields&&v.forEach(p=>{u==null||u.fields.value.add(p)})},{deep:!0}),e.watch(()=>new Map(a.value),(v,p)=>{u!=null&&u.errors&&(Array.from(p.keys()).forEach(g=>{u.errors.value.delete(g)}),Array.from(v.keys()).forEach(g=>{const m=v.get(g);m&&u.errors.value.set(g,m)}))},{deep:!0});const c=e.computed(()=>t!=null&&t.invalid.value?a.value.size>0:!1);return e.watch(c,()=>{c.value?i("invalid"):i("valid")}),{formData:t==null?void 0:t.formData,errors:t==null?void 0:t.errors,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,invalid:c,fields:l,fieldsErrors:a}},render(){var f,i;return this.tag?e.h(this.tag,null,{default:()=>{var t,u;return((u=(t=this.$slots).default)==null?void 0:u.call(t,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}):((i=(f=this.$slots).default)==null?void 0:i.call(f,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}})}function Q(r,s){const n=e.defineComponent({name:"VvFormTemplate",props:{schema:{type:[Array,Function],required:!0},scope:{type:Object,default:()=>({})}},setup(f,{slots:i}){const t=e.inject(r);if(t!=null&&t.formData)return()=>{var V;const u=typeof f.schema=="function"?f.schema(t,f.scope):f.schema;let l;const a=u.reduce((c,v)=>{const p=typeof v=="function"?v(t,f.scope):v,{vvIs:g,vvName:m,vvSlots:y,vvChildren:h,vvIf:b,vvElseIf:x,vvType:C,vvDefaultValue:I,vvShowValid:R,vvContent:o,...U}=p;if(b!==void 0){if(typeof b=="string"?l=!!A(Object(t.formData.value),b):typeof b=="function"?l=e.unref(b(t)):l=e.unref(b),!l)return c}else if(x!==void 0&&l!==void 0){if(l||(typeof x=="string"?l=!!A(Object(t.formData.value),x):typeof x=="function"?l=e.unref(x(t)):l=e.unref(x),!l))return c}else l=void 0;let k;return h&&(typeof g=="string"?k=e.h(n,{schema:h}):k={default:j=>e.h(n,{schema:h,scope:j})}),m?(c.push(e.h(s,{name:m,is:g,type:C,defaultValue:I,showValid:R,props:U},y??k??o)),c):g?(c.push(e.h(g,U,y??k??o)),c):(k&&("default"in k?c.push(k.default(f.scope)):c.push(k)),c)},[]);return a.push((V=i==null?void 0:i.default)==null?void 0:V.call(i,{formData:t==null?void 0:t.formData.value,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,errors:t==null?void 0:t.errors.value,status:t==null?void 0:t.status.value,invalid:t==null?void 0:t.invalid.value})),a}}});return n}function B(r,s={}){const n=Symbol("formInjectionKey"),f=Symbol("formWrapperInjectionKey"),i=Symbol("formFieldInjectionKey"),t=H(n,f),u=T(n,f,i,s),l=Q(n,u),{VvForm:a,errors:V,status:c,invalid:v,readonly:p,formData:g,validate:m,submit:y,ignoreUpdates:h,stopUpdatesWatch:b}=P(r,n,s,l);return{VvForm:a,VvFormWrapper:t,VvFormField:u,VvFormTemplate:l,formInjectionKey:n,formWrapperInjectionKey:f,formFieldInjectionKey:i,errors:V,status:c,invalid:v,readonly:p,formData:g,validate:m,submit:y,ignoreUpdates:h,stopUpdatesWatch:b}}const _=Symbol("pluginInjectionKey");function X(r){let s={};return r.schema&&(s=B(r.schema,r)),{...s,install(n,{global:f=!1}={}){n.provide(_,r),f&&(n.config.globalProperties.$vvForm=r,s!=null&&s.VvForm&&n.component("VvForm",s.VvForm),s!=null&&s.VvFormWrapper&&n.component("VvFormWrapper",s.VvFormWrapper),s!=null&&s.VvFormField&&n.component("VvFormField",s.VvFormField),s!=null&&s.VvFormTemplate&&n.component("VvFormTemplate",s.VvFormTemplate))}}}function Y(r,s={}){return e.getCurrentInstance()?B(r,{...e.inject(_,{}),...s}):B(r,s)}function D(r,s={}){return B(r,s)}w.FormFieldType=d,w.createForm=X,w.defaultObjectBySchema=E,w.formFactory=D,w.pluginInjectionKey=_,w.useForm=Y,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vueuse/core"),require("zod")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","zod"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w["@volverjs/form-vue"]={},w.Vue,w.VueUseCore,w.zod))})(this,function(w,e,$,k){"use strict";function _(r){return Array.isArray(r)}function J(r){return typeof r<"u"}function Z(r){return r===null}function G(r){return typeof r=="object"}function K(r){return typeof r=="string"}function A(r){return typeof r>"u"}const M=/^[0-9]+$/,T=["__proto__","prototype","constructor"];function E(r,s,n){const f=J(n)?n:void 0;if(!G(r)||!K(s))return f;const i=q(s);if(i.length!==0){for(const t of i){if(t==="*")continue;const u=function(l){return l.map(a=>A(a)||Z(a)?a:_(a)?u(a):a[t])};if(_(r)&&!M.test(t)?r=u(r):r=r[t],A(r)||Z(r))break}return A(r)?f:r}}function L(r,s,n){if(!G(r)||!K(s))return;const f=q(s);if(f.length===0)return;const i=f.length;for(let t=0;t<i;t++){const u=f[t];if(t===i-1){r[u]=n;return}if(u==="*"&&_(r)){const l=f.slice(t+1).join(".");for(const a of r)L(a,l,n);return}A(r[u])&&(r[u]={}),r=r[u]}}function q(r){const s=r.split(/[.]|(?:\[(\d|\*)\])/).filter(n=>!!n);return s.some(n=>T.indexOf(n)!==-1)?[]:s}var d=(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))(d||{}),x=(r=>(r.invalid="invalid",r.valid="valid",r.submitting="submitting",r.updated="updated",r.unknown="unknown",r))(x||{});function P(r,s,n,f){return e.defineComponent({name:"VvFormField",props:{type:{type:String,validator:i=>Object.values(d).includes(i),default:d.custom},is:{type:[Object,String],default:void 0},name:{type:[String,Number,Boolean,Symbol],required:!0},props:{type:[Object,Function],default:()=>({})},showValid:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array,Object],default:void 0},lazyLoad:{type:Boolean,default:!1},readonly:{type:Boolean,default:void 0}},emits:["invalid","valid","update:formData","update:modelValue"],expose:["invalid","invalidLabel","errors"],setup(i,{slots:t,emit:u}){const l=e.inject(s,void 0);l&&l.fields.value.add(i.name);const a=e.inject(r),{props:V,name:c}=e.toRefs(i),m=e.computed({get(){if(a!=null&&a.formData)return E(Object(a.formData.value),String(i.name))},set(o){a!=null&&a.formData&&(L(Object(a.formData.value),String(i.name),o),u("update:modelValue",{newValue:m.value,formData:a==null?void 0:a.formData}))}});e.onMounted(()=>{m.value===void 0&&i.defaultValue!==void 0&&(m.value=i.defaultValue)});const g=e.computed(()=>{if(a!=null&&a.errors.value)return E(a.errors.value,String(i.name))}),p=e.computed(()=>{var o;return(o=g.value)==null?void 0:o._errors}),v=e.computed(()=>g.value!==void 0),y=e.watch(v,()=>{v.value?(u("invalid",p.value),l&&l.errors.value.set(i.name,{_errors:p.value})):(u("valid",m.value),l&&l.errors.value.delete(i.name))}),h=e.watch(()=>a==null?void 0:a.formData,()=>{u("update:formData",a==null?void 0:a.formData)},{deep:!0});e.onBeforeUnmount(()=>{y(),h()});const b=o=>{m.value=o},O=e.computed(()=>{let o=V.value;return typeof o=="function"&&(o=o(a==null?void 0:a.formData)),Object.keys(o).reduce((W,S)=>(W[S]=e.unref(o[S]),W),{})}),C=e.computed(()=>a!=null&&a.readonly.value?!0:O.value.readonly??i.readonly),I=e.computed(()=>({...O.value,name:O.value.name??i.name,invalid:v.value,valid:i.showValid?!!(!v.value&&m.value):void 0,type:(o=>{if([d.text,d.number,d.email,d.password,d.tel,d.url,d.search,d.date,d.time,d.datetimeLocal,d.month,d.week,d.color].includes(o))return o})(i.type),invalidLabel:p.value,modelValue:m.value,readonly:C.value,"onUpdate:modelValue":b}));return e.provide(n,{name:e.readonly(c),errors:e.readonly(g)}),{component:e.computed(()=>{if(i.type===d.custom)return{render(){var o;return((o=t.default)==null?void 0:o.call(t,{modelValue:m.value,onUpdate:b,submit:a==null?void 0:a.submit,validate:a==null?void 0:a.validate,invalid:v.value,invalidLabel:p.value,formData:a==null?void 0:a.formData.value,formErrors:a==null?void 0:a.errors.value,errors:g.value,readonly:C.value}))??t.defalut}};if(!((f==null?void 0:f.lazyLoad)??i.lazyLoad)){let o;switch(i.type){case d.select:o=e.resolveComponent("VvSelect");break;case d.checkbox:o=e.resolveComponent("VvCheckbox");break;case d.radio:o=e.resolveComponent("VvRadio");break;case d.textarea:o=e.resolveComponent("VvTextarea");break;case d.radioGroup:o=e.resolveComponent("VvRadioGroup");break;case d.checkboxGroup:o=e.resolveComponent("VvCheckboxGroup");break;case d.combobox:o=e.resolveComponent("VvCombobox");break;default:o=e.resolveComponent("VvInputText")}if(typeof o!="string")return o;console.warn(`[form-vue warn]: ${o} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`)}return e.defineAsyncComponent(async()=>{switch(f!=null&&f.sideEffects&&await Promise.resolve(f.sideEffects(i.type)),i.type){case d.textarea:return import("@volverjs/ui-vue/vv-textarea");case d.radio:return import("@volverjs/ui-vue/vv-radio");case d.radioGroup:return import("@volverjs/ui-vue/vv-radio-group");case d.checkbox:return import("@volverjs/ui-vue/vv-checkbox");case d.checkboxGroup:return import("@volverjs/ui-vue/vv-checkbox-group");case d.select:return import("@volverjs/ui-vue/vv-select");case d.combobox:return import("@volverjs/ui-vue/vv-combobox")}return import("@volverjs/ui-vue/vv-input-text")})}),hasProps:I,invalid:v}},render(){return this.is?e.h(this.is,this.hasProps,this.$slots):this.type===d.custom?e.h(this.component,null,this.$slots):e.h(this.component,this.hasProps,this.$slots)}})}function R(r,s={}){const n=t=>{let u=t;for(;u instanceof k.ZodEffects;)u=u.innerType();return u instanceof k.ZodOptional&&(u=u._def.innerType),u},f=n(r);return{...(f instanceof k.ZodObject?f._def.unknownKeys==="passthrough":!1)?s:{},...Object.fromEntries(Object.entries(f.shape).map(([t,u])=>{const l=s[t];let a=n(u),V;if(a instanceof k.ZodDefault&&(V=a._def.defaultValue(),a=a._def.innerType),l===null&&a instanceof k.ZodNullable)return[t,l];if(a instanceof k.ZodSchema){const c=u.safeParse(l);if(c.success)return[t,c.data??V]}if(a instanceof k.ZodArray&&Array.isArray(l)&&l.length){const c=n(a._def.type);if(c instanceof k.ZodObject)return[t,l.map(m=>R(c,m&&typeof m=="object"?m:void 0))]}if(a instanceof k.ZodRecord&&l){const c=n(a._def.valueType);if(c instanceof k.ZodObject)return[t,Object.keys(l).reduce((m,g)=>(m[g]=R(c,l[g]),m),{})]}return a instanceof k.ZodObject?[t,R(a,l&&typeof l=="object"?l:V)]:[t,V]}))}}function z(r,s,n,f){const i=e.ref(),t=e.ref(),u=e.computed(()=>t.value===x.invalid),l=e.ref(),a=e.ref(!1),V=async(v=l.value)=>{if(a.value)return!0;const y=await r.safeParseAsync(v);return y.success?(i.value=void 0,t.value=x.valid,l.value=y.data,!0):(i.value=y.error.format(),t.value=x.invalid,!1)},c=async()=>a.value||!await V()?!1:(t.value=x.submitting,!0),{ignoreUpdates:m,stop:g}=$.watchIgnorable(l,()=>{t.value=x.updated},{deep:!0,eventFilter:$.throttleFilter((n==null?void 0:n.updateThrottle)??500)}),p=e.defineComponent({name:"VvForm",props:{continuousValidation:{type:Boolean,default:!1},modelValue:{type:Object,default:()=>({})},readonly:{type:Boolean,default:(n==null?void 0:n.readonly)??!1},tag:{type:String,default:"form"},template:{type:[Array,Function],default:void 0}},emits:["invalid","valid","submit","update:modelValue","update:readonly"],expose:["submit","validate","errors","status","valid","invalid","readonly"],setup(v,{emit:y}){return l.value=R(r,e.toRaw(v.modelValue)),e.watch(()=>v.modelValue,h=>{if(h){const b=e.isProxy(h)?e.toRaw(h):h;if(JSON.stringify(b)===JSON.stringify(e.toRaw(l.value)))return;l.value=typeof(b==null?void 0:b.clone)=="function"?b.clone():JSON.parse(JSON.stringify(b))}},{deep:!0}),e.watch(t,async h=>{var b,O,C,I,U;if(h===x.invalid){const o=e.toRaw(i.value);y("invalid",o),(b=n==null?void 0:n.onInvalid)==null||b.call(n,o);return}if(h===x.valid){const o=e.toRaw(l.value);y("valid",o),(O=n==null?void 0:n.onValid)==null||O.call(n,o),y("update:modelValue",o),(C=n==null?void 0:n.onUpdate)==null||C.call(n,o);return}if(h===x.submitting){const o=e.toRaw(l.value);y("submit",o),(I=n==null?void 0:n.onSubmit)==null||I.call(n,o)}if(h===x.updated){if((i.value||n!=null&&n.continuousValidation||v.continuousValidation)&&await V(),!l.value||!v.modelValue||JSON.stringify(l.value)!==JSON.stringify(v.modelValue)){const o=e.toRaw(l.value);y("update:modelValue",o),(U=n==null?void 0:n.onUpdate)==null||U.call(n,o)}t.value===x.updated&&(t.value=x.unknown)}}),e.onMounted(()=>{a.value=v.readonly}),e.watch(()=>v.readonly,h=>{a.value=h}),e.watch(a,h=>{h!==v.readonly&&y("update:readonly",a.value)}),e.provide(s,{formData:l,submit:c,validate:V,ignoreUpdates:m,stopUpdatesWatch:g,errors:e.readonly(i),status:e.readonly(t),invalid:u,readonly:a}),{formData:l,submit:c,validate:V,ignoreUpdates:m,stopUpdatesWatch:g,errors:e.readonly(i),status:e.readonly(t),invalid:u,isReadonly:a}},render(){const v=()=>{var y,h;return((h=(y=this.$slots)==null?void 0:y.default)==null?void 0:h.call(y,{formData:this.formData,submit:this.submit,validate:this.validate,ignoreUpdates:this.ignoreUpdates,stopUpdatesWatch:this.stopUpdatesWatch,errors:this.errors,status:this.status,invalid:this.invalid,readonly:this.isReadonly}))??this.$slots.default};return e.h(this.tag,{onSubmit:e.withModifiers(this.submit,["prevent"])},(this.template??(n==null?void 0:n.template))&&f?[e.h(f,{schema:this.template??(n==null?void 0:n.template)},{default:v})]:{default:v})}});return{errors:i,status:t,invalid:u,readonly:a,formData:l,validate:V,submit:c,ignoreUpdates:m,stopUpdatesWatch:g,VvForm:p}}function H(r,s){return e.defineComponent({name:"VvFormWrapper",props:{name:{type:String,required:!0},tag:{type:String,default:void 0}},emits:["invalid","valid"],expose:["fields","invalid"],setup(f,{emit:i}){const t=e.inject(r),u=e.inject(s,void 0),l=e.ref(new Set),a=e.ref(new Map),{name:V}=e.toRefs(f);e.provide(s,{name:e.readonly(V),errors:a,fields:l}),e.watch(l,m=>{u!=null&&u.fields&&m.forEach(g=>{u==null||u.fields.value.add(g)})},{deep:!0}),e.watch(()=>new Map(a.value),(m,g)=>{u!=null&&u.errors&&(Array.from(g.keys()).forEach(p=>{u.errors.value.delete(p)}),Array.from(m.keys()).forEach(p=>{const v=m.get(p);v&&u.errors.value.set(p,v)}))},{deep:!0});const c=e.computed(()=>t!=null&&t.invalid.value?a.value.size>0:!1);return e.watch(c,()=>{c.value?i("invalid"):i("valid")}),{formData:t==null?void 0:t.formData,errors:t==null?void 0:t.errors,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,invalid:c,fields:l,fieldsErrors:a}},render(){var f,i;return this.tag?e.h(this.tag,null,{default:()=>{var t,u;return((u=(t=this.$slots).default)==null?void 0:u.call(t,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}):((i=(f=this.$slots).default)==null?void 0:i.call(f,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}})}function Q(r,s){const n=e.defineComponent({name:"VvFormTemplate",props:{schema:{type:[Array,Function],required:!0},scope:{type:Object,default:()=>({})}},setup(f,{slots:i}){const t=e.inject(r);if(t!=null&&t.formData)return()=>{var V;const u=typeof f.schema=="function"?f.schema(t,f.scope):f.schema;let l;const a=u.reduce((c,m)=>{const g=typeof m=="function"?m(t,f.scope):m,{vvIs:p,vvName:v,vvSlots:y,vvChildren:h,vvIf:b,vvElseIf:O,vvType:C,vvDefaultValue:I,vvShowValid:U,vvContent:o,...W}=g;if(b!==void 0){if(typeof b=="string"?l=!!E(Object(t.formData.value),b):typeof b=="function"?l=e.unref(b(t)):l=e.unref(b),!l)return c}else if(O!==void 0&&l!==void 0){if(l||(typeof O=="string"?l=!!E(Object(t.formData.value),O):typeof O=="function"?l=e.unref(O(t)):l=e.unref(O),!l))return c}else l=void 0;let S;return h&&(typeof p=="string"?S=e.h(n,{schema:h}):S={default:j=>e.h(n,{schema:h,scope:j})}),v?(c.push(e.h(s,{name:v,is:p,type:C,defaultValue:I,showValid:U,props:W},y??S??o)),c):p?(c.push(e.h(p,W,y??S??o)),c):(S&&("default"in S?c.push(S.default(f.scope)):c.push(S)),c)},[]);return a.push((V=i==null?void 0:i.default)==null?void 0:V.call(i,{formData:t==null?void 0:t.formData.value,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,errors:t==null?void 0:t.errors.value,status:t==null?void 0:t.status.value,invalid:t==null?void 0:t.invalid.value})),a}}});return n}function B(r,s={}){const n=Symbol("formInjectionKey"),f=Symbol("formWrapperInjectionKey"),i=Symbol("formFieldInjectionKey"),t=H(n,f),u=P(n,f,i,s),l=Q(n,u),{VvForm:a,errors:V,status:c,invalid:m,readonly:g,formData:p,validate:v,submit:y,ignoreUpdates:h,stopUpdatesWatch:b}=z(r,n,s,l);return{VvForm:a,VvFormWrapper:t,VvFormField:u,VvFormTemplate:l,formInjectionKey:n,formWrapperInjectionKey:f,formFieldInjectionKey:i,errors:V,status:c,invalid:m,readonly:g,formData:p,validate:v,submit:y,ignoreUpdates:h,stopUpdatesWatch:b}}const N=Symbol("pluginInjectionKey");function X(r){let s={};return r.schema&&(s=B(r.schema,r)),{...s,install(n,{global:f=!1}={}){n.provide(N,r),f&&(n.config.globalProperties.$vvForm=r,s!=null&&s.VvForm&&n.component("VvForm",s.VvForm),s!=null&&s.VvFormWrapper&&n.component("VvFormWrapper",s.VvFormWrapper),s!=null&&s.VvFormField&&n.component("VvFormField",s.VvFormField),s!=null&&s.VvFormTemplate&&n.component("VvFormTemplate",s.VvFormTemplate))}}}function Y(r,s={}){return e.getCurrentInstance()?B(r,{...e.inject(N,{}),...s}):B(r,s)}function D(r,s={}){return B(r,s)}w.FormFieldType=d,w.createForm=X,w.defaultObjectBySchema=R,w.formFactory=D,w.pluginInjectionKey=N,w.useForm=Y,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/form-vue",
   "type": "module",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.14",
   "description": "Vue 3 Forms with @volverjs/ui-vue",
   "author": "8 Wave S.r.l.",
   "license": "MIT",
@@ -49,28 +49,28 @@
   "engines": {
     "node": ">= 16.x"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@volverjs/ui-vue": "0.0.10-beta.36",
-    "@vueuse/core": "^10.10.0",
+    "@vueuse/core": "^10.11.0",
     "ts-dot-prop": "^2.1.4",
-    "vue": "^3.4.27",
+    "vue": "^3.4.29",
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.20.0",
+    "@antfu/eslint-config": "^2.21.1",
     "@nabla/vite-plugin-eslint": "^2.0.4",
     "@playwright/experimental-ct-vue": "1.44.1",
     "@testing-library/vue": "^8.1.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "@volverjs/style": "0.1.12-beta.15",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/runtime-core": "^3.4.27",
+    "@vue/compiler-sfc": "^3.4.29",
+    "@vue/runtime-core": "^3.4.29",
     "@vue/test-utils": "^2.4.6",
     "copy": "^0.3.2",
-    "eslint": "^9.4.0",
+    "eslint": "^9.5.0",
     "happy-dom": "^14.12.0",
     "typescript": "^5.4.5",
-    "vite": "^5.2.12",
+    "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-externalize-deps": "^0.8.0",
     "vitest": "^1.6.0"

package/src/utils.ts

@@ -8,11 +8,12 @@ import {
     ZodSchema,
     ZodNullable,
     ZodOptional,
+    ZodRecord,
     ZodArray,
 } from 'zod'
 import type { FormSchema } from './types'
 
-export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,	original: Partial<z.infer<Schema>> & Record<string, unknown> = {}): Partial<z.infer<Schema>> {
+export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema, original: Partial<z.infer<Schema>> & Record<string, unknown> = {}): Partial<z.infer<Schema>> {
     const getInnerType = <Type extends ZodTypeAny>(
         schema:
             | Type
@@ -76,10 +77,19 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
 											typeof arrayType
 										>,
                                     ),
-                                ) ?? defaultValue,
+                                ),
                             ]
                         }
                     }
+                    if (innerType instanceof ZodRecord && originalValue) {
+                        const valueType = getInnerType(innerType._def.valueType)
+                        if (valueType instanceof ZodObject) {
+                            return [key, Object.keys(originalValue).reduce((acc: Record<string, unknown>, recordKey: string) => {
+                                acc[recordKey] = defaultObjectBySchema(valueType, originalValue[recordKey])
+                                return acc
+                            }, {})]
+                        }
+                    }
                     if (innerType instanceof ZodObject) {
                         return [
                             key,