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

package/dist/index.es.js

@@ -1,70 +1,70 @@
-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 G, ZodDefault as le, ZodNullable as ie, ZodSchema as se, ZodArray as fe, ZodRecord as oe, ZodEffects as de, ZodOptional as ve } from "zod";
+import { defineComponent as z, inject as $, toRefs as P, computed as w, onMounted as Q, watch as S, onBeforeUnmount as re, unref as C, provide as M, readonly as E, resolveComponent as I, defineAsyncComponent as te, h as k, ref as _, toRaw as A, isProxy as ae, withModifiers as ne, getCurrentInstance as ue } from "vue";
+import { watchIgnorable as le, throttleFilter as ie } from "@vueuse/core";
+import { ZodObject as G, ZodDefault as se, ZodNullable as fe, ZodSchema as oe, ZodArray as de, ZodRecord as ve, ZodEffects as q, ZodOptional as T } from "zod";
 function J(e) {
   return Array.isArray(e);
 }
 function ce(e) {
   return typeof e < "u";
 }
-function q(e) {
+function H(e) {
   return e === null;
 }
-function Q(e) {
+function X(e) {
   return typeof e == "object";
 }
-function T(e) {
+function Y(e) {
   return typeof e == "string";
 }
 function L(e) {
   return typeof e > "u";
 }
 const me = /^[0-9]+$/, he = ["__proto__", "prototype", "constructor"];
-function R(e, i, a) {
+function K(e, i, a) {
   const f = ce(a) ? a : void 0;
-  if (!Q(e) || !T(i))
+  if (!X(e) || !Y(i))
     return f;
-  const u = Y(i);
+  const u = j(i);
   if (u.length !== 0) {
-    for (const r of u) {
-      if (r === "*")
+    for (const t of u) {
+      if (t === "*")
         continue;
       const l = function(n) {
-        return n.map((t) => L(t) || q(t) ? t : J(t) ? l(t) : t[r]);
+        return n.map((r) => L(r) || H(r) ? r : J(r) ? l(r) : r[t]);
       };
-      if (J(e) && !me.test(r) ? e = l(e) : e = e[r], L(e) || q(e))
+      if (J(e) && !me.test(t) ? e = l(e) : e = e[t], L(e) || H(e))
         break;
     }
     return L(e) ? f : e;
   }
 }
-function X(e, i, a) {
-  if (!Q(e) || !T(i))
+function D(e, i, a) {
+  if (!X(e) || !Y(i))
     return;
-  const f = Y(i);
+  const f = j(i);
   if (f.length === 0)
     return;
   const u = f.length;
-  for (let r = 0; r < u; r++) {
-    const l = f[r];
-    if (r === u - 1) {
+  for (let t = 0; t < u; t++) {
+    const l = f[t];
+    if (t === u - 1) {
       e[l] = a;
       return;
     }
     if (l === "*" && J(e)) {
-      const n = f.slice(r + 1).join(".");
-      for (const t of e)
-        X(t, n, a);
+      const n = f.slice(t + 1).join(".");
+      for (const r of e)
+        D(r, n, a);
       return;
     }
     L(e[l]) && (e[l] = {}), e = e[l];
   }
 }
-function Y(e) {
+function j(e) {
   const i = e.split(/[.]|(?:\[(\d|\*)\])/).filter((a) => !!a);
   return i.some((a) => he.indexOf(a) !== -1) ? [] : i;
 }
-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 || {});
+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 || {}), x = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.updated = "updated", e.unknown = "unknown", e))(x || {});
 function ye(e, i, a, f) {
   return z({
     name: "VvFormField",
@@ -105,69 +105,69 @@ function ye(e, i, a, f) {
     },
     emits: ["invalid", "valid", "update:formData", "update:modelValue"],
     expose: ["invalid", "invalidLabel", "errors"],
-    setup(u, { slots: r, emit: l }) {
+    setup(u, { slots: t, emit: l }) {
       const n = $(i, void 0);
       n && n.fields.value.add(u.name);
-      const t = $(e), { props: b, name: o } = H(u), v = w({
+      const r = $(e), { props: g, name: o } = P(u), c = w({
         get() {
-          if (t != null && t.formData)
-            return R(
-              Object(t.formData.value),
+          if (r != null && r.formData)
+            return K(
+              Object(r.formData.value),
               String(u.name)
             );
         },
         set(s) {
-          t != null && t.formData && (X(
-            Object(t.formData.value),
+          r != null && r.formData && (D(
+            Object(r.formData.value),
             String(u.name),
             s
           ), l("update:modelValue", {
-            newValue: v.value,
-            formData: t == null ? void 0 : t.formData
+            newValue: c.value,
+            formData: r == null ? void 0 : r.formData
           }));
         }
       });
-      P(() => {
-        v.value === void 0 && u.defaultValue !== void 0 && (v.value = u.defaultValue);
+      Q(() => {
+        c.value === void 0 && u.defaultValue !== void 0 && (c.value = u.defaultValue);
       });
-      const V = w(() => {
-        if (t != null && t.errors.value)
-          return R(t.errors.value, String(u.name));
-      }), g = w(() => {
+      const m = w(() => {
+        if (r != null && r.errors.value)
+          return K(r.errors.value, String(u.name));
+      }), h = w(() => {
         var s;
-        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(
+        return (s = m.value) == null ? void 0 : s._errors;
+      }), v = w(() => m.value !== void 0), b = S(v, () => {
+        v.value ? (l("invalid", h.value), n && n.errors.value.set(
           u.name,
           {
-            _errors: g.value
+            _errors: h.value
           }
-        )) : (l("valid", v.value), n && n.errors.value.delete(
+        )) : (l("valid", c.value), n && n.errors.value.delete(
           u.name
         ));
-      }), m = I(
-        () => t == null ? void 0 : t.formData,
+      }), y = S(
+        () => r == null ? void 0 : r.formData,
         () => {
-          l("update:formData", t == null ? void 0 : t.formData);
+          l("update:formData", r == null ? void 0 : r.formData);
         },
         { deep: !0 }
       );
-      F(() => {
-        h(), m();
+      re(() => {
+        b(), y();
       });
-      const y = (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(
-          (N, k) => (N[k] = C(s[k]), N),
+      const V = (s) => {
+        c.value = s;
+      }, p = w(() => {
+        let s = g.value;
+        return typeof s == "function" && (s = s(r == null ? void 0 : r.formData)), Object.keys(s).reduce(
+          (N, O) => (N[O] = C(s[O]), 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: c.value,
-        valid: u.showValid ? !!(!c.value && v.value) : void 0,
+      }), W = w(() => r != null && r.readonly.value ? !0 : p.value.readonly ?? u.readonly), U = w(() => ({
+        ...p.value,
+        name: p.value.name ?? u.name,
+        invalid: v.value,
+        valid: u.showValid ? !!(!v.value && c.value) : void 0,
         type: ((s) => {
           if ([
             d.text,
@@ -186,59 +186,59 @@ function ye(e, i, a, f) {
           ].includes(s))
             return s;
         })(u.type),
-        invalidLabel: g.value,
-        modelValue: v.value,
+        invalidLabel: h.value,
+        modelValue: c.value,
         readonly: W.value,
-        "onUpdate:modelValue": y
+        "onUpdate:modelValue": V
       }));
       return M(a, {
         name: E(o),
-        errors: E(V)
+        errors: E(m)
       }), { component: w(() => {
         if (u.type === d.custom)
           return {
             render() {
               var s;
-              return ((s = r.default) == null ? void 0 : s.call(r, {
-                modelValue: v.value,
-                onUpdate: y,
-                submit: t == null ? void 0 : t.submit,
-                validate: t == null ? void 0 : t.validate,
-                invalid: c.value,
-                invalidLabel: g.value,
-                formData: t == null ? void 0 : t.formData.value,
-                formErrors: t == null ? void 0 : t.errors.value,
-                errors: V.value,
+              return ((s = t.default) == null ? void 0 : s.call(t, {
+                modelValue: c.value,
+                onUpdate: V,
+                submit: r == null ? void 0 : r.submit,
+                validate: r == null ? void 0 : r.validate,
+                invalid: v.value,
+                invalidLabel: h.value,
+                formData: r == null ? void 0 : r.formData.value,
+                formErrors: r == null ? void 0 : r.errors.value,
+                errors: m.value,
                 readonly: W.value
-              })) ?? r.defalut;
+              })) ?? t.defalut;
             }
           };
         if (!((f == null ? void 0 : f.lazyLoad) ?? u.lazyLoad)) {
           let s;
           switch (u.type) {
             case d.select:
-              s = S("VvSelect");
+              s = I("VvSelect");
               break;
             case d.checkbox:
-              s = S("VvCheckbox");
+              s = I("VvCheckbox");
               break;
             case d.radio:
-              s = S("VvRadio");
+              s = I("VvRadio");
               break;
             case d.textarea:
-              s = S("VvTextarea");
+              s = I("VvTextarea");
               break;
             case d.radioGroup:
-              s = S("VvRadioGroup");
+              s = I("VvRadioGroup");
               break;
             case d.checkboxGroup:
-              s = S("VvCheckboxGroup");
+              s = I("VvCheckboxGroup");
               break;
             case d.combobox:
-              s = S("VvCombobox");
+              s = I("VvCombobox");
               break;
             default:
-              s = S("VvInputText");
+              s = I("VvInputText");
           }
           if (typeof s != "string")
             return s;
@@ -246,7 +246,7 @@ function ye(e, i, a, f) {
             `[form-vue warn]: ${s} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
           );
         }
-        return ee(async () => {
+        return te(async () => {
           switch (f != null && f.sideEffects && await Promise.resolve(f.sideEffects(u.type)), u.type) {
             case d.textarea:
               return import("@volverjs/ui-vue/vv-textarea");
@@ -265,80 +265,87 @@ function ye(e, i, a, f) {
           }
           return import("@volverjs/ui-vue/vv-input-text");
         });
-      }), hasProps: U, invalid: c };
+      }), hasProps: U, invalid: v };
     },
     render() {
-      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);
+      return this.is ? k(this.is, this.hasProps, this.$slots) : this.type === d.custom ? k(this.component, null, this.$slots) : k(this.component, this.hasProps, this.$slots);
     }
   });
 }
-function K(e, i = {}) {
-  const a = (r) => {
-    let l = r;
-    for (; l instanceof de; )
-      l = l.innerType();
-    return l instanceof ve && (l = l._def.innerType), l;
-  }, f = a(e);
+function R(e, i = {}) {
+  const a = (l) => {
+    let n = l;
+    for (; n instanceof q; )
+      n = n.innerType();
+    return n instanceof T && (n = n._def.innerType), n;
+  }, f = (l) => {
+    let n = l;
+    for (; n instanceof q; )
+      n = n.innerType();
+    return n instanceof T;
+  }, u = a(e);
   return {
-    ...(f instanceof G ? f._def.unknownKeys === "passthrough" : !1) ? i : {},
+    ...(u instanceof G ? u._def.unknownKeys === "passthrough" : !1) ? i : {},
     ...Object.fromEntries(
-      Object.entries(f.shape).map(
-        ([r, l]) => {
-          const n = i[r];
-          let t = a(l), b;
-          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 o = l.safeParse(n);
-            if (o.success)
-              return [r, o.data ?? b];
+      Object.entries(u.shape).map(
+        ([l, n]) => {
+          const r = i[l], g = f(n);
+          let o = a(n), c;
+          if (o instanceof se && (c = o._def.defaultValue(), o = o._def.innerType), r === null && o instanceof fe)
+            return [l, r];
+          if (r == null && g)
+            return [l, c];
+          if (o instanceof oe) {
+            const m = n.safeParse(r);
+            if (m.success)
+              return [l, m.data ?? c];
           }
-          if (t instanceof fe && Array.isArray(n) && n.length) {
-            const o = a(t._def.type);
-            if (o instanceof G)
+          if (o instanceof de && Array.isArray(r) && r.length) {
+            const m = a(o._def.type);
+            if (m instanceof G)
               return [
-                r,
-                n.map(
-                  (v) => K(
-                    o,
-                    v && typeof v == "object" ? v : void 0
+                l,
+                r.map(
+                  (h) => R(
+                    m,
+                    h && typeof h == "object" ? h : void 0
                   )
                 )
               ];
           }
-          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), {})];
+          if (o instanceof ve && r) {
+            const m = a(o._def.valueType);
+            if (m instanceof G)
+              return [l, Object.keys(r).reduce((h, v) => (h[v] = R(m, r[v]), h), {})];
           }
-          return t instanceof G ? [
-            r,
-            K(
-              t,
-              n && typeof n == "object" ? n : b
+          return o instanceof G ? [
+            l,
+            R(
+              o,
+              r && typeof r == "object" ? r : c
             )
-          ] : [r, b];
+          ] : [l, c];
         }
       )
     )
   };
 }
 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)
+  const u = _(), t = _(), l = w(() => t.value === x.invalid), n = _(), r = _(!1), g = async (v = n.value) => {
+    if (r.value)
       return !0;
-    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);
-  }, o = async () => t.value || !await b() ? !1 : (r.value = p.submitting, !0), { ignoreUpdates: v, stop: V } = ne(
+    const b = await e.safeParseAsync(v);
+    return b.success ? (u.value = void 0, t.value = x.valid, n.value = b.data, !0) : (u.value = b.error.format(), t.value = x.invalid, !1);
+  }, o = async () => r.value || !await g() ? !1 : (t.value = x.submitting, !0), { ignoreUpdates: c, stop: m } = le(
     n,
     () => {
-      r.value = p.updated;
+      t.value = x.updated;
     },
     {
       deep: !0,
-      eventFilter: ue((a == null ? void 0 : a.updateThrottle) ?? 500)
+      eventFilter: ie((a == null ? void 0 : a.updateThrottle) ?? 500)
     }
-  ), g = z({
+  ), h = z({
     name: "VvForm",
     props: {
       continuousValidation: {
@@ -378,82 +385,82 @@ function be(e, i, a, f) {
       "invalid",
       "readonly"
     ],
-    setup(c, { emit: h }) {
-      return n.value = K(
+    setup(v, { emit: b }) {
+      return n.value = R(
         e,
-        A(c.modelValue)
-      ), I(
-        () => c.modelValue,
-        (m) => {
-          if (m) {
-            const y = re(m) ? A(m) : m;
-            if (JSON.stringify(y) === JSON.stringify(A(n.value)))
+        A(v.modelValue)
+      ), S(
+        () => v.modelValue,
+        (y) => {
+          if (y) {
+            const V = ae(y) ? A(y) : y;
+            if (JSON.stringify(V) === JSON.stringify(A(n.value)))
               return;
-            n.value = typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : JSON.parse(JSON.stringify(y));
+            n.value = typeof (V == null ? void 0 : V.clone) == "function" ? V.clone() : JSON.parse(JSON.stringify(V));
           }
         },
         { deep: !0 }
-      ), I(r, async (m) => {
-        var y, x, W, U, B;
-        if (m === p.invalid) {
+      ), S(t, async (y) => {
+        var V, p, W, U, B;
+        if (y === x.invalid) {
           const s = A(u.value);
-          h("invalid", s), (y = a == null ? void 0 : a.onInvalid) == null || y.call(
+          b("invalid", s), (V = a == null ? void 0 : a.onInvalid) == null || V.call(
             a,
             s
           );
           return;
         }
-        if (m === p.valid) {
+        if (y === x.valid) {
           const s = A(n.value);
-          h("valid", s), (x = a == null ? void 0 : a.onValid) == null || x.call(a, s), h("update:modelValue", s), (W = a == null ? void 0 : a.onUpdate) == null || W.call(a, s);
+          b("valid", s), (p = a == null ? void 0 : a.onValid) == null || p.call(a, s), b("update:modelValue", s), (W = a == null ? void 0 : a.onUpdate) == null || W.call(a, s);
           return;
         }
-        if (m === p.submitting) {
+        if (y === x.submitting) {
           const s = A(n.value);
-          h("submit", s), (U = a == null ? void 0 : a.onSubmit) == null || U.call(a, s);
+          b("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 || c.continuousValidation) && await b(), !n.value || !c.modelValue || JSON.stringify(n.value) !== JSON.stringify(c.modelValue)) {
+        if (y === x.updated) {
+          if ((u.value || a != null && a.continuousValidation || v.continuousValidation) && await g(), !n.value || !v.modelValue || JSON.stringify(n.value) !== JSON.stringify(v.modelValue)) {
             const s = A(n.value);
-            h("update:modelValue", s), (B = a == null ? void 0 : a.onUpdate) == null || B.call(a, s);
+            b("update:modelValue", s), (B = a == null ? void 0 : a.onUpdate) == null || B.call(a, s);
           }
-          r.value === p.updated && (r.value = p.unknown);
+          t.value === x.updated && (t.value = x.unknown);
         }
-      }), P(() => {
-        t.value = c.readonly;
-      }), I(
-        () => c.readonly,
-        (m) => {
-          t.value = m;
+      }), Q(() => {
+        r.value = v.readonly;
+      }), S(
+        () => v.readonly,
+        (y) => {
+          r.value = y;
         }
-      ), I(t, (m) => {
-        m !== c.readonly && h("update:readonly", t.value);
+      ), S(r, (y) => {
+        y !== v.readonly && b("update:readonly", r.value);
       }), M(i, {
         formData: n,
         submit: o,
-        validate: b,
-        ignoreUpdates: v,
-        stopUpdatesWatch: V,
+        validate: g,
+        ignoreUpdates: c,
+        stopUpdatesWatch: m,
         errors: E(u),
-        status: E(r),
+        status: E(t),
         invalid: l,
-        readonly: t
+        readonly: r
       }), {
         formData: n,
         submit: o,
-        validate: b,
-        ignoreUpdates: v,
-        stopUpdatesWatch: V,
+        validate: g,
+        ignoreUpdates: c,
+        stopUpdatesWatch: m,
         errors: E(u),
-        status: E(r),
+        status: E(t),
         invalid: l,
-        isReadonly: t
+        isReadonly: r
       };
     },
     render() {
-      const c = () => {
-        var h, m;
-        return ((m = (h = this.$slots) == null ? void 0 : h.default) == null ? void 0 : m.call(h, {
+      const v = () => {
+        var b, y;
+        return ((y = (b = this.$slots) == null ? void 0 : b.default) == null ? void 0 : y.call(b, {
           formData: this.formData,
           submit: this.submit,
           validate: this.validate,
@@ -465,41 +472,41 @@ function be(e, i, a, f) {
           readonly: this.isReadonly
         })) ?? this.$slots.default;
       };
-      return O(
+      return k(
         this.tag,
         {
-          onSubmit: te(this.submit, ["prevent"])
+          onSubmit: ne(this.submit, ["prevent"])
         },
         (this.template ?? (a == null ? void 0 : a.template)) && f ? [
-          O(
+          k(
             f,
             {
               schema: this.template ?? (a == null ? void 0 : a.template)
             },
             {
-              default: c
+              default: v
             }
           )
         ] : {
-          default: c
+          default: v
         }
       );
     }
   });
   return {
     errors: u,
-    status: r,
+    status: t,
     invalid: l,
-    readonly: t,
+    readonly: r,
     formData: n,
-    validate: b,
+    validate: g,
     submit: o,
-    ignoreUpdates: v,
-    stopUpdatesWatch: V,
+    ignoreUpdates: c,
+    stopUpdatesWatch: m,
     /**
      * An hack to add types to the default slot
      */
-    VvForm: g
+    VvForm: h
   };
 }
 function Ve(e, i) {
@@ -518,50 +525,50 @@ function Ve(e, i) {
     emits: ["invalid", "valid"],
     expose: ["fields", "invalid"],
     setup(f, { emit: u }) {
-      const r = $(e), l = $(i, void 0), n = _(/* @__PURE__ */ new Set()), t = _(/* @__PURE__ */ new Map()), { name: b } = H(f);
+      const t = $(e), l = $(i, void 0), n = _(/* @__PURE__ */ new Set()), r = _(/* @__PURE__ */ new Map()), { name: g } = P(f);
       M(i, {
-        name: E(b),
-        errors: t,
+        name: E(g),
+        errors: r,
         fields: n
-      }), I(
+      }), S(
         n,
-        (v) => {
-          l != null && l.fields && v.forEach((V) => {
-            l == null || l.fields.value.add(V);
+        (c) => {
+          l != null && l.fields && c.forEach((m) => {
+            l == null || l.fields.value.add(m);
           });
         },
         { deep: !0 }
-      ), I(
-        () => new Map(t.value),
-        (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);
+      ), S(
+        () => new Map(r.value),
+        (c, m) => {
+          l != null && l.errors && (Array.from(m.keys()).forEach((h) => {
+            l.errors.value.delete(h);
+          }), Array.from(c.keys()).forEach((h) => {
+            const v = c.get(h);
+            v && l.errors.value.set(h, v);
           }));
         },
         { deep: !0 }
       );
-      const o = w(() => r != null && r.invalid.value ? t.value.size > 0 : !1);
-      return I(o, () => {
+      const o = w(() => t != null && t.invalid.value ? r.value.size > 0 : !1);
+      return S(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,
+        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: o,
         fields: n,
-        fieldsErrors: t
+        fieldsErrors: r
       };
     },
     render() {
       var f, u;
-      return this.tag ? O(this.tag, null, {
+      return this.tag ? k(this.tag, null, {
         default: () => {
-          var r, l;
-          return ((l = (r = this.$slots).default) == null ? void 0 : l.call(r, {
+          var t, l;
+          return ((l = (t = this.$slots).default) == null ? void 0 : l.call(t, {
             invalid: this.invalid,
             formData: this.formData,
             submit: this.submit,
@@ -595,89 +602,89 @@ function ge(e, i) {
       }
     },
     setup(f, { slots: u }) {
-      const r = $(e);
-      if (r != null && r.formData)
+      const t = $(e);
+      if (t != null && t.formData)
         return () => {
-          var b;
+          var g;
           const l = typeof f.schema == "function" ? f.schema(
-            r,
+            t,
             f.scope
           ) : f.schema;
           let n;
-          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,
+          const r = l.reduce((o, c) => {
+            const m = typeof c == "function" ? c(t, f.scope) : c, {
+              vvIs: h,
+              vvName: v,
+              vvSlots: b,
+              vvChildren: y,
+              vvIf: V,
+              vvElseIf: p,
               vvType: W,
               vvDefaultValue: U,
               vvShowValid: B,
               vvContent: s,
               ...N
-            } = V;
-            if (y !== void 0) {
-              if (typeof y == "string" ? n = !!R(
-                Object(r.formData.value),
-                y
-              ) : typeof y == "function" ? n = C(y(r)) : n = C(y), !n)
+            } = m;
+            if (V !== void 0) {
+              if (typeof V == "string" ? n = !!K(
+                Object(t.formData.value),
+                V
+              ) : typeof V == "function" ? n = C(V(t)) : n = C(V), !n)
                 return o;
-            } else if (x !== void 0 && n !== void 0) {
-              if (n || (typeof x == "string" ? n = !!R(
-                Object(r.formData.value),
-                x
-              ) : typeof x == "function" ? n = C(x(r)) : n = C(x), !n))
+            } else if (p !== void 0 && n !== void 0) {
+              if (n || (typeof p == "string" ? n = !!K(
+                Object(t.formData.value),
+                p
+              ) : typeof p == "function" ? n = C(p(t)) : n = C(p), !n))
                 return o;
             } else
               n = void 0;
-            let k;
-            return m && (typeof g == "string" ? k = O(a, {
-              schema: m
-            }) : k = {
-              default: (j) => O(a, {
-                schema: m,
-                scope: j
+            let O;
+            return y && (typeof h == "string" ? O = k(a, {
+              schema: y
+            }) : O = {
+              default: (ee) => k(a, {
+                schema: y,
+                scope: ee
               })
-            }), c ? (o.push(
-              O(
+            }), v ? (o.push(
+              k(
                 i,
                 {
-                  name: c,
-                  is: g,
+                  name: v,
+                  is: h,
                   type: W,
                   defaultValue: U,
                   showValid: B,
                   props: N
                 },
-                h ?? k ?? s
+                b ?? O ?? s
               )
-            ), o) : g ? (o.push(
-              O(
-                g,
+            ), o) : h ? (o.push(
+              k(
+                h,
                 N,
-                h ?? k ?? s
+                b ?? O ?? s
               )
-            ), o) : (k && ("default" in k ? o.push(k.default(f.scope)) : o.push(k)), o);
+            ), o) : (O && ("default" in O ? o.push(O.default(f.scope)) : o.push(O)), o);
           }, []);
-          return t.push(
-            (b = u == null ? void 0 : u.default) == null ? void 0 : b.call(u, {
-              formData: r == null ? void 0 : r.formData.value,
-              submit: r == null ? void 0 : r.submit,
-              validate: r == null ? void 0 : r.validate,
-              errors: r == null ? void 0 : r.errors.value,
-              status: r == null ? void 0 : r.status.value,
-              invalid: r == null ? void 0 : r.invalid.value
+          return r.push(
+            (g = u == null ? void 0 : u.default) == null ? void 0 : g.call(u, {
+              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
             })
-          ), t;
+          ), r;
         };
     }
   });
   return a;
 }
 function Z(e, i = {}) {
-  const a = Symbol("formInjectionKey"), f = Symbol("formWrapperInjectionKey"), u = Symbol("formFieldInjectionKey"), r = Ve(
+  const a = Symbol("formInjectionKey"), f = Symbol("formWrapperInjectionKey"), u = Symbol("formFieldInjectionKey"), t = Ve(
     a,
     f
   ), l = ye(
@@ -686,63 +693,63 @@ function Z(e, i = {}) {
     u,
     i
   ), n = ge(a, l), {
-    VvForm: t,
-    errors: b,
+    VvForm: r,
+    errors: g,
     status: o,
-    invalid: v,
-    readonly: V,
-    formData: g,
-    validate: c,
-    submit: h,
-    ignoreUpdates: m,
-    stopUpdatesWatch: y
+    invalid: c,
+    readonly: m,
+    formData: h,
+    validate: v,
+    submit: b,
+    ignoreUpdates: y,
+    stopUpdatesWatch: V
   } = be(e, a, i, n);
   return {
-    VvForm: t,
-    VvFormWrapper: r,
+    VvForm: r,
+    VvFormWrapper: t,
     VvFormField: l,
     VvFormTemplate: n,
     formInjectionKey: a,
     formWrapperInjectionKey: f,
     formFieldInjectionKey: u,
-    errors: b,
+    errors: g,
     status: o,
-    invalid: v,
-    readonly: V,
-    formData: g,
-    validate: c,
-    submit: h,
-    ignoreUpdates: m,
-    stopUpdatesWatch: y
+    invalid: c,
+    readonly: m,
+    formData: h,
+    validate: v,
+    submit: b,
+    ignoreUpdates: y,
+    stopUpdatesWatch: V
   };
 }
-const D = Symbol("pluginInjectionKey");
+const F = Symbol("pluginInjectionKey");
 function we(e) {
   let i = {};
   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));
+      a.provide(F, 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 Oe(e, i = {}) {
-  return ae() ? Z(
+function ke(e, i = {}) {
+  return ue() ? Z(
     e,
     {
-      ...$(D, {}),
+      ...$(F, {}),
       ...i
     }
   ) : Z(e, i);
 }
-function Ie(e, i = {}) {
+function Se(e, i = {}) {
   return Z(e, i);
 }
 export {
   d as FormFieldType,
   we as createForm,
-  K as defaultObjectBySchema,
-  Ie as formFactory,
-  D as pluginInjectionKey,
-  Oe as useForm
+  R as defaultObjectBySchema,
+  Se as formFactory,
+  F as pluginInjectionKey,
+  ke 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 _(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"})});
+(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,N,O){"use strict";function Z(t){return Array.isArray(t)}function J(t){return typeof t<"u"}function $(t){return t===null}function G(t){return typeof t=="object"}function K(t){return typeof t=="string"}function W(t){return typeof t>"u"}const M=/^[0-9]+$/,T=["__proto__","prototype","constructor"];function A(t,s,n){const f=J(n)?n:void 0;if(!G(t)||!K(s))return f;const i=q(s);if(i.length!==0){for(const a of i){if(a==="*")continue;const u=function(l){return l.map(r=>W(r)||$(r)?r:Z(r)?u(r):r[a])};if(Z(t)&&!M.test(a)?t=u(t):t=t[a],W(t)||$(t))break}return W(t)?f:t}}function L(t,s,n){if(!G(t)||!K(s))return;const f=q(s);if(f.length===0)return;const i=f.length;for(let a=0;a<i;a++){const u=f[a];if(a===i-1){t[u]=n;return}if(u==="*"&&Z(t)){const l=f.slice(a+1).join(".");for(const r of t)L(r,l,n);return}W(t[u])&&(t[u]={}),t=t[u]}}function q(t){const s=t.split(/[.]|(?:\[(\d|\*)\])/).filter(n=>!!n);return s.some(n=>T.indexOf(n)!==-1)?[]:s}var c=(t=>(t.text="text",t.number="number",t.email="email",t.password="password",t.tel="tel",t.url="url",t.search="search",t.date="date",t.time="time",t.datetimeLocal="datetime-local",t.month="month",t.week="week",t.color="color",t.select="select",t.checkbox="checkbox",t.radio="radio",t.textarea="textarea",t.radioGroup="radioGroup",t.checkboxGroup="checkboxGroup",t.combobox="combobox",t.custom="custom",t))(c||{}),k=(t=>(t.invalid="invalid",t.valid="valid",t.submitting="submitting",t.updated="updated",t.unknown="unknown",t))(k||{});function P(t,s,n,f){return 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:a,emit:u}){const l=e.inject(s,void 0);l&&l.fields.value.add(i.name);const r=e.inject(t),{props:g,name:d}=e.toRefs(i),v=e.computed({get(){if(r!=null&&r.formData)return A(Object(r.formData.value),String(i.name))},set(o){r!=null&&r.formData&&(L(Object(r.formData.value),String(i.name),o),u("update:modelValue",{newValue:v.value,formData:r==null?void 0:r.formData}))}});e.onMounted(()=>{v.value===void 0&&i.defaultValue!==void 0&&(v.value=i.defaultValue)});const h=e.computed(()=>{if(r!=null&&r.errors.value)return A(r.errors.value,String(i.name))}),y=e.computed(()=>{var o;return(o=h.value)==null?void 0:o._errors}),m=e.computed(()=>h.value!==void 0),V=e.watch(m,()=>{m.value?(u("invalid",y.value),l&&l.errors.value.set(i.name,{_errors:y.value})):(u("valid",v.value),l&&l.errors.value.delete(i.name))}),b=e.watch(()=>r==null?void 0:r.formData,()=>{u("update:formData",r==null?void 0:r.formData)},{deep:!0});e.onBeforeUnmount(()=>{V(),b()});const p=o=>{v.value=o},x=e.computed(()=>{let o=g.value;return typeof o=="function"&&(o=o(r==null?void 0:r.formData)),Object.keys(o).reduce((U,S)=>(U[S]=e.unref(o[S]),U),{})}),C=e.computed(()=>r!=null&&r.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([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:y.value,modelValue:v.value,readonly:C.value,"onUpdate:modelValue":p}));return e.provide(n,{name:e.readonly(d),errors:e.readonly(h)}),{component:e.computed(()=>{if(i.type===c.custom)return{render(){var o;return((o=a.default)==null?void 0:o.call(a,{modelValue:v.value,onUpdate:p,submit:r==null?void 0:r.submit,validate:r==null?void 0:r.validate,invalid:m.value,invalidLabel:y.value,formData:r==null?void 0:r.formData.value,formErrors:r==null?void 0:r.errors.value,errors:h.value,readonly:C.value}))??a.defalut}};if(!((f==null?void 0:f.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(f!=null&&f.sideEffects&&await Promise.resolve(f.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:I,invalid:m}},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)}})}function R(t,s={}){const n=u=>{let l=u;for(;l instanceof O.ZodEffects;)l=l.innerType();return l instanceof O.ZodOptional&&(l=l._def.innerType),l},f=u=>{let l=u;for(;l instanceof O.ZodEffects;)l=l.innerType();return l instanceof O.ZodOptional},i=n(t);return{...(i instanceof O.ZodObject?i._def.unknownKeys==="passthrough":!1)?s:{},...Object.fromEntries(Object.entries(i.shape).map(([u,l])=>{const r=s[u],g=f(l);let d=n(l),v;if(d instanceof O.ZodDefault&&(v=d._def.defaultValue(),d=d._def.innerType),r===null&&d instanceof O.ZodNullable)return[u,r];if(r==null&&g)return[u,v];if(d instanceof O.ZodSchema){const h=l.safeParse(r);if(h.success)return[u,h.data??v]}if(d instanceof O.ZodArray&&Array.isArray(r)&&r.length){const h=n(d._def.type);if(h instanceof O.ZodObject)return[u,r.map(y=>R(h,y&&typeof y=="object"?y:void 0))]}if(d instanceof O.ZodRecord&&r){const h=n(d._def.valueType);if(h instanceof O.ZodObject)return[u,Object.keys(r).reduce((y,m)=>(y[m]=R(h,r[m]),y),{})]}return d instanceof O.ZodObject?[u,R(d,r&&typeof r=="object"?r:v)]:[u,v]}))}}function H(t,s,n,f){const i=e.ref(),a=e.ref(),u=e.computed(()=>a.value===k.invalid),l=e.ref(),r=e.ref(!1),g=async(m=l.value)=>{if(r.value)return!0;const V=await t.safeParseAsync(m);return V.success?(i.value=void 0,a.value=k.valid,l.value=V.data,!0):(i.value=V.error.format(),a.value=k.invalid,!1)},d=async()=>r.value||!await g()?!1:(a.value=k.submitting,!0),{ignoreUpdates:v,stop:h}=N.watchIgnorable(l,()=>{a.value=k.updated},{deep:!0,eventFilter:N.throttleFilter((n==null?void 0:n.updateThrottle)??500)}),y=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:V}){return l.value=R(t,e.toRaw(m.modelValue)),e.watch(()=>m.modelValue,b=>{if(b){const p=e.isProxy(b)?e.toRaw(b):b;if(JSON.stringify(p)===JSON.stringify(e.toRaw(l.value)))return;l.value=typeof(p==null?void 0:p.clone)=="function"?p.clone():JSON.parse(JSON.stringify(p))}},{deep:!0}),e.watch(a,async b=>{var p,x,C,I,E;if(b===k.invalid){const o=e.toRaw(i.value);V("invalid",o),(p=n==null?void 0:n.onInvalid)==null||p.call(n,o);return}if(b===k.valid){const o=e.toRaw(l.value);V("valid",o),(x=n==null?void 0:n.onValid)==null||x.call(n,o),V("update:modelValue",o),(C=n==null?void 0:n.onUpdate)==null||C.call(n,o);return}if(b===k.submitting){const o=e.toRaw(l.value);V("submit",o),(I=n==null?void 0:n.onSubmit)==null||I.call(n,o)}if(b===k.updated){if((i.value||n!=null&&n.continuousValidation||m.continuousValidation)&&await g(),!l.value||!m.modelValue||JSON.stringify(l.value)!==JSON.stringify(m.modelValue)){const o=e.toRaw(l.value);V("update:modelValue",o),(E=n==null?void 0:n.onUpdate)==null||E.call(n,o)}a.value===k.updated&&(a.value=k.unknown)}}),e.onMounted(()=>{r.value=m.readonly}),e.watch(()=>m.readonly,b=>{r.value=b}),e.watch(r,b=>{b!==m.readonly&&V("update:readonly",r.value)}),e.provide(s,{formData:l,submit:d,validate:g,ignoreUpdates:v,stopUpdatesWatch:h,errors:e.readonly(i),status:e.readonly(a),invalid:u,readonly:r}),{formData:l,submit:d,validate:g,ignoreUpdates:v,stopUpdatesWatch:h,errors:e.readonly(i),status:e.readonly(a),invalid:u,isReadonly:r}},render(){const m=()=>{var V,b;return((b=(V=this.$slots)==null?void 0:V.default)==null?void 0:b.call(V,{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:a,invalid:u,readonly:r,formData:l,validate:g,submit:d,ignoreUpdates:v,stopUpdatesWatch:h,VvForm:y}}function Q(t,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 a=e.inject(t),u=e.inject(s,void 0),l=e.ref(new Set),r=e.ref(new Map),{name:g}=e.toRefs(f);e.provide(s,{name:e.readonly(g),errors:r,fields:l}),e.watch(l,v=>{u!=null&&u.fields&&v.forEach(h=>{u==null||u.fields.value.add(h)})},{deep:!0}),e.watch(()=>new Map(r.value),(v,h)=>{u!=null&&u.errors&&(Array.from(h.keys()).forEach(y=>{u.errors.value.delete(y)}),Array.from(v.keys()).forEach(y=>{const m=v.get(y);m&&u.errors.value.set(y,m)}))},{deep:!0});const d=e.computed(()=>a!=null&&a.invalid.value?r.value.size>0:!1);return e.watch(d,()=>{d.value?i("invalid"):i("valid")}),{formData:a==null?void 0:a.formData,errors:a==null?void 0:a.errors,submit:a==null?void 0:a.submit,validate:a==null?void 0:a.validate,invalid:d,fields:l,fieldsErrors:r}},render(){var f,i;return this.tag?e.h(this.tag,null,{default:()=>{var a,u;return((u=(a=this.$slots).default)==null?void 0:u.call(a,{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 X(t,s){const n=e.defineComponent({name:"VvFormTemplate",props:{schema:{type:[Array,Function],required:!0},scope:{type:Object,default:()=>({})}},setup(f,{slots:i}){const a=e.inject(t);if(a!=null&&a.formData)return()=>{var g;const u=typeof f.schema=="function"?f.schema(a,f.scope):f.schema;let l;const r=u.reduce((d,v)=>{const h=typeof v=="function"?v(a,f.scope):v,{vvIs:y,vvName:m,vvSlots:V,vvChildren:b,vvIf:p,vvElseIf:x,vvType:C,vvDefaultValue:I,vvShowValid:E,vvContent:o,...U}=h;if(p!==void 0){if(typeof p=="string"?l=!!A(Object(a.formData.value),p):typeof p=="function"?l=e.unref(p(a)):l=e.unref(p),!l)return d}else if(x!==void 0&&l!==void 0){if(l||(typeof x=="string"?l=!!A(Object(a.formData.value),x):typeof x=="function"?l=e.unref(x(a)):l=e.unref(x),!l))return d}else l=void 0;let S;return b&&(typeof y=="string"?S=e.h(n,{schema:b}):S={default:j=>e.h(n,{schema:b,scope:j})}),m?(d.push(e.h(s,{name:m,is:y,type:C,defaultValue:I,showValid:E,props:U},V??S??o)),d):y?(d.push(e.h(y,U,V??S??o)),d):(S&&("default"in S?d.push(S.default(f.scope)):d.push(S)),d)},[]);return r.push((g=i==null?void 0:i.default)==null?void 0:g.call(i,{formData:a==null?void 0:a.formData.value,submit:a==null?void 0:a.submit,validate:a==null?void 0:a.validate,errors:a==null?void 0:a.errors.value,status:a==null?void 0:a.status.value,invalid:a==null?void 0:a.invalid.value})),r}}});return n}function B(t,s={}){const n=Symbol("formInjectionKey"),f=Symbol("formWrapperInjectionKey"),i=Symbol("formFieldInjectionKey"),a=Q(n,f),u=P(n,f,i,s),l=X(n,u),{VvForm:r,errors:g,status:d,invalid:v,readonly:h,formData:y,validate:m,submit:V,ignoreUpdates:b,stopUpdatesWatch:p}=H(t,n,s,l);return{VvForm:r,VvFormWrapper:a,VvFormField:u,VvFormTemplate:l,formInjectionKey:n,formWrapperInjectionKey:f,formFieldInjectionKey:i,errors:g,status:d,invalid:v,readonly:h,formData:y,validate:m,submit:V,ignoreUpdates:b,stopUpdatesWatch:p}}const _=Symbol("pluginInjectionKey");function Y(t){let s={};return t.schema&&(s=B(t.schema,t)),{...s,install(n,{global:f=!1}={}){n.provide(_,t),f&&(n.config.globalProperties.$vvForm=t,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 z(t,s={}){return e.getCurrentInstance()?B(t,{...e.inject(_,{}),...s}):B(t,s)}function D(t,s={}){return B(t,s)}w.FormFieldType=c,w.createForm=Y,w.defaultObjectBySchema=R,w.formFactory=D,w.pluginInjectionKey=_,w.useForm=z,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.14",
+  "version": "1.0.0-beta.15",
   "description": "Vue 3 Forms with @volverjs/ui-vue",
   "author": "8 Wave S.r.l.",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "node": ">= 16.x"
   },
   "peerDependencies": {
-    "@volverjs/ui-vue": "0.0.10-beta.36",
+    "@volverjs/ui-vue": "0.0.10-beta.41",
     "@vueuse/core": "^10.11.0",
     "ts-dot-prop": "^2.1.4",
     "vue": "^3.4.29",

package/src/utils.ts

@@ -14,7 +14,7 @@ import {
 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>> {
-    const getInnerType = <Type extends ZodTypeAny>(
+    const getSchemaInnerType = <Type extends ZodTypeAny>(
         schema:
             | Type
             | ZodEffects<Type>
@@ -30,7 +30,23 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
         }
         return toReturn
     }
-    const innerType = getInnerType<AnyZodObject>(schema)
+    const isSchemaOptional = <Type extends ZodTypeAny>(
+        schema:
+            | Type
+            | ZodEffects<Type>
+            | ZodEffects<ZodEffects<Type>>
+            | ZodOptional<Type>,
+    ) => {
+        let toReturn = schema
+        while (toReturn instanceof ZodEffects) {
+            toReturn = toReturn.innerType()
+        }
+        if (toReturn instanceof ZodOptional) {
+            return true
+        }
+        return false
+    }
+    const innerType = getSchemaInnerType<AnyZodObject>(schema)
     const unknownKeys
 		= innerType instanceof ZodObject
 		    ? innerType._def.unknownKeys === 'passthrough'
@@ -41,7 +57,8 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
             (Object.entries(innerType.shape) as [string, ZodTypeAny][]).map(
                 ([key, subSchema]) => {
                     const originalValue = original[key]
-                    let innerType = getInnerType(subSchema)
+                    const isOptional = isSchemaOptional(subSchema)
+                    let innerType = getSchemaInnerType(subSchema)
                     let defaultValue: Partial<z.infer<Schema>> | undefined
                     if (innerType instanceof ZodDefault) {
                         defaultValue = innerType._def.defaultValue()
@@ -53,6 +70,9 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
                     ) {
                         return [key, originalValue]
                     }
+                    if ((originalValue === undefined || originalValue === null) && isOptional) {
+                        return [key, defaultValue]
+                    }
                     if (innerType instanceof ZodSchema) {
                         const parse = subSchema.safeParse(originalValue)
                         if (parse.success) {
@@ -64,7 +84,7 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
                         && Array.isArray(originalValue)
                         && originalValue.length
                     ) {
-                        const arrayType = getInnerType(innerType._def.type)
+                        const arrayType = getSchemaInnerType(innerType._def.type)
                         if (arrayType instanceof ZodObject) {
                             return [
                                 key,
@@ -82,7 +102,7 @@ export function defaultObjectBySchema<Schema extends FormSchema>(schema: Schema,
                         }
                     }
                     if (innerType instanceof ZodRecord && originalValue) {
-                        const valueType = getInnerType(innerType._def.valueType)
+                        const valueType = getSchemaInnerType(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])