primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.66 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.avatar=function(e,a,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e),n={name:"Avatar",extends:{name:"BaseAvatar",extends:l(a).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r.default,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)}}},o=["aria-labelledby","aria-label"],i=["src","alt"];return n.render=function(e,a,l,r,n,c){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("root"),{"data-pc-name":"avatar"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.label?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),{key:1,class:t.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return c.onError&&c.onError.apply(c,arguments)})},e.ptm("image")),null,16,i)):t.createCommentVNode("",!0)]}))],16,o)},n}(primevue.avatar.style,primevue.basecomponent,Vue);