| 1 |
- import{_ as ue,d as ie,w as v,p as x,a6 as s,u as e,aU as De,aV as Be,o as B,c as A,N as T,B as ae,al as W,a as le,b as d,y as Ae,a1 as Te,aO as xe,Z as Me,l as ke,C as Oe,F as $e,D as je,L as z,Q as He,R as Pe}from"./index.85ca7aac.js";const Ie=()=>{window.cancelAnimationFrame=(()=>window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(i){return window.clearTimeout(i)})(),window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(i){return window.setTimeout(i,1e3/60)}}()},Re=(i,f)=>{if(i===f)return!0;if(i.length!==f.length)return!1;for(let o=0;o<i.length;++o)if(i[o]!==f[o])return!1;return!0};function oe(){Array.isArray||(Array.isArray=function(S){return Object.prototype.toString.call(S)==="[object Array]"});let i,f,o,c,g,_,t=1,n=arguments[0]||{},m=!1,b=arguments.length;if(typeof n=="boolean"&&(m=n,n=arguments[1]||{},t++),typeof n!="object"&&typeof n!="function"&&(n={}),t===b)return n;for(;t<b;t++)if((f=arguments[t])!=null)for(i in f)o=n[i],c=f[i],g=Array.isArray(c),m&&c&&(typeof c=="object"||g)?(g?(g=!1,_=o&&Array.isArray(o)?o:[]):_=o&&typeof o=="object"?o:{},n[i]=oe(m,_,c)):c!==void 0&&(n[i]=c);return n}var qe=Object.freeze(Object.defineProperty({__proto__:null,animationFrame:Ie,arrayEqual:Re,copyObj:oe},Symbol.toStringTag,{value:"Module"}));const Le=["innerHTML"],We={name:"ReSeamlessScroll"},ze=ie({...We,props:{data:{type:Array},classOption:{type:Object}},emits:["scrollEnd"],setup(i,{expose:f,emit:o}){const c=i,{animationFrame:g,copyObj:_}=qe;g();let t=v(0),n=v(0),m=v(0),b=v(0),S=v(0),F=v(0),M=v(0),k=v(""),C=null,N=null,O=null,U=null,Y=null,$=!1,j="ease-in",{classOption:p}=c;p.key===void 0&&(p.key=0);const V=x(`wrap${p.key}`,null),X=x(`slotList${p.key}`,null),Q=x(`realBox${p.key}`,null);let Z=s(()=>e(t)<0),G=s(()=>Math.abs(e(t))<e(F)-e(S)),se=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})),l=s(()=>_({},e(se),p));const re=s(()=>e(Z)?"":e(l).switchDisabledClass);let ce=s(()=>e(G)?"":e(l).switchDisabledClass),fe=s(()=>({position:"absolute",margin:`${e(b)/2}px 0 0 -${e(l).switchOffset}px`,transform:"translate(-100%,-50%)"})),de=s(()=>({position:"absolute",margin:`${e(b)/2}px 0 0 ${e(S)+e(l).switchOffset}px`,transform:"translateY(-50%)"})),H=s(()=>e(l).direction!=="bottom"&&e(l).direction!=="top"),J=s(()=>e(H)?{float:"left",overflow:"hidden"}:{overflow:"hidden"}),me=s(()=>({transform:`translate(${e(t)}px,${e(n)}px)`,transition:`all ${j} ${e(m)}ms`,overflow:"hidden"})),P=s(()=>e(l).navigation),I=s(()=>e(P)?!1:e(l).autoPlay),K=s(()=>c.data.length>=e(l).limitMoveNum),ee=s(()=>e(l).hoverStop&&e(I)&&e(K)),R=s(()=>e(l).openTouch),te=s(()=>e(l).isSingleRemUnit?parseInt(window.getComputedStyle(document.documentElement,null).fontSize):1),q=s(()=>e(l).singleWidth*e(te)),L=s(()=>e(l).singleHeight*e(te)),w=s(()=>{let a,u=e(l).step;if(e(H)?a=e(q):a=e(L),a>0&&a%u>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 u});function pe(){t.value=0,n.value=0,E(),ne()}function he(){if(!!e(Z)){if(Math.abs(e(t))<e(l).switchSingleStep){t.value=0;return}t.value+=e(l).switchSingleStep}}function ve(){if(!!e(G)){if(e(F)-e(S)+e(t)<e(l).switchSingleStep){t.value=e(S)-e(F);return}t.value-=e(l).switchSingleStep}}function E(){cancelAnimationFrame(N||"")}function we(a){if(!e(R))return;let u;const r=a.targetTouches[0],{waitTime:h,singleHeight:D,singleWidth:Ee}=e(l);O={x:r.pageX,y:r.pageY},U=e(n),Y=e(t),!!D&&!!Ee?(u&&clearTimeout(u),u=setTimeout(()=>{E()},h+20)):E()}function ye(a){if(!e(R)||a.targetTouches.length>1||a.scale&&a.scale!==1)return;const u=a.targetTouches[0],{direction:r}=e(l);let h={x:u.pageX-O.x,y:u.pageY-O.y};a.preventDefault();const D=Math.abs(h.x)<Math.abs(h.y)?1:0;D===1&&r==="bottom"||D===1&&r==="top"?n.value=U+h.y:(D===0&&r==="left"||D===0&&r==="right")&&(t.value=Y+h.x)}function ge(){if(!e(R))return;let a;const u=e(l).direction;if(m.value=50,u==="top")e(n)>0&&(n.value=0);else if(u==="bottom"){let r=e(M)/2*-1;e(n)<r&&(n.value=r)}else if(u==="left")e(t)>0&&(t.value=0);else if(u==="right"){let r=e(F)*-1;e(t)<r&&(t.value=r)}a&&clearTimeout(a),a=setTimeout(()=>{m.value=0,y()},e(m))}function Se(){e(ee)&&be()}function Ce(){e(ee)&&_e()}function y(){$||(N=requestAnimationFrame(function(){const a=e(M)/2,u=e(F)/2;let{direction:r,waitTime:h}=e(l);r==="top"?(Math.abs(e(n))>=a&&(o("scrollEnd"),n.value=0),n.value-=w.value):r==="bottom"?(e(n)>=0&&(o("scrollEnd"),n.value=a*-1),n.value+=w.value):r==="left"?(Math.abs(e(t))>=u&&(o("scrollEnd"),t.value=0),t.value-=w.value):r==="right"&&(e(t)>=0&&(o("scrollEnd"),t.value=u*-1),t.value+=w.value),C&&clearTimeout(C),e(L)?Math.abs(e(n))%e(L)<e(w)?C=setTimeout(()=>{y()},h):y():e(q)&&Math.abs(e(t))%e(q)<e(w)?C=setTimeout(()=>{y()},h):y()}))}function ne(){Ae(()=>{const{switchDelay:a}=e(l);if(k.value="",e(H)){b.value=e(V).offsetHeight,S.value=e(V).offsetWidth;let u=e(X).offsetWidth;e(I)&&(u=u*2+1),e(Q).style.width=u+"px",F.value=u}if(e(I))j="ease-in",m.value=0;else{j="linear",m.value=a;return}e(K)?(k.value=e(X).innerHTML,setTimeout(()=>{M.value=e(Q).offsetHeight,y()},0)):(E(),n.value=t.value=0)})}function _e(){$=!1,y()}function be(){$=!0,C&&clearTimeout(C),E()}function Fe(a){a.preventDefault(),!(e(l).direction==="left"||e(l).direction==="right")&&Te(()=>{a.deltaY>0?n.value-=w.value:n.value+=w.value},50)()}return De(()=>{ne()}),Be(()=>{E(),clearTimeout(C)}),f({reset:pe}),(a,u)=>(B(),A("div",{ref:"wrap"+e(p).key},[e(P)?(B(),A("div",{key:0,style:T(e(fe)),class:ae(e(re)),onClick:he},[W(a.$slots,"left-switch")],6)):le("v-if",!0),e(P)?(B(),A("div",{key:1,style:T(e(de)),class:ae(e(ce)),onClick:ve},[W(a.$slots,"right-switch")],6)):le("v-if",!0),d("div",{ref:"realBox"+e(p).key,style:T(e(me)),onMouseenter:Se,onMouseleave:Ce,onTouchstart:we,onTouchmove:ye,onTouchend:ge,onMousewheel:Fe},[d("div",{ref:"slotList"+e(p).key,style:T(e(J))},[W(a.$slots,"default")],4),d("div",{innerHTML:e(k),style:T(e(J))},null,12,Le)],36)],512))}});var Ne=ue(ze,[["__file","/Users/apple/Desktop/CompanyProjects/accout-vue3-ui/src/components/ReSeamlessScroll/src/index.vue"]]);const Ue=xe(Ne);const Ye=i=>(He("data-v-1ac0eab6"),i=i(),Pe(),i),Ve={class:"infinite"},Xe=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)),Qe={class:"item"},Ze=["textContent"],Ge=["textContent"],Je=["textContent"],Ke=ie({__name:"Infinite",setup(i){const f=x("scroll",null);let o=v([{date:"2021-09-01",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1000"},{date:"2021-09-02",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1100"},{date:"2021-09-03",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1200"},{date:"2021-09-04",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1300"},{date:"2021-09-05",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1400"},{date:"2021-09-06",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1500"},{date:"2021-09-07",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1600"},{date:"2021-09-08",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1700"},{date:"2021-09-09",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1800"},{date:"2021-09-10",name:"\u91C7\u9500bate3.0\u516C\u6D4B\u7248\u7ED3\u7B97\u5E73\u53F0",star:"1900"}]),c=Me({direction:"top"});return(g,_)=>(B(),A("div",Ve,[Xe,ke(e(Ue),{ref_key:"scroll",ref:f,data:e(o),"class-option":e(c),class:"warp"},{default:Oe(()=>[d("ul",Qe,[(B(!0),A($e,null,je(e(o),(t,n)=>(B(),A("li",{key:n},[d("span",{textContent:z(t.date)},null,8,Ze),d("span",{textContent:z(t.name)},null,8,Ge),d("span",{textContent:z(t.star)},null,8,Je)]))),128))])]),_:1},8,["data","class-option"])]))}});var tt=ue(Ke,[["__scopeId","data-v-1ac0eab6"],["__file","/Users/apple/Desktop/CompanyProjects/accout-vue3-ui/src/views/welcome/components/Infinite.vue"]]);export{tt as default};
|
