vft 0.0.394 → 0.0.396

package/es/components/affix/affix.js

@@ -4,7 +4,8 @@ import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as i } from "../../constants/event.js";
 import "vue";
 import { buildProps as p } from "../../utils/vue/props/runtime.js";
-const n = p({
+import "../form/index.js";
+const d = p({
   /**
    * @description affix element zIndex value
    * */
@@ -34,11 +35,11 @@ const n = p({
     values: ["top", "bottom"],
     default: "top"
   }
-}), d = {
+}), b = {
   scroll: ({ scrollTop: t, fixed: r }) => e(t) && o(r),
   [i]: (t) => o(t)
 };
 export {
-  d as affixEmits,
-  n as affixProps
+  b as affixEmits,
+  d as affixProps
 };

package/es/components/affix/affix.vue2.js

@@ -5,6 +5,7 @@ import { throwError as Y } from "../../utils/error.js";
 import { addUnit as j } from "../../utils/helper.js";
 import "@vft/utils";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -12,7 +13,7 @@ import "../../hooks/use-z-index/index.js";
 import { affixEmits as D, affixProps as F } from "./affix.js";
 const G = $({
   name: "vft-affix"
-}), ne = /* @__PURE__ */ $({
+}), ue = /* @__PURE__ */ $({
   ...G,
   props: F,
   emits: D,
@@ -79,5 +80,5 @@ const G = $({
   }
 });
 export {
-  ne as default
+  ue as default
 };

package/es/components/affix/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 "./affix.vue2.js";
-const l = t(o);
+const n = t(o);
 export {
-  l as VftAffix,
-  l as default
+  n as VftAffix,
+  n as default
 };

package/es/components/alert/alert.vue2.js

@@ -4,13 +4,14 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const z = C({
   name: "vft-alert"
-}), P = /* @__PURE__ */ C({
+}), Q = /* @__PURE__ */ C({
   ...z,
   props: {
     title: { default: "" },
@@ -26,11 +27,11 @@ const z = C({
     close: (n) => n instanceof MouseEvent
   },
   setup(n, { emit: h }) {
-    const t = D("alert"), B = h, d = g(), m = N(!0), f = c(() => n.type), T = c(() => [
+    const t = D("alert"), B = h, m = g(), d = N(!0), p = c(() => n.type), T = c(() => [
       t.e("icon"),
-      { [t.is("big")]: !!n.description || !!d.default }
-    ]), w = c(() => ({ [t.is("bold")]: n.description || d.default })), p = (e) => {
-      m.value = !1, B("close", e);
+      { [t.is("big")]: !!n.description || !!m.default }
+    ]), w = c(() => ({ [t.is("bold")]: n.description || m.default })), f = (e) => {
+      d.value = !1, B("close", e);
     };
     return (e, F) => (s(), r(S, {
       name: o(t).b("fade")
@@ -40,10 +41,10 @@ const z = C({
           class: l([o(t).b(), o(t).m(e.type), o(t).is("center", e.center), o(t).is(e.effect)]),
           role: "alert"
         }, [
-          e.showIcon && f.value ? (s(), r(o(b), {
+          e.showIcon && p.value ? (s(), r(o(b), {
             key: 0,
             class: l(T.value),
-            icon: f.value
+            icon: p.value
           }, null, 8, ["class", "icon"])) : i("", !0),
           v("div", {
             class: l(o(t).e("content"))
@@ -68,17 +69,17 @@ const z = C({
               e.closeText ? (s(), a("div", {
                 key: 0,
                 class: l([o(t).e("close-btn"), o(t).is("customed")]),
-                onClick: p
+                onClick: f
               }, u(e.closeText), 3)) : (s(), r(o(b), {
                 key: 1,
                 class: l(o(t).e("close-btn")),
-                onClick: p,
+                onClick: f,
                 icon: "icon-close"
               }, null, 8, ["class"]))
             ], 64)) : i("", !0)
           ], 2)
         ], 2), [
-          [I, m.value]
+          [I, d.value]
         ])
       ]),
       _: 3
@@ -86,5 +87,5 @@ const z = C({
   }
 });
 export {
-  P as default
+  Q as default
 };

package/es/components/alert/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 "./alert.vue2.js";
-const s = t(o);
+const e = t(o);
 export {
-  s as VftAlert,
-  s as default
+  e as VftAlert,
+  e as default
 };

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/autocomplete/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 "./autocomplete.vue2.js";
-const l = t(o);
+const s = t(o);
 export {
-  l as VftAutocomplete,
-  l as default
+  s as VftAutocomplete,
+  s as default
 };

package/es/components/avatar/avatar.vue2.js

@@ -5,11 +5,12 @@ import { VftImage as I } from "../image/index.js";
 import "@vueuse/core";
 import { addUnit as L } from "../../utils/helper.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const H = /* @__PURE__ */ v({
+const J = /* @__PURE__ */ v({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -49,5 +50,5 @@ const H = /* @__PURE__ */ v({
   }
 });
 export {
-  H as default
+  J as default
 };

package/es/components/avatar/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 "./avatar.vue2.js";
-const l = t(o);
+const n = t(o);
 export {
-  l as VftAvatar,
-  l as default
+  n as VftAvatar,
+  n as default
 };

package/es/components/avatar-stack/avatar-stack.vue2.js

@@ -1,17 +1,18 @@
 import { defineComponent as z, computed as r, createElementBlock as s, openBlock as n, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
 import { VftAvatar as f } from "../avatar/index.js";
 import "@vueuse/core";
-import { addUnit as i } from "@vft/utils";
+import { addUnit as l } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { generateCssVars as N } from "../../utils/ns-cover.js";
 import "lodash-es";
+import "../form/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";
 const M = z({
   name: "vft-avatar-stack"
-}), q = /* @__PURE__ */ z({
+}), G = /* @__PURE__ */ z({
   ...M,
   props: {
     avatars: { default: () => [] },
@@ -22,41 +23,41 @@ const M = z({
     borderColor: { default: "white" }
   },
   setup(e) {
-    const a = B("avatar-stack"), u = r(() => e.avatars.slice(0, e.maxCount)), m = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), h = r(() => Math.max(12, Math.round(e.size * 0.25))), p = r(() => N(
+    const a = B("avatar-stack"), m = r(() => e.avatars.slice(0, e.maxCount)), u = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), p = r(() => Math.max(12, Math.round(e.size * 0.25))), h = r(() => N(
       {
-        "avatar-size": i(e.size),
-        overlap: i(C.value),
-        "font-size": i(h.value),
+        "avatar-size": l(e.size),
+        overlap: l(C.value),
+        "font-size": l(p.value),
         "border-color": e.borderColor
       },
       "avatar-stack"
     ));
-    return (l, S) => (n(), s("div", {
+    return (i, S) => (n(), s("div", {
       class: o(t(a).b()),
-      style: d(p.value)
+      style: d(h.value)
     }, [
-      (n(!0), s(k, null, x(u.value, (y, c) => (n(), s("div", {
+      (n(!0), s(k, null, x(m.value, (y, c) => (n(), s("div", {
         key: c,
         class: o(t(a).e("item")),
-        style: d({ zIndex: u.value.length - c })
+        style: d({ zIndex: m.value.length - c })
       }, [
         v(t(f), {
           src: y,
-          size: l.size,
+          size: i.size,
           class: o(t(a).e("stacked-avatar"))
         }, null, 8, ["src", "size", "class"])
       ], 6))), 128)),
-      l.showRemainCount && m.value > 0 ? (n(), s("div", {
+      i.showRemainCount && u.value > 0 ? (n(), s("div", {
         key: 0,
         class: o([t(a).e("item"), t(a).e("remaining-count")]),
         style: { zIndex: 0 }
       }, [
         v(t(f), {
-          size: l.size,
+          size: i.size,
           class: o(t(a).e("remaining-avatar"))
         }, {
           default: b(() => [
-            V(" +" + w(m.value), 1)
+            V(" +" + w(u.value), 1)
           ]),
           _: 1
         }, 8, ["size", "class"])
@@ -65,5 +66,5 @@ const M = z({
   }
 });
 export {
-  q as default
+  G as default
 };

package/es/components/avatar-stack/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 "./avatar-stack.vue2.js";
-const c = t(o);
+const l = t(o);
 export {
-  c as VftAvatarStack,
-  c as default
+  l as VftAvatarStack,
+  l as default
 };

package/es/components/backtop/backtop.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as s, getCurrentInstance as v, computed as l, createBlock as m, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
+import { defineComponent as s, getCurrentInstance as v, computed as m, createBlock as l, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
 import { singleAttrToObj as _ } from "@vft/utils";
 import { VftIcon as w } from "../icon/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as I } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { useBackTop as N } from "./use-backtop.js";
 const P = s({
   name: "vft-backtop"
-}), G = /* @__PURE__ */ s({
+}), J = /* @__PURE__ */ s({
   ...P,
   props: {
     visibilityHeight: { default: 200 },
@@ -23,11 +24,11 @@ const P = s({
   },
   emits: ["click"],
   setup(e, { emit: p }) {
-    const u = p, o = I("backtop"), f = v(), { handleClick: n, visible: d } = N(f.props, u, o.b()), k = l(() => ({
+    const u = p, o = I("backtop"), f = v(), { handleClick: r, visible: d } = N(f.props, u, o.b()), k = m(() => ({
       right: `${e.right}px`,
       bottom: `${e.bottom}px`
-    })), r = l(() => _(e.icon, "icon", { size: 25 }));
-    return (b, a) => (i(), m(y, {
+    })), n = m(() => _(e.icon, "icon", { size: 25 }));
+    return (b, a) => (i(), l(y, {
       name: `${t(o).namespace.value}-fade-in`
     }, {
       default: C(() => [
@@ -37,12 +38,12 @@ const P = s({
           class: x(t(o).b()),
           onClick: a[0] || (a[0] = T(
             //@ts-ignore
-            (...g) => t(n) && t(n)(...g),
+            (...g) => t(r) && t(r)(...g),
             ["stop"]
           ))
         }, [
           B(b.$slots, "default", {}, () => [
-            r.value?.icon ? (i(), m(t(w), $(S({ key: 0 }, r.value)), null, 16)) : c("", !0)
+            n.value?.icon ? (i(), l(t(w), $(S({ key: 0 }, n.value)), null, 16)) : c("", !0)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -51,5 +52,5 @@ const P = s({
   }
 });
 export {
-  G as default
+  J as default
 };

package/es/components/backtop/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 "./backtop.vue2.js";
-const c = t(o);
+const l = t(o);
 export {
-  c as VftBacktop,
-  c as default
+  l as VftBacktop,
+  l as default
 };

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

@@ -4,6 +4,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { breadcrumbKey as h } from "./constants.js";
 const x = l({
   name: "VftBreadcrumbItem"
-}), A = /* @__PURE__ */ l({
+}), F = /* @__PURE__ */ l({
   ...x,
   props: {
     to: {},
@@ -44,5 +45,5 @@ const x = l({
   }
 });
 export {
-  A as default
+  F as default
 };

package/es/components/breadcrumb/breadcrumb.vue2.js

@@ -1,8 +1,9 @@
-import { defineComponent as o, ref as m, provide as s, onMounted as p, createElementBlock as c, openBlock as i, normalizeClass as l, unref as u, renderSlot as f } from "vue";
+import { defineComponent as o, ref as n, provide as p, onMounted as s, createElementBlock as i, openBlock as c, normalizeClass as l, unref as u, renderSlot as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -10,18 +11,18 @@ import "../../hooks/use-z-index/index.js";
 import { breadcrumbKey as b } from "./constants.js";
 const _ = o({
   name: "VftBreadcrumb"
-}), x = /* @__PURE__ */ o({
+}), z = /* @__PURE__ */ o({
   ..._,
   props: {
     separator: {},
     separatorIcon: {}
   },
   setup(a) {
-    const n = a, r = d("breadcrumb"), t = m();
-    return s(b, n), p(() => {
+    const m = a, r = d("breadcrumb"), t = n();
+    return p(b, m), s(() => {
       const e = t.value.querySelectorAll(`.${r.e("item")}`);
       e.length && e[e.length - 1].setAttribute("aria-current", "page");
-    }), (e, g) => (i(), c("div", {
+    }), (e, g) => (c(), i("div", {
       ref_key: "breadcrumb",
       ref: t,
       class: l(u(r).b()),
@@ -32,5 +33,5 @@ const _ = o({
   }
 });
 export {
-  x as default
+  z as default
 };

package/es/components/breadcrumb/index.js

@@ -4,16 +4,17 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import o from "./breadcrumb.vue2.js";
 import r from "./breadcrumb-item.vue2.js";
-import { breadcrumbKey as _ } from "./constants.js";
+import { breadcrumbKey as B } from "./constants.js";
 import "../icon/index.js";
-const d = t(o, {
+const l = t(o, {
   BreadcrumbItem: r
-}), l = m(r);
+}), u = m(r);
 export {
-  d as VftBreadcrumb,
-  l as VftBreadcrumbItem,
-  _ as breadcrumbKey,
-  d as default
+  l as VftBreadcrumb,
+  u as VftBreadcrumbItem,
+  B as breadcrumbKey,
+  l as default
 };

package/es/components/button/button-group.vue2.js

@@ -3,6 +3,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as l } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -10,7 +11,7 @@ import "../../hooks/use-z-index/index.js";
 import { buttonGroupContextKey as d } from "./constants.js";
 const _ = e({
   name: "vft-button-group"
-}), E = /* @__PURE__ */ e({
+}), G = /* @__PURE__ */ e({
   ..._,
   props: {
     size: {},
@@ -32,5 +33,5 @@ const _ = e({
   }
 });
 export {
-  E as default
+  G as default
 };

package/es/components/button/button.vue2.js

@@ -4,6 +4,7 @@ import "@vueuse/core";
 import { singleAttrToObj as P } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -12,7 +13,7 @@ import { useButtonCustomStyle as j } from "./button-custom.js";
 import { useButton as w } from "./use-button.js";
 const D = b({
   name: "vft-button"
-}), W = /* @__PURE__ */ b({
+}), X = /* @__PURE__ */ b({
   ...D,
   props: {
     tag: { default: "button" },
@@ -39,21 +40,21 @@ const D = b({
   },
   emits: ["click"],
   setup(g, { expose: C, emit: h }) {
-    const n = g, v = h, o = V("button"), z = j(n), { _ref: s, _size: i, _type: r, _disabled: p, _props: S, shouldAddSpace: u, handleClick: T } = w(n, v), m = $(() => P(n.icon, "icon"));
+    const n = g, v = h, o = V("button"), z = j(n), { _ref: i, _size: s, _type: r, _disabled: p, _props: S, shouldAddSpace: m, handleClick: T } = w(n, v), u = $(() => P(n.icon, "icon"));
     return C({
-      ref: s,
-      size: i,
+      ref: i,
+      size: s,
       type: r,
       disabled: p,
-      shouldAddSpace: u
+      shouldAddSpace: m
     }), (t, E) => (l(), a(I(t.tag), c({
       ref_key: "_ref",
-      ref: s
+      ref: i
     }, e(S), {
       class: [
         e(o).b(),
         e(o).m(e(r)),
-        e(o).m(e(i)),
+        e(o).m(e(s)),
         e(o).is("disabled", e(p)),
         e(o).is("loading", t.loading),
         e(o).is("plain", t.plain),
@@ -75,10 +76,10 @@ const D = b({
             class: k(e(o).is("loading")),
             icon: "icon-loading"
           }, null, 8, ["class"]))
-        ], 64)) : m.value?.icon ? (l(), a(e(B), N(c({ key: 1 }, m.value)), null, 16)) : y("", !0),
+        ], 64)) : u.value?.icon ? (l(), a(e(B), N(c({ key: 1 }, u.value)), null, 16)) : y("", !0),
         t.$slots.default ? (l(), d("span", {
           key: 2,
-          class: k({ [e(o).em("text", "expand")]: e(u) })
+          class: k({ [e(o).em("text", "expand")]: e(m) })
         }, [
           f(t.$slots, "default")
         ], 2)) : y("", !0)
@@ -88,5 +89,5 @@ const D = b({
   }
 });
 export {
-  W as default
+  X as default
 };