@antv/x6/src/graph/events.ts

JavaScript diagramming library that uses SVG and HTML for rendering

import type { Dom } from '../common'
import type { ModelEventArgs } from '../model'
import type { SchedulerEventArgs } from '../renderer/scheduler'
import type { CellViewEventArgs } from '../view/cell/type'

interface CommonEventArgs<E> {
  e: E
}

interface PositionEventArgs<E> extends CommonEventArgs<E> {
  x: number
  y: number
}

export interface EventArgs
  extends Omit<ModelEventArgs, 'sorted' | 'updated' | 'reseted'>,
    CellViewEventArgs,
    SchedulerEventArgs {
  'model:sorted'?: ModelEventArgs['sorted']
  'model:updated': ModelEventArgs['updated']
  'model:reseted': ModelEventArgs['reseted']

  'blank:click': PositionEventArgs<Dom.ClickEvent>
  'blank:dblclick': PositionEventArgs<Dom.DoubleClickEvent>
  'blank:contextmenu': PositionEventArgs<Dom.ContextMenuEvent>
  'blank:mousedown': PositionEventArgs<Dom.MouseDownEvent>
  'blank:mousemove': PositionEventArgs<Dom.MouseMoveEvent>
  'blank:mouseup': PositionEventArgs<Dom.MouseUpEvent>
  'blank:mouseout': CommonEventArgs<Dom.MouseOutEvent>
  'blank:mouseover': CommonEventArgs<Dom.MouseOverEvent>
  'graph:mouseenter': CommonEventArgs<Dom.MouseEnterEvent>
  'graph:mouseleave': CommonEventArgs<Dom.MouseLeaveEvent>
  'blank:mousewheel': PositionEventArgs<Dom.EventObject> & {
    delta: number
  }

  scale: { sx: number; sy: number; ox: number; oy: number }
  resize: { width: number; height: number }
  translate: { tx: number; ty: number }
}