UploadImg-20654d29.js 3.1 KB

1
  1. import{d as M,ab as t,bS as W,r as B,bB as q,bC as A,bD as F,o as s,c as i,f as d,w as K,a as n,S as L,g as p,aB as T,bE as P,F as G,t as f,$ as r,aK as H,h as J,_ as N,__tla as O}from"./index-b9aa3289.js";import{c as Q,__tla as R}from"./index-0ffcb5ac.js";import{u as X,__tla as Y}from"./useMessage-60ce3ad4.js";import{_ as Z}from"./_plugin-vue_export-helper-1b428a4d.js";let V,aa=Promise.all([(()=>{try{return O}catch{}})(),(()=>{try{return R}catch{}})(),(()=>{try{return Y}catch{}})()]).then(async()=>{let _,h,g,y,b,v,k;_={class:"upload-box"},h=["src"],g={key:0},y={key:0},b={key:0},v={key:1,class:"upload-empty"},k={class:"el-upload__tip"},V=Z(M({name:"UploadImg",__name:"UploadImg",props:{modelValue:t.string.def(""),updateUrl:t.string.def("https://zxpt.newfeifan.cn/admin-api/infra/file/upload"),drag:t.bool.def(!0),disabled:t.bool.def(!1),fileSize:t.number.def(5),fileType:t.array.def(["image/jpeg","image/png","image/gif"]),height:t.string.def("150px"),width:t.string.def("150px"),borderradius:t.string.def("8px"),showDelete:t.bool.def(!0),showBtnText:t.bool.def(!0)},emits:["update:modelValue"],setup(a,{emit:S}){W(e=>({"3047ba58":a.width,"823ed256":a.height,b75aca28:a.borderradius}));const u=a,{t:m}=J(),c=X(),w=B("id-"+q()),x=S,C=()=>{x("update:modelValue","")},E=B({Authorization:"Bearer "+A(),"tenant-id":F()}),$=()=>{const e=document.querySelector(`#${w.value} .el-upload__input`);e&&e.dispatchEvent(new MouseEvent("click"))},I=e=>{const l=e.size/1024/1024<u.fileSize,o=u.fileType;return o.includes(e.type)||c.notifyWarning("\u4E0A\u4F20\u56FE\u7247\u4E0D\u7B26\u5408\u6240\u9700\u7684\u683C\u5F0F\uFF01"),l||c.notifyWarning(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${u.fileSize}M\uFF01`),o.includes(e.type)&&l},U=e=>{c.success("\u4E0A\u4F20\u6210\u529F"),x("update:modelValue",e.data)},D=()=>{c.notifyError("\u56FE\u7247\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u60A8\u91CD\u65B0\u4E0A\u4F20\uFF01")};return(e,l)=>{const o=N,j=P;return s(),i("div",_,[d(j,{id:n(w),accept:a.fileType.join(","),action:a.updateUrl,"before-upload":I,class:L(["upload",a.drag?"no-border":""]),drag:a.drag,headers:n(E),multiple:!1,"on-error":D,"on-success":U,"show-file-list":!1},{default:K(()=>[a.modelValue?(s(),i(G,{key:0},[p("img",{src:a.modelValue,class:"upload-image"},null,8,h),p("div",{class:"upload-handle",onClick:l[1]||(l[1]=H(()=>{},["stop"]))},[a.disabled?r("",!0):(s(),i("div",{key:0,class:"handle-icon",onClick:$},[d(o,{icon:"ep:edit"}),a.showBtnText?(s(),i("span",g,f(n(m)("action.edit")),1)):r("",!0)])),p("div",{class:"handle-icon",onClick:l[0]||(l[0]=ea=>{return z=a.modelValue,void Q({zIndex:9999999,urlList:[z]});var z})},[d(o,{icon:"ep:zoom-in"}),a.showBtnText?(s(),i("span",y,f(n(m)("action.detail")),1)):r("",!0)]),a.showDelete&&!a.disabled?(s(),i("div",{key:1,class:"handle-icon",onClick:C},[d(o,{icon:"ep:delete"}),a.showBtnText?(s(),i("span",b,f(n(m)("action.del")),1)):r("",!0)])):r("",!0)])],64)):(s(),i("div",v,[T(e.$slots,"empty",{},()=>[d(o,{icon:"ep:plus"})],!0)]))]),_:3},8,["id","accept","action","class","drag","headers"]),p("div",k,[T(e.$slots,"tip",{},void 0,!0)])])}}}),[["__scopeId","data-v-e1511cca"]])});export{V as _,aa as __tla};