js关系图库：aworkflow

用于快速构建各种关系图的库，比如流程图，可视化执行流等

github地址：https://github.com/auto-workflow/AWorkflow

快速开始

npm install aworkflow

或者引用dist文件夹下的产出文件

访问demo

npm install

npm run dev

默认模版：:9999/

动画：:9999/demo/animate

自动排列：:9999/demo/autosort

自定义模版：:9999/demo/custom

也可以访问在线demo:

默认模版：

动画：

自动排列：

自定义模版：

技术文档 快速开始 1，定义node:

let node1 = { // 唯一标识，必须 id: '123', // 自定义数据，用于填充模版，nodeName为组件文案 defineData: { nodeName: '数据拆分' }, // 画布中位置 position: [100, 100], // 输入圈，对象数组，每个对象表示一个输入，以下标区分 input: [ { } ], // 输出圈，对象数组，每个对象表示一个输出，allInputs：能链接到所有node的输入，enbaleInputs：对象数组，每个对象定义可以输入的圈信息（id对应节点，inputIndex对应输入点下标） output: [ { allInputs: true, enbaleInputs: [{ id: '124', inputIndex: 0 }] } ] }; let node2 = { // 使用的模版，默认使用defaultTemplate templateName: 'iconTemplate', id: '124', defineData: { nodeName: '随机采样', imgSrc: 'base64...' }, // 画布中位置 position: [300, 100], // 输入 input: [ { } ], // 输出 output: [ ] };