snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 1.73 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 a=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("element-plus"),v=r.defineComponent({emits:["update:modelValue","change"],props:{modelValue:{default:"",type:String}},setup(c,{attrs:p,emit:s}){const l=r.ref([]);let t="";r.watch(()=>l.value,e=>{console.log("list",e),t=e.filter(u=>u.status==="success").map(u=>u.url).join(","),s("update:modelValue",t),s("change",t)}),r.watch(()=>c.modelValue,e=>{if(t!==e){if(e===""){l.value=[];return}e!==null&&l.value!==null&&(l.value=e.split(",").map(u=>({id:a.getUUID(),name:a.getFileNameByUrl(u),status:"success",url:u})))}},{immediate:!0});const d=(e,u)=>{l.value=u},q=()=>{},f=(e,u,h)=>{l.value=h.map(n=>{var i;return{...n,url:(i=n.response.data)==null?void 0:i.url}})},m=e=>{o.ElMessage.error("上传失败"),console.error(e)},g=r.computed(()=>({...p,onBeforeUpload:q,onError:m,onRemove:d,onSuccess:f,"file-list":l.value}));return()=>r.h("div",null,{default:()=>[r.h(o.ElUpload,g.value,{default:()=>[r.h(o.ElButton,{},{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=v;