可视化工作流编辑器

点击工作流行或新建工作流后,进入全屏沉浸式编辑器,基于 ReactFlow(XYFlow) 实现。
界面布局
- 全屏模式:隐藏侧边栏和头部,最大画布空间
- 左上角:返回按钮 + 工作流名称(可内联编辑)
- 右上角:保存/另存为按钮
- 左侧面板:节点库 — 可拖拽的节点类型列表
- 中央:空白画布
创建流程
- 从左侧节点库拖拽节点到画布
- 从一个节点的输出手柄拖拽到另一个节点的输入手柄,创建连线
- 唯一约束:必须有且仅有一个 Start 节点和一个 End 节点
- 连线不允许形成闭环(DAG 约束)
编辑工作流名称
- 点击工作流名称进入内联编辑模式
- Enter 确认修改
- Escape 取消修改
保存
- 点击保存按钮将当前工作流 DSL 持久化到
workflows表 - 保存后版本号递增
- 未保存的更改有离开提示