流程自定义,此处可以自定义节点并设置节点相关信息,配置完成后可以使用于页面中,此处仅做流程设计部分演示。节点间的关系包含串联和并联,支持跨层级和同层级插入节点,计算后进行自适应排列。一级节点并联于向下排布,二级或以上节点并联节点边为左边,串联中中间连线
其中排版的要点是:
- 每个节点会定义横轴值(层级值)、纵轴值(列值)和当前下标值(当前层级的下标值);例如,第二列的第一个一级节点,对应的值为1、2、0。
- 查找纵向重叠节点,先获取画布已有节点,根据上述参数值,在已有节点中循环遍历是否有重叠,如重叠则重排。
- 查找横向重叠节点,根据生成节点的定位为起点,通过getNodesInArea方法,查找范围内的重叠节点,进行重排。