| 1 |
- System.register(["./index-legacy-5d78462f.js"],(function(e,t){"use strict";var a,i,l,o,n,u,r,v,s,c,h,d,p,f,g,w,m,y,x,b,C,S,$,z,M,T,I,D,E;return{setters:[e=>{a=e.y,i=e.G,l=e.A,o=e.E,n=e.d,u=e.I,r=e.r,v=e.aC,s=e.ad,c=e.c,h=e.ab,d=e.j,p=e.a8,f=e.a9,g=e.h,w=e.o,m=e.ae,y=e.af,x=e.$,b=e.a0,C=e.n,S=e.a,$=e.a6,z=e.L,M=e.aD,T=e.ar,I=e.aA,D=e.w,E=e.ap}],execute:function(){const[t,O]=a("swipe"),X={loop:i,width:l,height:l,vertical:Boolean,autoplay:o(0),duration:o(500),touchable:i,lazyRender:Boolean,initialSwipe:o(0),indicatorColor:String,showIndicators:i,stopPropagation:i},Y=Symbol(t);var k=n({name:t,props:X,emits:["change","dragStart","dragEnd"],setup(e,{emit:t,slots:a}){const i=u(),l=u(),o=r({rect:null,width:0,height:0,offset:0,active:0,swiping:!1});let n=!1;const D=v(),{children:E,linkChildren:X}=s(Y),k=c((()=>E.length)),A=c((()=>o[e.vertical?"height":"width"])),P=c((()=>e.vertical?D.deltaY.value:D.deltaX.value)),j=c((()=>o.rect?(e.vertical?o.rect.height:o.rect.width)-A.value*k.value:0)),B=c((()=>A.value?Math.ceil(Math.abs(j.value)/A.value):k.value)),R=c((()=>k.value*A.value)),F=c((()=>(o.active+k.value)%k.value)),G=c((()=>{const t=e.vertical?"vertical":"horizontal";return D.direction.value===t})),H=c((()=>{const t={transitionDuration:`${o.swiping?0:e.duration}ms`,transform:`translate${e.vertical?"Y":"X"}(${+o.offset.toFixed(2)}px)`};if(A.value){const a=e.vertical?"height":"width",i=e.vertical?"width":"height";t[a]=`${R.value}px`,t[i]=e[i]?`${e[i]}px`:""}return t})),L=(t,a=0)=>{let i=t*A.value;e.loop||(i=Math.min(i,-j.value));let l=a-i;return e.loop||(l=I(l,j.value,0)),l},W=({pace:a=0,offset:i=0,emitChange:l})=>{if(k.value<=1)return;const{active:n}=o,u=(t=>{const{active:a}=o;return t?e.loop?I(a+t,-1,k.value):I(a+t,0,B.value):a})(a),r=L(u,i);if(e.loop){if(E[0]&&r!==j.value){const e=r<j.value;E[0].setOffset(e?R.value:0)}if(E[k.value-1]&&0!==r){const e=r>0;E[k.value-1].setOffset(e?-R.value:0)}}o.active=u,o.offset=r,l&&u!==n&&t("change",F.value)},q=()=>{o.swiping=!0,o.active<=-1?W({pace:k.value}):o.active>=k.value&&W({pace:-k.value})},J=()=>{q(),D.reset(),T((()=>{o.swiping=!1,W({pace:1,emitChange:!0})}))};let K;const N=()=>clearTimeout(K),Q=()=>{N(),+e.autoplay>0&&k.value>1&&(K=setTimeout((()=>{J(),Q()}),+e.autoplay))},U=(t=+e.initialSwipe)=>{if(!i.value)return;const a=()=>{var a,l;if(!$(i)){const t={width:i.value.offsetWidth,height:i.value.offsetHeight};o.rect=t,o.width=+(null!=(a=e.width)?a:t.width),o.height=+(null!=(l=e.height)?l:t.height)}k.value&&-1===(t=Math.min(k.value-1,t))&&(t=k.value-1),o.active=t,o.swiping=!0,o.offset=L(t),E.forEach((e=>{e.setOffset(0)})),Q()};$(i)?z().then(a):a()},V=()=>U(o.active);let Z;const _=t=>{!e.touchable||t.touches.length>1||(D.start(t),n=!1,Z=Date.now(),N(),q())},ee=()=>{if(!e.touchable||!o.swiping)return;const a=Date.now()-Z,i=P.value/a;if((Math.abs(i)>.25||Math.abs(P.value)>A.value/2)&&G.value){const t=e.vertical?D.offsetY.value:D.offsetX.value;let a=0;a=e.loop?t>0?P.value>0?-1:1:0:-Math[P.value>0?"ceil":"floor"](P.value/A.value),W({pace:a,emitChange:!0})}else P.value&&W({pace:0});n=!1,o.swiping=!1,t("dragEnd",{index:F.value}),Q()},te=(t,a)=>{const i=a===F.value,l=i?{backgroundColor:e.indicatorColor}:void 0;return S("i",{style:l,"class":O("indicator",{active:i})},null)};return h({prev:()=>{q(),D.reset(),T((()=>{o.swiping=!1,W({pace:-1,emitChange:!0})}))},next:J,state:o,resize:V,swipeTo:(t,a={})=>{q(),D.reset(),T((()=>{let i;i=e.loop&&t===k.value?0===o.active?0:t:t%k.value,a.immediate?T((()=>{o.swiping=!1})):o.swiping=!1,W({pace:i-o.active,emitChange:!0})}))}}),X({size:A,props:e,count:k,activeIndicator:F}),d((()=>e.initialSwipe),(e=>U(+e))),d(k,(()=>U(o.active))),d((()=>e.autoplay),Q),d([p,f,()=>e.width,()=>e.height],V),d(g(),(e=>{"visible"===e?Q():N()})),w(U),m((()=>U(o.active))),y((()=>U(o.active))),x(N),b(N),C("touchmove",(a=>{e.touchable&&o.swiping&&(D.move(a),G.value)&&(!e.loop&&(0===o.active&&P.value>0||o.active===k.value-1&&P.value<0)||(M(a,e.stopPropagation),W({offset:P.value}),n||(t("dragStart",{index:F.value}),n=!0)))}),{target:l}),()=>{var t;return S("div",{ref:i,"class":O()},[S("div",{ref:l,style:H.value,"class":O("track",{vertical:e.vertical}),onTouchstartPassive:_,onTouchend:ee,onTouchcancel:ee},[null==(t=a["default"])?void 0:t.call(a)]),a.indicator?a.indicator({active:F.value,total:k.value}):e.showIndicators&&k.value>1?S("div",{"class":O("indicators",{vertical:e.vertical})},[Array(k.value).fill("").map(te)]):void 0])}}});e("S",D(k));const[A,P]=a("swipe-item");var j=n({name:A,setup(e,{slots:t}){let a;const i=r({offset:0,inited:!1,mounted:!1}),{parent:l,index:o}=E(Y);if(!l)return;const n=c((()=>{const e={},{vertical:t}=l.props;return l.size.value&&(e[t?"height":"width"]=`${l.size.value}px`),i.offset&&(e.transform=`translate${t?"Y":"X"}(${i.offset}px)`),e})),u=c((()=>{const{loop:e,lazyRender:t}=l.props;if(!t||a)return!0;if(!i.mounted)return!1;const n=l.activeIndicator.value,u=l.count.value-1,r=0===n&&e?u:n-1,v=n===u&&e?0:n+1;return a=o.value===n||o.value===r||o.value===v,a}));return w((()=>{z((()=>{i.mounted=!0}))})),h({setOffset:e=>{i.offset=e}}),()=>{var e;return S("div",{"class":P(),style:n.value},[u.value?null==(e=t["default"])?void 0:e.call(t):null])}}});e("a",D(j))}}}));
|
