@element-plus/nightly 0.0.20221218 → 0.0.20221220

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221218 */
+/*! Element Plus v0.0.20221220 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9682,6 +9682,97 @@
     }, { immediate: true });
   };
 
+  var E$1="top",R="bottom",W="right",P$1="left",me="auto",G=[E$1,R,W,P$1],U$1="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U$1,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U$1,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X$1=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N$1(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I$1(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I$1(t)}function at(t){return !B(t)||N$1(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N$1(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N$1(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N$1(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N$1(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X$1(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P$1,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E$1:P$1,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P$1,d=E$1,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I$1(n),N$1(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E$1||(o===P$1||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P$1||(o===E$1||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I$1(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I$1(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I$1(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X$1(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X$1(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N$1(o||n).direction==="rtl"&&(s+=X$1(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N$1(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I$1(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N$1(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X$1(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X$1(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E$1:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P$1:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U$1:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I$1(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E$1,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U$1,re=[E$1,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P$1:L?R:E$1;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E$1,W,R,P$1].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P$1,E$1].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P$1,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E$1:P$1,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U$1?O[M]:j[M],ie=y===U$1?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X$1(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E$1:P$1,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E$1,P$1].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I$1(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
+
+  const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
+    const stateUpdater = {
+      name: "updateState",
+      enabled: true,
+      phase: "write",
+      fn: ({ state }) => {
+        const derivedState = deriveState(state);
+        Object.assign(states.value, derivedState);
+      },
+      requires: ["computeStyles"]
+    };
+    const options = vue.computed(() => {
+      const { onFirstUpdate, placement, strategy, modifiers } = vue.unref(opts);
+      return {
+        onFirstUpdate,
+        placement: placement || "bottom",
+        strategy: strategy || "absolute",
+        modifiers: [
+          ...modifiers || [],
+          stateUpdater,
+          { name: "applyStyles", enabled: false }
+        ]
+      };
+    });
+    const instanceRef = vue.shallowRef();
+    const states = vue.ref({
+      styles: {
+        popper: {
+          position: vue.unref(options).strategy,
+          left: "0",
+          right: "0"
+        },
+        arrow: {
+          position: "absolute"
+        }
+      },
+      attributes: {}
+    });
+    const destroy = () => {
+      if (!instanceRef.value)
+        return;
+      instanceRef.value.destroy();
+      instanceRef.value = void 0;
+    };
+    vue.watch(options, (newOptions) => {
+      const instance = vue.unref(instanceRef);
+      if (instance) {
+        instance.setOptions(newOptions);
+      }
+    }, {
+      deep: true
+    });
+    vue.watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
+      destroy();
+      if (!referenceElement || !popperElement)
+        return;
+      instanceRef.value = yn(referenceElement, popperElement, vue.unref(options));
+    });
+    vue.onBeforeUnmount(() => {
+      destroy();
+    });
+    return {
+      state: vue.computed(() => {
+        var _a;
+        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.state;
+      }),
+      styles: vue.computed(() => vue.unref(states).styles),
+      attributes: vue.computed(() => vue.unref(states).attributes),
+      update: () => {
+        var _a;
+        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.update();
+      },
+      forceUpdate: () => {
+        var _a;
+        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
+      },
+      instanceRef: vue.computed(() => vue.unref(instanceRef))
+    };
+  };
+  function deriveState(state) {
+    const elements = Object.keys(state.elements);
+    const styles = fromPairs(elements.map((element) => [element, state.elements[element] || {}]));
+    const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
+    return {
+      styles,
+      attributes
+    };
+  }
+
   const useRestoreActive = (toggle, initialFocus) => {
     let previousActive;
     vue.watch(() => toggle.value, (val) => {
@@ -11116,7 +11207,7 @@
     };
   };
 
-  const version$1 = "0.0.20221218";
+  const version$1 = "0.0.20221220";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11166,11 +11257,11 @@
   };
 
   const COMPONENT_NAME$m = "ElAffix";
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
   const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+    ...__default__$1z,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11286,12 +11377,12 @@
     }
   });
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+    ...__default__$1y,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11354,11 +11445,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+    ...__default__$1x,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11625,12 +11716,12 @@
   const _hoisted_1$13 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
   const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+    ...__default__$1w,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12308,11 +12399,11 @@
   };
 
   const COMPONENT_NAME$k = "ElScrollbar";
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: COMPONENT_NAME$k
   });
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1v,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12493,12 +12584,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElPopperRoot",
     inheritAttrs: false
   });
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1u,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12531,12 +12622,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1t,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12649,12 +12740,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+    ...__default__$1s,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12754,8 +12845,6 @@
   });
   var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "trigger.vue"]]);
 
-  var E$1="top",R="bottom",W="right",P$1="left",me="auto",G=[E$1,R,W,P$1],U$1="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U$1,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U$1,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X$1=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N$1(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I$1(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I$1(t)}function at(t){return !B(t)||N$1(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N$1(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N$1(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N$1(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N$1(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X$1(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P$1,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E$1:P$1,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P$1,d=E$1,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I$1(n),N$1(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E$1||(o===P$1||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P$1||(o===E$1||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I$1(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I$1(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I$1(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X$1(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X$1(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N$1(o||n).direction==="rtl"&&(s+=X$1(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N$1(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I$1(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N$1(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X$1(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X$1(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E$1:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P$1:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U$1:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I$1(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E$1,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U$1,re=[E$1,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P$1:L?R:E$1;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E$1,W,R,P$1].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P$1,E$1].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P$1,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E$1:P$1,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U$1?O[M]:j[M],ie=y===U$1?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X$1(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E$1:P$1,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E$1,P$1].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I$1(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
-
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
   const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
@@ -13140,10 +13229,10 @@
       };
     }
   });
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$y], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$x], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const popperCoreConfigProps = buildProps({
@@ -13306,11 +13395,11 @@
     }
   }
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1r,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13588,11 +13677,11 @@
     };
   };
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13653,12 +13742,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13816,11 +13905,11 @@
 
   const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -14046,12 +14135,12 @@
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$j = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$j = "ElAutocomplete";
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: COMPONENT_NAME$j,
     inheritAttrs: false
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14411,11 +14500,11 @@
   };
 
   const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14546,11 +14635,11 @@
   };
 
   const COMPONENT_NAME$i = "ElBacktop";
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: COMPONENT_NAME$i
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14612,11 +14701,11 @@
   });
 
   const _hoisted_1$$ = ["textContent"];
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14674,11 +14763,11 @@
     }
   });
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14717,11 +14806,11 @@
     }
   });
 
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15799,11 +15888,11 @@
   }
 
   const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15875,11 +15964,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1f = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16451,11 +16540,11 @@
 
   const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -18355,11 +18444,11 @@
 
   const _hoisted_1$W = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18573,11 +18662,11 @@
   };
 
   const COMPONENT_NAME$h = "ElCalendar";
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18714,11 +18803,11 @@
     }
   });
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -19007,11 +19096,11 @@
   const _hoisted_1$V = ["onMouseenter", "onClick"];
   const _hoisted_2$A = { key: 0 };
   const COMPONENT_NAME$g = "ElCarousel";
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -19272,11 +19361,11 @@
     };
   };
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElCarouselItem"
   });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19567,11 +19656,11 @@
   const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19678,11 +19767,11 @@
 
   const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19792,11 +19881,11 @@
     change: (val) => isArray(val)
   };
 
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19924,11 +20013,11 @@
   };
 
   const _hoisted_1$S = ["value", "name", "disabled"];
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -20000,11 +20089,11 @@
   });
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -20094,11 +20183,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20294,7 +20383,7 @@
   });
   const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20377,7 +20466,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$P);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$x], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$w], ["__file", "node.vue"]]);
 
   const _sfc_main$1G = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20457,7 +20546,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20510,7 +20599,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$w], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$v], ["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -20677,17 +20766,19 @@
     }
   }
 
-  const CommonProps = {
-    modelValue: [Number, String, Array],
+  const CommonProps = buildProps({
+    modelValue: {
+      type: definePropType([Number, String, Array])
+    },
     options: {
-      type: Array,
+      type: definePropType(Array),
       default: () => []
     },
     props: {
-      type: Object,
+      type: definePropType(Object),
       default: () => ({})
     }
-  };
+  });
   const DefaultProps = {
     expandTrigger: "click",
     multiple: false,
@@ -20983,7 +21074,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -21000,7 +21091,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$v], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$u], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -21038,11 +21129,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -21126,97 +21217,89 @@
 
   const ElTag = withInstall(Tag);
 
-  const popperOptions = {
-    modifiers: [
-      {
-        name: "arrowPosition",
-        enabled: true,
-        phase: "main",
-        fn: ({ state }) => {
-          const { modifiersData, placement } = state;
-          if (["right", "left", "bottom", "top"].includes(placement))
-            return;
-          modifiersData.arrow.x = 35;
-        },
-        requires: ["arrow"]
-      }
-    ]
-  };
-  const COMPONENT_NAME$f = "ElCascader";
-  const _sfc_main$1D = vue.defineComponent({
-    name: COMPONENT_NAME$f,
-    components: {
-      ElCascaderPanel: _CascaderPanel,
-      ElInput,
-      ElTooltip,
-      ElScrollbar,
-      ElTag,
-      ElIcon,
-      CircleClose: circle_close_default,
-      Check: check_default,
-      ArrowDown: arrow_down_default
+  const cascaderProps = buildProps({
+    ...CommonProps,
+    size: useSizeProp,
+    placeholder: String,
+    disabled: Boolean,
+    clearable: Boolean,
+    filterable: Boolean,
+    filterMethod: {
+      type: definePropType(Function),
+      default: (node, keyword) => node.text.includes(keyword)
     },
-    directives: {
-      Clickoutside: ClickOutside
+    separator: {
+      type: String,
+      default: " / "
     },
-    props: {
-      ...CommonProps,
-      size: {
-        type: String,
-        validator: isValidComponentSize
-      },
-      placeholder: {
-        type: String
-      },
-      disabled: Boolean,
-      clearable: Boolean,
-      filterable: Boolean,
-      filterMethod: {
-        type: Function,
-        default: (node, keyword) => node.text.includes(keyword)
-      },
-      separator: {
-        type: String,
-        default: " / "
-      },
-      showAllLevels: {
-        type: Boolean,
-        default: true
-      },
-      collapseTags: Boolean,
-      collapseTagsTooltip: {
-        type: Boolean,
-        default: false
-      },
-      debounce: {
-        type: Number,
-        default: 300
-      },
-      beforeFilter: {
-        type: Function,
-        default: () => true
-      },
-      popperClass: {
-        type: String,
-        default: ""
-      },
-      teleported: useTooltipContentProps.teleported,
-      tagType: { ...tagProps.type, default: "info" },
-      validateEvent: {
-        type: Boolean,
-        default: true
-      }
+    showAllLevels: {
+      type: Boolean,
+      default: true
     },
-    emits: [
-      UPDATE_MODEL_EVENT,
-      CHANGE_EVENT,
-      "focus",
-      "blur",
-      "visible-change",
-      "expand-change",
-      "remove-tag"
-    ],
-    setup(props, { emit }) {
+    collapseTags: Boolean,
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: false
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    beforeFilter: {
+      type: definePropType(Function),
+      default: () => true
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    teleported: useTooltipContentProps.teleported,
+    tagType: { ...tagProps.type, default: "info" },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
+  });
+  const cascaderEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => !!val,
+    [CHANGE_EVENT]: (val) => !!val,
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    visibleChange: (val) => isBoolean(val),
+    expandChange: (val) => !!val,
+    removeTag: (val) => !!val
+  };
+
+  const _hoisted_1$O = { key: 0 };
+  const _hoisted_2$w = ["placeholder", "onKeydown"];
+  const _hoisted_3$h = ["onClick"];
+  const COMPONENT_NAME$f = "ElCascader";
+  const __default__$12 = vue.defineComponent({
+    name: COMPONENT_NAME$f
+  });
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
+    props: cascaderProps,
+    emits: cascaderEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const popperOptions = {
+        modifiers: [
+          {
+            name: "arrowPosition",
+            enabled: true,
+            phase: "main",
+            fn: ({ state }) => {
+              const { modifiersData, placement } = state;
+              if (["right", "left", "bottom", "top"].includes(placement))
+                return;
+              modifiersData.arrow.x = 35;
+            },
+            requires: ["arrow"]
+          }
+        ]
+      };
+      const attrs = vue.useAttrs();
       let inputInitialHeight = 0;
       let pressDeleteCount = 0;
       const nsCascader = useNamespace("cascader");
@@ -21237,9 +21320,12 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
+      const cascaderStyle = vue.computed(() => {
+        return attrs.style;
+      });
       const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
-      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 ? "" : inputPlaceholder.value);
+      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isOnComposition.value ? "" : inputPlaceholder.value);
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
       const multiple = vue.computed(() => !!props.props.multiple);
@@ -21271,10 +21357,25 @@
           }
         }
       });
-      const popperPaneRef = vue.computed(() => {
+      const cascaderPanelRef = vue.computed(() => {
         var _a, _b;
         return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
+      const cascaderKls = vue.computed(() => {
+        return [
+          nsCascader.b(),
+          nsCascader.m(realSize.value),
+          nsCascader.is("disabled", isDisabled.value),
+          attrs.class
+        ];
+      });
+      const cascaderIconKls = vue.computed(() => {
+        return [
+          nsInput.e("icon"),
+          "icon-arrow-down",
+          nsCascader.is("reverse", popperVisible.value)
+        ];
+      });
       const togglePopperVisible = (visible) => {
         var _a, _b, _c;
         if (isDisabled.value)
@@ -21289,7 +21390,7 @@
           } else if (props.filterable) {
             syncPresentTextValue();
           }
-          emit("visible-change", visible);
+          emit("visibleChange", visible);
         }
       };
       const updatePopperPosition = () => {
@@ -21317,7 +21418,7 @@
         const node = tag.node;
         node.doCheck(false);
         (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
-        emit("remove-tag", node.valueByOption);
+        emit("removeTag", node.valueByOption);
       };
       const calculatePresentTags = () => {
         if (!multiple.value)
@@ -21404,7 +21505,7 @@
       };
       const handleExpandChange = (value) => {
         updatePopperPosition();
-        emit("expand-change", value);
+        emit("expandChange", value);
       };
       const handleComposition = (event) => {
         var _a;
@@ -21491,6 +21592,12 @@
           lastTag.hitState = true;
         }
       };
+      const handleFocus = (e) => {
+        emit("focus", e);
+      };
+      const handleBlur = (e) => {
+        emit("blur", e);
+      };
       const handleFilter = debounce(() => {
         const { value } = searchKeyword;
         if (!value)
@@ -21523,283 +21630,226 @@
         inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
         useResizeObserver(inputInner, updateStyle);
       });
-      return {
-        popperOptions,
-        tooltipRef,
-        popperPaneRef,
-        input,
-        tagWrapper,
-        panel,
-        suggestionPanel,
-        popperVisible,
-        inputHover,
-        inputPlaceholder,
-        currentPlaceholder,
-        filtering,
-        presentText,
-        checkedValue,
-        inputValue,
-        searchInputValue,
-        presentTags,
-        allPresentTags,
-        suggestions,
-        isDisabled,
-        isOnComposition,
-        realSize,
-        tagSize,
-        multiple,
-        readonly,
-        clearBtnVisible,
-        nsCascader,
-        nsInput,
-        t,
-        togglePopperVisible,
-        hideSuggestionPanel,
-        deleteTag,
-        focusFirstNode,
+      expose({
         getCheckedNodes,
-        handleExpandChange,
-        handleKeyDown,
-        handleComposition,
-        handleClear,
-        handleSuggestionClick,
-        handleSuggestionKeyDown,
-        handleDelete,
-        handleInput
-      };
-    }
-  });
-  const _hoisted_1$O = { key: 0 };
-  const _hoisted_2$w = ["placeholder"];
-  const _hoisted_3$h = ["onClick"];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_circle_close = vue.resolveComponent("circle-close");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_arrow_down = vue.resolveComponent("arrow-down");
-    const _component_el_input = vue.resolveComponent("el-input");
-    const _component_el_tag = vue.resolveComponent("el-tag");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-    const _component_el_cascader_panel = vue.resolveComponent("el-cascader-panel");
-    const _component_check = vue.resolveComponent("check");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-    const _directive_clickoutside = vue.resolveDirective("clickoutside");
-    return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-      ref: "tooltipRef",
-      visible: _ctx.popperVisible,
-      teleported: _ctx.teleported,
-      "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
-      "popper-options": _ctx.popperOptions,
-      "fallback-placements": [
-        "bottom-start",
-        "bottom",
-        "top-start",
-        "top",
-        "right",
-        "left"
-      ],
-      "stop-popper-mouse-event": false,
-      "gpu-acceleration": false,
-      placement: "bottom-start",
-      transition: `${_ctx.nsCascader.namespace.value}-zoom-in-top`,
-      effect: "light",
-      pure: "",
-      persistent: "",
-      onHide: _ctx.hideSuggestionPanel
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([
-            _ctx.nsCascader.b(),
-            _ctx.nsCascader.m(_ctx.realSize),
-            _ctx.nsCascader.is("disabled", _ctx.isDisabled),
-            _ctx.$attrs.class
-          ]),
-          style: vue.normalizeStyle(_ctx.$attrs.style),
-          onClick: _cache[11] || (_cache[11] = () => _ctx.togglePopperVisible(_ctx.readonly ? void 0 : true)),
-          onKeydown: _cache[12] || (_cache[12] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args)),
-          onMouseenter: _cache[13] || (_cache[13] = ($event) => _ctx.inputHover = true),
-          onMouseleave: _cache[14] || (_cache[14] = ($event) => _ctx.inputHover = false)
-        }, [
-          vue.createVNode(_component_el_input, {
-            ref: "input",
-            modelValue: _ctx.inputValue,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.inputValue = $event),
-            placeholder: _ctx.currentPlaceholder,
-            readonly: _ctx.readonly,
-            disabled: _ctx.isDisabled,
-            "validate-event": false,
-            size: _ctx.realSize,
-            class: vue.normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
-            onCompositionstart: _ctx.handleComposition,
-            onCompositionupdate: _ctx.handleComposition,
-            onCompositionend: _ctx.handleComposition,
-            onFocus: _cache[2] || (_cache[2] = (e) => _ctx.$emit("focus", e)),
-            onBlur: _cache[3] || (_cache[3] = (e) => _ctx.$emit("blur", e)),
-            onInput: _ctx.handleInput
-          }, {
-            suffix: vue.withCtx(() => [
-              _ctx.clearBtnVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: "clear",
-                class: vue.normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
-                onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_circle_close)
-                ]),
-                _: 1
-              }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: "arrow-down",
-                class: vue.normalizeClass([
-                  _ctx.nsInput.e("icon"),
-                  "icon-arrow-down",
-                  _ctx.nsCascader.is("reverse", _ctx.popperVisible)
-                ]),
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
+        cascaderPanelRef
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+          ref_key: "tooltipRef",
+          ref: tooltipRef,
+          visible: popperVisible.value,
+          teleported: _ctx.teleported,
+          "popper-class": [vue.unref(nsCascader).e("dropdown"), _ctx.popperClass],
+          "popper-options": popperOptions,
+          "fallback-placements": [
+            "bottom-start",
+            "bottom",
+            "top-start",
+            "top",
+            "right",
+            "left"
+          ],
+          "stop-popper-mouse-event": false,
+          "gpu-acceleration": false,
+          placement: "bottom-start",
+          transition: `${vue.unref(nsCascader).namespace.value}-zoom-in-top`,
+          effect: "light",
+          pure: "",
+          persistent: "",
+          onHide: hideSuggestionPanel
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(vue.unref(cascaderKls)),
+              style: vue.normalizeStyle(vue.unref(cascaderStyle)),
+              onClick: _cache[5] || (_cache[5] = () => togglePopperVisible(vue.unref(readonly) ? void 0 : true)),
+              onKeydown: handleKeyDown,
+              onMouseenter: _cache[6] || (_cache[6] = ($event) => inputHover.value = true),
+              onMouseleave: _cache[7] || (_cache[7] = ($event) => inputHover.value = false)
+            }, [
+              vue.createVNode(vue.unref(ElInput), {
+                ref_key: "input",
+                ref: input,
+                modelValue: inputValue.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                placeholder: vue.unref(currentPlaceholder),
+                readonly: vue.unref(readonly),
+                disabled: vue.unref(isDisabled),
+                "validate-event": false,
+                size: vue.unref(realSize),
+                class: vue.normalizeClass(vue.unref(nsCascader).is("focus", popperVisible.value)),
+                onCompositionstart: handleComposition,
+                onCompositionupdate: handleComposition,
+                onCompositionend: handleComposition,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onInput: handleInput
               }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_down)
+                suffix: vue.withCtx(() => [
+                  vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "clear",
+                    class: vue.normalizeClass([vue.unref(nsInput).e("icon"), "icon-circle-close"]),
+                    onClick: vue.withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(circle_close_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "arrow-down",
+                    class: vue.normalizeClass(vue.unref(cascaderIconKls)),
+                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => togglePopperVisible(), ["stop"]))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrow_down_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]))
                 ]),
                 _: 1
-              }, 8, ["class"]))
-            ]),
-            _: 1
-          }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-          _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref: "tagWrapper",
-            class: vue.normalizeClass(_ctx.nsCascader.e("tags"))
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
-              return vue.openBlock(), vue.createBlock(_component_el_tag, {
-                key: tag.key,
-                type: _ctx.tagType,
-                size: _ctx.tagSize,
-                hit: tag.hitState,
-                closable: tag.closable,
-                "disable-transitions": "",
-                onClose: ($event) => _ctx.deleteTag(tag)
-              }, {
-                default: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-                    key: 1,
-                    disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
-                    "fallback-placements": ["bottom", "top", "right", "left"],
-                    placement: "bottom",
-                    effect: "light"
+              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+              vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "tagWrapper",
+                ref: tagWrapper,
+                class: vue.normalizeClass(vue.unref(nsCascader).e("tags"))
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                    key: tag.key,
+                    type: _ctx.tagType,
+                    size: vue.unref(tagSize),
+                    hit: tag.hitState,
+                    closable: tag.closable,
+                    "disable-transitions": "",
+                    onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
-                    ]),
-                    content: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tags"))
-                      }, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags.slice(1), (tag2, idx) => {
-                          return vue.openBlock(), vue.createElementBlock("div", {
-                            key: idx,
-                            class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tag"))
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                        key: 1,
+                        disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        placement: "bottom",
+                        effect: "light"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                        ]),
+                        content: vue.withCtx(() => [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
                           }, [
-                            (vue.openBlock(), vue.createBlock(_component_el_tag, {
-                              key: tag2.key,
-                              class: "in-tooltip",
-                              type: _ctx.tagType,
-                              size: _ctx.tagSize,
-                              hit: tag2.hitState,
-                              closable: tag2.closable,
-                              "disable-transitions": "",
-                              onClose: ($event) => _ctx.deleteTag(tag2)
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                          ], 2);
-                        }), 128))
-                      ], 2)
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(1), (tag2, idx) => {
+                              return vue.openBlock(), vue.createElementBlock("div", {
+                                key: idx,
+                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                              }, [
+                                (vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                                  key: tag2.key,
+                                  class: "in-tooltip",
+                                  type: _ctx.tagType,
+                                  size: vue.unref(tagSize),
+                                  hit: tag2.hitState,
+                                  closable: tag2.closable,
+                                  "disable-transitions": "",
+                                  onClose: ($event) => deleteTag(tag2)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["type", "size", "hit", "closable", "onClose"]))
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled"]))
                     ]),
                     _: 2
-                  }, 1032, ["disabled"]))
-                ]),
-                _: 2
-              }, 1032, ["type", "size", "hit", "closable", "onClose"]);
-            }), 128)),
-            _ctx.filterable && !_ctx.isDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  }, 1032, ["type", "size", "hit", "closable", "onClose"]);
+                }), 128)),
+                _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 0,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchInputValue.value = $event),
+                  type: "text",
+                  class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),
+                  placeholder: vue.unref(presentText) ? "" : vue.unref(inputPlaceholder),
+                  onInput: _cache[3] || (_cache[3] = (e) => handleInput(searchInputValue.value, e)),
+                  onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => togglePopperVisible(true), ["stop"])),
+                  onKeydown: vue.withKeys(handleDelete, ["delete"]),
+                  onCompositionstart: handleComposition,
+                  onCompositionupdate: handleComposition,
+                  onCompositionend: handleComposition
+                }, null, 42, _hoisted_2$w)), [
+                  [vue.vModelText, searchInputValue.value]
+                ]) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 38)), [
+              [vue.unref(ClickOutside), () => togglePopperVisible(false), vue.unref(cascaderPanelRef)]
+            ])
+          ]),
+          content: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode(vue.unref(_CascaderPanel), {
+              ref_key: "panel",
+              ref: panel,
+              modelValue: vue.unref(checkedValue),
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(checkedValue) ? checkedValue.value = $event : null),
+              options: _ctx.options,
+              props: props.props,
+              border: false,
+              "render-label": _ctx.$slots.default,
+              onExpandChange: handleExpandChange,
+              onClose: _cache[9] || (_cache[9] = ($event) => _ctx.$nextTick(() => togglePopperVisible(false)))
+            }, null, 8, ["modelValue", "options", "props", "render-label"]), [
+              [vue.vShow, !filtering.value]
+            ]),
+            _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
               key: 0,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
-              type: "text",
-              class: vue.normalizeClass(_ctx.nsCascader.e("search-input")),
-              placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
-              onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
-              onClick: _cache[6] || (_cache[6] = vue.withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
-              onKeydown: _cache[7] || (_cache[7] = vue.withKeys((...args) => _ctx.handleDelete && _ctx.handleDelete(...args), ["delete"])),
-              onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-            }, null, 42, _hoisted_2$w)), [
-              [vue.vModelText, _ctx.searchInputValue]
+              ref_key: "suggestionPanel",
+              ref: suggestionPanel,
+              tag: "ul",
+              class: vue.normalizeClass(vue.unref(nsCascader).e("suggestion-panel")),
+              "view-class": vue.unref(nsCascader).e("suggestion-list"),
+              onKeydown: handleSuggestionKeyDown
+            }, {
+              default: vue.withCtx(() => [
+                suggestions.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(suggestions.value, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    key: item.uid,
+                    class: vue.normalizeClass([
+                      vue.unref(nsCascader).e("suggestion-item"),
+                      vue.unref(nsCascader).is("checked", item.checked)
+                    ]),
+                    tabindex: -1,
+                    onClick: ($event) => handleSuggestionClick(item)
+                  }, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
+                    item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(check_default))
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("v-if", true)
+                  ], 10, _hoisted_3$h);
+                }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+                  vue.createElementVNode("li", {
+                    class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
+                  }, vue.toDisplayString(vue.unref(t)("el.cascader.noMatch")), 3)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class", "view-class"])), [
+              [vue.vShow, filtering.value]
             ]) : vue.createCommentVNode("v-if", true)
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 38)), [
-          [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
-        ])
-      ]),
-      content: vue.withCtx(() => [
-        vue.withDirectives(vue.createVNode(_component_el_cascader_panel, {
-          ref: "panel",
-          modelValue: _ctx.checkedValue,
-          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.checkedValue = $event),
-          options: _ctx.options,
-          props: _ctx.props,
-          border: false,
-          "render-label": _ctx.$slots.default,
-          onExpandChange: _ctx.handleExpandChange,
-          onClose: _cache[16] || (_cache[16] = ($event) => _ctx.$nextTick(() => _ctx.togglePopperVisible(false)))
-        }, null, 8, ["modelValue", "options", "props", "render-label", "onExpandChange"]), [
-          [vue.vShow, !_ctx.filtering]
-        ]),
-        _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
-          key: 0,
-          ref: "suggestionPanel",
-          tag: "ul",
-          class: vue.normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
-          "view-class": _ctx.nsCascader.e("suggestion-list"),
-          onKeydown: _ctx.handleSuggestionKeyDown
-        }, {
-          default: vue.withCtx(() => [
-            _ctx.suggestions.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.suggestions, (item) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: item.uid,
-                class: vue.normalizeClass([
-                  _ctx.nsCascader.e("suggestion-item"),
-                  _ctx.nsCascader.is("checked", item.checked)
-                ]),
-                tabindex: -1,
-                onClick: ($event) => _ctx.handleSuggestionClick(item)
-              }, [
-                vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
-                item.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_check)
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_3$h);
-            }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              vue.createElementVNode("li", {
-                class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
-              }, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
-            ])
           ]),
           _: 3
-        }, 8, ["class", "view-class", "onKeydown"])), [
-          [vue.vShow, _ctx.filtering]
-        ]) : vue.createCommentVNode("v-if", true)
-      ]),
-      _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
-  }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$u], ["__file", "index.vue"]]);
+        }, 8, ["visible", "teleported", "popper-class", "transition"]);
+      };
+    }
+  });
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "cascader.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -31112,7 +31162,7 @@
     }
   });
   const inputNumberEmits = {
-    [CHANGE_EVENT]: (prev, cur) => prev !== cur,
+    [CHANGE_EVENT]: (cur, prev) => prev !== cur,
     blur: (e) => e instanceof FocusEvent,
     focus: (e) => e instanceof FocusEvent,
     [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
@@ -55531,6 +55581,8 @@
   exports.carouselEmits = carouselEmits;
   exports.carouselItemProps = carouselItemProps;
   exports.carouselProps = carouselProps;
+  exports.cascaderEmits = cascaderEmits;
+  exports.cascaderProps = cascaderProps;
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;
   exports.checkboxEmits = checkboxEmits;
@@ -55721,6 +55773,7 @@
   exports.useModelToggleProps = useModelToggleProps;
   exports.useNamespace = useNamespace;
   exports.useOrderedChildren = useOrderedChildren;
+  exports.usePopper = usePopper;
   exports.usePopperArrowProps = usePopperArrowProps;
   exports.usePopperContainer = usePopperContainer;
   exports.usePopperContainerId = usePopperContainerId;