Skip to content

vue3+vue-grid-layout+pinia开发的低代码设计器,支持webcomponents打包

Notifications You must be signed in to change notification settings

hechuanhua/H5Design-vue

Repository files navigation

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>; */}

About

vue3+vue-grid-layout+pinia开发的低代码设计器,支持webcomponents打包

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published