@blueking/bkflow-canvas-editor 0.0.35-beta.19 → 0.0.35-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +65 -130
- package/dist/index.cjs.js +2 -2
- package/dist/index.esm.js +6 -25
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# bkflow-canvas-editor
|
|
2
2
|
|
|
3
|
-
bkflow
|
|
3
|
+
bkflow流程编辑组件，支持流程的编辑、查看以及创建并执行任务。
|
|
4
4
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
@@ -64,20 +64,19 @@ npm install @blueking/bkflow-canvas-editor
|
|
|
64
64
|
|
|
65
65
|
#### Props
|
|
66
66
|
|
|
67
|
-
| 参数 | 类型
|
|
68
|
-
| ------------------- |
|
|
69
|
-
| `flowId` | `string`
|
|
70
|
-
| `apiConfig` | `FlowApiConfig`
|
|
71
|
-
| `permissions` | `{ canEdit?: boolean }`
|
|
72
|
-
| `thumbnail` | `boolean`
|
|
73
|
-
| `enableVersion` | `boolean`
|
|
74
|
-
| `flowVersion` | `string`
|
|
75
|
-
| `showHeaderActions` | `boolean`
|
|
76
|
-
| `defaultZoom` | `number`
|
|
77
|
-
| `bkflowSaasUrl` | `string`
|
|
78
|
-
| `onEdit` | `() => void`
|
|
79
|
-
| `onBack` | `() => void`
|
|
80
|
-
| `onExecuteSuccess` | `(taskId: number, templateId: number) => void` | - | 执行成功回调（可选） |
|
|
67
|
+
| 参数 | 类型 | 默认值 | 说明 |
|
|
68
|
+
| ------------------- | ------------------------------------------ | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
|
|
69
|
+
| `flowId` | `string` | - | **必需**，流程 ID |
|
|
70
|
+
| `apiConfig` | `FlowApiConfig` | - | **必需**，API 配置对象，详见 [API 配置](#api-配置) |
|
|
71
|
+
| `permissions` | `{ canEdit?: boolean, canSave?: boolean }` | `{ canEdit: true, canSave: true }` | 权限配置对象，`canEdit`用来控制流程查看态时头部编辑按钮是否使用禁用样式，`canSave`用来控制流程编辑态时头部保存按钮是否可点击 |
|
|
72
|
+
| `thumbnail` | `boolean` | `false` | 缩略图模式，启用后只显示画布内容，不显示顶部 header 和操作按钮，禁用节点点击事件 |
|
|
73
|
+
| `enableVersion` | `boolean` | `false` | 是否开启流程版本功能，开启后会根据 `flowVersion` 的值获取对应版本的流程数据 |
|
|
74
|
+
| `flowVersion` | `string` | - | 流程版本号，仅在 `enableVersion` 为 `true` 时生效。为空时表示草稿版本，不为空时表示指定版本 |
|
|
75
|
+
| `showHeaderActions` | `boolean` | `true` | 是否显示头部操作按钮（编辑、执行流程、调试），仅在非缩略图模式下生效 |
|
|
76
|
+
| `defaultZoom` | `number` | `1` | x6 画布的默认缩放比例，用于控制画布的初始显示效果。取值范围建议在 0.25 到 1.5 之间 |
|
|
77
|
+
| `bkflowSaasUrl` | `string` | - | bkflow-saas-url，用于设置 `$.context.site_url` 的值，供插件内部使用 |
|
|
78
|
+
| `onEdit` | `() => void` | - | 编辑按钮点击回调（可选，也可以通过 `@edit` 事件监听） |
|
|
79
|
+
| `onBack` | `() => void` | - | 返回按钮点击回调（可选，也可以通过 `@back` 事件监听） |
|
|
81
80
|
|
|
82
81
|
#### Slots
|
|
83
82
|
|
|
@@ -112,24 +111,24 @@ npm install @blueking/bkflow-canvas-editor
|
|
|
112
111
|
|
|
113
112
|
#### Props
|
|
114
113
|
|
|
115
|
-
| 参数
|
|
116
|
-
|
|
|
117
|
-
| `flowId`
|
|
118
|
-
| `apiConfig`
|
|
119
|
-
| `permissions`
|
|
120
|
-
| `enableDebug`
|
|
121
|
-
| `enableVersion`
|
|
122
|
-
| `flowVersion`
|
|
123
|
-
| `onDebugConfirm`
|
|
124
|
-
| `useCustomDebugConfirm`
|
|
125
|
-
| `
|
|
126
|
-
| `onSave`
|
|
127
|
-
| `onSaveSuccess`
|
|
128
|
-
| `onBack`
|
|
129
|
-
| `onBeforeLeave`
|
|
130
|
-
| `defaultZoom`
|
|
131
|
-
| `bkflowSaasUrl`
|
|
132
|
-
| `enableThirdPlugin`
|
|
114
|
+
| 参数 | 类型 | 默认值 | 说明 |
|
|
115
|
+
| ------------------------ | -------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------------------------- |
|
|
116
|
+
| `flowId` | `string` | - | **必需**，流程 ID |
|
|
117
|
+
| `apiConfig` | `FlowApiConfig` | - | **必需**，API 配置对象，详见 [API 配置](#api-配置) |
|
|
118
|
+
| `permissions` | `{ canEdit?: boolean }` | `{}` | 权限配置对象 |
|
|
119
|
+
| `enableDebug` | `boolean` | `false` | 是否启用调试功能，启用后显示可点击的调试按钮 |
|
|
120
|
+
| `enableVersion` | `boolean` | `false` | 是否开启流程版本功能，开启后会根据 `flowVersion` 的值获取对应版本的流程数据 |
|
|
121
|
+
| `flowVersion` | `string` | - | 流程版本号，仅在 `enableVersion` 为 `true` 时生效。为空时表示草稿版本，不为空时表示指定版本 |
|
|
122
|
+
| `onDebugConfirm` | `(formData: { name: string, variablesValue: Record<string, any> }) => Promise<void> \| void` | - | 调试面板确定按钮回调（可选） |
|
|
123
|
+
| `useCustomDebugConfirm` | `boolean` | `false` | 是否使用自定义回调替代调试面板原有逻辑。为 `true` 时只执行 `onDebugConfirm`，为 `false` 时在原有逻辑后执行 `onDebugConfirm` |
|
|
124
|
+
| `agentSelectPanelConfig` | `AgentSelectPanelConfig` | - | 智能体选择面板配置（可选），详见 [AgentSelectPanelConfig](#agentselectpanelconfig) |
|
|
125
|
+
| `onSave` | `(flowData: FlowTemplate) => void` | - | 保存回调（可选，也可以通过 `@save` 事件监听） |
|
|
126
|
+
| `onSaveSuccess` | `() => void` | - | 保存成功回调（可选，也可以通过 `@saveSuccess` 事件监听） |
|
|
127
|
+
| `onBack` | `() => void` | - | 返回按钮点击回调（可选，也可以通过 `@back` 事件监听） |
|
|
128
|
+
| `onBeforeLeave` | `(isEdited: boolean) => Promise<boolean>` | - | 离开前回调，返回 `false` 可阻止离开 |
|
|
129
|
+
| `defaultZoom` | `number` | `1` | x6 画布的默认缩放比例，用于控制画布的初始显示效果。取值范围建议在 0.25 到 1.5 之间 |
|
|
130
|
+
| `bkflowSaasUrl` | `string` | - | bkflow-saas-url，用于设置 `$.context.site_url` 的值，供插件内部使用 |
|
|
131
|
+
| `enableThirdPlugin` | `boolean` | `true` | 是否启用第三方插件。设置为 `false` 时，将不加载第三方插件列表和详情，只显示内置插件 |
|
|
133
132
|
|
|
134
133
|
#### Slots
|
|
135
134
|
|
|
@@ -160,12 +159,11 @@ npm install @blueking/bkflow-canvas-editor
|
|
|
160
159
|
|
|
161
160
|
#### Events
|
|
162
161
|
|
|
163
|
-
| 事件名
|
|
164
|
-
|
|
|
165
|
-
| `save`
|
|
166
|
-
| `saveSuccess`
|
|
167
|
-
| `back`
|
|
168
|
-
| `debugBeforeClose` | - | 调试面板关闭前触发，用于清理数据 |
|
|
162
|
+
| 事件名 | 参数 | 说明 |
|
|
163
|
+
| ------------- | ------------------------ | -------------------------- |
|
|
164
|
+
| `save` | `flowData: FlowTemplate` | 保存时触发，参数为流程数据 |
|
|
165
|
+
| `saveSuccess` | - | 保存成功时触发 |
|
|
166
|
+
| `back` | - | 点击返回按钮时触发 |
|
|
169
167
|
|
|
170
168
|
#### 暴露的方法
|
|
171
169
|
|
|
@@ -178,18 +176,17 @@ npm install @blueking/bkflow-canvas-editor
|
|
|
178
176
|
|
|
179
177
|
---
|
|
180
178
|
|
|
181
|
-
###
|
|
179
|
+
### AgentSelectPanelConfig 类型
|
|
182
180
|
|
|
183
|
-
|
|
181
|
+
智能体选择面板配置类型，用于配置智能体选择面板中的按钮跳转链接和文本。
|
|
184
182
|
|
|
185
183
|
#### 类型定义
|
|
186
184
|
|
|
187
185
|
```typescript
|
|
188
|
-
interface
|
|
189
|
-
agentApplyUrl?: string; //
|
|
186
|
+
interface AgentSelectPanelConfig {
|
|
187
|
+
agentApplyUrl?: string; // "点击申请" 按钮跳转链接（可选）
|
|
190
188
|
agentResourceUrl?: string; // "智能体" 按钮跳转链接（可选）
|
|
191
189
|
agentButtonText?: string; // "智能体" 按钮文本（可选，默认为 "智能体"）
|
|
192
|
-
knowledgebaseResourceUrl?: string; // 知识库插件分组，"知识库" 按钮跳转链接（可选）
|
|
193
190
|
}
|
|
194
191
|
```
|
|
195
192
|
|
|
@@ -204,16 +201,15 @@ interface SelectPanelConfig {
|
|
|
204
201
|
agentApplyUrl: 'https://example.com/apply',
|
|
205
202
|
agentResourceUrl: 'https://example.com/agent',
|
|
206
203
|
agentButtonText: '创建智能体',
|
|
207
|
-
knowledgebaseResourceUrl: 'https://example.com/knowledgebase',
|
|
208
204
|
}" />
|
|
209
205
|
</template>
|
|
210
206
|
```
|
|
211
207
|
|
|
212
208
|
#### 说明
|
|
213
209
|
|
|
214
|
-
- 如果 `
|
|
210
|
+
- 如果 `agentSelectPanelConfig` 未提供或某个字段未提供，组件将使用默认的路由跳转行为
|
|
215
211
|
- `agentButtonText` 默认值为 "智能体"
|
|
216
|
-
- 配置通过 Vue 的 provide/inject 机制全局提供，子组件可以直接通过 `
|
|
212
|
+
- 配置通过 Vue 的 provide/inject 机制全局提供，子组件可以直接通过 `useAgentSelectPanelConfig()` 获取
|
|
217
213
|
|
|
218
214
|
---
|
|
219
215
|
|
|
@@ -231,23 +227,21 @@ interface SelectPanelConfig {
|
|
|
231
227
|
| `editable` | `boolean` | `true` | 是否可编辑 |
|
|
232
228
|
| `showFlowEntry` | `boolean` | `false` | 是否显示流程入口 |
|
|
233
229
|
| `bkflowSaasUrl` | `string` | - | bkflow-saas-url，用于设置 `$.context.site_url` 的值，供插件内部使用 |
|
|
234
|
-
| `onExecuteSuccess` | `(taskId:
|
|
230
|
+
| `onExecuteSuccess` | `(taskId: string, templateId: string) => void` | - | 执行成功回调 |
|
|
235
231
|
|
|
236
232
|
#### Events
|
|
237
233
|
|
|
238
|
-
| 事件名
|
|
239
|
-
|
|
|
240
|
-
| `confirm`
|
|
241
|
-
| `close`
|
|
242
|
-
| `update:show`
|
|
243
|
-
| `before-close` | - | 面板关闭前触发 |
|
|
244
|
-
| `view-flow` | - | 点击查看排障流程按钮触发 |
|
|
234
|
+
| 事件名 | 参数 | 说明 |
|
|
235
|
+
| ------------- | ------------------------------------ | ------------------ |
|
|
236
|
+
| `confirm` | `taskId: string, templateId: string` | 执行确认时触发 |
|
|
237
|
+
| `close` | - | 关闭面板时触发 |
|
|
238
|
+
| `update:show` | `show: boolean` | 显示状态更新时触发 |
|
|
245
239
|
|
|
246
240
|
---
|
|
247
241
|
|
|
248
242
|
### FlowDebug 组件
|
|
249
243
|
|
|
250
|
-
流程调试组件，用于调试流程任务。基于 `FlowExecute`
|
|
244
|
+
流程调试组件，用于调试流程任务。基于 `FlowExecute` 组件实现，但增加了自定义表单插槽和自定义确定按钮回调支持。
|
|
251
245
|
|
|
252
246
|
#### Props
|
|
253
247
|
|
|
@@ -261,9 +255,7 @@ interface SelectPanelConfig {
|
|
|
261
255
|
| `bkflowSaasUrl` | `string` | - | bkflow-saas-url，用于设置 `$.context.site_url` 的值，供插件内部使用 |
|
|
262
256
|
| `onConfirm` | `(formData: { name: string, variablesValue: Record<string, any> }) => Promise<void> \| void` | - | 自定义确定按钮回调（可选） |
|
|
263
257
|
| `useCustomConfirm` | `boolean` | `false` | 是否使用自定义回调替代原有逻辑。为 `true` 时只执行 `onConfirm`，为 `false` 时在原有逻辑后执行 `onConfirm` |
|
|
264
|
-
| `onExecuteSuccess` | `(taskId:
|
|
265
|
-
| `enableVersion` | `boolean` | `false` | 是否开启流程版本功能，开启后会根据 `flowVersion` 的值获取对应版本的流程数据 |
|
|
266
|
-
| `flowVersion` | `string` | - | 流程版本号，仅在 `enableVersion` 为 `true` 时生效。为空时表示草稿版本，不为空时表示指定版本 |
|
|
258
|
+
| `onExecuteSuccess` | `(taskId: string, templateId: string) => void` | - | 执行成功回调（可选，仅在 `useCustomConfirm` 为 `false` 时生效） |
|
|
267
259
|
|
|
268
260
|
#### Slots
|
|
269
261
|
|
|
@@ -273,12 +265,11 @@ interface SelectPanelConfig {
|
|
|
273
265
|
|
|
274
266
|
#### Events
|
|
275
267
|
|
|
276
|
-
| 事件名
|
|
277
|
-
|
|
|
278
|
-
| `confirm`
|
|
279
|
-
| `close`
|
|
280
|
-
| `update:show`
|
|
281
|
-
| `before-close` | - | 面板关闭前触发，用于清理数据 |
|
|
268
|
+
| 事件名 | 参数 | 说明 |
|
|
269
|
+
| ------------- | ------------------------------------ | ------------------------------------------------------- |
|
|
270
|
+
| `confirm` | `taskId: string, templateId: string` | 执行确认时触发（仅在 `useCustomConfirm` 为 `false` 时） |
|
|
271
|
+
| `close` | - | 关闭面板时触发 |
|
|
272
|
+
| `update:show` | `show: boolean` | 显示状态更新时触发 |
|
|
282
273
|
|
|
283
274
|
#### 使用说明
|
|
284
275
|
|
|
@@ -287,7 +278,6 @@ interface SelectPanelConfig {
|
|
|
287
278
|
- 当 `useCustomConfirm` 为 `false`（默认）时，`onConfirm` 会在原有的执行逻辑（创建任务并执行）完成后调用
|
|
288
279
|
- 当 `useCustomConfirm` 为 `true` 时，点击确定按钮只会执行 `onConfirm` 回调，不会执行原有的创建和执行任务逻辑
|
|
289
280
|
- **表单验证**：无论使用哪种模式，都会先进行表单验证，验证通过后才会执行相应逻辑
|
|
290
|
-
- **版本控制**：当 `enableVersion` 为 `true` 时，会使用与 FlowView/FlowEdit 相同的版本数据获取逻辑，确保调试时使用正确版本的流程数据
|
|
291
281
|
|
|
292
282
|
---
|
|
293
283
|
|
|
@@ -300,7 +290,7 @@ interface SelectPanelConfig {
|
|
|
300
290
|
<FlowEdit
|
|
301
291
|
:flow-id="flowId"
|
|
302
292
|
:api-config="apiConfig"
|
|
303
|
-
:permissions="{
|
|
293
|
+
:permissions="{ canEdit: true }"
|
|
304
294
|
@save="handleSave"
|
|
305
295
|
@save-success="handleSaveSuccess"
|
|
306
296
|
@back="handleBack" />
|
|
@@ -342,7 +332,7 @@ interface SelectPanelConfig {
|
|
|
342
332
|
ref="flowEditRef"
|
|
343
333
|
:flow-id="flowId"
|
|
344
334
|
:api-config="apiConfig"
|
|
345
|
-
:permissions="{
|
|
335
|
+
:permissions="{ canEdit: true }"
|
|
346
336
|
@save="handleSave">
|
|
347
337
|
<!-- 自定义输入参数组件 -->
|
|
348
338
|
<template
|
|
@@ -479,7 +469,7 @@ interface SelectPanelConfig {
|
|
|
479
469
|
|
|
480
470
|
### 使用流程版本功能
|
|
481
471
|
|
|
482
|
-
|
|
472
|
+
当需要查看或编辑特定版本的流程时，可以使用版本功能：
|
|
483
473
|
|
|
484
474
|
```vue
|
|
485
475
|
<template>
|
|
@@ -491,25 +481,12 @@ interface SelectPanelConfig {
|
|
|
491
481
|
|
|
492
482
|
<!-- 编辑指定版本的流程 -->
|
|
493
483
|
<FlowEdit :flow-id="flowId" :api-config="apiConfig" :enable-version="true" :flow-version="'v1.0.0'" />
|
|
494
|
-
|
|
495
|
-
<!-- 调试草稿版本的流程 -->
|
|
496
|
-
<FlowDebug :flow-id="flowId" :show="isDebugShow" :api-config="apiConfig" :enable-version="true" />
|
|
497
|
-
|
|
498
|
-
<!-- 调试指定版本的流程 -->
|
|
499
|
-
<FlowDebug
|
|
500
|
-
:flow-id="flowId"
|
|
501
|
-
:show="isDebugShow"
|
|
502
|
-
:api-config="apiConfig"
|
|
503
|
-
:enable-version="true"
|
|
504
|
-
:flow-version="'v1.0.0'" />
|
|
505
484
|
</template>
|
|
506
485
|
|
|
507
486
|
<script setup>
|
|
508
|
-
import {
|
|
509
|
-
import { FlowView, FlowEdit, FlowDebug } from 'bkflow-canvas-editor';
|
|
487
|
+
import { FlowView, FlowEdit } from 'bkflow-canvas-editor';
|
|
510
488
|
|
|
511
489
|
const flowId = '123';
|
|
512
|
-
const isDebugShow = ref(false);
|
|
513
490
|
const apiConfig = {
|
|
514
491
|
scopeData: {
|
|
515
492
|
scope_type: 'space',
|
|
@@ -594,7 +571,6 @@ interface SelectPanelConfig {
|
|
|
594
571
|
</template>
|
|
595
572
|
|
|
596
573
|
<script setup>
|
|
597
|
-
import { ref } from 'vue';
|
|
598
574
|
import { FlowView, FlowEdit, FlowExecute, FlowDebug } from 'bkflow-canvas-editor';
|
|
599
575
|
|
|
600
576
|
const flowId = '123';
|
|
@@ -617,7 +593,7 @@ interface SelectPanelConfig {
|
|
|
617
593
|
|
|
618
594
|
```vue
|
|
619
595
|
<template>
|
|
620
|
-
<FlowEdit :flow-id="flowId" :api-config="apiConfig" :
|
|
596
|
+
<FlowEdit :flow-id="flowId" :api-config="apiConfig" :is-third-plugin-enabled="false" />
|
|
621
597
|
</template>
|
|
622
598
|
|
|
623
599
|
<script setup>
|
|
@@ -883,43 +859,6 @@ interface SelectPanelConfig {
|
|
|
883
859
|
</script>
|
|
884
860
|
```
|
|
885
861
|
|
|
886
|
-
#### 使用版本控制的调试
|
|
887
|
-
|
|
888
|
-
```vue
|
|
889
|
-
<template>
|
|
890
|
-
<!-- 调试草稿版本的流程 -->
|
|
891
|
-
<FlowDebug
|
|
892
|
-
:flow-id="flowId"
|
|
893
|
-
:show="isDebugShow"
|
|
894
|
-
:api-config="apiConfig"
|
|
895
|
-
:enable-version="true"
|
|
896
|
-
@close="isDebugShow = false" />
|
|
897
|
-
|
|
898
|
-
<!-- 调试指定版本的流程 -->
|
|
899
|
-
<FlowDebug
|
|
900
|
-
:flow-id="flowId"
|
|
901
|
-
:show="isDebugShow"
|
|
902
|
-
:api-config="apiConfig"
|
|
903
|
-
:enable-version="true"
|
|
904
|
-
:flow-version="'v1.0.0'"
|
|
905
|
-
@close="isDebugShow = false" />
|
|
906
|
-
</template>
|
|
907
|
-
|
|
908
|
-
<script setup>
|
|
909
|
-
import { ref } from 'vue';
|
|
910
|
-
import { FlowDebug } from 'bkflow-canvas-editor';
|
|
911
|
-
|
|
912
|
-
const flowId = '123';
|
|
913
|
-
const isDebugShow = ref(false);
|
|
914
|
-
const apiConfig = {
|
|
915
|
-
scopeData: {
|
|
916
|
-
scope_type: 'space',
|
|
917
|
-
scope_value: 123,
|
|
918
|
-
},
|
|
919
|
-
};
|
|
920
|
-
</script>
|
|
921
|
-
```
|
|
922
|
-
|
|
923
862
|
## API 配置
|
|
924
863
|
|
|
925
864
|
### FlowApiConfig
|
|
@@ -934,6 +873,8 @@ interface FlowApiConfig {
|
|
|
934
873
|
axiosInstance?: AxiosInstance;
|
|
935
874
|
/** axios 配置（可选，用于创建新的 axios 实例） */
|
|
936
875
|
axiosConfig?: AxiosRequestConfig;
|
|
876
|
+
/** CSRF cookie 名称（可选，用于创建新的 axios 实例时设置 xsrfCookieName） */
|
|
877
|
+
xsrfCookieName?: string;
|
|
937
878
|
/** 作用域数据（必需，由外部传入） */
|
|
938
879
|
scopeData: {
|
|
939
880
|
scope_type: string;
|
|
@@ -968,7 +909,7 @@ interface FlowApiConfig {
|
|
|
968
909
|
|
|
969
910
|
### 流程版本功能说明
|
|
970
911
|
|
|
971
|
-
当 `enableVersion` 为 `true`
|
|
912
|
+
当 `enableVersion` 为 `true` 时，组件会使用版本相关的 API 来获取流程数据：
|
|
972
913
|
|
|
973
914
|
1. **总是先调用 `fetchFlowDetail`**：获取基础流程详情数据
|
|
974
915
|
2. **根据 `flowVersion` 的值决定是否调用版本接口**：
|
|
@@ -977,8 +918,6 @@ interface FlowApiConfig {
|
|
|
977
918
|
|
|
978
919
|
这种设计确保了即使在使用版本功能时，也能获取到完整的流程基础信息，同时用版本特定的数据覆盖相应字段。
|
|
979
920
|
|
|
980
|
-
> **注意**：FlowEdit 组件会将 `enableVersion` 和 `flowVersion` 自动透传给内嵌的 FlowDebug 组件，因此在 FlowEdit 中启用版本功能后，调试面板也会自动使用对应版本的流程数据。
|
|
981
|
-
|
|
982
921
|
## 类型定义
|
|
983
922
|
|
|
984
923
|
所有类型定义都可以从包中导入：
|
|
@@ -997,7 +936,7 @@ import type {
|
|
|
997
936
|
PluginInputDataItem,
|
|
998
937
|
UniformApiPluginInputsItem,
|
|
999
938
|
PluginDetailCommon,
|
|
1000
|
-
|
|
939
|
+
AgentSelectPanelConfig,
|
|
1001
940
|
// ... 更多类型
|
|
1002
941
|
} from 'bkflow-canvas-editor';
|
|
1003
942
|
```
|
|
@@ -1047,10 +986,6 @@ resolve: {
|
|
|
1047
986
|
- `FlowEdit` 组件的 `enableDebug` props 默认为 `false`，设置为 `true` 后才会显示可点击的调试按钮
|
|
1048
987
|
- 点击调试按钮会打开 `FlowDebug` 组件，该组件提供了与 `FlowExecute` 相同的交互，但支持自定义表单插槽和自定义确定按钮回调
|
|
1049
988
|
- `FlowDebug` 组件的 `useCustomConfirm` 为 `false` 时，会先执行原有的创建和执行任务逻辑，然后执行 `onConfirm` 回调；为 `true` 时，只执行 `onConfirm` 回调
|
|
1050
|
-
11. **版本控制**：
|
|
1051
|
-
- FlowView、FlowEdit、FlowDebug 三个组件均支持 `enableVersion` 和 `flowVersion` props
|
|
1052
|
-
- FlowEdit 会自动将版本相关 props 透传给内嵌的 FlowDebug 组件
|
|
1053
|
-
- 版本功能依赖 `fetchFlowDraftDetail` 和 `fetchFlowDetailByVersion` 两个 API 方法
|
|
1054
989
|
|
|
1055
990
|
## License
|
|
1056
991
|
|