vft 0.0.239 → 0.0.240

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

@@ -1,30 +1,30 @@
-import { defineComponent as P, reactive as ie, getCurrentInstance as ne, computed as p, toRefs as K, provide as se, createElementBlock as n, openBlock as r, unref as e, normalizeClass as u, createElementVNode as k, createBlock as z, createCommentVNode as h, normalizeStyle as y, createVNode as ue, Fragment as w, renderList as C } from "vue";
+import { defineComponent as K, reactive as oe, getCurrentInstance as re, computed as p, toRefs as M, provide as ie, createElementBlock as n, openBlock as r, unref as e, normalizeClass as u, createElementVNode as S, createBlock as B, createCommentVNode as k, normalizeStyle as b, createVNode as ne, Fragment as h, renderList as z } from "vue";
 import "@popperjs/core";
 import "../form/index.js";
-import { VftInputNumber as me } from "../input-number/index.js";
+import { VftInputNumber as se } from "../input-number/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as de } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ue } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-z-index/index.js";
-import x from "./button.vue2.js";
-import { useLifecycle as pe } from "./composables/use-lifecycle.js";
-import { useMarks as ve } from "./composables/use-marks.js";
-import { useSlide as fe } from "./composables/use-slide.js";
+import $ from "./button.vue2.js";
+import { useLifecycle as me } from "./composables/use-lifecycle.js";
+import { useMarks as de } from "./composables/use-marks.js";
+import { useSlide as pe } from "./composables/use-slide.js";
 import "./composables/use-slider-button.js";
