epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.02 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),r=require("element-plus"),f=require("./index-BoL2PSBk.cjs"),{t:n}=f.useLocale(),U=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}),i=l.ref(""),d=l.ref(!1),c=e=>{d.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,s)=>{l.nextTick(()=>{t?(o.value=s.filter(a=>(a==null?void 0:a.response)&&typeof a.response=="object"&&"code"in a.response&&a.response.code===200||a.response.code===201),t=!1):o.value=s})};let t=!1;const x=(e,s,a)=>{e.code!==200&&(r.ElMessage.error(e.msg||n("uploadFailed")),t=!0),console.log(a)},b=(e,s,a)=>{r.ElMessage.error(n("uploadFailed")),console.error(e)},E=(e,s)=>{let{limit:a}=u;r.ElMessage.warning(`最多只能上传 ${a} 张图片`)},w=e=>{},p=l.computed(()=>({...u,"file-list":o.value,"list-type":"picture-card",accept:"image/gif,image/jpeg,image/jpg,image/png,image/svg",onBeforeUpload:w,onChange:m,onSuccess:x,onError:b,onPreview:y,onExceed:E})),y=e=>{e.url&&(i.value=e.url,c(!0))};return()=>l.h("div",{class:"epic-upload-image"},p.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,{...p.value,headers:{Authorization:`Bearer ${f.api.get("Admin-Token")}`}},{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(d.value)return l.h(r.ElImageViewer,{urlList:[i.value],onClose:()=>{c(!1)}})})()]})}});exports.default=U;