feat: 子流程支持循环执行以及HTTP回调 --story=130003551 --story=132632590 by Mianhuatang8 · Pull Request #711 · TencentBlueKing/BKFlow

Mianhuatang8 · 2026-04-27T03:25:39Z

No description provided.

# Reviewed, transaction id: 74500

# Reviewed, transaction id: 74762

# Reviewed, transaction id: 74765

* feat: 循环变量协议修改 --story=130003551 # Reviewed, transaction id: 74970 * fix: 代码优化 --story=130003551 # Reviewed, transaction id: 74976 * fix: 代码优化 --story=130003551 # Reviewed, transaction id: 74987

# Reviewed, transaction id: 75024

# Reviewed, transaction id: 75036

* fix: 验收问题处理 --story=130003551 # Reviewed, transaction id: 75549 * fix: 验收问题处理 --story=130003551 # Reviewed, transaction id: 75555 * fix: 验收问题处理 --story=130003551 # Reviewed, transaction id: 75559

# Reviewed, transaction id: 76097

* fix: 验收问题处理 --story=130003551 # Reviewed, transaction id: 76446 * fix: 将循环次数选择抽出为公共组件 --story=130003551 # Reviewed, transaction id: 76615

# Reviewed, transaction id: 76758

# Reviewed, transaction id: 75033

# Reviewed, transaction id: 77424

# Reviewed, transaction id: 77438

# Reviewed, transaction id: 77443

# Reviewed, transaction id: 79251

codecov-commenter · 2026-04-27T03:31:06Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (master@01be4b0). Learn more about missing BASE report.

Additional details and impacted files

@@            Coverage Diff            @@
##             master     #711   +/-   ##
=========================================
  Coverage          ?   81.38%           
=========================================
  Files             ?      288           
  Lines             ?    16689           
  Branches          ?        0           
=========================================
  Hits              ?    13582           
  Misses            ?     3107           
  Partials          ?        0

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

github-actions

Code Review 总结

本 PR 为子流程添加了循环执行和 HTTP 回调功能，涉及前端模板编辑、任务执行、变量选择等多个模块的大量改动。整体功能方向清晰，变量列表搜索/分组的 UI 重构和循环执行配置面板的实现较为完整。以下是主要发现：

⚠️ 逻辑问题

VariableList 直接修改 prop 数据 — onSearch 和 toggleGroup 直接修改了来自 prop 的 group.isCollapse，违反 Vue 单向数据流原则，可能导致父组件状态被意外篡改。
forEach(async ...) 不被 await — filterHistoryData 中的 breadcrumbData.forEach(async ...) 的异步回调不会被外层等待，loading 状态会提前结束，异步异常无法被 catch 捕获。
activitiesArray.find(...).id 可能 NPE — find 可能返回 undefined，直接访问 .id 会抛异常。

⚡ 性能建议

loadSubprocessOutput 每次加载子流程都会请求 — 如果输出参数不常变，建议做缓存。

✨ 代码整洁

document.querySelector 全局选择器 — formMixins 中 handleListShow 使用全局选择器可能匹配到错误元素。
TemplateData 未使用 — 已导入但未在模板中引用。
缩进不一致 — NodeConfig.vue 中部分代码缩进跌落，视觉上容易产生误解。
魔法数字 — loopConfig 默认值中的 loop_times: 3 等建议抽常量。

整体改动质量不错，UI 交互体验有明显提升。上述 1-3 项建议优先处理。

github-actions · 2026-04-27T03:33:05Z

+        if (!this.isListOpen) {
+          return;
+        }
+        const listPanel = document.querySelector('.rf-select-list');


⚠️ document.querySelector('.rf-select-list') 只能匹配到页面上第一个 .rf-select-list 元素。当页面同时渲染多个 Tag 组件时，点击关闭逻辑可能作用在错误的下拉面板上。建议改用 this.$el.querySelector 或通过 $refs 定位当前组件实例内的面板。