-import { useStops as ce } from "./composables/use-stops.js";
-import { useWatch as be } from "./composables/use-watch.js";
-import { sliderContextKey as ye } from "./constants.js";
-import ge from "./marker.js";
-import { sliderEmits as Ve } from "./slider.js";
-import { useFormItemInputId as Se } from "../form/hooks/use-form-item.js";
-import { useFormSize as ke } from "../form/hooks/use-form-common-props.js";
-const he = ["id", "role", "aria-labelledby"], we = { key: 1 }, Ie = P({
+import { useStops as ve } from "./composables/use-stops.js";
+import { useWatch as fe } from "./composables/use-watch.js";
+import { sliderContextKey as ce } from "./constants.js";
+import be from "./marker.js";
+import { sliderEmits as ye } from "./slider.js";
+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"
-}), Oe = /* @__PURE__ */ P({
-  ...Ie,
+}), He = /* @__PURE__ */ K({
+  ...he,
   props: {
     modelValue: { default: 0 },
     id: {},
@@ -52,177 +52,174 @@ const he = ["id", "role", "aria-labelledby"], we = { key: 1 }, Ie = P({
     marks: {},
     validateEvent: { type: Boolean, default: !0 }
   },
-  emits: Ve,
-  setup(o, { expose: R, emit: j }) {
-    const T = j, t = de("slider"), m = ie({
+  emits: ye,
+  setup(o, { expose: x, emit: P }) {
+    const C = P, t = ue("slider"), m = oe({
       firstValue: 0,
       secondValue: 0,
       oldValue: 0,
       dragging: !1,
       sliderSize: 1
-    }), s = ne(), {
-      elFormItem: g,
-      slider: q,
-      firstButton: A,
-      secondButton: G,
+    }), s = re(), {
+      elFormItem: y,
+      slider: R,
+      firstButton: j,
+      secondButton: q,
       sliderDisabled: v,
-      minValue: L,
-      maxValue: E,
-      runwayStyle: H,
-      barStyle: J,
-      resetSize: F,
-      emitChange: U,
-      onSliderWrapperPrevent: V,
-      onSliderClick: O,
-      onSliderDown: S,
-      setFirstValue: N,
-      setSecondValue: Q
-    } = fe(s.props, m, T), { stops: X, getStopStyle: I } = ce(
+      minValue: T,
+      maxValue: L,
+      runwayStyle: A,
+      barStyle: G,
+      resetSize: E,
+      emitChange: F,
+      onSliderWrapperPrevent: g,
+      onSliderClick: H,
+      onSliderDown: V,
+      setFirstValue: U,
+      setSecondValue: J
+    } = pe(s.props, m, C), { stops: O, getStopStyle: w } = ve(
       s.props,
       m,
-      L,
-      E
-    ), { inputId: W, isLabeledByFormItem: D } = Se(s.props, {
-      formItemContext: g
-    }), M = ke(), Y = p(() => o.inputSize || M.value), Z = p(() => o.formatValueText ? o.formatValueText(d.value) : `${d.value}`), _ = p(() => o.rangeEndLabel || ""), ee = p(() => o.formatValueText ? o.formatValueText(f.value) : `${f.value}`), ae = p(() => [
+      T,
+      L
+    ), { inputId: N, isLabeledByFormItem: W } = ge(s.props, {
+      formItemContext: y
+    }), D = Ve(), Q = p(() => o.inputSize || D.value), X = p(() => o.formatValueText ? o.formatValueText(d.value) : `${d.value}`), Y = p(() => o.rangeEndLabel || ""), Z = p(() => o.formatValueText ? o.formatValueText(f.value) : `${f.value}`), _ = p(() => [
       t.b(),
-      t.m(M.value),
+      t.m(D.value),
       t.is("vertical", o.vertical),
       { [t.m("with-input")]: o.showInput }
-    ]), B = ve(s.props);
-    be(s.props, m, L, E, T, g);
-    const le = p(() => {
+    ]), I = de(s.props);
+    fe(s.props, m, T, L, C, y);
+    const ee = p(() => {
       const a = [o.min, o.max, o.step].map((i) => {
-        const c = `${i}`.split(".")[1];
-        return c ? c.length : 0;
+        const l = `${i}`.split(".")[1];
+        return l ? l.length : 0;
       });
       return Math.max.apply(null, a);
-    }), { sliderWrapper: te } = pe(s.props, m, F), { firstValue: d, secondValue: f, sliderSize: oe } = K(m), re = (a) => {
+    }), { sliderWrapper: ae } = me(s.props, m, E), { firstValue: d, secondValue: f, sliderSize: le } = M(m), te = (a) => {
       m.dragging = a;
     };
-    return se(ye, {
-      ...K(s.props),
-      sliderSize: oe,
+    return ie(ce, {
+      ...M(s.props),
+      sliderSize: le,
       disabled: v.value,
-      precision: le,
-      emitChange: U,
-      resetSize: F,
-      updateDragging: re
-    }), R({
-      onSliderClick: O
-    }), (a, i) => {
-      var c, $;
-      return r(), n("div", {
-        id: a.range ? e(W) : void 0,
-        ref_key: "sliderWrapper",
-        ref: te,
-        class: u(ae.value),
-        role: a.range ? "group" : void 0,
-        "aria-labelledby": a.range && e(D) ? (c = e(g)) == null ? void 0 : c.labelId : void 0,
-        onTouchstart: i[2] || (i[2] = //@ts-ignore
+      precision: ee,
+      emitChange: F,
+      resetSize: E,
+      updateDragging: te
+    }), x({
+      onSliderClick: H
+    }), (a, i) => (r(), n("div", {
+      id: a.range ? e(N) : void 0,
+      ref_key: "sliderWrapper",
+      ref: ae,
+      class: u(_.value),
+      role: a.range ? "group" : void 0,
+      "aria-labelledby": a.range && e(W) ? e(y)?.labelId : void 0,
+      onTouchstart: i[2] || (i[2] = //@ts-ignore
+      (...l) => e(g) && e(g)(...l)),
+      onTouchmove: i[3] || (i[3] = //@ts-ignore
+      (...l) => e(g) && e(g)(...l))
+    }, [
+      S("div", {
+        ref_key: "slider",
+        ref: R,
+        class: u([
+          e(t).e("runway"),
+          { "show-input": a.showInput && !a.range },
+          e(t).is("disabled", e(v))
+        ]),
+        style: b(e(A)),
+        onMousedown: i[0] || (i[0] = //@ts-ignore
         (...l) => e(V) && e(V)(...l)),
-        onTouchmove: i[3] || (i[3] = //@ts-ignore
+        onTouchstart: i[1] || (i[1] = //@ts-ignore
         (...l) => e(V) && e(V)(...l))
       }, [
-        k("div", {
-          ref_key: "slider",
+        S("div", {
+          class: u(e(t).e("bar")),
+          style: b(e(G))
+        }, null, 6),
+        ne($, {
+          id: a.range ? void 0 : e(N),
+          ref_key: "firstButton",
+          ref: j,
+          "model-value": e(d),
+          vertical: a.vertical,
+          "tooltip-class": a.tooltipClass,
+          placement: a.placement,
+          role: "slider",
+          "aria-labelledby": !a.range && e(W) ? e(y)?.labelId : void 0,
+          "aria-valuemin": a.min,
+          "aria-valuemax": a.range ? e(f) : a.max,
+          "aria-valuenow": e(d),
+          "aria-valuetext": X.value,
+          "aria-orientation": a.vertical ? "vertical" : "horizontal",
+          "aria-disabled": e(v),
+          "onUpdate:modelValue": e(U)
+        }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
+        a.range ? (r(), B($, {
+          key: 0,
+          ref_key: "secondButton",
           ref: q,
-          class: u([
-            e(t).e("runway"),
-            { "show-input": a.showInput && !a.range },
-            e(t).is("disabled", e(v))
-          ]),
-          style: y(e(H)),
-          onMousedown: i[0] || (i[0] = //@ts-ignore
-          (...l) => e(S) && e(S)(...l)),
-          onTouchstart: i[1] || (i[1] = //@ts-ignore
-          (...l) => e(S) && e(S)(...l))
-        }, [
-          k("div", {
-            class: u(e(t).e("bar")),
-            style: y(e(J))
-          }, null, 6),
-          ue(x, {
-            id: a.range ? void 0 : e(W),
-            ref_key: "firstButton",
-            ref: A,
-            "model-value": e(d),
-            vertical: a.vertical,
-            "tooltip-class": a.tooltipClass,
-            placement: a.placement,
-            role: "slider",
-            "aria-labelledby": !a.range && e(D) ? ($ = e(g)) == null ? void 0 : $.labelId : void 0,
-            "aria-valuemin": a.min,
-            "aria-valuemax": a.range ? e(f) : a.max,
-            "aria-valuenow": e(d),
-            "aria-valuetext": Z.value,
-            "aria-orientation": a.vertical ? "vertical" : "horizontal",
-            "aria-disabled": e(v),
-            "onUpdate:modelValue": e(N)
-          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-          a.range ? (r(), z(x, {
-            key: 0,
-            ref_key: "secondButton",
-            ref: G,
-            "model-value": e(f),
-            vertical: a.vertical,
-            "tooltip-class": a.tooltipClass,
-            placement: a.placement,
-            role: "slider",
-            "aria-label": _.value,
-            "aria-valuemin": e(d),
-            "aria-valuemax": a.max,
-            "aria-valuenow": e(f),
-            "aria-valuetext": ee.value,
-            "aria-orientation": a.vertical ? "vertical" : "horizontal",
-            "aria-disabled": e(v),
-            "onUpdate:modelValue": e(Q)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : h("", !0),
-          a.showStops ? (r(), n("div", we, [
-            (r(!0), n(w, null, C(e(X), (l, b) => (r(), n("div", {
-              key: b,
-              class: u(e(t).e("stop")),
-              style: y(e(I)(l))
+          "model-value": e(f),
+          vertical: a.vertical,
+          "tooltip-class": a.tooltipClass,
+          placement: a.placement,
+          role: "slider",
+          "aria-label": Y.value,
+          "aria-valuemin": e(d),
+          "aria-valuemax": a.max,
+          "aria-valuenow": e(f),
+          "aria-valuetext": Z.value,
+          "aria-orientation": a.vertical ? "vertical" : "horizontal",
+          "aria-disabled": e(v),
+          "onUpdate:modelValue": e(J)
+        }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : k("", !0),
+        a.showStops ? (r(), n("div", ke, [
+          (r(!0), n(h, null, z(e(O), (l, c) => (r(), n("div", {
+            key: c,
+            class: u(e(t).e("stop")),
+            style: b(e(w)(l))
+          }, null, 6))), 128))
+        ])) : k("", !0),
+        e(I).length > 0 ? (r(), n(h, { key: 2 }, [
+          S("div", null, [
+            (r(!0), n(h, null, z(e(I), (l, c) => (r(), n("div", {
+              key: c,
+              style: b(e(w)(l.position)),
+              class: u([e(t).e("stop"), e(t).e("marks-stop")])
             }, null, 6))), 128))
-          ])) : h("", !0),
-          e(B).length > 0 ? (r(), n(w, { key: 2 }, [
-            k("div", null, [
-              (r(!0), n(w, null, C(e(B), (l, b) => (r(), n("div", {
-                key: b,
-                style: y(e(I)(l.position)),
-                class: u([e(t).e("stop"), e(t).e("marks-stop")])
-              }, null, 6))), 128))
-            ]),
-            k("div", {
-              class: u(e(t).e("marks"))
-            }, [
-              (r(!0), n(w, null, C(e(B), (l, b) => (r(), z(e(ge), {
-                key: b,
-                mark: l.mark,
-                style: y(e(I)(l.position))
-              }, null, 8, ["mark", "style"]))), 128))
-            ], 2)
-          ], 64)) : h("", !0)
-        ], 38),
-        a.showInput && !a.range ? (r(), z(e(me), {
-          key: 0,
-          ref: "input",
-          "model-value": e(d),
-          class: u(e(t).e("input")),
-          step: a.step,
-          disabled: e(v),
-          controls: a.showInputControls,
-          min: a.min,
-          max: a.max,
-          debounce: a.debounce,
-          size: Y.value,
-          "onUpdate:modelValue": e(N),
-          onChange: e(U)
-        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : h("", !0)
-      ], 42, he);
-    };
+          ]),
+          S("div", {
+            class: u(e(t).e("marks"))
+          }, [
+            (r(!0), n(h, null, z(e(I), (l, c) => (r(), B(e(be), {
+              key: c,
+              mark: l.mark,
+              style: b(e(w)(l.position))
+            }, null, 8, ["mark", "style"]))), 128))
+          ], 2)
+        ], 64)) : k("", !0)
+      ], 38),
+      a.showInput && !a.range ? (r(), B(e(se), {
+        key: 0,
+        ref: "input",
+        "model-value": e(d),
+        class: u(e(t).e("input")),
+        step: a.step,
+        disabled: e(v),
+        controls: a.showInputControls,
+        min: a.min,
+        max: a.max,
+        debounce: a.debounce,
+        size: Q.value,
+        "onUpdate:modelValue": e(U),
+        onChange: e(F)
+      }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : k("", !0)
+    ], 42, Se));
   }
 });
 export {
-  Oe as default
+  He as default
 };

package/es/components/slot/only-child.d.ts

@@ -1,7 +1,7 @@
 import type { Ref, VNode } from 'vue';
 export declare const OnlyChild: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type OnlyChildExpose = {
     forwardRef: Ref<HTMLElement>;
 };

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

@@ -1,58 +1,57 @@
-import { defineComponent as a, inject as s, withDirectives as p, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
-import { noop as F, isObject as w } from "@vft/utils";
+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 { noop as R, isObject as g } from "@vft/utils";
 import "@vueuse/core";
-import { debugWarn as l } from "../../utils/error.js";
+import { debugWarn as c } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { FORWARD_REF_INJECTION_KEY as y, useForwardRefDirective as O } from "../../hooks/use-forward-ref/index.js";
-import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import { FORWARD_REF_INJECTION_KEY as v, useForwardRefDirective as F } from "../../hooks/use-forward-ref/index.js";
+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", q = /* @__PURE__ */ a({
+const o = "VftOnlyChild", L = /* @__PURE__ */ d({
   name: o,
-  setup(r, {
-    slots: t,
+  setup(t, {
+    slots: r,
     attrs: e
   }) {
-    const n = s(y), m = O((n == null ? void 0 : n.setForwardRef) ?? F);
+    const f = a(v), s = F(f?.setForwardRef ?? R);
     return () => {
-      var u;
-      const i = (u = t.default) == null ? void 0 : u.call(t, e);
-      if (!i) return null;
-      if (i.length > 1)
-        return l(o, "requires exact only one valid child."), null;
-      const c = d(i);
-      return c ? p(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
+      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);
     };
   }
 });
-function d(r) {
-  if (!r) return null;
-  const t = r;
-  for (const e of t) {
-    if (w(e))
+function u(t) {
+  if (!t) return null;
+  const r = t;
+  for (const e of r) {
+    if (g(e))
       switch (e.type) {
-        case g:
+        case C:
           continue;
-        case N:
+        case w:
         case "svg":
-          return f(e);
-        case C:
-          return d(e.children);
+          return l(e);
+        case h:
+          return u(e.children);
         default:
           return e;
       }
-    return f(e);
+    return l(e);
   }
   return null;
 }
-function f(r) {
-  const t = R("only-child");
-  return v("span", {
-    class: t.e("content")
-  }, [r]);
+function l(t) {
+  const r = y("only-child");
+  return N("span", {
+    class: r.e("content")
+  }, [t]);
 }
 export {
-  q as OnlyChild
+  L as OnlyChild
 };

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

@@ -1,7 +1,7 @@
-export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
-    readonly class: import("vft/es/utils").EpPropFinalized<(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>>))[], unknown, unknown, "", boolean>;
-    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, "", boolean>;
+    readonly class: import("vft/es/utils").EpPropFinalized<(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, "", boolean>;
+    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
@@ -9,7 +9,9 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild) | ((new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild))[], unknown, unknown, null, boolean>;
+    readonly spacer: import("vft/es/utils").EpPropFinalized<(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;
+    }>, null, boolean>;
     readonly wrap: BooleanConstructor;
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
@@ -19,15 +21,15 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | {
     [name: string]: unknown;
-    $stable?: boolean | undefined;
-} | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    $stable?: boolean;
+} | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
-    readonly class: import("vft/es/utils").EpPropFinalized<(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>>))[], unknown, unknown, "", boolean>;
-    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, "", boolean>;
+    readonly class: import("vft/es/utils").EpPropFinalized<(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, "", boolean>;
+    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
@@ -35,7 +37,9 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild) | ((new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild))[], unknown, unknown, null, boolean>;
+    readonly spacer: import("vft/es/utils").EpPropFinalized<(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;
+    }>, null, boolean>;
     readonly wrap: BooleanConstructor;
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
@@ -45,16 +49,18 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     readonly fill: boolean;
     readonly style: import("vue").StyleValue;
-    readonly spacer: import("vue").VNodeChild;
+    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 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>>))[], unknown, 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;
     readonly alignment: string;
     readonly fillRatio: number;
-}, {}>> & Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSpace;
 export * from './item';
 export * from './space';

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

@@ -8,22 +8,22 @@ declare const spaceItemProps: {
     };
 };
 export type SpaceItemProps = ExtractPropTypes<typeof spaceItemProps>;
-declare const SpaceItem: import("vue").DefineComponent<{
+declare const SpaceItem: import("vue").DefineComponent<ExtractPropTypes<{
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     readonly prefixCls: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type SpaceItemInstance = InstanceType<typeof SpaceItem>;
 export default SpaceItem;