|
|
-import{_ as D,r as U,D as u,bC as j,aE as w,v as _,o as V,p as k,w as f,J as d,q as c,K as S,aQ as i,bD as q,bE as y,$ as R,a0 as P}from"./index.1ec31cb8.js";const v=o=>(R("data-v-55909fd4"),o=o(),P(),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)),M=["src"],N=U({__name:"index",props:{multiple:{type:Boolean,required:!1}},emits:["change"],setup(o,{emit:m}){const F=["image/png","image/jpg","image/bmp","image/jpeg"],n=u([]),s=u([]),h=j(),E=w(),g=u(""),r=u(!1),I=({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},B=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",h.token);const{message:t,code:p,data:l}=await q(e);E({message:t,code:p,handler:()=>{s.value.push(y+"/"+l[0].url),m("change",s.value.join(","))}})},C=()=>{i.error("\u56DE\u6267\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7\u5341\u5F20")},b=a=>{g.value=a.url,r.value=!0},x=a=>{const e=n.value.findIndex(({uid:t})=>t===a.uid);return s.value.splice(e,1),m("change",s.value.join(","),s),!0};return(a,e)=>{const t=_("el-upload"),p=_("el-dialog");return V(),k(S,null,[f(t,{"file-list":n.value,"onUpdate:file-list":e[0]||(e[0]=l=>n.value=l),"before-upload":I,"http-request":B,"before-remove":x,"on-preview":b,"on-exceed":C,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]=l=>r.value=l)},{default:d(()=>[c("img",{"w-full":"",src:g.value,alt:"Preview Image"},null,8,M)]),_:1},8,["modelValue"])],64)}}});var K=D(N,[["__scopeId","data-v-55909fd4"],["__file","C:/Users/63107/Desktop/projects/accout-vue3-ui/src/components/ImageUpload/src/index.vue"]]);export{K as I};
|
|
|
+import{_ as D,r as U,D as u,bC as j,aE as w,v as _,o as V,p as k,w as f,J as d,q as c,K as S,aQ as i,bD as q,bE as y,$ as R,a0 as P}from"./index.a7b21180.js";const v=o=>(R("data-v-55909fd4"),o=o(),P(),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)),M=["src"],N=U({__name:"index",props:{multiple:{type:Boolean,required:!1}},emits:["change"],setup(o,{emit:m}){const F=["image/png","image/jpg","image/bmp","image/jpeg"],n=u([]),s=u([]),h=j(),E=w(),g=u(""),r=u(!1),I=({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},B=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",h.token);const{message:t,code:p,data:l}=await q(e);E({message:t,code:p,handler:()=>{s.value.push(y+"/"+l[0].url),m("change",s.value.join(","))}})},C=()=>{i.error("\u56DE\u6267\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7\u5341\u5F20")},b=a=>{g.value=a.url,r.value=!0},x=a=>{const e=n.value.findIndex(({uid:t})=>t===a.uid);return s.value.splice(e,1),m("change",s.value.join(","),s),!0};return(a,e)=>{const t=_("el-upload"),p=_("el-dialog");return V(),k(S,null,[f(t,{"file-list":n.value,"onUpdate:file-list":e[0]||(e[0]=l=>n.value=l),"before-upload":I,"http-request":B,"before-remove":x,"on-preview":b,"on-exceed":C,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]=l=>r.value=l)},{default:d(()=>[c("img",{"w-full":"",src:g.value,alt:"Preview Image"},null,8,M)]),_:1},8,["modelValue"])],64)}}});var K=D(N,[["__scopeId","data-v-55909fd4"],["__file","C:/Users/63107/Desktop/projects/accout-vue3-ui/src/components/ImageUpload/src/index.vue"]]);export{K as I};
|