vft 0.0.239 → 0.0.240

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

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

package/es/components/form/form-label-wrap.d.ts

@@ -1,11 +1,11 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     isAutoWidth: boolean;
     updateAll: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/form/form-label-wrap.js

@@ -1,70 +1,65 @@
-import { defineComponent as N, inject as h, ref as s, onMounted as A, onBeforeUnmount as E, onUpdated as y, watch as M, computed as F, createVNode as b, Fragment as B, nextTick as O } from "vue";
-import { useResizeObserver as P } from "@vueuse/core";
+import { defineComponent as g, inject as s, ref as p, onMounted as C, onBeforeUnmount as w, onUpdated as x, watch as N, computed as A, createVNode as c, Fragment as E, nextTick as y } from "vue";
+import { useResizeObserver as M } from "@vueuse/core";
 import "@vft/utils";
-import { throwError as C } from "../../utils/error.js";
+import { throwError as F } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { formContextKey as R, formItemContextKey as T } from "./constants.js";
-const W = "VftLabelWrap", D = /* @__PURE__ */ N({
-  name: W,
+import { formContextKey as I, formItemContextKey as O } from "./constants.js";
+const h = "VftLabelWrap", $ = /* @__PURE__ */ g({
+  name: h,
   props: {
     isAutoWidth: Boolean,
     updateAll: Boolean
   },
-  setup(l, {
-    slots: i
+  setup(n, {
+    slots: r
   }) {
-    const t = h(R, void 0), n = h(T);
-    n || C(W, "usage: <vft-form-item><label-wrap /></vft-form-item>");
-    const v = K("form"), r = s(), o = s(0), L = () => {
-      var e;
-      if ((e = r.value) != null && e.firstElementChild) {
-        const a = window.getComputedStyle(r.value.firstElementChild).width;
-        return Math.ceil(Number.parseFloat(a));
+    const i = s(I, void 0), m = s(O);
+    m || F(h, "usage: <vft-form-item><label-wrap /></vft-form-item>");
+    const b = B("form"), t = p(), a = p(0), W = () => {
+      if (t.value?.firstElementChild) {
+        const e = window.getComputedStyle(t.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(e));
       } else
         return 0;
-    }, m = (e = "update") => {
-      O(() => {
-        i.default && l.isAutoWidth && (e === "update" ? o.value = L() : e === "remove" && (t == null || t.deregisterLabelWidth(o.value)));
+    }, u = (e = "update") => {
+      y(() => {
+        r.default && n.isAutoWidth && (e === "update" ? a.value = W() : e === "remove" && i?.deregisterLabelWidth(a.value));
       });
-    }, u = () => m("update");
-    return A(() => {
-      u();
-    }), E(() => {
-      m("remove");
-    }), y(() => u()), M(o, (e, a) => {
-      l.updateAll && (t == null || t.registerLabelWidth(e, a));
-    }), P(F(() => {
-      var e;
-      return ((e = r.value) == null ? void 0 : e.firstElementChild) ?? null;
-    }), u), () => {
-      var a, f;
-      if (!i) return null;
+    }, l = () => u("update");
+    return C(() => {
+      l();
+    }), w(() => {
+      u("remove");
+    }), x(() => l()), N(a, (e, o) => {
+      n.updateAll && i?.registerLabelWidth(e, o);
+    }), M(A(() => t.value?.firstElementChild ?? null), l), () => {
+      if (!r) return null;
       const {
         isAutoWidth: e
-      } = l;
+      } = n;
       if (e) {
-        const d = t == null ? void 0 : t.autoLabelWidth, g = n == null ? void 0 : n.hasLabel, p = {};
-        if (g && d && d !== "auto") {
-          const c = Math.max(0, Number.parseInt(d, 10) - o.value), w = t.labelPosition === "left" ? "marginRight" : "marginLeft";
-          c && (p[w] = `${c}px`);
+        const o = i?.autoLabelWidth, v = m?.hasLabel, d = {};
+        if (v && o && o !== "auto") {
+          const f = Math.max(0, Number.parseInt(o, 10) - a.value), L = i.labelPosition === "left" ? "marginRight" : "marginLeft";
+          f && (d[L] = `${f}px`);
         }
-        return b("div", {
-          ref: r,
-          class: [v.be("item", "label-wrap")],
-          style: p
-        }, [(a = i.default) == null ? void 0 : a.call(i)]);
+        return c("div", {
+          ref: t,
+          class: [b.be("item", "label-wrap")],
+          style: d
+        }, [r.default?.()]);
       } else
-        return b(B, {
-          ref: r
-        }, [(f = i.default) == null ? void 0 : f.call(i)]);
+        return c(E, {
+          ref: t
+        }, [r.default?.()]);
     };
   }
 });
 export {
-  D as default
+  $ as default
 };

package/es/components/form/form.vue.d.ts

@@ -1,33 +1,35 @@
 import type { Arrayable } from 'vft/es/utils';
 import type { FormItemProp, FormProps, FormValidateCallback, FormValidationResult } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FormProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>, {
     /**
      * @description Validate the whole form. Receives a callback or returns `Promise`.
      */
-    validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+    validate: (callback?: FormValidateCallback) => FormValidationResult;
     /**
      * @description Validate specified fields.
      */
-    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
     /**
      * @description Reset specified fields and remove validation result.
      */
-    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
     /**
      * @description Clear validation message for specified fields.
      */
-    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
     /**
      * @description Scroll to the specified fields.
      */
     scrollToField: (prop: FormItemProp) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     validate: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>> & Readonly<{
     onValidate?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {