-
开发环境
- macOS 10.15.3
- node "v14.2.0"
- Visual Studio Code ": 1.45.0"
-
第三方依赖
- element-plus: "^1.0.2-beta.28",
- vue: "^3.0.0",
- vue-router: "^4.0.0-0",
- vuex: "^4.0.0-0"
yarn install
yarn serve
yarn build
yarn lint
- 项目初始化
- 注册左侧组件菜单
- 拖拽左侧组件到中间编辑画版
- 设置画版上组件选中,多选,取消选中等
- 在编辑画版上拖拽组件
- 组件分类
- 组件注册模版,组件由组件模版来初始化
- 定义组件 schema.json 文件,props 和 models
- 添加组件采用异步获取组件的 JS、CSS、配置Schema
- 画布可缩放、利用 canvas 实现标尺、点击标尺出现辅助线
- 画布上拖拽组件添加辅助线、吸附效果
- 设置组件层级(置顶、置底)
- 画布大屏展示
- 拖拽时,鼠标设置样式无效
- 画布上拖拽组件时,直接修改 computed 中属性,待修改