vft 0.0.89 → 0.0.91

package/es/components/empty/empty.vue2.js

@@ -1,38 +1,38 @@
-import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as i, createElementBlock as n, normalizeClass as l, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as A, createCommentVNode as N } from "vue";
-import { renderTNode as E, setSize as _, VNode as O } from "@vft/utils";
+import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as s, createElementBlock as i, normalizeClass as n, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as _, createCommentVNode as N } from "vue";
+import { renderTNode as A, setSize as E, VNode as O } from "@vft/utils";
 import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { getSizeType as S } from "../../utils/helper.js";
+import { getSizeType as v } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import { EmptyEnum as o } from "./constants.js";
-import D from "./assets/no-collect.png.js";
-import x from "./assets/no-data.png.js";
+import S from "./assets/no-collect.png.js";
+import D from "./assets/no-data.png.js";
 import V from "./assets/no-filter.png.js";
 import $ from "./assets/no-page-data.png.js";
 import b from "./assets/no-search.png.js";
 const h = ["src"], m = (
   /* hoist-static*/
   k("empty")
-), v = f({
+), x = f({
   name: m.b()
 }), Y = /* @__PURE__ */ f({
-  ...v,
+  ...x,
   props: {
-    img: null,
+    img: {},
     type: { default: o.NO_DATA },
-    size: null,
-    desc: null
+    size: {},
+    desc: {}
   },
-  setup(r) {
+  setup(a) {
     const g = z(), t = (/* @__PURE__ */ new Map([
       [
         o.NO_COLLECT,
         {
           text: "暂无收藏记录",
-          img: D
+          img: S
         }
       ],
       [
@@ -47,7 +47,7 @@ const h = ["src"], m = (
         o.NO_DATA,
         {
           text: "暂无数据",
-          img: x
+          img: D
         }
       ],
       [
@@ -64,33 +64,33 @@ const h = ["src"], m = (
           img: b
         }
       ]
-    ])).get(r.type), y = d(() => r.img || (t == null ? void 0 : t.img)), c = d(() => E(g, "desc", { defaultNode: t == null ? void 0 : t.text })), a = S(r.size);
-    return (s, M) => {
+    ])).get(a.type), y = d(() => a.img || (t == null ? void 0 : t.img)), c = d(() => A(g, "desc", { defaultNode: t == null ? void 0 : t.text })), l = v(a.size);
+    return (r, M) => {
       var p;
-      return i(), n("div", {
-        class: l([e(m).b(), e(a) ? e(m).m(e(a)) : ""])
+      return s(), i("div", {
+        class: n([e(m).b(), e(l) ? e(m).m(e(l)) : ""])
       }, [
         C("div", {
-          class: l(e(m).e("image")),
-          style: T(e(a) ? {} : e(_)(((p = e(t)) == null ? void 0 : p.size) || r.size))
+          class: n(e(m).e("image")),
+          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || r.size))
         }, [
-          s.$slots.img ? u(s.$slots, "img", { key: 0 }) : (i(), n("img", {
+          r.$slots.img ? u(r.$slots, "img", { key: 0 }) : (s(), i("img", {
             key: 1,
-            src: e(y),
+            src: y.value,
             alt: ""
           }, null, 8, h))
         ], 6),
-        e(c) ? (i(), n("span", {
+        c.value ? (s(), i("span", {
           key: 0,
-          class: l(e(m).e("desc"))
+          class: n(e(m).e("desc"))
         }, [
-          A(e(O), { content: e(c) }, null, 8, ["content"])
+          _(e(O), { content: c.value }, null, 8, ["content"])
         ], 2)) : N("", !0),
-        s.$slots.default ? (i(), n("div", {
+        r.$slots.default ? (s(), i("div", {
           key: 1,
-          class: l(e(m).e("bottom"))
+          class: n(e(m).e("bottom"))
         }, [
-          u(s.$slots, "default")
+          u(r.$slots, "default")
         ], 2)) : N("", !0)
       ], 2);
     };

package/es/components/exception/exception.vue2.js

@@ -1,49 +1,49 @@
-import { defineComponent as f, openBlock as i, createBlock as a, unref as t, withCtx as c, createElementBlock as s, createCommentVNode as p } from "vue";
+import { defineComponent as f, openBlock as i, createBlock as a, unref as e, withCtx as c, createElementBlock as p, createCommentVNode as m } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import { generateCssVars as y } from "../../utils/ns-cover.js";
 import { useRouter as k } from "vue-router";
-import { useRouterHelper as x } from "@vft/router";
-import { useTabs as C } from "@vft/store";
-import { VftResult as R } from "../result/index.js";
-import d from "./exception.png.js";
-const P = /* @__PURE__ */ f({
+import { useRouterHelper as C } from "@vft/router";
+import { useTabs as R } from "@vft/store";
+import { VftResult as d } from "../result/index.js";
+import h from "./exception.png.js";
+const N = /* @__PURE__ */ f({
   __name: "exception",
   props: {
     title: { default: "页面打不开？刷新下试试" },
     showRefresh: { type: Boolean, default: !0 },
     showHome: { type: Boolean }
   },
-  setup(o) {
-    const l = k(), { goRoot: n } = x(l), { refreshPage: m } = C(), u = {
+  setup(w) {
+    const l = k(), { goRoot: n } = C(l), { refreshPage: s } = R(), u = {
       ...y({
         "title-font-size": "16px"
       }, "result")
     };
-    return (h, e) => (i(), a(t(R), {
+    return (o, t) => (i(), a(e(d), {
       title: o.title,
-      icon: { icon: t(d), size: 350 },
+      icon: { icon: e(h), size: 350 },
       style: u
     }, {
       extra: c(() => [
-        o.showHome ? (i(), s("button", {
+        o.showHome ? (i(), p("button", {
           key: 0,
           type: "primary",
-          onClick: e[0] || (e[0] = //@ts-ignore
-          (...r) => t(n) && t(n)(...r))
-        }, "返回主页")) : p("", !0),
-        o.showRefresh ? (i(), s("button", {
+          onClick: t[0] || (t[0] = //@ts-ignore
+          (...r) => e(n) && e(n)(...r))
+        }, "返回主页")) : m("", !0),
+        o.showRefresh ? (i(), p("button", {
           key: 1,
           type: "primary",
-          onClick: e[1] || (e[1] = //@ts-ignore
-          (...r) => t(m) && t(m)(...r))
-        }, "刷新页面")) : p("", !0)
+          onClick: t[1] || (t[1] = //@ts-ignore
+          (...r) => e(s) && e(s)(...r))
+        }, "刷新页面")) : m("", !0)
       ]),
       _: 1
     }, 8, ["title", "icon"]));
   }
 });
 export {
-  P as default
+  N as default
 };

package/es/components/footer-layout/footer-layout.vue2.js

@@ -92,7 +92,7 @@ const o = (
 }), Xt = /* @__PURE__ */ s({
   ..._,
   props: {
-    leftDistance: null
+    leftDistance: {}
   },
   setup(e) {
     return l(() => c(

package/es/components/form/form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, useSlots as me, inject as D, ref as h, computed as o, watch as E, reactive as he, toRefs as ge, provide as ye, onMounted as be, onBeforeUnmount as Se, openBlock as L, createElementBlock as _e, normalizeClass as g, unref as i, createVNode as T, withCtx as F, createBlock as Ie, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as M, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, TransitionGroup as we, nextTick as Fe } from "vue";
+import { defineComponent as Y, useSlots as me, inject as D, ref as h, computed as a, watch as E, reactive as he, toRefs as ge, provide as ye, onMounted as be, onBeforeUnmount as Se, openBlock as L, createElementBlock as _e, normalizeClass as g, unref as c, createVNode as T, withCtx as F, createBlock as Ie, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as M, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, TransitionGroup as we, nextTick as Fe } from "vue";
 import Me from "async-validator";
 import { castArray as H, clone as J } from "lodash";
 import { refDebounced as Re } from "@vueuse/core";
@@ -12,112 +12,112 @@ import { useId as Ne } from "../../hooks/use-id/index.js";
 import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
 import { formContextKey as Pe, formItemContextKey as X } from "./constants.js";
 import je from "./form-label-wrap.js";
-const De = ["role", "aria-labelledby"], n = (
+const De = ["role", "aria-labelledby"], o = (
   /* hoist-static*/
   $e("form-item")
 ), Ee = Y({
-  name: n.b()
+  name: o.b()
 }), xe = /* @__PURE__ */ Y({
   ...Ee,
   props: {
-    label: null,
+    label: {},
     labelWidth: { default: "" },
-    prop: null,
+    prop: {},
     required: { type: Boolean, default: void 0 },
-    rules: null,
-    error: null,
-    for: null,
-    validateStatus: null,
+    rules: {},
+    error: {},
+    for: {},
+    validateStatus: {},
     inlineMessage: { type: [String, Boolean], default: "" },
     showMessage: { type: Boolean, default: !0 },
-    size: null
+    size: {}
   },
   setup(Z, { expose: k }) {
-    const s = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, d = h([]), p = h(""), x = Re(p, 100), c = h(""), z = h();
+    const s = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, n = h([]), d = h(""), x = Re(d, 100), p = h(""), z = h();
     let B, m = !1;
-    const $ = o(() => {
+    const $ = a(() => {
       if ((e == null ? void 0 : e.labelPosition) === "top")
         return {};
       const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
       return r ? { width: r } : {};
-    }), ee = o(() => {
+    }), ee = a(() => {
       if ((e == null ? void 0 : e.labelPosition) === "top" || e != null && e.inline)
         return {};
       if (!s.label && !s.labelWidth && le)
         return {};
       const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
       return !s.label && !W.label ? { marginLeft: r } : {};
-    }), re = o(() => [
-      n.b(),
-      n.m(y.value),
-      n.is("error", p.value === "error"),
-      n.is("validating", p.value === "validating"),
-      n.is("success", p.value === "success"),
-      n.is("required", ne.value || s.required),
-      n.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
+    }), re = a(() => [
+      o.b(),
+      o.m(y.value),
+      o.is("error", d.value === "error"),
+      o.is("validating", d.value === "validating"),
+      o.is("success", d.value === "success"),
+      o.is("required", ue.value || s.required),
+      o.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
       (e == null ? void 0 : e.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
-      { [n.m("feedback")]: e == null ? void 0 : e.statusIcon }
-    ]), te = o(
+      { [o.m("feedback")]: e == null ? void 0 : e.statusIcon }
+    ]), te = a(
       () => We(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
-    ), se = o(() => [
-      n.e("error"),
-      { [n.em("error", "inline")]: te.value }
-    ]), ie = o(() => s.prop ? ze(s.prop) ? s.prop : s.prop.join(".") : ""), S = o(() => !!(s.label || W.label)), _ = o(() => s.for || d.value.length === 1 ? d.value[0] : void 0), I = o(() => !_.value && S.value), le = !!C, N = o(() => {
+    ), se = a(() => [
+      o.e("error"),
+      { [o.em("error", "inline")]: te.value }
+    ]), ie = a(() => s.prop ? ze(s.prop) ? s.prop : s.prop.join(".") : ""), S = a(() => !!(s.label || W.label)), _ = a(() => s.for || n.value.length === 1 ? n.value[0] : void 0), I = a(() => !_.value && S.value), le = !!C, N = a(() => {
       const r = e == null ? void 0 : e.model;
       if (!(!r || !s.prop))
         return R(r, s.prop).value;
-    }), V = o(() => {
+    }), V = a(() => {
       const { required: r } = s, t = [];
       s.rules && t.push(...H(s.rules));
-      const l = e == null ? void 0 : e.rules;
-      if (l && s.prop) {
-        const a = R(
-          l,
+      const i = e == null ? void 0 : e.rules;
+      if (i && s.prop) {
+        const l = R(
+          i,
           s.prop
         ).value;
-        a && t.push(...H(a));
+        l && t.push(...H(l));
       }
       if (r !== void 0) {
-        const a = t.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
-        if (a.length > 0)
-          for (const [u, f] of a)
+        const l = t.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
+        if (l.length > 0)
+          for (const [u, f] of l)
             u.required !== r && (t[f] = { ...u, required: r });
         else
           t.push({ required: r });
       }
       return t;
-    }), ae = o(() => V.value.length > 0), oe = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...a }) => a), ne = o(
+    }), ae = a(() => V.value.length > 0), oe = (r) => V.value.filter((i) => !i.trigger || !r ? !0 : Array.isArray(i.trigger) ? i.trigger.includes(r) : i.trigger === r).map(({ trigger: i, ...l }) => l), ue = a(
       () => V.value.some((r) => r.required)
-    ), ue = o(
+    ), ne = a(
       () => x.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
-    ), A = o(
+    ), A = a(
       () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
     ), v = (r) => {
-      p.value = r;
+      d.value = r;
     }, de = (r) => {
-      var a;
-      const { errors: t, fields: l } = r;
-      (!t || !l) && console.error(r), v("error"), c.value = t ? ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, c.value);
+      var l;
+      const { errors: t, fields: i } = r;
+      (!t || !i) && console.error(r), v("error"), p.value = t ? ((l = t == null ? void 0 : t[0]) == null ? void 0 : l.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, p.value);
     }, pe = () => {
       v("success"), e == null || e.emit("validate", s.prop, !0, "");
     }, ce = async (r) => {
       const t = ie.value;
       return new Me({
         [t]: r
-      }).validate({ [t]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((a) => (de(a), Promise.reject(a)));
+      }).validate({ [t]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((l) => (de(l), Promise.reject(l)));
     }, P = async (r, t) => {
       if (m || !s.prop)
         return !1;
-      const l = Be(t);
+      const i = Be(t);
       if (!ae.value)
         return t == null || t(!1), !1;
-      const a = oe(r);
-      return a.length === 0 ? (t == null || t(!0), !0) : (v("validating"), ce(a).then(() => (t == null || t(!0), !0)).catch((u) => {
+      const l = oe(r);
+      return l.length === 0 ? (t == null || t(!0), !0) : (v("validating"), ce(l).then(() => (t == null || t(!0), !0)).catch((u) => {
         const { fields: f } = u;
-        return t == null || t(!1, f), l ? !1 : Promise.reject(f);
+        return t == null || t(!1, f), i ? !1 : Promise.reject(f);
       }));
     }, q = () => {
-      v(""), c.value = "", m = !1;
+      v(""), p.value = "", m = !1;
     }, j = async () => {
       const r = e == null ? void 0 : e.model;
       if (!r || !s.prop)
@@ -125,14 +125,14 @@ const De = ["role", "aria-labelledby"], n = (
       const t = R(r, s.prop);
       m = !0, t.value = J(B), await Fe(), q(), m = !1;
     }, ve = (r) => {
-      d.value.includes(r) || d.value.push(r);
+      n.value.includes(r) || n.value.push(r);
     }, fe = (r) => {
-      d.value = d.value.filter((t) => t !== r);
+      n.value = n.value.filter((t) => t !== r);
     };
     E(
       () => s.error,
       (r) => {
-        c.value = r || "", v(r ? "error" : "");
+        p.value = r || "", v(r ? "error" : "");
       },
       { immediate: !0 }
     ), E(
@@ -143,9 +143,9 @@ const De = ["role", "aria-labelledby"], n = (
       ...ge(s),
       $el: z,
       size: y,
-      validateState: p,
+      validateState: d,
       labelId: b,
-      inputIds: d,
+      inputIds: n,
       isGroup: I,
       hasLabel: S,
       addInputId: ve,
@@ -166,11 +166,11 @@ const De = ["role", "aria-labelledby"], n = (
       /**
        * @description Validation message.
        */
-      validateMessage: c,
+      validateMessage: p,
       /**
        * @description Validation state.
        */
-      validateState: p,
+      validateState: d,
       /**
        * @description Validate form item.
        */
@@ -184,29 +184,29 @@ const De = ["role", "aria-labelledby"], n = (
        */
       resetField: j
     }), (r, t) => {
-      var l;
+      var i;
       return L(), _e("div", {
         ref_key: "formItemRef",
         ref: z,
-        class: g(i(re)),
-        role: i(I) ? "group" : void 0,
-        "aria-labelledby": i(I) ? i(b) : void 0
+        class: g(re.value),
+        role: I.value ? "group" : void 0,
+        "aria-labelledby": I.value ? c(b) : void 0
       }, [
-        T(i(je), {
-          "is-auto-width": i($).width === "auto",
-          "update-all": ((l = i(e)) == null ? void 0 : l.labelWidth) === "auto"
+        T(c(je), {
+          "is-auto-width": $.value.width === "auto",
+          "update-all": ((i = c(e)) == null ? void 0 : i.labelWidth) === "auto"
         }, {
           default: F(() => [
-            i(S) ? (L(), Ie(Ve(i(_) ? "label" : "div"), {
+            S.value ? (L(), Ie(Ve(_.value ? "label" : "div"), {
               key: 0,
-              id: i(b),
-              for: i(_),
-              class: g(i(n).e("label")),
-              style: G(i($))
+              id: c(b),
+              for: _.value,
+              class: g(c(o).e("label")),
+              style: G($.value)
             }, {
               default: F(() => [
-                M(r.$slots, "label", { label: i(A) }, () => [
-                  qe(K(i(A)), 1)
+                M(r.$slots, "label", { label: A.value }, () => [
+                  qe(K(A.value), 1)
                 ])
               ]),
               _: 3
@@ -215,21 +215,21 @@ const De = ["role", "aria-labelledby"], n = (
           _: 3
         }, 8, ["is-auto-width", "update-all"]),
         O("div", {
-          class: g(i(n).e("content")),
-          style: G(i(ee))
+          class: g(c(o).e("content")),
+          style: G(ee.value)
         }, [
           M(r.$slots, "default"),
           T(we, {
-            name: `${i(n).namespace.value}-zoom-in-top`
+            name: `${c(o).namespace.value}-zoom-in-top`
           }, {
             default: F(() => [
-              i(ue) ? M(r.$slots, "error", {
+              ne.value ? M(r.$slots, "error", {
                 key: 0,
-                error: c.value
+                error: p.value
               }, () => [
                 O("div", {
-                  class: g(i(se))
-                }, K(c.value), 3)
+                  class: g(se.value)
+                }, K(p.value), 3)
               ]) : U("", !0)
             ]),
             _: 3

package/es/components/form/form.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as y, computed as h, watch as O, getCurrentInstance as j, provide as q, reactive as x, openBlock as z, createElementBlock as S, normalizeClass as T, unref as I, renderSlot as M } from "vue";
-import { isFunction as R } from "@vft/utils";
+import { defineComponent as v, computed as h, watch as x, getCurrentInstance as O, provide as j, reactive as q, openBlock as z, createElementBlock as S, normalizeClass as T, renderSlot as I } from "vue";
+import { isFunction as M } from "@vft/utils";
 import { debugWarn as a } from "../../utils/error.js";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useFormSize as $ } from "./hooks/use-form-common-props.js";
-import { formContextKey as A } from "./constants.js";
-import { useFormLabelWidth as K, filterFields as d } from "./utils.js";
+import { useFormSize as W } from "./hooks/use-form-common-props.js";
+import { formContextKey as $ } from "./constants.js";
+import { useFormLabelWidth as A, filterFields as d } from "./utils.js";
 const n = (
   /* hoist-static*/
-  W("form")
-), L = y({
+  R("form")
+), K = v({
   name: n.b()
-}), ee = /* @__PURE__ */ y({
-  ...L,
+}), _ = /* @__PURE__ */ v({
+  ...K,
   props: {
-    size: null,
+    size: {},
     disabled: { type: Boolean },
-    model: null,
-    rules: null,
+    model: {},
+    rules: {},
     labelPosition: { default: "right" },
     requireAsteriskPosition: { default: "left" },
     labelWidth: { default: "" },
@@ -35,8 +35,8 @@ const n = (
     scrollToError: { type: Boolean }
   },
   emits: ["validate"],
-  setup(i, { expose: v, emit: F }) {
-    const l = [], g = $(), B = h(() => [
+  setup(i, { expose: y, emit: F }) {
+    const s = [], g = W(), B = h(() => [
       n.b(),
       // todo: in v2.2.0, we can remove default
       // in fact, remove it doesn't affect the final style
@@ -46,24 +46,24 @@ const n = (
         [n.m("inline")]: i.inline
       }
     ]), w = (e) => {
-      l.push(e);
+      s.push(e);
     }, b = (e) => {
-      e.prop && l.splice(l.indexOf(e), 1);
+      e.prop && s.splice(s.indexOf(e), 1);
     }, u = (e = []) => {
       if (!i.model) {
         a(n.b(), "model is required for resetFields to work.");
         return;
       }
-      d(l, e).forEach((t) => t.resetField());
+      d(s, e).forEach((t) => t.resetField());
     }, c = (e = []) => {
-      d(l, e).forEach((t) => t.clearValidate());
+      d(s, e).forEach((t) => t.clearValidate());
     }, C = h(() => {
       const e = !!i.model;
       return e || a(n.b(), "model is required for validate to work."), e;
     }), E = (e) => {
-      if (l.length === 0)
+      if (s.length === 0)
         return [];
-      const t = d(l, e);
+      const t = d(s, e);
       return t.length ? t : (a(n.b(), "please pass correct props!"), []);
     }, m = async (e) => f(void 0, e), P = async (e = []) => {
       if (!C.value)
@@ -75,40 +75,40 @@ const n = (
       for (const r of t)
         try {
           await r.validate("");
-        } catch (s) {
+        } catch (l) {
           o = {
             ...o,
-            ...s
+            ...l
           };
         }
       return Object.keys(o).length === 0 ? !0 : Promise.reject(o);
     }, f = async (e = [], t) => {
-      const o = !R(t);
+      const o = !M(t);
       try {
         const r = await P(e);
         return r === !0 && (t == null || t(r)), r;
       } catch (r) {
         if (r instanceof Error)
           throw r;
-        const s = r;
-        return i.scrollToError && p(Object.keys(s)[0]), t == null || t(!1, s), o && Promise.reject(s);
+        const l = r;
+        return i.scrollToError && p(Object.keys(l)[0]), t == null || t(!1, l), o && Promise.reject(l);
       }
     }, p = (e) => {
       var o;
-      const t = d(l, e)[0];
+      const t = d(s, e)[0];
       t && ((o = t.$el) == null || o.scrollIntoView());
     };
-    O(
+    x(
       () => i.rules,
       () => {
         i.validateOnRuleChange && m().catch((e) => a(e));
       },
       { deep: !0 }
     );
-    const V = j();
-    return q(
-      A,
-      x({
+    const V = O();
+    return j(
+      $,
+      q({
         ...V.props,
         emit: F,
         resetFields: u,
@@ -116,9 +116,9 @@ const n = (
         validateField: f,
         addField: w,
         removeField: b,
-        ...K()
+        ...A()
       })
-    ), v({
+    ), y({
       /**
        * @description Validate the whole form. Receives a callback or returns `Promise`.
        */
@@ -140,12 +140,12 @@ const n = (
        */
       scrollToField: p
     }), (e, t) => (z(), S("form", {
-      class: T(I(B))
+      class: T(B.value)
     }, [
-      M(e.$slots, "default")
+      I(e.$slots, "default")
     ], 2));
   }
 });
 export {
-  ee as default
+  _ as default
 };