| 1 |
- import{d as S,af as s,bP as C,r as y,b4 as E,b5 as I,b6 as U,o,c as i,i as l,w as $,a as n,Z as j,k as c,aE as k,b7 as D,F as M,t as f,l as r,b8 as W,z as q,_ as A}from"./index-03f5d926.js";import{c as F}from"./index-0121e00f.js";import{u as L}from"./useMessage-2e335eca.js";import{_ as P}from"./_plugin-vue_export-helper-1b428a4d.js";const Z={class:"upload-box"},G=["src"],H={key:0},J={key:0},K={key:0},N={key:1,class:"upload-empty"},O={class:"el-upload__tip"},Q=P(S({name:"UploadImg",__name:"UploadImg",props:{modelValue:s.string.def(""),updateUrl:s.string.def("https://hksh.letcgo.com/admin-api/infra/file/upload"),drag:s.bool.def(!0),disabled:s.bool.def(!1),fileSize:s.number.def(5),fileType:s.array.def(["image/jpeg","image/png","image/gif"]),height:s.string.def("150px"),width:s.string.def("150px"),borderradius:s.string.def("8px"),showDelete:s.bool.def(!0),showBtnText:s.bool.def(!0)},emits:["update:modelValue"],setup(e,{emit:v}){C(a=>({"32ee7c86":e.width,"11121a67":e.height,"6d38ae04":e.borderradius}));const u=e,{t:m}=q(),p=L(),g=y("id-"+E()),h=v,w=()=>{h("update:modelValue","")},_=y({Authorization:"Bearer "+I(),"tenant-id":U()}),x=()=>{const a=document.querySelector(`#${g.value} .el-upload__input`);a&&a.dispatchEvent(new MouseEvent("click"))},z=a=>{const d=a.size/1024/1024<u.fileSize,t=u.fileType;return t.includes(a.type)||p.notifyWarning("\u4E0A\u4F20\u56FE\u7247\u4E0D\u7B26\u5408\u6240\u9700\u7684\u683C\u5F0F\uFF01"),d||p.notifyWarning(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${u.fileSize}M\uFF01`),t.includes(a.type)&&d},T=a=>{p.success("\u4E0A\u4F20\u6210\u529F"),h("update:modelValue",a.data)},V=()=>{p.notifyError("\u56FE\u7247\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u60A8\u91CD\u65B0\u4E0A\u4F20\uFF01")};return(a,d)=>{const t=A,B=D;return o(),i("div",Z,[l(B,{id:n(g),accept:e.fileType.join(","),action:e.updateUrl,"before-upload":z,class:j(["upload",e.drag?"no-border":""]),drag:e.drag,headers:n(_),multiple:!1,"on-error":V,"on-success":T,"show-file-list":!1},{default:$(()=>[e.modelValue?(o(),i(M,{key:0},[c("img",{src:e.modelValue,class:"upload-image"},null,8,G),c("div",{class:"upload-handle",onClick:d[1]||(d[1]=W(()=>{},["stop"]))},[e.disabled?r("",!0):(o(),i("div",{key:0,class:"handle-icon",onClick:x},[l(t,{icon:"ep:edit"}),e.showBtnText?(o(),i("span",H,f(n(m)("action.edit")),1)):r("",!0)])),c("div",{class:"handle-icon",onClick:d[0]||(d[0]=R=>{return b=e.modelValue,void F({zIndex:9999999,urlList:[b]});var b})},[l(t,{icon:"ep:zoom-in"}),e.showBtnText?(o(),i("span",J,f(n(m)("action.detail")),1)):r("",!0)]),e.showDelete&&!e.disabled?(o(),i("div",{key:1,class:"handle-icon",onClick:w},[l(t,{icon:"ep:delete"}),e.showBtnText?(o(),i("span",K,f(n(m)("action.del")),1)):r("",!0)])):r("",!0)])],64)):(o(),i("div",N,[k(a.$slots,"empty",{},()=>[l(t,{icon:"ep:plus"})],!0)]))]),_:3},8,["id","accept","action","class","drag","headers"]),c("div",O,[k(a.$slots,"tip",{},void 0,!0)])])}}}),[["__scopeId","data-v-2dd182b3"]]);export{Q as _};
|
