feat: add four-direction quick-add controls to selected nodes

This commit is contained in:
2026-11-06 01:47:27 +08:00
parent fc28632aba
commit e28ddb673f
7 changed files with 121 additions and 11 deletions
+9
View File
@@ -108,3 +108,12 @@
- 右上现有尺寸和间距保持不变;左上与底部采用稍宽的 6px 横向间隙和横向内边距,保持 4px 竖向内边距与 32×32px 按钮。
- 左上在标题前后增加与右上相同的分隔线,去掉标题额外外边距;三处分隔线改为共享样式。
- 类型检查和差异检查通过;本次 CSS 留白试调未重复生产构建或访问浏览器。
## 选中节点四向加号(2026-11-06)
- 节点 selected 时显示上/下/左/右四个加号,未选中时隐藏;加号使用 nodrag/nopan 并阻止指针事件传播,避免触发节点或画布拖动。
- 点击按实际测量的节点尺寸在对应方向新增文字节点并自动连线,重复添加避开已有节点;选择与视图跟随新节点,添加及连线组成一步撤销。
- 四侧使用命名 Handle 与 Loose 连接模式;保留旧无名连接点用于已有连线,导入导出校验并保留新的 sourceHandle/targetHandle。
- 类型检查与 18 项自动测试通过,新增四向位置、连接方向持久化、一步撤销和重复添加避让测试。
- 按用户既定安排不访问浏览器,本次未进行视觉和实际点击验收。
- 隔离 Webpack 生产构建与完整 API/路由/品牌资源冒烟回归均通过。