vft 0.0.70 → 0.0.71

package/lib/components/select-v2/group-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const u=e.defineComponent({props:{item:{type:Object,required:!0},style:Object,height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:Object,height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;

package/lib/components/select-v2/option-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),o=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=require("./useOption.cjs"),c=require("./defaults.cjs"),q=s.defineComponent({props:c.OptionProps,emits:["select","hover"],setup(e,{emit:r}){const t=o.useNamespace("select"),{hoverItem:u,selectOptionClick:i}=n.useOption(e,{emit:r});return{ns:t,hoverItem:u,selectOptionClick:i}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),o=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const n=require("./useOption.cjs"),c=require("./defaults.cjs"),l=i.defineComponent({props:c.OptionProps,emits:["select","hover"],setup(e,{emit:r}){const t=o.useNamespace("select"),{hoverItem:s,selectOptionClick:u}=n.useOption(e,{emit:r});return{ns:t,hoverItem:s,selectOptionClick:u}}});exports.default=l;

package/lib/components/select-v2/select-dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("lodash"),g=require("@vft/utils"),C=require("../virtual-list/components/fixed-size-list.cjs"),B=require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");const F=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const G=require("../../constants/aria.cjs"),R=require("./group-item.vue.cjs"),U=require("./option-item.vue.cjs"),$=require("./token.cjs"),J=r.defineComponent({name:"VftSelectDropdown",props:{data:{type:Array,required:!0},hoveringIndex:Number,width:Number},setup(h,{slots:a,expose:z}){const n=r.inject($.selectV2InjectionKey),p=F.useNamespace("select"),V=r.ref([]),m=r.ref(),O=r.computed(()=>h.data.length);r.watch(()=>O.value,()=>{var e,t;(t=(e=n.popper.value).updatePopper)==null||t.call(e)});const f=r.computed(()=>g.isUndefined(n.props.estimatedOptionHeight)),v=r.computed(()=>f.value?{itemSize:n.props.itemHeight}:{estimatedSize:n.props.estimatedOptionHeight,itemSize:e=>V.value[e]}),T=(e=[],t)=>{const{props:{valueKey:o}}=n;return g.isObject(t)?e&&e.some(s=>u.get(s,o)===u.get(t,o)):e.includes(t)},H=(e,t)=>{if(g.isObject(t)){const{valueKey:o}=n.props;return u.get(e,o)===u.get(t,o)}else return e===t},q=(e,t)=>{const{valueKey:o}=n.props;return n.props.multiple?T(e,u.get(t,o)):H(e,u.get(t,o))},S=(e,t)=>{const{disabled:o,multiple:s,multipleLimit:i}=n.props;return o||!t&&(s?i>0&&e.length>=i:!1)},w=e=>h.hoveringIndex===e;z({listRef:m,isSized:f,isItemDisabled:S,isItemHovering:w,isItemSelected:q,scrollToItem:e=>{const t=m.value;t&&t.scrollToItem(e)},resetScrollTop:()=>{const e=m.value;e&&e.resetScrollTop()}});const K=e=>{const{index:t,data:o,style:s}=e,i=r.unref(f),{itemSize:d,estimatedSize:l}=r.unref(v),{modelValue:b}=n.props,{onSelect:P,onHover:L}=n,c=o[t];if(c.type==="Group")return r.createVNode(R.default,{item:c,style:s,height:i?d:l},null);const N=q(b,c),A=S(b,N),M=w(t);return r.createVNode(U.default,r.mergeProps(e,{selected:N,disabled:c.disabled||A,created:!!c.created,hovering:M,item:c,onSelect:P,onHover:L}),{default:_=>{var I;return((I=a.default)==null?void 0:I.call(a,_))||r.createVNode("span",null,[c.label])}})},{onKeyboardNavigate:y,onKeyboardSelect:k}=n,x=()=>{y("forward")},j=()=>{y("backward")},D=()=>{n.expanded=!1},E=e=>{const{code:t}=e,{tab:o,esc:s,down:i,up:d,enter:l}=G.EVENT_CODE;switch(t!==o&&(e.preventDefault(),e.stopPropagation()),t){case o:case s:{D();break}case i:{x();break}case d:{j();break}case l:{k();break}}};return()=>{var l;const{data:e,width:t}=h,{height:o,multiple:s,scrollbarAlwaysOn:i}=n.props;if(e.length===0)return r.createVNode("div",{class:p.b("dropdown"),style:{width:`${t}px`}},[(l=a.empty)==null?void 0:l.call(a)]);const d=r.unref(f)?C.default:B.default;return r.createVNode("div",{class:[p.b("dropdown"),p.is("multiple",s)]},[r.createVNode(d,r.mergeProps({ref:m},r.unref(v),{className:p.be("dropdown","list"),scrollbarAlwaysOn:i,data:e,height:o,width:t,total:e.length,onKeydown:E}),{default:b=>r.createVNode(K,b,null)})])}}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("lodash"),g=require("@vft/utils"),C=require("../virtual-list/components/fixed-size-list.cjs"),B=require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");const F=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const G=require("../../constants/aria.cjs"),R=require("./group-item.vue.cjs"),U=require("./option-item.vue.cjs"),$=require("./token.cjs"),J=r.defineComponent({name:"VftSelectDropdown",props:{data:{type:Array,required:!0},hoveringIndex:Number,width:Number},setup(h,{slots:a,expose:z}){const n=r.inject($.selectV2InjectionKey),p=F.useNamespace("select"),V=r.ref([]),m=r.ref(),O=r.computed(()=>h.data.length);r.watch(()=>O.value,()=>{var e,t;(t=(e=n.popper.value).updatePopper)==null||t.call(e)});const f=r.computed(()=>g.isUndefined(n.props.estimatedOptionHeight)),v=r.computed(()=>f.value?{itemSize:n.props.itemHeight}:{estimatedSize:n.props.estimatedOptionHeight,itemSize:e=>V.value[e]}),T=(e=[],t)=>{const{props:{valueKey:o}}=n;return g.isObject(t)?e&&e.some(s=>u.get(s,o)===u.get(t,o)):e.includes(t)},H=(e,t)=>{if(g.isObject(t)){const{valueKey:o}=n.props;return u.get(e,o)===u.get(t,o)}else return e===t},S=(e,t)=>{const{valueKey:o}=n.props;return n.props.multiple?T(e,u.get(t,o)):H(e,u.get(t,o))},q=(e,t)=>{const{disabled:o,multiple:s,multipleLimit:i}=n.props;return o||!t&&(s?i>0&&e.length>=i:!1)},w=e=>h.hoveringIndex===e;z({listRef:m,isSized:f,isItemDisabled:q,isItemHovering:w,isItemSelected:S,scrollToItem:e=>{const t=m.value;t&&t.scrollToItem(e)},resetScrollTop:()=>{const e=m.value;e&&e.resetScrollTop()}});const K=e=>{const{index:t,data:o,style:s}=e,i=r.unref(f),{itemSize:d,estimatedSize:l}=r.unref(v),{modelValue:b}=n.props,{onSelect:P,onHover:L}=n,c=o[t];if(c.type==="Group")return r.createVNode(R.default,{item:c,style:s,height:i?d:l},null);const N=S(b,c),A=q(b,N),M=w(t);return r.createVNode(U.default,r.mergeProps(e,{selected:N,disabled:c.disabled||A,created:!!c.created,hovering:M,item:c,onSelect:P,onHover:L}),{default:_=>{var I;return((I=a.default)==null?void 0:I.call(a,_))||r.createVNode("span",null,[c.label])}})},{onKeyboardNavigate:y,onKeyboardSelect:k}=n,x=()=>{y("forward")},j=()=>{y("backward")},D=()=>{n.expanded=!1},E=e=>{const{code:t}=e,{tab:o,esc:s,down:i,up:d,enter:l}=G.EVENT_CODE;switch(t!==o&&(e.preventDefault(),e.stopPropagation()),t){case o:case s:{D();break}case i:{x();break}case d:{j();break}case l:{k();break}}};return()=>{var l;const{data:e,width:t}=h,{height:o,multiple:s,scrollbarAlwaysOn:i}=n.props;if(e.length===0)return r.createVNode("div",{class:p.b("dropdown"),style:{width:`${t}px`}},[(l=a.empty)==null?void 0:l.call(a)]);const d=r.unref(f)?C.default:B.default;return r.createVNode("div",{class:[p.b("dropdown"),p.is("multiple",s)]},[r.createVNode(d,r.mergeProps({ref:m},r.unref(v),{className:p.be("dropdown","list"),scrollbarAlwaysOn:i,data:e,height:o,width:t,total:e.length,onKeydown:E}),{default:b=>r.createVNode(K,b,null)})])}}});exports.default=J;

package/lib/components/select-v2/useInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@vue/shared"),r=require("@vft/utils");function u(o){const t=i.ref(!1);return{handleCompositionStart:()=>{t.value=!0},handleCompositionUpdate:e=>{const n=e.target.value,s=n[n.length-1]||"";t.value=!r.isKorean(s)},handleCompositionEnd:e=>{t.value&&(t.value=!1,a.isFunction(o)&&o(e))}}}exports.useInput=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i=require("@vft/utils");function u(o){const t=a.ref(!1);return{handleCompositionStart:()=>{t.value=!0},handleCompositionUpdate:e=>{const n=e.target.value,s=n[n.length-1]||"";t.value=!i.isKorean(s)},handleCompositionEnd:e=>{t.value&&(t.value=!1,i.isFunction(o)&&o(e))}}}exports.useInput=u;

package/lib/components/select-v2/useSelect.cjs

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

package/lib/components/select-v2/util.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vue/shared"),u=s=>{const e=[];return s.forEach(t=>{l.isArray(t.options)?(e.push({label:t.label,isTitle:!0,type:"Group"}),t.options.forEach(r=>{e.push(r)}),e.push({type:"Group"})):e.push(t)}),e};exports.flattenOptions=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),u=s=>{const e=[];return s.forEach(t=>{l.isArray(t.options)?(e.push({label:t.label,isTitle:!0,type:"Group"}),t.options.forEach(r=>{e.push(r)}),e.push({type:"Group"})):e.push(t)}),e};exports.flattenOptions=u;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../divider/index.cjs");const L=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const p=require("../menu/index.cjs"),h=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");const N=require("@vft/router");require("@vft/store");const P=require("@vft/use"),j=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const Y=require("./use-drag-line.cjs"),a=z.useNamespace("side-menu"),F=t.defineComponent({name:a.b()}),G=t.defineComponent({...F,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,sideWidth:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,dragWidth:{type:Boolean,default:!1},useMenuSelect:{type:Boolean,default:!0},openListenRoute:{type:Boolean,default:!1},openDisabled:{type:Boolean},defaultOpeneds:null},emits:["update:collapse","update:sideWidth","dragEnd","select","dragWidthEnd"],setup(r,{expose:B,emit:g}){const f=t.useSlots(),x=t.ref(),i=t.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));N.listenerRouteChange(e=>{var u;!e||(u=e.meta)!=null&&u.hideSide&&!r.openListenRoute||(x.value=e.path)});const y=(e,u)=>{const n=e[i.value.path],d=e[i.value.title],o=e==null?void 0:e[i.value.children],s=e==null?void 0:e[i.value.index],c=e==null?void 0:e[i.value.icon],q=!(e!=null&&e[i.value.disabled]);return o!=null&&o.length?t.h(p.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:d,icon:c,popperClass:a.e("popper")},{default:()=>o==null?void 0:o.map((l,w)=>{var S;const b=l[i.value.path],M=l[i.value.index],H=l[i.value.icon],$=l[i.value.title],E=l[i.value.disabled];return(S=l==null?void 0:l[i.value.children])!=null&&S.length?y(l,w):t.h(p.VftMenuItem,{key:M||b,index:M||b,route:b,icon:H,title:$,disabled:r.openDisabled&&E})})}):t.h(p.VftMenuItem,{key:s||n,index:s||n,title:d,route:n,icon:c,disabled:r.openDisabled&&q},f.menuItem?()=>{var l;return(l=f.menuItem)==null?void 0:l.call(f,{item:e,index:u})}:"")},m=t.computed(()=>{var e,u;return t.h(p.VftMenu,{onSelect:r.useMenuSelect?R:()=>{},defaultActive:r.defaultActive||x.value,defaultOpeneds:r.defaultOpeneds,class:[a.e("con"),(e=r.dragOption)!=null&&e.dragClassName?a.e((u=r.dragOption)==null?void 0:u.dragClassName):""],style:{height:`calc(100% - ${r.menuTopBottomHeight}px)`},uniqueOpened:r.uniqueOpened,collapse:r.collapse,"collapse-transition":!1},()=>r.menus.map((n,d)=>y(n,d)))}),{go:O}=N.useRouterHelper(),V=j.useRouter();async function R(e){var o,s,c;const u=e.route;let n=e.route;e.indexPath.some(q=>h.isUrl(q))&&(n=e.indexPath.slice(-2).join("/"));const d=(c=(s=(o=V.getRoutes().filter(q=>q.path===n))==null?void 0:o[0])==null?void 0:s.meta)==null?void 0:c.linkTarget;O(d?{url:u,winOpenOpt:{target:d}}:u),g("select",e)}const C=t.ref(),T=t.computed(()=>({width:h.addUnit(r.sideWidth),height:`calc(100% - ${r.extraHeight}px)`})),k=t.computed(()=>[a.b(),a.m("fixed")]);t.onMounted(()=>{t.nextTick(()=>{var e,u,n;if((e=r.dragOption)!=null&&e.dragClassName){const d=(n=document.querySelectorAll("."+a.e((u=r.dragOption)==null?void 0:u.dragClassName)))==null?void 0:n[0],{initSortable:o}=P.useSortable(d,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:c,newIndex:q}=s;h.isNullOrUndefined(c)||h.isNullOrUndefined(q)||c===q||g("dragEnd",c,q)},...r.dragOption});o()}})});const v=t.ref(),W=t.ref(),D=t.computed(()=>({left:h.addUnit(r.sideWidth)}));function A(){r.collapse?g("update:sideWidth",C.value):(C.value=r.sideWidth,g("update:sideWidth",r.collapseWidth)),g("update:collapse",!r.collapse)}const U=t.getCurrentInstance();return r.dragWidth&&Y.useDragLine(v,W,t.computed(()=>h.removeUnit(r.collapseWidth)),U,t.computed(()=>r.collapse)),B({sideRef:v}),()=>t.createVNode("div",{ref:v,class:k.value,style:T.value},[f.top?t.createVNode("div",{class:a.e("top")},[f.top()]):null,m.value,f.bottom?t.createVNode("div",{class:a.e("bottom")},[f.bottom()]):r.showCollapse?t.createVNode("div",{onClick:A,class:[a.e("bottom"),a.e("collapse")]},[t.createVNode(L.VftIcon,{style:{transform:r.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null,r.dragWidth?t.createVNode("div",{ref:W,style:D.value,class:a.e("drag-bar")},null):null])}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../divider/index.cjs");const L=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const p=require("../menu/index.cjs"),h=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const N=require("@vft/router"),j=require("@vft/use"),z=require("vue-router"),Y=require("./use-drag-line.cjs"),a=P.useNamespace("side-menu"),F=t.defineComponent({name:a.b()}),G=t.defineComponent({...F,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,sideWidth:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,dragWidth:{type:Boolean,default:!1},useMenuSelect:{type:Boolean,default:!0},openListenRoute:{type:Boolean,default:!1},openDisabled:{type:Boolean},defaultOpeneds:null},emits:["update:collapse","update:sideWidth","dragEnd","select","dragWidthEnd"],setup(r,{expose:B,emit:g}){const f=t.useSlots(),x=t.ref(),i=t.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));N.listenerRouteChange(e=>{var u;!e||(u=e.meta)!=null&&u.hideSide&&!r.openListenRoute||(x.value=e.path)});const y=(e,u)=>{const n=e[i.value.path],d=e[i.value.title],o=e==null?void 0:e[i.value.children],s=e==null?void 0:e[i.value.index],c=e==null?void 0:e[i.value.icon],q=!(e!=null&&e[i.value.disabled]);return o!=null&&o.length?t.h(p.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:d,icon:c,popperClass:a.e("popper")},{default:()=>o==null?void 0:o.map((l,w)=>{var S;const b=l[i.value.path],M=l[i.value.index],H=l[i.value.icon],$=l[i.value.title],E=l[i.value.disabled];return(S=l==null?void 0:l[i.value.children])!=null&&S.length?y(l,w):t.h(p.VftMenuItem,{key:M||b,index:M||b,route:b,icon:H,title:$,disabled:r.openDisabled&&E})})}):t.h(p.VftMenuItem,{key:s||n,index:s||n,title:d,route:n,icon:c,disabled:r.openDisabled&&q},f.menuItem?()=>{var l;return(l=f.menuItem)==null?void 0:l.call(f,{item:e,index:u})}:"")},m=t.computed(()=>{var e,u;return t.h(p.VftMenu,{onSelect:r.useMenuSelect?R:()=>{},defaultActive:r.defaultActive||x.value,defaultOpeneds:r.defaultOpeneds,class:[a.e("con"),(e=r.dragOption)!=null&&e.dragClassName?a.e((u=r.dragOption)==null?void 0:u.dragClassName):""],style:{height:`calc(100% - ${r.menuTopBottomHeight}px)`},uniqueOpened:r.uniqueOpened,collapse:r.collapse,"collapse-transition":!1},()=>r.menus.map((n,d)=>y(n,d)))}),{go:O}=N.useRouterHelper(),V=z.useRouter();async function R(e){var o,s,c;const u=e.route;let n=e.route;e.indexPath.some(q=>h.isUrl(q))&&(n=e.indexPath.slice(-2).join("/"));const d=(c=(s=(o=V.getRoutes().filter(q=>q.path===n))==null?void 0:o[0])==null?void 0:s.meta)==null?void 0:c.linkTarget;O(d?{url:u,winOpenOpt:{target:d}}:u),g("select",e)}const C=t.ref(),T=t.computed(()=>({width:h.addUnit(r.sideWidth),height:`calc(100% - ${r.extraHeight}px)`})),k=t.computed(()=>[a.b(),a.m("fixed")]);t.onMounted(()=>{t.nextTick(()=>{var e,u,n;if((e=r.dragOption)!=null&&e.dragClassName){const d=(n=document.querySelectorAll("."+a.e((u=r.dragOption)==null?void 0:u.dragClassName)))==null?void 0:n[0],{initSortable:o}=j.useSortable(d,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:c,newIndex:q}=s;h.isNullOrUndefined(c)||h.isNullOrUndefined(q)||c===q||g("dragEnd",c,q)},...r.dragOption});o()}})});const v=t.ref(),W=t.ref(),D=t.computed(()=>({left:h.addUnit(r.sideWidth)}));function A(){r.collapse?g("update:sideWidth",C.value):(C.value=r.sideWidth,g("update:sideWidth",r.collapseWidth)),g("update:collapse",!r.collapse)}const U=t.getCurrentInstance();return r.dragWidth&&Y.useDragLine(v,W,t.computed(()=>h.removeUnit(r.collapseWidth)),U,t.computed(()=>r.collapse)),B({sideRef:v}),()=>t.createVNode("div",{ref:v,class:k.value,style:T.value},[f.top?t.createVNode("div",{class:a.e("top")},[f.top()]):null,m.value,f.bottom?t.createVNode("div",{class:a.e("bottom")},[f.bottom()]):r.showCollapse?t.createVNode("div",{onClick:A,class:[a.e("bottom"),a.e("collapse")]},[t.createVNode(L.VftIcon,{style:{transform:r.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null,r.dragWidth?t.createVNode("div",{ref:W,style:D.value,class:a.e("drag-bar")},null):null])}});exports.default=G;

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

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

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("@vft/utils"),P=require("@vue/shared"),E=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const C=require("../icon/index.cjs");require("../form/index.cjs");const i=require("../../constants/event.cjs"),U=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");const I=require("../form/hooks/use-form-item.cjs"),w=require("../form/hooks/use-form-common-props.cjs"),K=["onClick"],j=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex","onKeydown"],G=["aria-hidden"],H=["aria-hidden"],L=["aria-hidden"],o=U.useNamespace("switch"),W=e.defineComponent({name:o.b()}),$=e.defineComponent({...W,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:null,inlinePrompt:{type:Boolean,default:!1},activeIcon:null,inactiveIcon:null,activeText:null,inactiveText:null,activeColor:null,inactiveColor:null,borderColor:null,activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:null,validateEvent:{type:Boolean,default:!0},id:null,loading:{type:Boolean,default:!1},beforeChange:{type:Function},size:null,tabindex:null},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(t,{expose:z,emit:c}){const n=t,{formItem:u}=I.useFormItem(),q=w.useFormSize(),{inputId:S}=I.useFormItemInputId(n,{formItemContext:u}),s=e.computed(()=>V.singleAttrToObj(n.activeIcon,"icon")),f=e.computed(()=>V.singleAttrToObj(n.inactiveIcon,"icon")),h=w.useFormDisabled(e.computed(()=>n.loading)),b=e.ref(n.modelValue!==!1),m=e.ref(),D=e.ref(),A=e.computed(()=>[o.b(),o.m(q.value),o.is("disabled",h.value),o.is("checked",a.value)]),O=e.computed(()=>({width:V.addUnit(n.width)}));e.watch(()=>n.modelValue,()=>{b.value=!0}),e.watch(()=>n.value,()=>{b.value=!1});const y=e.computed(()=>b.value?n.modelValue:n.value),a=e.computed(()=>y.value===n.activeValue);[n.activeValue,n.inactiveValue].includes(y.value)||(c(i.UPDATE_MODEL_EVENT,n.inactiveValue),c(i.CHANGE_EVENT,n.inactiveValue),c(i.INPUT_EVENT,n.inactiveValue)),e.watch(a,l=>{var r;m.value.checked=l,n.validateEvent&&((r=u==null?void 0:u.validate)==null||r.call(u,"change").catch(v=>E.debugWarn(v)))});const k=()=>{const l=a.value?n.inactiveValue:n.activeValue;c(i.UPDATE_MODEL_EVENT,l),c(i.CHANGE_EVENT,l),c(i.INPUT_EVENT,l),e.nextTick(()=>{m.value.checked=a.value})},B=()=>{if(h.value)return;const{beforeChange:l}=n;if(!l){k();return}const r=l();[P.isPromise(r),V.isBoolean(r)].includes(!0)||E.throwError(o.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),P.isPromise(r)?r.then(d=>{d&&k()}).catch(d=>{E.debugWarn(o.b(),`some error occurred: ${d}`)}):r&&k()},F=e.computed(()=>o.cssVarBlock({...n.activeColor?{"on-color":n.activeColor}:null,...n.inactiveColor?{"off-color":n.inactiveColor}:null,...n.borderColor?{"border-color":n.borderColor}:null})),M=()=>{var l,r;(r=(l=m.value)==null?void 0:l.focus)==null||r.call(l)};return e.onMounted(()=>{m.value.checked=a.value}),z({focus:M,checked:a}),(l,r)=>{var v,d,N,T,g,p,x;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(A)),style:e.normalizeStyle(e.unref(F)),onClick:e.withModifiers(B,["prevent"])},[e.createElementVNode("input",{id:e.unref(S),ref_key:"input",ref:m,class:e.normalizeClass(e.unref(o).e("input")),type:"checkbox",role:"switch","aria-checked":e.unref(a),"aria-disabled":e.unref(h),name:t.name,"true-value":t.activeValue,"false-value":t.inactiveValue,disabled:e.unref(h),tabindex:t.tabindex,onChange:k,onKeydown:e.withKeys(B,["enter"])},null,42,j),!t.inlinePrompt&&(t.inactiveIcon||t.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","left"),e.unref(o).is("active",!e.unref(a))])},[(v=e.unref(f))!=null&&v.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0),!((d=e.unref(f))!=null&&d.icon)&&t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":e.unref(a)},e.toDisplayString(t.inactiveText),9,G)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:D,class:e.normalizeClass(e.unref(o).e("core")),style:e.normalizeStyle(e.unref(O))},[t.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).e("inner"))},[(N=e.unref(s))!=null&&N.icon||(T=e.unref(f))!=null&&T.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(a)?e.unref(s):e.unref(f))),null,16)):t.activeText||t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).is("text")),"aria-hidden":!e.unref(a)},e.toDisplayString(e.unref(a)?t.activeText:t.inactiveText),11,H)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(o).is("loading")),icon:"ico-ep:loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!t.inlinePrompt&&((g=e.unref(s))!=null&&g.icon||t.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","right"),e.unref(o).is("active",e.unref(a))])},[(p=e.unref(s))!=null&&p.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(s))),null,16)):e.createCommentVNode("",!0),!((x=e.unref(s))!=null&&x.icon)&&t.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!e.unref(a)},e.toDisplayString(t.activeText),9,L)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],14,K)}}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),E=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const C=require("../icon/index.cjs");require("../form/index.cjs");const i=require("../../constants/event.cjs"),M=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("../form/hooks/use-form-item.cjs"),I=require("../form/hooks/use-form-common-props.cjs"),U=["onClick"],K=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex","onKeydown"],j=["aria-hidden"],G=["aria-hidden"],H=["aria-hidden"],o=M.useNamespace("switch"),L=e.defineComponent({name:o.b()}),W=e.defineComponent({...L,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:null,inlinePrompt:{type:Boolean,default:!1},activeIcon:null,inactiveIcon:null,activeText:null,inactiveText:null,activeColor:null,inactiveColor:null,borderColor:null,activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:null,validateEvent:{type:Boolean,default:!0},id:null,loading:{type:Boolean,default:!1},beforeChange:{type:Function},size:null,tabindex:null},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(t,{expose:w,emit:c}){const n=t,{formItem:u}=P.useFormItem(),z=I.useFormSize(),{inputId:q}=P.useFormItemInputId(n,{formItemContext:u}),s=e.computed(()=>f.singleAttrToObj(n.activeIcon,"icon")),m=e.computed(()=>f.singleAttrToObj(n.inactiveIcon,"icon")),k=I.useFormDisabled(e.computed(()=>n.loading)),b=e.ref(n.modelValue!==!1),v=e.ref(),S=e.ref(),D=e.computed(()=>[o.b(),o.m(z.value),o.is("disabled",k.value),o.is("checked",a.value)]),A=e.computed(()=>({width:f.addUnit(n.width)}));e.watch(()=>n.modelValue,()=>{b.value=!0}),e.watch(()=>n.value,()=>{b.value=!1});const y=e.computed(()=>b.value?n.modelValue:n.value),a=e.computed(()=>y.value===n.activeValue);[n.activeValue,n.inactiveValue].includes(y.value)||(c(i.UPDATE_MODEL_EVENT,n.inactiveValue),c(i.CHANGE_EVENT,n.inactiveValue),c(i.INPUT_EVENT,n.inactiveValue)),e.watch(a,l=>{var r;v.value.checked=l,n.validateEvent&&((r=u==null?void 0:u.validate)==null||r.call(u,"change").catch(h=>E.debugWarn(h)))});const V=()=>{const l=a.value?n.inactiveValue:n.activeValue;c(i.UPDATE_MODEL_EVENT,l),c(i.CHANGE_EVENT,l),c(i.INPUT_EVENT,l),e.nextTick(()=>{v.value.checked=a.value})},B=()=>{if(k.value)return;const{beforeChange:l}=n;if(!l){V();return}const r=l();[f.isPromise(r),f.isBoolean(r)].includes(!0)||E.throwError(o.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),f.isPromise(r)?r.then(d=>{d&&V()}).catch(d=>{E.debugWarn(o.b(),`some error occurred: ${d}`)}):r&&V()},O=e.computed(()=>o.cssVarBlock({...n.activeColor?{"on-color":n.activeColor}:null,...n.inactiveColor?{"off-color":n.inactiveColor}:null,...n.borderColor?{"border-color":n.borderColor}:null})),F=()=>{var l,r;(r=(l=v.value)==null?void 0:l.focus)==null||r.call(l)};return e.onMounted(()=>{v.value.checked=a.value}),w({focus:F,checked:a}),(l,r)=>{var h,d,N,T,g,p,x;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(D)),style:e.normalizeStyle(e.unref(O)),onClick:e.withModifiers(B,["prevent"])},[e.createElementVNode("input",{id:e.unref(q),ref_key:"input",ref:v,class:e.normalizeClass(e.unref(o).e("input")),type:"checkbox",role:"switch","aria-checked":e.unref(a),"aria-disabled":e.unref(k),name:t.name,"true-value":t.activeValue,"false-value":t.inactiveValue,disabled:e.unref(k),tabindex:t.tabindex,onChange:V,onKeydown:e.withKeys(B,["enter"])},null,42,K),!t.inlinePrompt&&(t.inactiveIcon||t.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","left"),e.unref(o).is("active",!e.unref(a))])},[(h=e.unref(m))!=null&&h.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(m))),null,16)):e.createCommentVNode("",!0),!((d=e.unref(m))!=null&&d.icon)&&t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":e.unref(a)},e.toDisplayString(t.inactiveText),9,j)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:S,class:e.normalizeClass(e.unref(o).e("core")),style:e.normalizeStyle(e.unref(A))},[t.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).e("inner"))},[(N=e.unref(s))!=null&&N.icon||(T=e.unref(m))!=null&&T.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(a)?e.unref(s):e.unref(m))),null,16)):t.activeText||t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).is("text")),"aria-hidden":!e.unref(a)},e.toDisplayString(e.unref(a)?t.activeText:t.inactiveText),11,G)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(o).is("loading")),icon:"ico-ep:loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!t.inlinePrompt&&((g=e.unref(s))!=null&&g.icon||t.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","right"),e.unref(o).is("active",e.unref(a))])},[(p=e.unref(s))!=null&&p.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(s))),null,16)):e.createCommentVNode("",!0),!((x=e.unref(s))!=null&&x.icon)&&t.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!e.unref(a)},e.toDisplayString(t.activeText),9,H)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],14,U)}}});exports.default=W;

package/lib/components/table/table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const N=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const p=require("vxe-table"),A=require("../empty/constants.cjs"),u=$.useNamespace("table"),M=e.defineComponent({name:u.b()}),j=e.defineComponent({...M,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},pageNum:{default:1},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:q,emit:m}){const z=e.useAttrs(),B=e.ref(0),i=e.ref(),E=N.useDebounceFn(()=>H(),120),x=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{E()},{immediate:!0});function H(){h.data=n.tableData,b(n.pageNum)}p.renderer.add("Encrypt",{renderDefault(t,l){const{row:a,column:r}=l;return e.createVNode("span",{class:"line-clamp",innerHTML:a[r.field]||"-"},null)}}),p.renderer.add("Clamp",{renderDefault(t,l){const{row:a,column:r}=l;return r.showOverflow=null,e.createVNode(e.resolveComponent("vftClampToggle"),{autoResize:!0,maxLines:2,text:a[r.field],title:a[r.field],toggleText:["展开","收起"],onClampChange:c=>R(l)},null)}}),p.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});function P(t){m("page-change",t),m("update:pageNum",t)}const R=(t,l)=>{const{rowid:a}=t;e.nextTick(()=>{const r=document.getElementsByClassName("vxe-body--row"),c=[];for(var s=0;s<r.length;s++)r[s].getAttribute("rowid")===a&&c.push(r[s]);setTimeout(()=>{if(c.length>1){const d=c[0].clientHeight,I=c[1].clientHeight;d!==I&&(c[1].style.height=d+"px")}},1)})},L=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),V=()=>({maxHeight:"88px",height:"44px"}),O=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},h=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:B.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:O,rowStyle:V,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...z}),T=t=>{m("sort-change",t)};e.watch(()=>n.pageNum,t=>{b(t)});const b=t=>{h.seqConfig&&(h.seqConfig.startIndex=(t-1)*n.pageSize)},g=e.ref(),w=e.ref(),y=e.ref(!1);let o=e.ref(),v=e.ref();const f=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=f.value)==null||l.removeEventListener("scroll",C),(a=f.value)==null||a.addEventListener("scroll",C),setTimeout(()=>{S()},50))},{immediate:!0,deep:!0});function S(){if(!o.value||!v.value||(C(),!y.value))return;const t=o.value.clientWidth,l=v.value.offsetWidth;g.value.style.width=t-1+"px",w.value.style.width=l+"px"}function C(){var c,s,d;if(!((c=i.value)!=null&&c.$el)||!o.value||!f.value)return;const t=((s=f.value)==null?void 0:s.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=o.value.getBoundingClientRect(),r=((d=f.value)==null?void 0:d.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;y.value=l<t&&a>t&&a-r>t,g.value.scrollLeft=o.value.scrollLeft}const D=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(o.value=t.querySelector(".vxe-table--body-wrapper"),v.value=t.querySelector(".vxe-table--body"),!(!o.value&&!v.value)&&(o.value.addEventListener("scroll",function(a){g.value.scrollLeft=a.target.scrollLeft}),g.value.addEventListener("scroll",function(a){o.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(D(),N.useResizeObserver(i,()=>S()))}),q({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(x)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=r=>m("page-change",n.pageNum)),"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},h,{height:n.height,"max-height":n.maxHeight,columns:e.unref(L),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:T}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(A.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:g,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:w,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,y.value]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(x)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:P,"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const N=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const p=require("vxe-table"),A=require("../empty/constants.cjs"),u=$.useNamespace("table"),M=e.defineComponent({name:u.b()}),j=e.defineComponent({...M,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},pageNum:{default:1},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:q,emit:m}){const z=e.useAttrs(),B=e.ref(0),i=e.ref(),E=N.useDebounceFn(()=>H(),120),x=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{E()},{immediate:!0});function H(){h.data=n.tableData,b(n.pageNum)}p.renderer.add("Encrypt",{renderDefault(t,l){const{row:a,column:r}=l;return e.createVNode("span",{class:"line-clamp",innerHTML:a[r.field]||"-"},null)}}),p.renderer.add("Clamp",{renderDefault(t,l){const{row:a,column:r}=l;return r.showOverflow=null,e.createVNode(e.resolveComponent("vftClampToggle"),{autoResize:!0,maxLines:2,text:a[r.field],title:a[r.field],toggleText:["展开","收起"],onClampChange:c=>R(l)},null)}}),p.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});function P(t){m("page-change",t),m("update:pageNum",t)}const R=(t,l)=>{const{rowid:a}=t;e.nextTick(()=>{const r=document.getElementsByClassName("vxe-body--row"),c=[];for(var s=0;s<r.length;s++)r[s].getAttribute("rowid")===a&&c.push(r[s]);setTimeout(()=>{if(c.length>1){const d=c[0].clientHeight,I=c[1].clientHeight;d!==I&&(c[1].style.height=d+"px")}},1)})},L=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),V=()=>({maxHeight:"88px",height:"44px"}),O=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},h=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:B.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:O,rowStyle:V,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...z}),T=t=>{m("sort-change",t)};e.watch(()=>n.pageNum,t=>{b(t)});const b=t=>{h.seqConfig&&(h.seqConfig.startIndex=(t-1)*n.pageSize)},g=e.ref(),w=e.ref();let y=e.ref(!1),o=e.ref(null),v=e.ref(null);const f=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=f.value)==null||l.removeEventListener("scroll",C),(a=f.value)==null||a.addEventListener("scroll",C),setTimeout(()=>{S()},50))},{immediate:!0,deep:!0});function S(){if(!o.value||!v.value||(C(),!y.value))return;const t=o.value.clientWidth,l=v.value.offsetWidth;g.value.style.width=t-1+"px",w.value.style.width=l+"px"}function C(){var c,s,d;if(!((c=i.value)!=null&&c.$el)||!o.value||!f.value)return;const t=((s=f.value)==null?void 0:s.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=o.value.getBoundingClientRect(),r=((d=f.value)==null?void 0:d.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;y.value=l<t&&a>t&&a-r>t,g.value.scrollLeft=o.value.scrollLeft}const D=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(o.value=t.querySelector(".vxe-table--body-wrapper"),v.value=t.querySelector(".vxe-table--body"),!(!o.value&&!v.value)&&(o.value.addEventListener("scroll",function(a){g.value.scrollLeft=a.target.scrollLeft}),g.value.addEventListener("scroll",function(a){o.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(D(),N.useResizeObserver(i,()=>S()))}),q({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(x)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=r=>m("page-change",n.pageNum)),"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},h,{height:n.height,"max-height":n.maxHeight,columns:e.unref(L),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:T}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(A.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:g,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:w,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,e.unref(y)]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(x)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:P,"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=j;

package/lib/components/tabs/tab-bar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.cjs"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core"),c=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const $=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:q}){const a=g,v=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),_=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=v.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${c.capitalize(z)}`],r=n[`client${c.capitalize(s)}`];const u=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(u.paddingLeft)+Number.parseFloat(u.paddingRight)),t+=Number.parseFloat(u.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${c.capitalize(b)}(${t}px)`}},o=()=>f.value=_();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const h=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),q({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(h))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.cjs"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core"),u=require("@vft/utils");require("../../utils/ns-cover.cjs");const $=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:v}){const a=g,_=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),h=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=_.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${u.capitalize(z)}`],r=n[`client${u.capitalize(s)}`];const c=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(c.paddingLeft)+Number.parseFloat(c.paddingRight)),t+=Number.parseFloat(c.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${u.capitalize(b)}(${t}px)`}},o=()=>f.value=h();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const q=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),v({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(q))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var z;const D=t.getCurrentInstance(),b=t.inject(J.TabsRootContextKey);b||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),q=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(b.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!q.value)return;const r=q.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!q.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!q.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=q.value,g=["top","bottom"].includes(b.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},B=()=>{if(!C.value||!q.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),O()},O=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,B),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>B()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var E,S,k;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(E=n.closeIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((k=(S=e.slots).label)==null?void 0:k.call(S))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(b.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>O(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(z=n.addIconCfg)!=null&&z.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(b.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:q},[t.createVNode("div",{class:[o.e("nav"),o.is(b.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(b.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.showBar?t.createVNode(Q.default,{tabs:[...n.panes]},null):null,U.value]),X])])}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var z;const D=t.getCurrentInstance(),q=t.inject(J.TabsRootContextKey);q||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),b=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(q.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!b.value)return;const r=b.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!b.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=b.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!b.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=b.value,g=["top","bottom"].includes(q.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},B=()=>{if(!C.value||!b.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=b.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),O()},O=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,B),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>B()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var E,S,k;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(E=n.closeIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((k=(S=e.slots).label)==null?void 0:k.call(S))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(q.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>O(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(z=n.addIconCfg)!=null&&z.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(q.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:b},[t.createVNode("div",{class:[o.e("nav"),o.is(q.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(q.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.showBar?t.createVNode(Q.default,{tabs:[...n.panes]},null):null,U.value]),X])])}});exports.default=_;

