snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 1.7 kB
JavaScript
;const e=require("vue"),n=require("naive-ui"),h={class:"epic-modal-main"},f={class:"epic-modal-footer"},k=e.defineComponent({__name:"modal",props:{componentSchema:{default:()=>({type:"modal"})},hideConfirm:{type:Boolean},okText:{default:"确定"},width:{default:"900px"}},emits:["ok","close","update:modelValue"],setup(s,{emit:i}){const o=s,l=i,m=e.useAttrs(),a=e.computed(()=>{var t;return{...o.componentSchema,class:"epic-modal-n",preset:"card",show:m.modelValue,title:((t=o.componentSchema)==null?void 0:t.label)??""}}),r=e.computed(()=>{var t;return((t=o.componentSchema)==null?void 0:t.children)??[]}),p=()=>{l("ok")},c=()=>{l("update:modelValue",!1),l("close")};return(t,d)=>(e.openBlock(),e.createBlock(e.unref(n.NModal),e.mergeProps(a.value,{title:a.value.label??"",class:"epic-modal-n epic-scoped",preset:"card",style:{width:t.width},"onUpdate:show":c}),{default:e.withCtx(()=>[e.createElementVNode("div",h,[e.renderSlot(t.$slots,"default",{},()=>[e.renderSlot(t.$slots,"edit-node",{},()=>[r.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,u=>e.renderSlot(t.$slots,"node",{componentSchema:u})),256)):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",f,[e.createVNode(e.unref(n.NSpace),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.NButton),{onClick:c},{default:e.withCtx(()=>d[0]||(d[0]=[e.createTextVNode(" 关闭 ")])),_:1}),o.hideConfirm?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(n.NButton),{key:0,type:"primary",onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText??"确定"),1)]),_:1}))]),_:1})])]),_:3},16,["title","style"]))}});module.exports=k;