vft 0.0.243 → 0.0.244

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:M}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),c=oe.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:M}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),c=te.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

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

@@ -26,7 +26,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"small" | "default" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;
@@ -87,7 +87,7 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"small" | "default" | "large">;
     };
     controls: {
         type: import("vue").PropType<boolean>;

package/lib/components/popper/composables/use-content.d.ts

@@ -46,11 +46,11 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             };
             offset?: {
-                auto?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

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

@@ -4,7 +4,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -22,8 +22,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & Readonly<{
-        onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
         onClick?: ((data: import("./types").RadioProps) => any) | undefined;
+        onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (data: import("./types").RadioProps) => void;
@@ -41,7 +41,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -59,8 +59,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & Readonly<{
-        onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
         onClick?: ((data: import("./types").RadioProps) => any) | undefined;
+        onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -71,7 +71,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -89,8 +89,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
 }>> & Readonly<{
-    onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
     onClick?: ((data: import("./types").RadioProps) => any) | undefined;
+    onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: import("./types").RadioProps) => void;
@@ -104,7 +104,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
     RadioButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<"" | "default" | "small" | "large">;
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
@@ -137,7 +137,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<"" | "default" | "small" | "large">;
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
@@ -165,7 +165,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -196,10 +196,13 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
     });
     RadioGroup: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            fill: {
+            label: {
                 type: import("vue").PropType<string>;
             };
-            label: {
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fill: {
                 type: import("vue").PropType<string>;
             };
             name: {
@@ -208,11 +211,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             id: {
                 type: import("vue").PropType<string>;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             size: {
-                type: import("vue").PropType<"" | "default" | "small" | "large">;
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
             };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
@@ -246,10 +246,13 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            fill: {
+            label: {
                 type: import("vue").PropType<string>;
             };
-            label: {
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fill: {
                 type: import("vue").PropType<string>;
             };
             name: {
@@ -258,11 +261,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
             id: {
                 type: import("vue").PropType<string>;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             size: {
-                type: import("vue").PropType<"" | "default" | "small" | "large">;
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
             };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
@@ -290,10 +290,13 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        fill: {
+        label: {
             type: import("vue").PropType<string>;
         };
-        label: {
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        fill: {
             type: import("vue").PropType<string>;
         };
         name: {
@@ -302,11 +305,8 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
         id: {
             type: import("vue").PropType<string>;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         modelValue: {
             type: import("vue").PropType<string | number | boolean>;
@@ -340,10 +340,13 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<{
 };
 export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        fill: {
+        label: {
             type: import("vue").PropType<string>;
         };
-        label: {
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        fill: {
             type: import("vue").PropType<string>;
         };
         name: {
@@ -352,11 +355,8 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
         id: {
             type: import("vue").PropType<string>;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         modelValue: {
             type: import("vue").PropType<string | number | boolean>;
@@ -390,10 +390,13 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        fill: {
+        label: {
             type: import("vue").PropType<string>;
         };
-        label: {
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        fill: {
             type: import("vue").PropType<string>;
         };
         name: {
@@ -402,11 +405,8 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
         id: {
             type: import("vue").PropType<string>;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         modelValue: {
             type: import("vue").PropType<string | number | boolean>;
@@ -434,10 +434,13 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    fill: {
+    label: {
         type: import("vue").PropType<string>;
     };
-    label: {
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    fill: {
         type: import("vue").PropType<string>;
     };
     name: {
@@ -446,11 +449,8 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
     id: {
         type: import("vue").PropType<string>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     modelValue: {
         type: import("vue").PropType<string | number | boolean>;
@@ -484,7 +484,7 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<{
 export declare const VftRadioButton: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -517,7 +517,7 @@ export declare const VftRadioButton: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large">;
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
@@ -545,7 +545,7 @@ export declare const VftRadioButton: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     disabled: {
         type: import("vue").PropType<boolean>;

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

@@ -7,8 +7,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     change: (data: string | number | boolean | undefined) => void;
     "update:modelValue": (data: string | number | boolean | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RadioProps>>> & Readonly<{
-    onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
     onClick?: ((data: RadioProps) => any) | undefined;
+    onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -4,7 +4,7 @@ export declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: Rad
     isGroup: import("vue").ComputedRef<boolean>;
     radioGroup: import("./constants").RadioGroupContext | undefined;
     focus: import("vue").Ref<boolean, boolean>;
-    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
     disabled: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
     modelValue: import("vue").WritableComputedRef<string | number | boolean | undefined, string | number | boolean | undefined>;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     style: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     };
     currentTabId: {
         type: StringConstructor;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onMousedown: FunctionConstructor;
 }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     };
     currentTabId: {
         type: StringConstructor;

package/lib/components/select/useSelect.d.ts

@@ -18,7 +18,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "small" | "default" | "large">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -101,12 +101,13 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -116,7 +117,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
@@ -519,12 +519,13 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -534,7 +535,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;

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

@@ -21,10 +21,10 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     inputSize: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     showStops: {
         type: import("vue").PropType<boolean>;
@@ -106,10 +106,10 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     inputSize: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
     };
     showStops: {
         type: import("vue").PropType<boolean>;

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