mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
8.6 KiB
JavaScript
2 lines
8.6 KiB
JavaScript
import{d as ae,r as y,a$ as I,J as a,b0 as Ae,b1 as Me,n as $,ai as S,a4 as se,ae as N,k as le,h as w,u as e,y as Oe,b2 as Fe,g as F,T as $e,ak as He,c as Pe,w as k,b as Y,j as O,z as je,t as De,F as qe,p as ze,m as Be,_ as Ee}from"./index-vCm-Bl4d.js";const Re=()=>{window.cancelAnimationFrame=window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(l){return window.clearTimeout(l)},window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(l){return window.setTimeout(l,1e3/60)}}()},We=(l,p)=>{if(l===p)return!0;if(l.length!==p.length)return!1;for(let u=0;u<l.length;++u)if(l[u]!==p[u])return!1;return!0};function re(){Array.isArray||(Array.isArray=function(v){return Object.prototype.toString.call(v)==="[object Array]"});let l,p,u,d,m,f,r=1,t=arguments[0]||{},s=!1,h=arguments.length;if(typeof t=="boolean"&&(s=t,t=arguments[1]||{},r++),typeof t!="object"&&typeof t!="function"&&(t={}),r===h)return t;for(;r<h;r++)if((p=arguments[r])!=null)for(l in p)u=t[l],d=p[l],m=Array.isArray(d),s&&d&&(typeof d=="object"||m)?(m?(m=!1,f=u&&Array.isArray(u)?u:[]):f=u&&typeof u=="object"?u:{},t[l]=re(s,f,d)):d!==void 0&&(t[l]=d);return t}const Le=Object.freeze(Object.defineProperty({__proto__:null,animationFrame:Re,arrayEqual:We,copyObj:re},Symbol.toStringTag,{value:"Module"})),Ie=["innerHTML"],Ne=ae({name:"ReSeamlessScroll",__name:"index",props:{data:{type:Array},classOption:{type:Object}},emits:["scrollEnd"],setup(l,{expose:p,emit:u}){const{animationFrame:d,copyObj:m}=Le;d();const f=l,r=u,t=y(0),s=y(0),h=y(0),v=y(0),T=y(0),C=y(0),H=y(0),P=y("");let x=null,U=null,j=null,V=null,X=null,D=!1,q="ease-in";f.classOption.key===void 0&&(f.classOption.key=0);const J=I(`wrap${f.classOption.key}`,null),G=I(`slotList${f.classOption.key}`,null),K=I(`realBox${f.classOption.key}`,null),Q=a(()=>e(t)<0),Z=a(()=>Math.abs(e(t))<e(C)-e(T)),ce=a(()=>({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})),o=a(()=>m({},e(ce),f.classOption)),ue=a(()=>e(Q)?"":e(o).switchDisabledClass),fe=a(()=>e(Z)?"":e(o).switchDisabledClass),de=a(()=>({position:"absolute",margin:`${e(v)/2}px 0 0 -${e(o).switchOffset}px`,transform:"translate(-100%,-50%)"})),pe=a(()=>({position:"absolute",margin:`${e(v)/2}px 0 0 ${e(T)+e(o).switchOffset}px`,transform:"translateY(-50%)"})),z=a(()=>e(o).direction!=="bottom"&&e(o).direction!=="top"),ee=a(()=>e(z)?{float:"left",overflow:"hidden"}:{overflow:"hidden"}),me=a(()=>({transform:`translate(${e(t)}px,${e(s)}px)`,transition:`all ${q} ${e(h)}ms`,overflow:"hidden"})),B=a(()=>e(o).navigation),E=a(()=>e(B)?!1:e(o).autoPlay),te=a(()=>f.data.length>=e(o).limitMoveNum),ne=a(()=>e(o).hoverStop&&e(E)&&e(te)),R=a(()=>e(o).openTouch),oe=a(()=>e(o).isSingleRemUnit?parseInt(window.getComputedStyle(document.documentElement,null).fontSize):1),W=a(()=>e(o).singleWidth*e(oe)),L=a(()=>e(o).singleHeight*e(oe)),b=a(()=>{let n;const i=e(o).step;if(e(z)?n=e(W):n=e(L),n>0&&n%i>0)throw"如果设置了单步滚动，step需是单步大小的约数，否则无法保证单步滚动结束的位置是否准确";return i});function he(){t.value=0,s.value=0,A(),ie()}function ve(){if(e(Q)){if(Math.abs(e(t))<e(o).switchSingleStep){t.value=0;return}t.value+=e(o).switchSingleStep}}function we(){if(e(Z)){if(e(C)-e(T)+e(t)<e(o).switchSingleStep){t.value=e(T)-e(C);return}t.value-=e(o).switchSingleStep}}function A(){cancelAnimationFrame(U||"")}function ye(n){if(!e(R))return;let i;const c=n.targetTouches[0],{waitTime:g,singleHeight:M,singleWidth:Ce}=e(o);j={x:c.pageX,y:c.pageY},V=e(s),X=e(t),M&&Ce?(i&&clearTimeout(i),i=setTimeout(()=>{A()},g+20)):A()}function ge(n){if(!e(R)||n.targetTouches.length>1||n.scale&&n.scale!==1)return;const i=n.targetTouches[0],{direction:c}=e(o),g={x:i.pageX-j.x,y:i.pageY-j.y};n.preventDefault();const M=Math.abs(g.x)<Math.abs(g.y)?1:0;M===1&&c==="bottom"||M===1&&c==="top"?s.value=V+g.y:(M===0&&c==="left"||M===0&&c==="right")&&(t.value=X+g.x)}function Se(){if(!e(R))return;let n;const i=e(o).direction;if(h.value=50,i==="top")e(s)>0&&(s.value=0);else if(i==="bottom"){const c=e(H)/2*-1;e(s)<c&&(s.value=c)}else if(i==="left")e(t)>0&&(t.value=0);else if(i==="right"){const c=e(C)*-1;e(t)<c&&(t.value=c)}n&&clearTimeout(n),n=setTimeout(()=>{h.value=0,_()},e(h))}function be(){e(ne)&&Te()}function _e(){e(ne)&&ke()}function _(){D||(U=requestAnimationFrame(function(){const n=e(H)/2,i=e(C)/2,{direction:c,waitTime:g}=e(o);c==="top"?(Math.abs(e(s))>=n&&(r("scrollEnd"),s.value=0),s.value-=b.value):c==="bottom"?(e(s)>=0&&(r("scrollEnd"),s.value=n*-1),s.value+=b.value):c==="left"?(Math.abs(e(t))>=i&&(r("scrollEnd"),t.value=0),t.value-=b.value):c==="right"&&(e(t)>=0&&(r("scrollEnd"),t.value=i*-1),t.value+=b.value),x&&clearTimeout(x),e(L)?Math.abs(e(s))%e(L)<e(b)?x=setTimeout(()=>{_()},g):_():e(W)&&Math.abs(e(t))%e(W)<e(b)?x=setTimeout(()=>{_()},g):_()}))}function ie(){Oe(()=>{const{switchDelay:n}=e(o);if(P.value="",e(z)){v.value=e(J).offsetHeight,T.value=e(J).offsetWidth;let i=e(G).offsetWidth;e(E)&&(i=i*2+1),e(K).style.width=i+"px",C.value=i}if(e(E))q="ease-in",h.value=0;else{q="linear",h.value=n;return}e(te)?(P.value=e(G).innerHTML,setTimeout(()=>{var i;H.value=(i=e(K))==null?void 0:i.offsetHeight,_()},0)):(A(),s.value=t.value=0)})}function ke(){D=!1,_()}function Te(){D=!0,x&&clearTimeout(x),A()}function xe(n){e(o).direction==="left"||e(o).direction==="right"||Fe(()=>{n.deltaY>0?s.value-=b.value:s.value+=b.value},50)()}return Ae(()=>{ie()}),Me(()=>{A(),clearTimeout(x)}),p({reset:he}),(n,i)=>(F(),$("div",{ref:"wrap"+f.classOption.key},[B.value?(F(),$("div",{key:0,style:S(de.value),class:se(ue.value),onClick:ve},[N(n.$slots,"left-switch")],6)):le("",!0),B.value?(F(),$("div",{key:1,style:S(pe.value),class:se(fe.value),onClick:we},[N(n.$slots,"right-switch")],6)):le("",!0),w("div",{ref:"realBox"+f.classOption.key,style:S(me.value),onMouseenter:be,onMouseleave:_e,onTouchstartPassive:ye,onTouchmovePassive:ge,onTouchend:Se,onMousewheelPassive:xe},[w("div",{ref:"slotList"+f.classOption.key,style:S(ee.value)},[N(n.$slots,"default")],4),w("div",{style:S(ee.value),innerHTML:P.value},null,12,Ie)],36)],512))}}),Ye=$e(Ne),Ue=l=>(ze("data-v-ace6f6da"),l=l(),Be(),l),Ve={class:"card-header"},Xe=Ue(()=>w("span",{class:"font-medium"},"无缝滚动示例",-1)),Je={class:"item"},Ge=["textContent"],Ke=ae({name:"SeamlessScroll",__name:"index",setup(l){const p=y(),u=y([{title:"无缝滚动第一行无缝滚动第一行！！！！！！！！！！"},{title:"无缝滚动第二行无缝滚动第二行！！！！！！！！！！"},{title:"无缝滚动第三行无缝滚动第三行！！！！！！！！！！"},{title:"无缝滚动第四行无缝滚动第四行！！！！！！！！！！"},{title:"无缝滚动第五行无缝滚动第五行！！！！！！！！！！"},{title:"无缝滚动第六行无缝滚动第六行！！！！！！！！！！"},{title:"无缝滚动第七行无缝滚动第七行！！！！！！！！！！"},{title:"无缝滚动第八行无缝滚动第八行！！！！！！！！！！"},{title:"无缝滚动第九行无缝滚动第九行！！！！！！！！！！"}]),d=He({direction:"top"});function m(f){e(p).reset(),e(d).direction=f}return(f,r)=>{const t=Y("el-button"),s=Y("el-card"),h=Y("el-space");return F(),Pe(h,{wrap:""},{default:k(()=>[O(s,{class:"box-card",shadow:"never"},{header:k(()=>[w("div",Ve,[Xe,O(t,{class:"button",link:"",type:"primary",onClick:r[0]||(r[0]=v=>m("top"))},{default:k(()=>[w("span",{style:S({color:d.direction==="top"?"red":""})}," 向上滚动 ",4)]),_:1}),O(t,{class:"button",link:"",type:"primary",onClick:r[1]||(r[1]=v=>m("bottom"))},{default:k(()=>[w("span",{style:S({color:d.direction==="bottom"?"red":""})}," 向下滚动 ",4)]),_:1}),O(t,{class:"button",link:"",type:"primary",onClick:r[2]||(r[2]=v=>m("left"))},{default:k(()=>[w("span",{style:S({color:d.direction==="left"?"red":""})}," 向左滚动 ",4)]),_:1}),O(t,{class:"button",link:"",type:"primary",onClick:r[3]||(r[3]=v=>m("right"))},{default:k(()=>[w("span",{style:S({color:d.direction==="right"?"red":""})}," 向右滚动 ",4)]),_:1})])]),default:k(()=>[O(e(Ye),{ref_key:"scroll",ref:p,data:u.value,"class-option":d,class:"warp"},{default:k(()=>[w("ul",Je,[(F(!0),$(qe,null,je(u.value,(v,T)=>(F(),$("li",{key:T},[w("span",{class:"title",textContent:De(v.title)},null,8,Ge)]))),128))])]),_:1},8,["data","class-option"])]),_:1})]),_:1})}}}),Ze=Ee(Ke,[["__scopeId","data-v-ace6f6da"]]);export{Ze as default};
|