package/lib/components/tabs/tab-pane.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");const f=require("../../utils/error.cjs");require("lodash");const d=require("@vueuse/core");require("../../utils/ns-cover.cjs");const v=require("./types.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const y=["id","aria-hidden","aria-labelledby"],l=q.useNamespace("tab-pane"),h=e.defineComponent({name:l.b()}),C=e.defineComponent({...h,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const a=e.getCurrentInstance(),b=e.useSlots(),r=e.inject(v.TabsRootContextKey);r||f.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const o=e.ref(),p=e.computed(()=>n.closable||r.props.closable),t=d.eagerComputed(()=>r.currentName.value===(n.name??o.value)),i=e.ref(t.value),u=e.computed(()=>n.name??o.value),m=d.eagerComputed(()=>!n.lazy||i.value||t.value);e.watch(t,s=>{s&&(i.value=!0)});const c=e.reactive({uid:a.uid,slots:b,props:a.props,paneName:u,active:t,index:o,isClosable:p,attrs:a.attrs});return e.onMounted(()=>{r.registerPane(c)}),e.onUnmounted(()=>{r.unregisterPane(c.uid)}),(s,g)=>e.unref(m)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(u)}`,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(u)}`},[e.renderSlot(s.$slots,"default")],10,y)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");const f=require("../../utils/error.cjs");require("lodash");const d=require("@vueuse/core");require("../../utils/ns-cover.cjs");const v=require("./types.cjs"),y=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=["id","aria-hidden","aria-labelledby"],l=y.useNamespace("tab-pane"),h=e.defineComponent({name:l.b()}),C=e.defineComponent({...h,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(r){const a=e.getCurrentInstance(),b=e.useSlots(),n=e.inject(v.TabsRootContextKey);n||f.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const o=e.ref(),p=e.computed(()=>r.closable||n.props.closable),t=d.eagerComputed(()=>n.currentName.value===(r.name??o.value)),i=e.ref(t.value),s=e.computed(()=>r.name??o.value),m=d.eagerComputed(()=>!r.lazy||i.value||t.value);e.watch(t,u=>{u&&(i.value=!0)});const c=e.reactive({uid:a.uid,slots:b,props:a.props,paneName:s,active:t,index:o,isClosable:p,attrs:a.attrs});return e.onMounted(()=>{n.registerPane(c)}),e.onUnmounted(()=>{n.unregisterPane(c.uid)}),(u,g)=>e.unref(m)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(s)}`,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(s)}`},[e.renderSlot(u.$slots,"default")],10,q)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=C;

