snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 2.9 kB
JavaScript
;const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");const C=require("../../../../base-ui/src/components/node/node.vue.cjs"),n=require("../../../../../utils/src/common/data.cjs"),V=require("../../../../../utils/src/common/string.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const i=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");const k=require("../../../../../utils/src/request/index.cjs");require("vuedraggable");const x={class:"min-w-750px epic-api-modal-content rounded p-4"},N=e.defineComponent({__name:"apiEditModal",emits:["add"],setup(F,{expose:d,emit:p}){const c=p,s=i.pluginManager.getComponent("modal"),m=i.pluginManager.getComponent("form"),o=e.ref(!1),f=e.ref([]),v={componentProps:{labelLayout:"fixed",labelWidth:"90px"}},t=e.reactive({dataFormat:"JSON",id:"",method:"get",params:{},url:""}),q=[{field:"id",label:"名称",type:"input"},{field:"url",label:"请求地址",type:"input"},{componentProps:{options:[{label:"get",value:"get"},{label:"post",value:"post"},{label:"put",value:"put"},{label:"delete",value:"delete"}]},field:"method",label:"请求方式",type:"select"},{componentProps:{defaultValue:"JSON",options:[{label:"JSON",value:"JSON"},{label:"FormData",value:"FormData"},{label:"Form",value:"Form"}],optionType:"button"},field:"dataFormat",label:"数据格式",type:"radio"},{componentProps:{dataType:"object",placeholder:""},field:"data",label:"参数",type:"EInputKv"}];function _(a){a?n.deepCompareAndModify(t,a):n.deepCompareAndModify(t,{id:`data_${V.getUUID()}`,method:"get",paramsType:"params",url:""}),o.value=!0}function b(){c("add",n.deepClone(e.toRaw(t))),r()}function r(){o.value=!1,f.value=[]}async function g(){const a=await k.request(t);console.log(a)}return d({handleOpen:_}),(a,u)=>(e.openBlock(),e.createBlock(e.unref(s),{modelValue:o.value,"onUpdate:modelValue":u[0]||(u[0]=l=>o.value=l),title:"配置请求",width:"850px",footer:null,"wrap-class-name":"epic-api-modal",onClose:r,onOk:b},{default:e.withCtx(()=>[e.createElementVNode("div",x,[o.value?(e.openBlock(),e.createBlock(e.unref(m),{key:0,"component-schema":v},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(q,(l,y)=>e.createVNode(e.unref(C),{key:y,modelValue:t[l.field],"onUpdate:modelValue":h=>t[l.field]=h,"component-schema":{...l}},null,8,["modelValue","onUpdate:modelValue","component-schema"])),64))]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("div",{class:"epic-api-modal-footer",onClick:g},"请求测试")])])]),_:1},8,["modelValue"]))}});module.exports=N;