@volverjs/form-vue 0.0.14-beta.1 → 0.0.14-beta.3

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 { defineComponent as W, computed as g, onMounted as Y, onBeforeUnmount as D, inject as I, toRefs as P, watch as E, unref as C, provide as J, readonly as S, resolveComponent as O, defineAsyncComponent as j, h as x, ref as _, toRaw as w, 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 { ZodObject as Z, ZodDefault as ae, ZodNullable as ue, ZodSchema as ne, ZodArray as le, ZodEffects as se, ZodOptional as ie } from "zod";
+function K(e) {
   return Array.isArray(e);
 }
-function le(e) {
+function fe(e) {
   return typeof e < "u";
 }
 function q(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 oe = /^[0-9]+$/, ve = ["__proto__", "prototype", "constructor"];
+function G(e, s, t) {
+  const f = fe(t) ? t : void 0;
+  if (!H(e) || !Q(s))
+    return f;
+  const n = T(s);
   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((l) => N(l) || q(l) ? l : K(l) ? u(l) : l[r]);
       };
-      if (z(e) && !fe.test(r) ? e = s(e) : e = e[r], _(e) || q(e))
+      if (K(e) && !oe.test(r) ? e = u(e) : e = e[r], N(e) || q(e))
         break;
     }
-    return _(e) ? i : e;
+    return N(e) ? f : e;
   }
 }