package/lib/components/tabs/tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs");require("@vue/reactivity");require("@vue/shared");const B=require("@vft/constants"),A=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),d=P.useNamespace("tabs"),k=n.defineComponent({name:d.b()}),M=n.defineComponent({...k,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[B.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const m=n.getCurrentInstance(),i=n.useSlots(),l=n.ref(),c=n.ref(t.modelValue??"0"),g=e=>{c.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,C;if(!(c.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,c.value))!==!1&&(g(e),(C=(r=l.value)==null?void 0:r.removeFocus)==null||C.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(c,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},w=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:d.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:N,addChild:q,removeChild:T}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:m.props,currentName:c,registerPane:q,unregisterPane:T}),u({currentName:c});const y=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[d.e("header"),d.is(t.tabPosition)]},[n.createVNode(A.default,{ref:l,currentName:c.value,panes:N.value,stretch:t.stretch,showBar:t.showBar,closeIconCfg:R.value,addIconCfg:y.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:w},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[d.b(),d.m(t.tabPosition)]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs"),B=require("@vft/constants"),A=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),i=P.useNamespace("tabs"),k=n.defineComponent({name:i.b()}),M=n.defineComponent({...k,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[B.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const m=n.getCurrentInstance(),d=n.useSlots(),l=n.ref(),c=n.ref(t.modelValue??"0"),g=e=>{c.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,C;if(!(c.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,c.value))!==!1&&(g(e),(C=(r=l.value)==null?void 0:r.removeFocus)==null||C.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(c,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},w=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:i.e("content")},[(e=d.default)==null?void 0:e.call(d)])}),{children:N,addChild:T,removeChild:y}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:m.props,currentName:c,registerPane:T,unregisterPane:y}),u({currentName:c});const q=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[i.e("header"),i.is(t.tabPosition)]},[n.createVNode(A.default,{ref:l,currentName:c.value,panes:N.value,stretch:t.stretch,showBar:t.showBar,closeIconCfg:R.value,addIconCfg:q.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:w},null),(e=d.headerRight)==null?void 0:e.call(d)])});return()=>n.createVNode("div",{class:[i.b(),i.m(t.tabPosition)]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=M;

package/lib/components/tag/tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("../icon/index.cjs"),f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../form/index.cjs");const m=require("../form/hooks/use-form-common-props.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const q=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:null,hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:null,size:null,effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:r}){const l=n.useSlots(),i=m.useFormSize(),t=f.useNamespace("tag"),s=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),a=o=>{r("close",o)},u=o=>{r("click",o)},c=()=>{var o;return n.createVNode("span",{class:s.value,style:{backgroundColor:e.color},onClick:u},[n.createVNode("span",{class:t.e("content")},[(o=l.default)==null?void 0:o.call(l)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:a},[n.createVNode(d.VftIcon,{icon:"ico-ep:close"},null)]):""])};return()=>{let o;return e.disableTransitions?c():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},b(o=c())?o:{default:()=>[o]})}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("../icon/index.cjs"),f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("../form/index.cjs");const m=require("../form/hooks/use-form-common-props.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const q=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:null,hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:null,size:null,effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:c}){const l=n.useSlots(),s=m.useFormSize(),t=f.useNamespace("tag"),a=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(s.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),i=o=>{c("close",o)},u=o=>{c("click",o)},r=()=>{var o;return n.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:u},[n.createVNode("span",{class:t.e("content")},[(o=l.default)==null?void 0:o.call(l)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:i},[n.createVNode(d.VftIcon,{icon:"ico-ep:close"},null)]):""])};return()=>{let o;return e.disableTransitions?r():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},b(o=r())?o:{default:()=>[o]})}}});exports.default=q;

package/lib/components/tooltip/content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const R=require("@vueuse/core");require("@vft/utils");const m=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-popper-container/index.cjs");require("@vue/reactivity");require("@vue/shared");require("../popper/index.cjs");const z=require("./constants.cjs"),j=require("../popper/content.vue2.cjs"),D=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),H=e.defineComponent({...D,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:null,visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean}},setup(t,{expose:v}){const{selector:y}=V.usePopperContainerId(),b=$.useNamespace("tooltip"),o=e.ref(null),c=e.ref(!1),{controlled:d,id:h,open:a,trigger:i,onClose:l,onOpen:C,onShow:B,onHide:q,onBeforeShow:s,onBeforeHide:f}=e.inject(z.TOOLTIP_INJECTION_KEY,void 0),T=e.computed(()=>t.transition||`${b.namespace.value}-fade-in-linear`),E=e.computed(()=>process.env.NODE_ENV==="test"?!0:t.persistent);e.onBeforeUnmount(()=>{c.value=!0});const k=e.computed(()=>e.unref(E)?!0:e.unref(a)),p=e.computed(()=>t.disabled?!1:e.unref(a)),w=e.computed(()=>t.appendTo||y.value),P=e.computed(()=>t.style??{}),O=e.computed(()=>!e.unref(a)),S=()=>{q()},g=()=>{if(e.unref(d))return!0},N=m.composeEventHandlers(g,()=>{t.enterable&&e.unref(i)==="hover"&&C()}),A=m.composeEventHandlers(g,()=>{e.unref(i)==="hover"&&l()}),x=()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n),s==null||s()},L=()=>{f==null||f()},M=()=>{B(),u=R.onClickOutside(e.computed(()=>{var n;return(n=o.value)==null?void 0:n.popperContentRef}),()=>{if(e.unref(d))return;e.unref(i)!=="hover"&&l()})},I=()=>{t.virtualTriggering||l()};let u;return e.watch(()=>e.unref(a),n=>{n||u==null||u()},{flush:"post"}),e.watch(()=>t.content,()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n)}),v({contentRef:o}),(n,r)=>(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.teleported,to:e.unref(w)},[e.createVNode(e.Transition,{name:e.unref(T),onAfterLeave:S,onBeforeEnter:x,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[e.unref(k)?e.withDirectives((e.openBlock(),e.createBlock(e.unref(j.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},n.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":e.unref(O),"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,e.unref(P)],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:e.unref(p),"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(A),onBlur:I,onClose:e.unref(l)}),{default:e.withCtx(()=>[c.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,e.unref(p)]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const R=require("@vueuse/core");require("@vft/utils");const m=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-popper-container/index.cjs");require("../popper/index.cjs");const z=require("./constants.cjs"),j=require("../popper/content.vue2.cjs"),D=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),H=e.defineComponent({...D,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:null,visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean}},setup(t,{expose:v}){const{selector:y}=V.usePopperContainerId(),b=$.useNamespace("tooltip"),o=e.ref(null),c=e.ref(!1),{controlled:d,id:h,open:a,trigger:i,onClose:l,onOpen:C,onShow:B,onHide:T,onBeforeShow:s,onBeforeHide:f}=e.inject(z.TOOLTIP_INJECTION_KEY,void 0),E=e.computed(()=>t.transition||`${b.namespace.value}-fade-in-linear`),k=e.computed(()=>process.env.NODE_ENV==="test"?!0:t.persistent);e.onBeforeUnmount(()=>{c.value=!0});const q=e.computed(()=>e.unref(k)?!0:e.unref(a)),p=e.computed(()=>t.disabled?!1:e.unref(a)),w=e.computed(()=>t.appendTo||y.value),P=e.computed(()=>t.style??{}),O=e.computed(()=>!e.unref(a)),S=()=>{T()},g=()=>{if(e.unref(d))return!0},N=m.composeEventHandlers(g,()=>{t.enterable&&e.unref(i)==="hover"&&C()}),A=m.composeEventHandlers(g,()=>{e.unref(i)==="hover"&&l()}),x=()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n),s==null||s()},L=()=>{f==null||f()},M=()=>{B(),u=R.onClickOutside(e.computed(()=>{var n;return(n=o.value)==null?void 0:n.popperContentRef}),()=>{if(e.unref(d))return;e.unref(i)!=="hover"&&l()})},I=()=>{t.virtualTriggering||l()};let u;return e.watch(()=>e.unref(a),n=>{n||u==null||u()},{flush:"post"}),e.watch(()=>t.content,()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n)}),v({contentRef:o}),(n,r)=>(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.teleported,to:e.unref(w)},[e.createVNode(e.Transition,{name:e.unref(E),onAfterLeave:S,onBeforeEnter:x,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[e.unref(q)?e.withDirectives((e.openBlock(),e.createBlock(e.unref(j.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},n.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":e.unref(O),"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,e.unref(P)],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:e.unref(p),"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(A),onBlur:I,onClose:e.unref(l)}),{default:e.withCtx(()=>[c.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,e.unref(p)]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});exports.default=H;

