snakerflow-designer-vue-enhance/packages/SnakerFlowDesigner/src/snakerflow/transition/index.js

首先感谢snakerflow-designer-vue的原作者，提供了一个如此好用的工具。本人在此基础上，添加了额外的高亮颜色。

import { PolylineEdge, PolylineEdgeModel } from '@logicflow/core'

class TransitionModel extends PolylineEdgeModel {
  static extendKey = 'TransitionModel';
  getEdgeStyle () {
    const style = super.getEdgeStyle()
    if (this.properties.state === 'active') {
      style.stroke = '#28a745'
    } else if (this.properties.state === 'history') {
      style.stroke = '#f5424d'
    } else if (this.properties.state === 'warning') {
      style.stroke = '#ffc107'
    }
    return style
  }
}

class TransitionView extends PolylineEdge {
  static extendKey = 'TransitionEdge';
}

const Transition = {
  type: 'snaker:transition',
  view: TransitionView,
  model: TransitionModel
}

export { TransitionView, TransitionModel }
export default Transition