@leadal/flowstream-ui-plus 0.0.5 → 0.0.7
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 +9 -3
- package/dist/flowstream-ui-plus.js +4414 -4371
- package/dist/flowstream-ui-plus.umd.cjs +11 -11
- package/dist/index.d.ts +73 -1
- package/dist/style.css +1 -1
- package/docs//346/216/245/345/205/245/346/226/207/346/241/243.md +10 -3
- package/package.json +1 -1
|
@@ -171,7 +171,7 @@ const diagramRef = ref<InstanceType<typeof FlowDiagram>>()
|
|
|
171
171
|
|
|
172
172
|
## 8. ui-flow-buttons 与 ui-flow-button
|
|
173
173
|
|
|
174
|
-
`FlowButtons` 根据当前工作项请求可用操作。可直接传 `workId`；如果业务详情只有流程实例，则传 `processInstanceId + dealUserId`，组件会自行查询该用户在该实例中的待办。发送和跳转默认在组件内部打开完整弹窗；保存、启动等业务表单相关动作通过 `execute-action` 交给宿主处理。任务拾取在传入 `dealUserId` 后由组件完成；前/后加签内置机构人员单选弹窗，`taskId`
|
|
174
|
+
`FlowButtons` 根据当前工作项请求可用操作。可直接传 `workId`；如果业务详情只有流程实例，则传 `processInstanceId + dealUserId`，组件会自行查询该用户在该实例中的待办。发送和跳转默认在组件内部打开完整弹窗；保存、启动等业务表单相关动作通过 `execute-action` 交给宿主处理。任务拾取在传入 `dealUserId` 后由组件完成；前/后加签内置机构人员单选弹窗，`taskId` 可显式传入或由待办自动解析。自定义操作优先显示接口返回的 `label`，并兼容流程定义绑定数据中的 `operateLabel`；两者均为空时使用操作标识作为按钮文字。
|
|
175
175
|
|
|
176
176
|
```vue
|
|
177
177
|
<ui-flow-buttons
|
|
@@ -189,9 +189,16 @@ const diagramRef = ref<InstanceType<typeof FlowDiagram>>()
|
|
|
189
189
|
@after-action="handleAfterAction"
|
|
190
190
|
@execute-action="handleAction"
|
|
191
191
|
@error="handleError"
|
|
192
|
-
|
|
192
|
+
>
|
|
193
|
+
<template #append>
|
|
194
|
+
<el-button link type="primary" @click="handlePrint">打印</el-button>
|
|
195
|
+
<el-button link type="primary" @click="handleExport">导出</el-button>
|
|
196
|
+
</template>
|
|
197
|
+
</ui-flow-buttons>
|
|
193
198
|
```
|
|
194
199
|
|
|
200
|
+
`append` 插槽位于整个流程按钮列表之后，只渲染一次，适合追加打印、导出等业务按钮。插槽参数包含当前流程操作 `actions` 和加载状态 `loading`。
|
|
201
|
+
|
|
195
202
|
流程操作成功后会触发 `after-action(action, result, context)`；也兼容 `afterAction` 函数型 prop。`context` 包含当前待办字段，发送和跳转完成后还包含实际请求数据 `requestData`，宿主可据此同步业务状态并刷新列表。加签人员树只允许选择 `ntype=user` 的机构人员，部门节点仅用于展开。
|
|
196
203
|
|
|
197
204
|
单按钮子组件可按需使用：
|
|
@@ -347,7 +354,7 @@ async function submit() {
|
|
|
347
354
|
- `onBeforeSend(context)` 在实例创建成功后、审批人选择弹窗打开前执行，也支持 Promise；返回 `false` 时保留流程实例和当前会话，但不打开弹窗。
|
|
348
355
|
- 条件稍后满足时调用 `await flowstream.getRuntimeService().open()`，组件会重新执行 `onBeforeSend`；决定放弃时调用 `close()` 撤销实例并释放会话。
|
|
349
356
|
- 调用成功后直接打开选择弹窗，业务模板不需要挂载隐藏组件。
|
|
350
|
-
-
|
|
357
|
+
- 办理方式优先采用下一节点接口返回的 `dealType/dealTypeLabel`；只有 `dealType=signle` 的节点限制选择一人。需要无视节点配置、全局强制单选时，可显式传入 `singleAssignee: true`。
|
|
351
358
|
- 自定义业务路由参数通过 `assignmentQueryParams` 传入，并作为候选办理人查询请求的 `extendParams` 字段发送。
|
|
352
359
|
- 用户确认后由内部发送组件调用 `sendTask()`；`onAfterSend` 参数中的 `sendData.flowNodeAssignees` 是实际发送的下一节点和办理人。
|
|
353
360
|
- 用户未发送就关闭弹窗时会撤销刚创建的流程实例并释放会话；只有 `onBeforeSend` 返回 `false`、弹窗尚未打开时，才能调用 `open()` 在条件满足后继续。
|