package/lib/components/tooltip/tooltip.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@vft/constants"),m=require("../popper/index.cjs"),C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const k=require("../../hooks/use-id/index.cjs"),q=require("../../hooks/use-popper-container/index.cjs"),T=require("../../hooks/use-delayed-toggle/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const E=require("./constants.cjs"),O=require("./trigger.vue2.cjs"),A=require("./content.vue2.cjs"),x=require("./utils.cjs"),P=require("../popper/arrow.vue2.cjs"),R=["innerHTML"],S={key:1},F=t.defineComponent({name:"vft-tooltip"}),N=t.defineComponent({...F,props:{role:{default:"tooltip"},showArrow:{type:Boolean,default:!0},arrowOffset:{default:5},virtualRef:null,virtualTriggering:{type:Boolean},onMouseenter:{type:Function},onMouseleave:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onFocus:{type:Function},onBlur:{type:Function},onContextmenu:{type:Function},id:null,open:{type:Boolean},boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},visible:{type:Boolean,default:null},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:null,zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[p.EVENT_CODE.enter,p.EVENT_CODE.space]}},emits:["before-show","before-hide","show","hide","open","close"],setup(e,{expose:y,emit:a}){q.usePopperContainer();const v=k.useId(),i=t.ref(),u=t.ref(),c=()=>{var o;const n=t.unref(i);n&&((o=n.popperInstanceRef)==null||o.update())},r=t.ref(!1),l=t.ref(),{show:h,hide:s,hasUpdateHandler:b}=x.useTooltipModelToggle({indicator:r,toggleReason:l}),{onOpen:d,onClose:f}=T.useDelayedToggle({showAfter:e.showAfter,hideAfter:e.hideAfter,open:h,close:s}),w=t.computed(()=>C.isBoolean(e.visible)&&!b.value);t.provide(E.TOOLTIP_INJECTION_KEY,{controlled:w,id:v,open:t.readonly(r),trigger:e.trigger,onOpen:n=>{d(n)},onClose:n=>{f(n)},onToggle:n=>{t.unref(r)?f(n):d(n)},onShow:()=>{a("show",l.value)},onHide:()=>{a("hide",l.value)},onBeforeShow:()=>{a("before-show",l.value)},onBeforeHide:()=>{a("before-hide",l.value)},updatePopper:c}),t.watch(()=>e.disabled,n=>{n&&r.value&&(r.value=!1)});const B=()=>{var o,g;const n=(g=(o=u.value)==null?void 0:o.contentRef)==null?void 0:g.popperContentRef;return n&&n.contains(document.activeElement)};return t.onDeactivated(()=>r.value&&s()),y({popperRef:i,contentRef:u,isFocusInsideContent:B,updatePopper:c,onOpen:d,onClose:f,hide:s}),(n,o)=>(t.openBlock(),t.createBlock(t.unref(m.VftPopper),{ref_key:"popperRef",ref:i,role:e.role},{default:t.withCtx(()=>[t.createVNode(O.default,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering},{default:t.withCtx(()=>[n.$slots.default?t.renderSlot(n.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),t.createVNode(A.default,{ref_key:"contentRef",ref:u,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":e.popperClass,"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"content",{},()=>[e.rawContent?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.content},null,8,R)):(t.openBlock(),t.createElementBlock("span",S,t.toDisplayString(e.content),1))]),e.showArrow?(t.openBlock(),t.createBlock(t.unref(P.default),{key:0,"arrow-offset":e.arrowOffset},null,8,["arrow-offset"])):t.createCommentVNode("",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@vft/constants"),m=require("../popper/index.cjs"),C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const k=require("../../hooks/use-id/index.cjs"),T=require("../../hooks/use-popper-container/index.cjs"),q=require("../../hooks/use-delayed-toggle/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const E=require("./constants.cjs"),O=require("./trigger.vue2.cjs"),A=require("./content.vue2.cjs"),x=require("./utils.cjs"),P=require("../popper/arrow.vue2.cjs"),R=["innerHTML"],S={key:1},F=t.defineComponent({name:"vft-tooltip"}),N=t.defineComponent({...F,props:{role:{default:"tooltip"},showArrow:{type:Boolean,default:!0},arrowOffset:{default:5},virtualRef:null,virtualTriggering:{type:Boolean},onMouseenter:{type:Function},onMouseleave:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onFocus:{type:Function},onBlur:{type:Function},onContextmenu:{type:Function},id:null,open:{type:Boolean},boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},visible:{type:Boolean,default:null},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:null,zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[p.EVENT_CODE.enter,p.EVENT_CODE.space]}},emits:["before-show","before-hide","show","hide","open","close"],setup(e,{expose:y,emit:a}){T.usePopperContainer();const v=k.useId(),i=t.ref(),u=t.ref(),c=()=>{var r;const n=t.unref(i);n&&((r=n.popperInstanceRef)==null||r.update())},o=t.ref(!1),l=t.ref(),{show:h,hide:s,hasUpdateHandler:b}=x.useTooltipModelToggle({indicator:o,toggleReason:l}),{onOpen:d,onClose:f}=q.useDelayedToggle({showAfter:e.showAfter,hideAfter:e.hideAfter,open:h,close:s}),w=t.computed(()=>C.isBoolean(e.visible)&&!b.value);t.provide(E.TOOLTIP_INJECTION_KEY,{controlled:w,id:v,open:t.readonly(o),trigger:e.trigger,onOpen:n=>{d(n)},onClose:n=>{f(n)},onToggle:n=>{t.unref(o)?f(n):d(n)},onShow:()=>{a("show",l.value)},onHide:()=>{a("hide",l.value)},onBeforeShow:()=>{a("before-show",l.value)},onBeforeHide:()=>{a("before-hide",l.value)},updatePopper:c}),t.watch(()=>e.disabled,n=>{n&&o.value&&(o.value=!1)});const B=()=>{var r,g;const n=(g=(r=u.value)==null?void 0:r.contentRef)==null?void 0:g.popperContentRef;return n&&n.contains(document.activeElement)};return t.onDeactivated(()=>o.value&&s()),y({popperRef:i,contentRef:u,isFocusInsideContent:B,updatePopper:c,onOpen:d,onClose:f,hide:s}),(n,r)=>(t.openBlock(),t.createBlock(t.unref(m.VftPopper),{ref_key:"popperRef",ref:i,role:e.role},{default:t.withCtx(()=>[t.createVNode(O.default,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering},{default:t.withCtx(()=>[n.$slots.default?t.renderSlot(n.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),t.createVNode(A.default,{ref_key:"contentRef",ref:u,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":e.popperClass,"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"content",{},()=>[e.rawContent?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.content},null,8,R)):(t.openBlock(),t.createElementBlock("span",S,t.toDisplayString(e.content),1))]),e.showArrow?(t.openBlock(),t.createBlock(t.unref(P.default),{key:0,"arrow-offset":e.arrowOffset},null,8,["arrow-offset"])):t.createCommentVNode("",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});exports.default=N;

package/lib/components/tooltip/trigger.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants");require("../popper/index.cjs");require("@vft/utils");require("lodash");require("@vueuse/core");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const M=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const O=require("./constants.cjs"),u=require("./utils.cjs"),B=require("../popper/trigger.vue2.cjs"),H=e.defineComponent({name:"VftTooltipTrigger"}),b=e.defineComponent({...H,props:{disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[g.EVENT_CODE.enter,g.EVENT_CODE.space]},virtualRef:null,virtualTriggering:{type:Boolean}},setup(r,{expose:a}){const d=M.useNamespace("tooltip"),{controlled:f,id:v,open:m,onOpen:s,onClose:l,onToggle:i}=e.inject(O.TOOLTIP_INJECTION_KEY,void 0),T=e.ref(null),t=()=>{if(e.unref(f)||r.disabled)return!0},q=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",s)),C=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",l)),E=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"click",n=>{n.button===0&&i(n)})),h=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",s)),p=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",l)),w=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"contextmenu",n=>{n.preventDefault(),i(n)})),y=o.composeEventHandlers(t,n=>{const{code:c}=n;r.triggerKeys.includes(c)&&(n.preventDefault(),i(n))});return a({triggerRef:T}),(n,c)=>(e.openBlock(),e.createBlock(e.unref(B.default),{id:e.unref(v),"virtual-ref":r.virtualRef,open:e.unref(m),"virtual-triggering":r.virtualTriggering,class:e.normalizeClass(e.unref(d).e("trigger")),onBlur:e.unref(p),onClick:e.unref(E),onContextmenu:e.unref(w),onFocus:e.unref(h),onMouseenter:e.unref(q),onMouseleave:e.unref(C),onKeydown:e.unref(y)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants");require("../popper/index.cjs");require("@vft/utils");require("lodash");require("@vueuse/core");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const M=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const O=require("./constants.cjs"),u=require("./utils.cjs"),B=require("../popper/trigger.vue2.cjs"),H=e.defineComponent({name:"VftTooltipTrigger"}),b=e.defineComponent({...H,props:{disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[g.EVENT_CODE.enter,g.EVENT_CODE.space]},virtualRef:null,virtualTriggering:{type:Boolean}},setup(r,{expose:a}){const d=M.useNamespace("tooltip"),{controlled:f,id:v,open:m,onOpen:s,onClose:l,onToggle:i}=e.inject(O.TOOLTIP_INJECTION_KEY,void 0),T=e.ref(null),t=()=>{if(e.unref(f)||r.disabled)return!0},C=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",s)),E=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",l)),q=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"click",n=>{n.button===0&&i(n)})),h=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",s)),p=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",l)),w=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"contextmenu",n=>{n.preventDefault(),i(n)})),y=o.composeEventHandlers(t,n=>{const{code:c}=n;r.triggerKeys.includes(c)&&(n.preventDefault(),i(n))});return a({triggerRef:T}),(n,c)=>(e.openBlock(),e.createBlock(e.unref(B.default),{id:e.unref(v),"virtual-ref":r.virtualRef,open:e.unref(m),"virtual-triggering":r.virtualTriggering,class:e.normalizeClass(e.unref(d).e("trigger")),onBlur:e.unref(p),onClick:e.unref(q),onContextmenu:e.unref(w),onFocus:e.unref(h),onMouseenter:e.unref(C),onMouseleave:e.unref(E),onKeydown:e.unref(y)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});exports.default=b;

package/lib/components/tooltip/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../config-provider/hooks/use-global-config.cjs");const s=require("vue");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const l=require("@vft/utils");require("../../utils/ns-cover.cjs");const n=require("../../hooks/use-model-toggle/index.cjs");require("@vue/reactivity");require("@vue/shared");const i=(e,r)=>l.isArray(e)?e.includes(r):e===r,t=(e,r,o)=>u=>{i(s.unref(e),r)&&o(u)},{useModelToggle:g}=n.createModelToggleComposable("visible");exports.isTriggerType=i;exports.useTooltipModelToggle=g;exports.whenTrigger=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../config-provider/hooks/use-global-config.cjs");const s=require("vue");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const l=require("@vft/utils");require("../../utils/ns-cover.cjs");const n=require("../../hooks/use-model-toggle/index.cjs"),i=(e,r)=>l.isArray(e)?e.includes(r):e===r,t=(e,r,o)=>u=>{i(s.unref(e),r)&&o(u)},{useModelToggle:g}=n.createModelToggleComposable("visible");exports.isTriggerType=i;exports.useTooltipModelToggle=g;exports.whenTrigger=t;

package/lib/components/verify-code/verify-code.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const n=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const a=require("./useImageVerify.cjs"),f=["width","height"],h=l.useNamespace("verify-code"),m=e.defineComponent({name:h.b()}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150}},setup(t,{expose:u}){const o=e.computed(()=>({width:n.addUnit(t.width),height:n.addUnit(t.height)})),{domRef:d,imgCode:s,getImgCode:r}=a.default();return u({getImgCode:r,code:s}),(q,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("canvas",{ref_key:"domRef",ref:d,width:t.width,height:t.height,class:"cursor-pointer",onClick:i[0]||(i[0]=(...c)=>e.unref(r)&&e.unref(r)(...c))},null,8,f)],4))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const n=require("@vft/utils");require("../../utils/ns-cover.cjs");const a=require("./useImageVerify.cjs"),f=["width","height"],h=l.useNamespace("verify-code"),m=e.defineComponent({name:h.b()}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150}},setup(t,{expose:u}){const o=e.computed(()=>({width:n.addUnit(t.width),height:n.addUnit(t.height)})),{domRef:d,imgCode:s,getImgCode:i}=a.default();return u({getImgCode:i,code:s}),(q,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("canvas",{ref_key:"domRef",ref:d,width:t.width,height:t.height,class:"cursor-pointer",onClick:r[0]||(r[0]=(...c)=>e.unref(i)&&e.unref(i)(...c))},null,8,f)],4))}});exports.default=g;

