Events

All event callbacks share the same signature: (pos: PosData, event: MouseEvent) => void.

Prop	Trigger
onActivated	The element is activated
onDragStart / onDragging / onDragStop	Drag start / move / stop
onResizeStart / onResizing / onResizeStop	Resize start / move / stop
onRotateStart / onRotating / onRotateStop	Rotate start / move / stop
onFliped	A resize handle crosses the opposite edge and flips the rectangle

interface PosData {
  uuid: string | number
  x: number
  y: number
  w: number
  h: number
  r: number
  z: number | string
  stick: '' | 'tl' | 'tm' | 'tr' | 'mr' | 'br' | 'bm' | 'bl' | 'ml' | 'angle'
  lock: boolean
  active: boolean
  flipSign: '' | '+' | '-'
}