svg-flow-ts

{
    focusPBkg: '#990000   聚焦点底色'
}        

{
    P1: {x, y},             // 起点
    P2: {x, y},             // 终点
    r: number,
}

{
    P1: {x, y},             // 起点
    P2: {x, y},             // 终点
    MPs: {x, y}[]           // 中间对列表
    r: number,
}    

    new workerflow(config)
    config = {
        dom: ''
        w: ''
        h: ''
        // 工具栏相关配置
        toolBar: {
            title: 'string  默认: 工具栏',

            hasIcon: 'default=false bool 默认为空；设置值键启用默认值'
            aUpSrc: '箭头向下图片地址：默认 arrow_up.png',
            aDownSrc: '箭头向上图片地址：默认 arrow_down.png',
            
            lnSeledBkg: ' 选择颜色码'
            lnDefBkg: ' 默认颜色码',
            // 菜单
            menu: [
                // 默认
                [key]: {text: '名称'},
                [value]: string
            ]
        },
        noToolBar: 'bool 关闭工具栏'
        data: 'obejct'  // 保存的历史数据
        rCodes: 'string|string[]'   // 运行过的节点代码， 字符串 'A1, A2, A*' => ['A1', 'A2', 'A*']
        bkg: {  // 背景色
            urunNd: '#CDC5BF'  // 未运行节点
            urunTxt: '#000000' // 未运行文本
            runningNd: '#0000FF' // 正在运行节点
            runningTxt: '#FFFFFF' // 正在运行标签
            ranNd: '#32CD32' // 运行过的节点(仅仅用于显示，不可拖动)，已经运行
            ranTxt: '#FFFFFF'  // 已经运行的文本
            lnHover: '#FF0000'         // 连续聚焦颜色
        }
        disEpDragble: '端点禁止拖动大小'
        disDragble: '禁止拖动，包括：连线，节点等'
        disConnNode: '禁止节点连线'
        disSR: 'default=false 禁止状态渲染'
        bindOEvts: 'bool-绑定操作事件'
        onKeydown: (code) => {} //  bindOEvts 绑定事件以后
        // 图标， 设置 icon 时，设置空值时会自动默认
        icon: {
            state: {    // 状态
                ran : 'state_ran.png | img-src'     // 已经运行节点
                runing: 'state_running.png | img-src'   // 正在运行
            }
        }
        closeSize: 'default=false bool 关闭自动撑高'
        closeToolTip: 'default=false 关闭选题提示'
        readonly: 'true'        // 只读
    }

// config.data 格式
{
    step: []    // 步骤信息
    _srroo: {
        line: {}    // 连接线
    }
}

{
    "step": [],
    "_srroo": {
        "node": {},
        "line": {},
        "text": {}
    }
}