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

package/dist/index.es.js

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