epic-designer-gold/dist/modal-DZRJyZfk.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("ant-design-vue"),v={class:"epic-modal-main"},x={class:"epic-modal-footer"},y=e.defineComponent({__name:"modal",props:{componentSchema:{type:Object,default:()=>({})}},emits:["ok","close","update:modelValue"],setup(d,{emit:p}){const u=o.version.split("."),m=parseInt(u[0]),n=e.useAttrs(),l=d,a=p,h={position:"absolute",right:"150px",left:"150px",minWidth:"700px",width:"auto",top:"56px",bottom:"30px",minHeight:"500px"},f={height:"calc(100vh - 108px)",padding:0},i=e.computed(()=>{var t;return{...l.componentSchema,...n,title:((t=l.componentSchema)==null?void 0:t.label)??"",wrapClassName:"epic-modal-ant",open:n.modelValue,visible:m>3?void 0:n.modelValue,"onUpdate:open":r,"onUpdate:visible":r,style:"top:20px",bodyStyle:f,dialogStyle:h,footer:null,children:null}}),c=l.componentSchema.children??[];function S(){a("ok")}function r(){a("update:modelValue",!1),a("close")}return(t,s)=>(e.openBlock(),e.createBlock(e.unref(o.Modal),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,"edit-node",{},()=>[e.unref(c).length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(c),g=>e.renderSlot(t.$slots,"node",{componentSchema:g})),256)):e.renderSlot(t.$slots,"default",{key:1})])]),e.createElementVNode("div",x,[e.createVNode(e.unref(o.Space),{align:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Button),{onClick:r},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("关闭")])),_:1}),e.createVNode(e.unref(o.Button),{type:"primary",onClick:S},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value.okText??"确定"),1)]),_:1})]),_:1})])]),_:3},16))}});exports.default=y;