feat(canvas): add inherited elements, resizing and rotation

2026-11-06 02:03:23 +08:00
parent e28ddb673f
commit 54ff5a0fbd
12 changed files with 411 additions and 38 deletions
@@ -105,4 +105,13 @@ API 测试使用本机临时后端和独立前端进程，检查会话 Cookie、

 左上和底部工具栏按右上视图控件的分组节奏增加横向留白（间隙 6px、横向内边距 6px），按钮仍为 32×32px，竖向内边距仍为 4px。三处分隔线统一；左侧标题不再额外叠加外边距，右上现有样式保持不变。

-选中节点后，上、下、左、右各显示一个加号。点击会在对应方向新增文字节点并连线，视图跟随新节点；重复添加会避开已有节点，整个操作可一步撤销。方向连线也会保存在本地草稿和导出的 JSON 中，旧版左右连接继续兼容。
+选中卡片后，上、下、左、右各显示一个加号。点击会在对应方向新增文字卡片并连线，视图跟随新节点；重复添加会避开已有节点，整个操作可一步撤销。方向连线也会保存在本地草稿和导出的 JSON 中，旧版左右连接继续兼容。
+
+## 元素变换与继承
+
+- 卡片选中后可拖动四边或四角调整大小；拖动上方旋转柄旋转，Shift 吸附到 15°，双击旋转柄复位。旋转后仍按元素自身方向缩放。
+- 底部 T 添加纯文本，便签按钮添加文本卡片。纯文本没有卡片外框、连接点或四向加号；缩放时同步改变字号及文本框大小。
+- 大小、角度与字号保存在本地草稿和 JSON 中；一次拖动对应一步撤销，旧文本卡片导入后仍是卡片。
+- 业务类继承为 `CanvasElement → CardElement → TextCardElement / ImageCardElement / ScriptCardElement`；`PlainTextElement` 直接继承 `CanvasElement`。基础元素拥有缩放和旋转能力，卡片层追加连线和分支能力。React 组件通过组合共享 `TransformableNode`，不使用组件类继承。
+- `/dashboard/{workspace}/{board}` 的两个 ID 分别标识工作空间和图谱。前者确定访问范围，后者定位该空间内的图谱；读取和改名接口也使用相同的空间层级。
+- 回归：`node --experimental-strip-types --test tests/canvas-geometry.test.mjs tests/canvas.test.mjs tests/workspace.test.mjs`。