这次迭代最难的不是实现新功能，而是阻止旧功能在合并时再次消失。时间轴、画布、关键帧和 Graph Editor 曾各自可用，但它们之间缺少清晰边界，导致一次局部修复就可能污染整条编辑链路。
结论：先冻结稳定基线，再让每个模块通过明确接口交换状态。复制整段 UI 模板修补，迟早会回归。
问题是怎么形成的
早期版本把显示、状态和交互耦合在一起。时间轴重绘会顺带修改选区，选区变化又触发属性面板刷新，最后影响画布。看起来是一个按钮坏了，实际是状态流向没有边界。
重构方式
项目状态、历史记录、播放控制和关键帧计算进入核心层，UI 只订阅状态并派发动作。Graph Editor 不再直接改 DOM，而是提交曲线变化，再由统一渲染流程更新所有视图。
store.dispatch({
type: 'keyframe/update-easing',
payload: { trackId, keyframeId, easing }
});
renderTimeline(store.state);
renderStage(store.state);
验收标准
- 拖动关键帧时，画布和属性面板同步更新
- 撤销与重做覆盖时间轴、曲线和对象属性
- 导入旧项目不会丢失轨道和 easing 数据
- Win11 Chrome 与 Edge 完成同一套回归
下一步
正式站会让文章关联项目版本和已知问题，访客可以沿着时间线查看代码、失败记录和最终验收证据。
讨论
讨论评论公开可见，发布前请注意不要包含敏感信息。后端不可达时本区自动进入只读模式。