tyh-ui2/lib/avatar/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./index2.js"),p={class:"tyh-avatar"},m=["draggable","src","alt"],v=e.defineComponent({name:"TyhAvatar"}),y=e.defineComponent({...v,props:d.Props,emits:["error","load"],setup(l,{emit:o}){const r=l,a=e.ref(!1),u=()=>{o("error"),a.value=!0},s=e.computed(()=>({width:`${r.size*10}px`,height:`${r.size*10}px`})),c=e.computed(()=>["tyh-avatar-error",{"tyh-avatar-round":r.round}]),i=e.computed(()=>[{[`tyh-avatar-${r.fit}`]:r.fit,"tyh-avatar-round":r.round,"tyh-avatar-border":r.border,"tyh-avatar-select":r.select}]);return(t,n)=>(e.openBlock(),e.createElementBlock("div",p,[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)),style:e.normalizeStyle(e.unref(s))},[e.renderSlot(t.$slots,"error",{},()=>[e.createElementVNode("i",{class:e.normalizeClass(["tyh-icon",t.errorIcon||"tyh-ui-user"])},null,2)])],6)):(e.openBlock(),e.createElementBlock("img",{key:1,draggable:t.draggable,class:e.normalizeClass(e.unref(i)),style:e.normalizeStyle(e.unref(s)),src:t.src,alt:t.alt,onError:u,onLoad:n[0]||(n[0]=f=>o("load"))},null,46,m))]))}});exports.default=y;