大屏编辑器

11 Commits

2 Branches

liaojiaxing 8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置		10 maanden geleden
.vscode	232f819d07 init: 初始化项目	10 maanden geleden
public	232f819d07 init: 初始化项目	10 maanden geleden
src	8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置	10 maanden geleden
types	8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置	10 maanden geleden
.gitignore	232f819d07 init: 初始化项目	10 maanden geleden
README.md	ddb9a678f9 pref: 调整组件属性结构	10 maanden geleden
env.d.ts	232f819d07 init: 初始化项目	10 maanden geleden
index.html	232f819d07 init: 初始化项目	10 maanden geleden
package.json	8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置	10 maanden geleden
pnpm-lock.yaml	8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置	10 maanden geleden
tsconfig.json	232f819d07 init: 初始化项目	10 maanden geleden
tsconfig.node.json	232f819d07 init: 初始化项目	10 maanden geleden
vite.config.ts	8fe47fcef7 fix: 添加颜色选择组件添加页面、标题配置	10 maanden geleden

沙鲁大屏设计器

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

安装：pnpm install 运行：pnpm dev

任务列表:

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

图表组件开发思路

图表的option参数归一，提供统一的配置，便于后期做主题配置。
不同的图表提供可以配置的参数，后期通过归一化处理
组件配置：组件内容、组件样式 -- 组件样式为容器样式，包括：组件属性(如宽高、xy坐标、整体透明度等)、样式属性(如背景、边框、阴影等) -- 组件内容为每个组件单独提供的配置组件，通常为数据源，数据样式等