vft 0.0.69 → 0.0.71

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;

package/lib/components/virtual-list/components/scrollbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../scrollbar/index.cjs");require("@vft/utils");require("lodash");const E=require("../../../utils/vue/raf.cjs");require("../../../utils/ns-cover.cjs");require("@vueuse/core");const x=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const m=require("../defaults.cjs"),B=require("../props.cjs"),N=require("../utils.cjs"),O=require("../../scrollbar/util.cjs"),P=t.defineComponent({name:"ElVirtualScrollBar",props:B.virtualizedScrollbarProps,emits:["scroll","start-move","stop-move"],setup(r,{emit:i}){const b=t.computed(()=>r.startGap+r.endGap),L=x.useNamespace("virtual-scrollbar"),R=x.useNamespace("scrollbar"),f=t.ref(),u=t.ref();let S=null,h=null;const o=t.reactive({isDragging:!1,traveled:0}),n=t.computed(()=>O.BAR_MAP[r.layout]),M=t.computed(()=>r.clientSize-t.unref(b)),I=t.computed(()=>({position:"absolute",width:`${m.HORIZONTAL===r.layout?M.value:r.scrollbarSize}px`,height:`${m.HORIZONTAL===r.layout?r.scrollbarSize:M.value}px`,[m.ScrollbarDirKey[r.layout]]:"2px",right:"2px",bottom:"2px",borderRadius:"4px"})),g=t.computed(()=>{const e=r.ratio,a=r.clientSize;if(e>=100)return Number.POSITIVE_INFINITY;if(e>=50)return e*a/100;const l=a/3;return Math.floor(Math.min(Math.max(e*a,m.SCROLLBAR_MIN_SIZE),l))}),T=t.computed(()=>{if(!Number.isFinite(g.value))return{display:"none"};const e=`${g.value}px`;return N.renderThumbStyle({bar:n.value,size:e,move:o.traveled},r.layout)}),s=t.computed(()=>Math.floor(r.clientSize-g.value-t.unref(b))),z=()=>{window.addEventListener("mousemove",v),window.addEventListener("mouseup",c);const e=t.unref(u);e&&(h=document.onselectstart,document.onselectstart=()=>!1,e.addEventListener("touchmove",v),e.addEventListener("touchend",c))},y=()=>{window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",c),document.onselectstart=h,h=null;const e=t.unref(u);e&&(e.removeEventListener("touchmove",v),e.removeEventListener("touchend",c))},q=e=>{e.stopImmediatePropagation(),!(e.ctrlKey||[1,2].includes(e.button))&&(o.isDragging=!0,o[n.value.axis]=e.currentTarget[n.value.offset]-(e[n.value.client]-e.currentTarget.getBoundingClientRect()[n.value.direction]),i("start-move"),z())},c=()=>{o.isDragging=!1,o[n.value.axis]=0,i("stop-move"),y()},v=e=>{const{isDragging:a}=o;if(!a||!u.value||!f.value)return;const l=o[n.value.axis];if(!l)return;E.cAF(S);const d=(f.value.getBoundingClientRect()[n.value.direction]-e[n.value.client])*-1,p=u.value[n.value.offset]-l,w=d-p;S=E.rAF(()=>{o.traveled=Math.max(r.startGap,Math.min(w,s.value)),i("scroll",w,s.value)})},A=e=>{const a=Math.abs(e.target.getBoundingClientRect()[n.value.direction]-e[n.value.client]),l=u.value[n.value.offset]/2,d=a-l;o.traveled=Math.max(0,Math.min(d,s.value)),i("scroll",d,s.value)};return t.watch(()=>r.scrollFrom,e=>{o.isDragging||(o.traveled=Math.ceil(e*s.value))}),t.onBeforeUnmount(()=>{y()}),()=>t.h("div",{role:"presentation",ref:f,class:[L.b(),r.class,(r.alwaysOn||o.isDragging)&&"always-on"],style:I.value,onMousedown:t.withModifiers(A,["stop","prevent"]),onTouchstartPrevent:q},t.h("div",{ref:u,class:R.e("thumb"),style:T.value,onMousedown:q},[]))}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../scrollbar/index.cjs");require("@vft/utils");require("lodash");const q=require("../../../utils/vue/raf.cjs");require("../../../utils/ns-cover.cjs");require("@vueuse/core");const x=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const m=require("../defaults.cjs"),B=require("../props.cjs"),N=require("../utils.cjs"),O=require("../../scrollbar/util.cjs"),P=t.defineComponent({name:"ElVirtualScrollBar",props:B.virtualizedScrollbarProps,emits:["scroll","start-move","stop-move"],setup(n,{emit:i}){const b=t.computed(()=>n.startGap+n.endGap),L=x.useNamespace("virtual-scrollbar"),R=x.useNamespace("scrollbar"),f=t.ref(),u=t.ref();let S=null,h=null;const o=t.reactive({isDragging:!1,traveled:0}),r=t.computed(()=>O.BAR_MAP[n.layout]),M=t.computed(()=>n.clientSize-t.unref(b)),I=t.computed(()=>({position:"absolute",width:`${m.HORIZONTAL===n.layout?M.value:n.scrollbarSize}px`,height:`${m.HORIZONTAL===n.layout?n.scrollbarSize:M.value}px`,[m.ScrollbarDirKey[n.layout]]:"2px",right:"2px",bottom:"2px",borderRadius:"4px"})),g=t.computed(()=>{const e=n.ratio,a=n.clientSize;if(e>=100)return Number.POSITIVE_INFINITY;if(e>=50)return e*a/100;const l=a/3;return Math.floor(Math.min(Math.max(e*a,m.SCROLLBAR_MIN_SIZE),l))}),T=t.computed(()=>{if(!Number.isFinite(g.value))return{display:"none"};const e=`${g.value}px`;return N.renderThumbStyle({bar:r.value,size:e,move:o.traveled},n.layout)}),s=t.computed(()=>Math.floor(n.clientSize-g.value-t.unref(b))),z=()=>{window.addEventListener("mousemove",v),window.addEventListener("mouseup",c);const e=t.unref(u);e&&(h=document.onselectstart,document.onselectstart=()=>!1,e.addEventListener("touchmove",v),e.addEventListener("touchend",c))},y=()=>{window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",c),document.onselectstart=h,h=null;const e=t.unref(u);e&&(e.removeEventListener("touchmove",v),e.removeEventListener("touchend",c))},w=e=>{e.stopImmediatePropagation(),!(e.ctrlKey||[1,2].includes(e.button))&&(o.isDragging=!0,o[r.value.axis]=e.currentTarget[r.value.offset]-(e[r.value.client]-e.currentTarget.getBoundingClientRect()[r.value.direction]),i("start-move"),z())},c=()=>{o.isDragging=!1,o[r.value.axis]=0,i("stop-move"),y()},v=e=>{const{isDragging:a}=o;if(!a||!u.value||!f.value)return;const l=o[r.value.axis];if(!l)return;q.cAF(S);const d=(f.value.getBoundingClientRect()[r.value.direction]-e[r.value.client])*-1,p=u.value[r.value.offset]-l,E=d-p;S=q.rAF(()=>{o.traveled=Math.max(n.startGap,Math.min(E,s.value)),i("scroll",E,s.value)})},A=e=>{const a=Math.abs(e.target.getBoundingClientRect()[r.value.direction]-e[r.value.client]),l=u.value[r.value.offset]/2,d=a-l;o.traveled=Math.max(0,Math.min(d,s.value)),i("scroll",d,s.value)};return t.watch(()=>n.scrollFrom,e=>{o.isDragging||(o.traveled=Math.ceil(e*s.value))}),t.onBeforeUnmount(()=>{y()}),()=>t.h("div",{role:"presentation",ref:f,class:[L.b(),n.class,(n.alwaysOn||o.isDragging)&&"always-on"],style:I.value,onMousedown:t.withModifiers(A,["stop","prevent"]),onTouchstartPrevent:w},t.h("div",{ref:u,class:R.e("thumb"),style:T.value,onMousedown:w},[]))}});exports.default=P;

