primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.33 kB
JavaScript
import a from"primevue/basecomponent";import{useStyle as e}from"primevue/usestyle";import{openBlock as n,createElementBlock as r,mergeProps as t,renderSlot as l,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as p,createCommentVNode as c}from"vue";var u=e("\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}),m={name:"Avatar",extends:{name:"BaseAvatar",extends:a,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(a){var e=a.props;return["p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size}]},label:"p-avatar-text",icon:"p-avatar-icon"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(a){this.$emit("error",a)},getPTOptions:function(a){return this.ptm(a,{parent:{instance:this.$parent}})}}},d=["aria-labelledby","aria-label"],g=["src","alt"];m.render=function(a,e,u,m,v,b){return n(),r("div",t({class:a.cx("root"),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},b.getPTOptions("root"),{"data-pc-name":"avatar"}),[l(a.$slots,"default",{},(function(){return[a.label?(n(),r("span",t({key:0,class:a.cx("label")},b.getPTOptions("label")),i(a.label),17)):a.$slots.icon?(n(),o(s(a.$slots.icon),{key:1,class:p(a.cx("icon"))},null,8,["class"])):a.icon?(n(),r("span",t({key:2,class:[a.cx("icon"),a.icon]},b.getPTOptions("icon")),null,16)):a.image?(n(),r("img",t({key:3,src:a.image,alt:a.ariaLabel,onError:e[0]||(e[0]=function(){return b.onError&&b.onError.apply(b,arguments)})},b.getPTOptions("image")),null,16,g)):c("",!0)]}))],16,d)};export{m as default};