vft 0.0.312 → 0.0.313

package/es/components/input-number/index.d.ts

@@ -26,7 +26,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"small" | "default" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -87,7 +87,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"small" | "default" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -114,9 +114,9 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
 }>> & Readonly<{
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
-    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;

package/es/components/input-number/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 m from "./input-number.vue2.js";
-const s = t(m);
+const e = t(m);
 export {
-  s as VftInputNumber,
-  s as default
+  e as VftInputNumber,
+  e as default
 };

package/es/components/input-number/input-number.vue.d.ts

@@ -80,9 +80,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: (e: FocusEvent) => void;
     focus: (e: FocusEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>> & Readonly<{
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
-    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -6,6 +6,7 @@ import { VftInput as ae } from "../input/index.js";
 import { UPDATE_MODEL_EVENT as f, INPUT_EVENT as I, CHANGE_EVENT as Y } from "../../constants/event.js";
 import "@vueuse/core";
 import { debugWarn as O } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { isNil as b } from "lodash-es";
 import { useNamespace as re } from "../../hooks/use-namespace/index.js";
@@ -17,7 +18,7 @@ import { useFormItem as oe } from "../form/hooks/use-form-item.js";
 import { useFormSize as se, useFormDisabled as me } from "../form/hooks/use-form-common-props.js";
 const ce = H({
   name: "vft-input-number"
-}), Be = /* @__PURE__ */ H({
+}), Oe = /* @__PURE__ */ H({
   ...ce,
   props: {
     id: { default: void 0 },
@@ -81,13 +82,13 @@ const ce = H({
       const n = e.toString(), i = n.indexOf(".");
       let a = 0;
       return i !== -1 && (a = n.length - i - 1), a;
-    }, K = (e, n = 1) => s(e) ? E(e + t.step * n) : l.currentValue, F = () => {
+    }, p = (e, n = 1) => s(e) ? E(e + t.step * n) : l.currentValue, F = () => {
       if (t.readonly || c.value || M.value) return;
-      const e = Number(g.value) || 0, n = K(e);
+      const e = Number(g.value) || 0, n = p(e);
       v(n), r(I, l.currentValue);
     }, x = () => {
       if (t.readonly || c.value || D.value) return;
-      const e = Number(g.value) || 0, n = K(e, -1);
+      const e = Number(g.value) || 0, n = p(e, -1);
       v(n), r(I, l.currentValue);
     }, A = (e, n) => {
       let i = Number(e);
@@ -105,7 +106,7 @@ const ce = H({
         r(f, a);
         return;
       }
-      i !== a && (l.userInput = null, r(f, a), r(Y, a, i), t.validateEvent && T?.validate?.("change").catch((p) => O(p)), l.currentValue = a);
+      i !== a && (l.userInput = null, r(f, a), r(Y, a, i), t.validateEvent && T?.validate?.("change").catch((K) => O(K)), l.currentValue = a);
     }, q = (e) => {
       l.userInput = e;
       const n = e === "" ? null : Number(e);
@@ -208,5 +209,5 @@ const ce = H({
   }
 });
 export {
-  Be as default
+  Oe as default
 };

package/es/components/input-tag/composables/use-drag-tag.js

@@ -1,54 +1,55 @@
 import { shallowRef as x, ref as C } from "vue";
 import "@vueuse/core";
 import { isUndefined as u, getStyle as E, setStyle as M } from "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 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";
-function z({
+function G({
   wrapperRef: s,
   handleDragged: S,
   afterDragged: $
 }) {
   const p = B("input-tag"), g = x(), l = C(!1);
-  let e, n, i, t;
+  let t, n, i, e;
   function m(o) {
     return `.${p.e("inner")} .${p.namespace.value}-tag:nth-child(${o + 1})`;
   }
   function P(o, r) {
-    e = r, n = s.value.querySelector(
+    t = r, n = s.value.querySelector(
       m(r)
     ), n && (n.style.opacity = "0.5"), o.dataTransfer.effectAllowed = "move";
   }
   function w(o, r) {
-    if (i = r, o.preventDefault(), o.dataTransfer.dropEffect = "move", u(e) || e === r) {
+    if (i = r, o.preventDefault(), o.dataTransfer.dropEffect = "move", u(t) || t === r) {
       l.value = !1;
       return;
     }
-    const a = s.value.querySelector(m(r)).getBoundingClientRect(), v = e + 1 !== r, h = e - 1 !== r, y = o.clientX - a.left, N = v ? h ? 0.5 : 1 : -1, b = h ? v ? 0.5 : 0 : 1;
-    y <= a.width * N ? t = "before" : y > a.width * b ? t = "after" : t = void 0;
+    const a = s.value.querySelector(m(r)).getBoundingClientRect(), v = t + 1 !== r, h = t - 1 !== r, y = o.clientX - a.left, N = v ? h ? 0.5 : 1 : -1, b = h ? v ? 0.5 : 0 : 1;
+    y <= a.width * N ? e = "before" : y > a.width * b ? e = "after" : e = void 0;
     const D = s.value.querySelector(
       `.${p.e("inner")}`
     ), f = D.getBoundingClientRect(), c = Number.parseFloat(E(D, "gap")) / 2, q = a.top - f.top;
     let d = -9999;
-    if (t === "before")
+    if (e === "before")
       d = Math.max(
         a.left - f.left - c,
         Math.floor(-c / 2)
       );
-    else if (t === "after") {
+    else if (e === "after") {
       const T = a.right - f.left;
       d = T + (f.width === T ? Math.floor(c / 2) : c);
     }
     M(g.value, {
       top: `${q}px`,
       left: `${d}px`
-    }), l.value = !!t;
+    }), l.value = !!e;
   }
   function I(o) {
-    o.preventDefault(), n && (n.style.opacity = ""), t && !u(e) && !u(i) && e !== i && S(e, i, t), l.value = !1, e = void 0, n = null, i = void 0, t = void 0, $?.();
+    o.preventDefault(), n && (n.style.opacity = ""), e && !u(t) && !u(i) && t !== i && S(t, i, e), l.value = !1, t = void 0, n = null, i = void 0, e = void 0, $?.();
   }
   return {
     dropIndicatorRef: g,
@@ -59,5 +60,5 @@ function z({
   };
 }
 export {
-  z as useDragTag
+  G as useDragTag
 };

package/es/components/input-tag/composables/use-input-tag-dom.js

@@ -1,24 +1,25 @@
 import { useAttrs as w, useSlots as y, computed as l } from "vue";
 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 c } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as m } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-function j({
+function k({
   props: t,
   isFocused: a,
   hovering: n,
   disabled: s,
-  inputValue: m,
+  inputValue: c,
   size: v,
   validateState: p,
   validateIcon: f,
   needStatusIcon: g
 }) {
-  const u = w(), o = y(), e = c("input-tag"), d = c("input"), h = l(() => [
+  const u = w(), o = y(), e = m("input-tag"), d = m("input"), h = l(() => [
     e.b(),
     e.is("focused", a.value),
     e.is("hovering", n.value),
@@ -33,7 +34,7 @@ function j({
     e.is("draggable", t.draggable),
     e.is("left-space", !t.modelValue?.length && !o.prefix),
     e.is("right-space", !t.modelValue?.length && !i.value)
-  ]), r = l(() => t.clearable && !s.value && !t.readonly && (t.modelValue?.length || m.value) && (a.value || n.value)), i = l(() => o.suffix || r.value || p.value && f.value && g.value);
+  ]), r = l(() => t.clearable && !s.value && !t.readonly && (t.modelValue?.length || c.value) && (a.value || n.value)), i = l(() => o.suffix || r.value || p.value && f.value && g.value);
   return {
     ns: e,
     nsInput: d,
@@ -45,5 +46,5 @@ function j({
   };
 }
 export {
-  j as useInputTagDom
+  k as useInputTagDom
 };

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,9 +1,10 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as n, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import { castArray as M } from "lodash-es";
 import "../../../hooks/use-model-toggle/index.js";
@@ -13,15 +14,15 @@ import { useComposition as W } from "../../../hooks/use-composition/index.js";
 import { useFocusController as j } from "../../../hooks/use-focus-controller/index.js";
 import "../../form/index.js";
 import { useFormDisabled as q, useFormSize as I } from "../../form/hooks/use-form-common-props.js";
-function se({ props: t, emit: l, formItem: h }) {
-  const m = q(), E = I(), r = B(), o = L(), D = c(() => ["small"].includes(E.value) ? "small" : "default"), N = c(() => t.modelValue?.length ? void 0 : t.placeholder), w = c(() => !(t.readonly || m.value)), f = c(() => K(t.max) ? !1 : (t.modelValue?.length ?? 0) >= t.max), V = (e) => {
+function ce({ props: t, emit: l, formItem: h }) {
+  const m = q(), E = I(), r = B(), o = L(), D = c(() => ["small"].includes(E.value) ? "small" : "default"), N = c(() => t.modelValue?.length ? void 0 : t.placeholder), p = c(() => !(t.readonly || m.value)), f = c(() => K(t.max) ? !1 : (t.modelValue?.length ?? 0) >= t.max), V = (e) => {
     const a = [...t.modelValue ?? [], ...M(e)];
-    l(d, a), l(i, a), l("add-tag", e), o.value = void 0;
-  }, P = (e) => {
-    const a = e.split(t.delimiter).filter((n) => n && n !== e);
+    l(d, a), l(n, a), l("add-tag", e), o.value = void 0;
+  }, w = (e) => {
+    const a = e.split(t.delimiter).filter((i) => i && i !== e);
     if (t.max) {
-      const n = t.max - (t.modelValue?.length ?? 0);
-      a.splice(n);
+      const i = t.max - (t.modelValue?.length ?? 0);
+      a.splice(i);
     }
     return a.length === 1 ? a[0] : a;
   }, b = (e) => {
@@ -31,12 +32,12 @@ function se({ props: t, emit: l, formItem: h }) {
     }
     if (!v.value) {
       if (t.delimiter && o.value) {
-        const a = P(o.value);
+        const a = w(o.value);
         a.length && V(a);
       }
       l(H, e.target.value);
     }
-  }, _ = (e) => {
+  }, P = (e) => {
     if (!v.value)
       switch (e.code) {
         case t.trigger:
@@ -53,13 +54,13 @@ function se({ props: t, emit: l, formItem: h }) {
     const e = o.value?.trim();
     !e || f.value || V(e);
   }, T = (e) => {
-    const a = (t.modelValue ?? []).slice(), [n] = a.splice(e, 1);
-    l(d, a), l(i, a), l("remove-tag", n);
-  }, k = () => {
-    o.value = void 0, l(d, void 0), l(i, void 0), l("clear");
-  }, p = (e, a, n) => {
-    const s = (t.modelValue ?? []).slice(), [x] = s.splice(e, 1), y = a > e && n === "before" ? -1 : a < e && n === "after" ? 1 : 0;
-    s.splice(a + y, 0, x), l(d, s), l(i, s);
+    const a = (t.modelValue ?? []).slice(), [i] = a.splice(e, 1);
+    l(d, a), l(n, a), l("remove-tag", i);
+  }, _ = () => {
+    o.value = void 0, l(d, void 0), l(n, void 0), l("clear");
+  }, k = (e, a, i) => {
+    const s = (t.modelValue ?? []).slice(), [x] = s.splice(e, 1), y = a > e && i === "before" ? -1 : a < e && i === "after" ? 1 : 0;
+    s.splice(a + y, 0, x), l(d, s), l(n, s);
   }, A = () => {
     r.value?.focus();
   }, F = () => {
@@ -78,7 +79,7 @@ function se({ props: t, emit: l, formItem: h }) {
   return G(
     () => t.modelValue,
     () => {
-      t.validateEvent && h?.validate?.(i).catch((e) => C(e));
+      t.validateEvent && h?.validate?.(n).catch((e) => C(e));
     }
   ), {
     inputRef: r,
@@ -89,15 +90,15 @@ function se({ props: t, emit: l, formItem: h }) {
     size: E,
     tagSize: D,
     placeholder: N,
-    closable: w,
+    closable: p,
     disabled: m,
     inputLimit: f,
-    handleDragged: p,
+    handleDragged: k,
     handleInput: b,
-    handleKeydown: _,
+    handleKeydown: P,
     handleAddTag: u,
     handleRemoveTag: T,
-    handleClear: k,
+    handleClear: _,
     handleCompositionStart: z,
     handleCompositionUpdate: O,
     handleCompositionEnd: S,
@@ -106,5 +107,5 @@ function se({ props: t, emit: l, formItem: h }) {
   };
 }
 export {
-  se as useInputTag
+  ce as useInputTag
 };

package/es/components/input-tag/index.js

@@ -1,15 +1,16 @@
 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 "./input-tag.vue2.js";
-import { inputTagEmits as g, inputTagProps as l } from "./input-tag.js";
-const s = t(o);
+import { inputTagEmits as l, inputTagProps as T } from "./input-tag.js";
+const u = t(o);
 export {
-  s as VftInputTag,
-  s as default,
-  g as inputTagEmits,
-  l as inputTagProps
+  u as VftInputTag,
+  u as default,
+  l as inputTagEmits,
+  T as inputTagProps
 };

package/es/components/input-tag/input-tag.d.ts

@@ -19,7 +19,7 @@ export declare const inputTagProps: {
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/components/input-tag/input-tag.js

@@ -1,16 +1,17 @@
 import "@vueuse/core";
 import { isString as t, isArray as r, isUndefined as o } from "@vft/utils";
-import { EVENT_CODE as i } from "../../constants/aria.js";
-import { INPUT_EVENT as n, CHANGE_EVENT as l, UPDATE_MODEL_EVENT as p } from "../../constants/event.js";
+import "../config-provider/hooks/use-global-config.js";
+import { EVENT_CODE as a } from "../../constants/aria.js";
+import { INPUT_EVENT as n, CHANGE_EVENT as p, UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
-import { buildProps as d, definePropType as a } from "../../utils/vue/props/runtime.js";
+import { buildProps as d, definePropType as i } from "../../utils/vue/props/runtime.js";
 import "vue";
-const c = d({
+const S = d({
   /**
    * @description binding value
    */
   modelValue: {
-    type: a(Array)
+    type: i(Array)
   },
   /**
    * @description max number tags that can be enter
@@ -28,8 +29,8 @@ const c = d({
    * @description the key to trigger input tag
    */
   trigger: {
-    type: a(String),
-    default: i.enter
+    type: i(String),
+    default: a.enter
   },
   /**
    * @description whether tags can be dragged
@@ -122,9 +123,9 @@ const c = d({
    * @description native `aria-label` attribute
    */
   ariaLabel: String
-}), S = {
-  [p]: (e) => r(e) || o(e),
+}), b = {
   [l]: (e) => r(e) || o(e),
+  [p]: (e) => r(e) || o(e),
   [n]: (e) => t(e),
   "add-tag": (e) => t(e) || r(e),
   "remove-tag": (e) => t(e),
@@ -133,6 +134,6 @@ const c = d({
   clear: () => !0
 };
 export {
-  S as inputTagEmits,
-  c as inputTagProps
+  b as inputTagEmits,
+  S as inputTagProps
 };

package/es/components/input-tag/input-tag.vue.d.ts

@@ -25,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -84,7 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly draggable: BooleanConstructor;
     readonly delimiter: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, RegExpConstructor], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize) | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => import("vft/es/constants").ComponentSize)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -113,19 +113,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly saveOnBlur: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ariaLabel: StringConstructor;
 }>> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
     onChange?: ((value?: string[] | undefined) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     "onRemove-tag"?: ((value: string) => any) | undefined;
     "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
 }>, {
+    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly draggable: boolean;
     readonly id: string;
     readonly autofocus: boolean;
-    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly trigger: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space") | (((new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space")) | null)[], unknown, unknown>;
     readonly readonly: boolean;

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

@@ -1,7 +1,8 @@
-import { defineComponent as B, useSlots as ge, computed as y, createElementBlock as m, openBlock as l, unref as e, normalizeStyle as ve, normalizeClass as a, createCommentVNode as f, createElementVNode as p, renderSlot as I, withDirectives as x, Fragment as ye, renderList as Ie, createBlock as C, withModifiers as F, withCtx as Ce, createTextVNode as he, toDisplayString as K, mergeProps as be, isRef as De, vModelText as ke, vShow as we } from "vue";
+import { defineComponent as B, useSlots as ge, computed as y, createElementBlock as m, openBlock as l, unref as e, normalizeStyle as ve, normalizeClass as a, createCommentVNode as f, createElementVNode as d, renderSlot as I, withDirectives as x, Fragment as ye, renderList as Ie, createBlock as C, withModifiers as F, withCtx as Ce, createTextVNode as he, toDisplayString as K, mergeProps as be, isRef as De, vModelText as ke, vShow as we } from "vue";
 import { useAttrs as Se } from "../../hooks/use-attrs/index.js";
 import { noop as Te } from "@vft/utils";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import "../../hooks/use-model-toggle/index.js";
@@ -20,7 +21,7 @@ import { useFormItem as Ke, useFormItemInputId as $e } from "../form/hooks/use-f
 const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel"], Ne = ["textContent"], Ae = B({
   name: "ElInputTag",
   inheritAttrs: !1
-}), ro = /* @__PURE__ */ B({
+}), lo = /* @__PURE__ */ B({
   ...Ae,
   props: Ee,
   emits: Ve,
@@ -54,11 +55,11 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
       showDropIndicator: le,
       handleDragStart: se,
       handleDragOver: ie,
-      handleDragEnd: de
+      handleDragEnd: pe
     } = ze({ wrapperRef: D, handleDragged: Z, afterDragged: E }), {
       ns: r,
       nsInput: v,
-      containerKls: pe,
+      containerKls: de,
       containerStyle: ue,
       innerKls: me,
       showClear: fe,
@@ -80,7 +81,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
     }), (n, o) => (l(), m("div", {
       ref_key: "wrapperRef",
       ref: D,
-      class: a(e(pe)),
+      class: a(e(de)),
       style: ve(e(ue)),
       onMouseenter: o[7] || (o[7] = //@ts-ignore
       (...t) => e(z) && e(z)(...t)),
@@ -93,38 +94,38 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
       }, [
         I(n.$slots, "prefix")
       ], 2)) : f("", !0),
-      p("div", {
+      d("div", {
         class: a(e(me))
       }, [
-        (l(!0), m(ye, null, Ie(n.modelValue, (t, d) => (l(), C(e(Me), {
-          key: d,
+        (l(!0), m(ye, null, Ie(n.modelValue, (t, p) => (l(), C(e(Me), {
+          key: p,
           size: e(X),
           closable: e(k),
           type: n.tagType,
           effect: n.tagEffect,
           draggable: e(k) && n.draggable,
           "disable-transitions": "",
-          onClose: (u) => e(_)(d),
-          onDragstart: (u) => e(se)(u, d),
-          onDragover: (u) => e(ie)(u, d),
-          onDragend: e(de),
+          onClose: (u) => e(_)(p),
+          onDragstart: (u) => e(se)(u, p),
+          onDragover: (u) => e(ie)(u, p),
+          onDragend: e(pe),
           onDrop: o[0] || (o[0] = F(() => {
           }, ["stop"]))
         }, {
           default: Ce(() => [
             I(n.$slots, "tag", {
               value: t,
-              index: d
+              index: p
             }, () => [
               he(K(t), 1)
             ])
           ]),
           _: 2
         }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend"]))), 128)),
-        p("div", {
+        d("div", {
           class: a(e(r).e("input-wrapper"))
         }, [
-          x(p("input", be({
+          x(d("input", be({
             id: e(j),
             ref_key: "inputRef",
             ref: G,
@@ -155,7 +156,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
           }), null, 16, Be), [
             [ke, e(i)]
           ]),
-          p("span", {
+          d("span", {
             ref_key: "calculatorRef",
             ref: ne,
             "aria-hidden": "true",
@@ -163,7 +164,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
             textContent: K(e(i))
           }, null, 10, Ne)
         ], 2),
-        x(p("div", {
+        x(d("div", {
           ref_key: "dropIndicatorRef",
           ref: re,
           class: a(e(r).e("drop-indicator"))
@@ -197,5 +198,5 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
   }
 });
 export {
-  ro as default
+  lo as default
 };

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

package/es/components/link/link.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as c, getCurrentInstance as k, computed as b, createEle
 import { VftIcon as v } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as P } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as R } from "../../hooks/use-namespace/index.js";
@@ -12,7 +13,7 @@ import { useRouterHelper as $ } from "@vft/router";
 import "vue-router";
 const h = c({
   name: "vft-link"
-}), F = /* @__PURE__ */ c({
+}), G = /* @__PURE__ */ c({
   ...h,
   props: {
     type: { default: "default" },
@@ -23,10 +24,10 @@ const h = c({
     icon: {}
   },
   emits: ["click"],
-  setup(o, { emit: u }) {
-    const n = R("link"), m = u, p = k().appContext.config.globalProperties.$router, { go: d } = $(p);
+  setup(o, { emit: m }) {
+    const n = R("link"), u = m, p = k().appContext.config.globalProperties.$router, { go: d } = $(p);
     function f(e) {
-      o.route && d(o.route, o.isReplace), o.disabled || m("click", e);
+      o.route && d(o.route, o.isReplace), o.disabled || u("click", e);
     }
     const i = b(() => P(o.icon, "icon"));
     return (e, I) => (r(), l("span", {
@@ -49,5 +50,5 @@ const h = c({
   }
 });
 export {
-  F as default
+  G as default
 };