vft 0.0.411 → 0.0.413

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

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     dark: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/drawer/drawer.vue2.js

@@ -1,25 +1,25 @@
-import { defineComponent as w, getCurrentInstance as L, ref as B, computed as k, createBlock as T, openBlock as a, unref as e, withCtx as u, createVNode as f, Transition as O, withDirectives as N, createElementVNode as h, mergeProps as M, withModifiers as P, createElementBlock as r, createCommentVNode as d, normalizeClass as l, renderSlot as p, toDisplayString as q, vShow as H } from "vue";
-import { isBoolean as U } from "@vft/utils";
+import { defineComponent as g, getCurrentInstance as L, ref as b, computed as k, createBlock as h, openBlock as l, unref as e, withCtx as d, createVNode as m, Transition as T, withDirectives as O, createElementVNode as w, mergeProps as N, withModifiers as M, createElementBlock as n, createCommentVNode as r, normalizeClass as a, renderSlot as i, toDisplayString as P, vShow as q } from "vue";
+import { isBoolean as H } from "@vft/utils";
 import "../dialog/index.js";
-import j from "../focus-trap/focus-trap.vue.js";
+import U from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
-import { VftIcon as G } from "../icon/index.js";
-import { VftOverlay as J } from "../overlay/index.js";
-import { UPDATE_MODEL_EVENT as K } from "../../constants/event.js";
+import { VftIcon as j } from "../icon/index.js";
+import { VftOverlay as G } from "../overlay/index.js";
+import { UPDATE_MODEL_EVENT as J } from "../../constants/event.js";
 import "@vueuse/core";