package/lib/components/virtual-list/builders/build-grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Te=require("@vueuse/core"),v=require("@vft/utils");require("lodash");require("../../../utils/ns-cover.cjs");const ge=require("../../../utils/dom/scroll.cjs"),xe=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const B=require("../components/scrollbar.cjs"),Re=require("../hooks/use-grid-wheel.cjs"),Le=require("../hooks/use-cache.cjs"),be=require("../props.cjs"),g=require("../utils.cjs"),f=require("../defaults.cjs"),Ee=({name:U,clearCache:A,getColumnPosition:F,getColumnStartIndexForOffset:K,getColumnStopIndexForStartIndex:P,getEstimatedTotalHeight:N,getEstimatedTotalWidth:k,getColumnOffset:X,getRowOffset:Y,getRowPosition:J,getRowStartIndexForOffset:Q,getRowStopIndexForStartIndex:Z,initCache:j,injectToInstance:C,validateProps:p})=>e.defineComponent({name:U??"VftVirtualList",props:be.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:D}){const b=xe.useNamespace("vl");p(l);const _=e.getCurrentInstance(),w=e.ref(j(l,_));C==null||C(_,w);const E=e.ref(),q=e.ref(),te=e.ref(),$=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:v.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:v.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),W=Le.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),G=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:o}=l,{isScrolling:s,xAxisScrollDir:n,scrollLeft:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=K(l,c,e.unref(w)),a=P(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),V=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:o}=l,{isScrolling:s,yAxisScrollDir:n,scrollTop:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=Q(l,c,e.unref(w)),a=Z(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>N(l,e.unref(w))),R=e.computed(()=>k(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:v.isNumber(l.height)?`${l.height}px`:l.height,width:v.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),O=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,T]=e.unref(G),[m,S,we,ve]=e.unref(V);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:m,rowCacheEnd:S,columnVisibleStart:h,columnVisibleEnd:T,rowVisibleStart:we,rowVisibleEnd:ve})}const{scrollLeft:o,scrollTop:s,updateRequested:n,xAxisScrollDir:c,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:c,scrollLeft:o,yAxisScrollDir:i,scrollTop:s,updateRequested:n})},oe=r=>{const{clientHeight:t,clientWidth:o,scrollHeight:s,scrollLeft:n,scrollTop:c,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===c&&a.scrollLeft===n)return;let d=n;if(g.isRTL(l.direction))switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-n;break;case f.RTL_OFFSET_POS_DESC:d=i-o-n;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(c,s-t)),updateRequested:!0,xAxisScrollDir:g.getScrollDir(a.scrollLeft,d),yAxisScrollDir:g.getScrollDir(a.scrollTop,c)},e.nextTick(()=>z()),H(),O()},ne=(r,t)=>{const o=e.unref(M),s=(x.value-o)/t*r;L({scrollTop:Math.min(x.value-o,s)})},ce=(r,t)=>{const o=e.unref(y),s=(R.value-o)/t*r;L({scrollLeft:Math.min(R.value-o,s)})},{onWheel:ie}=Re.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{var n,c,i,a;(c=(n=q.value)==null?void 0:n.onMouseUp)==null||c.call(n),(a=(i=q.value)==null?void 0:i.onMouseUp)==null||a.call(i);const o=e.unref(y),s=e.unref(M);L({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-o),scrollTop:Math.min(u.value.scrollTop+t,x.value-s)})}),L=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const o=e.unref(u);t===o.scrollTop&&r===o.scrollLeft||(u.value={...o,xAxisScrollDir:g.getScrollDir(o.scrollLeft,r),yAxisScrollDir:g.getScrollDir(o.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>z()),H(),O())},se=(r=0,t=0,o=f.AUTO_ALIGNMENT)=>{const s=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const n=ge.getScrollBarWidth(b.namespace.value),c=e.unref(w),i=N(l,c),a=k(l,c);L({scrollLeft:X(l,t,o,s.scrollLeft,c,a>l.width?n:0),scrollTop:Y(l,r,o,s.scrollTop,c,i>l.height?n:0)})},ae=(r,t)=>{const{columnWidth:o,direction:s,rowHeight:n}=l,c=W.value(A&&o,A&&n,A&&s),i=`${r},${t}`;if(v.hasOwn(c,i))return c[i];{const[,a]=F(l,t,e.unref(w)),d=e.unref(w),h=g.isRTL(s),[T,m]=J(l,r,d),[S]=F(l,t,d);return c[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${m}px`,height:`${T}px`,width:`${S}px`},c[i]}},z=()=>{u.value.isScrolling=!1,e.nextTick(()=>{W.value(-1,null,null)})};e.onMounted(()=>{if(!Te.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,o=e.unref(E);o&&(v.isNumber(r)&&(o.scrollLeft=r),v.isNumber(t)&&(o.scrollTop=t)),O()});const H=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:o,updateRequested:s}=e.unref(u),n=e.unref(E);if(s&&n){if(r===f.RTL)switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{n.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{n.scrollLeft=t;break}default:{const{clientWidth:c,scrollWidth:i}=n;n.scrollLeft=i-c-t;break}}else n.scrollLeft=Math.max(0,t);n.scrollTop=Math.max(0,o)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=_.proxy;ee({windowRef:E,innerRef:$,getItemStyleCache:W,scrollTo:L,scrollToItem:se,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:o,totalColumn:s,totalRow:n}=l,c=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:T}=e.unref(u),m=e.h(B.default,{ref:q,alwaysOn:r,startGap:t,endGap:o,class:b.e("horizontal"),clientSize:c,layout:"horizontal",onScroll:ce,ratio:c*100/a,scrollFrom:h/(a-c),total:n,visible:!0}),S=e.h(B.default,{ref:te,alwaysOn:r,startGap:t,endGap:o,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:ne,ratio:i*100/d,scrollFrom:T/(d-i),total:s,visible:!0});return{horizontalScrollbar:m,verticalScrollbar:S}},me=()=>{var T;const[r,t]=e.unref(G),[o,s]=e.unref(V),{data:n,totalColumn:c,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&c>0)for(let m=o;m<=s;m++)for(let S=r;S<=t;S++)h.push((T=D.default)==null?void 0:T.call(D,{columnIndex:S,data:n,key:d({columnIndex:S,data:n,rowIndex:m}),isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m}));return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:$},v.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:o}=he(),s=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:oe,onWheel:ie,ref:E},v.isString(r)?s:{default:()=>s}),t,o])}}});exports.default=Ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Te=require("@vueuse/core"),v=require("@vft/utils");require("lodash");require("../../../utils/ns-cover.cjs");const ge=require("../../../utils/dom/scroll.cjs"),xe=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const B=require("../components/scrollbar.cjs"),Re=require("../hooks/use-grid-wheel.cjs"),Le=require("../hooks/use-cache.cjs"),be=require("../props.cjs"),g=require("../utils.cjs"),f=require("../defaults.cjs"),Ee=({name:U,clearCache:A,getColumnPosition:F,getColumnStartIndexForOffset:K,getColumnStopIndexForStartIndex:P,getEstimatedTotalHeight:N,getEstimatedTotalWidth:k,getColumnOffset:X,getRowOffset:Y,getRowPosition:J,getRowStartIndexForOffset:Q,getRowStopIndexForStartIndex:Z,initCache:j,injectToInstance:C,validateProps:p})=>e.defineComponent({name:U??"VftVirtualList",props:be.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:D}){const b=xe.useNamespace("vl");p(l);const _=e.getCurrentInstance(),w=e.ref(j(l,_));C==null||C(_,w);const E=e.ref(),W=e.ref(),te=e.ref(),$=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:v.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:v.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),O=Le.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),G=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:o}=l,{isScrolling:s,xAxisScrollDir:n,scrollLeft:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=K(l,c,e.unref(w)),a=P(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),V=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:o}=l,{isScrolling:s,yAxisScrollDir:n,scrollTop:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=Q(l,c,e.unref(w)),a=Z(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>N(l,e.unref(w))),R=e.computed(()=>k(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:v.isNumber(l.height)?`${l.height}px`:l.height,width:v.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),q=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,T]=e.unref(G),[m,S,we,ve]=e.unref(V);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:m,rowCacheEnd:S,columnVisibleStart:h,columnVisibleEnd:T,rowVisibleStart:we,rowVisibleEnd:ve})}const{scrollLeft:o,scrollTop:s,updateRequested:n,xAxisScrollDir:c,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:c,scrollLeft:o,yAxisScrollDir:i,scrollTop:s,updateRequested:n})},oe=r=>{const{clientHeight:t,clientWidth:o,scrollHeight:s,scrollLeft:n,scrollTop:c,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===c&&a.scrollLeft===n)return;let d=n;if(g.isRTL(l.direction))switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-n;break;case f.RTL_OFFSET_POS_DESC:d=i-o-n;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(c,s-t)),updateRequested:!0,xAxisScrollDir:g.getScrollDir(a.scrollLeft,d),yAxisScrollDir:g.getScrollDir(a.scrollTop,c)},e.nextTick(()=>z()),H(),q()},ne=(r,t)=>{const o=e.unref(M),s=(x.value-o)/t*r;L({scrollTop:Math.min(x.value-o,s)})},ce=(r,t)=>{const o=e.unref(y),s=(R.value-o)/t*r;L({scrollLeft:Math.min(R.value-o,s)})},{onWheel:ie}=Re.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{var n,c,i,a;(c=(n=W.value)==null?void 0:n.onMouseUp)==null||c.call(n),(a=(i=W.value)==null?void 0:i.onMouseUp)==null||a.call(i);const o=e.unref(y),s=e.unref(M);L({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-o),scrollTop:Math.min(u.value.scrollTop+t,x.value-s)})}),L=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const o=e.unref(u);t===o.scrollTop&&r===o.scrollLeft||(u.value={...o,xAxisScrollDir:g.getScrollDir(o.scrollLeft,r),yAxisScrollDir:g.getScrollDir(o.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>z()),H(),q())},se=(r=0,t=0,o=f.AUTO_ALIGNMENT)=>{const s=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const n=ge.getScrollBarWidth(b.namespace.value),c=e.unref(w),i=N(l,c),a=k(l,c);L({scrollLeft:X(l,t,o,s.scrollLeft,c,a>l.width?n:0),scrollTop:Y(l,r,o,s.scrollTop,c,i>l.height?n:0)})},ae=(r,t)=>{const{columnWidth:o,direction:s,rowHeight:n}=l,c=O.value(A&&o,A&&n,A&&s),i=`${r},${t}`;if(v.hasOwn(c,i))return c[i];{const[,a]=F(l,t,e.unref(w)),d=e.unref(w),h=g.isRTL(s),[T,m]=J(l,r,d),[S]=F(l,t,d);return c[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${m}px`,height:`${T}px`,width:`${S}px`},c[i]}},z=()=>{u.value.isScrolling=!1,e.nextTick(()=>{O.value(-1,null,null)})};e.onMounted(()=>{if(!Te.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,o=e.unref(E);o&&(v.isNumber(r)&&(o.scrollLeft=r),v.isNumber(t)&&(o.scrollTop=t)),q()});const H=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:o,updateRequested:s}=e.unref(u),n=e.unref(E);if(s&&n){if(r===f.RTL)switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{n.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{n.scrollLeft=t;break}default:{const{clientWidth:c,scrollWidth:i}=n;n.scrollLeft=i-c-t;break}}else n.scrollLeft=Math.max(0,t);n.scrollTop=Math.max(0,o)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=_.proxy;ee({windowRef:E,innerRef:$,getItemStyleCache:O,scrollTo:L,scrollToItem:se,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:o,totalColumn:s,totalRow:n}=l,c=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:T}=e.unref(u),m=e.h(B.default,{ref:W,alwaysOn:r,startGap:t,endGap:o,class:b.e("horizontal"),clientSize:c,layout:"horizontal",onScroll:ce,ratio:c*100/a,scrollFrom:h/(a-c),total:n,visible:!0}),S=e.h(B.default,{ref:te,alwaysOn:r,startGap:t,endGap:o,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:ne,ratio:i*100/d,scrollFrom:T/(d-i),total:s,visible:!0});return{horizontalScrollbar:m,verticalScrollbar:S}},me=()=>{var T;const[r,t]=e.unref(G),[o,s]=e.unref(V),{data:n,totalColumn:c,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&c>0)for(let m=o;m<=s;m++)for(let S=r;S<=t;S++)h.push((T=D.default)==null?void 0:T.call(D,{columnIndex:S,data:n,key:d({columnIndex:S,data:n,rowIndex:m}),isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m}));return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:$},v.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:o}=he(),s=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:oe,onWheel:ie,ref:E},v.isString(r)?s:{default:()=>s}),t,o])}}});exports.default=Ee;