package/lib/hooks/use-lockscreen/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),y=require("@vue/reactivity"),h=require("@vueuse/core"),e=require("@vft/utils"),b=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const f=require("../../utils/dom/scroll.cjs"),p=require("../use-namespace/index.cjs"),v=(r,i={})=>{c.isRef(r)||b.throwError("[useLockscreen]","You need to pass a ref param to this function");const n=i.ns||p.useNamespace("popup"),o=y.computed(()=>n.bm("parent","hidden"));if(!h.isClient||e.hasClass(document.body,o.value))return;let s=0,t=!1,u="0";const d=()=>{setTimeout(()=>{e.removeClass(document==null?void 0:document.body,o.value),t&&document&&(document.body.style.width=u)},200)};c.watch(r,l=>{if(!l){d();return}t=!e.hasClass(document.body,o.value),t&&(u=document.body.style.width),s=f.getScrollBarWidth(n.namespace.value);const a=document.documentElement.clientHeight<document.body.scrollHeight,m=e.getStyle(document.body,"overflowY");s>0&&(a||m==="scroll")&&t&&(document.body.style.width=`calc(100% - ${s}px)`),e.addClass(document.body,o.value)}),c.onScopeDispose(()=>d())};exports.useLockscreen=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),y=require("@vueuse/core"),e=require("@vft/utils"),h=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const b=require("../../utils/dom/scroll.cjs"),f=require("../use-namespace/index.cjs"),p=(n,l={})=>{s.isRef(n)||h.throwError("[useLockscreen]","You need to pass a ref param to this function");const r=l.ns||f.useNamespace("popup"),o=s.computed(()=>r.bm("parent","hidden"));if(!y.isClient||e.hasClass(document.body,o.value))return;let c=0,t=!1,d="0";const u=()=>{setTimeout(()=>{e.removeClass(document==null?void 0:document.body,o.value),t&&document&&(document.body.style.width=d)},200)};s.watch(n,i=>{if(!i){u();return}t=!e.hasClass(document.body,o.value),t&&(d=document.body.style.width),c=b.getScrollBarWidth(r.namespace.value);const a=document.documentElement.clientHeight<document.body.scrollHeight,m=e.getStyle(document.body,"overflowY");c>0&&(a||m==="scroll")&&t&&(document.body.style.width=`calc(100% - ${c}px)`),e.addClass(document.body,o.value)}),s.onScopeDispose(()=>u())};exports.useLockscreen=p;

