vft 0.0.311 → 0.0.313

package/es/components/skeleton/index.js

@@ -1,16 +1,17 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import i from "./skeleton.vue2.js";
 import t from "./skeleton-item.vue2.js";
-const c = o(i, {
+const I = o(i, {
   SkeletonItem: t
-}), I = m(t);
+}), _ = m(t);
 export {
-  c as VftSkeleton,
-  I as VftSkeletonItem,
-  c as default
+  I as VftSkeleton,
+  _ as VftSkeletonItem,
+  I as default
 };

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

@@ -1,7 +1,8 @@
-import { defineComponent as m, createElementBlock as n, openBlock as r, normalizeClass as i, unref as e, createBlock as a, createCommentVNode as p } from "vue";
+import { defineComponent as m, createElementBlock as i, openBlock as r, normalizeClass as n, unref as e, createBlock as a, createCommentVNode as p } from "vue";
 import { VftIcon as c } from "../icon/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 s } from "../../hooks/use-namespace/index.js";
@@ -10,15 +11,15 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const l = m({
   name: "VftSkeletonItem"
-}), h = /* @__PURE__ */ m({
+}), x = /* @__PURE__ */ m({
   ...l,
   props: {
     variant: { default: "text" }
   },
   setup(f) {
     const t = s("skeleton");
-    return (o, u) => (r(), n("div", {
-      class: i([e(t).e("item"), e(t).e(o.variant)])
+    return (o, u) => (r(), i("div", {
+      class: n([e(t).e("item"), e(t).e(o.variant)])
     }, [
       o.variant === "image" ? (r(), a(e(c), {
         key: 0,
@@ -28,5 +29,5 @@ const l = m({
   }
 });
 export {
-  h as default
+  x as default
 };

package/es/components/skeleton/skeleton.vue2.js

@@ -1,6 +1,7 @@
 import { defineComponent as k, computed as y, createElementBlock as a, renderSlot as p, unref as t, openBlock as o, mergeProps as u, Fragment as s, renderList as d, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } 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 w } from "../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import c from "./skeleton-item.vue2.js";
 const N = k({
   name: "vft-skeleton"
-}), A = /* @__PURE__ */ k({
+}), D = /* @__PURE__ */ k({
   ...N,
   props: {
     animated: { type: Boolean, default: !1 },
@@ -52,5 +53,5 @@ const N = k({
   }
 });
 export {
-  A as default
+  D as default
 };

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

@@ -4,6 +4,7 @@ import { isNumber as A } from "@vft/utils";
 import { VftTooltip as F } from "../tooltip/index.js";
 import { UPDATE_MODEL_EVENT as I } from "../../constants/event.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as O } from "../../hooks/use-namespace/index.js";
@@ -13,7 +14,7 @@ import "../form/index.js";
 import { useSliderButton as R } from "./composables/use-slider-button.js";
 const U = ["tabindex"], j = v({
   name: "VftSliderButton"
-}), nt = /* @__PURE__ */ v({
+}), rt = /* @__PURE__ */ v({
   ...j,
   props: {
     modelValue: { default: 0 },
@@ -102,5 +103,5 @@ const U = ["tabindex"], j = v({
   }
 });
 export {
-  nt as default
+  rt as default
 };

package/es/components/slider/composables/use-stops.js

@@ -1,16 +1,17 @@
 import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as f } from "../../../utils/error.js";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { computed as c } from "vue";
-const y = (t, i, u, l) => ({
-  stops: c(() => {
+import { computed as o } from "vue";
+const s = (t, i, u, l) => ({
+  stops: o(() => {
     if (!t.showStops || t.min > t.max) return [];
     if (t.step === 0)
       return f("ElSlider", "step should not be 0."), [];
-    const m = (t.max - t.min) / t.step, a = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map(
-      (e, r) => (r + 1) * a
+    const m = (t.max - t.min) / t.step, r = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map(
+      (e, a) => (a + 1) * r
     );
     return t.range ? n.filter((e) => e < 100 * (u.value - t.min) / (t.max - t.min) || e > 100 * (l.value - t.min) / (t.max - t.min)) : n.filter(
       (e) => e > 100 * (i.firstValue - t.min) / (t.max - t.min)
@@ -19,5 +20,5 @@ const y = (t, i, u, l) => ({
   getStopStyle: (m) => t.vertical ? { bottom: `${m}%` } : { left: `${m}%` }
 });
 export {
-  y as useStops
+  s as useStops
 };

package/es/components/slider/composables/use-watch.js

@@ -2,39 +2,40 @@ import { UPDATE_MODEL_EVENT as h, INPUT_EVENT as y } from "../../../constants/ev
 import "@vueuse/core";
 import "@vft/utils";
 import { throwError as E, debugWarn as c } from "../../../utils/error.js";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { watch as n } from "vue";
-const s = (m, a, t, g, r, f) => {
+import { watch as u } from "vue";
+const w = (m, a, t, g, n, f) => {
   const i = (e) => {
-    r(h, e), r(y, e);
+    n(h, e), n(y, e);
   }, d = () => m.range ? ![t.value, g.value].every(
     (e, l) => e === a.oldValue[l]
-  ) : m.modelValue !== a.oldValue, u = () => {
+  ) : m.modelValue !== a.oldValue, r = () => {
     m.min > m.max && E("Slider", "min should not be greater than max.");
     const e = m.modelValue;
     m.range && Array.isArray(e) ? e[1] < m.min ? i([m.min, m.min]) : e[0] > m.max ? i([m.max, m.max]) : e[0] < m.min ? i([m.min, e[1]]) : e[1] > m.max ? i([e[0], m.max]) : (a.firstValue = e[0], a.secondValue = e[1], d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e.slice())) : !m.range && typeof e == "number" && !Number.isNaN(e) && (e < m.min ? i(m.min) : e > m.max ? i(m.max) : (a.firstValue = e, d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e)));
   };
-  u(), n(
+  r(), u(
     () => a.dragging,
     (e) => {
-      e || u();
+      e || r();
     }
-  ), n(
+  ), u(
     () => m.modelValue,
     (e, l) => {
-      a.dragging || Array.isArray(e) && Array.isArray(l) && e.every((V, x) => V === l[x]) && a.firstValue === e[0] && a.secondValue === e[1] || u();
+      a.dragging || Array.isArray(e) && Array.isArray(l) && e.every((V, x) => V === l[x]) && a.firstValue === e[0] && a.secondValue === e[1] || r();
     },
     {
       deep: !0
     }
-  ), n(
+  ), u(
     () => [m.min, m.max],
     () => {
-      u();
+      r();
     }
   );
 };
 export {
-  s as useWatch
+  w as useWatch
 };

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

@@ -163,9 +163,9 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
 }>> & Readonly<{
+    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
-    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSlider;
 export * from './constants';

package/es/components/slider/index.js

@@ -1,16 +1,17 @@
 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 r from "./slider.vue2.js";
-import { sliderContextKey as n } from "./constants.js";
-import { sliderEmits as c } from "./slider.js";
-const l = t(r);
+import { sliderContextKey as x } from "./constants.js";
+import { sliderEmits as _ } from "./slider.js";
+const a = t(r);
 export {
-  l as VftSlider,
-  l as default,
-  n as sliderContextKey,
-  c as sliderEmits
+  a as VftSlider,
+  a as default,
+  x as sliderContextKey,
+  _ as sliderEmits
 };

package/es/components/slider/marker.js

@@ -1,13 +1,14 @@
-import { isString as e } from "@vft/utils";
+import { isString as r } from "@vft/utils";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { defineComponent as o, computed as r, h as l } from "vue";
+import { defineComponent as o, computed as e, h as l } from "vue";
 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 S = o({
+const b = o({
   name: "VftSliderMarker",
   props: {
     mark: {
@@ -19,8 +20,8 @@ const S = o({
     }
   },
   setup(t) {
-    const m = s("slider"), a = r(() => e(t.mark) ? t.mark : t.mark.label), i = r(
-      () => e(t.mark) ? void 0 : t.mark.style
+    const m = s("slider"), a = e(() => r(t.mark) ? t.mark : t.mark.label), i = e(
+      () => r(t.mark) ? void 0 : t.mark.style
     );
     return () => l(
       "div",
@@ -33,5 +34,5 @@ const S = o({
   }
 });
 export {
-  S as default
+  b as default
 };

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

@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     change: (value: import("vft/es/utils").Arrayable<number>) => void;
     input: (value: import("vft/es/utils").Arrayable<number>) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>> & Readonly<{
+    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
-    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/components/slider/slider.vue2.js

@@ -4,6 +4,7 @@ import "../form/index.js";
 import { VftInputNumber as se } from "../input-number/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 ue } from "../../hooks/use-namespace/index.js";
@@ -23,7 +24,7 @@ import { useFormItemInputId as ge } from "../form/hooks/use-form-item.js";
 import { useFormSize as Ve } from "../form/hooks/use-form-common-props.js";
 const Se = ["id", "role", "aria-labelledby"], ke = { key: 1 }, he = K({
   name: "vft-slider"
-}), He = /* @__PURE__ */ K({
+}), Je = /* @__PURE__ */ K({
   ...he,
   props: {
     modelValue: { default: 0 },
@@ -221,5 +222,5 @@ const Se = ["id", "role", "aria-labelledby"], ke = { key: 1 }, he = K({
   }
 });
 export {
-  He as default
+  Je as default
 };

package/es/components/slot/only-child.js

@@ -1,7 +1,8 @@
-import { defineComponent as d, inject as a, withDirectives as m, cloneVNode as p, Fragment as h, Text as w, Comment as C, createVNode as N } from "vue";
+import { defineComponent as d, inject as m, withDirectives as a, cloneVNode as p, Fragment as h, Text as w, Comment as C, createVNode as N } from "vue";
 import { noop as R, isObject as g } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as c } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { FORWARD_REF_INJECTION_KEY as v, useForwardRefDirective as F } from "../../hooks/use-forward-ref/index.js";
@@ -9,20 +10,20 @@ import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const o = "VftOnlyChild", L = /* @__PURE__ */ d({
+const o = "VftOnlyChild", W = /* @__PURE__ */ d({
   name: o,
   setup(t, {
     slots: r,
     attrs: e
   }) {
-    const f = a(v), s = F(f?.setForwardRef ?? R);
+    const f = m(v), s = F(f?.setForwardRef ?? R);
     return () => {
       const n = r.default?.(e);
       if (!n) return null;
       if (n.length > 1)
         return c(o, "requires exact only one valid child."), null;
       const i = u(n);
-      return i ? m(p(i, e), [[s]]) : (c(o, "no valid child node found"), null);
+      return i ? a(p(i, e), [[s]]) : (c(o, "no valid child node found"), null);
     };
   }
 });
@@ -53,5 +54,5 @@ function l(t) {
   }, [t]);
 }
 export {
-  L as OnlyChild
+  W as OnlyChild
 };

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

@@ -16,7 +16,7 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -44,17 +44,17 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }>> & Readonly<{}>, {
-    readonly fill: boolean;
     readonly style: import("vue").StyleValue;
     readonly spacer: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild) | (((new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild)) | null)[], unknown, string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
+    readonly fill: boolean;
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
     readonly class: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("vft/es/utils").Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("vft/es/utils").Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
     readonly wrap: boolean;

package/es/components/space/index.js

@@ -1,17 +1,18 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import p from "./space.js";
-import { spaceProps as S } from "./space.js";
+import { spaceProps as n } from "./space.js";
 import "./item.js";
-import { useSpace as u } from "./use-space.js";
-const c = o(p);
+import { useSpace as d } from "./use-space.js";
+const l = o(p);
 export {
-  c as VftSpace,
-  c as default,
-  S as spaceProps,
-  u as useSpace
+  l as VftSpace,
+  l as default,
+  n as spaceProps,
+  d as useSpace
 };

package/es/components/space/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 { buildProps as r } from "../../utils/vue/props/runtime.js";
 import { defineComponent as m, computed as s, h as i, renderSlot as a } from "vue";
@@ -12,14 +13,14 @@ const n = r({
   prefixCls: {
     type: String
   }
-}), P = m({
+}), _ = m({
   name: "ElSpaceItem",
   props: n,
-  setup(e, { slots: t }) {
-    const p = c("space"), o = s(() => `${e.prefixCls || p.b()}__item`);
-    return () => i("div", { class: o.value }, a(t, "default"));
+  setup(t, { slots: e }) {
+    const p = c("space"), o = s(() => `${t.prefixCls || p.b()}__item`);
+    return () => i("div", { class: o.value }, a(e, "default"));
   }
 });
 export {
-  P as default
+  _ as default
 };

package/es/components/space/space.d.ts

@@ -18,7 +18,7 @@ export declare const spaceProps: {
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -43,7 +43,7 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -71,17 +71,17 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }>> & Readonly<{}>, {
-    readonly fill: boolean;
     readonly style: StyleValue;
     readonly spacer: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
+    readonly fill: boolean;
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
     readonly class: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
     readonly wrap: boolean;

package/es/components/space/space.js

@@ -1,6 +1,7 @@
-import { isNumber as m, isString as P, isArray as u } from "@vft/utils";
+import { isNumber as m, isString as P, isArray as p } from "@vft/utils";
 import { componentSizes as T } from "../../constants/size.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { buildProps as A, definePropType as d } from "../../utils/vue/props/runtime.js";
 import { PatchFlags as r, isFragment as h, isValidElementNode as L } from "../../utils/vue/vnode.js";
@@ -76,18 +77,18 @@ const z = A({
   size: {
     type: [String, Array, Number],
     values: T,
-    validator: (e) => m(e) || u(e) && e.length === 2 && e.every(m)
+    validator: (e) => m(e) || p(e) && e.length === 2 && e.every(m)
   }
-}), X = C({
+}), q = C({
   name: "VftSpace",
   props: z,
   setup(e, { slots: v }) {
-    const { classes: E, containerStyle: N, itemStyle: p } = x(e);
+    const { classes: E, containerStyle: N, itemStyle: u } = x(e);
     function y(n, a = "", t = []) {
       const { prefixCls: i } = e;
       return n.forEach((l, f) => {
-        h(l) ? u(l.children) && l.children.forEach((o, s) => {
-          h(o) && u(o.children) ? y(
+        h(l) ? p(l.children) && l.children.forEach((o, s) => {
+          h(o) && p(o.children) ? y(
             o.children,
             `${a + s}-`,
             t
@@ -95,7 +96,7 @@ const z = A({
             c(
               g,
               {
-                style: p.value,
+                style: u.value,
                 prefixCls: i,
                 key: `nested-${a + s}`
               },
@@ -110,7 +111,7 @@ const z = A({
           c(
             g,
             {
-              style: p.value,
+              style: u.value,
               prefixCls: i,
               key: `LoopKey${a + f}`
             },
@@ -126,7 +127,7 @@ const z = A({
     return () => {
       const { spacer: n, direction: a } = e, t = O(v, "default", { key: 0 }, () => []);
       if ((t.children ?? []).length === 0) return null;
-      if (u(t.children)) {
+      if (p(t.children)) {
         let i = y(t.children);
         if (n) {
           const l = i.length - 1;
@@ -142,7 +143,7 @@ const z = A({
                   // might disappear
                   {
                     style: [
-                      p.value,
+                      u.value,
                       a === "vertical" ? "width: 100%" : null
                     ],
                     key: s
@@ -175,6 +176,6 @@ const z = A({
   }
 });
 export {
-  X as default,
+  q as default,
   z as spaceProps
 };

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

@@ -1,8 +1,9 @@
-import { isArray as S, isNumber as h } from "@vft/utils";
+import { isArray as p, isNumber as S } from "@vft/utils";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { computed as o, ref as s, watchEffect as p } from "vue";
+import { computed as n, ref as s, watchEffect as h } from "vue";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -12,27 +13,27 @@ const c = {
   default: 12,
   large: 16
 };
-function N(e) {
-  const r = w("space"), u = o(() => [r.b(), r.m(e.direction), e.class]), a = s(0), i = s(0), f = o(() => {
-    const t = e.wrap || e.fill ? { flexWrap: "wrap", marginBottom: `-${i.value}px` } : {}, n = {
+function R(e) {
+  const r = w("space"), u = n(() => [r.b(), r.m(e.direction), e.class]), a = s(0), i = s(0), f = n(() => {
+    const t = e.wrap || e.fill ? { flexWrap: "wrap", marginBottom: `-${i.value}px` } : {}, o = {
       alignItems: e.alignment
     };
-    return [t, n, e.style];
-  }), v = o(() => {
+    return [t, o, e.style];
+  }), v = n(() => {
     const t = {
       paddingBottom: `${i.value}px`,
       marginRight: `${a.value}px`
-    }, n = e.fill ? { flexGrow: 1, minWidth: `${e.fillRatio}%` } : {};
-    return [t, n];
+    }, o = e.fill ? { flexGrow: 1, minWidth: `${e.fillRatio}%` } : {};
+    return [t, o];
   });
-  return p(() => {
-    const { size: t = "small", wrap: n, direction: m, fill: d } = e;
-    if (S(t)) {
+  return h(() => {
+    const { size: t = "small", wrap: o, direction: m, fill: d } = e;
+    if (p(t)) {
       const [l = 0, g = 0] = t;
       a.value = l, i.value = g;
     } else {
       let l;
-      h(t) ? l = t : l = c[t || "small"] || c.small, (n || d) && m === "horizontal" ? a.value = i.value = l : m === "horizontal" ? (a.value = l, i.value = 0) : (i.value = l, a.value = 0);
+      S(t) ? l = t : l = c[t || "small"] || c.small, (o || d) && m === "horizontal" ? a.value = i.value = l : m === "horizontal" ? (a.value = l, i.value = 0) : (i.value = l, a.value = 0);
     }
   }), {
     classes: u,
@@ -41,5 +42,5 @@ function N(e) {
   };
 }
 export {
-  N as useSpace
+  R as useSpace
 };

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

package/es/components/statistic/statistic.js

@@ -1,9 +1,10 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { buildProps as r, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
-const u = r({
+const m = r({
   /**
    * @description Setting the decimal point
    */
@@ -56,5 +57,5 @@ const u = r({
   }
 });
 export {
-  u as statisticProps
+  m as statisticProps
 };