组件/Automation 自动化编排

Automation 自动化编排

带流程画布、节点配置与运行日志的自动化编辑器

自 0.6.0BETA

当前组件文档正在开发中

该页面正在持续迁移,示例与 API 可能会继续调整。

用法

剪贴板截图翻译

进入视口后自动运行一次;改节点配置后再点「运行」。

示例加载中...

概述

可编辑、可运行的 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调整画布与日志高度
完成提示TxToastPanel4 秒后收起的结果卡