UNPKG

snowy-designer

Version:

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

2 lines (1 loc) 1.96 kB
"use strict";const e=require("vue");;/* empty css */const q=require("../../../../base-ui/src/components/icon/icon.vue.cjs");require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");const v=require("../../../../../utils/src/common/string.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const _=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");require("vuedraggable");const k={key:0,class:"epic-del-btn"},V=["onClick"],g=e.defineComponent({__name:"index",props:{modelValue:{default:()=>[],type:Array}},emits:["update:modelValue"],setup(u,{emit:a}){const c=u,i=a,s=_.pluginManager.getComponent("number"),o=e.computed({get(){return c.modelValue},set(n){i("update:modelValue",n)}});function p(){const n={componentProps:{span:12},id:v.getUUID(),type:"col",children:[]};o.value.push(n)}function d(n){o.value=o.value.filter((m,t)=>n!==t)}return(n,m)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(t,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"EColEditor-item"},[e.createVNode(e.unref(s),{value:t.componentProps.span,"onUpdate:value":r=>t.componentProps.span=r,modelValue:t.componentProps.span,"onUpdate:modelValue":r=>t.componentProps.span=r,style:{width:"100%"},min:1,max:24},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),o.value.length>1?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("span",{onClick:r=>d(l)},[e.createVNode(e.unref(q),{name:"icon-shanchu1"})],8,V)])):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("div",{class:"add-btn",onClick:p},"添加")]))}});module.exports=g;