epic-designer-gold/dist/index-FgdbKgb5.cjs

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./pluginManager-DWHAX8kP.cjs"),g=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-BoL2PSBk.cjs"),V={key:0,class:"epic-del-btn"},f=["onClick"],h=e.defineComponent({__name:"index",props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(r,{emit:u}){const{t:s}=k.useLocale(),d=c.pluginManager.getComponent("number"),p=r,i=u,o=e.computed({get(){return p.modelValue},set(n){i("update:modelValue",n)}});function m(){const n={type:"col",children:[],componentProps:{span:12},id:c.getUUID()};o.value.push(n)}function _(n){o.value=o.value.filter((v,t)=>n!==t)}return(n,v)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"EColEditor-item"},[e.createVNode(e.unref(d),{value:t.componentProps.span,"onUpdate:value":l=>t.componentProps.span=l,modelValue:t.componentProps.span,"onUpdate:modelValue":l=>t.componentProps.span=l,style:{width:"100%"},min:1,max:24},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),o.value.length>1?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("span",{onClick:l=>_(a)},[e.createVNode(e.unref(g._sfc_main),{name:"icon--epic--trash"})],8,f)])):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("div",{class:"add-btn",onClick:m},e.toDisplayString(e.unref(s)("add")),1)]))}});exports.default=h;