vft 0.0.142 → 0.0.145

package/lib/components/select/useSelect.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("@vft/utils");require("../form/index.cjs");const ne=require("../../constants/event.cjs"),De=require("@vueuse/core"),ke=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const d=require("lodash"),_e=require("../../utils/vue/data-helper.cjs"),u=require("vue"),ue=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Fe=require("./useAllowCreate.cjs"),ze=require("./useInput.cjs"),Ke=require("./util.cjs"),Ue=require("../form/hooks/use-form-item.cjs"),Qe=require("../form/hooks/use-form-common-props.cjs"),ae="",ie=11,je={larget:51,default:42,small:33},Ge=(l,v)=>{const P=ue.useNamespace("select"),oe=ue.useNamespace("input"),{form:T,formItem:f}=Ue.useFormItem(),t=u.reactive({inputValue:ae,displayInputValue:ae,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),ce=u.ref(-1),W=u.ref(-1),se=u.ref(null),h=u.ref(null),w=u.ref(null),p=u.ref(null),y=u.ref(null),O=u.ref(null),b=u.ref(null),o=u.ref(!1),I=u.computed(()=>l.disabled||(T==null?void 0:T.disabled)),re=u.computed(()=>{const e=c.value.length*34;return e>l.height?l.height:e}),L=u.computed(()=>!d.isNil(l.modelValue)),de=u.computed(()=>{const e=l.multiple?Array.isArray(l.modelValue)&&l.modelValue.length>0:L.value;return l.clearable&&!I.value&&t.comboBoxHovering&&e}),B=u.computed(()=>l.remote&&l.filterable?"":"icon-arrow-up"),fe=u.computed(()=>B.value&&P.is("reverse",o.value)),he=u.computed(()=>(f==null?void 0:f.validateState)||""),ge="validateIcon",D=u.computed(()=>l.remote?300:0),q=u.computed(()=>{const e=c.value;return l.loading?l.loadingText||"加载中":l.remote&&t.inputValue===""&&e.length===0?!1:l.filterable&&t.inputValue&&e.length>0?l.noMatchText||"无匹配数据":e.length===0?l.noDataText||"暂无数据":null}),c=u.computed(()=>{const e=n=>{const a=t.inputValue,i=new RegExp(_e.escapeStringRegexp(a),"i");return a?i.test(n.label||""):!0};return l.loading?[]:Ke.flattenOptions(l.options.concat(t.createdOptions).map(n=>{if(g.isArray(n.options)){const a=n.options.filter(e);if(a.length>0)return{...n,options:a}}else if(l.remote||e(n))return n;return null}).filter(n=>n!==null))}),ve=u.computed(()=>c.value.every(e=>e.disabled)),k=Qe.useFormSize(),_=u.computed(()=>k.value==="small"?"small":"default"),me=u.computed(()=>{const e=O.value,n=_.value||"default",a=e?Number.parseInt(getComputedStyle(e).paddingLeft):0,i=e?Number.parseInt(getComputedStyle(e).paddingRight):0;return t.selectWidth-i-a-je[n]}),F=()=>{var e;W.value=((e=y.value)==null?void 0:e.offsetWidth)||200},Ve=u.computed(()=>({width:`${t.calculatedWidth===0?ie:Math.ceil(t.calculatedWidth)+ie}px`})),pe=u.computed(()=>g.isArray(l.modelValue)?l.modelValue.length===0&&!t.displayInputValue:l.filterable?t.displayInputValue.length===0:!0),be=u.computed(()=>{const e=l.placeholder||"请选择";return l.multiple||d.isNil(l.modelValue)?e:t.selectedLabel}),Ie=u.computed(()=>{var e,n;return(n=(e=p.value)==null?void 0:e.popperRef)==null?void 0:n.contentRef}),z=u.computed(()=>{if(l.multiple){const e=l.modelValue.length;if(l.modelValue.length>0)return c.value.findIndex(n=>n.value===l.modelValue[e-1])}else if(l.modelValue)return c.value.findIndex(e=>e.value===l.modelValue);return-1}),K=u.computed({get(){return o.value&&q.value!==!1},set(e){o.value=e}}),xe=u.computed(()=>t.cachedOptions.slice(0,l.maxCollapseTags)),ye=u.computed(()=>t.cachedOptions.slice(l.maxCollapseTags)),{createNewOption:U,removeNewOption:R,selectNewOption:Q,clearAllNewOption:E}=Fe.useAllowCreate(l,t),{handleCompositionStart:Oe,handleCompositionUpdate:Se,handleCompositionEnd:Ce}=ze.useInput(e=>le(e)),j=()=>{var e,n,a;(n=(e=h.value)==null?void 0:e.focus)==null||n.call(e),(a=p.value)==null||a.updatePopper()},M=()=>{if(!l.automaticDropdown&&!I.value)return t.isComposing&&(t.softFocus=!0),u.nextTick(()=>{var e,n;o.value=!o.value,(n=(e=h.value)==null?void 0:e.focus)==null||n.call(e)})},G=()=>(l.filterable&&t.inputValue!==t.selectedLabel&&(t.query=t.selectedLabel),J(t.inputValue),u.nextTick(()=>{U(t.inputValue)})),$=d.debounce(G,D.value),J=e=>{t.previousQuery!==e&&(t.previousQuery=e,l.filterable&&g.isFunction(l.filterMethod)?l.filterMethod(e):l.filterable&&l.remote&&g.isFunction(l.remoteMethod)&&l.remoteMethod(e))},Te=e=>{d.isEqual(l.modelValue,e)||v(ne.CHANGE_EVENT,e)},x=e=>{v(ne.UPDATE_MODEL_EVENT,e),Te(e),t.previousValue=e==null?void 0:e.toString()},we=(e=[],n)=>{if(!g.isObject(n))return e.indexOf(n);const a=l.valueKey;let i=-1;return e.some((s,r)=>d.get(s,a)===d.get(n,a)?(i=r,!0):!1),i},m=e=>g.isObject(e)?d.get(e,l.valueKey):e,Le=e=>g.isObject(e)?e.label:e,N=()=>u.nextTick(()=>{var n,a;if(!h.value)return;const e=O.value;y.value.height=e.offsetHeight,o.value&&q.value!==!1&&((a=(n=p.value)==null?void 0:n.updatePopper)==null||a.call(n))}),X=()=>{var e,n;if(qe(),F(),(n=(e=p.value)==null?void 0:e.updatePopper)==null||n.call(e),l.multiple)return N()},qe=()=>{const e=O.value;e&&(t.selectWidth=e.getBoundingClientRect().width)},Y=(e,n,a=!0)=>{var i,s;if(l.multiple){let r=l.modelValue.slice();const C=we(r,m(e));C>-1?(r=[...r.slice(0,C),...r.slice(C+1)],t.cachedOptions.splice(C,1),R(e)):(l.multipleLimit<=0||r.length<l.multipleLimit)&&(r=[...r,m(e)],t.cachedOptions.push(e),Q(e),V(n)),x(r),e.created&&(t.query="",J(""),t.inputLength=20),l.filterable&&!l.reserveKeyword&&((s=(i=h.value).focus)==null||s.call(i),S("")),l.filterable&&(t.calculatedWidth=b.value.getBoundingClientRect().width),N(),Pe()}else ce.value=n,t.selectedLabel=e.label,x(m(e)),o.value=!1,t.isComposing=!1,t.isSilentBlur=a,Q(e),e.created||E(),V(n)},Re=(e,n)=>{const{valueKey:a}=l,i=l.modelValue.indexOf(d.get(n,a));if(i>-1&&!I.value){const s=[...l.modelValue.slice(0,i),...l.modelValue.slice(i+1)];return t.cachedOptions.splice(i,1),x(s),v("remove-tag",d.get(n,a)),t.softFocus=!0,R(n),u.nextTick(j)}e.stopPropagation()},Ee=e=>{const n=t.isComposing;t.isComposing=!0,t.softFocus?t.softFocus=!1:n||v("focus",e)},Z=e=>(t.softFocus=!1,u.nextTick(()=>{var n,a;(a=(n=h.value)==null?void 0:n.blur)==null||a.call(n),b.value&&(t.calculatedWidth=b.value.getBoundingClientRect().width),t.isSilentBlur?t.isSilentBlur=!1:t.isComposing&&v("blur",e),t.isComposing=!1})),Me=()=>{t.displayInputValue.length>0?S(""):o.value=!1},Ne=e=>{if(t.displayInputValue.length===0){e.preventDefault();const n=l.modelValue.slice();n.pop(),R(t.cachedOptions.pop()),x(n)}},Ae=()=>{let e;return g.isArray(l.modelValue)?e=[]:e=void 0,t.softFocus=!0,l.multiple?t.cachedOptions=[]:t.selectedLabel="",o.value=!1,x(e),v("clear"),E(),u.nextTick(j)},S=e=>{t.displayInputValue=e,t.inputValue=e},ee=(e,n=void 0)=>{const a=c.value;if(!["forward","backward"].includes(e)||I.value||a.length<=0||ve.value)return;if(!o.value)return M();n===void 0&&(n=t.hoveringIndex);let i=-1;e==="forward"?(i=n+1,i>=a.length&&(i=0)):e==="backward"&&(i=n-1,(i<0||i>=a.length)&&(i=a.length-1));const s=a[i];if(s.disabled||s.type==="Group")return ee(e,i);V(i),A(i)},He=()=>{if(o.value)~t.hoveringIndex&&c.value[t.hoveringIndex]&&Y(c.value[t.hoveringIndex],t.hoveringIndex,!1);else return M()},V=e=>{t.hoveringIndex=e},te=()=>{t.hoveringIndex=-1},Pe=()=>{var n;const e=h.value;e&&((n=e.focus)==null||n.call(e))},le=e=>{const n=e.target.value;if(S(n),t.displayInputValue.length>0&&!o.value&&(o.value=!0),t.calculatedWidth=b.value.getBoundingClientRect().width,l.multiple&&N(),l.remote)$();else return G()},We=()=>(o.value=!1,Z()),Be=()=>(t.inputValue=t.displayInputValue,u.nextTick(()=>{~z.value&&(V(z.value),A(t.hoveringIndex))})),A=e=>{w.value.scrollToItem(e)},H=()=>{if(te(),l.multiple)if(l.modelValue.length>0){let e=!1;t.cachedOptions.length=0,t.previousValue=l.modelValue.toString(),l.modelValue.forEach(n=>{const a=c.value.findIndex(i=>m(i)===n);~a&&(t.cachedOptions.push(c.value[a]),e||V(a),e=!0)})}else t.cachedOptions=[],t.previousValue=void 0;else if(L.value){t.previousValue=l.modelValue;const e=c.value,n=e.findIndex(a=>m(a)===m(l.modelValue));~n?(t.selectedLabel=e[n].label,V(n)):t.selectedLabel=`${l.modelValue}`}else t.selectedLabel="",t.previousValue=void 0;E(),F()};return u.watch(o,e=>{var n,a;v("visible-change",e),e?(a=(n=p.value).update)==null||a.call(n):(t.displayInputValue="",t.previousQuery=null,U(""))}),u.watch(()=>l.modelValue,(e,n)=>{var a;(!e||e.toString()!==t.previousValue)&&H(),!d.isEqual(e,n)&&l.validateEvent&&((a=f==null?void 0:f.validate)==null||a.call(f,"change").catch(i=>ke.debugWarn(i)))},{deep:!0}),u.watch(()=>l.options,()=>{const e=h.value;(!e||e&&document.activeElement!==e)&&H()},{deep:!0}),u.watch(c,()=>{var e;return u.nextTick((e=w.value)==null?void 0:e.resetScrollTop)}),u.watch(()=>K.value,e=>{e||te()}),u.onMounted(()=>{H()}),De.useResizeObserver(y,X),{collapseTagSize:_,currentPlaceholder:be,expanded:o,emptyText:q,popupHeight:re,debounce:D,filteredOptions:c,iconComponent:B,iconReverse:fe,inputWrapperStyle:Ve,popperSize:W,dropdownMenuVisible:K,hasModelValue:L,shouldShowPlaceholder:pe,selectDisabled:I,selectSize:k,showClearBtn:de,states:t,tagMaxWidth:me,nsSelect:P,nsInput:oe,calculatorRef:b,controlRef:se,inputRef:h,menuRef:w,popper:p,selectRef:y,selectionRef:O,popperRef:Ie,validateState:he,validateIcon:ge,showTagList:xe,collapseTagList:ye,debouncedOnInputChange:$,deleteTag:Re,getLabel:Le,getValueKey:m,handleBlur:Z,handleClear:Ae,handleClickOutside:We,handleDel:Ne,handleEsc:Me,handleFocus:Ee,handleMenuEnter:Be,handleResize:X,toggleMenu:M,scrollTo:A,onInput:le,onKeyboardNavigate:ee,onKeyboardSelect:He,onSelect:Y,onHover:V,onUpdateInputValue:S,handleCompositionStart:Oe,handleCompositionEnd:Ce,handleCompositionUpdate:Se}};exports.default=Ge;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("@vft/utils");require("../form/index.cjs");const ne=require("../../constants/event.cjs"),De=require("@vueuse/core"),ke=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const _e=require("../../utils/vue/data-helper.cjs"),d=require("lodash"),u=require("vue"),ue=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Fe=require("./useAllowCreate.cjs"),ze=require("./useInput.cjs"),Ke=require("./util.cjs"),Ue=require("../form/hooks/use-form-item.cjs"),Qe=require("../form/hooks/use-form-common-props.cjs"),ae="",ie=11,je={larget:51,default:42,small:33},Ge=(l,v)=>{const P=ue.useNamespace("select"),oe=ue.useNamespace("input"),{form:T,formItem:f}=Ue.useFormItem(),t=u.reactive({inputValue:ae,displayInputValue:ae,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),ce=u.ref(-1),W=u.ref(-1),se=u.ref(null),h=u.ref(null),w=u.ref(null),p=u.ref(null),y=u.ref(null),O=u.ref(null),b=u.ref(null),o=u.ref(!1),I=u.computed(()=>l.disabled||(T==null?void 0:T.disabled)),re=u.computed(()=>{const e=c.value.length*34;return e>l.height?l.height:e}),L=u.computed(()=>!d.isNil(l.modelValue)),de=u.computed(()=>{const e=l.multiple?Array.isArray(l.modelValue)&&l.modelValue.length>0:L.value;return l.clearable&&!I.value&&t.comboBoxHovering&&e}),B=u.computed(()=>l.remote&&l.filterable?"":"icon-arrow-up"),fe=u.computed(()=>B.value&&P.is("reverse",o.value)),he=u.computed(()=>(f==null?void 0:f.validateState)||""),ge="validateIcon",D=u.computed(()=>l.remote?300:0),q=u.computed(()=>{const e=c.value;return l.loading?l.loadingText||"加载中":l.remote&&t.inputValue===""&&e.length===0?!1:l.filterable&&t.inputValue&&e.length>0?l.noMatchText||"无匹配数据":e.length===0?l.noDataText||"暂无数据":null}),c=u.computed(()=>{const e=n=>{const a=t.inputValue,i=new RegExp(_e.escapeStringRegexp(a),"i");return a?i.test(n.label||""):!0};return l.loading?[]:Ke.flattenOptions(l.options.concat(t.createdOptions).map(n=>{if(g.isArray(n.options)){const a=n.options.filter(e);if(a.length>0)return{...n,options:a}}else if(l.remote||e(n))return n;return null}).filter(n=>n!==null))}),ve=u.computed(()=>c.value.every(e=>e.disabled)),k=Qe.useFormSize(),_=u.computed(()=>k.value==="small"?"small":"default"),me=u.computed(()=>{const e=O.value,n=_.value||"default",a=e?Number.parseInt(getComputedStyle(e).paddingLeft):0,i=e?Number.parseInt(getComputedStyle(e).paddingRight):0;return t.selectWidth-i-a-je[n]}),F=()=>{var e;W.value=((e=y.value)==null?void 0:e.offsetWidth)||200},Ve=u.computed(()=>({width:`${t.calculatedWidth===0?ie:Math.ceil(t.calculatedWidth)+ie}px`})),pe=u.computed(()=>g.isArray(l.modelValue)?l.modelValue.length===0&&!t.displayInputValue:l.filterable?t.displayInputValue.length===0:!0),be=u.computed(()=>{const e=l.placeholder||"请选择";return l.multiple||d.isNil(l.modelValue)?e:t.selectedLabel}),Ie=u.computed(()=>{var e,n;return(n=(e=p.value)==null?void 0:e.popperRef)==null?void 0:n.contentRef}),z=u.computed(()=>{if(l.multiple){const e=l.modelValue.length;if(l.modelValue.length>0)return c.value.findIndex(n=>n.value===l.modelValue[e-1])}else if(l.modelValue)return c.value.findIndex(e=>e.value===l.modelValue);return-1}),K=u.computed({get(){return o.value&&q.value!==!1},set(e){o.value=e}}),xe=u.computed(()=>t.cachedOptions.slice(0,l.maxCollapseTags)),ye=u.computed(()=>t.cachedOptions.slice(l.maxCollapseTags)),{createNewOption:U,removeNewOption:R,selectNewOption:Q,clearAllNewOption:E}=Fe.useAllowCreate(l,t),{handleCompositionStart:Oe,handleCompositionUpdate:Se,handleCompositionEnd:Ce}=ze.useInput(e=>le(e)),j=()=>{var e,n,a;(n=(e=h.value)==null?void 0:e.focus)==null||n.call(e),(a=p.value)==null||a.updatePopper()},M=()=>{if(!l.automaticDropdown&&!I.value)return t.isComposing&&(t.softFocus=!0),u.nextTick(()=>{var e,n;o.value=!o.value,(n=(e=h.value)==null?void 0:e.focus)==null||n.call(e)})},G=()=>(l.filterable&&t.inputValue!==t.selectedLabel&&(t.query=t.selectedLabel),J(t.inputValue),u.nextTick(()=>{U(t.inputValue)})),$=d.debounce(G,D.value),J=e=>{t.previousQuery!==e&&(t.previousQuery=e,l.filterable&&g.isFunction(l.filterMethod)?l.filterMethod(e):l.filterable&&l.remote&&g.isFunction(l.remoteMethod)&&l.remoteMethod(e))},Te=e=>{d.isEqual(l.modelValue,e)||v(ne.CHANGE_EVENT,e)},x=e=>{v(ne.UPDATE_MODEL_EVENT,e),Te(e),t.previousValue=e==null?void 0:e.toString()},we=(e=[],n)=>{if(!g.isObject(n))return e.indexOf(n);const a=l.valueKey;let i=-1;return e.some((s,r)=>d.get(s,a)===d.get(n,a)?(i=r,!0):!1),i},m=e=>g.isObject(e)?d.get(e,l.valueKey):e,Le=e=>g.isObject(e)?e.label:e,N=()=>u.nextTick(()=>{var n,a;if(!h.value)return;const e=O.value;y.value.height=e.offsetHeight,o.value&&q.value!==!1&&((a=(n=p.value)==null?void 0:n.updatePopper)==null||a.call(n))}),X=()=>{var e,n;if(qe(),F(),(n=(e=p.value)==null?void 0:e.updatePopper)==null||n.call(e),l.multiple)return N()},qe=()=>{const e=O.value;e&&(t.selectWidth=e.getBoundingClientRect().width)},Y=(e,n,a=!0)=>{var i,s;if(l.multiple){let r=l.modelValue.slice();const C=we(r,m(e));C>-1?(r=[...r.slice(0,C),...r.slice(C+1)],t.cachedOptions.splice(C,1),R(e)):(l.multipleLimit<=0||r.length<l.multipleLimit)&&(r=[...r,m(e)],t.cachedOptions.push(e),Q(e),V(n)),x(r),e.created&&(t.query="",J(""),t.inputLength=20),l.filterable&&!l.reserveKeyword&&((s=(i=h.value).focus)==null||s.call(i),S("")),l.filterable&&(t.calculatedWidth=b.value.getBoundingClientRect().width),N(),Pe()}else ce.value=n,t.selectedLabel=e.label,x(m(e)),o.value=!1,t.isComposing=!1,t.isSilentBlur=a,Q(e),e.created||E(),V(n)},Re=(e,n)=>{const{valueKey:a}=l,i=l.modelValue.indexOf(d.get(n,a));if(i>-1&&!I.value){const s=[...l.modelValue.slice(0,i),...l.modelValue.slice(i+1)];return t.cachedOptions.splice(i,1),x(s),v("remove-tag",d.get(n,a)),t.softFocus=!0,R(n),u.nextTick(j)}e.stopPropagation()},Ee=e=>{const n=t.isComposing;t.isComposing=!0,t.softFocus?t.softFocus=!1:n||v("focus",e)},Z=e=>(t.softFocus=!1,u.nextTick(()=>{var n,a;(a=(n=h.value)==null?void 0:n.blur)==null||a.call(n),b.value&&(t.calculatedWidth=b.value.getBoundingClientRect().width),t.isSilentBlur?t.isSilentBlur=!1:t.isComposing&&v("blur",e),t.isComposing=!1})),Me=()=>{t.displayInputValue.length>0?S(""):o.value=!1},Ne=e=>{if(t.displayInputValue.length===0){e.preventDefault();const n=l.modelValue.slice();n.pop(),R(t.cachedOptions.pop()),x(n)}},Ae=()=>{let e;return g.isArray(l.modelValue)?e=[]:e=void 0,t.softFocus=!0,l.multiple?t.cachedOptions=[]:t.selectedLabel="",o.value=!1,x(e),v("clear"),E(),u.nextTick(j)},S=e=>{t.displayInputValue=e,t.inputValue=e},ee=(e,n=void 0)=>{const a=c.value;if(!["forward","backward"].includes(e)||I.value||a.length<=0||ve.value)return;if(!o.value)return M();n===void 0&&(n=t.hoveringIndex);let i=-1;e==="forward"?(i=n+1,i>=a.length&&(i=0)):e==="backward"&&(i=n-1,(i<0||i>=a.length)&&(i=a.length-1));const s=a[i];if(s.disabled||s.type==="Group")return ee(e,i);V(i),A(i)},He=()=>{if(o.value)~t.hoveringIndex&&c.value[t.hoveringIndex]&&Y(c.value[t.hoveringIndex],t.hoveringIndex,!1);else return M()},V=e=>{t.hoveringIndex=e},te=()=>{t.hoveringIndex=-1},Pe=()=>{var n;const e=h.value;e&&((n=e.focus)==null||n.call(e))},le=e=>{const n=e.target.value;if(S(n),t.displayInputValue.length>0&&!o.value&&(o.value=!0),t.calculatedWidth=b.value.getBoundingClientRect().width,l.multiple&&N(),l.remote)$();else return G()},We=()=>(o.value=!1,Z()),Be=()=>(t.inputValue=t.displayInputValue,u.nextTick(()=>{~z.value&&(V(z.value),A(t.hoveringIndex))})),A=e=>{w.value.scrollToItem(e)},H=()=>{if(te(),l.multiple)if(l.modelValue.length>0){let e=!1;t.cachedOptions.length=0,t.previousValue=l.modelValue.toString(),l.modelValue.forEach(n=>{const a=c.value.findIndex(i=>m(i)===n);~a&&(t.cachedOptions.push(c.value[a]),e||V(a),e=!0)})}else t.cachedOptions=[],t.previousValue=void 0;else if(L.value){t.previousValue=l.modelValue;const e=c.value,n=e.findIndex(a=>m(a)===m(l.modelValue));~n?(t.selectedLabel=e[n].label,V(n)):t.selectedLabel=`${l.modelValue}`}else t.selectedLabel="",t.previousValue=void 0;E(),F()};return u.watch(o,e=>{var n,a;v("visible-change",e),e?(a=(n=p.value).update)==null||a.call(n):(t.displayInputValue="",t.previousQuery=null,U(""))}),u.watch(()=>l.modelValue,(e,n)=>{var a;(!e||e.toString()!==t.previousValue)&&H(),!d.isEqual(e,n)&&l.validateEvent&&((a=f==null?void 0:f.validate)==null||a.call(f,"change").catch(i=>ke.debugWarn(i)))},{deep:!0}),u.watch(()=>l.options,()=>{const e=h.value;(!e||e&&document.activeElement!==e)&&H()},{deep:!0}),u.watch(c,()=>{var e;return u.nextTick((e=w.value)==null?void 0:e.resetScrollTop)}),u.watch(()=>K.value,e=>{e||te()}),u.onMounted(()=>{H()}),De.useResizeObserver(y,X),{collapseTagSize:_,currentPlaceholder:be,expanded:o,emptyText:q,popupHeight:re,debounce:D,filteredOptions:c,iconComponent:B,iconReverse:fe,inputWrapperStyle:Ve,popperSize:W,dropdownMenuVisible:K,hasModelValue:L,shouldShowPlaceholder:pe,selectDisabled:I,selectSize:k,showClearBtn:de,states:t,tagMaxWidth:me,nsSelect:P,nsInput:oe,calculatorRef:b,controlRef:se,inputRef:h,menuRef:w,popper:p,selectRef:y,selectionRef:O,popperRef:Ie,validateState:he,validateIcon:ge,showTagList:xe,collapseTagList:ye,debouncedOnInputChange:$,deleteTag:Re,getLabel:Le,getValueKey:m,handleBlur:Z,handleClear:Ae,handleClickOutside:We,handleDel:Ne,handleEsc:Me,handleFocus:Ee,handleMenuEnter:Be,handleResize:X,toggleMenu:M,scrollTo:A,onInput:le,onKeyboardNavigate:ee,onKeyboardSelect:He,onSelect:Y,onHover:V,onUpdateInputValue:S,handleCompositionStart:Oe,handleCompositionEnd:Ce,handleCompositionUpdate:Se}};exports.default=Ge;

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

@@ -106,6 +106,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
             key?: string | number | symbol | undefined;
+            readonly className?: import("../types").ClassType | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly showAfter?: number | undefined;
@@ -114,9 +118,18 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly id?: string | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly onBlur?: Function | undefined;
+            readonly onKeydown?: Function | undefined;
+            readonly onClick?: Function | undefined;
+            readonly onContextmenu?: Function | undefined;
+            readonly onMouseenter?: Function | undefined;
+            readonly onMouseleave?: Function | undefined;
+            readonly visible?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -157,22 +170,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly onFocus?: Function | undefined;
-            readonly onBlur?: Function | undefined;
-            readonly onKeydown?: Function | undefined;
-            readonly onClick?: Function | undefined;
-            readonly onContextmenu?: Function | undefined;
-            readonly onMouseenter?: Function | undefined;
-            readonly onMouseleave?: Function | undefined;
-            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
-            readonly className?: import("../types").ClassType | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly visible?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -191,6 +190,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
@@ -208,11 +208,11 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "open" | "close" | "hide" | "show" | "before-show" | "before-hide", ...args: any[]) => void;
+        $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -272,7 +272,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
             };
             strategy: {
-                type: import("vue").PropType<"absolute" | "fixed">;
+                type: import("vue").PropType<"fixed" | "absolute">;
             };
             style: {
                 type: import("vue").PropType<import("vue").StyleValue>;
@@ -367,7 +367,14 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "hide" | "show" | "before-show" | "before-hide")[], string, {}, {}, string, {}> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            open: (...args: any[]) => void;
+            close: (...args: any[]) => void;
+            hide: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+            "before-show": (...args: any[]) => void;
+            "before-hide": (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -389,7 +396,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -449,7 +456,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         };
         strategy: {
-            type: import("vue").PropType<"absolute" | "fixed">;
+            type: import("vue").PropType<"fixed" | "absolute">;
         };
         style: {
             type: import("vue").PropType<import("vue").StyleValue>;

package/lib/components/side-menu/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../utils/vue/install.cjs");require("vue");const r=require("./side-menu.vue2.cjs"),e=u.withInstall(r.default);exports.VftSideMenu=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const u=require("../../utils/vue/install.cjs");require("lodash");require("vue");const r=require("./side-menu.vue2.cjs"),e=u.withInstall(r.default);exports.VftSideMenu=e;exports.default=e;

package/lib/components/skeleton/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const e=require("../../utils/vue/install.cjs");require("vue");const r=require("./skeleton.vue2.cjs"),t=require("./skeleton-item.vue2.cjs"),u=e.withInstall(r.default,{SkeletonItem:t.default}),l=e.withNoopInstall(t.default);exports.VftSkeleton=u;exports.VftSkeletonItem=l;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash");require("vue");const r=require("./skeleton.vue2.cjs"),t=require("./skeleton-item.vue2.cjs"),u=e.withInstall(r.default,{SkeletonItem:t.default}),l=e.withNoopInstall(t.default);exports.VftSkeleton=u;exports.VftSkeletonItem=l;exports.default=u;

package/lib/components/skeleton/skeleton.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const i=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const d=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const s=require("./skeleton-item.vue2.cjs"),t=i.useNamespace("skeleton"),c=e.defineComponent({name:"vft-skeleton"}),m=e.defineComponent({...c,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(n,{expose:u}){const o=d.useThrottleRender(e.computed(()=>n.loading),n.throttle);return u({uiLoading:o}),(r,p)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(t).b(),e.unref(t).is("animated",r.animated)]},r.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.count,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[r.loading?e.renderSlot(r.$slots,"template",{key:l},()=>[e.createVNode(s.default,{class:e.normalizeClass(e.unref(t).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,a=>(e.openBlock(),e.createBlock(s.default,{key:a,class:e.normalizeClass([e.unref(t).e("paragraph"),e.unref(t).is("last",a===r.rows&&r.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(r.$slots,"default",e.normalizeProps(e.mergeProps({key:1},r.$attrs)))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const i=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const d=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const s=require("./skeleton-item.vue2.cjs"),t=i.useNamespace("skeleton"),c=e.defineComponent({name:t.b()}),m=e.defineComponent({...c,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(n,{expose:u}){const o=d.useThrottleRender(e.computed(()=>n.loading),n.throttle);return u({uiLoading:o}),(r,p)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(t).b(),e.unref(t).is("animated",r.animated)]},r.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.count,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[r.loading?e.renderSlot(r.$slots,"template",{key:l},()=>[e.createVNode(s.default,{class:e.normalizeClass(e.unref(t).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,a=>(e.openBlock(),e.createBlock(s.default,{key:a,class:e.normalizeClass([e.unref(t).e("paragraph"),e.unref(t).is("last",a===r.rows&&r.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(r.$slots,"default",e.normalizeProps(e.mergeProps({key:1},r.$attrs)))}});exports.default=m;

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

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     hovering: import("vue").Ref<boolean>;
     dragging: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => boolean;
+    "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<number>;

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

@@ -16,6 +16,7 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             class?: unknown;
             readonly modelValue?: number | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
+            readonly vertical?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -56,7 +57,6 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly vertical?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
             readonly tooltipClass?: string | undefined;
         };
@@ -95,7 +95,7 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             hovering: Ref<boolean>;
             dragging: Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: number) => boolean;
+            "update:modelValue": (value: number) => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -148,6 +148,7 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             class?: unknown;
             readonly modelValue?: number | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
+            readonly vertical?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -188,7 +189,6 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly vertical?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
             readonly tooltipClass?: string | undefined;
         };
@@ -227,7 +227,7 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
             hovering: Ref<boolean>;
             dragging: Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: number) => boolean;
+            "update:modelValue": (value: number) => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;

package/lib/components/slider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../utils/vue/install.cjs");require("vue");const t=require("./slider.vue2.cjs"),i=require("./constants.cjs"),s=require("./slider.cjs"),e=r.withInstall(t.default);exports.sliderContextKey=i.sliderContextKey;exports.sliderEmits=s.sliderEmits;exports.VftSlider=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash");require("vue");const t=require("./slider.vue2.cjs"),i=require("./constants.cjs"),s=require("./slider.cjs"),e=r.withInstall(t.default);exports.sliderContextKey=i.sliderContextKey;exports.sliderEmits=s.sliderEmits;exports.VftSlider=e;exports.default=e;

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

@@ -80,9 +80,9 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
 }, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("vft/es/utils").Arrayable<number>) => boolean;
-    input: (value: import("vft/es/utils").Arrayable<number>) => boolean;
-    change: (value: import("vft/es/utils").Arrayable<number>) => boolean;
+    "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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<number | number[]>;

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

@@ -110,9 +110,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("../../utils").Arrayable<number>) => boolean;
-    input: (value: import("../../utils").Arrayable<number>) => boolean;
-    change: (value: import("../../utils").Arrayable<number>) => boolean;
+    "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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<number | number[]>;

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

package/lib/components/space/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../utils/vue/install.cjs");require("vue");const e=require("./space.cjs");require("./item.cjs");const s=require("./use-space.cjs"),r=u.withInstall(e.default);exports.spaceProps=e.spaceProps;exports.useSpace=s.useSpace;exports.VftSpace=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const u=require("../../utils/vue/install.cjs");require("lodash");require("vue");const e=require("./space.cjs");require("./item.cjs");const s=require("./use-space.cjs"),r=u.withInstall(e.default);exports.spaceProps=e.spaceProps;exports.useSpace=s.useSpace;exports.VftSpace=r;exports.default=r;

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

@@ -1,5 +1,5 @@
 export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", 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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
@@ -25,7 +25,7 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     [name: string]: unknown;
     $stable?: boolean | undefined;
 } | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", 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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
@@ -49,7 +49,7 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     readonly fill: boolean;
     readonly style: import("vue").StyleValue;
     readonly spacer: import("vue").VNodeChild;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", 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 wrap: boolean;
     readonly alignment: string;

package/lib/components/space/item.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const i=require("../../utils/vue/props/runtime.cjs"),e=require("vue"),n=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=i.buildProps({prefixCls:{type:String}}),c=e.defineComponent({name:"ElSpaceItem",props:o,setup(r,{slots:t}){const s=n.useNamespace("space"),u=e.computed(()=>`${r.prefixCls||s.b()}__item`);return()=>e.h("div",{class:u.value},e.renderSlot(t,"default"))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const i=require("../../utils/vue/props/runtime.cjs"),e=require("vue");require("lodash");const n=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=i.buildProps({prefixCls:{type:String}}),c=e.defineComponent({name:"ElSpaceItem",props:o,setup(r,{slots:t}){const s=n.useNamespace("space"),u=e.computed(()=>`${r.prefixCls||s.b()}__item`);return()=>e.h("div",{class:u.value},e.renderSlot(t,"default"))}});exports.default=c;

package/lib/components/space/space.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@vft/utils"),b=require("../../constants/size.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const d=require("../../utils/vue/props/runtime.cjs"),r=require("../../utils/vue/vnode.cjs"),i=require("vue"),g=require("./item.cjs"),v=require("./use-space.cjs"),h=d.buildProps({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},class:{type:d.definePropType([String,Object,Array]),default:""},style:{type:d.definePropType([String,Array,Object]),default:""},alignment:{type:String,default:"center"},prefixCls:{type:String},spacer:{type:d.definePropType([Object,String,Number,Array]),default:null,validator:e=>i.isVNode(e)||l.isNumber(e)||l.isString(e)},wrap:Boolean,fill:Boolean,fillRatio:{type:Number,default:100},size:{type:[String,Array,Number],values:b.componentSizes,validator:e=>l.isNumber(e)||l.isArray(e)&&e.length===2&&e.every(l.isNumber)}}),T=i.defineComponent({name:"VftSpace",props:h,setup(e,{slots:P}){const{classes:m,containerStyle:N,itemStyle:f}=v.useSpace(e);function y(n,c="",t=[]){const{prefixCls:s}=e;return n.forEach((a,p)=>{r.isFragment(a)?l.isArray(a.children)&&a.children.forEach((u,o)=>{r.isFragment(u)&&l.isArray(u.children)?y(u.children,`${c+o}-`,t):t.push(i.createVNode(g.default,{style:f.value,prefixCls:s,key:`nested-${c+o}`},{default:()=>[u]},r.PatchFlags.PROPS|r.PatchFlags.STYLE,["style","prefixCls"]))}):r.isValidElementNode(a)&&t.push(i.createVNode(g.default,{style:f.value,prefixCls:s,key:`LoopKey${c+p}`},{default:()=>[a]},r.PatchFlags.PROPS|r.PatchFlags.STYLE,["style","prefixCls"]))}),t}return()=>{const{spacer:n,direction:c}=e,t=i.renderSlot(P,"default",{key:0},()=>[]);if((t.children??[]).length===0)return null;if(l.isArray(t.children)){let s=y(t.children);if(n){const a=s.length-1;s=s.reduce((p,u,o)=>{const S=[...p,u];return o!==a&&S.push(i.createVNode("span",{style:[f.value,c==="vertical"?"width: 100%":null],key:o},[i.isVNode(n)?n:i.createTextVNode(n,r.PatchFlags.TEXT)],r.PatchFlags.STYLE)),S},[])}return i.createVNode("div",{class:m.value,style:N.value},s,r.PatchFlags.STYLE|r.PatchFlags.CLASS)}return t.children}}});exports.default=T;exports.spaceProps=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@vft/utils"),b=require("../../constants/size.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const d=require("../../utils/vue/props/runtime.cjs"),r=require("../../utils/vue/vnode.cjs"),i=require("vue"),g=require("./item.cjs"),v=require("./use-space.cjs"),h=d.buildProps({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},class:{type:d.definePropType([String,Object,Array]),default:""},style:{type:d.definePropType([String,Array,Object]),default:""},alignment:{type:String,default:"center"},prefixCls:{type:String},spacer:{type:d.definePropType([Object,String,Number,Array]),default:null,validator:e=>i.isVNode(e)||l.isNumber(e)||l.isString(e)},wrap:Boolean,fill:Boolean,fillRatio:{type:Number,default:100},size:{type:[String,Array,Number],values:b.componentSizes,validator:e=>l.isNumber(e)||l.isArray(e)&&e.length===2&&e.every(l.isNumber)}}),T=i.defineComponent({name:"VftSpace",props:h,setup(e,{slots:P}){const{classes:m,containerStyle:N,itemStyle:f}=v.useSpace(e);function y(n,c="",t=[]){const{prefixCls:s}=e;return n.forEach((a,p)=>{r.isFragment(a)?l.isArray(a.children)&&a.children.forEach((u,o)=>{r.isFragment(u)&&l.isArray(u.children)?y(u.children,`${c+o}-`,t):t.push(i.createVNode(g.default,{style:f.value,prefixCls:s,key:`nested-${c+o}`},{default:()=>[u]},r.PatchFlags.PROPS|r.PatchFlags.STYLE,["style","prefixCls"]))}):r.isValidElementNode(a)&&t.push(i.createVNode(g.default,{style:f.value,prefixCls:s,key:`LoopKey${c+p}`},{default:()=>[a]},r.PatchFlags.PROPS|r.PatchFlags.STYLE,["style","prefixCls"]))}),t}return()=>{const{spacer:n,direction:c}=e,t=i.renderSlot(P,"default",{key:0},()=>[]);if((t.children??[]).length===0)return null;if(l.isArray(t.children)){let s=y(t.children);if(n){const a=s.length-1;s=s.reduce((p,u,o)=>{const S=[...p,u];return o!==a&&S.push(i.createVNode("span",{style:[f.value,c==="vertical"?"width: 100%":null],key:o},[i.isVNode(n)?n:i.createTextVNode(n,r.PatchFlags.TEXT)],r.PatchFlags.STYLE)),S},[])}return i.createVNode("div",{class:m.value,style:N.value},s,r.PatchFlags.STYLE|r.PatchFlags.CLASS)}return t.children}}});exports.default=T;exports.spaceProps=h;

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

@@ -1,7 +1,7 @@
 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 direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", 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 | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
@@ -24,7 +24,7 @@ export declare const spaceProps: {
 };
 export type SpaceProps = ExtractPropTypes<typeof spaceProps>;
 declare const Space: import("vue").DefineComponent<{
-    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", 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 | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
@@ -50,7 +50,7 @@ declare const Space: import("vue").DefineComponent<{
     [name: string]: unknown;
     $stable?: boolean | undefined;
 } | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", 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 | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
     readonly alignment: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "center", boolean>;
@@ -74,7 +74,7 @@ declare const Space: import("vue").DefineComponent<{
     readonly fill: boolean;
     readonly style: StyleValue;
     readonly spacer: VNodeChild;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", 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 wrap: boolean;
     readonly alignment: string;

package/lib/components/super-form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../utils/vue/install.cjs");require("vue");const i=require("./super-form.vue2.cjs"),e=require("./component-map.cjs"),r=require("./use/use-form.cjs"),t=u.withInstall(i.default);exports.FormCompEnum=e.FormCompEnum;exports.add=e.add;exports.componentMap=e.componentMap;exports.del=e.del;exports.isDatePicker=e.isDatePicker;exports.isInput=e.isInput;exports.isRangePicker=e.isRangePicker;exports.getDynamicProps=r.getDynamicProps;exports.useForm=r.useForm;exports.VftSuperForm=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const u=require("../../utils/vue/install.cjs");require("lodash");require("vue");const i=require("./super-form.vue2.cjs"),e=require("./component-map.cjs"),r=require("./use/use-form.cjs"),t=u.withInstall(i.default);exports.FormCompEnum=e.FormCompEnum;exports.add=e.add;exports.componentMap=e.componentMap;exports.del=e.del;exports.isDatePicker=e.isDatePicker;exports.isInput=e.isInput;exports.isRangePicker=e.isRangePicker;exports.getDynamicProps=r.getDynamicProps;exports.useForm=r.useForm;exports.VftSuperForm=t;exports.default=t;