| 1 |
- import{q as le,B as w,y as B,a2 as s,v as e,aI as xe,aJ as be,o as A,n as T,R as D,G as ie,a8 as W,P as ae,p as d,D as Ae,a9 as Te,aB as De,_ as Be,a4 as Me,t as ke,H as Oe,I as $e,J as He,V as Ie,W as je,O as L}from"./index.2530a63f.js";const qe=()=>{window.cancelAnimationFrame=(()=>window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(o){return window.clearTimeout(o)})(),window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(o){return window.setTimeout(o,1e3/60)}}()},Pe=(o,f)=>{if(o===f)return!0;if(o.length!==f.length)return!1;for(let u=0;u<o.length;++u)if(o[u]!==f[u])return!1;return!0};function oe(){Array.isArray||(Array.isArray=function(S){return Object.prototype.toString.call(S)==="[object Array]"});let o,f,u,c,y,F,t=1,n=arguments[0]||{},h=!1,C=arguments.length;if(typeof n=="boolean"&&(h=n,n=arguments[1]||{},t++),typeof n!="object"&&typeof n!="function"&&(n={}),t===C)return n;for(;t<C;t++)if((f=arguments[t])!=null)for(o in f)u=n[o],c=f[o],y=Array.isArray(c),h&&c&&(typeof c=="object"||y)?(y?(y=!1,F=u&&Array.isArray(u)?u:[]):F=u&&typeof u=="object"?u:{},n[o]=oe(h,F,c)):c!==void 0&&(n[o]=c);return n}var ze=Object.freeze(Object.defineProperty({__proto__:null,animationFrame:qe,arrayEqual:Pe,copyObj:oe},Symbol.toStringTag,{value:"Module"}));const Re=["innerHTML"],We={name:"ReSeamlessScroll"},Le=le({...We,props:{data:{type:Array},classOption:{type:Object}},emits:["scrollEnd"],setup(o,{expose:f,emit:u}){const c=o,{animationFrame:y,copyObj:F}=ze;y();let t=w(0),n=w(0),h=w(0),C=w(0),S=w(0),E=w(0),M=w(0),k=w(""),_=null,N=null,O=null,Y=null,V=null,$=!1,H="ease-in",{classOption:p}=c;p.key===void 0&&(p.key=0);const U=B(`wrap${p.key}`,null),X=B(`slotList${p.key}`,null),J=B(`realBox${p.key}`,null);let G=s(()=>e(t)<0),K=s(()=>Math.abs(e(t))<e(E)-e(S)),ue=s(()=>({step:1,limitMoveNum:5,hoverStop:!0,direction:"top",openTouch:!0,singleHeight:0,singleWidth:0,waitTime:1e3,switchOffset:30,autoPlay:!0,navigation:!1,switchSingleStep:134,switchDelay:400,switchDisabledClass:"disabled",isSingleRemUnit:!1})),a=s(()=>F({},e(ue),p));const se=s(()=>e(G)?"":e(a).switchDisabledClass);let re=s(()=>e(K)?"":e(a).switchDisabledClass),ce=s(()=>({position:"absolute",margin:`${e(C)/2}px 0 0 -${e(a).switchOffset}px`,transform:"translate(-100%,-50%)"})),fe=s(()=>({position:"absolute",margin:`${e(C)/2}px 0 0 ${e(S)+e(a).switchOffset}px`,transform:"translateY(-50%)"})),I=s(()=>e(a).direction!=="bottom"&&e(a).direction!=="top"),Q=s(()=>e(I)?{float:"left",overflow:"hidden"}:{overflow:"hidden"}),de=s(()=>({transform:`translate(${e(t)}px,${e(n)}px)`,transition:`all ${H} ${e(h)}ms`,overflow:"hidden"})),j=s(()=>e(a).navigation),q=s(()=>e(j)?!1:e(a).autoPlay),Z=s(()=>c.data.length>=e(a).limitMoveNum),ee=s(()=>e(a).hoverStop&&e(q)&&e(Z)),P=s(()=>e(a).openTouch),te=s(()=>e(a).isSingleRemUnit?parseInt(window.getComputedStyle(document.documentElement,null).fontSize):1),z=s(()=>e(a).singleWidth*e(te)),R=s(()=>e(a).singleHeight*e(te)),v=s(()=>{let i,l=e(a).step;if(e(I)?i=e(z):i=e(R),i>0&&i%l>0)throw"\u5982\u679C\u8BBE\u7F6E\u4E86\u5355\u6B65\u6EDA\u52A8\uFF0Cstep\u9700\u662F\u5355\u6B65\u5927\u5C0F\u7684\u7EA6\u6570\uFF0C\u5426\u5219\u65E0\u6CD5\u4FDD\u8BC1\u5355\u6B65\u6EDA\u52A8\u7ED3\u675F\u7684\u4F4D\u7F6E\u662F\u5426\u51C6\u786E";return l});function he(){t.value=0,n.value=0,x(),ne()}function pe(){if(!!e(G)){if(Math.abs(e(t))<e(a).switchSingleStep){t.value=0;return}t.value+=e(a).switchSingleStep}}function me(){if(!!e(K)){if(e(E)-e(S)+e(t)<e(a).switchSingleStep){t.value=e(S)-e(E);return}t.value-=e(a).switchSingleStep}}function x(){cancelAnimationFrame(N||"")}function we(i){if(!e(P))return;let l;const r=i.targetTouches[0],{waitTime:m,singleHeight:b,singleWidth:Ee}=e(a);O={x:r.pageX,y:r.pageY},Y=e(n),V=e(t),!!b&&!!Ee?(l&&clearTimeout(l),l=setTimeout(()=>{x()},m+20)):x()}function ve(i){if(!e(P)||i.targetTouches.length>1||i.scale&&i.scale!==1)return;const l=i.targetTouches[0],{direction:r}=e(a);let m={x:l.pageX-O.x,y:l.pageY-O.y};i.preventDefault();const b=Math.abs(m.x)<Math.abs(m.y)?1:0;b===1&&r==="bottom"||b===1&&r==="top"?n.value=Y+m.y:(b===0&&r==="left"||b===0&&r==="right")&&(t.value=V+m.x)}function ge(){if(!e(P))return;let i;const l=e(a).direction;if(h.value=50,l==="top")e(n)>0&&(n.value=0);else if(l==="bottom"){let r=e(M)/2*-1;e(n)<r&&(n.value=r)}else if(l==="left")e(t)>0&&(t.value=0);else if(l==="right"){let r=e(E)*-1;e(t)<r&&(t.value=r)}i&&clearTimeout(i),i=setTimeout(()=>{h.value=0,g()},e(h))}function ye(){e(ee)&&Fe()}function Se(){e(ee)&&_e()}function g(){$||(N=requestAnimationFrame(function(){const i=e(M)/2,l=e(E)/2;let{direction:r,waitTime:m}=e(a);r==="top"?(Math.abs(e(n))>=i&&(u("scrollEnd"),n.value=0),n.value-=v.value):r==="bottom"?(e(n)>=0&&(u("scrollEnd"),n.value=i*-1),n.value+=v.value):r==="left"?(Math.abs(e(t))>=l&&(u("scrollEnd"),t.value=0),t.value-=v.value):r==="right"&&(e(t)>=0&&(u("scrollEnd"),t.value=l*-1),t.value+=v.value),_&&clearTimeout(_),e(R)?Math.abs(e(n))%e(R)<e(v)?_=setTimeout(()=>{g()},m):g():e(z)&&Math.abs(e(t))%e(z)<e(v)?_=setTimeout(()=>{g()},m):g()}))}function ne(){Ae(()=>{const{switchDelay:i}=e(a);if(k.value="",e(I)){C.value=e(U).offsetHeight,S.value=e(U).offsetWidth;let l=e(X).offsetWidth;e(q)&&(l=l*2+1),e(J).style.width=l+"px",E.value=l}if(e(q))H="ease-in",h.value=0;else{H="linear",h.value=i;return}e(Z)?(k.value=e(X).innerHTML,setTimeout(()=>{M.value=e(J).offsetHeight,g()},0)):(x(),n.value=t.value=0)})}function _e(){$=!1,g()}function Fe(){$=!0,_&&clearTimeout(_),x()}function Ce(i){i.preventDefault(),!(e(a).direction==="left"||e(a).direction==="right")&&Te(()=>{i.deltaY>0?n.value-=v.value:n.value+=v.value},50)()}return xe(()=>{ne()}),be(()=>{x(),clearTimeout(_)}),f({reset:he}),(i,l)=>(A(),T("div",{ref:"wrap"+e(p).key},[e(j)?(A(),T("div",{key:0,style:D(e(ce)),class:ie(e(se)),onClick:pe},[W(i.$slots,"left-switch")],6)):ae("",!0),e(j)?(A(),T("div",{key:1,style:D(e(fe)),class:ie(e(re)),onClick:me},[W(i.$slots,"right-switch")],6)):ae("",!0),d("div",{ref:"realBox"+e(p).key,style:D(e(de)),onMouseenter:ye,onMouseleave:Se,onTouchstart:we,onTouchmove:ve,onTouchend:ge,onMousewheel:Ce},[d("div",{ref:"slotList"+e(p).key,style:D(e(Q))},[W(i.$slots,"default")],4),d("div",{innerHTML:e(k),style:D(e(Q))},null,12,Re)],36)],512))}}),Ne=De(Le);const Ye=o=>(Ie("data-v-4157e832"),o=o(),je(),o),Ve={class:"infinite"},Ue=Ye(()=>d("ul",{class:"top"},[d("li",null,"\u66F4\u65B0\u65E5\u671F"),d("li",null,"\u9879\u76EE\u540D\u79F0"),d("li",null,"Star\u6570\u91CF")],-1)),Xe={class:"item"},Je=["textContent"],Ge=["textContent"],Ke=["textContent"],Qe=le({__name:"Infinite",setup(o){const f=B("scroll",null);let u=w([{date:"2021-09-01",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1000"},{date:"2021-09-02",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1100"},{date:"2021-09-03",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1200"},{date:"2021-09-04",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1300"},{date:"2021-09-05",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1400"},{date:"2021-09-06",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1500"},{date:"2021-09-07",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1600"},{date:"2021-09-08",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1700"},{date:"2021-09-09",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1800"},{date:"2021-09-10",name:"\u91C7\u9500\u7ED3\u7B97\u5E73\u53F0",star:"1900"}]),c=Me({direction:"top"});return(y,F)=>(A(),T("div",Ve,[Ue,ke(e(Ne),{ref_key:"scroll",ref:f,data:e(u),"class-option":e(c),class:"warp"},{default:Oe(()=>[d("ul",Xe,[(A(!0),T($e,null,He(e(u),(t,n)=>(A(),T("li",{key:n},[d("span",{textContent:L(t.date)},null,8,Je),d("span",{textContent:L(t.name)},null,8,Ge),d("span",{textContent:L(t.star)},null,8,Ke)]))),128))])]),_:1},8,["data","class-option"])]))}});var et=Be(Qe,[["__scopeId","data-v-4157e832"]]);export{et as default};
|
