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