package/lib/components/virtual-list/builders/build-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("@vueuse/core"),T=require("@vft/utils"),te=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const le=require("../hooks/use-cache.cjs"),ne=require("../hooks/use-wheel.cjs"),re=require("../components/scrollbar.cjs"),R=require("../utils.cjs"),se=require("../props.cjs"),a=require("../defaults.cjs"),oe=({name:B,getOffset:j,getItemSize:K,getItemOffset:Z,getEstimatedTotalSize:J,getStartIndexForOffset:Q,getStopIndexForStartIndex:X,initCache:Y,clearCache:N,validateProps:p})=>e.defineComponent({name:B??"VftVirtualList",props:se.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:O,expose:A}){p(l);const E=e.getCurrentInstance(),F=te.useNamespace("vl"),d=e.ref(Y(l,E)),b=le.useCache(),m=e.ref(),z=e.ref(),C=e.ref(),o=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:T.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:r,scrollDir:u,scrollOffset:s}=e.unref(o);if(t===0)return[0,0,0,0];const c=Q(l,s,e.unref(d)),i=X(l,c,s,e.unref(d)),w=!r||u===a.BACKWARD?Math.max(1,n):1,y=!r||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),h=e.computed(()=>J(l,e.unref(d))),S=e.computed(()=>R.isHorizontal(l.layout)),$=e.computed(()=>[{position:"relative",[`overflow-${S.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style]),q=e.computed(()=>{const t=e.unref(h),n=e.unref(S);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(o).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>S.value?l.width:l.height),{onWheel:W}=ne.default({atStartEdge:e.computed(()=>o.value.scrollOffset<=0),atEndEdge:e.computed(()=>o.value.scrollOffset>=h.value),layout:e.computed(()=>l.layout)},t=>{var n,r;(r=(n=C.value).onMouseUp)==null||r.call(n),f(Math.min(o.value.scrollOffset+t,h.value-v.value))}),_=()=>{const{total:t}=l;if(t>0){const[s,c,i,w]=e.unref(L);O(a.ITEM_RENDER_EVT,s,c,i,w)}const{scrollDir:n,scrollOffset:r,updateRequested:u}=e.unref(o);O(a.SCROLL_EVT,n,r,u)},H=t=>{const{clientHeight:n,scrollHeight:r,scrollTop:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,r-n));o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(x)},V=t=>{const{clientWidth:n,scrollLeft:r,scrollWidth:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===r)return;const{direction:c}=l;let i=r;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-r;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-r;break}}i=Math.max(0,Math.min(i,u-n)),o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(x)},I=t=>{e.unref(S)?V(t):H(t),_()},k=(t,n)=>{const r=(h.value-v.value)/n*t;f(Math.min(h.value-v.value,r))},f=t=>{t=Math.max(t,0),t!==e.unref(o).scrollOffset&&(o.value={...e.unref(o),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(o).scrollOffset,t),updateRequested:!0},e.nextTick(x))},M=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:r}=e.unref(o);t=Math.max(0,Math.min(t,l.total-1)),f(j(l,t,n,r,e.unref(d)))},P=t=>{const{direction:n,itemSize:r,layout:u}=l,s=b.value(N&&r,N&&u,N&&n);let c;if(T.hasOwn(s,String(t)))c=s[t];else{const i=Z(l,t,e.unref(d)),w=K(l,t,e.unref(d)),y=e.unref(S),G=n===a.RTL,U=y?i:0;s[t]=c={position:"absolute",left:G?void 0:`${U}px`,right:G?`${U}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},x=()=>{o.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},D=()=>{const t=m.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!ee.isClient)return;const{initScrollOffset:t}=l,n=e.unref(m);T.isNumber(t)&&n&&(e.unref(S)?n.scrollLeft=t:n.scrollTop=t),_()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:r,updateRequested:u}=e.unref(o),s=e.unref(m);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-r;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=r;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-r;break}}else s.scrollLeft=r;else s.scrollTop=r});const g={ns:F,clientSize:v,estimatedTotalSize:h,windowStyle:$,windowRef:m,innerRef:z,innerStyle:q,itemsToRender:L,scrollbarRef:C,states:o,getItemStyle:P,onScroll:I,onScrollbarScroll:k,onWheel:W,scrollTo:f,scrollToItem:M,resetScrollTop:D};return A({windowRef:m,innerRef:z,getItemStyleCache:b,scrollTo:f,scrollToItem:M,resetScrollTop:D,states:o}),g},render(l){var D;const{$slots:O,className:A,clientSize:E,containerElement:F,data:d,getItemStyle:b,innerElement:m,itemsToRender:z,innerStyle:C,layout:o,total:L,onScroll:h,onScrollbarScroll:S,onWheel:$,states:q,useIsScrolling:v,windowStyle:W,ns:_}=l,[H,V]=z,I=e.resolveDynamicComponent(F),k=e.resolveDynamicComponent(m),f=[];if(L>0)for(let g=H;g<=V;g++)f.push((D=O.default)==null?void 0:D.call(O,{data:d,key:g,index:g,isScrolling:v?q.isScrolling:void 0,style:b(g)}));const M=[e.h(k,{style:C,ref:"innerRef"},T.isString(k)?f:{default:()=>f})],P=e.h(re.default,{ref:"scrollbarRef",clientSize:E,layout:o,onScroll:S,ratio:E*100/this.estimatedTotalSize,scrollFrom:q.scrollOffset/(this.estimatedTotalSize-E),total:L}),x=e.h(I,{class:[_.e("window"),A],style:W,onScroll:h,onWheel:$,ref:"windowRef",key:0},T.isString(I)?[M]:{default:()=>[M]});return e.h("div",{key:0,class:[_.e("wrapper"),q.scrollbarAlwaysOn?"always-on":""]},[x,P])}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("@vueuse/core"),T=require("@vft/utils"),te=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("../../../utils/ns-cover.cjs");const le=require("../hooks/use-cache.cjs"),ne=require("../hooks/use-wheel.cjs"),se=require("../components/scrollbar.cjs"),R=require("../utils.cjs"),oe=require("../props.cjs"),a=require("../defaults.cjs"),re=({name:B,getOffset:j,getItemSize:K,getItemOffset:Z,getEstimatedTotalSize:J,getStartIndexForOffset:Q,getStopIndexForStartIndex:X,initCache:Y,clearCache:N,validateProps:p})=>e.defineComponent({name:B??"VftVirtualList",props:oe.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:O,expose:A}){p(l);const E=e.getCurrentInstance(),F=te.useNamespace("vl"),d=e.ref(Y(l,E)),b=le.useCache(),m=e.ref(),z=e.ref(),C=e.ref(),r=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:T.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:s,scrollDir:u,scrollOffset:o}=e.unref(r);if(t===0)return[0,0,0,0];const c=Q(l,o,e.unref(d)),i=X(l,c,o,e.unref(d)),w=!s||u===a.BACKWARD?Math.max(1,n):1,y=!s||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),h=e.computed(()=>J(l,e.unref(d))),S=e.computed(()=>R.isHorizontal(l.layout)),$=e.computed(()=>[{position:"relative",[`overflow-${S.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style]),_=e.computed(()=>{const t=e.unref(h),n=e.unref(S);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(r).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>S.value?l.width:l.height),{onWheel:W}=ne.default({atStartEdge:e.computed(()=>r.value.scrollOffset<=0),atEndEdge:e.computed(()=>r.value.scrollOffset>=h.value),layout:e.computed(()=>l.layout)},t=>{var n,s;(s=(n=C.value).onMouseUp)==null||s.call(n),f(Math.min(r.value.scrollOffset+t,h.value-v.value))}),M=()=>{const{total:t}=l;if(t>0){const[o,c,i,w]=e.unref(L);O(a.ITEM_RENDER_EVT,o,c,i,w)}const{scrollDir:n,scrollOffset:s,updateRequested:u}=e.unref(r);O(a.SCROLL_EVT,n,s,u)},H=t=>{const{clientHeight:n,scrollHeight:s,scrollTop:u}=t.currentTarget,o=e.unref(r);if(o.scrollOffset===u)return;const c=Math.max(0,Math.min(u,s-n));r.value={...o,isScrolling:!0,scrollDir:R.getScrollDir(o.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(x)},V=t=>{const{clientWidth:n,scrollLeft:s,scrollWidth:u}=t.currentTarget,o=e.unref(r);if(o.scrollOffset===s)return;const{direction:c}=l;let i=s;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-s;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-s;break}}i=Math.max(0,Math.min(i,u-n)),r.value={...o,isScrolling:!0,scrollDir:R.getScrollDir(o.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(x)},I=t=>{e.unref(S)?V(t):H(t),M()},k=(t,n)=>{const s=(h.value-v.value)/n*t;f(Math.min(h.value-v.value,s))},f=t=>{t=Math.max(t,0),t!==e.unref(r).scrollOffset&&(r.value={...e.unref(r),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(r).scrollOffset,t),updateRequested:!0},e.nextTick(x))},q=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:s}=e.unref(r);t=Math.max(0,Math.min(t,l.total-1)),f(j(l,t,n,s,e.unref(d)))},P=t=>{const{direction:n,itemSize:s,layout:u}=l,o=b.value(N&&s,N&&u,N&&n);let c;if(T.hasOwn(o,String(t)))c=o[t];else{const i=Z(l,t,e.unref(d)),w=K(l,t,e.unref(d)),y=e.unref(S),G=n===a.RTL,U=y?i:0;o[t]=c={position:"absolute",left:G?void 0:`${U}px`,right:G?`${U}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},x=()=>{r.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},D=()=>{const t=m.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!ee.isClient)return;const{initScrollOffset:t}=l,n=e.unref(m);T.isNumber(t)&&n&&(e.unref(S)?n.scrollLeft=t:n.scrollTop=t),M()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:s,updateRequested:u}=e.unref(r),o=e.unref(m);if(u&&o)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{o.scrollLeft=-s;break}case a.RTL_OFFSET_POS_ASC:{o.scrollLeft=s;break}default:{const{clientWidth:c,scrollWidth:i}=o;o.scrollLeft=i-c-s;break}}else o.scrollLeft=s;else o.scrollTop=s});const g={ns:F,clientSize:v,estimatedTotalSize:h,windowStyle:$,windowRef:m,innerRef:z,innerStyle:_,itemsToRender:L,scrollbarRef:C,states:r,getItemStyle:P,onScroll:I,onScrollbarScroll:k,onWheel:W,scrollTo:f,scrollToItem:q,resetScrollTop:D};return A({windowRef:m,innerRef:z,getItemStyleCache:b,scrollTo:f,scrollToItem:q,resetScrollTop:D,states:r}),g},render(l){var D;const{$slots:O,className:A,clientSize:E,containerElement:F,data:d,getItemStyle:b,innerElement:m,itemsToRender:z,innerStyle:C,layout:r,total:L,onScroll:h,onScrollbarScroll:S,onWheel:$,states:_,useIsScrolling:v,windowStyle:W,ns:M}=l,[H,V]=z,I=e.resolveDynamicComponent(F),k=e.resolveDynamicComponent(m),f=[];if(L>0)for(let g=H;g<=V;g++)f.push((D=O.default)==null?void 0:D.call(O,{data:d,key:g,index:g,isScrolling:v?_.isScrolling:void 0,style:b(g)}));const q=[e.h(k,{style:C,ref:"innerRef"},T.isString(k)?f:{default:()=>f})],P=e.h(se.default,{ref:"scrollbarRef",clientSize:E,layout:r,onScroll:S,ratio:E*100/this.estimatedTotalSize,scrollFrom:_.scrollOffset/(this.estimatedTotalSize-E),total:L}),x=e.h(I,{class:[M.e("window"),A],style:W,onScroll:h,onWheel:$,ref:"windowRef",key:0},T.isString(I)?[q]:{default:()=>[q]});return e.h("div",{key:0,class:[M.e("wrapper"),_.scrollbarAlwaysOn?"always-on":""]},[x,P])}});exports.default=re;

