vft 0.0.142 → 0.0.145

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

@@ -1,25 +1,25 @@
 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 v } from "@vft/utils";
+import { renderTNode as A, setSize as E, VNode as O } from "@vft/utils";
 import "@vueuse/core";
-import { getSizeType as O } from "../../utils/helper.js";
+import { getSizeType as k } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.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 h from "./assets/no-search.png.js";
+import b from "./assets/no-search.png.js";
 import { EmptyEnum as o } from "./constants.js";
-const x = ["src"], r = (
+const h = ["src"], m = (
   /* hoist-static*/
-  k("empty")
-), L = f({
-  name: "vft-empty"
+  v("empty")
+), x = f({
+  name: m.b()
 }), Y = /* @__PURE__ */ f({
-  ...L,
+  ...x,
   props: {
     img: {},
     type: { default: o.NO_DATA },
@@ -61,38 +61,38 @@ const x = ["src"], r = (
         o.NO_SEARCH,
         {
           text: "没有搜索结果",
-          img: h
+          img: b
         }
       ]
     ])).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 = O(a.size);
-    return (m, b) => {
+    ), l = k(a.size);
+    return (r, M) => {
       var p;
       return s(), i("div", {
-        class: n([e(r).b(), e(l) ? e(r).m(e(l)) : ""])
+        class: n([e(m).b(), e(l) ? e(m).m(e(l)) : ""])
       }, [
         C("div", {
-          class: n(e(r).e("image")),
-          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || m.size))
+          class: n(e(m).e("image")),
+          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || r.size))
         }, [
-          m.$slots.img ? u(m.$slots, "img", { key: 0 }) : (s(), i("img", {
+          r.$slots.img ? u(r.$slots, "img", { key: 0 }) : (s(), i("img", {
             key: 1,
             src: y.value,
             alt: ""
-          }, null, 8, x))
+          }, null, 8, h))
         ], 6),
         c.value ? (s(), i("span", {
           key: 0,
-          class: n(e(r).e("desc"))
+          class: n(e(m).e("desc"))
         }, [
-          _(e(v), { content: c.value }, null, 8, ["content"])
+          _(e(O), { content: c.value }, null, 8, ["content"])
         ], 2)) : N("", !0),
-        m.$slots.default ? (s(), i("div", {
+        r.$slots.default ? (s(), i("div", {
           key: 1,
-          class: n(e(r).e("bottom"))
+          class: n(e(m).e("bottom"))
         }, [
-          u(m.$slots, "default")
+          u(r.$slots, "default")
         ], 2)) : N("", !0)
       ], 2);
     };

package/es/components/empty/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./empty.vue2.js";
 import { EmptyEnum as E } from "./constants.js";

package/es/components/exception/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./exception.vue2.js";
 const s = t(o);

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, openBlock as s, createBlock as l, unref as t, normalizeClass as o, withCtx as a, createElementVNode as m, renderSlot as p } from "vue";
+import { defineComponent as e, openBlock as s, createBlock as l, unref as t, normalizeClass as r, withCtx as a, createElementVNode as m, renderSlot as p } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -87,36 +87,36 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-const r = (
+const o = (
   /* hoist-static*/
-  f("footer-layout")
-), c = e({
-  name: "vft-footer-layout"
+  c("footer-layout")
+), f = e({
+  name: o.b()
 }), ro = /* @__PURE__ */ e({
-  ...c,
-  setup(u) {
-    return (i, d) => (s(), l(t(n), {
-      class: o(t(r).b())
+  ...f,
+  setup(d) {
+    return (i, u) => (s(), l(t(n), {
+      class: r(t(o).b())
     }, {
       default: a(() => [
         m("div", {
-          class: o(t(r).e("left"))
+          class: r(t(o).e("left"))
         }, [
           p(i.$slots, "left")
         ], 2),
         m("div", {
-          class: o(t(r).e("center"))
+          class: r(t(o).e("center"))
         }, [
           p(i.$slots, "default")
         ], 2),
         m("div", {
-          class: o(t(r).e("right"))
+          class: r(t(o).e("right"))
         }, [
           p(i.$slots, "right")
         ], 2)

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./footer-layout.vue2.js";
 const e = t(o);

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

@@ -1,11 +1,12 @@
 import type { ComponentSize } from 'vft/es/constants';
+import type { Arrayable } from '../types';
 import type { FormItemRule } from './types';
 export interface FormItemProps {
     label?: string;
     labelWidth?: string | number;
     prop?: string | string[];
     required?: boolean;
-    rules?: FormItemRule;
+    rules?: Arrayable<FormItemRule>;
     error?: string;
     for?: string;
     validateStatus?: '' | 'error' | 'validating' | 'success';
@@ -26,16 +27,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     labelWidth: {
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     rules: {
-        type: import("vue").PropType<FormItemRule>;
+        type: import("vue").PropType<Arrayable<FormItemRule>>;
     };
     for: {
         type: import("vue").PropType<string>;
@@ -77,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     resetField: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:error': (val: string) => void;
+    "update:error": (val: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -91,16 +92,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     labelWidth: {
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     rules: {
-        type: import("vue").PropType<FormItemRule>;
+        type: import("vue").PropType<Arrayable<FormItemRule>>;
     };
     for: {
         type: import("vue").PropType<string>;
@@ -119,8 +120,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }, {
-    required: boolean;
     labelWidth: string | number;
+    required: boolean;
     inlineMessage: string | boolean;
     showMessage: boolean;
 }, {}>, {

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

@@ -1,8 +1,7 @@
 import { defineComponent as Y, useSlots as ge, inject as E, ref as g, computed as a, watch as L, reactive as he, toRefs as ye, provide as be, onMounted as Se, onBeforeUnmount as _e, openBlock as F, createElementBlock as Ie, normalizeClass as h, unref as c, createBlock as T, withCtx as M, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as R, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, createVNode as we, TransitionGroup as Fe, nextTick as Me } from "vue";
-import { addUnit as H, isBoolean as Re, isString as We, isFunction as ze } from "@vft/utils";
+import { addUnit as H, isBoolean as Re, isString as We, getProp as W, isFunction as ze } from "@vft/utils";
 import { refDebounced as Be } from "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { getProp as W } from "../../utils/objects.js";
 import { castArray as J, clone as Q } from "lodash";
 import { useId as $e } from "../../hooks/use-id/index.js";
 import { useNamespace as Ne } from "../../hooks/use-namespace/index.js";
@@ -16,8 +15,8 @@ const Ee = ["role", "aria-labelledby"], o = (
   /* hoist-static*/
   Ne("form-item")
 ), Le = Y({
-  name: "vft-form-item"
-}), er = /* @__PURE__ */ Y({
+  name: o.b()
+}), xe = /* @__PURE__ */ Y({
   ...Le,
   props: {
     label: {},
@@ -245,5 +244,5 @@ const Ee = ["role", "aria-labelledby"], o = (
   }
 });
 export {
-  er as default
+  xe as default
 };

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

@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;
@@ -85,7 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * @description Scroll to the specified fields.
      */
     scrollToField: (prop: FormItemProp) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    validate: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
@@ -99,7 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;

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

@@ -14,7 +14,7 @@ const l = (
   /* hoist-static*/
   R("form")
 ), K = v({
-  name: "vft-form"
+  name: l.b()
 }), _ = /* @__PURE__ */ v({
   ...K,
   props: {

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

@@ -5,9 +5,9 @@ import "lodash";
 import { ref as u, inject as r, computed as m, unref as p } from "vue";
 import "../../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
-import { useProp as d } from "../../../hooks/use-prop/index.js";
 import { useGlobalSize as a } from "../../../hooks/use-size/index.js";
 import "../../../hooks/use-z-index/index.js";
+import { useProp as d } from "@vft/use";
 import { formContextKey as l, formItemContextKey as f } from "../constants.js";
 const v = (t, o = {}) => {
   const e = u(void 0), n = o.prop ? e : d("size"), c = o.global ? e : a(), i = o.form ? { size: void 0 } : r(l, void 0), s = o.formItem ? { size: void 0 } : r(f, void 0);

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

@@ -10,6 +10,14 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly size?: "" | "default" | "small" | "large" | undefined;
+            readonly inline?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly rules?: Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>> | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -50,15 +58,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly labelWidth?: string | number | undefined;
-            readonly rules?: Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>> | undefined;
-            readonly inlineMessage?: boolean | undefined;
-            readonly showMessage?: boolean | undefined;
-            readonly hideRequiredAsterisk?: boolean | undefined;
-            readonly requireAsteriskPosition?: "left" | "right" | undefined;
-            readonly inline?: boolean | undefined;
-            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly labelPosition?: "top" | "left" | "right" | undefined;
             readonly model?: Record<string, any> | undefined;
             readonly labelSuffix?: string | undefined;
             readonly statusIcon?: boolean | undefined;
@@ -93,7 +93,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"left" | "right" | "top">;
+                type: import("vue").PropType<"top" | "left" | "right">;
             };
             requireAsteriskPosition: {
                 type: import("vue").PropType<"left" | "right">;
@@ -133,7 +133,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
             clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
             scrollToField: (prop: import("./types").FormItemProp) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], string, {}, {}, string, {}> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            validate: (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -167,7 +169,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -225,7 +227,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;
@@ -265,7 +267,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
     clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
     scrollToField: (prop: import("./types").FormItemProp) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    validate: (...args: any[]) => void;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
@@ -275,8 +279,8 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                required?: boolean | undefined;
                 labelWidth?: string | number | undefined;
+                required?: boolean | undefined;
                 inlineMessage?: string | boolean | undefined;
                 showMessage?: boolean | undefined;
                 readonly label?: string | undefined;
@@ -287,6 +291,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 class?: unknown;
                 readonly error?: string | undefined;
                 readonly size?: "" | "default" | "small" | "large" | undefined;
+                readonly rules?: import("../types").Arrayable<import("./types").FormItemRule> | undefined;
+                readonly for?: string | undefined;
+                readonly validateStatus?: "" | "error" | "validating" | "success" | undefined;
+                "onUpdate:error"?: ((val: string) => any) | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
                 onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -327,10 +335,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly rules?: import("./types").FormItemRule | undefined;
-                readonly for?: string | undefined;
-                readonly validateStatus?: "" | "error" | "validating" | "success" | undefined;
-                "onUpdate:error"?: ((val: string) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -358,16 +362,16 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 size: {
                     type: import("vue").PropType<"" | "default" | "small" | "large">;
                 };
-                required: {
-                    type: import("vue").PropType<boolean>;
-                    default: undefined;
-                };
                 labelWidth: {
                     type: import("vue").PropType<string | number>;
                     default: string;
                 };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                    default: undefined;
+                };
                 rules: {
-                    type: import("vue").PropType<import("./types").FormItemRule>;
+                    type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
                 };
                 for: {
                     type: import("vue").PropType<string>;
@@ -393,10 +397,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 clearValidate: () => void;
                 resetField: () => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                'update:error': (val: string) => void;
+                "update:error": (val: string) => void;
             }, string, {
-                required: boolean;
                 labelWidth: string | number;
+                required: boolean;
                 inlineMessage: string | boolean;
                 showMessage: boolean;
             }, {}, string, {}> & {
@@ -432,16 +436,16 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<"" | "default" | "small" | "large">;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
-                type: import("vue").PropType<import("./types").FormItemRule>;
+                type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
             };
             for: {
                 type: import("vue").PropType<string>;
@@ -483,16 +487,16 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<"" | "default" | "small" | "large">;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         labelWidth: {
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
-            type: import("vue").PropType<import("./types").FormItemRule>;
+            type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
         };
         for: {
             type: import("vue").PropType<string>;
@@ -518,10 +522,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:error': (val: string) => void;
+        "update:error": (val: string) => void;
     }, string, {
-        required: boolean;
         labelWidth: string | number;
+        required: boolean;
         inlineMessage: string | boolean;
         showMessage: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -541,8 +545,8 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            required?: boolean | undefined;
             labelWidth?: string | number | undefined;
+            required?: boolean | undefined;
             inlineMessage?: string | boolean | undefined;
             showMessage?: boolean | undefined;
             readonly label?: string | undefined;
@@ -553,6 +557,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             class?: unknown;
             readonly error?: string | undefined;
             readonly size?: "" | "default" | "small" | "large" | undefined;
+            readonly rules?: import("../types").Arrayable<import("./types").FormItemRule> | undefined;
+            readonly for?: string | undefined;
+            readonly validateStatus?: "" | "error" | "validating" | "success" | undefined;
+            "onUpdate:error"?: ((val: string) => any) | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -593,10 +601,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly rules?: import("./types").FormItemRule | undefined;
-            readonly for?: string | undefined;
-            readonly validateStatus?: "" | "error" | "validating" | "success" | undefined;
-            "onUpdate:error"?: ((val: string) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -624,16 +628,16 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<"" | "default" | "small" | "large">;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
-                type: import("vue").PropType<import("./types").FormItemRule>;
+                type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
             };
             for: {
                 type: import("vue").PropType<string>;
@@ -659,10 +663,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:error': (val: string) => void;
+            "update:error": (val: string) => void;
         }, string, {
-            required: boolean;
             labelWidth: string | number;
+            required: boolean;
             inlineMessage: string | boolean;
             showMessage: boolean;
         }, {}, string, {}> & {
@@ -698,16 +702,16 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<"" | "default" | "small" | "large">;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         labelWidth: {
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
-            type: import("vue").PropType<import("./types").FormItemRule>;
+            type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
         };
         for: {
             type: import("vue").PropType<string>;
@@ -749,16 +753,16 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     labelWidth: {
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     rules: {
-        type: import("vue").PropType<import("./types").FormItemRule>;
+        type: import("vue").PropType<import("../types").Arrayable<import("./types").FormItemRule>>;
     };
     for: {
         type: import("vue").PropType<string>;
@@ -784,10 +788,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     clearValidate: () => void;
     resetField: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:error': (val: string) => void;
+    "update:error": (val: string) => void;
 }, string, {
-    required: boolean;
     labelWidth: string | number;
+    required: boolean;
     inlineMessage: string | boolean;
     showMessage: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {