epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.48 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),o=require("element-plus"),r=require("./index-BoL2PSBk.cjs"),{t:u}=r.useLocale(),y=l.defineComponent({props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(s,{emit:c,attrs:d}){const a=l.ref([]);l.watch(a,e=>{c("update:modelValue",e)});const p=l.inject("disabled",{value:!1});l.watch(()=>s.modelValue,e=>{if(e!=null&&e.length>0&&a.value!=null){if(a.value===e)return;a.value.length=0,a.value.push(...e)}},{deep:!0,immediate:!0});const f=(e,t)=>{l.nextTick(()=>{a.value=t})},h=e=>{var n,i;let t=e.url||((i=(n=e==null?void 0:e.response)==null?void 0:n.data)==null?void 0:i.url);window.open(t)},g=e=>{},m=(e,t,n)=>{e.code!==200&&o.ElMessage.error(e.msg||u("uploadFailed"))},v=(e,t,n)=>{o.ElMessage.error(u("uploadFailed")),console.error(e)},E=(e,t)=>{let{limit:n}=d;o.ElMessage.warning(`最多只能上传 ${n} 个文件`)},w=l.computed(()=>({...d,"file-list":a.value,onBeforeUpload:g,onChange:f,onSuccess:m,onError:v,onPreview:h,onExceed:E}));return()=>l.h("div",null,{default:()=>[l.h(o.ElUpload,{...w.value,headers:{Authorization:`Bearer ${r.api.get("Admin-Token")}`,"X-Tenant-Gray":r.api.get("X-Tenant-Gray")}},{default:()=>[l.h(o.ElButton,{disabled:p.value},{default:()=>[l.h("span",{class:"icon--epic icon--epic--cloud-upload-outlined text-lg",style:{"margin-right":"2px"}}),l.h("span",null,{default:()=>u("fileUpload")})]})]})]})}});exports.default=y;