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

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-DN7FXwXR.cjs"),r=require("./pluginManager-C8aQylGX.cjs"),f=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),g=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),x={class:"validate-param"},b={class:"option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2 grid-cols-[auto_auto_16px]"},k=e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(d,{emit:c}){const i=d,s=c,p=r.pluginManager.getComponent("button"),u=r.pluginManager.getComponent("input"),a=V.useVModel(i,"modelValue",s);function m(){const n=e.reactive({label:"",value:""});a.value=[...a.value,n]}function v(n){a.value=a.value.filter((o,l)=>l!==n)}return(n,o)=>(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(l,_)=>(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(u),{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(u),{modelValue:l.value,"onUpdate:modelValue":t=>l.value=t,value:l.value,"onUpdate:value":t=>l.value=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(f._sfc_main),{onClick:t=>v(_),class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded"},null,8,["onClick"])]))),256)),e.createVNode(e.unref(p),{onClick:m},{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createTextVNode("添加选项",-1)])]),_:1})])]))}}),U=g._export_sfc(k,[["__scopeId","data-v-a32a3b5f"]]);exports.default=U;