参考钉钉的交互模式,开发的审批流设计器,支持自定义扩展
- 支持 发起,审批,抄送,条件分支 节点类型
- 支持自定义节点类型
- 支持扩展节点属性
- 安装
pnpm add @trionesdev/approval-process-designer-react
- 页面使用
GlobalStore.registerIcons(Icons);
return (
<div>
<Watermark style={{height: '100%'}} content={['书阙', '北斗开源']}>
<ApprovalProcessDesigner value={data} onChange={handleOnChange}>
<StudioPanel>
<ProcessWidget activities={{
StartActivity,
ApprovalActivity,
RouteActivity,
ConditionActivity,
CcActivity
}}/>
</StudioPanel>
</ApprovalProcessDesigner>
</Watermark>
</div>
);