2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
"use strict";const t=require("../../../common/vendor.js"),e={name:"fui-avatar",emits:["click","error"],props:{src:{type:String,default:""},errorSrc:{type:String,default:""},mode:{type:String,default:"widthFix"},lazyLoad:{type:Boolean,default:!0},webp:{type:Boolean,default:!1},background:{type:String,default:"#D1D1D1"},size:{type:String,default:"middle"},width:{type:[Number,String],default:0},height:{type:[Number,String],default:0},shape:{type:String,default:"circle"},radius:{type:[Number,String],default:-1},text:{type:String,default:""},color:{type:String,default:"#fff"},fontSize:{type:[Number,String],default:0},fontWeight:{type:[Number,String],default:600},marginRight:{type:[Number,String],default:0},marginBottom:{type:[Number,String],default:0},index:{type:Number,default:0},params:{type:[Number,String],default:0}},computed:{wrapStyles(){return`background:${this.background};margin-right:${this.marginRight}rpx;margin-bottom:${this.marginBottom}rpx;${this.styles}`},styles(){let t="";return this.width&&(t=`width:${this.width}rpx;height:${this.height||this.width}rpx;`),-1!==this.radius&&(t+=`border-radius:${this.radius}rpx;`),t},textStyles(){let t=`color:${this.color};font-weight:${this.fontWeight};`;return this.fontSize&&(t+=`font-size:${this.fontSize}rpx;`),t}},watch:{src(t){this.src&&(this.showImg=this.src)}},data:()=>({showImg:""}),created(){this.src&&(this.showImg=this.src)},methods:{handleError(t){this.src&&(this.errorSrc&&(this.showImg=this.errorSrc),this.$emit("error",{index:this.index,params:this.params}))},handleClick(){this.$emit("click",{index:this.index,params:this.params})}}};const r=t._export_sfc(e,[["render",function(e,r,i,s,a,h){return t.e({a:i.src},i.src?{b:t.s(h.styles),c:t.n(-1===i.radius?"fui-avatar__"+i.shape:""),d:t.n(i.width?"":"fui-avatar__size-"+i.size),e:a.showImg,f:i.mode,g:i.webp,h:i.lazyLoad,i:t.o(((...t)=>h.handleError&&h.handleError(...t)))}:{},{j:!i.src&&i.text},!i.src&&i.text?{k:t.t(i.text),l:t.n(i.width?"":"fui-avatar__text-"+i.size),m:t.s(h.textStyles)}:{},{n:t.n(i.width?"":"fui-avatar__size-"+i.size),o:t.n(-1===i.radius?"fui-avatar__"+i.shape:""),p:t.s(h.wrapStyles),q:t.o(((...t)=>h.handleClick&&h.handleClick(...t)))})}],["__scopeId","data-v-05181ab5"]]);wx.createComponent(r);
|