VUE 版本的低代码设计器

• VUE3 版本的低代码设计器，支持多种容器嵌套，接口请求，支持参数和数据监听，可以支撑自定义业务逻辑
• 支持webcomponents打包成js文件，任何页面都可以通过script src的方式接入
• 支持 npm publish发布到npm或者私用库，通过 esm import的方式引入
• 支持 tid 传入和 title 传入，tid 优先级大于 title
• 前端：vite，vue3，pinia，mac 电脑 node 版本>=16
• 后端：egg，mongodb，代码见 egg 文件夹

效果预览

下面的折损分析因为有联动，不适合低代码，通过监听参数的方式实现自定义业务逻辑

预览

开发

$ npm i
$ npm run dev
$ open http://localhost:5173

打包 webcomponents

$ npm i
$ npm run build:lib

用法示例

<script crossorigin src="https://localhost:5173/dist/designer.min.js"></script>
<vue-designer tid="zzAjDuFz"></vue-designer>
{/* <vue-designer title="我是标题"></vue-designer>; */}