@tntd/mm-flow

    0.1.7 • Public • Published

    基于mm-flow的封装的工作流,暴露组件如下

    组件 作用
    ItemPanel 左侧栏目
    Item 左侧栏目子项
    ToolBar 头部bar
    Command 头部操作项,撤销、回退、放大、缩小等
    Flow 中间面板

    Command参数

    参数 作用
    redo 重做
    undo 撤销
    zoom-in 放大
    zoom-out 缩小
    fullscreen 适应画布
    fullscreen-exit 实际尺寸
    自定义 {type:"",click:void 0} 其他按钮需要定义,注意type为antd中的Icon type
    <Command 
        types={
            [
                "redo","undo","zoom-in","zoom-out","fullscreen","fullscreen-exit",
                {
                    type:"eye",
                    click:this.preview
                }
            ]
        }
    />

    Item参数

    参数 参考值 作用
    type flow-start 节点类型
    name 开始 节点名称
    size [50, 50] 大小
    component audit 节点详情加载的组件, 在Flow组件中传入具体的Component后续在Flow中会提及
    isRoot true 是否为跟节点
    nodeType start 节点类型,例如排他的场景type一样,所以需要通过nodeType区分排他开始、排他结束
    config {} 节点相关的属性,即节点详情中右侧的表单内容相关的值

    Flow参数

    参数 参考值 作用
    checkNewLine void 0 判断节点之间是否可以链接,例如开始节点只能有输出节点
    data {} 面板中节点线条的初始化数据
    init void 0 初始化flow的函数
    lineNeedConfig ({line, fromNode})=>{} 判断线条是否需要展示配置面板
    lineRed ({line, fromNode})=>{} 线条是否需要飘红
    onNodeClick ({ node, fromNodes})=>{} 节点点击事件
    onLineClick ({line,fromNode,rightbarLine})=>{} 线条点击事件
    onLineAdd ({line})=>{} 连接线条之间的回调
    click void 0 点击面板空白事件
    changeNode ({node})=>{console.log(node)} 监听节点详情中变化事件
    changeLine ({line, fromNode}) => {} 监听线条详情中变化事件
    nodeComponents { "audit": Audit,"base": Base} 将节点详情的表单组件传入,与Item中component对应
    lineComponents {"line": Line} 将线条详情的表单组件传入,与Item中component对应
    auditedNodes {...node,"status":2} 一般用于审批流查看模式。节点信息基础上加上节点状态是审核中,已成功,异常
    animate void 0 自定义动画

    Keywords

    none

    Install

    npm i @tntd/mm-flow

    DownloadsWeekly Downloads

    1

    Version

    0.1.7

    License

    ISC

    Unpacked Size

    201 kB

    Total Files

    55

    Last publish

    Collaborators

    • ezios
    • td-tnt
    • bruceliu68
    • bernardzhang
    • mizy
    • zhouzefei
    • leocmial
    • xiaofei.wang
    • anthonyli
    • xiaocuicui
    • popoqaq