vue3-seamless-scroll
Version:
2 lines (1 loc) • 18.8 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue3SeamlessScroll={},e.Vue)}(this,(function(e,t){"use strict";function l(e,t){let l=0;return function(...a){const n=Date.now();n-l>=e&&(l=n,t.apply(this,a))}}const a=()=>crypto.randomUUID().replaceAll("-","");function n(e){const t=new Set,l=new Set;return e.forEach((e=>{t.has(e.id)?l.add(e):t.add(e.id)})),l.size>0&&e.forEach((e=>{e.id=a()})),e}function i(e){return e.map(((e,t)=>({id:a(),index:t,data:e})))}var u=t.defineComponent({name:"VerticalScroll",emits:["offset"],inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},list:{type:Array,required:!0},hover:{type:Boolean,default:!1},singleWaitTime:{type:Number,default:1e3},wheel:{type:Boolean,default:!1},singleLine:{type:Boolean,default:!1},step:{type:Number,default:.5},visibleCount:{type:Number},ease:{type:String,default:"cubic-bezier(0.03, 0.76, 1, 0.16)"},direction:{type:String,default:"up"},delay:{type:Number,default:0}},setup(e,{expose:u,emit:r}){const s=t.ref(null),o=t.ref(null),v=t.ref([]),c=t.ref(0),f=t.ref(!1),d=t.ref(e.direction),p=t.computed((()=>e.hover?!f.value&&e.modelValue:e.modelValue)),h=t.ref([]),m=i(e.list),g=t.ref(void 0===e.visibleCount?0:e.visibleCount);let x=[],y=0,E=0,k=-1,T=0,b=null,L=!1,W=0,B=0,S=!1;const w=()=>{const e=k+E;if(e>=m.length){const t=e-m.length,l=["splice",[0,E],[k],[0,t]];v.value=l,k=t>m.length?m.length:t}else{const t=["splice",[0,E],[k,e]];v.value=t,k=e}},V=()=>{const e=Array.from(s.value.children),t="up"===d.value?e.slice(0,E):e.slice($.value.length-E,$.value.length);x=t.map((e=>e.offsetHeight)),y=x.reduce(((e,t)=>e+t),0)},C=(l,a)=>{if(cancelAnimationFrame(b),b=null,!S)return;const n=()=>{e.singleLine&&W>=x[0]?(L=!0,x.shift(),W=0,setTimeout((()=>{L=!1,l||C(!1,e.step)}),e.singleWaitTime)):l||C(!1,e.step)};(p.value&&!L||l)&&(b=requestAnimationFrame((()=>{B+=a,W+=a,"up"===d.value?c.value+=a:c.value-=a,B>y?(r("offset",E,m),w(),t.nextTick((()=>{c.value="up"===d.value?0:_()-T,B=0,V(),n()}))):n()})))},H=()=>{f.value=!0},A=()=>{f.value=!1,e.hover&&C(!1,e.step)},N=l(30,(e=>{C(!0,10)})),F=t=>{e.hover&&e.wheel&&(N(t),t.preventDefault(),t.stopPropagation())},$=t.computed((()=>{let e=[];return 0===v.value.length?e=m.slice(0,g.value):"splice"===v.value[0]?(e="up"===d.value?$.value:$.value.reverse(),e.splice(...v.value[1]),v.value.slice(2).forEach((t=>{e.push(...m.slice(...t))}))):v.value.slice(1).forEach((t=>{e.push(...m.slice(...t))})),"up"!==d.value&&e.reverse(),n(e)})),M=()=>{if(k=g.value+E,k>=m.length){const e=k-m.length,t=["slice",[0,k],[0,e]];return k=e>m.length?m.length:e,t}return["slice",[0,k]]},_=()=>Array.from(s.value.children).map((e=>e.offsetHeight)).reduce(((e,t)=>e+t),0),R=l=>{void 0===e.visibleCount?(h.value=i([e.list[0]]),t.nextTick((()=>{g.value=Math.ceil(T/o.value.offsetHeight)+2,h.value=m.slice(0,g.value),t.nextTick((()=>{l()}))}))):(h.value=m.slice(0,g.value),t.nextTick((()=>{l()})))};t.onMounted((()=>{s.value&&(s.value.parentElement.addEventListener("mouseenter",H),s.value.parentElement.addEventListener("mouseleave",A),s.value.parentElement.addEventListener("wheel",F),T=s.value.parentElement.offsetHeight,e.list.length>0&&R((()=>{o.value.offsetHeight>T?(E=I(),v.value=M(),t.nextTick((()=>{c.value="up"===d.value?0:_()-T,V(),S=!0,setTimeout((()=>{C(!1,e.step)}),e.delay)}))):z(),h.value=[]})))}));const z=()=>{S=!1,E=0,v.value=[],t.nextTick((()=>{c.value="up"===d.value?0:_()-T,B=0,W=0}))},I=()=>{let e=m.length-g.value;return e=Math.max(1,e),e=Math.min(5,e),e};return u({add:(l,n,i)=>{if(n&&n.length>0){l>m.length&&(l=m.length),l<0&&(l=0);const i=[];1===n.length&&$.value.forEach(((e,t)=>{e.index===l&&i.push(t)}));const u=[];n.forEach((e=>{u.push({id:a(),data:e})})),m.splice(l,0,...u),m.forEach(((e,t)=>{e.index=t}));const r=I();if(S)l<k&&(k+=1,k>m.length&&(k=0)),1===n.length&&i.length>0&&i.forEach((e=>{$.value[e]=u[0]})),r!==E&&(E=r);else{const l=()=>{o.value.offsetHeight>T?(E=r,v.value=M(),t.nextTick((()=>{c.value="up"===d.value?0:_()-T,B=0,W=0,V(),S=!0,C(!1,e.step)}))):(void 0===e.visibleCount&&(g.value=0),z()),h.value=[]};0===g.value&&void 0===e.visibleCount?R((()=>{l()})):(h.value=m.slice(0,g.value),t.nextTick((()=>{l()})))}}i&&"function"==typeof i&&i(m)},remove:(e,l=1,a)=>{e>=0&&e<m.length&&(m.splice(e,l),S?(h.value=m.slice(0,g.value),t.nextTick((()=>{if(o.value.offsetHeight>T){const e=I();e!==E&&(E=e),v.value=M()}else z();h.value=[]}))):z()),a&&"function"==typeof a&&a(m)},update:(e,t,l)=>{if(e>=0&&e<m.length){const l=[];$.value.forEach(((t,a)=>{t.index===e&&l.push(a)}));const n={id:a(),index:e,data:t};m[e]=n,l.length>0&&l.forEach((e=>{$.value[e]=n}))}l&&"function"==typeof l&&l(m)},reset:()=>{t.nextTick((()=>{h.value=m.slice(0,g.value),t.nextTick((()=>{o.value.offsetHeight>T?"splice"===v.value[0]?(w(),t.nextTick((()=>{V()}))):(v.value=M(),t.nextTick((()=>{V()}))):z()}))}))}}),t.watch((()=>e.modelValue),(t=>{t&&C(!1,e.step)})),t.onUnmounted((()=>{cancelAnimationFrame(b),s.value&&(s.value.parentElement.removeEventListener("mouseenter",H),s.value.parentElement.removeEventListener("mouseleave",A),s.value.parentElement.removeEventListener("wheel",F))})),{realWrapperRef:s,visibleItems:$,offset:c,testList:h,realWrapperHiddenRef:o}}});const r={style:{position:"absolute !important",top:"-999999px !important"},ref:"realWrapperHiddenRef"};function s(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}s("\n.vue3-seamless-vertical-wrapper[data-v-70134dc7] {\r\n width: 100%;\n}\r\n"),u.render=function(e,l,a,n,i,u){return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{class:"vue3-seamless-vertical-wrapper",ref:"realWrapperRef",style:t.normalizeStyle({transition:`transform ${e.ease}`,transform:`translateY(-${e.offset}px)`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.visibleItems,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index}))),128))],4),t.createElementVNode("div",r,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.testList,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index}))),128))],512)],64)},u.__scopeId="data-v-70134dc7",u.__file="packages/VerticalScroll.vue";var o=t.defineComponent({name:"HorizontalScroll",emits:["offset"],inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},list:{type:Array,required:!0},hover:{type:Boolean,default:!1},singleWaitTime:{type:Number,default:1e3},wheel:{type:Boolean,default:!1},singleLine:{type:Boolean,default:!1},step:{type:Number,default:.5},visibleCount:{type:Number},ease:{type:String,default:"cubic-bezier(0.03, 0.76, 1, 0.16)"},direction:{type:String,default:"left"},delay:{type:Number,default:0}},setup(e,{emit:u,expose:r}){const s=t.ref(null),o=t.ref(null),v=t.ref([]),c=t.ref(0),f=t.ref(!1),d=t.ref(e.direction),p=t.computed((()=>e.hover?!f.value&&e.modelValue:e.modelValue)),h=t.ref([]),m=t.ref(void 0===e.visibleCount?0:e.visibleCount),g=i(e.list);let x=[],y=0,E=0,k=-1,T=0,b=null,L=!1,W=0,B=0,S=!1;const w=()=>{const e=k+E;if(e>=g.length){const t=e-g.length,l=["splice",[0,E],[k],[0,t]];v.value=l,k=t>g.length?g.length:t}else{const t=["splice",[0,E],[k,e]];v.value=t,k=e}},V=()=>{const e=Array.from(s.value.children),t="left"===d.value?e.slice(0,E):e.slice($.value.length-E,$.value.length);x=t.map((e=>e.offsetWidth)),y=x.reduce(((e,t)=>e+t),0)},C=(l,a)=>{if(cancelAnimationFrame(b),b=null,!S)return;const n=()=>{e.singleLine&&W>=x[0]?(L=!0,x.shift(),W=0,setTimeout((()=>{L=!1,l||C(!1,e.step)}),e.singleWaitTime)):l||C(!1,e.step)};(p.value&&!L||l)&&(b=requestAnimationFrame((()=>{B+=a,W+=a,e?c.value+=a:c.value-=a,B>y?(u("offset",E,g),w(),t.nextTick((()=>{c.value="left"===d.value?0:_()-T,B=0,V(),n()}))):n()})))},H=()=>{f.value=!0},A=()=>{f.value=!1,e.hover&&C(!1,e.step)},N=l(30,(e=>{C(!0,10)})),F=t=>{e.hover&&e.wheel&&(N(t),t.preventDefault(),t.stopPropagation())},$=t.computed((()=>{let e=[];return 0===v.value.length?e=g.slice(0,m.value):"splice"===v.value[0]?(e="left"===d.value?$.value:$.value.reverse(),e.splice(...v.value[1]),v.value.slice(2).forEach((t=>{e.push(...g.slice(...t))}))):v.value.slice(1).forEach((t=>{e.push(...g.slice(...t))})),"left"!==d.value&&e.reverse(),n(e)})),M=()=>{if(k=m.value+E,k>=g.length){const e=k-g.length,t=["slice",[0,k],[0,e]];return k=e>g.length?g.length:e,t}return["slice",[0,k]]},_=()=>Array.from(s.value.children).map((e=>e.offsetWidth)).reduce(((e,t)=>e+t),0),R=l=>{void 0===e.visibleCount?(h.value=i([e.list[0]]),t.nextTick((()=>{m.value=Math.ceil(T/o.value.offsetWidth)+2,h.value=g.slice(0,m.value),t.nextTick((()=>{l()}))}))):(h.value=g.slice(0,m.value),t.nextTick((()=>{l()})))};t.onMounted((()=>{s.value&&(s.value.parentElement.addEventListener("mouseenter",H),s.value.parentElement.addEventListener("mouseleave",A),s.value.parentElement.addEventListener("wheel",F),T=s.value.parentElement.offsetWidth,e.list.length>0&&R((()=>{o.value.offsetWidth>T?(E=I(),v.value=M(),t.nextTick((()=>{c.value="left"===d.value?0:_()-T,V(),S=!0,setTimeout((()=>{C(!1,e.step)}),e.delay)}))):z(),h.value=[]})))}));const z=()=>{S=!1,E=0,v.value=[],t.nextTick((()=>{c.value="left"===d.value?0:_()-T,B=0,W=0}))},I=()=>{let e=g.length-m.value;return e=Math.max(1,e),e=Math.min(5,e),e};return r({add:(l,n,i)=>{if(n&&n.length>0){l>g.length&&(l=g.length),l<0&&(l=0);const i=[];1===n.length&&$.value.forEach(((e,t)=>{e.index===l&&i.push(t)}));const u=[];n.forEach((e=>{u.push({id:a(),data:e})})),g.splice(l,0,...u),g.forEach(((e,t)=>{e.index=t}));const r=I();if(S)l<k&&(k+=1,k>g.length&&(k=0)),1===n.length&&i.forEach((e=>{$.value[e]=u[0]})),r!==E&&(E=r);else{const l=()=>{o.value.offsetWidth>T?(E=r,v.value=M(),t.nextTick((()=>{c.value="left"===d.value?0:_()-T,B=0,W=0,V(),S=!0,C(!1,e.step)}))):(void 0===e.visibleCount&&(m.value=0),z()),h.value=[]};0===m.value&&void 0===e.visibleCount?R((()=>{l()})):(h.value=g.slice(0,m.value),t.nextTick((()=>{l()})))}}i&&"function"==typeof i&&i(g)},remove:(e,l=1,a)=>{e>=0&&e<g.length&&(g.splice(e,l),S?(h.value=g.slice(0,m.value),t.nextTick((()=>{if(o.value.offsetWidth>T){const e=I();e!==E&&(E=e),v.value=M()}else z();h.value=[]}))):z()),a&&"function"==typeof a&&a(g)},update:(e,t,l)=>{if(e>=0&&e<g.length){const l=[];$.value.forEach(((t,a)=>{t.index===e&&l.push(a)}));const n={id:a(),index:e,data:t};g[e]=n,l.length>0&&l.forEach((e=>{$[e]=n}))}l&&"function"==typeof l&&l(g)},reset:()=>{t.nextTick((()=>{h.value=g.slice(0,m.value),t.nextTick((()=>{o.value.offsetWidth>T?"splice"===v.value[0]?(w(),t.nextTick((()=>{V()}))):(v.value=M(),t.nextTick((()=>{V()}))):z()}))}))}}),t.watch((()=>e.modelValue),(t=>{t&&C(!1,e.step)})),t.onUnmounted((()=>{cancelAnimationFrame(b),s.value&&(s.value.parentElement.removeEventListener("mouseenter",H),s.value.parentElement.removeEventListener("mouseleave",A),s.value.parentElement.removeEventListener("wheel",F))})),{visibleItems:$,offset:c,testList:h,realWrapperRef:s,realWrapperHiddenRef:o}}});s("\n.vue3-seamless-horizontal-wrapper[data-v-530d6df5] {\n height: 100%;\n}\n"),o.render=function(e,l,a,n,i,u){return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",t.mergeProps({class:"vue3-seamless-horizontal-wrapper",ref:"realWrapperRef",style:{transition:`transform ${e.ease}`,transform:`translateX(-${e.offset}px)`}},e.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.visibleItems,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index,style:"color: brown;"}))),128))],16),t.createElementVNode("div",t.mergeProps({style:{position:"absolute !important",top:"-999999px !important"},ref:"realWrapperHiddenRef"},e.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.testList,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index}))),128))],16)],64)},o.__scopeId="data-v-530d6df5",o.__file="packages/HorizontalScroll.vue";var v=t.defineComponent({name:"Vue3SeamlessScroll",emits:["offset"],inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},list:{type:Array,required:!0},hover:{type:Boolean,default:!1},singleWaitTime:{type:Number,default:1e3},wheel:{type:Boolean,default:!1},singleLine:{type:Boolean,default:!1},step:{type:Number,default:.5},visibleCount:{type:Number},ease:{type:String,default:"cubic-bezier(0.03, 0.76, 1, 0.16)"},direction:{type:String,default:"up"},delay:{type:Number,default:0}},setup(e,{expose:u,emit:r}){const s=t.ref(null),o=t.ref(null),v=t.ref(null),c=t.ref([]),f=t.ref(0),d=t.ref(!1),p=t.ref(e.direction),h=t.computed((()=>e.hover?!d.value&&e.modelValue:e.modelValue)),m=t.ref([]),g=t.ref(void 0===e.visibleCount?0:e.visibleCount),x=i(e.list);let y=[],E=0,k=0,T=-1,b=0,L=null,W=!1,B=0,S=0,w=!1;const V=t.computed((()=>"up"===p.value||"down"===p.value?`translateY(-${f.value}px)`:`translateX(-${f.value}px)`)),C=()=>{const e=T+k;if(e>=x.length){const t=e-x.length,l=["splice",[0,k],[T],[0,t]];c.value=l,T=t>x.length?x.length:t}else{const t=["splice",[0,k],[T,e]];c.value=t,T=e}},H=()=>{const e=Array.from(o.value.children),t="up"===p.value||"left"===p.value?e.slice(0,k):e.slice(R.value.length-k,R.value.length);y=t.map((e=>"left"===p.value||"right"===p.value?e.offsetWidth:e.offsetHeight)),E=y.reduce(((e,t)=>e+t),0)},A=()=>{"up"===p.value||"left"===p.value?f.value=0:f.value=I()-b},N=(l,a)=>{if(cancelAnimationFrame(L),L=null,!w)return;const n=()=>{e.singleLine&&B>=y[0]?(W=!0,y.shift(),B=0,setTimeout((()=>{W=!1,l||N(!1,e.step)}),e.singleWaitTime)):l||N(!1,e.step)};(h.value&&!W||l)&&(L=requestAnimationFrame((()=>{S+=a,B+=a,"up"===p.value||"left"===p.value?f.value+=a:f.value-=a,S>E?(r("offset",k,x),C(),t.nextTick((()=>{A(),S=0,H(),n()}))):n()})))},F=()=>{d.value=!0},$=()=>{d.value=!1,e.hover&&N(!1,e.step)},M=l(30,(e=>{N(!0,10)})),_=t=>{e.hover&&e.wheel&&(M(t),t.preventDefault(),t.stopPropagation())},R=t.computed((()=>{let e=[];return 0===c.value.length?e=x.slice(0,g.value):"splice"===c.value[0]?(e="up"===p.value||"left"===p.value?R.value:R.value.reverse(),e.splice(...c.value[1]),c.value.slice(2).forEach((t=>{e.push(...x.slice(...t))}))):c.value.slice(1).forEach((t=>{e.push(...x.slice(...t))})),"up"!==p.value&&"left"!==p.value&&e.reverse(),n(e)})),z=()=>{if(T=g.value+k,T>=x.length){const e=T-x.length,t=["slice",[0,T],[0,e]];return T=e>x.length?x.length:e,t}return["slice",[0,T]]},I=()=>Array.from(o.value.children).map((e=>"left"===p.value||"right"===p.value?e.offsetWidth:e.offsetHeight)).reduce(((e,t)=>e+t),0),P=l=>{void 0===e.visibleCount?(m.value=i([e.list[0]]),t.nextTick((()=>{"left"===p.value||"right"===p.value?g.value=Math.ceil(b/v.value.offsetWidth)+2:g.value=Math.ceil(b/v.value.offsetHeight)+2,m.value=x.slice(0,g.value),t.nextTick((()=>{l()}))}))):(m.value=x.slice(0,g.value),t.nextTick((()=>{l()})))};t.onMounted((()=>{o.value&&(o.value.parentElement.addEventListener("mouseenter",F),o.value.parentElement.addEventListener("mouseleave",$),o.value.parentElement.addEventListener("wheel",_),b=o.value.parentElement.offsetHeight,"left"!==p.value&&"right"!==p.value||(b=o.value.parentElement.offsetWidth),P((()=>{let l=v.value.offsetHeight>b;"left"!==p.value&&"right"!==p.value||(l=v.value.offsetWidth>b),l?(k=D(),c.value=z(),t.nextTick((()=>{A(),H(),w=!0,setTimeout((()=>{N(!1,e.step)}),e.delay)}))):q(),m.value=[]})))}));const q=()=>{w=!1,k=0,c.value=[],t.nextTick((()=>{A(),S=0,B=0}))},D=()=>{let e=x.length-g.value;return e=Math.max(1,e),e=Math.min(5,e),e};return u({add:(l,n,i)=>{if(n&&n.length>0){l>x.length&&(l=x.length),l<0&&(l=0);const i=[];1===n.length&&R.value.forEach(((e,t)=>{e.index===l&&i.push(t)}));const u=[];n.forEach((e=>{u.push({id:a(),data:e})})),x.splice(l,0,...u),x.forEach(((e,t)=>{e.index=t}));const r=D();if(w)l<T&&(T+=1,T>x.length&&(T=0)),1===n.length&&i.length>0&&i.forEach((e=>{R[e]=u[0]})),r!==k&&(k=r);else{const l=()=>{let l=v.value.offsetHeight>b;"left"!==p.value&&"right"!==p.value||(l=v.value.offsetWidth>b),l?(k=r,c.value=z(),t.nextTick((()=>{A(),S=0,B=0,H(),w=!0,N(!1,e.step)}))):(void 0===e.visibleCount&&(g.value=0),q()),m.value=[]};0===g.value&&void 0===e.visibleCount?P((()=>{l()})):(m.value=x.slice(0,g.value),t.nextTick((()=>{l()})))}}i&&"function"==typeof i&&i(x)},remove:(e,l=1,a)=>{e>=0&&e<x.length&&(x.splice(e,l),w?(m.value=x.slice(0,g.value),t.nextTick((()=>{let e=v.value.offsetHeight>b;if("left"!==p.value&&"right"!==p.value||(e=v.value.offsetWidth>b),e){const e=D();e!==k&&(k=e),c.value=z()}else q();m.value=[]}))):q()),a&&"function"==typeof a&&a(x)},update:(e,t,l)=>{if(e>=0&&e<x.length){const l=[];R.value.forEach(((t,a)=>{t.index===e&&l.push(a)}));const n={id:a(),index:e,data:t};x[e]=n,l.length>0&&l.forEach((e=>{R[e]=n}))}l&&"function"==typeof l&&l(x)},reset:()=>{t.nextTick((()=>{m.value=x.slice(0,g.value),t.nextTick((()=>{let e=v.value.offsetHeight>b;"left"!==p.value&&"right"!==p.value||(e=v.value.offsetWidth>b),e?"splice"===c.value[0]?(C(),t.nextTick((()=>{H()}))):(c.value=z(),t.nextTick((()=>{H()}))):q()}))}))}}),t.watch((()=>e.modelValue),(t=>{t&&N(!1,e.step)})),t.onUnmounted((()=>{cancelAnimationFrame(L),o.value&&(o.value.parentElement.removeEventListener("mouseenter",F),o.value.parentElement.removeEventListener("mouseleave",$),o.value.parentElement.removeEventListener("wheel",_))})),{realBoxRef:s,realWrapperRef:o,visibleItems:R,offset:f,testList:m,realWrapperHiddenRef:v,transform:V}}});s("\n.vue3-seamless-wrapper[data-v-b156a416] {\r\n width: 100%;\r\n height: 100%;\n}\r\n"),v.render=function(e,l,a,n,i,u){return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",t.mergeProps({class:"vue3-seamless-wrapper",ref:"realWrapperRef",style:{transition:`transform ${e.ease}`,transform:e.transform}},e.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.visibleItems,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index}))),128))],16),t.createElementVNode("div",t.mergeProps({style:{position:"absolute !important",left:"-999999px !important"},ref:"realWrapperHiddenRef"},e.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.testList,(l=>t.renderSlot(e.$slots,"default",{key:l.id,data:l.data,index:l.index}))),128))],16)],64)},v.__scopeId="data-v-b156a416",v.__file="packages/Vue3SeamlessScroll.vue";const c=function(e,t={}){e.component(t.name||v.name,v)};e.HorizontalScroll=o,e.VerticalScroll=u,e.Vue3SeamlessScroll=v,e.default=function(e){e.use(c)},Object.defineProperty(e,"__esModule",{value:!0})}));