github-actions · 2026-04-27T03:33:05Z

+    onSearch() {
+      // 搜索时自动展开所有分组
+      this.filteredGroupList.forEach((group) => {
+        group.isCollapse = false;


⚠️ onSearch 和 toggleGroup 直接修改了 prop varList 引用的 group 对象的 isCollapse，违反 Vue 单向数据流原则。建议将折叠状态维护在组件自身 data 中（如用 collapsedGroups Set 跟踪）。

github-actions · 2026-04-27T03:33:05Z

-              version: has.call(output, 'version') ? output.version : 'legacy',
-            };
-          });
+        // 输出变量


✨ Lines 777-799 缩进从 10 空格跌落到 8 空格，视觉上看起来像跳出了 try 块。建议统一缩进以避免维护时产生误解。

github-actions · 2026-04-27T03:33:05Z

+        // 从接口获取子流程标准输出参数
+        const subprocessPlugin = this.atomList.find(item => item.code === 'subprocess_plugin');
+        const subprocessPluginVersion = subprocessPlugin?.list?.[0]?.version || '';
+        const res = await this.loadSubprocessOutput({ space_id: this.spaceId, version: subprocessPluginVersion });


⚡ loadSubprocessOutput 在每次 loadSubflowData 时都会发起网络请求。如果 subprocess_plugin 输出参数不频繁变化，建议缓存结果避免重复请求。

github-actions · 2026-04-27T03:33:05Z

  import { getOrderNodeToNodeTree } from '@/utils/orderCanvasNodeToNodeTree.js';
  import JumpLinkBKFlowOrExternal from '@/components/common/JumpLinkBKFlowOrExternal.vue';
  import SubStageCanvas from '../../../components/canvas/StageCanvas/SubStageCanvas.vue';
+  import TemplateData from './TemplateData.vue';


✨ TemplateData 已导入并注册但未在 <template> 中使用，请移除未使用的 import 和组件注册。

github-actions · 2026-04-27T03:33:05Z