package/lib/hooks/use-namespace/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../components/config-provider/hooks/use-global-config.cjs"),o=require("vue"),m="vft",N="is-",c=(t,u,a,v,$)=>{let r=`${t}-${u}`;return a&&(r+=`-${a}`),v&&(r+=`__${v}`),$&&(r+=`--${$}`),r},p=Symbol("localeContextKey"),y=t=>{const u=t||o.inject(p,o.ref(m));return o.computed(()=>o.unref(u)||m)},i=(t,u)=>{const a=l.useGlobalConfig("namespace",m);return{namespace:a,b:(e="")=>c(a.value,t,e,"",""),e:e=>e?c(a.value,t,"",e,""):"",m:e=>e?c(a.value,t,"","",e):"",be:(e,s)=>e&&s?c(a.value,t,e,s,""):"",em:(e,s)=>e&&s?c(a.value,t,"",e,s):"",bm:(e,s)=>e&&s?c(a.value,t,e,"",s):"",bem:(e,s,n)=>e&&s&&n?c(a.value,t,e,s,n):"",is:(e,...s)=>{const n=s.length>=1?s[0]:!0;return e&&n?`${N}${e}`:""},cssVar:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${n}`]=e[n]);return s},cssVarName:e=>`--${a.value}-${e}`,cssVarBlock:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${t}-${n}`]=e[n]);return s},cssVarBlockName:e=>`--${a.value}-${t}-${e}`}};exports._bem=c;exports.defaultNamespace=m;exports.namespaceContextKey=p;exports.useGetDerivedNamespace=y;exports.useNamespace=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../components/config-provider/hooks/use-global-config.cjs"),o=require("vue"),m="vft",N="is-",c=(t,a,u,v,$)=>{let r=`${t}-${a}`;return u&&(r+=`-${u}`),v&&(r+=`__${v}`),$&&(r+=`--${$}`),r},l=Symbol("localeContextKey"),y=t=>{const a=t||o.inject(l,o.ref(m));return o.computed(()=>o.unref(a)||m)},i=t=>{const a=p.useGlobalConfig("namespace",m);return{namespace:a,b:(e="")=>c(a.value,t,e,"",""),e:e=>e?c(a.value,t,"",e,""):"",m:e=>e?c(a.value,t,"","",e):"",be:(e,s)=>e&&s?c(a.value,t,e,s,""):"",em:(e,s)=>e&&s?c(a.value,t,"",e,s):"",bm:(e,s)=>e&&s?c(a.value,t,e,"",s):"",bem:(e,s,n)=>e&&s&&n?c(a.value,t,e,s,n):"",is:(e,...s)=>{const n=s.length>=1?s[0]:!0;return e&&n?`${N}${e}`:""},cssVar:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${n}`]=e[n]);return s},cssVarName:e=>`--${a.value}-${e}`,cssVarBlock:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${t}-${n}`]=e[n]);return s},cssVarBlockName:e=>`--${a.value}-${t}-${e}`}};exports._bem=c;exports.defaultNamespace=m;exports.namespaceContextKey=l;exports.useGetDerivedNamespace=y;exports.useNamespace=i;

