vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 799 B
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=e=>{const n=a.computed(()=>({"--image-group-gap":e.gap+"px","--image-group-width":e.size+"px","--image-group-height":e.size+"px","--image-group-border":e.border+"px"})),u=a.computed(()=>e.max>0&&e.src.length>e.max?e.src.slice(0,e.max-1):e.src),i=a.computed(()=>e.max>0&&e.src.length>e.max),l=a.computed(()=>i.value?e.src[e.max-1]:""),t=a.ref({visible:!1,index:0});return{customStyle:n,normalImages:u,last:i,lastImage:l,preview:t,openPreview:c=>{t.value={visible:!0,index:c}},closePreview:()=>{t.value.visible=!1},prevImage:()=>{t.value.index>0?t.value.index--:t.value.index=e.src.length-1},nextImage:()=>{t.value.index<e.src.length-1?t.value.index++:t.value.index=0}}};exports.useImageGroup=g;