@volverjs/form-vue 0.0.13 → 0.0.14-beta.2

package/dist/index.es.js

@@ -1,71 +1,71 @@
-import { defineComponent as W, computed as y, onMounted as T, onBeforeUnmount as D, inject as S, toRefs as q, watch as O, unref as I, provide as z, readonly as k, resolveComponent as g, defineAsyncComponent as j, h as x, ref as C, toRaw as J, isProxy as F, withModifiers as ee, getCurrentInstance as re } from "vue";
+import { defineComponent as G, computed as y, onMounted as Y, onBeforeUnmount as D, inject as S, toRefs as P, watch as w, unref as I, provide as K, readonly as k, resolveComponent as g, defineAsyncComponent as j, h as x, ref as A, toRaw as U, isProxy as F, withModifiers as ee, getCurrentInstance as re } from "vue";
 import { watchThrottled as te } from "@vueuse/core";
-import { ZodObject as M, ZodDefault as ae, ZodNullable as ne, ZodSchema as se, ZodEffects as oe, ZodOptional as ue } from "zod";
-function A(e) {
+import { ZodObject as W, ZodDefault as ae, ZodNullable as ne, ZodSchema as oe, ZodArray as se, ZodEffects as ue, ZodOptional as ie } from "zod";
+function z(e) {
   return Array.isArray(e);
 }
-function ie(e) {
+function le(e) {
   return typeof e < "u";
 }
-function U(e) {
+function q(e) {
   return e === null;
 }
-function P(e) {
+function T(e) {
   return typeof e == "object";
 }
 function H(e) {
   return typeof e == "string";
 }
-function N(e) {
+function _(e) {
   return typeof e > "u";
 }
-const le = /^[0-9]+$/, fe = ["__proto__", "prototype", "constructor"];
-function G(e, s, l) {
-  const u = ie(l) ? l : void 0;
-  if (!P(e) || !H(s))
-    return u;
-  const n = R(s);
+const fe = /^[0-9]+$/, ve = ["__proto__", "prototype", "constructor"];
+function N(e, o, l) {
+  const i = le(l) ? l : void 0;
+  if (!T(e) || !H(o))
+    return i;
+  const n = R(o);
   if (n.length !== 0) {
     for (const r of n) {
       if (r === "*")
         continue;
-      const o = function(a) {
-        return a.map((i) => N(i) || U(i) ? i : A(i) ? o(i) : i[r]);
+      const s = function(a) {
+        return a.map((u) => _(u) || q(u) ? u : z(u) ? s(u) : u[r]);
       };
-      if (A(e) && !le.test(r) ? e = o(e) : e = e[r], N(e) || U(e))
+      if (z(e) && !fe.test(r) ? e = s(e) : e = e[r], _(e) || q(e))
         break;
     }
-    return N(e) ? u : e;
+    return _(e) ? i : e;
   }
 }
-function Q(e, s, l) {
-  if (!P(e) || !H(s))
+function Q(e, o, l) {
+  if (!T(e) || !H(o))
     return;
-  const u = R(s);
-  if (u.length === 0)
+  const i = R(o);
+  if (i.length === 0)
     return;
-  const n = u.length;
+  const n = i.length;
   for (let r = 0; r < n; r++) {
-    const o = u[r];
+    const s = i[r];
     if (r === n - 1) {
-      e[o] = l;
+      e[s] = l;
       return;
     }
-    if (o === "*" && A(e)) {
-      const a = u.slice(r + 1).join(".");
-      for (const i of e)
-        Q(i, a, l);
+    if (s === "*" && z(e)) {
+      const a = i.slice(r + 1).join(".");
+      for (const u of e)
+        Q(u, a, l);
       return;
     }
-    N(e[o]) && (e[o] = {}), e = e[o];
+    _(e[s]) && (e[s] = {}), e = e[s];
   }
 }
 function R(e) {
-  const s = e.split(/[.]|(?:\[(\d|\*)\])/).filter((l) => !!l);
-  return s.some((l) => fe.indexOf(l) !== -1) ? [] : s;
+  const o = e.split(/[.]|(?:\[(\d|\*)\])/).filter((l) => !!l);
+  return o.some((l) => ve.indexOf(l) !== -1) ? [] : o;
 }
-var v = /* @__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))(v || {}), B = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e))(B || {});
-const ve = (e, s, l, u) => W({
+var v = /* @__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))(v || {}), $ = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e))($ || {});
+const de = (e, o, l, i) => G({
   name: "FieldComponent",
   props: {
     type: {
@@ -100,11 +100,11 @@ const ve = (e, s, l, u) => W({
   },
   emits: ["invalid", "valid", "update:formData", "update:modelValue"],
   expose: ["invalid", "invalidLabel", "errors"],
-  setup(n, { slots: r, emit: o }) {
+  setup(n, { slots: r, emit: s }) {
     const a = y({
       get() {
         if (t != null && t.formData)
-          return G(
+          return N(
             Object(t.formData.value),
             String(n.name)
           );
@@ -114,51 +114,51 @@ const ve = (e, s, l, u) => W({
           Object(t.formData.value),
           String(n.name),
           f
-        ), o("update:modelValue", {
+        ), s("update:modelValue", {
           newValue: a.value,
           formData: t == null ? void 0 : t.formData
         }));
       }
     });
-    T(() => {
+    Y(() => {
       a.value === void 0 && n.defaultValue !== void 0 && (a.value = n.defaultValue);
     }), D(() => {
       E(), V();
     });
-    const i = S(s, void 0);
-    i && i.fields.value.add(n.name);
-    const t = S(e), { props: m, name: h } = q(n), d = y(() => {
+    const u = S(o, void 0);
+    u && u.fields.value.add(n.name);
+    const t = S(e), { props: m, name: h } = P(n), d = y(() => {
       if (t != null && t.errors.value)
-        return G(t.errors.value, String(n.name));
+        return N(t.errors.value, String(n.name));
     }), c = y(() => {
       var f;
       return (f = d.value) == null ? void 0 : f._errors;
-    }), b = y(() => d.value !== void 0), E = O(b, () => {
-      b.value ? (o("invalid", c.value), i && i.errors.value.set(
+    }), b = y(() => d.value !== void 0), E = w(b, () => {
+      b.value ? (s("invalid", c.value), u && u.errors.value.set(
         n.name,
         {
           _errors: c.value
         }
-      )) : (o("valid", a.value), i && i.errors.value.delete(
+      )) : (s("valid", a.value), u && u.errors.value.delete(
         n.name
       ));
-    }), V = O(
+    }), V = w(
       () => t == null ? void 0 : t.formData,
       () => {
-        o("update:formData", t == null ? void 0 : t.formData);
+        s("update:formData", t == null ? void 0 : t.formData);
       },
       { deep: !0 }
     ), p = (f) => {
       a.value = f;
-    }, $ = y(() => {
+    }, C = y(() => {
       let f = m.value;
       return typeof f == "function" && (f = f(t == null ? void 0 : t.formData)), Object.keys(f).reduce(
-        (w, Z) => (w[Z] = I(f[Z]), w),
+        (O, M) => (O[M] = I(f[M]), O),
         {}
       );
-    }), _ = y(() => ({
-      ...$.value,
-      name: $.value.name ?? n.name,
+    }), L = y(() => ({
+      ...C.value,
+      name: C.value.name ?? n.name,
       invalid: b.value,
       valid: n.showValid ? !!(!b.value && a.value) : void 0,
       type: ((f) => {
@@ -183,7 +183,7 @@ const ve = (e, s, l, u) => W({
       modelValue: a.value,
       "onUpdate:modelValue": p
     }));
-    return z(l, {
+    return K(l, {
       name: k(h),
       errors: k(d)
     }), { component: y(() => {
@@ -204,7 +204,7 @@ const ve = (e, s, l, u) => W({
             })) ?? r.defalut;
           }
         };
-      if (!((u == null ? void 0 : u.lazyLoad) ?? n.lazyLoad)) {
+      if (!((i == null ? void 0 : i.lazyLoad) ?? n.lazyLoad)) {
         let f;
         switch (n.type) {
           case v.select:
@@ -238,7 +238,7 @@ const ve = (e, s, l, u) => W({
         );
       }
       return j(async () => {
-        switch (u != null && u.sideEffects && await Promise.resolve(u.sideEffects(n.type)), n.type) {
+        switch (i != null && i.sideEffects && await Promise.resolve(i.sideEffects(n.type)), n.type) {
           case v.textarea:
             return import("@volverjs/ui-vue/vv-textarea");
           case v.radio:
@@ -256,47 +256,58 @@ const ve = (e, s, l, u) => W({
         }
         return import("@volverjs/ui-vue/vv-input-text");
       });
-    }), hasProps: _, invalid: b };
+    }), hasProps: L, invalid: b };
   },
   render() {
     return this.is ? x(this.is, this.hasProps, this.$slots) : this.type === v.custom ? x(this.component, null, this.$slots) : x(this.component, this.hasProps, this.$slots);
   }
-}), X = (e, s = {}) => {
+}), Z = (e, o = {}) => {
   const l = (r) => {
-    let o = r;
-    for (; o instanceof oe; )
-      o = o.innerType();
-    for (; o instanceof ue; )
-      o = o._def.innerType;
-    return o;
-  }, u = l(e);
+    let s = r;
+    for (; s instanceof ue; )
+      s = s.innerType();
+    return s instanceof ie && (s = s._def.innerType), s;
+  }, i = l(e);
   return {
-    ...(u instanceof M ? u._def.unknownKeys === "passthrough" : !1) ? s : {},
+    ...(i instanceof W ? i._def.unknownKeys === "passthrough" : !1) ? o : {},
     ...Object.fromEntries(
-      Object.entries(u.shape).map(
-        ([r, o]) => {
-          const a = s[r], i = l(o);
-          let t;
-          if (i instanceof ae && (t = i._def.defaultValue()), a === null && i instanceof ne)
+      Object.entries(i.shape).map(
+        ([r, s]) => {
+          const a = o[r];
+          let u = l(s), t;
+          if (u instanceof ae && (t = u._def.defaultValue(), u = u._def.innerType), a === null && u instanceof ne)
             return [r, a];
-          if (i instanceof se) {
-            const m = o.safeParse(a);
+          if (u instanceof oe) {
+            const m = s.safeParse(a);
             if (m.success)
               return [r, m.data ?? t];
           }
-          return i instanceof M ? [
+          if (u instanceof se && Array.isArray(a) && a.length) {
+            const m = l(u._def.type);
+            if (m instanceof W)
+              return [
+                r,
+                a.map(
+                  (h) => Z(
+                    m,
+                    h && typeof h == "object" ? h : void 0
+                  )
+                ) ?? t
+              ];
+          }
+          return u instanceof W ? [
             r,
-            X(
-              i,
-              a && typeof a == "object" ? a : {}
+            Z(
+              u,
+              a && typeof a == "object" ? a : t
             )
           ] : [r, t];
         }
       )
     )
   };
-}, de = (e, s, l) => {
-  const u = C(), n = C(), r = C(), o = W({
+}, ce = (e, o, l) => {
+  const i = A(), n = A(), r = A(), s = G({
     name: "FormComponent",
     props: {
       modelValue: {
@@ -314,15 +325,15 @@ const ve = (e, s, l, u) => W({
     },
     emits: ["invalid", "valid", "submit", "update:modelValue"],
     expose: ["submit", "validate", "errors", "status", "valid", "invalid"],
-    setup(a, { emit: i }) {
-      r.value = X(
+    setup(a, { emit: u }) {
+      r.value = Z(
         e,
-        J(a.modelValue)
-      ), O(
+        U(a.modelValue)
+      ), w(
         () => a.modelValue,
         (d) => {
           if (d) {
-            const c = F(d) ? J(d) : d;
+            const c = F(d) ? U(d) : d;
             r.value = typeof (c == null ? void 0 : c.clone) == "function" ? c.clone() : JSON.parse(JSON.stringify(c));
           }
         },
@@ -330,7 +341,7 @@ const ve = (e, s, l, u) => W({
       ), te(
         r,
         (d) => {
-          ((u.value || (l == null ? void 0 : l.continuosValidation)) ?? a.continuosValidation) && t(), (!d || !a.modelValue || JSON.stringify(d) !== JSON.stringify(a.modelValue)) && i("update:modelValue", d);
+          ((i.value || (l == null ? void 0 : l.continuosValidation)) ?? a.continuosValidation) && t(), (!d || !a.modelValue || JSON.stringify(d) !== JSON.stringify(a.modelValue)) && u("update:modelValue", d);
         },
         {
           deep: !0,
@@ -339,20 +350,20 @@ const ve = (e, s, l, u) => W({
       );
       const t = (d = r.value) => {
         const c = e.safeParse(d);
-        return c.success ? (u.value = void 0, n.value = B.valid, r.value = c.data, i("update:modelValue", r.value), i("valid", c.data), !0) : (u.value = c.error.format(), n.value = B.invalid, i("invalid", u.value), !1);
-      }, m = () => t() ? (i("submit", r.value), !0) : !1, h = y(() => n.value === B.invalid);
-      return z(s, {
+        return c.success ? (i.value = void 0, n.value = $.valid, r.value = c.data, u("update:modelValue", r.value), u("valid", c.data), !0) : (i.value = c.error.format(), n.value = $.invalid, u("invalid", i.value), !1);
+      }, m = () => t() ? (u("submit", r.value), !0) : !1, h = y(() => n.value === $.invalid);
+      return K(o, {
         formData: r,
         submit: m,
         validate: t,
-        errors: k(u),
+        errors: k(i),
         status: k(n),
         invalid: h
       }), {
         formData: r,
         submit: m,
         validate: t,
-        errors: k(u),
+        errors: k(i),
         status: k(n),
         invalid: h
       };
@@ -365,8 +376,8 @@ const ve = (e, s, l, u) => W({
         },
         {
           default: () => {
-            var a, i;
-            return ((i = (a = this.$slots) == null ? void 0 : a.default) == null ? void 0 : i.call(a, {
+            var a, u;
+            return ((u = (a = this.$slots) == null ? void 0 : a.default) == null ? void 0 : u.call(a, {
               formData: this.formData,
               submit: this.submit,
               validate: this.validate,
@@ -380,15 +391,15 @@ const ve = (e, s, l, u) => W({
     }
   });
   return {
-    errors: u,
+    errors: i,
     status: n,
     formData: r,
     /**
      * An hack to add types to the default slot
      */
-    VvForm: o
+    VvForm: s
   };
-}, ce = (e, s) => W({
+}, me = (e, o) => G({
   name: "WrapperComponent",
   props: {
     name: {
@@ -402,34 +413,34 @@ const ve = (e, s, l, u) => W({
   },
   emits: ["invalid", "valid"],
   expose: ["fields", "invalid"],
-  setup(u, { emit: n }) {
-    const r = S(e), o = S(s, void 0), a = C(/* @__PURE__ */ new Set()), i = C(/* @__PURE__ */ new Map()), { name: t } = q(u);
-    z(s, {
+  setup(i, { emit: n }) {
+    const r = S(e), s = S(o, void 0), a = A(/* @__PURE__ */ new Set()), u = A(/* @__PURE__ */ new Map()), { name: t } = P(i);
+    K(o, {
       name: k(t),
-      errors: i,
+      errors: u,
       fields: a
-    }), O(
+    }), w(
       a,
       (h) => {
-        o != null && o.fields && h.forEach((d) => {
-          o == null || o.fields.value.add(d);
+        s != null && s.fields && h.forEach((d) => {
+          s == null || s.fields.value.add(d);
         });
       },
       { deep: !0 }
-    ), O(
-      () => new Map(i.value),
+    ), w(
+      () => new Map(u.value),
       (h, d) => {
-        o != null && o.errors && (Array.from(d.keys()).forEach((c) => {
-          o.errors.value.delete(c);
+        s != null && s.errors && (Array.from(d.keys()).forEach((c) => {
+          s.errors.value.delete(c);
         }), Array.from(h.keys()).forEach((c) => {
           const b = h.get(c);
-          b && o.errors.value.set(c, b);
+          b && s.errors.value.set(c, b);
         }));
       },
       { deep: !0 }
     );
-    const m = y(() => r != null && r.invalid.value ? i.value.size > 0 : !1);
-    return O(m, () => {
+    const m = y(() => r != null && r.invalid.value ? u.value.size > 0 : !1);
+    return w(m, () => {
       m.value ? n("invalid") : n("valid");
     }), {
       formData: r == null ? void 0 : r.formData,
@@ -438,15 +449,15 @@ const ve = (e, s, l, u) => W({
       validate: r == null ? void 0 : r.validate,
       invalid: m,
       fields: a,
-      fieldsErrors: i
+      fieldsErrors: u
     };
   },
   render() {
-    var u, n;
+    var i, n;
     return this.tag ? x(this.tag, null, {
       default: () => {
-        var r, o;
-        return ((o = (r = this.$slots).default) == null ? void 0 : o.call(r, {
+        var r, s;
+        return ((s = (r = this.$slots).default) == null ? void 0 : s.call(r, {
           invalid: this.invalid,
           formData: this.formData,
           submit: this.submit,
@@ -455,7 +466,7 @@ const ve = (e, s, l, u) => W({
           fieldsErrors: this.fieldsErrors
         })) ?? this.$slots.defalut;
       }
-    }) : ((n = (u = this.$slots).default) == null ? void 0 : n.call(u, {
+    }) : ((n = (i = this.$slots).default) == null ? void 0 : n.call(i, {
       invalid: this.invalid,
       formData: this.formData,
       submit: this.submit,
@@ -464,23 +475,23 @@ const ve = (e, s, l, u) => W({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), me = (e, s) => {
-  const l = W({
+}), he = (e, o) => {
+  const l = G({
     props: {
       schema: {
         type: [Array, Function],
         required: !0
       }
     },
-    setup(u, { slots: n }) {
+    setup(i, { slots: n }) {
       const r = S(e);
       if (!(r != null && r.formData))
         return;
-      const o = typeof u.schema == "function" ? u.schema(r) : u.schema;
+      const s = typeof i.schema == "function" ? i.schema(r) : i.schema;
       let a;
       return () => {
-        var i;
-        return o.reduce(
+        var u;
+        return s.reduce(
           (t, m) => {
             const h = typeof m == "function" ? m(r) : m, {
               vvIs: d,
@@ -489,51 +500,51 @@ const ve = (e, s, l, u) => W({
               vvChildren: E,
               vvIf: V,
               vvElseIf: p,
-              vvType: $,
-              vvDefaultValue: _,
-              vvShowValid: K,
+              vvType: C,
+              vvDefaultValue: L,
+              vvShowValid: J,
               ...f
             } = h;
             if (V !== void 0) {
-              if (typeof V == "string" ? a = !!G(
+              if (typeof V == "string" ? a = !!N(
                 Object(r.formData.value),
                 V
               ) : typeof V == "function" ? a = I(V(r)) : a = I(V), !a)
                 return t;
             } else if (p !== void 0 && a !== void 0) {
-              if (a || (typeof p == "string" ? a = !!G(
+              if (a || (typeof p == "string" ? a = !!N(
                 Object(r.formData.value),
                 p
               ) : typeof p == "function" ? a = I(p(r)) : a = I(p), !a))
                 return t;
             } else
               a = void 0;
-            const w = E ? x(l, {
+            const O = E ? x(l, {
               schema: E
             }) : void 0;
             return c ? (t.push(
               x(
-                s,
+                o,
                 {
                   name: c,
                   is: d,
-                  type: $,
-                  defaultValue: _,
-                  showValid: K,
+                  type: C,
+                  defaultValue: L,
+                  showValid: J,
                   props: f
                 },
-                b ?? w
+                b ?? O
               )
             ), t) : d ? (t.push(
               x(
                 d,
                 f,
-                b ?? w
+                b ?? O
               )
-            ), t) : (E && t.push(w), t);
+            ), t) : (E && t.push(O), t);
           },
           [
-            (i = n == null ? void 0 : n.default) == null ? void 0 : i.call(n, {
+            (u = n == null ? void 0 : n.default) == null ? void 0 : u.call(n, {
               formData: r == null ? void 0 : r.formData.value,
               submit: r == null ? void 0 : r.submit,
               validate: r == null ? void 0 : r.validate,
@@ -547,49 +558,49 @@ const ve = (e, s, l, u) => W({
     }
   });
   return l;
-}, L = (e, s = {}) => {
-  const l = Symbol(), u = Symbol(), n = Symbol(), { VvForm: r, errors: o, status: a, formData: i } = de(
+}, B = (e, o = {}) => {
+  const l = Symbol(), i = Symbol(), n = Symbol(), { VvForm: r, errors: s, status: a, formData: u } = ce(
     e,
     l,
-    s
-  ), t = ce(
+    o
+  ), t = me(
     l,
-    u
-  ), m = ve(
+    i
+  ), m = de(
     l,
-    u,
+    i,
     n,
-    s
-  ), h = me(l, m);
+    o
+  ), h = he(l, m);
   return {
     VvForm: r,
     VvFormWrapper: t,
     VvFormField: m,
     VvFormTemplate: h,
     formInjectionKey: l,
-    formWrapperInjectionKey: u,
+    formWrapperInjectionKey: i,
     formFieldInjectionKey: n,
-    errors: o,
+    errors: s,
     status: a,
-    formData: i
+    formData: u
   };
-}, Y = Symbol(), ye = (e) => {
-  let s = {};
-  return e.schema && (s = L(e.schema, e)), {
-    ...s,
-    install(l, { global: u = !1 } = {}) {
-      l.provide(Y, e), u && (l.config.globalProperties.$vvForm = e, s != null && s.VvForm && l.component("VvForm", s.VvForm), s != null && s.VvFormWrapper && l.component("VvFormWrapper", s.VvFormWrapper), s != null && s.VvFormField && l.component("VvFormField", s.VvFormField), s != null && s.VvFormTemplate && l.component("VvFormTemplate", s.VvFormTemplate));
+}, X = Symbol(), Ve = (e) => {
+  let o = {};
+  return e.schema && (o = B(e.schema, e)), {
+    ...o,
+    install(l, { global: i = !1 } = {}) {
+      l.provide(X, e), i && (l.config.globalProperties.$vvForm = e, o != null && o.VvForm && l.component("VvForm", o.VvForm), o != null && o.VvFormWrapper && l.component("VvFormWrapper", o.VvFormWrapper), o != null && o.VvFormField && l.component("VvFormField", o.VvFormField), o != null && o.VvFormTemplate && l.component("VvFormTemplate", o.VvFormTemplate));
     }
   };
-}, Ve = (e, s = {}) => re() ? L(e, {
-  ...S(Y, {}),
-  ...s
-}) : L(e, s), ge = (e, s = {}) => L(e, s);
+}, ge = (e, o = {}) => re() ? B(e, {
+  ...S(X, {}),
+  ...o
+}) : B(e, o), xe = (e, o = {}) => B(e, o);
 export {
   v as FormFieldType,
-  ye as createForm,
-  X as defaultObjectBySchema,
-  ge as formFactory,
-  Y as pluginInjectionKey,
-  Ve as useForm
+  Ve as createForm,
+  Z as defaultObjectBySchema,
+  xe as formFactory,
+  X as pluginInjectionKey,
+  ge as useForm
 };