epic-designer-gold/dist/uploadImage-Dx9TRdC_.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),r=require("element-plus"),i=require("./index-BoL2PSBk.cjs"),{t:n}=i.useLocale(),T=l.defineComponent({props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(g,{emit:v,attrs:u}){const o=l.ref([]),h=l.inject("disabled",{value:!1}),d=l.ref(""),c=l.ref(!1),p=e=>{c.value=e};l.watch(o,e=>{v("update:modelValue",e)}),l.watch(()=>g.modelValue,e=>{if(e!=null&&e.length>0&&o.value!=null){if(o.value===e)return;o.value.length=0,o.value.push(...e)}},{deep:!0,immediate:!0});const m=(e,t)=>{l.nextTick(()=>{s?(o.value=t.filter(a=>(a==null?void 0:a.response)&&typeof a.response=="object"&&"code"in a.response&&a.response.code===200||a.response.code===201),s=!1):o.value=t})};let s=!1;const x=(e,t,a)=>{e.code!==200&&(r.ElMessage.error(e.msg||n("uploadFailed")),s=!0),console.log(a)},b=(e,t,a)=>{r.ElMessage.error(n("uploadFailed")),console.error(e)},E=(e,t)=>{let{limit:a}=u;r.ElMessage.warning(`最多只能上传 ${a} 张图片`)},y=e=>{},f=l.computed(()=>({...u,"file-list":o.value,"list-type":"picture-card",accept:"image/gif,image/jpeg,image/jpg,image/png,image/svg",onBeforeUpload:y,onChange:m,onSuccess:x,onError:b,onPreview:w,onExceed:E})),w=e=>{e.url&&(d.value=e.url,p(!0))};return()=>l.h("div",{class:"epic-upload-image"},f.value.disabled||h.value?{default:()=>[o.value.map(e=>l.h(r.ElImage,{src:e.url,fit:"contain","preview-src-list":[e.url],style:{width:"156px",margin:"0 8px 8px 0",height:"156px",border:"1px solid #eee","border-radius":"6px"}}))]}:{default:()=>[l.h(r.ElUpload,{...f.value,headers:{Authorization:`Bearer ${i.api.get("Admin-Token")}`,"X-Tenant-Gray":i.api.get("X-Tenant-Gray")}},{default:()=>[l.h("div",{style:{"text-align":"center"}},{default:()=>[l.h("span",{class:"icon--epic icon--epic--cloud-upload-outlined mr-2px text-lg"}),l.h("div",{class:"ant-upload-text"},{default:()=>n("clickToUpload")})]})]}),(()=>{if(c.value)return l.h(r.ElImageViewer,{urlList:[d.value],onClose:()=>{p(!1)}})})()]})}});exports.default=T;