UNPKG

snowy-designer

Version:

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

2 lines (1 loc) 1.64 kB
"use strict";const l=require("vue");;/* empty css */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");require("vuedraggable");require("../../../../../hooks/src/store/index.cjs");require("lodash");const i=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");const m=l.defineComponent({__name:"index",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(d){const s=i.pluginManager.getComponent("select"),p=i.pluginManager.getComponent("input"),t=l.inject("designer"),o=l.inject("dataTable"),a=l.computed(()=>{var r;return o!=null&&o.value?(r=o.value.tableColumn)==null?void 0:r.map(e=>({label:e.columnRemark,value:e.columnName})):[]}),u=l.useModel(d,"modelValue");return l.watch(u,r=>{if(t.state.selectedNode){const e=a.value.find(n=>n.value===r);e&&(t.state.selectedNode.label=e.label)}}),(r,e)=>a.value.length?(l.openBlock(),l.createBlock(l.unref(s),{key:0,modelValue:u.value,"onUpdate:modelValue":e[0]||(e[0]=n=>u.value=n),value:u.value,"onUpdate:value":e[1]||(e[1]=n=>u.value=n),options:a.value,placeholder:"请选择"},null,8,["modelValue","value","options"])):(l.openBlock(),l.createBlock(l.unref(p),{key:1,modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=n=>u.value=n),value:u.value,"onUpdate:value":e[3]||(e[3]=n=>u.value=n),placeholder:"请输入"},null,8,["modelValue","value"]))}});module.exports=m;