ingenious-flow-designer/packages/flow-designer/src/nodes/Start.ts

[演示地址](http://antd-vben5-pro.madong.tech/)

// Start.ts
import { ColorEnum, NodeStateEnum } from "../types/enums";
import { CircleNode, CircleNodeModel, ConnectRule } from "@logicflow/core";
class StartModel extends CircleNodeModel {
  setAttributes(): void {
    this.r = 20;
    if((this.text && this.text.value == "") || !this.text) {
      this.text.value = "开始";
    }
    this.text.draggable = false;
    this.text.editable = false;
  }
  getConnectedTargetRules(): ConnectRule[] {
    const rules = super.getConnectedTargetRules();
    rules.push({
      message: "开始节点不能是边的目标节点",
      validate: () => false
    });
    return rules;
  }
  getNodeStyle() {
    const theme = this.graphModel.props.theme;
    const style = super.getNodeStyle();
    if(this.properties.state == NodeStateEnum.history) {
      style.stroke = theme.historyColor || ColorEnum.historyColor;
    } else if(this.properties.state == NodeStateEnum.active) {
      style.stroke = theme.activeColor || ColorEnum.activeColor;
    } else {
      style.stroke = theme.primaryColor || ColorEnum.primaryColor;
    }
    // style.strokeDasharray = "3 3";
    return style;
  }
}

class StartView extends CircleNode {
 
}

export default {
  type: "start",
  view: StartView,
  model: StartModel,
};