@volverjs/form-vue 1.0.0-beta.8 → 1.0.0-beta.9

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 24/Consulting
+Copyright (c) 2024 8 Wave
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -10,11 +10,11 @@
 
 <br>
 
-#### proudly powered by
+maintained with ❤️ by
 
 <br>
 
-[![24/Consulting](docs/static/24consulting.svg)](https://24consulting.it)
+[![8 Wave](docs/static/8wave.svg)](https://8wave.it)
 
 <br>
 

package/dist/index.es.js

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

package/dist/src/VvForm.d.ts

@@ -3,7 +3,7 @@ import { type IgnoredUpdater } from '@vueuse/core';
 import { type z, type TypeOf } from 'zod';
 import type { FormComponentOptions, FormSchema, FormTemplate, InjectedFormData } from './types';
 import { FormStatus } from './enums';
-export declare const defineForm: <Schema extends FormSchema>(schema: Schema, provideKey: InjectionKey<InjectedFormData<Schema>>, options?: FormComponentOptions<Schema> | undefined, VvFormTemplate?: Component) => {
+export declare const defineForm: <Schema extends FormSchema>(schema: Schema, provideKey: InjectionKey<InjectedFormData<Schema>>, options?: FormComponentOptions<Schema>, VvFormTemplate?: Component) => {
     errors: Ref<z.inferFormattedError<Schema, string> | undefined>;
     status: Ref<FormStatus | undefined>;
     invalid: import("vue").ComputedRef<boolean>;
@@ -187,12 +187,12 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default: (_: {
-                formData: unknown extends Partial<z.TypeOf<Schema>> | undefined ? undefined : Partial<z.TypeOf<Schema>> | undefined;
+                formData: unknown extends Partial<TypeOf<Schema>> | undefined ? undefined : Partial<TypeOf<Schema>> | undefined;
                 submit: () => Promise<boolean>;
                 validate: () => Promise<boolean>;
                 ignoreUpdates: IgnoredUpdater;
                 stopUpdatesWatch: WatchStopHandle;
-                errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>>>>;
+                errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>;
                 status: Ref<DeepReadonly<`${FormStatus}` | undefined>>;
                 invalid: Ref<DeepReadonly<boolean>>;
                 readonly: Ref<boolean>;

package/dist/src/VvFormField.d.ts

@@ -17,7 +17,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         required: true;
     };
     props: {
-        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.TypeOf<Schema>> | undefined) | undefined>>;
+        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
     };
     showValid: {
@@ -75,7 +75,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         required: true;
     };
     props: {
-        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.TypeOf<Schema>> | undefined) | undefined>>;
+        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
     };
     showValid: {
@@ -102,10 +102,10 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
 }, {
     type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
     props: [{
-        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.TypeOf<Schema>> | undefined) | undefined>>;
+        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
     }] extends [import("vue").Prop<infer V, infer D>] ? unknown extends V ? import("@vue/shared").IfAny<V, V, D> : V : {
-        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.TypeOf<Schema>> | undefined) | undefined>>;
+        type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
     };
     is: Component;

package/dist/src/VvFormTemplate.d.ts

@@ -52,7 +52,7 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
             formData: unknown extends Partial<TypeOf<Schema>> | undefined ? undefined : Partial<TypeOf<Schema>> | undefined;
             submit: () => Promise<boolean>;
             validate: () => Promise<boolean>;
-            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>>>>;
+            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>;
             status: Ref<DeepReadonly<`${FormStatus}` | undefined>>;
             invalid: Ref<DeepReadonly<boolean>>;
         }) => any;

package/dist/src/VvFormWrapper.d.ts

@@ -98,7 +98,7 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
             formData: unknown extends Partial<TypeOf<Schema>> | undefined ? undefined : Partial<TypeOf<Schema>> | undefined;
             submit: () => Promise<boolean>;
             validate: () => Promise<boolean>;
-            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>>>>;
+            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>;
             fieldsErrors: Map<string, Record<string, {
                 _errors: string[];
             }>>;

package/dist/src/utils.d.ts

@@ -1,3 +1,3 @@
 import { type z } from 'zod';
 import type { FormSchema } from './types';
-export declare const defaultObjectBySchema: <Schema extends FormSchema>(schema: Schema, original?: Partial<z.TypeOf<Schema>> & Record<string, unknown>) => Partial<z.TypeOf<Schema>>;
+export declare const defaultObjectBySchema: <Schema extends FormSchema>(schema: Schema, original?: Partial<z.infer<Schema>> & Record<string, unknown>) => Partial<z.infer<Schema>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/form-vue",
   "description": "Vue 3 Forms with @volverjs/ui-vue",
-  "author": "24/Consulting",
+  "author": "8 Wave",
   "license": "MIT",
   "keywords": [
     "form",
@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/form-vue/issues"
   },
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "engines": {
     "node": ">= 16.x"
   },
@@ -35,35 +35,35 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@volverjs/ui-vue": "0.0.10-beta.27",
-    "@vueuse/core": "^10.7.2",
+    "@volverjs/ui-vue": "0.0.10-beta.29",
+    "@vueuse/core": "^10.9.0",
     "ts-dot-prop": "^2.1.3",
-    "vue": "^3.4.15",
+    "vue": "^3.4.21",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.41.1",
-    "@testing-library/vue": "^8.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@vitejs/plugin-vue": "^5.0.3",
+    "@playwright/experimental-ct-vue": "1.42.1",
+    "@testing-library/vue": "^8.0.3",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@vitejs/plugin-vue": "^5.0.4",
     "@volverjs/style": "^0.1.11",
-    "@vue/compiler-sfc": "^3.4.15",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/runtime-core": "^3.4.15",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/compiler-sfc": "^3.4.21",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/runtime-core": "^3.4.21",
+    "@vue/test-utils": "^2.4.5",
     "copy": "^0.3.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.21.0",
-    "happy-dom": "^13.3.5",
-    "prettier": "^3.2.4",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.2",
+    "eslint-plugin-vue": "^9.23.0",
+    "happy-dom": "^14.3.1",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.2",
+    "vite-plugin-dts": "^3.7.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.8.0",
-    "vitest": "^1.2.2"
+    "vitest": "^1.4.0"
   },
   "typesVersions": {
     "*": {

package/src/VvForm.ts

@@ -202,12 +202,10 @@ export const defineForm = <Schema extends FormSchema>(
 				}
 			})
 
+			// readonly
 			onMounted(() => {
-				if (props.readonly && !readonly.value) {
-					readonly.value = props.readonly
-				}
+				readonly.value = props.readonly
 			})
-
 			watch(
 				() => props.readonly,
 				(newValue) => {
@@ -273,10 +271,10 @@ export const defineForm = <Schema extends FormSchema>(
 									default: defaultSlot,
 								},
 							),
-					  ]
+						]
 					: {
 							default: defaultSlot,
-					  },
+						},
 			)
 		},
 	})