quick-admin-vue3-core/dist/UploadAvatar-B37OZi3J.cjs

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

"use strict";const e=require("vue"),g=require("./avatar-BCg3CZUi.cjs"),u=require("./platform-Dl0zaSyI.cjs"),v=require("./index-D8siRAAk.cjs"),h=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),k=["src"],x=e.defineComponent({__name:"UploadAvatar",props:{modelValue:{default:g.avatarImg},accepts:{default:()=>["image/png","image/jpeg"]},maxSize:{default:1}},emits:["update:modelValue"],setup(p,{emit:i}){const s=p,r=i,l=e.computed({get:()=>s.modelValue,set:t=>r("update:modelValue",t)}),d=(t,o)=>{r("update:modelValue",URL.createObjectURL(o.raw))},m=t=>{const{type:o,size:c}=t,{accepts:a,maxSize:n}=s;if(!a.includes(o)){const f=a.map(_=>_.split("/")[1]).join("，");return u.showMessage(`请上传 ${f} 格式的图片！`,"error"),!1}return c/1024/1024>n?(u.showMessage(`图片大小不能超过 ${n}MB!`,"error"),!1):!0};return(t,o)=>{const c=e.resolveComponent("el-icon"),a=e.resolveComponent("el-upload");return e.openBlock(),e.createBlock(a,{class:"upload-avatar f-c-c",action:"https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15","show-file-list":!1,"on-success":d,"before-upload":m,accept:t.accepts.join(",")},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:l.value,class:"img"},null,8,k)):(e.openBlock(),e.createBlock(c,{key:1,name:"Plus",size:"32"},{default:e.withCtx(()=>[e.createVNode(e.unref(v.plus_default))]),_:1}))]),_:1},8,["accept"])}}}),B=h._export_sfc(x,[["__scopeId","data-v-eb62b1f3"]]);exports.UploadAvatar=B;