沙鲁大屏设计器
技术方案:Vue 3 + TypeScript + Vite + ant-design-vue
包管理器:pnpm
安装:pnpm install
运行:pnpm dev
任务列表:
- 大屏管理页--完成
- 页面布局
- a. 操作栏 -- 完成
- b. 图层管理 -- 完成
- c. 组件管理 -- 完成
- d. 画布 -- 完成
- e. 配置页
- 通用协议
- 画布
- a. 缩放 -- 完成
- b. 标尺 -- 完成
- c. 拖拽 -- 完成
- d. 吸附
- e. 辅助线 -- 完成
- f. 控制容器组件 -- 完成
- 渲染器
- 属性面板
- 组件属性渲染表单
- 预览页
- 快捷键
- 操作记录
图表组件开发思路
- 图表的option参数归一,提供统一的配置,便于后期做主题配置。
- 不同的图表提供可以配置的参数,后期通过归一化处理
- 配置的实现方式两种方式: 1、每个组件提供配置面板,2、根据配置项统一生成配置面板,通过配置项配置组件。