bq_react/doc/项目文档/功能模块/编辑器模块/绘制.md

绘制

目录

• 业务定义
• 时序

业务定义

用户在画布上按下、移动、抬起指针。编辑器按当前工具形成草稿，再交给 Project.addShape。聚合接受这次落笔后，用例保存整个 Project。

本事件使用 EditorViewModel 的 pointerDown、pointerMove、pointerUp。是否落笔由 Project.addShape 决定。

时序

sequenceDiagram
  participant EditorPage
  participant EditorViewModel
  participant Project
  participant ProjectApplication

  EditorPage->>EditorViewModel: pointerDown(x, y)
  EditorViewModel->>EditorViewModel: draft
  EditorPage->>EditorViewModel: pointerMove(x, y)
  EditorViewModel->>EditorViewModel: draft.x2 / draft.y2
  EditorPage->>EditorViewModel: pointerUp()
  EditorViewModel->>Project: addShape(shape)
  EditorViewModel->>ProjectApplication: save(store, project)

pointerDown 要求已经打开项目，并用当前 EditorTool 创建 DraftShape。pointerMove 只在存在草稿时调用 DraftShape.move。pointerUp 先清掉草稿，再按工具生成 LineShape 或 RectShape 并调用 addShape。位移小于 2 时 addShape 拒绝，不保存。接受时，聚合自己记下文档快照并写入图形，然后 save 按页面上的 store 写回仓储。