| 1 |
- import{D as ne,aq as Ve,j as b,J as L,u as e,k as D,aJ as Ye,at as le,b3 as De,U as je,K as qe,av as ze,Y as se,f as J,R as re,o as x,l as T,m as K,c as ue,w as R,a8 as W,q as N,p as j,x as X,P as ie,aL as Je,a9 as F,aR as ve,X as q,aM as Ke,r as ce,a0 as de,F as Re,t as We,v as Xe,H as pe,I as Fe,a7 as Ue,a5 as Ge,bM as Oe,a1 as Qe,a2 as Ze,__tla as et}from"./entry.7ac74952.js";import{u as tt,__tla as at}from"./index.46aa596f.js";import{t as fe,__tla as ot}from"./throttle.87b285fc.js";let he,me,nt=Promise.all([(()=>{try{return et}catch{}})(),(()=>{try{return at}catch{}})(),(()=>{try{return ot}catch{}})()]).then(async()=>{const ye=ne({initialIndex:{type:Number,default:0},height:{type:String,default:""},trigger:{type:String,values:["hover","click"],default:"hover"},autoplay:{type:Boolean,default:!0},interval:{type:Number,default:3e3},indicatorPosition:{type:String,values:["","none","outside"],default:""},arrow:{type:String,values:["always","hover","never"],default:"hover"},type:{type:String,values:["","card"],default:""},loop:{type:Boolean,default:!0},direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},pauseOnHover:{type:Boolean,default:!0}}),ge={change:(u,B)=>[u,B].every(Ve)},O=Symbol("carouselContextKey"),Q=300,Ie=(u,B,i)=>{const{children:l,addChild:k,removeChild:g}=tt(se(),"ElCarouselItem"),n=b(-1),f=b(null),y=b(!1),h=b(),I=L(()=>u.arrow!=="never"&&!e(_)),w=L(()=>l.value.some(t=>t.props.label.toString().length>0)),m=L(()=>u.type==="card"),_=L(()=>u.direction==="vertical"),M=fe(t=>{a(t)},Q,{trailing:!0}),C=fe(t=>{$(t)},Q);function S(){f.value&&(clearInterval(f.value),f.value=null)}function H(){u.interval<=0||!u.autoplay||f.value||(f.value=setInterval(()=>P(),u.interval))}const P=()=>{n.value<l.value.length-1?n.value=n.value+1:u.loop&&(n.value=0)};function a(t){if(ze(t)){const V=l.value.filter(z=>z.props.name===t);V.length>0&&(t=l.value.indexOf(V[0]))}if(t=Number(t),Number.isNaN(t)||t!==Math.floor(t))return;const p=l.value.length,E=n.value;t<0?n.value=u.loop?p-1:0:t>=p?n.value=u.loop?0:p-1:n.value=t,E===n.value&&s(E),ee()}function s(t){l.value.forEach((p,E)=>{p.translateItem(E,n.value,t)})}function o(t,p){var E,V,z,te;const Y=e(l),ae=Y.length;if(ae===0||!t.states.inStage)return!1;const He=p+1,Ae=p-1,oe=ae-1,Le=Y[oe].states.active,Te=Y[0].states.active,$e=(V=(E=Y[He])==null?void 0:E.states)==null?void 0:V.active,Pe=(te=(z=Y[Ae])==null?void 0:z.states)==null?void 0:te.active;return p===oe&&Te||$e?"left":p===0&&Le||Pe?"right":!1}function c(){y.value=!0,u.pauseOnHover&&S()}function A(){y.value=!1,H()}function v(t){e(_)||l.value.forEach((p,E)=>{t===o(p,E)&&(p.states.hover=!0)})}function r(){e(_)||l.value.forEach(t=>{t.states.hover=!1})}function d(t){n.value=t}function $(t){u.trigger==="hover"&&t!==n.value&&(n.value=t)}function U(){a(n.value-1)}function Be(){a(n.value+1)}function ee(){S(),H()}D(()=>n.value,(t,p)=>{s(p),p>-1&&B("change",t,p)}),D(()=>u.autoplay,t=>{t?H():S()}),D(()=>u.loop,()=>{a(n.value)}),D(()=>u.interval,()=>{ee()}),D(()=>l.value,()=>{l.value.length>0&&a(u.initialIndex)});const G=Ye();return le(()=>{G.value=De(h.value,()=>{s()}),H()}),je(()=>{S(),h.value&&G.value&&G.value.stop()}),qe(O,{root:h,isCardType:m,isVertical:_,items:l,loop:u.loop,addItem:k,removeItem:g,setActiveItem:a}),{root:h,activeIndex:n,arrowDisplay:I,hasLabel:w,hover:y,isCardType:m,items:l,handleButtonEnter:v,handleButtonLeave:r,handleIndicatorClick:d,handleMouseEnter:c,handleMouseLeave:A,setActiveItem:a,prev:U,next:Be,throttledArrowClick:M,throttledIndicatorHover:C}},_e=["onMouseenter","onClick"],Ce={key:0},be="ElCarousel",ke=J({name:be}),we=J({...ke,props:ye,emits:ge,setup(u,{expose:B,emit:i}){const l=u,{root:k,activeIndex:g,arrowDisplay:n,hasLabel:f,hover:y,isCardType:h,items:I,handleButtonEnter:w,handleButtonLeave:m,handleIndicatorClick:_,handleMouseEnter:M,handleMouseLeave:C,setActiveItem:S,prev:H,next:P,throttledArrowClick:a,throttledIndicatorHover:s}=Ie(l,i),o=re("carousel"),c=L(()=>{const v=[o.b(),o.m(l.direction)];return e(h)&&v.push(o.m("card")),v}),A=L(()=>{const v=[o.e("indicators"),o.em("indicators",l.direction)];return e(f)&&v.push(o.em("indicators","labels")),(l.indicatorPosition==="outside"||e(h))&&v.push(o.em("indicators","outside")),v});return B({setActiveItem:S,prev:H,next:P}),(v,r)=>(x(),T("div",{ref_key:"root",ref:k,class:N(e(c)),onMouseenter:r[6]||(r[6]=j((...d)=>e(M)&&e(M)(...d),["stop"])),onMouseleave:r[7]||(r[7]=j((...d)=>e(C)&&e(C)(...d),["stop"]))},[K("div",{class:N(e(o).e("container")),style:de({height:v.height})},[e(n)?(x(),ue(ve,{key:0,name:"carousel-arrow-left",persisted:""},{default:R(()=>[W(K("button",{type:"button",class:N([e(o).e("arrow"),e(o).em("arrow","left")]),onMouseenter:r[0]||(r[0]=d=>e(w)("left")),onMouseleave:r[1]||(r[1]=(...d)=>e(m)&&e(m)(...d)),onClick:r[2]||(r[2]=j(d=>e(a)(e(g)-1),["stop"]))},[X(e(ie),null,{default:R(()=>[X(e(Je))]),_:1})],34),[[F,(v.arrow==="always"||e(y))&&(l.loop||e(g)>0)]])]),_:1})):q("v-if",!0),e(n)?(x(),ue(ve,{key:1,name:"carousel-arrow-right",persisted:""},{default:R(()=>[W(K("button",{type:"button",class:N([e(o).e("arrow"),e(o).em("arrow","right")]),onMouseenter:r[3]||(r[3]=d=>e(w)("right")),onMouseleave:r[4]||(r[4]=(...d)=>e(m)&&e(m)(...d)),onClick:r[5]||(r[5]=j(d=>e(a)(e(g)+1),["stop"]))},[X(e(ie),null,{default:R(()=>[X(e(Ke))]),_:1})],34),[[F,(v.arrow==="always"||e(y))&&(l.loop||e(g)<e(I).length-1)]])]),_:1})):q("v-if",!0),ce(v.$slots,"default")],6),v.indicatorPosition!=="none"?(x(),T("ul",{key:0,class:N(e(A))},[(x(!0),T(Re,null,We(e(I),(d,$)=>(x(),T("li",{key:$,class:N([e(o).e("indicator"),e(o).em("indicator",v.direction),e(o).is("active",$===e(g))]),onMouseenter:U=>e(s)($),onClick:j(U=>e(_)($),["stop"])},[K("button",{class:N(e(o).e("button"))},[e(f)?(x(),T("span",Ce,Xe(d.props.label),1)):q("v-if",!0)],2)],42,_e))),128))],2)):q("v-if",!0)],34))}});var Me=pe(we,[["__file","/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel.vue"]]);const Se=ne({name:{type:String,default:""},label:{type:[String,Number],default:""}}),Ee=(u,B)=>{const i=Fe(O),l=se(),k=.83,g=b(!1),n=b(0),f=b(1),y=b(!1),h=b(!1),I=b(!1),w=b(!1),{isCardType:m,isVertical:_}=i;function M(a,s,o){const c=o-1,A=s-1,v=s+1,r=o/2;return s===0&&a===c?-1:s===c&&a===0?o:a<A&&s-a>=r?o+1:a>v&&a-s>=r?-2:a}function C(a,s){var o;const c=((o=i.root.value)==null?void 0:o.offsetWidth)||0;return I.value?c*((2-k)*(a-s)+1)/4:a<s?-(1+k)*c/4:(3+k)*c/4}function S(a,s,o){const c=i.root.value;return c?((o?c.offsetHeight:c.offsetWidth)||0)*(a-s):0}const H=(a,s,o)=>{var c;const A=e(m),v=(c=i.items.value.length)!=null?c:Number.NaN,r=a===s;!A&&!Oe(o)&&(w.value=r||a===o),!r&&v>2&&i.loop&&(a=M(a,s,v));const d=e(_);y.value=r,A?(I.value=Math.round(Math.abs(a-s))<=1,n.value=C(a,s),f.value=e(y)?1:k):n.value=S(a,s,d),h.value=!0};function P(){if(i&&e(m)){const a=i.items.value.findIndex(({uid:s})=>s===l.uid);i.setActiveItem(a)}}return le(()=>{i.addItem({props:u,states:Ue({hover:g,translate:n,scale:f,active:y,ready:h,inStage:I,animating:w}),uid:l.uid,translateItem:H})}),Ge(()=>{i.removeItem(l.uid)}),{active:y,animating:w,hover:g,inStage:I,isVertical:_,translate:n,isCardType:m,scale:f,ready:h,handleItemClick:P}},xe=J({name:"ElCarouselItem"}),Ne=J({...xe,props:Se,setup(u){const B=u,i=re("carousel"),{active:l,animating:k,hover:g,inStage:n,isVertical:f,translate:y,isCardType:h,scale:I,ready:w,handleItemClick:m}=Ee(B),_=L(()=>{const M=`${`translate${e(f)?"Y":"X"}`}(${e(y)}px)`,C=`scale(${e(I)})`;return{transform:[M,C].join(" ")}});return(M,C)=>W((x(),T("div",{class:N([e(i).e("item"),e(i).is("active",e(l)),e(i).is("in-stage",e(n)),e(i).is("hover",e(g)),e(i).is("animating",e(k)),{[e(i).em("item","card")]:e(h)}]),style:de(e(_)),onClick:C[0]||(C[0]=(...S)=>e(m)&&e(m)(...S))},[e(h)?W((x(),T("div",{key:0,class:N(e(i).e("mask"))},null,2)),[[F,!e(l)]]):q("v-if",!0),ce(M.$slots,"default")],6)),[[F,e(w)]])}});var Z=pe(Ne,[["__file","/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel-item.vue"]]);he=Qe(Me,{CarouselItem:Z}),me=Ze(Z)});export{he as E,nt as __tla,me as a};
|
