Quicker Flow - 可视化工作流编辑器

这是一个为 Quicker 设计的可视化工作流编辑器，灵感来源于 n8n 和 Dify，旨在通过拖拽节点和连接线的方式，简化和自动化一系列 Quicker 动作的执行流程。

您可以将其视为一个 Quicker 上的简易 n8n / Dify 版本，专注于将不同的 Quicker 动作或简单逻辑串联起来，实现更复杂的自动化任务。

功能介绍

• 可视化编辑: 通过拖拽侧边栏的节点到画布，并连接它们来构建流程。
• 节点类型:
  • 🚀 触发器: 流程的起点，可以设置一个初始输出值。
  • ⚡ 运行动作: 调用指定的 Quicker 动作（子程序），可以将上游节点的输出作为动作名称或参数传递。
  • 📊 显示结果: 将上游一个或多个节点的输出合并显示在该节点内部。
• 参数传递: 支持将上游节点的输出作为下游节点的输入参数（使用 ${input} 或 ${inputN} 格式）。
• 并行执行: 支持从一个节点分支出多个后续节点，这些分支会并行执行。
• 结果汇聚: 支持多个并行分支的结果汇聚到一个节点（如"显示结果"）。
• 保存与加载: 自动将流程布局和节点配置保存到 Quicker 变量，下次打开时自动加载。
• 夜间模式: 支持亮色和暗色主题切换，并记住用户的选择。
• 基本操作: 支持删除节点、拖动布局、快捷键保存等。

如何使用

1. 启动: 通过配套的 Quicker 动作启动此编辑器界面。
2. 添加节点: 从左侧边栏将需要的节点（触发器、运行动作、显示结果）拖拽到右侧的编辑画布上。
3. 配置节点:
   • 单击画布上的节点。
   • 右侧将显示该节点的属性面板。
   • 根据需要修改节点的配置项：
     • 触发器: 设置初始的"输出"值。
     • 运行动作: 设置要运行的"动作名称/ID"和"动作参数"。可以使用 ${input} 来引用上游节点的输出。
     • 显示结果: 设置"显示模板"。可以使用 ${input1}, ${input2} 等引用按连接顺序传入的多个上游节点的输出。
4. 连接节点:
   • 将鼠标悬停在节点右侧的小圆点（源端点）上，按住鼠标左键拖拽。
   • 将连接线拖拽到另一个节点左侧的小圆点（目标端点）上松开。
   • 参数自动设置: 当连接到一个需要输入的字段（如"运行动作"的"动作名称"或"动作参数"）且该字段为空时，它会自动填充为 ${input} 药丸，表示将接收上游数据。您可以点击药丸将其变回输入框进行修改。
   • 多输入连接: "显示结果"节点允许从多个上游节点连接到其同一个输入端点。
5. 保存流程:
   • 按下 Ctrl + S 快捷键。
   • 或者点击顶部工具栏的"保存"按钮。
   • 流程会自动保存到名为 flowData 的 Quicker 全局变量中。
6. 运行流程: 点击顶部工具栏的"运行"按钮。流程将从"触发器"节点开始执行。节点内部会显示其最终的输出结果。
7. 删除节点: 在画布上的节点上单击鼠标右键，选择"删除"。
8. 切换主题: 点击左下角的太阳/月亮图标按钮切换亮色/暗色主题。主题偏好会保存到名为 flowTheme 的 Quicker 全局变量中。