epic-designer-gold/dist/uploadImage-B3sOX-5F.cjs

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),r=require("element-plus"),V=require("./index-BoL2PSBk.cjs"),{t:u}=V.useLocale(),P=l.defineComponent({props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(v,{emit:h,attrs:i}){const o=l.ref([]),m=l.inject("disabled",{value:!1}),n=l.ref(""),d=l.ref(!1),c=e=>{d.value=e};l.watch(o,e=>{h("update:modelValue",e)}),l.watch(()=>v.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 x=(e,s)=>{l.nextTick(()=>{t?(o.value=s.filter(a=>{var f,g;return((f=a==null?void 0:a.response)==null?void 0:f.code)===200||((g=a==null?void 0:a.response)==null?void 0:g.code)===201}),t=!1):o.value=s})};let t=!1;const E=(e,s,a)=>{e.code!==200&&(r.ElMessage.error(u("uploadFailed")),t=!0),console.log(a)},b=(e,s,a)=>{r.ElMessage.error(u("uploadFailed")),console.error(e)},w=(e,s)=>{let{limit:a}=i;r.ElMessage.warning(`最多只能上传 ${a} 张图片`)},y=e=>{},p=l.computed(()=>({...i,"file-list":o.value,"list-type":"picture-card",accept:"image/gif,image/jpeg,image/jpg,image/png,image/svg",onBeforeUpload:y,onChange:x,onSuccess:E,onError:b,onPreview:U,onExceed:w})),U=e=>{e.url&&(n.value=e.url,c(!0))};return()=>l.h("div",{class:"epic-upload-image"},p.value.disabled||m.value?{default:()=>[o.value.map(e=>l.h(r.ElImage,{src:o.value[0].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},{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:()=>u("clickToUpload")})]})]}),(()=>{if(d.value)return l.h(r.ElImageViewer,{urlList:[n.value],onClose:()=>{c(!1)}})})()]})}});exports.default=P;