primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.51 kB
JavaScript
"use strict";var e=require("primevue/basecomponent"),a=require("primevue/usestyle"),n=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e),l=a.useStyle("\n.p-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n\n.p-avatar-circle img {\n border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n",{name:"avatar",manual:!0}),o={name:"Avatar",extends:{name:"BaseAvatar",extends:t.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"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var a=e.props;return["p-avatar p-component",{"p-avatar-image":null!=a.image,"p-avatar-circle":"circle"===a.shape,"p-avatar-lg":"large"===a.size,"p-avatar-xl":"xlarge"===a.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},i=["aria-labelledby","aria-label"],s=["src","alt"];o.render=function(e,a,r,t,l,o){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},o.getPTOptions("root"),{"data-pc-name":"avatar"}),[n.renderSlot(e.$slots,"default",{},(function(){return[e.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:e.cx("label")},o.getPTOptions("label")),n.toDisplayString(e.label),17)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:n.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:[e.cx("icon"),e.icon]},o.getPTOptions("icon")),null,16)):e.image?(n.openBlock(),n.createElementBlock("img",n.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return o.onError&&o.onError.apply(o,arguments)})},o.getPTOptions("image")),null,16,s)):n.createCommentVNode("",!0)]}))],16,i)},module.exports=o;