| 1 |
- import{E as Y,a as ee,__tla as le}from"./el-image-viewer.f8ad299d.js";import{f as N,j as t,M as te,H as O,a5 as b,i as ae,b as se,ae as ie,cw as R,o as s,m as r,p as i,$ as _,u,am as k,c as z,V as m,w as G,z as J,U as K,F as S,y as oe,bd as M,aa as re,__tla as ne}from"./entry.b543c057.js";import{E as ce,__tla as de}from"./el-progress.a5499637.js";let Q,ue=Promise.all([(()=>{try{return le}catch{}})(),(()=>{try{return ne}catch{}})(),(()=>{try{return de}catch{}})()]).then(async()=>{let j,I,C,E,V,T,P,$,A,D,B,L;j=N({name:"Icon",props:{name:{type:String,required:!0},color:{type:String,default:"var(--color)"},class:{type:[String,Object],default:""},size:{type:String,default:"16px"}},setup(e){let[x,o]=e.name.split(/-(.*)/),n={color:e.color,fontSize:e.size};switch(x){case"element":return()=>t("el-icon",{class:["icon el-icon",e.class],style:n},[t(te(o))]);case"iconfont":return()=>t("i",{class:[o,"iconfont",e.class],style:n})}}}),I={class:"flex flex-wrap"},C={key:0,class:"w-full h-full relative"},E={class:"w-full h-full flex items-center justify-center"},V={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},T={class:"w-full h-full flex items-center justify-center flex-col"},P={class:"leading-none text-xs mt-[10px] text-secondary"},$={class:"w-full h-full relative"},A={class:"w-full h-full flex items-center justify-center"},D={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},B={class:"w-full h-full flex items-center justify-center flex-col"},L={class:"leading-none text-xs mt-[10px] text-secondary"},Q=N({__name:"index",props:{modelValue:{type:String,default:""},data:{type:Array,default:[]},width:{type:String,default:"100px"},height:{type:String,default:"100px"},imageText:{type:String},limit:{type:Number,default:1},status:{type:Boolean,default:!0}},emits:["update:modelValue","success"],setup(e,{emit:x}){const o=e,n=O({get(){return o.modelValue},set(l){x("update:modelValue",l)}}),a=b({data:[]});let U=b([]);const y=()=>{n.value=M(a.data).toString(),U=M(a.data).map(l=>k(l))};ae(()=>n.value,()=>{a.data=[...n.value.split(",").filter(l=>l)],y()},{immediate:!0});const h=O(()=>({width:o.width,height:o.height})),g={};g.token=se(),g["site-id"]=ie("siteId").value||R().public.VITE_SITE_ID;const Z={action:`${R().public.VITE_APP_BASE_URL||`${location.origin}/api/`}/file/image`,headers:g,accept:".png,.jpg,.jpeg",onSuccess:(l,c,p)=>{a.data.length<o.limit&&a.data.push(l.data.url),y()},onExceed:(l,c,p)=>{l.length>o.limit&&re.error(`\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${o.limit}\u5F20\u56FE\u7247`)}},q=(l=0)=>{a.data.splice(l,1),y()},f=b({show:!1,index:0}),F=(l=0)=>{f.show=!0,f.index=l};return(l,c)=>{const p=Y,d=j,H=ce,W=ee;return s(),r(S,null,[i("div",I,[e.limit==1?(s(),r("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]",style:_(u(h))},[a.data.length?(s(),r("div",C,[i("div",E,[t(p,{src:u(k)(a.data[0]),fit:"contain"},null,8,["src"])]),i("div",V,[t(d,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:c[0]||(c[0]=v=>F())}),e.status?(s(),z(d,{key:0,name:"element-Delete",color:"#fff",size:"18px",onClick:q})):m("",!0)])])):m("",!0),t(H,K(Z,{class:"upload-file w-full h-full","show-file-list":!1}),{default:G(()=>[i("div",T,[t(d,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),i("div",P,J(e.imageText),1)])]),_:1},16)],4)):(s(),r(S,{key:1},[(s(!0),r(S,null,oe(a.data,(v,w)=>(s(),r("div",{class:"rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px] mb-[10px]",style:_(u(h)),key:w},[i("div",$,[i("div",A,[t(p,{src:u(k)(v),fit:"contain"},null,8,["src"])]),i("div",D,[t(d,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:X=>F(w)},null,8,["onClick"]),e.status?(s(),z(d,{key:0,name:"element-Delete",color:"#fff",size:"18px",onClick:X=>q(w)},null,8,["onClick"])):m("",!0)])])],4))),128)),a.data.length<e.limit&&e.status?(s(),r("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-solid border-color",style:_(u(h))},[t(H,K(Z,{class:"upload-file w-full h-full","show-file-list":!1,multiple:!0,limit:e.limit}),{default:G(()=>[i("div",B,[t(d,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),i("div",L,J(e.imageText),1)])]),_:1},16,["limit"])],4)):m("",!0)],64))]),f.show?(s(),z(W,{key:0,"url-list":u(U),onClose:c[1]||(c[1]=v=>f.show=!1),"initial-index":f.index,"zoom-rate":1,"hide-on-click-modal":!0},null,8,["url-list","initial-index"])):m("",!0)],64)}}})});export{Q as _,ue as __tla};
|
