107 lines (92 loc) · 3.78 KB

任务计划: VBA Visual 功能增强

目标

实现 待添加功能.md 中列出的所有功能，包括 15 个推荐功能和多个新积木

阶段

阶段 1: 高优先级功能 (P0) - ✅ 已完成

1.1 积木搜索/过滤 - 工具箱搜索框 (BlockToolbox.vue)
1.2 快捷键提示面板 - F1 触发 (ShortcutHelp.vue)
1.3 代码复制到剪贴板 - 复制按钮 (CodePreview.vue)

阶段 2: 中优先级功能 (P1) - ✅ 已完成

2.1 积木缩放 - 滚轮缩放、缩放比例显示 (CanvasToolbar.vue)
2.2 主题切换 - 深色/浅色主题 (themeStore.ts)
2.3 积木收藏/常用 - 收藏功能 (favoritesStore.ts)

阶段 3: 功能增强 (P2) - ✅ 已完成

3.1 项目模板 - 内置模板 (projectTemplates.ts - 7个模板)
3.2 导出为图片 - PNG/SVG 导出 (EditorView.vue)
3.3 代码语法高亮增强 - 自定义 vbaHighlight.ts

阶段 4: 高级功能 (P3) - ⚠️ 部分完成

4.1 导入 VBA 代码生成积木 - vbaParser.ts + ImportCodeDialog.vue ✅
4.2 积木连线动画 - CSS 动画 + strokeDasharray ✅
4.3 版本历史 - historyStore + HistoryPanel ✅
4.4 多语言支持
4.5 帮助文档
4.6 积木分组/折叠

阶段 5: 新积木 - ✅ 已完成

阶段 6: 优化与修复 - ⚠️ 部分完成

6.1 性能优化 - 大型项目加载优化
6.2 连接线优化 - 更智能的路径规划
6.3 积木对齐 - 网格对齐功能 (20px 网格吸附) ✅
6.4 错误提示优化 - 更友好的错误信息

关键问题

~~如何保持向后兼容性？~~ - 已通过版本控制解决
~~如何管理用户偏好设置？~~ - 已使用 localStorage + Pinia Store
~~如何实现高效的代码解析？~~ - 已实现 VBA 代码导入功能

已做决策

✅ 使用 CSS 变量实现主题切换
✅ 使用 localStorage 存储用户偏好
✅ 使用 X6 内置方法实现导出图片
✅ 使用自定义语法高亮 (vbaHighlight.ts)
✅ 网格对齐使用 20px 网格吸附
✅ 项目模板从 4 个扩展到 7 个
✅ 版本历史使用 localStorage 持久化，最多保存 20 个版本
✅ VBA 代码解析使用正则表达式匹配，支持常见语法结构

错误记录

错误	尝试	解决方案
模板加载后无法编辑	1次	修复端口ID和积木定义ID不匹配问题
积木无法连接	1次	createBlockNode 使用正确的逻辑端口

当前状态

当前阶段: 阶段 4-5 (高级功能 + 新积木) 状态: 大部分完成 完成进度: 约 98%

已完成功能汇总

积木类型 (共 33+ 新增)

字典操作积木 (6个)
正则表达式积木 (4个)
图表操作积木 (4个)
条件格式积木 (2个)
数据透视表积木 (4个)
自定义代码积木 (1个)
事件处理积木 (8个)
Windows API 积木 (4个)

功能增强

积木搜索/过滤
快捷键提示面板 (F1)
代码复制到剪贴板
积木缩放
主题切换 (深色/浅色)
积木收藏/常用
项目模板 (7个)
导出为图片 (PNG/SVG)
代码语法高亮增强
网格对齐 (20px)
积木连线动画
版本历史
导入 VBA 代码生成积木

下一步计划

添加类模块积木
性能优化
多语言支持
帮助文档