@volverjs/form-vue 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/index.es.js

@@ -20,52 +20,52 @@ function G(e) {
   return typeof e > "u";
 }
 const ve = /^[0-9]+$/, ce = ["__proto__", "prototype", "constructor"];
-function L(e, l, t) {
+function L(e, s, t) {
   const o = de(t) ? t : void 0;
-  if (!H(e) || !Q(l))
+  if (!H(e) || !Q(s))
     return o;
-  const u = Y(l);
+  const u = Y(s);
   if (u.length !== 0) {
     for (const r of u) {
       if (r === "*")
         continue;
-      const a = function(s) {
-        return s.map((f) => G(f) || q(f) ? f : R(f) ? a(f) : f[r]);
+      const l = function(a) {
+        return a.map((f) => G(f) || q(f) ? f : R(f) ? l(f) : f[r]);
       };
-      if (R(e) && !ve.test(r) ? e = a(e) : e = e[r], G(e) || q(e))
+      if (R(e) && !ve.test(r) ? e = l(e) : e = e[r], G(e) || q(e))
         break;
     }
     return G(e) ? o : e;
   }
 }
-function X(e, l, t) {
-  if (!H(e) || !Q(l))
+function X(e, s, t) {
+  if (!H(e) || !Q(s))
     return;
-  const o = Y(l);
+  const o = Y(s);
   if (o.length === 0)
     return;
   const u = o.length;
   for (let r = 0; r < u; r++) {
-    const a = o[r];
+    const l = o[r];
     if (r === u - 1) {
-      e[a] = t;
+      e[l] = t;
       return;
     }
-    if (a === "*" && R(e)) {
-      const s = o.slice(r + 1).join(".");
+    if (l === "*" && R(e)) {
+      const a = o.slice(r + 1).join(".");
       for (const f of e)
-        X(f, s, t);
+        X(f, a, t);
       return;
     }
-    G(e[a]) && (e[a] = {}), e = e[a];
+    G(e[l]) && (e[l] = {}), e = e[l];
   }
 }
 function Y(e) {
-  const l = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
-  return l.some((t) => ce.indexOf(t) !== -1) ? [] : l;
+  const s = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
+  return s.some((t) => ce.indexOf(t) !== -1) ? [] : s;
 }
 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 || {});
-const me = (e, l, t, o) => z({
+const me = (e, s, t, o) => z({
   name: "VvFormField",
   props: {
     type: {
@@ -100,8 +100,8 @@ const me = (e, l, t, o) => z({
   },
   emits: ["invalid", "valid", "update:formData", "update:modelValue"],
   expose: ["invalid", "invalidLabel", "errors"],
-  setup(u, { slots: r, emit: a }) {
-    const s = k({
+  setup(u, { slots: r, emit: l }) {
+    const a = k({
       get() {
         if (n != null && n.formData)
           return L(
@@ -114,42 +114,42 @@ const me = (e, l, t, o) => z({
           Object(n.formData.value),
           String(u.name),
           i
-        ), a("update:modelValue", {
-          newValue: s.value,
+        ), l("update:modelValue", {
+          newValue: a.value,
           formData: n == null ? void 0 : n.formData
         }));
       }
     });
     D(() => {
-      s.value === void 0 && u.defaultValue !== void 0 && (s.value = u.defaultValue);
+      a.value === void 0 && u.defaultValue !== void 0 && (a.value = u.defaultValue);
     }), j(() => {
-      y(), V();
+      b(), y();
     });
-    const f = U(l, void 0);
+    const f = U(s, void 0);
     f && f.fields.value.add(u.name);
-    const n = U(e), { props: c, name: b } = P(u), m = k(() => {
+    const n = U(e), { props: c, name: h } = P(u), V = k(() => {
       if (n != null && n.errors.value)
         return L(n.errors.value, String(u.name));
-    }), v = k(() => {
+    }), m = k(() => {
       var i;
-      return (i = m.value) == null ? void 0 : i._errors;
-    }), h = k(() => m.value !== void 0), y = I(h, () => {
-      h.value ? (a("invalid", v.value), f && f.errors.value.set(
+      return (i = V.value) == null ? void 0 : i._errors;
+    }), v = k(() => V.value !== void 0), b = I(v, () => {
+      v.value ? (l("invalid", m.value), f && f.errors.value.set(
         u.name,
         {
-          _errors: v.value
+          _errors: m.value
         }
-      )) : (a("valid", s.value), f && f.errors.value.delete(
+      )) : (l("valid", a.value), f && f.errors.value.delete(
         u.name
       ));
-    }), V = I(
+    }), y = I(
       () => n == null ? void 0 : n.formData,
       () => {
-        a("update:formData", n == null ? void 0 : n.formData);
+        l("update:formData", n == null ? void 0 : n.formData);
       },
       { deep: !0 }
     ), g = (i) => {
-      s.value = i;
+      a.value = i;
     }, p = k(() => {
       let i = c.value;
       return typeof i == "function" && (i = i(n == null ? void 0 : n.formData)), Object.keys(i).reduce(
@@ -159,8 +159,8 @@ const me = (e, l, t, o) => z({
     }), A = k(() => ({
       ...p.value,
       name: p.value.name ?? u.name,
-      invalid: h.value,
-      valid: u.showValid ? !!(!h.value && s.value) : void 0,
+      invalid: v.value,
+      valid: u.showValid ? !!(!v.value && a.value) : void 0,
       type: ((i) => {
         if ([
           d.text,
@@ -179,28 +179,28 @@ const me = (e, l, t, o) => z({
         ].includes(i))
           return i;
       })(u.type),
-      invalidLabel: v.value,
-      modelValue: s.value,
+      invalidLabel: m.value,
+      modelValue: a.value,
       "onUpdate:modelValue": g
     }));
     return M(t, {
-      name: S(b),
-      errors: S(m)
+      name: S(h),
+      errors: S(V)
     }), { component: k(() => {
       if (u.type === d.custom)
         return {
           render() {
             var i;
             return ((i = r.default) == null ? void 0 : i.call(r, {
-              modelValue: s.value,
+              modelValue: a.value,
               onUpdate: g,
               submit: n == null ? void 0 : n.submit,
               validate: n == null ? void 0 : n.validate,
-              invalid: h.value,
-              invalidLabel: v.value,
+              invalid: v.value,
+              invalidLabel: m.value,
               formData: n == null ? void 0 : n.formData.value,
               formErrors: n == null ? void 0 : n.errors.value,
-              errors: m.value
+              errors: V.value
             })) ?? r.defalut;
           }
         };
@@ -256,41 +256,41 @@ const me = (e, l, t, o) => z({
         }
         return import("@volverjs/ui-vue/vv-input-text");
       });
-    }), hasProps: A, invalid: h };
+    }), hasProps: A, invalid: v };
   },
   render() {
     return this.is ? w(this.is, this.hasProps, this.$slots) : this.type === d.custom ? w(this.component, null, this.$slots) : w(this.component, this.hasProps, this.$slots);
   }
-}), J = (e, l = {}) => {
+}), J = (e, s = {}) => {
   const t = (r) => {
-    let a = r;
-    for (; a instanceof fe; )
-      a = a.innerType();
-    return a instanceof oe && (a = a._def.innerType), a;
+    let l = r;
+    for (; l instanceof fe; )
+      l = l.innerType();
+    return l instanceof oe && (l = l._def.innerType), l;
   }, o = t(e);
   return {
-    ...(o instanceof K ? o._def.unknownKeys === "passthrough" : !1) ? l : {},
+    ...(o instanceof K ? o._def.unknownKeys === "passthrough" : !1) ? s : {},
     ...Object.fromEntries(
       Object.entries(o.shape).map(
-        ([r, a]) => {
-          const s = l[r];
-          let f = t(a), n;
-          if (f instanceof ue && (n = f._def.defaultValue(), f = f._def.innerType), s === null && f instanceof le)
-            return [r, s];
+        ([r, l]) => {
+          const a = s[r];
+          let f = t(l), n;
+          if (f instanceof ue && (n = f._def.defaultValue(), f = f._def.innerType), a === null && f instanceof le)
+            return [r, a];
           if (f instanceof se) {
-            const c = a.safeParse(s);
+            const c = l.safeParse(a);
             if (c.success)
               return [r, c.data ?? n];
           }
-          if (f instanceof ie && Array.isArray(s) && s.length) {
+          if (f instanceof ie && Array.isArray(a) && a.length) {
             const c = t(f._def.type);
             if (c instanceof K)
               return [
                 r,
-                s.map(
-                  (b) => J(
+                a.map(
+                  (h) => J(
                     c,
-                    b && typeof b == "object" ? b : void 0
+                    h && typeof h == "object" ? h : void 0
                   )
                 ) ?? n
               ];
@@ -299,18 +299,18 @@ const me = (e, l, t, o) => z({
             r,
             J(
               f,
-              s && typeof s == "object" ? s : n
+              a && typeof a == "object" ? a : n
             )
           ] : [r, n];
         }
       )
     )
   };
-}, he = (e, l, t, o) => {
-  const u = C(), r = C(), a = C(), s = async (m = a.value) => {
+}, he = (e, s, t, o) => {
+  const u = C(), r = C(), l = k(() => r.value === x.invalid), a = C(), f = async (m = a.value) => {
     const v = await e.safeParseAsync(m);
     return v.success ? (u.value = void 0, r.value = x.valid, a.value = v.data, !0) : (u.value = v.error.format(), r.value = x.invalid, !1);
-  }, f = async () => await s() ? (r.value = x.submitting, !0) : !1, { ignoreUpdates: n, stop: c } = ae(
+  }, n = async () => await f() ? (r.value = x.submitting, !0) : !1, { ignoreUpdates: c, stop: h } = ae(
     a,
     () => {
       r.value = x.updated;
@@ -319,7 +319,7 @@ const me = (e, l, t, o) => z({
       deep: !0,
       eventFilter: ne((t == null ? void 0 : t.updateThrottle) ?? 500)
     }
-  ), b = z({
+  ), V = z({
     name: "VvForm",
     props: {
       continuosValidation: {
@@ -342,38 +342,38 @@ const me = (e, l, t, o) => z({
     emits: ["invalid", "valid", "submit", "update:modelValue"],
     expose: ["submit", "validate", "errors", "status", "valid", "invalid"],
     setup(m, { emit: v }) {
-      a.value = J(
+      return a.value = J(
         e,
         E(m.modelValue)
       ), I(
         () => m.modelValue,
-        (y) => {
-          if (y) {
-            const V = ee(y) ? E(y) : y;
-            a.value = typeof (V == null ? void 0 : V.clone) == "function" ? V.clone() : JSON.parse(JSON.stringify(V));
+        (b) => {
+          if (b) {
+            const y = ee(b) ? E(b) : b;
+            a.value = typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : JSON.parse(JSON.stringify(y));
           }
         },
         { deep: !0 }
-      ), I(r, async (y) => {
-        var V, g, p, A, W;
-        if (y === x.invalid) {
+      ), I(r, async (b) => {
+        var y, g, p, A, W;
+        if (b === x.invalid) {
           const i = E(
             u.value
           );
-          v("invalid", i), (V = t == null ? void 0 : t.onInvalid) == null || V.call(t, i);
+          v("invalid", i), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, i);
           return;
         }
-        if (y === x.valid) {
+        if (b === x.valid) {
           const i = E(a.value);
           v("valid", i), (g = t == null ? void 0 : t.onValid) == null || g.call(t, i), v("update:modelValue", i), (p = t == null ? void 0 : t.onUpdate) == null || p.call(t, i);
           return;
         }
-        if (y === x.submitting) {
+        if (b === x.submitting) {
           const i = E(a.value);
           v("submit", i), (A = t == null ? void 0 : t.onSubmit) == null || A.call(t, i);
         }
-        if (y === x.updated) {
-          if ((u.value || t != null && t.continuosValidation || m.continuosValidation) && await s(), !a.value || !m.modelValue || JSON.stringify(a.value) !== JSON.stringify(m.modelValue)) {
+        if (b === x.updated) {
+          if ((u.value || t != null && t.continuosValidation || m.continuosValidation) && await f(), !a.value || !m.modelValue || JSON.stringify(a.value) !== JSON.stringify(m.modelValue)) {
             const i = E(
               a.value
             );
@@ -381,32 +381,30 @@ const me = (e, l, t, o) => z({
           }
           r.value === x.updated && (r.value = x.unknown);
         }
-      });
-      const h = k(() => r.value === x.invalid);
-      return M(l, {
+      }), M(s, {
         formData: a,
-        submit: f,
-        validate: s,
-        ignoreUpdates: n,
-        stopUpdatesWatch: c,
+        submit: n,
+        validate: f,
+        ignoreUpdates: c,
+        stopUpdatesWatch: h,
         errors: S(u),
         status: S(r),
-        invalid: h
+        invalid: l
       }), {
         formData: a,
-        submit: f,
-        validate: s,
-        ignoreUpdates: n,
-        stopUpdatesWatch: c,
+        submit: n,
+        validate: f,
+        ignoreUpdates: c,
+        stopUpdatesWatch: h,
         errors: S(u),
         status: S(r),
-        invalid: h
+        invalid: l
       };
     },
     render() {
       const m = () => {
-        var v, h;
-        return ((h = (v = this.$slots) == null ? void 0 : v.default) == null ? void 0 : h.call(v, {
+        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,
@@ -441,17 +439,18 @@ const me = (e, l, t, o) => z({
   return {
     errors: u,
     status: r,
+    invalid: l,
     formData: a,
-    validate: s,
-    submit: f,
-    ignoreUpdates: n,
-    stopUpdatesWatch: c,
+    validate: f,
+    submit: n,
+    ignoreUpdates: c,
+    stopUpdatesWatch: h,
     /**
      * An hack to add types to the default slot
      */
-    VvForm: b
+    VvForm: V
   };
-}, be = (e, l) => z({
+}, be = (e, s) => z({
   name: "VvFormWrapper",
   props: {
     name: {
@@ -466,27 +465,27 @@ const me = (e, l, t, o) => z({
   emits: ["invalid", "valid"],
   expose: ["fields", "invalid"],
   setup(o, { emit: u }) {
-    const r = U(e), a = U(l, void 0), s = C(/* @__PURE__ */ new Set()), f = C(/* @__PURE__ */ new Map()), { name: n } = P(o);
-    M(l, {
+    const r = U(e), l = U(s, void 0), a = C(/* @__PURE__ */ new Set()), f = C(/* @__PURE__ */ new Map()), { name: n } = P(o);
+    M(s, {
       name: S(n),
       errors: f,
-      fields: s
+      fields: a
     }), I(
-      s,
-      (b) => {
-        a != null && a.fields && b.forEach((m) => {
-          a == null || a.fields.value.add(m);
+      a,
+      (h) => {
+        l != null && l.fields && h.forEach((V) => {
+          l == null || l.fields.value.add(V);
         });
       },
       { deep: !0 }
     ), I(
       () => new Map(f.value),
-      (b, m) => {
-        a != null && a.errors && (Array.from(m.keys()).forEach((v) => {
-          a.errors.value.delete(v);
-        }), Array.from(b.keys()).forEach((v) => {
-          const h = b.get(v);
-          h && a.errors.value.set(v, h);
+      (h, V) => {
+        l != null && l.errors && (Array.from(V.keys()).forEach((m) => {
+          l.errors.value.delete(m);
+        }), Array.from(h.keys()).forEach((m) => {
+          const v = h.get(m);
+          v && l.errors.value.set(m, v);
         }));
       },
       { deep: !0 }
@@ -500,7 +499,7 @@ const me = (e, l, t, o) => z({
       submit: r == null ? void 0 : r.submit,
       validate: r == null ? void 0 : r.validate,
       invalid: c,
-      fields: s,
+      fields: a,
       fieldsErrors: f
     };
   },
@@ -508,8 +507,8 @@ const me = (e, l, t, o) => z({
     var o, u;
     return this.tag ? w(this.tag, null, {
       default: () => {
-        var r, a;
-        return ((a = (r = this.$slots).default) == null ? void 0 : a.call(r, {
+        var r, l;
+        return ((l = (r = this.$slots).default) == null ? void 0 : l.call(r, {
           invalid: this.invalid,
           formData: this.formData,
           submit: this.submit,
@@ -527,7 +526,7 @@ const me = (e, l, t, o) => z({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), ye = (e, l) => {
+}), ye = (e, s) => {
   const t = z({
     name: "VvFormTemplate",
     props: {
@@ -541,14 +540,14 @@ const me = (e, l, t, o) => z({
       if (r != null && r.formData)
         return () => {
           var n;
-          const a = typeof o.schema == "function" ? o.schema(r) : o.schema;
-          let s;
-          const f = a.reduce((c, b) => {
-            const m = typeof b == "function" ? b(r) : b, {
-              vvIs: v,
-              vvName: h,
-              vvSlots: y,
-              vvChildren: V,
+          const l = typeof o.schema == "function" ? o.schema(r) : o.schema;
+          let a;
+          const f = l.reduce((c, h) => {
+            const V = typeof h == "function" ? h(r) : h, {
+              vvIs: m,
+              vvName: v,
+              vvSlots: b,
+              vvChildren: y,
               vvIf: g,
               vvElseIf: p,
               vvType: A,
@@ -556,44 +555,44 @@ const me = (e, l, t, o) => z({
               vvShowValid: i,
               vvContent: _,
               ...$
-            } = m;
+            } = V;
             if (g !== void 0) {
-              if (typeof g == "string" ? s = !!L(
+              if (typeof g == "string" ? a = !!L(
                 Object(r.formData.value),
                 g
-              ) : typeof g == "function" ? s = B(g(r)) : s = B(g), !s)
+              ) : typeof g == "function" ? a = B(g(r)) : a = B(g), !a)
                 return c;
-            } else if (p !== void 0 && s !== void 0) {
-              if (s || (typeof p == "string" ? s = !!L(
+            } else if (p !== void 0 && a !== void 0) {
+              if (a || (typeof p == "string" ? a = !!L(
                 Object(r.formData.value),
                 p
-              ) : typeof p == "function" ? s = B(p(r)) : s = B(p), !s))
+              ) : typeof p == "function" ? a = B(p(r)) : a = B(p), !a))
                 return c;
             } else
-              s = void 0;
-            const Z = V ? w(t, {
-              schema: V
+              a = void 0;
+            const Z = y ? w(t, {
+              schema: y
             }) : void 0;
-            return h ? (c.push(
+            return v ? (c.push(
               w(
-                l,
+                s,
                 {
-                  name: h,
-                  is: v,
+                  name: v,
+                  is: m,
                   type: A,
                   defaultValue: W,
                   showValid: i,
                   props: $
                 },
-                y ?? Z ?? _
+                b ?? Z ?? _
               )
-            ), c) : v ? (c.push(
+            ), c) : m ? (c.push(
               w(
-                v,
+                m,
                 $,
-                y ?? Z ?? _
+                b ?? Z ?? _
               )
-            ), c) : (V && c.push(Z), c);
+            ), c) : (y && c.push(Z), c);
           }, []);
           return f.push(
             (n = u == null ? void 0 : u.default) == null ? void 0 : n.call(u, {
@@ -609,56 +608,58 @@ const me = (e, l, t, o) => z({
     }
   });
   return t;
-}, N = (e, l = {}) => {
+}, N = (e, s = {}) => {
   const t = Symbol(), o = Symbol(), u = Symbol(), r = be(
     t,
     o
-  ), a = me(
+  ), l = me(
     t,
     o,
     u,
-    l
-  ), s = ye(t, a), {
+    s
+  ), a = ye(t, l), {
     VvForm: f,
     errors: n,
     status: c,
-    formData: b,
+    invalid: h,
+    formData: V,
     validate: m,
     submit: v,
-    ignoreUpdates: h,
+    ignoreUpdates: b,
     stopUpdatesWatch: y
-  } = he(e, t, l, s);
+  } = he(e, t, s, a);
   return {
     VvForm: f,
     VvFormWrapper: r,
-    VvFormField: a,
-    VvFormTemplate: s,
+    VvFormField: l,
+    VvFormTemplate: a,
     formInjectionKey: t,
     formWrapperInjectionKey: o,
     formFieldInjectionKey: u,
     errors: n,
     status: c,
-    formData: b,
+    invalid: h,
+    formData: V,
     validate: m,
     submit: v,
-    ignoreUpdates: h,
+    ignoreUpdates: b,
     stopUpdatesWatch: y
   };
 }, T = Symbol(), xe = (e) => {
-  let l = {};
-  return e.schema && (l = N(e.schema, e)), {
-    ...l,
+  let s = {};
+  return e.schema && (s = N(e.schema, e)), {
+    ...s,
     install(t, { global: o = !1 } = {}) {
-      t.provide(T, e), o && (t.config.globalProperties.$vvForm = e, l != null && l.VvForm && t.component("VvForm", l.VvForm), l != null && l.VvFormWrapper && t.component("VvFormWrapper", l.VvFormWrapper), l != null && l.VvFormField && t.component("VvFormField", l.VvFormField), l != null && l.VvFormTemplate && t.component("VvFormTemplate", l.VvFormTemplate));
+      t.provide(T, e), o && (t.config.globalProperties.$vvForm = e, s != null && s.VvForm && t.component("VvForm", s.VvForm), s != null && s.VvFormWrapper && t.component("VvFormWrapper", s.VvFormWrapper), s != null && s.VvFormField && t.component("VvFormField", s.VvFormField), s != null && s.VvFormTemplate && t.component("VvFormTemplate", s.VvFormTemplate));
     }
   };
-}, ke = (e, l = {}) => te() ? N(
+}, ke = (e, s = {}) => te() ? N(
   e,
   {
     ...U(T, {}),
-    ...l
+    ...s
   }
-) : N(e, l), we = (e, l = {}) => N(e, l);
+) : N(e, s), we = (e, s = {}) => N(e, s);
 export {
   d as FormFieldType,
   xe as createForm,