面向管理视角的 Git 分支可视化面板(MVP)。
- 分支节点可视化:拖拽、选中、属性编辑
- 分支关系管理:连线创建、关系类型切换、删除连线
- 时间轴视图:分支生命周期条带 + 发布里程碑点;支持 Ctrl/Cmd+滚轮缩放、滚轮平移、Shift+滚轮平移、空白区拖拽平移、条带区拖拽平移(拖拽时不误选行)、底部 全貌迷你导航(缩略条带 + 当前视窗框,可点击跳转、拖框平移)、Slider 与「重置视窗」
- 洞察面板:孤立分支、关系环路提示、Breaking 数量、发布成功率
- 过滤检索:owner、status、breaking、version、关系类型、keyword
- 本地持久化:
localStorage - 数据交换:JSON 导入/导出(兼容旧版
from/to数据)
npm install
npm run dev构建:
npm run build测试:
npm run test:run核心结构:
project: 项目名branches: 分支列表releases: 发布列表relations: 分支关系列表
关系类型:
branch-from: 派生关系merge-to: 合并目标关系
导入时分为两层校验:
- 结构校验(字段类型、枚举值、日期格式)
- 业务校验(重复 ID、关系非法引用、结束时间早于开始时间等)
若导入旧版仅含 from/to 的数据,会自动迁移为 relations。
- 未接入真实 Git 命令执行
- 未实现多人协作与权限
- 画布渲染在超大规模数据下仍有进一步优化空间
- 关系审计日志与历史回放
- 自动同步 CI 元数据
- 多用户在线协作与权限体系