gg-editor/src/shape/nodes/bizFlowNode.ts

A visual graph editor based on G6 and React

import G6 from '@antv/g6';
import { CustomNode, Item } from '@/common/interfaces';
import { setAnchorPointsState } from '../common/anchor';

const bizFlowNode: CustomNode = {
  afterSetState(name: string, value: string | boolean, item: Item) {
    setAnchorPointsState.call(this, name, value, item);
  },

  getAnchorPoints() {
    return [
      [0.5, 0],
      [0.5, 1],
      [0, 0.5],
      [1, 0.5],
    ];
  },
};

G6.registerNode('bizFlowNode', bizFlowNode, 'bizNode');