| 1 |
- import{_ as C,d as w,v as u,be as U,az as D,r as _,o as V,c as k,j as f,B as d,a as c,F as R,aQ as i,bf as S,bg as y,Q as P,R as q}from"./index.b2b87cd1.js";const v=o=>(P("data-v-5a9c8b80"),o=o(),q(),o),A=v(()=>c("div",{class:"add-icon"},"+",-1)),H=v(()=>c("div",{class:"el-upload__tip"},"\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247",-1)),L=["src"],M=w({__name:"index",props:{multiple:{type:Boolean}},emits:["change"],setup(o,{emit:m}){const F=["image/png","image/jpg","image/bmp","image/jpeg"],n=u([]),s=u([]),h=U(),b=D(),g=u(""),r=u(!1),B=({type:a,size:e})=>{if(!F.includes(a))return i.error("\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247"),!1;if(e/1024/1024>1)return i.error("\u56FE\u7247\u5927\u5C0F\u8D85\u8FC71M"),!1},I=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",h.token);const{message:l,code:p,data:t}=await S(e);b({message:l,code:p,handler:()=>{s.value.push(y+"/"+t[0].url),m("change",s.value.join(","))}})},E=()=>{i.error("\u56DE\u6267\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7\u5341\u5F20")},j=a=>{g.value=a.url,r.value=!0},x=a=>{const e=n.value.findIndex(({uid:l})=>l===a.uid);return s.value.splice(e,1),m("change",s.value.join(","),s),!0};return(a,e)=>{const l=_("el-upload"),p=_("el-dialog");return V(),k(R,null,[f(l,{"file-list":n.value,"onUpdate:fileList":e[0]||(e[0]=t=>n.value=t),"before-upload":B,"http-request":I,"before-remove":x,"on-preview":j,"on-exceed":E,limit:10,"list-type":"picture-card",multiple:o.multiple},{tip:d(()=>[H]),default:d(()=>[A]),_:1},8,["file-list","multiple"]),f(p,{modelValue:r.value,"onUpdate:modelValue":e[1]||(e[1]=t=>r.value=t),"close-on-click-modal":!1},{default:d(()=>[c("img",{"w-full":"",src:g.value,alt:"Preview Image"},null,8,L)]),_:1},8,["modelValue"])],64)}}});var Q=C(M,[["__scopeId","data-v-5a9c8b80"]]);export{Q as I};
|