-import { addUnit as Q } from "../../utils/helper.js";
+import { addUnit as K } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { VftTeleport as X } from "../teleport/index.js";
-import { useDialog as Y } from "../dialog/hooks/use-dialog.js";
-const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x = ["id"], ee = w({
+import { VftTeleport as W } from "../teleport/index.js";
+import { useDialog as X } from "../dialog/hooks/use-dialog.js";
+const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ = ["id"], x = g({
   name: "vft-drawer"
-}), Re = /* @__PURE__ */ w({
-  ...ee,
+}), Ae = /* @__PURE__ */ g({
+  ...x,
   props: {
     direction: { default: "rtl" },
     size: { default: "30%" },
@@ -50,7 +50,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
     title: { default: "" }
   },
   emits: {
-    [K]: (s) => U(s),
+    [J]: (s) => H(s),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -58,128 +58,122 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
     openAutoFocus: () => !0,
     closeAutoFocus: () => !0
   },
-  setup(s, { expose: g }) {
-    const t = W("drawer"), E = L(), c = B(), {
-      afterEnter: z,
-      afterLeave: A,
-      beforeLeave: R,
-      handleClose: n,
-      onModalClick: V,
-      close: oe,
-      doClose: te,
-      onOpenAutoFocus: le,
-      onCloseAutoFocus: ae,
-      onCloseRequested: D,
-      onFocusoutPrevented: se,
-      titleId: m,
-      bodyId: b,
-      closed: re,
-      style: de,
-      overlayDialogStyle: ne,
-      rendered: F,
-      visible: y,
-      zIndex: I
-    } = Y(E.props, c), v = B(), S = k(() => s.direction === "rtl" || s.direction === "ltr"), C = k(() => Q(s.size));
-    return g({
-      close: n
-    }), (o, i) => (a(), T(e(X), {
+  setup(s, { expose: E }) {
+    const t = Q("drawer"), z = L(), u = b(), {
+      afterEnter: A,
+      afterLeave: R,
+      beforeLeave: V,
+      handleClose: f,
+      onModalClick: D,
+      close: ee,
+      doClose: oe,
+      onOpenAutoFocus: te,
+      onCloseAutoFocus: le,
+      onCloseRequested: F,
+      onFocusoutPrevented: ae,
+      titleId: c,
+      bodyId: y,
+      closed: se,
+      style: re,
+      overlayDialogStyle: de,
+      rendered: I,
+      visible: p,
+      zIndex: S
+    } = X(z.props, u), C = b(), $ = k(() => s.direction === "rtl" || s.direction === "ltr"), v = k(() => K(s.size));
+    return E({
+      close: f
+    }), (o, B) => (l(), h(e(W), {
       to: "body",
       disabled: !o.appendToBody
     }, {
-      default: u(() => [
-        f(O, {
+      default: d(() => [
+        m(T, {
           name: e(t).b("fade"),
-          onAfterEnter: e(z),
-          onAfterLeave: e(A),
-          onBeforeLeave: e(R)
+          onAfterEnter: e(A),
+          onAfterLeave: e(R),
+          onBeforeLeave: e(V)
         }, {
-          default: u(() => [
-            N(f(e(J), {
+          default: d(() => [
+            O(m(e(G), {
               mask: o.modal,
               "overlay-class": o.modalClass,
-              "z-index": e(I),
-              onClick: e(V)
+              "z-index": e(S),
+              onClick: e(D)
             }, {
-              default: u(() => [
-                f(e(j), {
+              default: d(() => [
+                m(e(U), {
                   loop: "",
-                  trapped: e(y),
-                  "focus-trap-el": c.value,
-                  "focus-start-el": v.value,
-                  onReleaseRequested: e(D)
+                  trapped: e(p),
+                  "focus-trap-el": u.value,
+                  "focus-start-el": C.value,
+                  onReleaseRequested: e(F)
                 }, {
-                  default: u(() => [
-                    h("div", M({
+                  default: d(() => [
+                    w("div", N({
                       ref_key: "drawerRef",
-                      ref: c,
+                      ref: u,
                       "aria-modal": "true",
                       "aria-label": o.title || void 0,
-                      "aria-labelledby": o.title ? void 0 : e(m),
-                      "aria-describedby": e(b)
+                      "aria-labelledby": o.title ? void 0 : e(c),
+                      "aria-describedby": e(y)
                     }, o.$attrs, {
-                      class: [e(t).b(), o.direction, e(y) && "open", o.customClass],
-                      style: S.value ? "width: " + C.value : "height: " + C.value,
+                      class: [e(t).b(), o.direction, e(p) && "open", o.customClass],
+                      style: $.value ? "width: " + v.value : "height: " + v.value,
                       role: "dialog",
-                      onClick: i[1] || (i[1] = P(() => {
+                      onClick: B[0] || (B[0] = M(() => {
                       }, ["stop"]))
                     }), [
-                      h("span", {
+                      w("span", {
                         ref_key: "focusStartRef",
-                        ref: v,
-                        class: l(e(t).e("sr-focus")),
+                        ref: C,
+                        class: a(e(t).e("sr-focus")),
                         tabindex: "-1"
                       }, null, 2),
-                      o.withHeader ? (a(), r("header", {
+                      o.withHeader ? (l(), n("header", {
                         key: 0,
-                        class: l(e(t).e("header"))
+                        class: a(e(t).e("header"))
                       }, [
-                        o.$slots.title ? p(o.$slots, "title", { key: 1 }) : p(o.$slots, "header", {
+                        o.$slots.title ? i(o.$slots, "title", { key: 1 }) : i(o.$slots, "header", {
                           key: 0,
-                          close: e(n),
-                          titleId: e(m),
+                          close: e(f),
+                          titleId: e(c),
                           titleClass: e(t).e("title")
                         }, () => [
-                          o.$slots.title ? d("", !0) : (a(), r("span", {
+                          o.$slots.title ? r("", !0) : (l(), n("span", {
                             key: 0,
-                            id: e(m),
+                            id: e(c),
                             role: "heading",
-                            class: l(e(t).e("title"))
-                          }, q(o.title), 11, _))
+                            class: a(e(t).e("title"))
+                          }, P(o.title), 11, Z))
                         ]),
-                        o.showClose ? (a(), r("button", {
+                        o.showClose ? (l(), h(e(j), {
                           key: 2,
-                          class: l(e(t).e("close-btn")),
-                          type: "button",
-                          onClick: i[0] || (i[0] = //@ts-ignore
-                          (...$) => e(n) && e(n)(...$))
-                        }, [
-                          f(e(G), {
-                            icon: "icon-close",
-                            class: l(e(t).e("close"))
-                          }, null, 8, ["class"])
-                        ], 2)) : d("", !0)
-                      ], 2)) : d("", !0),
-                      e(F) ? (a(), r("div", {
+                          onClick: e(f),
+                          icon: "icon-close",
+                          class: a(e(t).e("close"))
+                        }, null, 8, ["onClick", "class"])) : r("", !0)
+                      ], 2)) : r("", !0),
+                      e(I) ? (l(), n("div", {
                         key: 1,
-                        id: e(b),
-                        class: l(e(t).e("body"))
+                        id: e(y),
+                        class: a(e(t).e("body"))
                       }, [
-                        p(o.$slots, "default")
-                      ], 10, x)) : d("", !0),
-                      o.$slots.footer ? (a(), r("div", {
+                        i(o.$slots, "default")
+                      ], 10, _)) : r("", !0),
+                      o.$slots.footer ? (l(), n("div", {
                         key: 2,
-                        class: l(e(t).e("footer"))
+                        class: a(e(t).e("footer"))
                       }, [
-                        p(o.$slots, "footer")
-                      ], 2)) : d("", !0)
-                    ], 16, Z)
+                        i(o.$slots, "footer")
+                      ], 2)) : r("", !0)
+                    ], 16, Y)
                   ]),
                   _: 3
                 }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-              [H, e(y)]
+              [q, e(p)]
             ])
           ]),
           _: 3
@@ -190,5 +184,5 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
   }
 });
 export {
-  Re as default
+  Ae 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/index.d.ts

@@ -206,10 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
-            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: {};
@@ -278,10 +278,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
-            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,10 +323,10 @@ 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;
@@ -345,10 +345,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        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: {
@@ -423,10 +423,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        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: {};
@@ -495,10 +495,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
-        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,10 +540,10 @@ 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;
@@ -562,10 +562,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     prop: {
         type: import("vue").PropType<string | string[]>;
     };
-    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: {

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(