| 1 |
- import{d as C,ap as s,d3 as S,r as b,d2 as E,d0 as I,d1 as U,o as d,c as o,f as l,B as $,a as n,aa as D,C as c,aL as v,bd as j,F as L,D as f,E as r,aB as M,H as W,_ as q}from"./index-24b5bd0d.js";import{c as A}from"./index-bcdfd5b5.js";import{u as F}from"./useMessage-6f610bbd.js";import{_ as H}from"./_plugin-vue_export-helper-1b428a4d.js";const G={class:"upload-box"},J=["src"],K={key:0},N={key:0},O={key:0},P={key:1,class:"upload-empty"},Q={class:"el-upload__tip"},R=H(C({name:"UploadImg",__name:"UploadImg",props:{modelValue:s.string.def(""),updateUrl:s.string.def("https://hkpt.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:k}){S(a=>({"32ee7c86":e.width,"11121a67":e.height,"6d38ae04":e.borderradius}));const u=e,{t:m}=W(),p=F(),g=b("id-"+E()),h=k,_=()=>{h("update:modelValue","")},w=b({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 i=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"),i||p.notifyWarning(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${u.fileSize}M\uFF01`),t.includes(a.type)&&i},B=a=>{p.success("\u4E0A\u4F20\u6210\u529F"),h("update:modelValue",a.data)},T=()=>{p.notifyError("\u56FE\u7247\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u60A8\u91CD\u65B0\u4E0A\u4F20\uFF01")};return(a,i)=>{const t=q,V=j;return d(),o("div",G,[l(V,{id:n(g),accept:e.fileType.join(","),action:e.updateUrl,"before-upload":z,class:D(["upload",e.drag?"no-border":""]),drag:e.drag,headers:n(w),multiple:!1,"on-error":T,"on-success":B,"show-file-list":!1},{default:$(()=>[e.modelValue?(d(),o(L,{key:0},[c("img",{src:e.modelValue,class:"upload-image"},null,8,J),c("div",{class:"upload-handle",onClick:i[1]||(i[1]=M(()=>{},["stop"]))},[e.disabled?r("",!0):(d(),o("div",{key:0,class:"handle-icon",onClick:x},[l(t,{icon:"ep:edit"}),e.showBtnText?(d(),o("span",K,f(n(m)("action.edit")),1)):r("",!0)])),c("div",{class:"handle-icon",onClick:i[0]||(i[0]=X=>{return y=e.modelValue,void A({zIndex:9999999,urlList:[y]});var y})},[l(t,{icon:"ep:zoom-in"}),e.showBtnText?(d(),o("span",N,f(n(m)("action.detail")),1)):r("",!0)]),e.showDelete&&!e.disabled?(d(),o("div",{key:1,class:"handle-icon",onClick:_},[l(t,{icon:"ep:delete"}),e.showBtnText?(d(),o("span",O,f(n(m)("action.del")),1)):r("",!0)])):r("",!0)])],64)):(d(),o("div",P,[v(a.$slots,"empty",{},()=>[l(t,{icon:"ep:plus"})],!0)]))]),_:3},8,["id","accept","action","class","drag","headers"]),c("div",Q,[v(a.$slots,"tip",{},void 0,!0)])])}}}),[["__scopeId","data-v-2dd182b3"]]);export{R as _};
|
