vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 774 B
JavaScript
;const e=require("vue"),c=require("./hook/useMarquee.cjs"),i=e.defineComponent({name:"Marquee",__name:"index",props:{speed:{default:1}},setup(a){const l=a,n=e.useTemplateRef("marqueeEl"),s=e.useTemplateRef("contentEl"),{translateX:f,ready:m,pause:u,resume:o}=c.useMarquee(l,n,s);return(p,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"marqueeEl",ref:n,class:"app-marquee"},[e.withDirectives(e.createElementVNode("div",{ref_key:"contentEl",ref:s,class:"marquee-content",style:e.normalizeStyle({transform:`translateX(${e.unref(f)}px)`}),onMouseenter:r[0]||(r[0]=(...t)=>e.unref(u)&&e.unref(u)(...t)),onMouseleave:r[1]||(r[1]=(...t)=>e.unref(o)&&e.unref(o)(...t))},[e.renderSlot(p.$slots,"default")],36),[[e.vShow,e.unref(m)]])],512))}});module.exports=i;