package/lib/components/virtual-list/components/dynamic-size-grid.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("@vue/shared"),d=require("@vft/utils");require("vue");const T=require("../../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const D=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:I,min:z,floor:M}=Math,A="VftDynamicSizeGrid",L={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[L[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},v=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+M((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return I(0,t-1)},g=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return v(e,s,M(t/2),z(t,o-1),i,n)},w=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?v(e,s,0,o,t,i):g(e,s,I(0,o),t,i)},O=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},C=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},G={column:C,row:O},N=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,G[o]],c=a(e,s,n,o),h=f(e,n),E=I(0,z(h-u,c.offset)),m=I(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},R=D.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>N(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>N(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>w(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:O,getEstimatedTotalWidth:C,getRowStartIndexForOffset:(e,s,t)=>w(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{var f,c;u=d.isUndefined(u)?!0:u,d.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),d.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),(f=e.exposed)==null||f.getItemStyleCache.value(-1,null,null),u&&((c=e.proxy)==null||c.$forceUpdate())},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(_.isFunction(e)||T.throwError(A,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("@vft/utils");require("vue");const _=require("../../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const h=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:d,min:N,floor:z}=Math,T="VftDynamicSizeGrid",D={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[D[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},M=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+z((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return d(0,t-1)},L=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return M(e,s,z(t/2),N(t,o-1),i,n)},A=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?M(e,s,0,o,t,i):L(e,s,d(0,o),t,i)},v=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},O=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},g={column:O,row:v},w=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,g[o]],c=a(e,s,n,o),C=f(e,n),E=d(0,N(C-u,c.offset)),m=d(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},G=h.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>A(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:v,getEstimatedTotalWidth:O,getRowStartIndexForOffset:(e,s,t)=>A(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{var f,c;u=I.isUndefined(u)?!0:u,I.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),I.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),(f=e.exposed)==null||f.getItemStyleCache.value(-1,null,null),u&&((c=e.proxy)==null||c.$forceUpdate())},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(I.isFunction(e)||_.throwError(T,`
           "columnWidth" must be passed as function,
             instead ${typeof e} was given.
-        `),_.isFunction(s)||T.throwError(A,`
+        `),I.isFunction(s)||_.throwError(T,`
           "rowHeight" must be passed as function,
             instead ${typeof s} was given.
-        `))}});exports.default=R;
+        `))}});exports.default=G;