@antv/g2plot/src/plots/sankey/interactions/node-draggable.ts

An interactive and responsive charting library

import { registerInteraction, registerAction } from '@antv/g2';
import { SankeyNodeDragAction } from './actions/node-drag';

registerAction('sankey-node-drag', SankeyNodeDragAction);

registerInteraction('sankey-node-draggable', {
  showEnable: [
    { trigger: 'polygon:mouseenter', action: 'cursor:pointer' },
    { trigger: 'polygon:mouseleave', action: 'cursor:default' },
  ],
  start: [{ trigger: 'polygon:mousedown', action: 'sankey-node-drag:start' }],
  processing: [
    { trigger: 'plot:mousemove', action: 'sankey-node-drag:translate' },
    { isEnable: (context) => context.isDragging, trigger: 'plot:mousemove', action: 'cursor:move' },
  ],
  end: [{ trigger: 'plot:mouseup', action: 'sankey-node-drag:end' }],
});