lianfang_workflow
v0.1.4
Published
联方流程设计器(Vue Flow,前缀 LfWf)
Readme
lianfang_workflow
联方 流程设计器(Vue Flow)。与 lianfang_admin_ui 平级;不含 HTTP / Orval / 菜单。
安装
{
"dependencies": {
"lianfang_workflow": "^0.1.0",
"lianfang_admin_ui": "^0.4.7",
"@vue-flow/core": "^1.48.2",
"@vue-flow/background": "^1.3.2",
"@vue-flow/controls": "^1.1.3",
"@vue-flow/minimap": "^1.5.4"
}
}import { LfWfGraphEditor, validateGraph, toApiGraph } from 'lianfang_workflow'
import 'lianfang_workflow/style.css'组件
| 导出 | 说明 |
|------|------|
| LfWfGraphEditor | 上工具条 + 画布 + 右属性栏;v-model 为 WfGraph |
| LfWfGraphModal | 全屏 workspace 弹窗(提示条 + 编辑器 + 保存/发布底栏) |
| validateGraph | 发布前连通性 + formSchema 引用校验 |
| toApiGraph / normalizeGraph / toFlowElements / fromFlowElements | 编解码(含 formSchema) |
| templateManagerOnly 等 | 内置模板(带默认 formSchema) |
| schemaGeneric / schemaLeaveSample | 表单字段种子 |
| BIZ_TYPE_OPTIONS 等 | 下拉选项常量 |
graph.formSchema.fields 是字段契约:设计器声明 → XOR/FORM_USER 只能引用这些 key → 业务 startInstance({ form }) 按版本校验。
<LfWfGraphModal
v-model="open"
v-model:graph="draft"
:name="meta.name"
:code="meta.code"
:tip="tip"
tip-type="warn"
:loading="saving"
@save="onSave"
@publish="onPublish"
/>@save / @publish 只抛出当前 WfGraph(发布前默认 validateGraph + 确认框);HTTP 仍由业务页处理。
常与 LfModal layout="workspace" 同用(LfWfGraphModal 已内置)。