package/lib/hooks/use-same-target/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vue/shared"),u=r=>{if(!r)return{onClick:n.NOOP,onMousedown:n.NOOP,onMouseup:n.NOOP};let o=!1,t=!1;return{onClick:e=>{o&&t&&r(e),o=t=!1},onMousedown:e=>{o=e.target===e.currentTarget},onMouseup:e=>{t=e.target===e.currentTarget}}};exports.useSameTarget=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vft/utils"),r=u=>{if(!u)return{onClick:n.noop,onMousedown:n.noop,onMouseup:n.noop};let e=!1,t=!1;return{onClick:o=>{e&&t&&u(o),e=t=!1},onMousedown:o=>{e=o.target===o.currentTarget},onMouseup:o=>{t=o.target===o.currentTarget}}};exports.useSameTarget=r;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.69";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.71";exports.version=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.69",
+  "version": "0.0.71",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -33,11 +33,11 @@
   ],
   "peerDependencies": {
     "vue": ">=3.2.0",
-    "vue-router": ">=4.0.16",
-    "vxe-table": "^4.3.6",
-    "xe-utils": "^3.5.7"
+    "vue-router": ">=4.0.16"
   },
   "dependencies": {
+    "vxe-table": "4.3.11",
+    "xe-utils": "3.5.7",
     "@ctrl/tinycolor": "^3.6.0",
     "@floating-ui/dom": "^1.2.5",
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",

package/tags.json

@@ -1 +1 @@
-{"vft-button":{"attributes":["size","type","plain","text","bg","link<VersionTag version=\"2.2.1\" />","round","circle","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark"],"description":"常用的操作按钮。\n\n[Docs](https://wflynn.cn/pages/button#button)"},"vft-button-group":{"description":"[Docs](https://wflynn.cn/pages/button#buttongroup)"},"vft-icon":{"attributes":["icon","size","color","hoverColor","rotate","rotateSpeed","pointer"],"description":"图标 [图标资源地址]\n\n[Docs](https://wflynn.cn/pages/icon#icon)"},"vft-list-cell":{"attributes":["change"],"description":"[Docs](https://wflynn.cn/pages/date-time-select#listcell)"},"vft-page-wrapper":{"attributes":["title"],"description":"页面 demo 容器\n\n[Docs](https://wflynn.cn/pages/page-wrapper#pagewrapper)"},"vft-date-time-select":{"attributes":["dateList","defaultFormat","placement"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/date-time-select#datetimeselect)"},"vft-icon-text":{"attributes":["text","icon","color","hoverColor","distance","reverse","size","direction","pointer"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/icon-text#icontext)"}}
+{"vft-button":{"attributes":["size","type","plain","text","bg","link<VersionTag version=\"2.2.1\" />","round","circle","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark"],"description":"常用的操作按钮。\n\n[Docs](https://wflynn.cn/pages/button#button)"},"vft-button-group":{"description":"[Docs](https://wflynn.cn/pages/button#buttongroup)"},"vft-icon":{"attributes":["icon","size","color","hoverColor","rotate","rotateSpeed","pointer"],"description":"图标 [图标资源地址]\n\n[Docs](https://wflynn.cn/pages/icon#icon)"},"vft-list-cell":{"attributes":["change"],"description":"[Docs](https://wflynn.cn/pages/side-menu#listcell)"},"vft-page-wrapper":{"attributes":["title"],"description":"页面 demo 容器\n\n[Docs](https://wflynn.cn/pages/page-wrapper#pagewrapper)"},"vft-date-time-select":{"attributes":["dateList","defaultFormat","placement"],"description":"自定义时间选择器\n\n[Docs](https://wflynn.cn/pages/date-time-select#datetimeselect)"},"vft-icon-text":{"attributes":["text","icon","color","hoverColor","distance","reverse","size","direction","pointer"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/icon-text#icontext)"},"vft-search":{"attributes":["modelValue","placeholder","prefixIcon","suffixIcon","clearable","clearIcon","width","focusWidth","hasPopover","visible","popoverCfg"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/search#search)"}}

package/theme-style/base.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
+@charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}