Skip to content

trionesdev/triones-approval-process-designer

Repository files navigation

审批流设计器

参考钉钉的交互模式,开发的审批流设计器,支持自定义扩展

img.png

功能

  • 支持 发起,审批,抄送,条件分支 节点类型
  • 支持自定义节点类型
  • 支持扩展节点属性

使用

  1. 安装
    pnpm add @trionesdev/approval-process-designer-react
  1. 页面使用
    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>
    );

参考范例:examples/approval-process-designer-react

互相吹捧,共同进步