| 1 |
- import{_ as j,r as w,D as n,bC as E,aE as x,v as g,o as D,p as V,w as _,J as d,q as i,K as k,aQ as f,bD as S,bE as q,$ as y,a0 as R}from"./index.63ed8a67.js";const v=s=>(y("data-v-55909fd4"),s=s(),R(),s),P=v(()=>i("div",{class:"add-icon"},"+",-1)),A=v(()=>i("div",{class:"el-upload__tip"},"\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247",-1)),H=["src"],M=w({__name:"index",props:{multiple:{type:Boolean,required:!1}},emits:["change"],setup(s,{emit:c}){const h=["image/png","image/jpg","image/bmp","image/jpeg"],u=n([]),o=n([]),I=E(),B=x(),m=n(""),p=n(!1),F=({type:a,size:e})=>{if(!h.includes(a))return f.error("\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247"),!1;if(e/1024/1024>1)return f.error("\u56FE\u7247\u5927\u5C0F\u8D85\u8FC71M"),!1},b=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",I.token);const{message:t,code:r,data:l}=await S(e);B({message:t,code:r,handler:()=>{o.value.push(q+"/"+l[0].url),c("change",o.value.join(","))}})},C=a=>{m.value=a.url,p.value=!0},U=a=>{const e=u.value.findIndex(({uid:t})=>t===a.uid);return o.value.splice(e,1),c("change",o.value.join(","),o),!0};return(a,e)=>{const t=g("el-upload"),r=g("el-dialog");return D(),V(k,null,[_(t,{"file-list":u.value,"onUpdate:file-list":e[0]||(e[0]=l=>u.value=l),"before-upload":F,"http-request":b,"before-remove":U,"on-preview":C,"list-type":"picture-card",multiple:s.multiple},{tip:d(()=>[A]),default:d(()=>[P]),_:1},8,["file-list","multiple"]),_(r,{modelValue:p.value,"onUpdate:modelValue":e[1]||(e[1]=l=>p.value=l)},{default:d(()=>[i("img",{"w-full":"",src:m.value,alt:"Preview Image"},null,8,H)]),_:1},8,["modelValue"])],64)}}});var J=j(M,[["__scopeId","data-v-55909fd4"],["__file","C:/Users/63107/Desktop/projects/accout-vue3-ui/src/components/ImageUpload/src/index.vue"]]);export{J as I};
|
