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

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./vuedraggable.umd-BqhSJIAi.cjs"),i=require("./pluginManager-DWHAX8kP.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),h=require("./index-CZ_nc70v.cjs"),f=require("./index-BoL2PSBk.cjs"),x={class:"option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2 grid-cols-[16px_auto_auto_16px_16px]"},b={key:0,class:"pl-4"},y=e.defineComponent({name:"EColumnItem",__name:"columnItem",props:{modelValue:{}},emits:["update:modelValue"],setup(m,{emit:s}){const r=m,c=i.pluginManager.getComponent("input"),p=s,a=h.useVModel(r,"modelValue",p);function d(n){const o={type:"table-cell",children:[],id:"table-cell_"+i.getUUID(),label:"",prop:""};n.children?n.children.push(o):n.children=[o]}function V(n){a.value=a.value.filter((o,u)=>u!==n)}return(n,o)=>{const u=e.resolveComponent("EColumnItem");return e.openBlock(),e.createBlock(e.unref(g.draggable),{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=l=>e.isRef(a)?a.value=l:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:l,index:v})=>[e.createElementVNode("div",null,[e.createElementVNode("div",x,[e.createVNode(e.unref(_._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(c),{modelValue:l.label,"onUpdate:modelValue":t=>l.label=t,value:l.label,"onUpdate:value":t=>l.label=t,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(c),{modelValue:l.prop,"onUpdate:modelValue":t=>l.prop=t,value:l.prop,"onUpdate:value":t=>l.prop=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(_._sfc_main),{class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:t=>d(l)},null,8,["onClick"]),e.createVNode(e.unref(_._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:t=>V(v)},null,8,["onClick"])]),l.children?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(u,{modelValue:l.children,"onUpdate:modelValue":t=>l.children=t},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),C={class:""},U=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(m,{emit:s}){const{t:r}=f.useLocale(),c=i.pluginManager.getComponent("button"),p=m,a=s,d=e.computed({get(){return p.modelValue},set(n){a("update:modelValue",n)}});e.onMounted(()=>{});function V(){d.value.push({type:"table-cell",children:[],id:"table-cell_"+i.getUUID(),label:"",prop:""})}return(n,o)=>{var u;return e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("div",{class:"py-4 my-2 text-center text-gray-400 bg-white"},e.toDisplayString(e.unref(r)("noOptions")),513),[[e.vShow,!((u=d.value)!=null&&u.length)]]),e.createVNode(y,{modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=l=>d.value=l)},null,8,["modelValue"]),e.createVNode(e.unref(c),{onClick:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("addOption")),1)]),_:1})])])}}});exports.default=U;