Event Listening(eventBus) ​

import Editor from "@hufe921/canvas-editor"

const instance = new Editor(container, <IElement[]>data, options)

// register
instance.eventBus.on<K keyof EventMap>(
  eventName: K,
  callback: EventMap[K]
)

// remove
instance.eventBus.off<K keyof EventMap>(
  eventName: K,
  callback: EventMap[K]
)

instance.eventBus.on('rangeStyleChange', (payload: IRangeStyle) => void)

instance.eventBus.on('visiblePageNoListChange', (payload: number[]) => void)

instance.eventBus.on('intersectionPageNoChange', (payload: number) => void)

instance.eventBus.on('pageSizeChange', (payload: number) => void)

instance.eventBus.on('pageScaleChange', (payload: number) => void)

instance.eventBus.on('contentChange', () => void)

instance.eventBus.on('controlChange', (payload: IControlChangeResult) => void)

instance.eventBus.on('controlContentChange', (payload: IControlContentChangeResult) => void)

instance.eventBus.on('pageModeChange', (payload: PageMode) => void)

instance.eventBus.on('saved', (payload: IEditorResult) => void)

instance.eventBus.on('zoneChange', (payload: EditorZone) => void)

instance.eventBus.on('mousemove', (evt: MouseEvent) => void)

instance.eventBus.on('mouseenter', (evt: MouseEvent) => void)

instance.eventBus.on('mouseleave', (evt: MouseEvent) => void)

instance.eventBus.on('mousedown', (evt: MouseEvent) => void)

instance.eventBus.on('mouseup', (evt: MouseEvent) => void)

instance.eventBus.on('click', (evt: MouseEvent) => void)

instance.eventBus.on('input', (evt: Event) => void)

instance.eventBus.on('positionContextChange', (payload: IPositionContextChangePayload) => void)

instance.eventBus.on('imageSizeChange', (payload: { element: IElement }) => void)

instance.eventBus.on('imageMousedown', (payload: {
  evt: MouseEvent
  element: IElement
}) => void)

instance.eventBus.on('imageDblclick', (payload: {
  evt: MouseEvent
  element: IElement
}) => void)

instance.eventBus.on('labelMousedown', (payload: {
  evt: MouseEvent
  element: IElement
}) => void)