vuux/dist/lib/Carousel/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),m=require("./hook/useCarousel.cjs"),i=require("@vuux/icons"),p=["href"],k=["src"],f={key:0,class:"carousel-text"},B=["src"],y={key:2,class:"carousel-indicator"},v=["onClick"],C=e.defineComponent({name:"Carousel",__name:"index",props:{data:{},duration:{default:3},autoplay:{type:Boolean,default:!0},height:{default:"380px"},width:{default:"100%"},fit:{default:"cover"},freedom:{type:Boolean},indicator:{type:Boolean},border:{type:Boolean}},setup(d){const n=d,{styles:a,index:l,onMouseenter:s,onMouseleave:c,handleToggleFN:u}=m.useCarousel(n);return(g,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["app-carousel",{"is-border":n.border}]),style:e.normalizeStyle(e.unref(a)),onMouseenter:o[2]||(o[2]=(...t)=>e.unref(s)&&e.unref(s)(...t)),onMouseleave:o[3]||(o[3]=(...t)=>e.unref(c)&&e.unref(c)(...t)),onDragstart:o[4]||(o[4]=e.withModifiers(()=>{},["prevent"])),onContextmenu:o[5]||(o[5]=e.withModifiers(()=>{},["prevent"]))},[n.freedom?(e.openBlock(),e.createBlock(e.TransitionGroup,{key:0,name:"carousel-fade",tag:"ul",class:"carousel-body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.data,(t,r)=>(e.openBlock(),e.createElementBlock("li",{key:t.url||r,class:e.normalizeClass(["carousel-item",{"is-active":r===e.unref(l)}])},[e.createElementVNode("a",{href:t.url?t.url:"javascript:;",target:"_blank"},[e.createElementVNode("img",{src:t.src,style:e.normalizeStyle(e.unref(a))},null,12,k),t.text?(e.openBlock(),e.createElementBlock("p",f,e.toDisplayString(t.text),1)):e.createCommentVNode("",!0)],8,p)],2))),128))]),_:1})):(e.openBlock(),e.createBlock(e.TransitionGroup,{key:1,name:"carousel-fade",tag:"ul",class:"carousel-body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.data,(t,r)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass(["carousel-item",{"is-active":r===e.unref(l)}])},[e.createElementVNode("img",{src:t,style:e.normalizeStyle(e.unref(a))},null,12,B)],2))),128))]),_:1})),e.createElementVNode("div",{class:"carousel-btn is-prev",onClick:o[0]||(o[0]=t=>e.unref(u)(-1))},[e.createVNode(e.unref(i.Icon),{name:"Icon3498333",size:18,opacity:.8,color:"rgba(255, 255, 255, 0.8)"})]),e.createElementVNode("div",{class:"carousel-btn is-next",onClick:o[1]||(o[1]=t=>e.unref(u)(1))},[e.createVNode(e.unref(i.Icon),{name:"Icon6657361",size:18,opacity:.8,color:"rgba(255, 255, 255, 0.8)"})]),n.indicator?(e.openBlock(),e.createElementBlock("div",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.data.length,t=>(e.openBlock(),e.createElementBlock("span",{key:t,class:e.normalizeClass({"is-active":e.unref(l)===t-1}),onClick:r=>l.value=t-1},null,10,v))),128))])):e.createCommentVNode("",!0)],38))}});module.exports=C;