vft 0.0.239 → 0.0.240

package/lib/components/slider/composables/use-watch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const r=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const g=require("vue"),E=(a,u,y,x,V,i)=>{const c=e=>{V(v.UPDATE_MODEL_EVENT,e),V(v.INPUT_EVENT,e)},h=()=>a.range?![y.value,x.value].every((e,n)=>e===u.oldValue[n]):a.modelValue!==u.oldValue,f=()=>{var n,l;a.min>a.max&&r.throwError("Slider","min should not be greater than max.");const e=a.modelValue;a.range&&Array.isArray(e)?e[1]<a.min?c([a.min,a.min]):e[0]>a.max?c([a.max,a.max]):e[0]<a.min?c([a.min,e[1]]):e[1]>a.max?c([e[0],a.max]):(u.firstValue=e[0],u.secondValue=e[1],h()&&(a.validateEvent&&((n=i==null?void 0:i.validate)==null||n.call(i,"change").catch(d=>r.debugWarn(d))),u.oldValue=e.slice())):!a.range&&typeof e=="number"&&!Number.isNaN(e)&&(e<a.min?c(a.min):e>a.max?c(a.max):(u.firstValue=e,h()&&(a.validateEvent&&((l=i==null?void 0:i.validate)==null||l.call(i,"change").catch(d=>r.debugWarn(d))),u.oldValue=e)))};f(),g.watch(()=>u.dragging,e=>{e||f()}),g.watch(()=>a.modelValue,(e,n)=>{u.dragging||Array.isArray(e)&&Array.isArray(n)&&e.every((l,d)=>l===n[d])&&u.firstValue===e[0]&&u.secondValue===e[1]||f()},{deep:!0}),g.watch(()=>[a.min,a.max],()=>{f()})};exports.useWatch=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const n=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const c=require("vue"),y=(a,u,g,V,m,d)=>{const r=e=>{m(t.UPDATE_MODEL_EVENT,e),m(t.INPUT_EVENT,e)},f=()=>a.range?![g.value,V.value].every((e,l)=>e===u.oldValue[l]):a.modelValue!==u.oldValue,i=()=>{a.min>a.max&&n.throwError("Slider","min should not be greater than max.");const e=a.modelValue;a.range&&Array.isArray(e)?e[1]<a.min?r([a.min,a.min]):e[0]>a.max?r([a.max,a.max]):e[0]<a.min?r([a.min,e[1]]):e[1]>a.max?r([e[0],a.max]):(u.firstValue=e[0],u.secondValue=e[1],f()&&(a.validateEvent&&d?.validate?.("change").catch(l=>n.debugWarn(l)),u.oldValue=e.slice())):!a.range&&typeof e=="number"&&!Number.isNaN(e)&&(e<a.min?r(a.min):e>a.max?r(a.max):(u.firstValue=e,f()&&(a.validateEvent&&d?.validate?.("change").catch(l=>n.debugWarn(l)),u.oldValue=e)))};i(),c.watch(()=>u.dragging,e=>{e||i()}),c.watch(()=>a.modelValue,(e,l)=>{u.dragging||Array.isArray(e)&&Array.isArray(l)&&e.every((h,v)=>h===l[v])&&u.firstValue===e[0]&&u.secondValue===e[1]||i()},{deep:!0}),c.watch(()=>[a.min,a.max],()=>{i()})};exports.useWatch=y;

package/lib/components/slider/composables/use-watch.d.ts

@@ -2,4 +2,4 @@ import type { FormItemContext } from 'vft/es/components/form';
 import type { ComputedRef, SetupContext } from 'vue';
 import type { SliderEmits, SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
-export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>['emit'], elFormItem: FormItemContext) => void;
+export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>["emit"], elFormItem: FormItemContext) => void;

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

@@ -1,4 +1,4 @@
-export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<number | number[]>;
     };
@@ -33,7 +33,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     formatTooltip: {
-        type: import("vue").PropType<(val: number) => string | number>;
+        type: import("vue").PropType<(val: number) => number | string>;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -60,7 +60,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string>;
     };
     formatValueText: {
-        type: import("vue").PropType<(val?: number | undefined) => string>;
+        type: import("vue").PropType<(val?: number) => string>;
     };
     tooltipClass: {
         type: import("vue").PropType<string>;
@@ -77,9 +77,9 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}, {
+}>, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("vft/es/utils").Arrayable<number>) => void;
     change: (value: import("vft/es/utils").Arrayable<number>) => void;
     input: (value: import("vft/es/utils").Arrayable<number>) => void;
