大屏编辑器

liaojiaxing 17d4eca83f feat: 完成图层编辑功能 10 månader sedan
.vscode 232f819d07 init: 初始化项目 10 månader sedan
public 232f819d07 init: 初始化项目 10 månader sedan
src 17d4eca83f feat: 完成图层编辑功能 10 månader sedan
types 17d4eca83f feat: 完成图层编辑功能 10 månader sedan
.gitignore 232f819d07 init: 初始化项目 10 månader sedan
README.md 9d07faf6c4 feat: 添加折线 柱状图 10 månader sedan
env.d.ts 232f819d07 init: 初始化项目 10 månader sedan
index.html 232f819d07 init: 初始化项目 10 månader sedan
package.json 9d07faf6c4 feat: 添加折线 柱状图 10 månader sedan
pnpm-lock.yaml 9d07faf6c4 feat: 添加折线 柱状图 10 månader sedan
tsconfig.json 232f819d07 init: 初始化项目 10 månader sedan
tsconfig.node.json 232f819d07 init: 初始化项目 10 månader sedan
vite.config.ts 232f819d07 init: 初始化项目 10 månader sedan

README.md

沙鲁大屏设计器

技术方案:Vue 3 + TypeScript + Vite + ant-design-vue 包管理器:pnpm

安装:pnpm install 运行:pnpm dev

任务列表:

  1. 大屏管理页--完成
  2. 页面布局
    • a. 操作栏 -- 完成
    • b. 图层管理 -- 完成
    • c. 组件管理 -- 完成
    • d. 画布 -- 完成
    • e. 配置页
  3. 通用协议
  4. 画布
    • a. 缩放 -- 完成
    • b. 标尺 -- 完成
    • c. 拖拽 -- 完成
    • d. 吸附
    • e. 辅助线 -- 完成
    • f. 控制容器组件 -- 完成
  5. 渲染器
  6. 属性面板
  7. 组件属性渲染表单
  8. 预览页
  9. 快捷键
  10. 操作记录

图表组件开发思路

  • 图表的option参数归一,提供统一的配置,便于后期做主题配置。
  • 不同的图表提供可以配置的参数,后期通过归一化处理
  • 配置的实现方式两种方式: 1、每个组件提供配置面板,2、根据配置项统一生成配置面板,通过配置项配置组件。