epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.31 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),g=require("naive-ui"),m=require("./index-BoL2PSBk.cjs"),{t:f}=m.useLocale(),h=l.defineComponent({props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(n,{emit:i,attrs:u}){const a=l.ref([]);l.watch(a,e=>{i("update:modelValue",e)}),l.watch(()=>n.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});function s(e){console.log("onChange called->",e),l.nextTick(()=>{a.value=e})}const r=({file:e,event:t})=>{var o;console.log("OnFinish called->",e,t);const d=t==null?void 0:t.target,p=JSON.parse(d.response??"{}");e.url=(o=p.data)==null?void 0:o.url},c=({file:e,event:t})=>{console.log("OnError called->",e,t)};return()=>l.h("div",{class:"epic-upload-image"},{default:()=>[l.h(g.NUpload,{...u,"list-type":"image-card",accept:"image/gif,image/jpeg,image/jpg,image/png,image/svg","onUpdate:file-list":s,"file-list":a.value,onFinish:r,onError:c},{default:()=>[l.h("div",{style:{"text-align":"center"}},{default:()=>[l.h("span",{class:"icon--epic icon--epic--cloud-upload-outlined text-md mr-2px text-lg"}),l.h("div",{class:"ant-upload-text"},{default:()=>f("clickToUpload")})]})]})]})}});exports.default=h;