2 lines
2.7 KiB
JavaScript
2 lines
2.7 KiB
JavaScript
import{d as T,n as h,x as B,r as f,o as n,g as H,h as _,c,e as i,b as g,R as w,u as r,fG as E,fH as I,aA as d,_ as M}from"./index-CRmU-Qpi.js";const U={width:1024,height:1024,body:'<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'},b={width:24,height:24,body:'<path fill="currentColor" d="M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3Zm1 2H6v12h12V8ZM9 4v2h6V4H9Z"/>'},z={key:0,class:"mt-[35%] m-auto"},S={key:1},O=["src"],R=["src"],Z=["onClick"],$={title:"移除",class:"hover:text-[var(--el-color-danger)]"},j=T({name:"upload",__name:"index",props:["echoUrl","limit","acceptType"],emits:["handleSuccess"],setup(l,{emit:y}){const o=h([]);h(0),h(!1);const u=l,v=y;B(()=>{setTimeout(()=>{if(u.echoUrl){const a=u.echoUrl.split(",").map(e=>({name:"",url:e}));o.value=a}},500)});const x=()=>{d("最多上传1张图片，请先删除在上传")},k=a=>{if(u.acceptType){if(a.size/1024/1024>20)return d("单个大小不能超过20MB"),!1}else{if(!["image/jpeg","image/png","image/gif"].includes(a.type))return d("只能上传图片"),!1;if(a.size/1024/1024>2)return d("单个图片大小不能超过2MB"),!1}},V=a=>{o.value.splice(o.value.indexOf(a),1)},C=({data:a,code:e},p,t)=>{e?(t.value=t.map(m=>m.response.data.url),v("handleSuccess",t.value)):(t.value=[],v("handleSuccess",t.value))};return(a,e)=>{const p=f("IconifyIconOffline"),t=f("el-progress"),m=f("el-upload");return n(),H(m,{"file-list":o.value,"onUpdate:fileList":e[0]||(e[0]=s=>o.value=s),drag:"",multiple:"",class:"pure-upload","list-type":"picture-card",accept:l.acceptType?l.acceptType:"image/jpeg,image/png,image/gif",action:`${r(E)}/adminapi/UploadFile/file_upload`,limit:l.limit,name:"files",headers:{Authorization:r(I)().accessToken},"on-exceed":x,"before-upload":k,"on-success":C},{file:_(({file:s})=>[s.status=="ready"||s.status=="uploading"?(n(),c("div",z,[e[1]||(e[1]=i("p",{class:"font-medium"},"文件上传中",-1)),g(t,{class:"mt-2","stroke-width":2,"text-inside":!0,"show-text":!1,percentage:s.percentage},null,8,["percentage"])])):(n(),c("div",S,[l.acceptType!==".mp4"?(n(),c("img",{key:0,class:"el-upload-list__item-thumbnail select-none",src:s.url},null,8,O)):(n(),c("video",{key:1,src:s.url,autoplay:""},null,8,R)),i("span",{id:"pure-upload-item",class:w(["el-upload-list__item-actions",o.value.length>1&&"!cursor-move"])},[i("span",{class:"el-upload-list__item-delete",onClick:A=>V(s)},[i("span",$,[g(p,{icon:r(b),class:"hover:scale-125 duration-100"},null,8,["icon"])])],8,Z)],2)]))]),default:_(()=>[g(p,{icon:r(U),class:"m-auto mt-4",width:"30"},null,8,["icon"])]),_:1},8,["file-list","accept","action","limit","headers"])}}}),N=M(j,[["__scopeId","data-v-f9312515"]]);export{N as u};
|