| 1 |
- import{s as ce,bh as ve,bi as fe,Y as de,aN as Ae,bj as He,r as C,L as P,k as e,a4 as W,a6 as me,aj as Be,aQ as Oe,a3 as Pe,aR as Ve,U as he,f as x,D as pe,o as B,c as D,a as J,m as ne,w as Z,ak as q,O,N as Q,b as X,G as le,bk as Re,aq as G,bl as re,n as Y,J as ze,ar as ge,al as ye,Q as De,T as je,t as Ke,_ as Ie,K as Ue,j as Fe,aF as We,X as Qe,aS as Xe,aT as Ye}from"./entry.656344e3.js";import{t as ie}from"./throttle.a797f96f.js";const qe=(a,_,n)=>ve(a.subTree).filter(u=>{var v;return fe(u)&&((v=u.type)==null?void 0:v.name)===_&&!!u.component}).map(u=>u.component.uid).map(u=>n[u]).filter(u=>!!u),Ge=(a,_)=>{const n={},s=ce([]);return{children:s,addChild:v=>{n[v.uid]=v,s.value=qe(a,_,n)},removeChild:v=>{delete n[v],s.value=s.value.filter(o=>o.uid!==v)}}},Je=de({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}}),Ze={change:(a,_)=>[a,_].every(Ae)},Ce=Symbol("carouselContextKey"),ue=300,xe=(a,_,n)=>{const{children:s,addChild:b,removeChild:u}=Ge(he(),"ElCarouselItem"),v=He(),o=C(-1),p=C(null),k=C(!1),g=C(),T=C(0),w=C(!0),E=P(()=>a.arrow!=="never"&&!e(S)),N=P(()=>s.value.some(t=>t.props.label.toString().length>0)),A=P(()=>a.type==="card"),S=P(()=>a.direction==="vertical"),M=P(()=>a.height!=="auto"?{height:a.height}:{height:`${T.value}px`,overflow:"hidden"}),H=ie(t=>{d(t)},ue,{trailing:!0}),j=ie(t=>{ee(t)},ue),l=t=>w.value?o.value<=1?t<=1:t>1:!0;function r(){p.value&&(clearInterval(p.value),p.value=null)}function f(){a.interval<=0||!a.autoplay||p.value||(p.value=setInterval(()=>h(),a.interval))}const h=()=>{o.value<s.value.length-1?o.value=o.value+1:a.loop&&(o.value=0)};function d(t){if(Ve(t)){const z=s.value.filter(V=>V.props.name===t);z.length>0&&(t=s.value.indexOf(z[0]))}if(t=Number(t),Number.isNaN(t)||t!==Math.floor(t))return;const c=s.value.length,$=o.value;t<0?o.value=a.loop?c-1:0:t>=c?o.value=a.loop?0:c-1:o.value=t,$===o.value&&i($),ae()}function i(t){s.value.forEach((c,$)=>{c.translateItem($,o.value,t)})}function L(t,c){var $,z,V,U;const F=e(s),se=F.length;if(se===0||!t.states.inStage)return!1;const Ne=c+1,Te=c-1,oe=se-1,Ee=F[oe].states.active,Me=F[0].states.active,Le=(z=($=F[Ne])==null?void 0:$.states)==null?void 0:z.active,$e=(U=(V=F[Te])==null?void 0:V.states)==null?void 0:U.active;return c===oe&&Me||Le?"left":c===0&&Ee||$e?"right":!1}function K(){k.value=!0,a.pauseOnHover&&r()}function y(){k.value=!1,f()}function m(t){e(S)||s.value.forEach((c,$)=>{t===L(c,$)&&(c.states.hover=!0)})}function I(){e(S)||s.value.forEach(t=>{t.states.hover=!1})}function R(t){o.value=t}function ee(t){a.trigger==="hover"&&t!==o.value&&(o.value=t)}function we(){d(o.value-1)}function Se(){d(o.value+1)}function ae(){r(),a.pauseOnHover||f()}function _e(t){a.height==="auto"&&(T.value=t)}function ke(){var t;const c=(t=v.default)==null?void 0:t.call(v);if(!c)return null;const $=ve(c),z="ElCarouselItem",V=$.filter(U=>fe(U)&&U.type.name===z);return(V==null?void 0:V.length)===2&&a.loop&&!A.value?(w.value=!0,V):(w.value=!1,null)}W(()=>o.value,(t,c)=>{i(c),w.value&&(t=t%2,c=c%2),c>-1&&_("change",t,c)}),W(()=>a.autoplay,t=>{t?f():r()}),W(()=>a.loop,()=>{d(o.value)}),W(()=>a.interval,()=>{ae()});const te=ce();return me(()=>{W(()=>s.value,()=>{s.value.length>0&&d(a.initialIndex)},{immediate:!0}),te.value=Be(g.value,()=>{i()}),f()}),Oe(()=>{r(),g.value&&te.value&&te.value.stop()}),Pe(Ce,{root:g,isCardType:A,isVertical:S,items:s,loop:a.loop,addItem:b,removeItem:u,setActiveItem:d,setContainerHeight:_e}),{root:g,activeIndex:o,arrowDisplay:E,hasLabel:N,hover:k,isCardType:A,items:s,isVertical:S,containerStyle:M,isItemsTwoLength:w,handleButtonEnter:m,handleButtonLeave:I,handleIndicatorClick:R,handleMouseEnter:K,handleMouseLeave:y,setActiveItem:d,prev:we,next:Se,PlaceholderItem:ke,isTwoLengthShow:l,throttledArrowClick:H,throttledIndicatorHover:j}},et=["onMouseenter","onClick"],tt={key:0},at="ElCarousel",st=x({name:at}),ot=x({...st,props:Je,emits:Ze,setup(a,{expose:_,emit:n}){const s=a,{root:b,activeIndex:u,arrowDisplay:v,hasLabel:o,hover:p,isCardType:k,items:g,isVertical:T,containerStyle:w,handleButtonEnter:E,handleButtonLeave:N,handleIndicatorClick:A,handleMouseEnter:S,handleMouseLeave:M,setActiveItem:H,prev:j,next:l,PlaceholderItem:r,isTwoLengthShow:f,throttledArrowClick:h,throttledIndicatorHover:d}=xe(s,n),i=pe("carousel"),L=P(()=>{const y=[i.b(),i.m(s.direction)];return e(k)&&y.push(i.m("card")),y}),K=P(()=>{const y=[i.e("indicators"),i.em("indicators",s.direction)];return e(o)&&y.push(i.em("indicators","labels")),s.indicatorPosition==="outside"&&y.push(i.em("indicators","outside")),e(T)&&y.push(i.em("indicators","right")),y});return _({setActiveItem:H,prev:j,next:l}),(y,m)=>(B(),D("div",{ref_key:"root",ref:b,class:O(e(L)),onMouseenter:m[6]||(m[6]=Q((...I)=>e(S)&&e(S)(...I),["stop"])),onMouseleave:m[7]||(m[7]=Q((...I)=>e(M)&&e(M)(...I),["stop"]))},[J("div",{class:O(e(i).e("container")),style:ye(e(w))},[e(v)?(B(),ne(re,{key:0,name:"carousel-arrow-left",persisted:""},{default:Z(()=>[q(J("button",{type:"button",class:O([e(i).e("arrow"),e(i).em("arrow","left")]),onMouseenter:m[0]||(m[0]=I=>e(E)("left")),onMouseleave:m[1]||(m[1]=(...I)=>e(N)&&e(N)(...I)),onClick:m[2]||(m[2]=Q(I=>e(h)(e(u)-1),["stop"]))},[X(e(le),null,{default:Z(()=>[X(e(Re))]),_:1})],34),[[G,(y.arrow==="always"||e(p))&&(s.loop||e(u)>0)]])]),_:1})):Y("v-if",!0),e(v)?(B(),ne(re,{key:1,name:"carousel-arrow-right",persisted:""},{default:Z(()=>[q(J("button",{type:"button",class:O([e(i).e("arrow"),e(i).em("arrow","right")]),onMouseenter:m[3]||(m[3]=I=>e(E)("right")),onMouseleave:m[4]||(m[4]=(...I)=>e(N)&&e(N)(...I)),onClick:m[5]||(m[5]=Q(I=>e(h)(e(u)+1),["stop"]))},[X(e(le),null,{default:Z(()=>[X(e(ze))]),_:1})],34),[[G,(y.arrow==="always"||e(p))&&(s.loop||e(u)<e(g).length-1)]])]),_:1})):Y("v-if",!0),X(e(r)),ge(y.$slots,"default")],6),y.indicatorPosition!=="none"?(B(),D("ul",{key:0,class:O(e(K))},[(B(!0),D(De,null,je(e(g),(I,R)=>q((B(),D("li",{key:R,class:O([e(i).e("indicator"),e(i).em("indicator",y.direction),e(i).is("active",R===e(u))]),onMouseenter:ee=>e(d)(R),onClick:Q(ee=>e(A)(R),["stop"])},[J("button",{class:O(e(i).e("button"))},[e(o)?(B(),D("span",tt,Ke(I.props.label),1)):Y("v-if",!0)],2)],42,et)),[[G,e(f)(R)]])),128))],2)):Y("v-if",!0)],34))}});var nt=Ie(ot,[["__file","carousel.vue"]]);const lt=de({name:{type:String,default:""},label:{type:[String,Number],default:""}}),rt=(a,_)=>{const n=Ue(Ce),s=he(),b=.83,u=C(),v=C(!1),o=C(0),p=C(1),k=C(!1),g=C(!1),T=C(!1),w=C(!1),{isCardType:E,isVertical:N}=n;function A(l,r,f){const h=f-1,d=r-1,i=r+1,L=f/2;return r===0&&l===h?-1:r===h&&l===0?f:l<d&&r-l>=L?f+1:l>i&&l-r>=L?-2:l}function S(l,r){var f,h;const d=e(N)?((f=n.root.value)==null?void 0:f.offsetHeight)||0:((h=n.root.value)==null?void 0:h.offsetWidth)||0;return T.value?d*((2-b)*(l-r)+1)/4:l<r?-(1+b)*d/4:(3+b)*d/4}function M(l,r,f){const h=n.root.value;return h?((f?h.offsetHeight:h.offsetWidth)||0)*(l-r):0}const H=(l,r,f)=>{var h;const d=e(E),i=(h=n.items.value.length)!=null?h:Number.NaN,L=l===r;!d&&!Qe(f)&&(w.value=L||l===f),!L&&i>2&&n.loop&&(l=A(l,r,i));const K=e(N);k.value=L,d?(T.value=Math.round(Math.abs(l-r))<=1,o.value=S(l,r),p.value=e(k)?1:b):o.value=M(l,r,K),g.value=!0,L&&u.value&&n.setContainerHeight(u.value.offsetHeight)};function j(){if(n&&e(E)){const l=n.items.value.findIndex(({uid:r})=>r===s.uid);n.setActiveItem(l)}}return me(()=>{n.addItem({props:a,states:Fe({hover:v,translate:o,scale:p,active:k,ready:g,inStage:T,animating:w}),uid:s.uid,translateItem:H})}),We(()=>{n.removeItem(s.uid)}),{carouselItemRef:u,active:k,animating:w,hover:v,inStage:T,isVertical:N,translate:o,isCardType:E,scale:p,ready:g,handleItemClick:j}},it=x({name:"ElCarouselItem"}),ut=x({...it,props:lt,setup(a){const _=a,n=pe("carousel"),{carouselItemRef:s,active:b,animating:u,hover:v,inStage:o,isVertical:p,translate:k,isCardType:g,scale:T,ready:w,handleItemClick:E}=rt(_),N=P(()=>[n.e("item"),n.is("active",b.value),n.is("in-stage",o.value),n.is("hover",v.value),n.is("animating",u.value),{[n.em("item","card")]:g.value,[n.em("item","card-vertical")]:g.value&&p.value}]),A=P(()=>{const M=`${`translate${e(p)?"Y":"X"}`}(${e(k)}px)`,H=`scale(${e(T)})`;return{transform:[M,H].join(" ")}});return(S,M)=>q((B(),D("div",{ref_key:"carouselItemRef",ref:s,class:O(e(N)),style:ye(e(A)),onClick:M[0]||(M[0]=(...H)=>e(E)&&e(E)(...H))},[e(g)?q((B(),D("div",{key:0,class:O(e(n).e("mask"))},null,2)),[[G,!e(b)]]):Y("v-if",!0),ge(S.$slots,"default")],6)),[[G,e(w)]])}});var be=Ie(ut,[["__file","carousel-item.vue"]]);const ft=Xe(nt,{CarouselItem:be}),dt=Ye(be);export{ft as E,dt as a};
|
