snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 1.7 kB
JavaScript
;const r=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../ui-kit/base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../ui-kit/base-ui/src/shadch-ui/toast/index.cjs");require("vuedraggable");const s=require("../../../utils/src/common/string.cjs");require("../../../hooks/src/store/index.cjs");require("lodash");require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");const o=require("naive-ui"),g=r.defineComponent({emits:["update:modelValue","change"],props:{modelValue:{default:"",type:String}},setup(d,{attrs:c,emit:a}){const u=r.ref([]);let i="";r.watch(()=>u.value,e=>{i=e.filter(t=>t.status==="finished").map(t=>t.url).join(","),a("update:modelValue",i),a("change",i)}),r.watch(()=>d.modelValue,e=>{if(i!==e){if(e===""){u.value=[];return}e!==null&&u.value!==null&&(u.value=e.split(",").map(t=>({id:s.getUUID(),name:s.getFileNameByUrl(t),status:"finished",url:t})))}},{immediate:!0});function p(e){r.nextTick(()=>{u.value=e})}const f=()=>{},q=({event:e,file:t})=>{var n;const l=e==null?void 0:e.target,h=JSON.parse((l==null?void 0:l.response)??"{}");t.url=(n=h.data)==null?void 0:n.url};return()=>r.h("div",null,{default:()=>[r.h(o.NUpload,{...c,"default-upload":!0,onError:f,onFinish:q,"file-list":u.value,"onUpdate:file-list":p},{default:()=>[r.h(o.NButton,{},{default:()=>[r.h("span",{class:"icon--epic icon--epic--cloud-upload-outlined text-lg",style:{"margin-right":"2px"}}),r.h("span",null,{default:()=>"上传文件"})]})]})]})}});module.exports=g;