vft 0.0.311 → 0.0.313

package/es/components/dropdown/dropdown.vue2.js

@@ -11,7 +11,8 @@ import { VftScrollbar as ae } from "../scrollbar/index.js";
 import { OnlyChild as se } from "../slot/only-child.js";
 import { VftTooltip as pe } from "../tooltip/index.js";
 import "@vueuse/core";
-import { addUnit as de, isArray as ue } from "@vft/utils";
+import { isArray as de } from "@vft/utils";
+import { addUnit as ue } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useId as fe } from "../../hooks/use-id/index.js";
@@ -24,7 +25,7 @@ import { VftCollection as ve } from "./types.js";
 import { useFormSize as ge } from "../form/hooks/use-form-common-props.js";
 const be = R({
   name: "vft-dropdown"
-}), Ge = /* @__PURE__ */ R({
+}), Je = /* @__PURE__ */ R({
   ...be,
   props: {
     trigger: { default: "hover" },
@@ -50,12 +51,12 @@ const be = R({
   emits: ["visible-change", "command", "click"],
   setup(S, { expose: z, emit: L }) {
     const n = me("dropdown"), a = S, p = L, V = Z(), l = i(), w = i(), f = i(null), s = i(null), N = i(null), m = i(null), C = i(!1), D = [y.enter, y.space, y.down], H = g(() => ({
-      maxHeight: de(a.maxHeight)
+      maxHeight: ue(a.maxHeight)
     })), P = fe().value, c = g(() => a.id || P);
     _(
       [l, b(a, "trigger")],
       ([e, u], [E]) => {
-        const X = ue(u) ? u : [u];
+        const X = de(u) ? u : [u];
         E?.$el?.removeEventListener && E.$el.removeEventListener(
           "pointerenter",
           d
@@ -265,5 +266,5 @@ const be = R({
   }
 });
 export {
-  Ge as default
+  Je as default
 };

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

@@ -1,5 +1,9 @@
 export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -14,10 +18,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<string>;
         };
@@ -81,9 +81,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         command: (val: string) => void;
         click: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         maxHeight: number | string;
         role: string;
-        disabled: boolean;
         placement: import("@popperjs/core").Placement;
         effect: "light" | "dark";
         tabindex: number | string;
@@ -102,6 +102,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -116,10 +120,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<string>;
         };
@@ -179,9 +179,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         handleOpen: () => void;
         onFocusAfterTrapped: (e: Event) => void;
     }, {}, {}, {}, {
+        disabled: boolean;
         maxHeight: number | string;
         role: string;
-        disabled: boolean;
         placement: import("@popperjs/core").Placement;
         effect: "light" | "dark";
         tabindex: number | string;
@@ -197,6 +197,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     maxHeight: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -211,10 +215,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<string>;
     };
@@ -278,9 +278,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     command: (val: string) => void;
     click: (val: MouseEvent) => void;
 }, string, {
+    disabled: boolean;
     maxHeight: number | string;
     role: string;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
     tabindex: number | string;

package/es/components/dropdown/index.js

@@ -1,5 +1,6 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
@@ -7,15 +8,15 @@ import "vue";
 import p from "./dropdown.vue2.js";
 import t from "./dropdown-item.vue2.js";
 import r from "./dropdown-menu.vue2.js";
-import { DROPDOWN_INJECTION_KEY as u } from "./tokens.js";
-const c = m(p, {
+import { DROPDOWN_INJECTION_KEY as O } from "./tokens.js";
+const d = m(p, {
   DropdownItem: t,
   DropdownMenu: r
-}), d = o(t), I = o(r);
+}), I = o(t), l = o(r);
 export {
-  u as DROPDOWN_INJECTION_KEY,
-  c as VftDropdown,
-  d as VftDropdownItem,
-  I as VftDropdownMenu,
-  c as default
+  O as DROPDOWN_INJECTION_KEY,
+  d as VftDropdown,
+  I as VftDropdownItem,
+  l as VftDropdownMenu,
+  d as default
 };

package/es/components/dropdown/useDropdown.js

@@ -1,6 +1,7 @@
 import { buildShortUUID as k, addClass as T } from "@vft/utils";
 import { EVENT_CODE as t } from "../../constants/aria.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { inject as C, computed as O, ref as p } from "vue";
@@ -8,13 +9,13 @@ 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/index.js

@@ -1,14 +1,15 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 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 "../../utils/ns-cover.js";
 import "lodash-es";
-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 { 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,7 +1,8 @@
-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 "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
@@ -10,14 +11,14 @@ 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

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 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.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as Y, useSlots as ye, inject as A, ref as g, computed as a, watch as D, reactive as Se, toRefs as Ie, provide as _e, onMounted as Ve, onBeforeUnmount as qe, createElementBlock as we, openBlock as E, unref as f, normalizeClass as h, createVNode as L, createElementVNode as T, withCtx as k, createBlock as Ce, createCommentVNode as G, resolveDynamicComponent as Fe, normalizeStyle as K, renderSlot as M, createTextVNode as ke, toDisplayString as U, TransitionGroup as Me, nextTick as Re } from "vue";
 import { refDebounced as We } from "@vueuse/core";
-import { addUnit as O, isBoolean as xe, getProp as R, isFunction as ze } from "@vft/utils";
-import { castArray as H } from "../../utils/helper.js";
+import { isBoolean as xe, getProp as R, isFunction as ze } from "@vft/utils";
+import { addUnit as O, castArray as H } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import { isArray as J, clone as Q } from "lodash-es";
 import { useId as $e } from "../../hooks/use-id/index.js";

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

@@ -2,6 +2,7 @@ import { defineComponent as g, inject as f, ref as p, onMounted as C, onBeforeUn
 import { useResizeObserver as y } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as M } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ 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

@@ -2,6 +2,7 @@ import { defineComponent as b, getCurrentInstance as q, ref as x, reactive as y,
 import "@vueuse/core";
 import { isFunction as K } from "@vft/utils";
 import { debugWarn as n } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as L } from "../../hooks/use-namespace/index.js";
@@ -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: {},
@@ -35,32 +36,32 @@ const H = b({
   },
   emits: ["validate"],
   setup(o, { expose: w, emit: g }) {
-    const B = g, V = q(), d = x(), l = y([]), I = D(), i = L("form"), C = F(() => [
-      i.b(),
-      i.m(I.value || "default"),
+    const B = g, V = q(), d = x(), i = y([]), I = D(), l = L("form"), C = F(() => [
+      l.b(),
+      l.m(I.value || "default"),
       {
-        [i.m(`label-${o.labelPosition}`)]: o.labelPosition,
-        [i.m("inline")]: o.inline
+        [l.m(`label-${o.labelPosition}`)]: o.labelPosition,
+        [l.m("inline")]: o.inline
       }
-    ]), u = (e) => f(l, [e])[0], E = (e) => {
-      l.push(e);
+    ]), u = (e) => f(i, [e])[0], E = (e) => {
+      i.push(e);
     }, O = (e) => {
-      e.prop && l.splice(l.indexOf(e), 1);
+      e.prop && i.splice(i.indexOf(e), 1);
     }, m = (e = []) => {
       if (!o.model) {
-        n(i.b(), "model is required for resetFields to work.");
+        n(l.b(), "model is required for resetFields to work.");
         return;
       }
-      f(l, e).forEach((t) => t.resetField());
+      f(i, e).forEach((t) => t.resetField());
     }, p = (e = []) => {
-      f(l, e).forEach((t) => t.clearValidate());
+      f(i, e).forEach((t) => t.clearValidate());
     }, k = F(() => {
       const e = !!o.model;
-      return e || n(i.b(), "model is required for validate to work."), e;
+      return e || n(l.b(), "model is required for validate to work."), e;
     }), P = (e) => {
-      if (l.length === 0) return [];
-      const t = f(l, e);
-      return t.length ? t : (n(i.b(), "please pass correct props!"), []);
+      if (i.length === 0) return [];
+      const t = f(i, e);
+      return t.length ? t : (n(l.b(), "please pass correct props!"), []);
     }, h = async (e) => c(void 0, e), R = async (e = []) => {
       if (!k.value) return !1;
       const t = P(e);
@@ -85,7 +86,7 @@ const H = b({
         if (a instanceof Error) throw a;
         const v = a;
         return o.scrollToError && d.value && d.value.querySelector(
-          `.${i.b()}-item.is-error`
+          `.${l.b()}-item.is-error`
         )?.scrollIntoView(o.scrollIntoViewOptions), !r && await t?.(!1, v), s && Promise.reject(v);
       }
     }, S = (e) => {
@@ -142,5 +143,5 @@ const H = b({
   }
 });
 export {
-  ae as default
+  ne as default
 };

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

@@ -1,5 +1,6 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { ref as c, inject as i, computed as r, unref as m } from "vue";
@@ -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

@@ -1,5 +1,6 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { inject as d, ref as m, computed as f, onMounted as l, watch as I, toRef as s, onUnmounted as a } from "vue";
@@ -8,38 +9,38 @@ 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

@@ -15,7 +15,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">;
@@ -81,7 +81,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">;
@@ -142,7 +142,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">;
@@ -214,7 +214,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"left" | "right" | "top">;
+                type: import("vue").PropType<"top" | "left" | "right">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -278,7 +278,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"left" | "right" | "top">;
+                type: import("vue").PropType<"top" | "left" | "right">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -337,7 +337,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -407,7 +407,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -471,7 +471,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -530,7 +530,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     labelWidth: {
         type: import("vue").PropType<string | number>;