Automation 自动化编排
带流程画布、节点配置与运行日志的自动化编辑器
用法
剪贴板截图翻译
进入视口后自动运行一次;改节点配置后再点「运行」。
示例加载中...
概述
可编辑、可运行的 Tuff 截图 OCR 流程:原生 OCR 置信度不足时交给 AI 重读,再翻译并写回剪贴板。
- 首次进入视口时自动运行一次(约 3.3 秒),数据经过的连线会流动;减少动态效果时直接显示结果,不启动计时器。
- 点节点编辑配置,对下一次运行生效;把「原生 OCR」的最低置信度调到 94% 以上(样例为 93%),运行就会绕到 AI 重读。
- 「翻译」节点打开「模拟限流(429)」后,翻译先失败,600ms 后重试成功。
- 运行中可以「停止」:正在执行的节点标为已取消,日志补一行
cancelled by user。 - 节点可拖动并吸附点阵;拖动距离作为偏移保留,全屏后不丢。
- 宽屏(≥ 960px)显示运行记录、四步进度与日志分栏;列内与窄屏把「节点配置 / 本次运行」收进页签。
自定义
- 换成自己的流程:节点与连线都是普通数组,
flowNodes()只按画布尺寸算坐标;连线总从上一节点底边连到下一节点顶边,分支节点要横向错开。 - 接真实执行器时,把
buildPlan()里的定时步骤换成后端事件(SSE / WebSocket),每个事件调用一次setNode()并追加一行日志。 - TxFlowchart 没有逐条连线的样式 API:模板借用
dashed表示「正在传递」,颜色与流动写在prefers-reduced-motion: no-preference之内。 - TxFlatSelect 与微调卡片的类型菜单都不 teleport,要避开
overflow: hidden的裁切,并远离容器底边。
相关组件
| 区域 | 组件 | 作用 |
|---|---|---|
| 顶栏 | TxWorkingIndicator、TxStatusBadge、TxSteps、TxSwitch、TxButton | 状态、进度与运行 / 停止 |
| 画布 | TxFlowchart、TxStatusBadge、TxWorkingIndicator、TxDotIndicator | 五个节点与流动连线 |
| 节点配置 | TxFlatSelect、TxScrubField、TxSwitch、TxFineTuneCard、TxToastPanel | 每个节点的表单 |
| 本次运行 | TxTaskRows、TxCodeStream | 步骤状态与运行日志 |
| 运行记录(宽屏) | TxTimeline | 最近几次运行 |
| 日志分栏(宽屏) | TxSplitter | 调整画布与日志高度 |
| 完成提示 | TxToastPanel | 4 秒后收起的结果卡 |