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

package/dist/index.es.js

@@ -1,71 +1,71 @@
-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 W, ZodDefault as ae, ZodNullable as ne, ZodSchema as oe, ZodArray as se, ZodEffects as ue, ZodOptional as ie } from "zod";
-function z(e) {
+import { defineComponent as W, computed as g, onMounted as D, onBeforeUnmount as j, inject as I, toRefs as R, watch as E, unref as _, provide as M, readonly as p, resolveComponent as O, defineAsyncComponent as F, h as x, ref as $, toRaw as S, isProxy as ee, withModifiers as re, getCurrentInstance as te } from "vue";
+import { watchThrottled as ae } from "@vueuse/core";
+import { ZodObject as K, ZodDefault as ue, ZodNullable as ne, ZodSchema as le, ZodArray as se, ZodEffects as ie, ZodOptional as fe } from "zod";
+function U(e) {
   return Array.isArray(e);
 }
-function le(e) {
+function oe(e) {
   return typeof e < "u";
 }
-function q(e) {
+function P(e) {
   return e === null;
 }
-function T(e) {
+function H(e) {
   return typeof e == "object";
 }
-function H(e) {
+function Q(e) {
   return typeof e == "string";
 }
-function _(e) {
+function N(e) {
   return typeof e > "u";
 }
-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);
+const de = /^[0-9]+$/, ve = ["__proto__", "prototype", "constructor"];
+function G(e, l, t) {
+  const f = oe(t) ? t : void 0;
+  if (!H(e) || !Q(l))
+    return f;
+  const n = X(l);
   if (n.length !== 0) {
     for (const r of n) {
       if (r === "*")
         continue;
-      const s = function(a) {
-        return a.map((u) => _(u) || q(u) ? u : z(u) ? s(u) : u[r]);
+      const u = function(i) {
+        return i.map((s) => N(s) || P(s) ? s : U(s) ? u(s) : s[r]);
       };
-      if (z(e) && !fe.test(r) ? e = s(e) : e = e[r], _(e) || q(e))
+      if (U(e) && !de.test(r) ? e = u(e) : e = e[r], N(e) || P(e))
         break;
     }
-    return _(e) ? i : e;
+    return N(e) ? f : e;
   }
 }
-function Q(e, o, l) {
-  if (!T(e) || !H(o))
+function T(e, l, t) {
+  if (!H(e) || !Q(l))
     return;
-  const i = R(o);
-  if (i.length === 0)
+  const f = X(l);
+  if (f.length === 0)
     return;
-  const n = i.length;
+  const n = f.length;
   for (let r = 0; r < n; r++) {
-    const s = i[r];
+    const u = f[r];
     if (r === n - 1) {
-      e[s] = l;
+      e[u] = t;
       return;
     }
-    if (s === "*" && z(e)) {
-      const a = i.slice(r + 1).join(".");
-      for (const u of e)
-        Q(u, a, l);
+    if (u === "*" && U(e)) {
+      const i = f.slice(r + 1).join(".");
+      for (const s of e)
+        T(s, i, t);
       return;
     }
-    _(e[s]) && (e[s] = {}), e = e[s];
+    N(e[u]) && (e[u] = {}), e = e[u];
   }
 }
-function R(e) {
-  const o = e.split(/[.]|(?:\[(\d|\*)\])/).filter((l) => !!l);
-  return o.some((l) => ve.indexOf(l) !== -1) ? [] : o;
+function X(e) {
+  const l = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
+  return l.some((t) => ve.indexOf(t) !== -1) ? [] : l;
 }
-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({
+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 ce = (e, l, t, f) => W({
   name: "FieldComponent",
   props: {
     type: {
@@ -100,68 +100,68 @@ const de = (e, o, l, i) => G({
   },
   emits: ["invalid", "valid", "update:formData", "update:modelValue"],
   expose: ["invalid", "invalidLabel", "errors"],
-  setup(n, { slots: r, emit: s }) {
-    const a = y({
+  setup(n, { slots: r, emit: u }) {
+    const i = g({
       get() {
-        if (t != null && t.formData)
-          return N(
-            Object(t.formData.value),
+        if (a != null && a.formData)
+          return G(
+            Object(a.formData.value),
             String(n.name)
           );
       },
-      set(f) {
-        t != null && t.formData && (Q(
-          Object(t.formData.value),
+      set(d) {
+        a != null && a.formData && (T(
+          Object(a.formData.value),
           String(n.name),
-          f
-        ), s("update:modelValue", {
-          newValue: a.value,
-          formData: t == null ? void 0 : t.formData
+          d
+        ), u("update:modelValue", {
+          newValue: i.value,
+          formData: a == null ? void 0 : a.formData
         }));
       }
     });
-    Y(() => {
-      a.value === void 0 && n.defaultValue !== void 0 && (a.value = n.defaultValue);
-    }), D(() => {
-      E(), V();
+    D(() => {
+      i.value === void 0 && n.defaultValue !== void 0 && (i.value = n.defaultValue);
+    }), j(() => {
+      w(), k();
     });
-    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 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 = w(b, () => {
-      b.value ? (s("invalid", c.value), u && u.errors.value.set(
+    const s = I(l, void 0);
+    s && s.fields.value.add(n.name);
+    const a = I(e), { props: o, name: h } = R(n), b = g(() => {
+      if (a != null && a.errors.value)
+        return G(a.errors.value, String(n.name));
+    }), c = g(() => {
+      var d;
+      return (d = b.value) == null ? void 0 : d._errors;
+    }), m = g(() => b.value !== void 0), w = E(m, () => {
+      m.value ? (u("invalid", c.value), s && s.errors.value.set(
         n.name,
         {
           _errors: c.value
         }
-      )) : (s("valid", a.value), u && u.errors.value.delete(
+      )) : (u("valid", i.value), s && s.errors.value.delete(
         n.name
       ));
-    }), V = w(
-      () => t == null ? void 0 : t.formData,
+    }), k = E(
+      () => a == null ? void 0 : a.formData,
       () => {
-        s("update:formData", t == null ? void 0 : t.formData);
+        u("update:formData", a == null ? void 0 : a.formData);
       },
       { deep: !0 }
-    ), p = (f) => {
-      a.value = f;
-    }, C = y(() => {
-      let f = m.value;
-      return typeof f == "function" && (f = f(t == null ? void 0 : t.formData)), Object.keys(f).reduce(
-        (O, M) => (O[M] = I(f[M]), O),
+    ), y = (d) => {
+      i.value = d;
+    }, V = g(() => {
+      let d = o.value;
+      return typeof d == "function" && (d = d(a == null ? void 0 : a.formData)), Object.keys(d).reduce(
+        (A, C) => (A[C] = _(d[C]), A),
         {}
       );
-    }), L = y(() => ({
-      ...C.value,
-      name: C.value.name ?? n.name,
-      invalid: b.value,
-      valid: n.showValid ? !!(!b.value && a.value) : void 0,
-      type: ((f) => {
+    }), z = g(() => ({
+      ...V.value,
+      name: V.value.name ?? n.name,
+      invalid: m.value,
+      valid: n.showValid ? !!(!m.value && i.value) : void 0,
+      type: ((d) => {
         if ([
           v.text,
           v.number,
@@ -176,69 +176,69 @@ const de = (e, o, l, i) => G({
           v.month,
           v.week,
           v.color
-        ].includes(f))
-          return f;
+        ].includes(d))
+          return d;
       })(n.type),
       invalidLabel: c.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": p
+      modelValue: i.value,
+      "onUpdate:modelValue": y
     }));
-    return K(l, {
-      name: k(h),
-      errors: k(d)
-    }), { component: y(() => {
+    return M(t, {
+      name: p(h),
+      errors: p(b)
+    }), { component: g(() => {
       if (n.type === v.custom)
         return {
           render() {
-            var f;
-            return ((f = r.default) == null ? void 0 : f.call(r, {
-              modelValue: a.value,
-              onUpdate: p,
-              submit: t == null ? void 0 : t.submit,
-              validate: t == null ? void 0 : t.validate,
-              invalid: b.value,
+            var d;
+            return ((d = r.default) == null ? void 0 : d.call(r, {
+              modelValue: i.value,
+              onUpdate: y,
+              submit: a == null ? void 0 : a.submit,
+              validate: a == null ? void 0 : a.validate,
+              invalid: m.value,
               invalidLabel: c.value,
-              formData: t == null ? void 0 : t.formData.value,
-              formErrors: t == null ? void 0 : t.errors.value,
-              errors: d.value
+              formData: a == null ? void 0 : a.formData.value,
+              formErrors: a == null ? void 0 : a.errors.value,
+              errors: b.value
             })) ?? r.defalut;
           }
         };
-      if (!((i == null ? void 0 : i.lazyLoad) ?? n.lazyLoad)) {
-        let f;
+      if (!((f == null ? void 0 : f.lazyLoad) ?? n.lazyLoad)) {
+        let d;
         switch (n.type) {
           case v.select:
-            f = g("VvSelect");
+            d = O("VvSelect");
             break;
           case v.checkbox:
-            f = g("VvCheckbox");
+            d = O("VvCheckbox");
             break;
           case v.radio:
-            f = g("VvRadio");
+            d = O("VvRadio");
             break;
           case v.textarea:
-            f = g("VvTextarea");
+            d = O("VvTextarea");
             break;
           case v.radioGroup:
-            f = g("VvRadioGroup");
+            d = O("VvRadioGroup");
             break;
           case v.checkboxGroup:
-            f = g("VvCheckboxGroup");
+            d = O("VvCheckboxGroup");
             break;
           case v.combobox:
-            f = g("VvCombobox");
+            d = O("VvCombobox");
             break;
           default:
-            f = g("VvInputText");
+            d = O("VvInputText");
         }
-        if (typeof f != "string")
-          return f;
+        if (typeof d != "string")
+          return d;
         console.warn(
-          `[form-vue warn]: ${f} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
+          `[form-vue warn]: ${d} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
         );
       }
-      return j(async () => {
-        switch (i != null && i.sideEffects && await Promise.resolve(i.sideEffects(n.type)), n.type) {
+      return F(async () => {
+        switch (f != null && f.sideEffects && await Promise.resolve(f.sideEffects(n.type)), n.type) {
           case v.textarea:
             return import("@volverjs/ui-vue/vv-textarea");
           case v.radio:
@@ -256,58 +256,58 @@ const de = (e, o, l, i) => G({
         }
         return import("@volverjs/ui-vue/vv-input-text");
       });
-    }), hasProps: L, invalid: b };
+    }), hasProps: z, invalid: m };
   },
   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);
   }
-}), Z = (e, o = {}) => {
-  const l = (r) => {
-    let s = r;
-    for (; s instanceof ue; )
-      s = s.innerType();
-    return s instanceof ie && (s = s._def.innerType), s;
-  }, i = l(e);
+}), J = (e, l = {}) => {
+  const t = (r) => {
+    let u = r;
+    for (; u instanceof ie; )
+      u = u.innerType();
+    return u instanceof fe && (u = u._def.innerType), u;
+  }, f = t(e);
   return {
-    ...(i instanceof W ? i._def.unknownKeys === "passthrough" : !1) ? o : {},
+    ...(f instanceof K ? f._def.unknownKeys === "passthrough" : !1) ? l : {},
     ...Object.fromEntries(
-      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 (u instanceof oe) {
-            const m = s.safeParse(a);
-            if (m.success)
-              return [r, m.data ?? t];
+      Object.entries(f.shape).map(
+        ([r, u]) => {
+          const i = l[r];
+          let s = t(u), a;
+          if (s instanceof ue && (a = s._def.defaultValue(), s = s._def.innerType), i === null && s instanceof ne)
+            return [r, i];
+          if (s instanceof le) {
+            const o = u.safeParse(i);
+            if (o.success)
+              return [r, o.data ?? a];
           }
-          if (u instanceof se && Array.isArray(a) && a.length) {
-            const m = l(u._def.type);
-            if (m instanceof W)
+          if (s instanceof se && Array.isArray(i) && i.length) {
+            const o = t(s._def.type);
+            if (o instanceof K)
               return [
                 r,
-                a.map(
-                  (h) => Z(
-                    m,
+                i.map(
+                  (h) => J(
+                    o,
                     h && typeof h == "object" ? h : void 0
                   )
-                ) ?? t
+                ) ?? a
               ];
           }
-          return u instanceof W ? [
+          return s instanceof K ? [
             r,
-            Z(
-              u,
-              a && typeof a == "object" ? a : t
+            J(
+              s,
+              i && typeof i == "object" ? i : a
             )
-          ] : [r, t];
+          ] : [r, a];
         }
       )
     )
   };
-}, ce = (e, o, l) => {
-  const i = A(), n = A(), r = A(), s = G({
+}, me = (e, l, t, f) => {
+  const n = $(), r = $(), u = $(), i = W({
     name: "FormComponent",
     props: {
       modelValue: {
@@ -321,85 +321,105 @@ const de = (e, o, l, i) => G({
       continuosValidation: {
         type: Boolean,
         default: !1
+      },
+      template: {
+        type: [Array, Function],
+        default: void 0
       }
     },
     emits: ["invalid", "valid", "submit", "update:modelValue"],
     expose: ["submit", "validate", "errors", "status", "valid", "invalid"],
-    setup(a, { emit: u }) {
-      r.value = Z(
+    setup(s, { emit: a }) {
+      u.value = J(
         e,
-        U(a.modelValue)
-      ), w(
-        () => a.modelValue,
-        (d) => {
-          if (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));
+        S(s.modelValue)
+      ), E(
+        () => s.modelValue,
+        (c) => {
+          if (c) {
+            const m = ee(c) ? S(c) : c;
+            u.value = typeof (m == null ? void 0 : m.clone) == "function" ? m.clone() : JSON.parse(JSON.stringify(m));
           }
         },
         { deep: !0 }
-      ), te(
-        r,
-        (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);
+      ), ae(
+        u,
+        (c) => {
+          var m;
+          ((n.value || (t == null ? void 0 : t.continuosValidation)) ?? s.continuosValidation) && o(), (!c || !s.modelValue || JSON.stringify(c) !== JSON.stringify(s.modelValue)) && (a("update:modelValue", c), (m = t == null ? void 0 : t.onUpdate) == null || m.call(t, S(c)));
         },
         {
           deep: !0,
-          throttle: (l == null ? void 0 : l.updateThrottle) ?? a.updateThrottle
+          throttle: (t == null ? void 0 : t.updateThrottle) ?? s.updateThrottle
         }
       );
-      const t = (d = r.value) => {
-        const c = e.safeParse(d);
-        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(i),
-        status: k(n),
-        invalid: h
+      const o = (c = u.value) => {
+        var w, k, y;
+        const m = e.safeParse(c);
+        return m.success ? (n.value = void 0, r.value = B.valid, u.value = m.data, a("update:modelValue", u.value), (k = t == null ? void 0 : t.onUpdate) == null || k.call(t, S(u.value)), a("valid", m.data), (y = t == null ? void 0 : t.onValid) == null || y.call(t, S(u.value)), !0) : (n.value = m.error.format(), r.value = B.invalid, a("invalid", n.value), (w = t == null ? void 0 : t.onInvalid) == null || w.call(t, S(n.value)), !1);
+      }, h = () => {
+        var c;
+        return o() ? (a("submit", u.value), (c = t == null ? void 0 : t.onSubmit) == null || c.call(t, S(u.value)), !0) : !1;
+      }, b = g(() => r.value === B.invalid);
+      return M(l, {
+        formData: u,
+        submit: h,
+        validate: o,
+        errors: p(n),
+        status: p(r),
+        invalid: b
       }), {
-        formData: r,
-        submit: m,
-        validate: t,
-        errors: k(i),
-        status: k(n),
-        invalid: h
+        formData: u,
+        submit: h,
+        validate: o,
+        errors: p(n),
+        status: p(r),
+        invalid: b
       };
     },
     render() {
+      const s = () => {
+        var a, o;
+        return ((o = (a = this.$slots) == null ? void 0 : a.default) == null ? void 0 : o.call(a, {
+          formData: this.formData,
+          submit: this.submit,
+          validate: this.validate,
+          errors: this.errors,
+          status: this.status,
+          invalid: this.invalid
+        })) ?? this.$slots.default;
+      };
       return x(
         "form",
         {
-          onSubmit: ee(this.submit, ["prevent"])
+          onSubmit: re(this.submit, ["prevent"])
         },
-        {
-          default: () => {
-            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,
-              errors: this.errors,
-              status: this.status,
-              invalid: this.invalid
-            })) ?? this.$slots.default;
-          }
+        (this.template ?? (t == null ? void 0 : t.template)) && f ? [
+          x(
+            f,
+            {
+              schema: this.template ?? (t == null ? void 0 : t.template)
+            },
+            {
+              default: s
+            }
+          )
+        ] : {
+          default: s
         }
       );
     }
   });
   return {
-    errors: i,
-    status: n,
-    formData: r,
+    errors: n,
+    status: r,
+    formData: u,
     /**
      * An hack to add types to the default slot
      */
-    VvForm: s
+    VvForm: i
   };
-}, me = (e, o) => G({
+}, he = (e, l) => W({
   name: "WrapperComponent",
   props: {
     name: {
@@ -413,51 +433,51 @@ const de = (e, o, l, i) => G({
   },
   emits: ["invalid", "valid"],
   expose: ["fields", "invalid"],
-  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: u,
-      fields: a
-    }), w(
-      a,
+  setup(f, { emit: n }) {
+    const r = I(e), u = I(l, void 0), i = $(/* @__PURE__ */ new Set()), s = $(/* @__PURE__ */ new Map()), { name: a } = R(f);
+    M(l, {
+      name: p(a),
+      errors: s,
+      fields: i
+    }), E(
+      i,
       (h) => {
-        s != null && s.fields && h.forEach((d) => {
-          s == null || s.fields.value.add(d);
+        u != null && u.fields && h.forEach((b) => {
+          u == null || u.fields.value.add(b);
         });
       },
       { deep: !0 }
-    ), w(
-      () => new Map(u.value),
-      (h, d) => {
-        s != null && s.errors && (Array.from(d.keys()).forEach((c) => {
-          s.errors.value.delete(c);
+    ), E(
+      () => new Map(s.value),
+      (h, b) => {
+        u != null && u.errors && (Array.from(b.keys()).forEach((c) => {
+          u.errors.value.delete(c);
         }), Array.from(h.keys()).forEach((c) => {
-          const b = h.get(c);
-          b && s.errors.value.set(c, b);
+          const m = h.get(c);
+          m && u.errors.value.set(c, m);
         }));
       },
       { deep: !0 }
     );
-    const m = y(() => r != null && r.invalid.value ? u.value.size > 0 : !1);
-    return w(m, () => {
-      m.value ? n("invalid") : n("valid");
+    const o = g(() => r != null && r.invalid.value ? s.value.size > 0 : !1);
+    return E(o, () => {
+      o.value ? n("invalid") : n("valid");
     }), {
       formData: r == null ? void 0 : r.formData,
       errors: r == null ? void 0 : r.errors,
       submit: r == null ? void 0 : r.submit,
       validate: r == null ? void 0 : r.validate,
-      invalid: m,
-      fields: a,
-      fieldsErrors: u
+      invalid: o,
+      fields: i,
+      fieldsErrors: s
     };
   },
   render() {
-    var i, n;
+    var f, n;
     return this.tag ? x(this.tag, null, {
       default: () => {
-        var r, s;
-        return ((s = (r = this.$slots).default) == null ? void 0 : s.call(r, {
+        var r, u;
+        return ((u = (r = this.$slots).default) == null ? void 0 : u.call(r, {
           invalid: this.invalid,
           formData: this.formData,
           submit: this.submit,
@@ -466,7 +486,7 @@ const de = (e, o, l, i) => G({
           fieldsErrors: this.fieldsErrors
         })) ?? this.$slots.defalut;
       }
-    }) : ((n = (i = this.$slots).default) == null ? void 0 : n.call(i, {
+    }) : ((n = (f = this.$slots).default) == null ? void 0 : n.call(f, {
       invalid: this.invalid,
       formData: this.formData,
       submit: this.submit,
@@ -475,76 +495,75 @@ const de = (e, o, l, i) => G({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), he = (e, o) => {
-  const l = G({
+}), be = (e, l) => {
+  const t = W({
     props: {
       schema: {
         type: [Array, Function],
         required: !0
       }
     },
-    setup(i, { slots: n }) {
-      const r = S(e);
-      if (!(r != null && r.formData))
-        return;
-      const s = typeof i.schema == "function" ? i.schema(r) : i.schema;
-      let a;
-      return () => {
-        var u;
-        return s.reduce(
-          (t, m) => {
-            const h = typeof m == "function" ? m(r) : m, {
-              vvIs: d,
-              vvName: c,
-              vvSlots: b,
-              vvChildren: E,
-              vvIf: V,
-              vvElseIf: p,
-              vvType: C,
-              vvDefaultValue: L,
-              vvShowValid: J,
-              ...f
-            } = h;
-            if (V !== void 0) {
-              if (typeof V == "string" ? a = !!N(
+    setup(f, { slots: n }) {
+      const r = I(e);
+      if (r != null && r.formData)
+        return () => {
+          var a;
+          const u = typeof f.schema == "function" ? f.schema(r) : f.schema;
+          let i;
+          const s = u.reduce((o, h) => {
+            const b = typeof h == "function" ? h(r) : h, {
+              vvIs: c,
+              vvName: m,
+              vvSlots: w,
+              vvChildren: k,
+              vvIf: y,
+              vvElseIf: V,
+              vvType: z,
+              vvDefaultValue: q,
+              vvShowValid: d,
+              vvContent: A,
+              ...C
+            } = b;
+            if (y !== void 0) {
+              if (typeof y == "string" ? i = !!G(
                 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 = !!N(
+                y
+              ) : typeof y == "function" ? i = _(y(r)) : i = _(y), !i)
+                return o;
+            } else if (V !== void 0 && i !== void 0) {
+              if (i || (typeof V == "string" ? i = !!G(
                 Object(r.formData.value),
-                p
-              ) : typeof p == "function" ? a = I(p(r)) : a = I(p), !a))
-                return t;
+                V
+              ) : typeof V == "function" ? i = _(V(r)) : i = _(V), !i))
+                return o;
             } else
-              a = void 0;
-            const O = E ? x(l, {
-              schema: E
+              i = void 0;
+            const Z = k ? x(t, {
+              schema: k
             }) : void 0;
-            return c ? (t.push(
+            return m ? (o.push(
               x(
-                o,
+                l,
                 {
-                  name: c,
-                  is: d,
-                  type: C,
-                  defaultValue: L,
-                  showValid: J,
-                  props: f
+                  name: m,
+                  is: c,
+                  type: z,
+                  defaultValue: q,
+                  showValid: d,
+                  props: C
                 },
-                b ?? O
+                w ?? Z ?? A
               )
-            ), t) : d ? (t.push(
+            ), o) : c ? (o.push(
               x(
-                d,
-                f,
-                b ?? O
+                c,
+                C,
+                w ?? Z ?? A
               )
-            ), t) : (E && t.push(O), t);
-          },
-          [
-            (u = n == null ? void 0 : n.default) == null ? void 0 : u.call(n, {
+            ), o) : (k && o.push(Z), o);
+          }, []);
+          return s.push(
+            (a = n == null ? void 0 : n.default) == null ? void 0 : a.call(n, {
               formData: r == null ? void 0 : r.formData.value,
               submit: r == null ? void 0 : r.submit,
               validate: r == null ? void 0 : r.validate,
@@ -552,55 +571,58 @@ const de = (e, o, l, i) => G({
               status: r == null ? void 0 : r.status.value,
               invalid: r == null ? void 0 : r.invalid.value
             })
-          ]
-        );
-      };
+          ), s;
+        };
     }
   });
-  return l;
-}, B = (e, o = {}) => {
-  const l = Symbol(), i = Symbol(), n = Symbol(), { VvForm: r, errors: s, status: a, formData: u } = ce(
+  return t;
+}, L = (e, l = {}) => {
+  const t = Symbol(), f = Symbol(), n = Symbol(), r = he(
+    t,
+    f
+  ), u = ce(
+    t,
+    f,
+    n,
+    l
+  ), i = be(t, u), { VvForm: s, errors: a, status: o, formData: h } = me(
     e,
-    l,
-    o
-  ), t = me(
+    t,
     l,
     i
-  ), m = de(
-    l,
-    i,
-    n,
-    o
-  ), h = he(l, m);
+  );
   return {
-    VvForm: r,
-    VvFormWrapper: t,
-    VvFormField: m,
-    VvFormTemplate: h,
-    formInjectionKey: l,
-    formWrapperInjectionKey: i,
+    VvForm: s,
+    VvFormWrapper: r,
+    VvFormField: u,
+    VvFormTemplate: i,
+    formInjectionKey: t,
+    formWrapperInjectionKey: f,
     formFieldInjectionKey: n,
-    errors: s,
-    status: a,
-    formData: u
+    errors: a,
+    status: o,
+    formData: h
   };
-}, 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));
+}, Y = Symbol(), xe = (e) => {
+  let l = {};
+  return e.schema && (l = L(e.schema, e)), {
+    ...l,
+    install(t, { global: f = !1 } = {}) {
+      t.provide(Y, e), f && (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));
     }
   };
-}, ge = (e, o = {}) => re() ? B(e, {
-  ...S(X, {}),
-  ...o
-}) : B(e, o), xe = (e, o = {}) => B(e, o);
+}, ke = (e, l = {}) => te() ? L(
+  e,
+  {
+    ...I(Y, {}),
+    ...l
+  }
+) : L(e, l), Oe = (e, l = {}) => L(e, l);
 export {
   v as FormFieldType,
-  Ve as createForm,
-  Z as defaultObjectBySchema,
-  xe as formFactory,
-  X as pluginInjectionKey,
-  ge as useForm
+  xe as createForm,
+  J as defaultObjectBySchema,
+  Oe as formFactory,
+  Y as pluginInjectionKey,
+  ke as useForm
 };