节点视觉重构 + 右栏选项折叠 + 撤销按钮/快捷键

- kind 名做成顶边框标牌(legend,边框在文字处断开)
- 去掉「开头」字(仅绿框)、去掉选择标题的项数
- 多出口节点每出口一行严格对齐右侧黄点
- 开头节点改为视口垂直居中(左侧)
- 选择节点右栏选项改为可折叠,点开编辑单个
- 撤销/重做按钮(不可用时灰)+ R自动整理 + Enter加后继
This commit is contained in:
bia
2026-06-08 19:17:38 +08:00
parent 2b66374e90
commit 2fa4c34bb1
5 changed files with 92 additions and 68 deletions

View File

@ -55,9 +55,12 @@
<!--分支图Drawflow 可拖拽连线) -->
<main id="graph-pane">
<div id="graph-tools">
<button id="btn-autolayout" class="mini" disabled>自动整理</button>
<button id="btn-addsucc" class="mini" disabled>加后继</button>
<span class="tip">拖出口圆点→目标节点 = 连跳转 · 拖动摆位 · 选中按 Del 删除</span>
<button id="btn-undo" class="mini" disabled title="撤销 (Ctrl+Z)">↶ 撤销</button>
<button id="btn-redo" class="mini" disabled title="重做 (Ctrl+Y)">↷ 重做</button>
<span class="gsep"></span>
<button id="btn-autolayout" class="mini" disabled title="自动整理布局 (R)">自动整理</button>
<button id="btn-addsucc" class="mini" disabled title="给选中节点加后继 (Enter)">加后继</button>
<span class="tip">拖出口圆点→目标=连跳转 · 拖动摆位 · Del 删除 · R 整理 · Enter 加后继 · Ctrl+Z/Y 撤销重做</span>
</div>
<div id="drawflow"></div>
<div id="graph-empty" class="empty-center">从左侧选择一个事件</div>