form-designer-xinyi/dist/modal-BRZOvwER.cjs

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

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