+              }
+            } else {
+              const { template_node_id: templateNodeId } = this.subCanvsActivityCollection[this.nodeDetailConfig.node_id];
+              curNewNodeId = activitiesArray.find(item => item.template_node_id === templateNodeId).id;


⚠️ activitiesArray.find(item => item.template_node_id === templateNodeId) 可能返回 undefined，直接访问 .id 会抛异常。建议加空值判断。

github-actions · 2026-04-27T03:33:05Z

+              component_code: this.nodeDetailConfig.component_code,
+            };
+            const res = await this.getNodeActDetail(query);
+            this.breadcrumbData.forEach(async (item) => {


⚠️ breadcrumbData.forEach(async ...) 中的 async 回调不会被外层 await，导致 isBreadCrumbLoading = false（line 788）在异步操作完成前执行，且异常无法被 catch 捕获。建议改用 for...of + await 或 Promise.all。

github-actions · 2026-04-27T03:33:05Z

+              || (Array.isArray(loopParams) && loopParams.length === 0)
+              || (!Array.isArray(loopParams) && typeof loopParams === 'object' && Object.keys(loopParams).length === 0)) {
+            this.formData.loopConfig.loop_params = [{ name: '', value: '', is_quote: false }];
+          } else if (!Array.isArray(loopParams)) {


✨ loop_times: 3 等默认值属于魔法数字，按项目规范建议抽取为命名常量（如 DEFAULT_LOOP_TIMES）。

# Reviewed, transaction id: 78435

# Reviewed, transaction id: 78600

# Reviewed, transaction id: 78614

# Reviewed, transaction id: 79261

github-actions

Code Review 总结（增量审查）

本次增量审查针对子流程循环执行功能的最新提交。大部分代码改动围绕面包屑选择器重构、循环/重试/执行次数选择、以及循环输出参数处理，整体实现思路清晰。

上一轮问题状态

⚠️ activitiesArray.find(...).id NPE — 已通过前置判断部分缓解，但在 filterHistoryData else 分支中 find 仍可能返回 undefined（line 757），风险仍存
⚠️ VariableList 直接修改 prop — 未修复，onSearch 和 toggleGroup 仍直接修改 prop 对象的 isCollapse
⚠️ forEach(async ...) — 未修复，filterHistoryData (line 767) 和 loadBreadCrumbData (line 1524) 中仍存在
✨ TemplateData 未使用 — 未修复，仍在 import 和注册
✨ document.querySelector('.rf-select-list') — 未修复，formMixins.js line 367 仍使用全局选择器
✨ loop_times: 3 魔法数字 — 未修复
✨ NodeConfig.vue 缩进问题 — 未修复

新发现问题

🚨 filterHistoryData 中 activitiesArray.find(...) 未做空值保护（line 757），直接 .id 可能 NPE
⚠️ filterHistoryData 中 taskInfo = outputs.find(...) || {} 因 || {} 始终为 truthy，if (taskInfo) 永远为 true，else 分支成为死代码（line 738）
⚠️ selectBreadcrumExecuteCount 中 prevItem 在 targetIndex <= 0 时为 null，直接访问 .allExecutedInfo 会抛 NPE（line 816）

github-actions · 2026-04-27T03:46:59Z

+              }
+            } else {
+              const { template_node_id: templateNodeId } = this.subCanvsActivityCollection[this.nodeDetailConfig.node_id];
+              curNewNodeId = activitiesArray.find(item => item.template_node_id === templateNodeId).id;


⚠️ activitiesArray.find(item => item.template_node_id === templateNodeId) 可能返回 undefined，直接访问 .id 会抛异常。建议使用 optional chaining：.find(...)?.id。

github-actions · 2026-04-27T03:46:59Z

+          if (outputs && outputs.task_id) {
+            taskId = outputs.task_id;
+          } else if (Array.isArray(outputs)) {
+            const taskInfo = outputs.find(item => item.key === 'task_id') || {};


⚠️ outputs.find(...) || {} 结果始终为 truthy（空对象），if (taskInfo) 永远为 true，后续 else 分支成为死代码。应去掉 || {}，改为 const taskInfo = outputs.find(item => item.key === 'task_id') 后再判断。

github-actions · 2026-04-27T03:46:59Z

+              component_code: this.nodeDetailConfig.component_code,
+            };
+            const res = await this.getNodeActDetail(query);
+            this.breadcrumbData.forEach(async (item) => {


⚠️ breadcrumbData.forEach(async ...) 中的 async 回调不会被外层 await，导致后续 isBreadCrumbLoading = false 在异步操作完成前执行。建议改用 for...of + await 或 Promise.all。

# Reviewed, transaction id: 78412

# Reviewed, transaction id: 78415

# Reviewed, transaction id: 78783

# Reviewed, transaction id: 78864

# Reviewed, transaction id: 79016

# Reviewed, transaction id: 79018

# Reviewed, transaction id: 79087

# Reviewed, transaction id: 79276

github-actions

Code Review 总结（增量审查 - HTTP回调功能）

本次增量审查主要关注新增的 HTTP 回调（Webhook）功能相关提交，包括 HttpCallbackConfig.vue、WebhookCallback.vue、TabTemplateConfig.vue 改动，以及 TaskOperation.vue / index.vue 中的回调记录获取逻辑。整体功能完整，调试能力和表单校验做得较好。

上一轮问题状态

⚠️ activitiesArray.find(...).id NPE（line 757）— 未修复，仍存在
⚠️ VariableList prop 直接修改 — 未修复
⚠️ forEach(async ...) 不被 await — 未修复（line 767, 1524）
⚠️ outputs.find(...) || {} 死代码 — 未修复（line 738, 807）
✨ TemplateData 未使用 — 未修复
✨ 其余 Minor 项 — 未修复

新发现问题

详见行内评论（共 5 条）。

github-actions · 2026-04-27T06:57:47Z

+            // 请求获取回调记录
+            if (['FINISHED', 'FAILED'].includes(this.state)) {
+                const instanceData = await this.getTaskInstanceData(this.taskId);
+                this.webhookHistory = instanceData.webhook_delivery_history;


⚠️ instanceData.webhook_delivery_history 未做防御性处理，如果接口未返回该字段会导致 webhookHistory 为 undefined，进而传给 WebhookCallback 组件引发渲染异常。建议改为：

this.webhookHistory = instanceData.webhook_delivery_history || [];

github-actions · 2026-04-27T06:57:55Z

          this.triggerMethod = triggerMethod;
          this.parentTaskInfo = parentTaskInfo || {};
+          // 查询关联流程权限，用于判断是否展示查看流程按钮
+          const templateData = await this.loadTemplateData({ templateId, common: templateSource === 'common' });


⚠️ loadTemplateData 失败（如用户无模板查看权限）会导致整个 getTaskData 进入 catch，后续 setPipelineTree 不会执行，整个任务页面无法渲染。建议将这段逻辑移到 try/catch 外层或独立 try/catch 中，避免影响核心任务数据加载。

github-actions · 2026-04-27T06:58:06Z

+    import NoData from '@/components/common/base/NoData.vue';
+    import Vue from 'vue';
+    import { bkTooltips } from 'bk-magic-vue';
+    Vue.use(bkTooltips);


✨ Vue.use(bkTooltips) 放在模块顶层会在 import 时产生全局副作用。如果其他组件已经注册了该指令，这里的重复注册虽不会报错，但不符合单一职责原则。建议改为在组件内通过 directives: { bkTooltips } 局部注册。

github-actions · 2026-04-27T06:58:16Z

+                    return Promise.all(validations).then(results => results.every(valid => valid))
+.catch(() => false);
+                }
+                return true;


🔒 debugMock 方法在发送调试请求时，会将认证信息（token、username、password）直接发送到后端。请确认后端 verify_webhook_configuration 接口对这些敏感字段有妥善处理（不写入日志、不明文存储），否则存在凭据泄露风险。

github-actions · 2026-04-27T06:58:28Z

+                            trigger: 'blur',
+                        },
+                        {
+                            validator: val => val <= 10,


⚠️ timeout、interval、retry_times 的上限校验（val <= 10、val <= 600、val <= 5）使用的是字符串与数字的隐式比较。当用户输入 "2" 时因字符串比较会得到正确结果，但输入如 "1e2" 可能绕过 /^[0-9]+$/ 前置校验。建议校验前先 Number(val) 转为数字再比较，或在 bk-input 上添加 type="number" 约束。

Mianhuatang8 added 19 commits April 27, 2026 11:19

feat: 子流程支持循环执行 --story=130003551

180542d

feat: 子流程支持循环执行 --story=130003551

ed903a3

# Reviewed, transaction id: 74500

feat: 子流程支持循环执行 --story=130003551

02c7daa

feat: 子流程支持循环执行 --story=130003551

30ea1b0

# Reviewed, transaction id: 74762

feat: 子流程支持循环执行 --story=130003551

f8461c0

# Reviewed, transaction id: 74765

feat: 补充循环变量不能与输入参数相同的校验 --story=130003551 (TencentBlueKing#622)

ac4ee9d

fix: 空对象兼容性处理 --story=130003551

783cbe2

# Reviewed, transaction id: 75024

fix: 优化 --story=130003551

a07177a

# Reviewed, transaction id: 75036

fix: 用户体验优化 --story=130003551 (TencentBlueKing#638)

9f3c73a

# Reviewed, transaction id: 76097

fix: 面包屑样式优化以及重试按钮判断 --story=130003551 (TencentBlueKing#642)

9e4601f

* fix: 验收问题处理 --story=130003551 # Reviewed, transaction id: 76446 * fix: 将循环次数选择抽出为公共组件 --story=130003551 # Reviewed, transaction id: 76615

feat: 子流程节点增加循环输出参数以及内置参数 --story=130003551

8a69a5d

# Reviewed, transaction id: 76758

fix: 自测问题修复 --story=130003551

9689bbb

# Reviewed, transaction id: 75033

fix: 修改子流程节点的输出参数 --story=130003551 (TencentBlueKing#653)

686276a

# Reviewed, transaction id: 77424

fix: 处理eslint校验问题 --story=130003551

5017a92

fix: 单词拼写错误问题修复 --story=130003551

47cb3c3

# Reviewed, transaction id: 77438

fix: 清除computed副作用 --story=130003551

c331e96

# Reviewed, transaction id: 77443

fix: 保持风格一致性 --story=130003551

0f32241

# Reviewed, transaction id: 79251

github-actions Bot reviewed Apr 27, 2026

View reviewed changes

Mianhuatang8 added 5 commits April 27, 2026 11:36

fix: 修复因子流程循环配置导致流程保存后无法发布的问题 --story=130003551 --bug=156877113

e73cadd

# Reviewed, transaction id: 78435

fix: 子流程验收问题修复 --story=130003551

59bc102

fix: 子流程验收问题修复 --story=130003551

0722646

# Reviewed, transaction id: 78600

fix: 移除残留代码 --story=130003551

1a2bfae

# Reviewed, transaction id: 78614

fix: 子流程验收问题修复 --story=130003551

f2c8d72

# Reviewed, transaction id: 79261

github-actions Bot reviewed Apr 27, 2026

View reviewed changes

Mianhuatang8 added 3 commits April 27, 2026 14:43

feat: 支持HTTP回调 --story=132632590

111690f

fix: 处理cherry-pick导致的缩进问题 --story=132632590

3af7c92

fix: 调试按钮增加loading --story=132632590

5ba9e73

# Reviewed, transaction id: 78412

Mianhuatang8 added 10 commits April 27, 2026 14:44

fix: 清除多余空格 --story=132632590

7303d53

# Reviewed, transaction id: 78415

feat: 支持HTTP回调 --story=132632590

4359b47

fix: 处理eslint问题 --story=132632590

e2c25b6

# Reviewed, transaction id: 78783

fix: 回调记录查看权限修改以及删除循环变量与输入参数key的校验 --story=133375830

34a2ca9

feat: 配置快照添加循环控制信息 --story=132632590

e6e5083

# Reviewed, transaction id: 78864

feat: 循环变量数据来源支持变量联想 --story=130003551

09e979c

# Reviewed, transaction id: 79016

feat: 循环变量数据来源支持变量联想 --story=130003551

976e055

# Reviewed, transaction id: 79018

fix: 限制循环变量数据来源输入形式 --story=130003551

0269d19

feat: 修改子流程节点循环控制协议 --story=130003551

e9d7307

# Reviewed, transaction id: 79087

feat: 修改子流程节点循环控制协议 --story=130003551

ca266d1

# Reviewed, transaction id: 79276

github-actions Bot reviewed Apr 27, 2026

View reviewed changes

Conversation

Mianhuatang8 commented Apr 27, 2026

Uh oh!

codecov-commenter commented Apr 27, 2026

Codecov Report

Uh oh!

github-actions Bot left a comment

Choose a reason for hiding this comment

Code Review 总结

⚠️ 逻辑问题

⚡ 性能建议

✨ 代码整洁

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot left a comment

Choose a reason for hiding this comment

Code Review 总结（增量审查）

上一轮问题状态

新发现问题

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot left a comment

Choose a reason for hiding this comment

Code Review 总结（增量审查 - HTTP回调功能）

上一轮问题状态

新发现问题

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!