@@ -118,7 +118,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     formatTooltip: {
-        type: import("vue").PropType<(val: number) => string | number>;
+        type: import("vue").PropType<(val: number) => number | string>;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -145,7 +145,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string>;
     };
     formatValueText: {
-        type: import("vue").PropType<(val?: number | undefined) => string>;
+        type: import("vue").PropType<(val?: number) => string>;
     };
     tooltipClass: {
         type: import("vue").PropType<string>;
@@ -162,11 +162,11 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
-    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSlider;
 export * from './constants';
 export * from './slider';

package/lib/components/slider/marker.d.ts

@@ -5,7 +5,7 @@ export type SliderMarkerProps = {
         label: any;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mark: {
         type: (StringConstructor | (() => {
             style: CSSProperties;
@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<{
         }))[];
         default: undefined;
     };
-}, () => 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<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mark: {
         type: (StringConstructor | (() => {
             style: CSSProperties;
@@ -23,10 +23,10 @@ declare const _default: import("vue").DefineComponent<{
         }))[];
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     mark: string | {
         style: CSSProperties;
         label: any;
     };
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -28,17 +28,17 @@ export interface SliderProps {
     marks?: Record<number, string | SliderMarkerProps['mark']>;
     validateEvent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SliderProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("../../utils").Arrayable<number>) => void;
-    change: (value: import("../../utils").Arrayable<number>) => void;
-    input: (value: import("../../utils").Arrayable<number>) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>> & {
-    onChange?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-    onInput?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-}, {}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("vft/es/utils").Arrayable<number>) => void;
+    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;
+    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    "onUpdate:modelValue"?: ((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;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/slider/slider.vue2.cjs

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

package/lib/components/slot/only-child.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),f=require("@vft/utils");require("@vueuse/core");const d=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const s=require("../../hooks/use-forward-ref/index.cjs"),g=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const c="VftOnlyChild",p=r.defineComponent({name:c,setup(t,{slots:n,attrs:e}){const i=r.inject(s.FORWARD_REF_INJECTION_KEY),q=s.useForwardRefDirective((i==null?void 0:i.setForwardRef)??f.noop);return()=>{var l;const u=(l=n.default)==null?void 0:l.call(n,e);if(!u)return null;if(u.length>1)return d.debugWarn(c,"requires exact only one valid child."),null;const o=h(u);return o?r.withDirectives(r.cloneVNode(o,e),[[q]]):(d.debugWarn(c,"no valid child node found"),null)}}});function h(t){if(!t)return null;const n=t;for(const e of n){if(f.isObject(e))switch(e.type){case r.Comment:continue;case r.Text:case"svg":return a(e);case r.Fragment:return h(e.children);default:return e}return a(e)}return null}function a(t){const n=g.useNamespace("only-child");return r.createVNode("span",{class:n.e("content")},[t])}exports.OnlyChild=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),d=require("@vft/utils");require("@vueuse/core");const c=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../hooks/use-forward-ref/index.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o="VftOnlyChild",g=r.defineComponent({name:o,setup(n,{slots:t,attrs:e}){const f=r.inject(l.FORWARD_REF_INJECTION_KEY),h=l.useForwardRefDirective(f?.setForwardRef??d.noop);return()=>{const i=t.default?.(e);if(!i)return null;if(i.length>1)return c.debugWarn(o,"requires exact only one valid child."),null;const u=a(i);return u?r.withDirectives(r.cloneVNode(u,e),[[h]]):(c.debugWarn(o,"no valid child node found"),null)}}});function a(n){if(!n)return null;const t=n;for(const e of t){if(d.isObject(e))switch(e.type){case r.Comment:continue;case r.Text:case"svg":return s(e);case r.Fragment:return a(e.children);default:return e}return s(e)}return null}function s(n){const t=q.useNamespace("only-child");return r.createVNode("span",{class:t.e("content")},[n])}exports.OnlyChild=g;

package/lib/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/lib/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/lib/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;

package/lib/components/space/space.d.ts

@@ -2,8 +2,8 @@ import type { Arrayable } from 'vft/es/utils';
 import type { ExtractPropTypes, StyleValue, VNode, VNodeChild } from 'vue';
 export declare const spaceProps: {
     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>)[]) | (() => Arrayable<string | Record<string, boolean>>) | ((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>))[], unknown, unknown, "", boolean>;
-    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
+    readonly class: import("vft/es/utils").EpPropFinalized<(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, "", boolean>;
+    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => 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>;
@@ -11,7 +11,9 @@ export declare const spaceProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, unknown, null, boolean>;
+    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | 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>;
@@ -23,10 +25,10 @@ export declare const spaceProps: {
     };
 };
 export type SpaceProps = ExtractPropTypes<typeof spaceProps>;
-declare const Space: import("vue").DefineComponent<{
+declare const Space: import("vue").DefineComponent<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>)[]) | (() => Arrayable<string | Record<string, boolean>>) | ((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>))[], unknown, unknown, "", boolean>;
-    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
+    readonly class: import("vft/es/utils").EpPropFinalized<(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, "", boolean>;
+    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => 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>;
@@ -34,7 +36,9 @@ declare const Space: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, unknown, null, boolean>;
+    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | 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>;
@@ -44,15 +48,15 @@ declare const Space: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => string | 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<ExtractPropTypes<{
+    $stable?: boolean;
+} | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<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>)[]) | (() => Arrayable<string | Record<string, boolean>>) | ((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>))[], unknown, unknown, "", boolean>;
-    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
+    readonly class: import("vft/es/utils").EpPropFinalized<(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, "", boolean>;
+    readonly style: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => 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>;
@@ -60,7 +64,9 @@ declare const Space: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, unknown, null, boolean>;
+    readonly spacer: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | 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>;
@@ -70,15 +76,17 @@ declare const Space: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     readonly fill: boolean;
     readonly style: StyleValue;
-    readonly spacer: VNodeChild;
+    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 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>>))[], unknown, 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;
     readonly alignment: string;
     readonly fillRatio: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type SpaceInstance = InstanceType<typeof Space>;
 export default Space;

package/lib/components/space/use-space.d.ts

@@ -1,7 +1,7 @@
 import type { StyleValue } from 'vue';
 import type { SpaceProps } from './space';
 export declare function useSpace(props: SpaceProps): {
-    classes: import("vue").ComputedRef<import("../../utils").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils").Arrayable<string | Record<string, boolean>>) | ((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("../../utils").Arrayable<string | Record<string, boolean>>))[], unknown, unknown>[]>;
+    classes: import("vue").ComputedRef<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>[]>;
     containerStyle: import("vue").ComputedRef<StyleValue>;
     itemStyle: import("vue").ComputedRef<StyleValue>;
 };