vuux/dist/lib/Image/src/group.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),p=require("./hook/useImageGroup.cjs"),l=require("@vuux/icons"),v=["onClick"],C=["src"],B=["src"],I={class:"image-mask"},E=["src"],N=e.defineComponent({name:"ImageGroup",__name:"group",props:{src:{default:()=>[]},size:{default:80},border:{default:4},gap:{default:8},max:{default:0}},setup(n){const a=n,{customStyle:m,normalImages:u,last:d,lastImage:k,preview:c,openPreview:s,closePreview:r,prevImage:f,nextImage:g}=p.useImageGroup(a);return(V,t)=>(e.openBlock(),e.createElementBlock("div",{class:"app-image-group",style:e.normalizeStyle(e.unref(m))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"image-item",onClick:y=>e.unref(s)(i)},[e.createElementVNode("img",{src:o},null,8,C),t[2]||(t[2]=e.createElementVNode("div",{class:"is-mask"},null,-1))],8,v))),128)),e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image-item",onClick:t[0]||(t[0]=o=>e.unref(s)(n.max-1))},[e.createElementVNode("img",{src:e.unref(k)},null,8,B),e.createElementVNode("div",I,e.toDisplayString(n.src.length-n.max)+" +",1)])):e.createCommentVNode("",!0),e.unref(c).visible?(e.openBlock(),e.createElementBlock("div",{key:1,class:"image-preview",onClick:t[1]||(t[1]=e.withModifiers((...o)=>e.unref(r)&&e.unref(r)(...o),["self"]))},[e.createVNode(e.unref(l.Icon),{name:"Icon9176904",onClick:e.unref(r),class:"close-btn",size:18,color:"rgba(255, 255, 255, 0.8)"},null,8,["onClick"]),n.src.length>1?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:0,name:"Icon3498333",class:"nav-btn is-prev",size:22,color:"rgba(255, 255, 255, 0.8)",onClick:e.withModifiers(e.unref(f),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0),e.createElementVNode("img",{src:n.src[e.unref(c).index],class:"preview-image"},null,8,E),n.src.length>1?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:1,name:"Icon6657361",class:"nav-btn is-next",size:22,color:"rgba(255, 255, 255, 0.8)",onClick:e.withModifiers(e.unref(g),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4))}});module.exports=N;