vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 2.16 kB
JavaScript
;const e=require("vue"),k=require("./hook/useAvatarGroup.cjs"),v={class:"app-avatar-group"},g=["onClick"],C=["src"],y=e.defineComponent({name:"AvatarGroup",__name:"group",props:{data:{},options:{default:()=>({src:"src",size:"42",shape:"circle"})},max:{default:0}},emits:["change","more"],setup(c,{emit:i}){const r=c,u=i,{list:m,mergedFields:n,styles:p,avatarStyles:s,isChange:o,handleGetData:d,handleMore:a}=k.useAvatarGroup(r,u);return(B,l)=>(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(t,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,class:e.normalizeClass(["avatar-group-item",{"is-overlay":e.unref(o)}]),onClick:h=>e.unref(d)(t)},[t[e.unref(n).src]?(e.openBlock(),e.createElementBlock("img",{key:0,style:e.normalizeStyle(e.unref(s)),src:t[e.unref(n).src],draggable:"false"},null,12,C)):(e.openBlock(),e.createElementBlock("svg",{key:1,style:e.normalizeStyle(e.unref(s)),viewBox:"0 0 30 30",class:"avatar-svg",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[...l[1]||(l[1]=[e.createElementVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createElementVNode("circle",{fill:"#CACFD8",cx:"15",cy:"15",r:"15"}),e.createElementVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",fill:"#FFFFFF"})],-1)])],4)),e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["item-overlay","is-"+e.unref(n).shape])},null,2)):e.createCommentVNode("",!0)],10,g))),128)),r.max>0&&r.data.length>r.max?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["is-first",["is-"+e.unref(n).shape,{"is-more":e.unref(o)}]]),style:e.normalizeStyle(e.unref(p)),onClick:l[0]||(l[0]=(...t)=>e.unref(a)&&e.unref(a)(...t))},e.toDisplayString(r.data.length-r.max)+"+",7)):e.createCommentVNode("",!0)]))}});module.exports=y;