-function Q(e, o, l) {
-  if (!T(e) || !H(o))
+function R(e, s, t) {
+  if (!H(e) || !Q(s))
     return;
-  const i = R(o);
-  if (i.length === 0)
+  const f = T(s);
+  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 === "*" && K(e)) {
+      const i = f.slice(r + 1).join(".");
+      for (const l of e)
+        R(l, 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 T(e) {
+  const s = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
+  return s.some((t) => ve.indexOf(t) !== -1) ? [] : s;
 }
-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 de = (e, s, 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(o) {
+        a != null && a.formData && (R(
+          Object(a.formData.value),
           String(n.name),
-          f
-        ), s("update:modelValue", {
-          newValue: a.value,
-          formData: t == null ? void 0 : t.formData
+          o
+        ), 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);
+      i.value === void 0 && n.defaultValue !== void 0 && (i.value = n.defaultValue);
     }), D(() => {
-      E(), V();
+      k(), V();
     });
-    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 l = I(s, void 0);
+    l && l.fields.value.add(n.name);
+    const a = I(e), { props: m, name: h } = P(n), b = g(() => {
+      if (a != null && a.errors.value)
+        return G(a.errors.value, String(n.name));
+    }), d = g(() => {
+      var o;
+      return (o = b.value) == null ? void 0 : o._errors;
+    }), c = g(() => b.value !== void 0), k = E(c, () => {
+      c.value ? (u("invalid", d.value), l && l.errors.value.set(
         n.name,
         {
-          _errors: c.value
+          _errors: d.value
         }
-      )) : (s("valid", a.value), u && u.errors.value.delete(
+      )) : (u("valid", i.value), l && l.errors.value.delete(
         n.name
       ));
-    }), V = w(
-      () => t == null ? void 0 : t.formData,
+    }), V = 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 = (o) => {
+      i.value = o;
+    }, $ = g(() => {
+      let o = m.value;
+      return typeof o == "function" && (o = o(a == null ? void 0 : a.formData)), Object.keys(o).reduce(
+        (A, p) => (A[p] = C(o[p]), 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(() => ({
+      ...$.value,
+      name: $.value.name ?? n.name,
+      invalid: c.value,
+      valid: n.showValid ? !!(!c.value && i.value) : void 0,
+      type: ((o) => {
         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(o))
+          return o;
       })(n.type),
-      invalidLabel: c.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": p
+      invalidLabel: d.value,
+      modelValue: i.value,
+      "onUpdate:modelValue": y
     }));
-    return K(l, {
-      name: k(h),
-      errors: k(d)
-    }), { component: y(() => {
+    return J(t, {
+      name: S(h),
+      errors: S(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,
-              invalidLabel: c.value,
-              formData: t == null ? void 0 : t.formData.value,
-              formErrors: t == null ? void 0 : t.errors.value,
-              errors: d.value
+            var o;
+            return ((o = r.default) == null ? void 0 : o.call(r, {
+              modelValue: i.value,
+              onUpdate: y,
+              submit: a == null ? void 0 : a.submit,
+              validate: a == null ? void 0 : a.validate,
+              invalid: c.value,
+              invalidLabel: 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 o;
         switch (n.type) {
           case v.select:
-            f = g("VvSelect");
+            o = O("VvSelect");
             break;
           case v.checkbox:
-            f = g("VvCheckbox");
+            o = O("VvCheckbox");
             break;
           case v.radio:
-            f = g("VvRadio");
+            o = O("VvRadio");
             break;
           case v.textarea:
-            f = g("VvTextarea");
+            o = O("VvTextarea");
             break;
           case v.radioGroup:
-            f = g("VvRadioGroup");
+            o = O("VvRadioGroup");
             break;
           case v.checkboxGroup:
-            f = g("VvCheckboxGroup");
+            o = O("VvCheckboxGroup");
             break;
           case v.combobox:
-            f = g("VvCombobox");
+            o = O("VvCombobox");
             break;
           default:
-            f = g("VvInputText");
+            o = O("VvInputText");
         }
-        if (typeof f != "string")
-          return f;
+        if (typeof o != "string")
+          return o;
         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]: ${o} 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) {
+        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: c };
   },
   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);
+}), U = (e, s = {}) => {
+  const t = (r) => {
+    let u = r;
+    for (; u instanceof se; )
+      u = u.innerType();
+    return u instanceof ie && (u = u._def.innerType), u;
+  }, f = t(e);
   return {
-    ...(i instanceof W ? i._def.unknownKeys === "passthrough" : !1) ? o : {},
+    ...(f instanceof Z ? f._def.unknownKeys === "passthrough" : !1) ? s : {},
     ...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);
+      Object.entries(f.shape).map(
+        ([r, u]) => {
+          const i = s[r];
+          let l = t(u), a;
+          if (l instanceof ae && (a = l._def.defaultValue(), l = l._def.innerType), i === null && l instanceof ue)
+            return [r, i];
+          if (l instanceof ne) {
+            const m = u.safeParse(i);
             if (m.success)
-              return [r, m.data ?? t];
+              return [r, m.data ?? a];
           }
-          if (u instanceof se && Array.isArray(a) && a.length) {
-            const m = u._def.type;
-            if (m instanceof W)
+          if (l instanceof le && Array.isArray(i) && i.length) {
+            const m = t(l._def.type);
+            if (m instanceof Z)
               return [
                 r,
-                a.map(
-                  (h) => Z(
+                i.map(
+                  (h) => U(
                     m,
                     h && typeof h == "object" ? h : void 0
                   )
-                ) ?? t
+                ) ?? a
               ];
           }
-          return u instanceof W ? [
+          return l instanceof Z ? [
             r,
-            Z(
-              u,
-              a && typeof a == "object" ? a : t
+            U(
+              l,
+              i && typeof i == "object" ? i : a
             )
-          ] : [r, t];
+          ] : [r, a];
         }
       )
     )
   };
-}, ce = (e, o, l) => {
-  const i = A(), n = A(), r = A(), s = G({
+}, ce = (e, s, t, f) => {
+  const n = _(), r = _(), u = _(), i = W({
     name: "FormComponent",
     props: {
       modelValue: {
@@ -321,51 +321,59 @@ const de = (e, o, l, i) => G({
       continuosValidation: {
         type: Boolean,
         default: !1
+      },
+      template: {
+        type: [Array, Function]
       }
     },
     emits: ["invalid", "valid", "submit", "update:modelValue"],
     expose: ["submit", "validate", "errors", "status", "valid", "invalid"],
-    setup(a, { emit: u }) {
-      r.value = Z(
+    setup(l, { emit: a }) {
+      u.value = U(
         e,
-        U(a.modelValue)
-      ), w(
-        () => a.modelValue,
+        w(l.modelValue)
+      ), E(
+        () => l.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));
+            const c = F(d) ? w(d) : d;
+            u.value = typeof (c == null ? void 0 : c.clone) == "function" ? c.clone() : JSON.parse(JSON.stringify(c));
           }
         },
         { deep: !0 }
       ), te(
-        r,
+        u,
         (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);
+          var c;
+          ((n.value || (t == null ? void 0 : t.continuosValidation)) ?? l.continuosValidation) && m(), (!d || !l.modelValue || JSON.stringify(d) !== JSON.stringify(l.modelValue)) && (a("update:modelValue", d), (c = t == null ? void 0 : t.onUpdate) == null || c.call(t, w(d)));
         },
         {
           deep: !0,
-          throttle: (l == null ? void 0 : l.updateThrottle) ?? a.updateThrottle
+          throttle: (t == null ? void 0 : t.updateThrottle) ?? l.updateThrottle
         }
       );
-      const t = (d = r.value) => {
+      const m = (d = u.value) => {
+        var k, V, y;
         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
+        return c.success ? (n.value = void 0, r.value = B.valid, u.value = c.data, a("update:modelValue", u.value), (V = t == null ? void 0 : t.onUpdate) == null || V.call(t, w(u.value)), a("valid", c.data), (y = t == null ? void 0 : t.onValid) == null || y.call(t, w(u.value)), !0) : (n.value = c.error.format(), r.value = B.invalid, a("invalid", n.value), (k = t == null ? void 0 : t.onInvalid) == null || k.call(t, w(n.value)), !1);
+      }, h = () => {
+        var d;
+        return m() ? (a("submit", u.value), (d = t == null ? void 0 : t.onSubmit) == null || d.call(t, w(u.value)), !0) : !1;
+      }, b = g(() => r.value === B.invalid);
+      return J(s, {
+        formData: u,
+        submit: h,
+        validate: m,
+        errors: S(n),
+        status: S(r),
+        invalid: b
       }), {
-        formData: r,
-        submit: m,
-        validate: t,
-        errors: k(i),
-        status: k(n),
-        invalid: h
+        formData: u,
+        submit: h,
+        validate: m,
+        errors: S(n),
+        status: S(r),
+        invalid: b
       };
     },
     render() {
@@ -374,10 +382,14 @@ const de = (e, o, l, i) => G({
         {
           onSubmit: ee(this.submit, ["prevent"])
         },
-        {
+        (this.template ?? (t == null ? void 0 : t.template)) && f ? [
+          x(f, {
+            schema: this.template ?? (t == null ? void 0 : t.template)
+          })
+        ] : {
           default: () => {
-            var a, u;
-            return ((u = (a = this.$slots) == null ? void 0 : a.default) == null ? void 0 : u.call(a, {
+            var l, a;
+            return ((a = (l = this.$slots) == null ? void 0 : l.default) == null ? void 0 : a.call(l, {
               formData: this.formData,
               submit: this.submit,
               validate: this.validate,
@@ -391,15 +403,15 @@ const de = (e, o, l, i) => G({
     }
   });
   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({
+}, me = (e, s) => W({
   name: "WrapperComponent",
   props: {
     name: {
@@ -413,34 +425,34 @@ 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(s, void 0), i = _(/* @__PURE__ */ new Set()), l = _(/* @__PURE__ */ new Map()), { name: a } = P(f);
+    J(s, {
+      name: S(a),
+      errors: l,
+      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);
-        }), Array.from(h.keys()).forEach((c) => {
-          const b = h.get(c);
-          b && s.errors.value.set(c, b);
+    ), E(
+      () => new Map(l.value),
+      (h, b) => {
+        u != null && u.errors && (Array.from(b.keys()).forEach((d) => {
+          u.errors.value.delete(d);
+        }), Array.from(h.keys()).forEach((d) => {
+          const c = h.get(d);
+          c && u.errors.value.set(d, c);
         }));
       },
       { deep: !0 }
     );
-    const m = y(() => r != null && r.invalid.value ? u.value.size > 0 : !1);
-    return w(m, () => {
+    const m = g(() => r != null && r.invalid.value ? l.value.size > 0 : !1);
+    return E(m, () => {
       m.value ? n("invalid") : n("valid");
     }), {
       formData: r == null ? void 0 : r.formData,
@@ -448,16 +460,16 @@ const de = (e, o, l, i) => G({
       submit: r == null ? void 0 : r.submit,
       validate: r == null ? void 0 : r.validate,
       invalid: m,
-      fields: a,
-      fieldsErrors: u
+      fields: i,
+      fieldsErrors: l
     };
   },
   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 +478,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,132 +487,136 @@ const de = (e, o, l, i) => G({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), he = (e, o) => {
-  const l = G({
+}), he = (e, s) => {
+  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(
-                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(
-                Object(r.formData.value),
-                p
-              ) : typeof p == "function" ? a = I(p(r)) : a = I(p), !a))
-                return t;
-            } else
-              a = void 0;
-            const O = E ? x(l, {
-              schema: E
-            }) : void 0;
-            return c ? (t.push(
-              x(
-                o,
-                {
-                  name: c,
-                  is: d,
-                  type: C,
-                  defaultValue: L,
-                  showValid: J,
-                  props: f
-                },
-                b ?? O
-              )
-            ), t) : d ? (t.push(
-              x(
-                d,
-                f,
-                b ?? O
-              )
-            ), t) : (E && t.push(O), t);
-          },
-          [
-            (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,
-              errors: r == null ? void 0 : r.errors.value,
-              status: r == null ? void 0 : r.status.value,
-              invalid: r == null ? void 0 : r.invalid.value
-            })
-          ]
-        );
-      };
+    setup(f, { slots: n }) {
+      const r = I(e);
+      if (r != null && r.formData)
+        return () => {
+          var l;
+          const u = typeof f.schema == "function" ? f.schema(r) : f.schema;
+          let i;
+          return u.reduce(
+            (a, m) => {
+              const h = typeof m == "function" ? m(r) : m, {
+                vvIs: b,
+                vvName: d,
+                vvSlots: c,
+                vvChildren: k,
+                vvIf: V,
+                vvElseIf: y,
+                vvType: $,
+                vvDefaultValue: z,
+                vvShowValid: M,
+                vvContent: o,
+                ...A
+              } = h;
+              if (V !== void 0) {
+                if (typeof V == "string" ? i = !!G(
+                  Object(r.formData.value),
+                  V
+                ) : typeof V == "function" ? i = C(V(r)) : i = C(V), !i)
+                  return a;
+              } else if (y !== void 0 && i !== void 0) {
+                if (i || (typeof y == "string" ? i = !!G(
+                  Object(r.formData.value),
+                  y
+                ) : typeof y == "function" ? i = C(y(r)) : i = C(y), !i))
+                  return a;
+              } else
+                i = void 0;
+              const p = k ? x(t, {
+                schema: k
+              }) : void 0;
+              return d ? (a.push(
+                x(
+                  s,
+                  {
+                    name: d,
+                    is: b,
+                    type: $,
+                    defaultValue: z,
+                    showValid: M,
+                    props: A
+                  },
+                  c ?? p ?? o
+                )
+              ), a) : b ? (a.push(
+                x(
+                  b,
+                  A,
+                  c ?? p ?? o
+                )
+              ), a) : (k && a.push(p), a);
+            },
+            [
+              (l = n == null ? void 0 : n.default) == null ? void 0 : l.call(n, {
+                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 l;
-}, B = (e, o = {}) => {
-  const l = Symbol(), i = Symbol(), n = Symbol(), { VvForm: r, errors: s, status: a, formData: u } = ce(
+  return t;
+}, L = (e, s = {}) => {
+  const t = Symbol(), f = Symbol(), n = Symbol(), r = me(
+    t,
+    f
+  ), u = de(
+    t,
+    f,
+    n,
+    s
+  ), i = he(t, u), { VvForm: l, errors: a, status: m, formData: h } = ce(
     e,
-    l,
-    o
-  ), t = me(
-    l,
+    t,
+    s,
     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: l,
+    VvFormWrapper: r,
+    VvFormField: u,
+    VvFormTemplate: i,
+    formInjectionKey: t,
+    formWrapperInjectionKey: f,
     formFieldInjectionKey: n,
-    errors: s,
-    status: a,
-    formData: u
+    errors: a,
+    status: m,
+    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));
+}, X = Symbol(), ge = (e) => {
+  let s = {};
+  return e.schema && (s = L(e.schema, e)), {
+    ...s,
+    install(t, { global: f = !1 } = {}) {
+      t.provide(X, e), f && (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));
     }
   };
-}, ge = (e, o = {}) => re() ? B(e, {
-  ...S(X, {}),
-  ...o
-}) : B(e, o), xe = (e, o = {}) => B(e, o);
+}, xe = (e, s = {}) => re() ? L(
+  e,
+  {
+    ...I(X, {}),
+    ...s
+  }
+) : L(e, s), ke = (e, s = {}) => L(e, s);
 export {
   v as FormFieldType,
-  Ve as createForm,
-  Z as defaultObjectBySchema,
-  xe as formFactory,
+  ge as createForm,
+  U as defaultObjectBySchema,
+  ke as formFactory,
   X as pluginInjectionKey,
-  ge as useForm
+  xe as useForm
 };