[UX] 工作流画布自动布局 #20

New Issue

admin · 2026-05-05T01:01:38+08:00

admin commented

2026-05-05 01:01:38 +08:00

背景

当前工作流节点的位置完全手动拖拽，复杂工作流节点多了以后杂乱难调。

需求

一键自动布局按钮：根据 DAG 拓扑自动计算节点位置
支持多种布局算法：层次布局（TB/LR）、力导向布局
布局后保留用户手动微调
参考 dagre / elkjs 布局库

涉及模块

frontend/src/components/WorkflowEditor/WorkflowEditor.vue
frontend/src/composables/ — 新增布局 hook

优先级

中 — 体验提升明显

## 背景当前工作流节点的位置完全手动拖拽，复杂工作流节点多了以后杂乱难调。 ## 需求 1. 一键自动布局按钮：根据 DAG 拓扑自动计算节点位置 2. 支持多种布局算法：层次布局（TB/LR）、力导向布局 3. 布局后保留用户手动微调 4. 参考 dagre / elkjs 布局库 ## 涉及模块 - frontend/src/components/WorkflowEditor/WorkflowEditor.vue - frontend/src/composables/ — 新增布局 hook ## 优先级中 — 体验提升明显

admin self-assigned this 2026-05-05 01:01:38 +08:00

admin closed this issue

2026-05-10 14:25:48 +08:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: admin/aiagent#20