vft 0.0.392 → 0.0.395

package/es/components/dropdown/useDropdown.js

@@ -4,17 +4,18 @@ import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import { inject as C, computed as O, ref as p } from "vue";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as S } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const F = () => {
+const V = () => {
   const r = C("elDropdown", {}), o = O(() => r?.dropdownSize);
   return {
     elDropdown: r,
     _elDropdownSize: o
   };
-}, V = (r, o, i) => {
+}, $ = (r, o, i) => {
   const x = S("dropdown"), u = p(null), d = p(null), s = p(null), f = p(`dropdown-menu-${k()}`);
   s.value = r?.subTree.el;
   function c() {
@@ -22,17 +23,17 @@ const F = () => {
       e.setAttribute("tabindex", "-1");
     });
   }
-  function b(e) {
+  function m(e) {
     c(), e?.setAttribute("tabindex", "0");
   }
   function D(e) {
     const n = e.code;
-    [t.up, t.down].includes(n) ? (c(), b(u.value[0]), u.value[0].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? i.handleClick() : [t.tab, t.esc].includes(n) && i.hide();
+    [t.up, t.down].includes(n) ? (c(), m(u.value[0]), u.value[0].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? i.handleClick() : [t.tab, t.esc].includes(n) && i.hide();
   }
   function A(e) {
     const n = e.code, v = e.target, l = d.value.indexOf(v), w = d.value.length - 1;
     let a;
-    [t.up, t.down].includes(n) ? (n === t.up ? a = l !== 0 ? l - 1 : 0 : a = l < w ? l + 1 : w, c(), b(u.value[a]), u.value[a].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? (m(), v.click(), i.props.hideOnClick && i.hide()) : [t.tab, t.esc].includes(n) && (i.hide(), m());
+    [t.up, t.down].includes(n) ? (n === t.up ? a = l !== 0 ? l - 1 : 0 : a = l < w ? l + 1 : w, c(), m(u.value[a]), u.value[a].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? (b(), v.click(), i.props.hideOnClick && i.hide()) : [t.tab, t.esc].includes(n) && (i.hide(), b());
   }
   function h() {
     s.value.setAttribute("id", f.value), o.setAttribute("aria-haspopup", "list"), o.setAttribute("aria-controls", f.value), i.props.splitButton || (o.setAttribute("role", "button"), o.setAttribute("tabindex", i.props.tabindex), T(o, x.b("selfdefine")));
@@ -45,12 +46,12 @@ const F = () => {
       "[tabindex='-1']"
     ), d.value = Array.from(u.value), y(), h();
   }
-  function m() {
+  function b() {
     o.focus();
   }
   I();
 };
 export {
-  V as initDropdownDomEvent,
-  F as useDropdown
+  $ as initDropdownDomEvent,
+  V as useDropdown
 };

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

@@ -3,6 +3,7 @@ import { renderTNode as _, setSize as A, VNode as E } from "@vft/utils";
 import "@vueuse/core";
 import { getSizeType as v } from "../../utils/helper.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -15,7 +16,7 @@ import $ from "./assets/no-search.png.js";
 import { EmptyEnum as t } from "./constants.js";
 const h = ["src"], x = u({
   name: "vft-empty"
-}), W = /* @__PURE__ */ u({
+}), X = /* @__PURE__ */ u({
   ...x,
   props: {
     img: {},
@@ -93,5 +94,5 @@ const h = ["src"], x = u({
   }
 });
 export {
-  W as default
+  X as default
 };

package/es/components/empty/index.js

@@ -4,11 +4,12 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import m from "./empty.vue2.js";
-import { EmptyEnum as E } from "./constants.js";
-const s = t(m);
+import { EmptyEnum as c } from "./constants.js";
+const e = t(m);
 export {
-  E as EmptyEnum,
-  s as VftEmpty,
-  s as default
+  c as EmptyEnum,
+  e as VftEmpty,
+  e as default
 };

package/es/components/focus-trap/utils.js

@@ -1,9 +1,10 @@
-import { isFocusable as v } from "../../utils/dom/aria.js";
+import { isFocusable as p } from "../../utils/dom/aria.js";
 import "@vueuse/core";
 import { isElement as f } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { ref as i, onMounted as p, onBeforeUnmount as F } from "vue";
+import { ref as i, onMounted as v, onBeforeUnmount as F } from "vue";
 import "lodash-es";
+import "../form/index.js";
 import { FOCUSOUT_PREVENTED as b, FOCUSOUT_PREVENTED_OPTS as w } from "./tokens.js";
 const a = i(), u = i(0), d = i(0);
 let r = 0;
@@ -28,14 +29,14 @@ const T = (e) => {
     e = e.parentElement;
   }
   return !1;
-}, U = (e) => {
+}, x = (e) => {
   const o = T(e), n = m(o, e), t = m(o.reverse(), e);
   return [n, t];
 }, y = (e) => e instanceof HTMLInputElement && "select" in e, S = (e, o) => {
   if (e && e.focus) {
     const n = document.activeElement;
     let t = !1;
-    f(e) && !v(e) && !e.getAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), t = !0), e.focus({ preventScroll: !0 }), d.value = window.performance.now(), e !== n && y(e) && o && e.select(), f(e) && t && e.removeAttribute("tabindex");
+    f(e) && !p(e) && !e.getAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), t = !0), e.focus({ preventScroll: !0 }), d.value = window.performance.now(), e !== n && y(e) && o && e.select(), f(e) && t && e.removeAttribute("tabindex");
   }
 };
 function l(e, o) {
@@ -53,15 +54,15 @@ const L = () => {
       e = l(e, t), e[0]?.resume?.();
     }
   };
-}, x = (e, o = !1) => {
+}, _ = (e, o = !1) => {
   const n = document.activeElement;
   for (const t of e)
     if (S(t, o), document.activeElement !== n) return;
-}, _ = L(), g = () => u.value > d.value, c = () => {
+}, g = L(), A = () => u.value > d.value, c = () => {
   a.value = "pointer", u.value = window.performance.now();
 }, E = () => {
   a.value = "keyboard", u.value = window.performance.now();
-}, A = () => (p(() => {
+}, D = () => (v(() => {
   r === 0 && (document.addEventListener("mousedown", c), document.addEventListener("touchstart", c), document.addEventListener("keydown", E)), r++;
 }), F(() => {
   r--, r <= 0 && (document.removeEventListener("mousedown", c), document.removeEventListener("touchstart", c), document.removeEventListener("keydown", E));
@@ -69,19 +70,19 @@ const L = () => {
   focusReason: a,
   lastUserFocusTimestamp: u,
   lastAutomatedFocusTimestamp: d
-}), D = (e) => new CustomEvent(b, {
+}), H = (e) => new CustomEvent(b, {
   ...w,
   detail: e
 });
 export {
-  D as createFocusOutPreventedEvent,
-  x as focusFirstDescendant,
-  _ as focusableStack,
-  U as getEdges,
+  H as createFocusOutPreventedEvent,
+  _ as focusFirstDescendant,
+  g as focusableStack,
+  x as getEdges,
   m as getVisibleElement,
-  g as isFocusCausedByUserEvent,
+  A as isFocusCausedByUserEvent,
   N as isHidden,
   T as obtainAllFocusableElements,
   S as tryFocus,
-  A as useFocusReason
+  D as useFocusReason
 };

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

@@ -1,23 +1,24 @@
-import { defineComponent as a, createBlock as i, openBlock as m, unref as t, normalizeClass as o, withCtx as n, createElementVNode as s, renderSlot as l } from "vue";
-import { VftFooter as p } from "../container/index.js";
+import { defineComponent as a, createBlock as i, openBlock as m, unref as t, normalizeClass as o, withCtx as p, createElementVNode as s, renderSlot as l } from "vue";
+import { VftFooter as n } from "../container/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const c = a({
   name: "vft-footer-layout"
-}), V = /* @__PURE__ */ a({
+}), b = /* @__PURE__ */ a({
   ...c,
   setup(u) {
     const e = f("footer-layout");
-    return (r, d) => (m(), i(t(p), {
+    return (r, d) => (m(), i(t(n), {
       class: o(t(e).b())
     }, {
-      default: n(() => [
+      default: p(() => [
         s("div", {
           class: o(t(e).e("left"))
         }, [
@@ -39,5 +40,5 @@ const c = a({
   }
 });
 export {
-  V as default
+  b as default
 };

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

@@ -4,9 +4,10 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import o from "./footer-layout.vue2.js";
-const e = t(o);
+const l = t(o);
 export {
-  e as VftFooterLayout,
-  e as default
+  l as VftFooterLayout,
+  l as default
 };

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

@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -3,6 +3,7 @@ import { refDebounced as Me } from "@vueuse/core";
 import { isBoolean as We, getProp as W, isFunction as ze } from "@vft/utils";
 import { addUnit as O, castArray as H } from "../../utils/helper.js";
 import { isArray as J, clone as Q } from "lodash-es";
+import "./index.js";
 import { useId as $e } from "../../hooks/use-id/index.js";
 import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
@@ -14,7 +15,7 @@ import Ne from "./form-label-wrap.js";
 import { useFormSize as Le } from "./hooks/use-form-common-props.js";
 const je = ["role", "aria-labelledby"], De = Y({
   name: "vft-form-item"
-}), rt = /* @__PURE__ */ Y({
+}), ot = /* @__PURE__ */ Y({
   ...De,
   props: {
     label: {},
@@ -232,5 +233,5 @@ const je = ["role", "aria-labelledby"], De = Y({
   }
 });
 export {
-  rt as default
+  ot as default
 };

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

@@ -4,12 +4,13 @@ import "@vft/utils";
 import { throwError as M } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "./index.js";
 import { useNamespace as F } 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 B, formItemContextKey as I } from "./constants.js";
-const h = "VftLabelWrap", q = /* @__PURE__ */ g({
+const h = "VftLabelWrap", D = /* @__PURE__ */ g({
   name: h,
   props: {
     isAutoWidth: Boolean,
@@ -61,5 +62,5 @@ const h = "VftLabelWrap", q = /* @__PURE__ */ g({
   }
 });
 export {
-  q as default
+  D as default
 };

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

@@ -4,6 +4,7 @@ import { isFunction as K } from "@vft/utils";
 import { debugWarn as n } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "./index.js";
 import { useNamespace as L } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -13,7 +14,7 @@ import { useFormSize as D } from "./hooks/use-form-common-props.js";
 import { useFormLabelWidth as G, filterFields as f } from "./utils.js";
 const H = b({
   name: "vft-form"
-}), ae = /* @__PURE__ */ b({
+}), ne = /* @__PURE__ */ b({
   ...H,
   props: {
     size: {},
@@ -142,5 +143,5 @@ const H = b({
   }
 });
 export {
-  ae as default
+  ne as default
 };

package/es/components/form/hooks/use-form-common-props.js

@@ -3,6 +3,7 @@ import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import { ref as c, inject as i, computed as r, unref as m } from "vue";
 import "lodash-es";
+import "../index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { useGlobalSize as u } from "../../../hooks/use-size/index.js";
@@ -19,10 +20,10 @@ const v = (t, o = {}) => {
   return r(
     () => o.value || m(t) || e?.disabled || !1
   );
-}, P = v, R = z;
+}, R = v, g = z;
 export {
-  R as useDisabled,
+  g as useDisabled,
   z as useFormDisabled,
   v as useFormSize,
-  P as useSize
+  R as useSize
 };

package/es/components/form/hooks/use-form-item.js

@@ -3,43 +3,44 @@ import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import { inject as d, ref as m, computed as f, onMounted as l, watch as I, toRef as s, onUnmounted as a } from "vue";
 import "lodash-es";
+import "../index.js";
 import { useId as h } from "../../../hooks/use-id/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { formContextKey as w, formItemContextKey as y } from "../constants.js";
-const A = () => {
-  const t = d(w, void 0), u = d(y, void 0);
+const D = () => {
+  const t = d(w, void 0), o = d(y, void 0);
   return {
     form: t,
-    formItem: u
+    formItem: o
   };
-}, D = (t, {
-  formItemContext: u,
+}, E = (t, {
+  formItemContext: o,
   disableIdGeneration: i,
   disableIdManagement: e
 }) => {
   i || (i = m(!1)), e || (e = m(!1));
-  const o = m();
+  const u = m();
   let p;
-  const n = f(() => !!(!t.label && u && u.inputIds && u.inputIds?.length <= 1));
+  const n = f(() => !!(!t.label && o && o.inputIds && o.inputIds?.length <= 1));
   return l(() => {
     p = I(
       [s(t, "id"), i],
       ([c, v]) => {
         const r = c ?? (v ? void 0 : h().value);
-        r !== o.value && (u?.removeInputId && (o.value && u.removeInputId(o.value), !e?.value && !v && r && u.addInputId(r)), o.value = r);
+        r !== u.value && (o?.removeInputId && (u.value && o.removeInputId(u.value), !e?.value && !v && r && o.addInputId(r)), u.value = r);
       },
       { immediate: !0 }
     );
   }), a(() => {
-    p && p(), u?.removeInputId && o.value && u.removeInputId(o.value);
+    p && p(), o?.removeInputId && u.value && o.removeInputId(u.value);
   }), {
     isLabeledByFormItem: n,
-    inputId: o
+    inputId: u
   };
 };
 export {
-  A as useFormItem,
-  D as useFormItemInputId
+  D as useFormItem,
+  E as useFormItemInputId
 };

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

@@ -194,6 +194,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 })> & {
     FormItem: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -203,13 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -231,6 +227,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -253,10 +253,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:error": (val: string) => void;
         }, import("vue").PublicProps, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -266,6 +266,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -275,13 +278,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -303,6 +299,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -323,16 +323,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, {}, {}, {}, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -342,13 +345,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -370,6 +366,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -392,10 +392,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, string, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -411,6 +411,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 };
 export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -420,13 +423,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -448,6 +444,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -470,10 +470,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, import("vue").PublicProps, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -483,6 +483,9 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -492,13 +495,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -520,6 +516,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -540,16 +540,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, {}, {}, {}, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+    };
     label: {
         type: import("vue").PropType<string>;
     };
@@ -559,13 +562,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     prop: {
         type: import("vue").PropType<string | string[]>;
     };
-    size: {
-        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
@@ -587,6 +583,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     hideRequiredAsterisk: {
         type: import("vue").PropType<boolean>;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
@@ -609,10 +609,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {