Class: InteractionBase

Hierarchy

• InteractionBase

  ↳ Interaction

Implements

• IInteraction

Table of contents

Constructors

• constructor

Properties

• target
• canvas
• selector
• running
• config
• cursor
• bottomList
• shrinkCanvasBounds
• downData
• hoverData
• focusData
• downTime
• overPath
• enterPath
• waitMenuTap
• waitRightTap
• waitTap
• longPressTimer
• longPressed
• tapCount
• tapTimer
• dragger
• transformer
• __eventIds
• defaultPath
• downKeyMap

Accessors

• dragging
• transforming
• moveMode
• canHover
• isDragEmpty
• isMobileDragEmpty
• isHoldMiddleKey
• isHoldRightKey
• isHoldSpaceKey
• m
• p
• hitRadius

Methods

• start
• stop
• receive
• pointerDown
• pointerMove
• pointerMoveReal
• pointerUp
• pointerCancel
• menu
• menuTap
• createTransformer
• move
• zoom
• rotate
• transformEnd
• wheel
• multiTouch
• keyDown
• keyUp
• pointerHover
• pointerOverOrOut
• pointerEnterOrLeave
• touchLeave
• tap
• findPath
• isRootPath
• isTreePath
• checkPath
• canMove
• isDrag
• isPress
• isHover
• isFocus
• cancelHover
• stopDragAnimate
• replaceDownTarget
• updateDownData
• updateHoverData
• updateCursor
• setCursor
• getLocal
• emitTap
• emitDoubleTap
• pointerWaitCancel
• tapWait
• tapWaitCancel
• longPressWait
• longTap
• longPressWaitCancel
• __onResize
• __listenEvents
• __removeListenEvents
• emit
• destroy

Constructors

constructor

• new InteractionBase(target, canvas, selector, userConfig?): InteractionBase

Parameters

Name	Type
target	ILeaf
canvas	IInteractionCanvas
selector	ISelector
userConfig?	IInteractionConfig

Returns

InteractionBase

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:70

Properties

target

• target: ILeaf

Implementation of

IInteraction.target

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:16

---

canvas

• canvas: IInteractionCanvas

Implementation of

IInteraction.canvas

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:17

---

selector

• selector: ISelector

Implementation of

IInteraction.selector

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:18

---

running

• running: boolean

Implementation of

IInteraction.running

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:20

---

config

• config: IInteractionConfig

Implementation of

IInteraction.config

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:34

---

cursor

• cursor: ICursorType | ICursorType[]

Implementation of

IInteraction.cursor

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:38

---

bottomList

• Optional bottomList: IPickBottom[]

Implementation of

IInteraction.bottomList

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:41

---

shrinkCanvasBounds

• shrinkCanvasBounds: IBounds

Implementation of

IInteraction.shrinkCanvasBounds

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:43

---

downData

• downData: IPointerEvent

Implementation of

IInteraction.downData

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:45

---

hoverData

• hoverData: IPointerEvent

Implementation of

IInteraction.hoverData

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:46

---

focusData

• focusData: ILeaf

Implementation of

IInteraction.focusData

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:47

---

downTime

• downTime: number

Implementation of

IInteraction.downTime

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:49

---

overPath

• Protected overPath: LeafList

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:51

---

enterPath

• Protected enterPath: LeafList

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:52

---

waitMenuTap

• Protected waitMenuTap: boolean

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:54

---

waitRightTap

• Protected waitRightTap: boolean

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:55

---

waitTap

• Protected waitTap: boolean

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:56

---

longPressTimer

• Protected longPressTimer: any

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:57

---

longPressed

• Protected longPressed: boolean

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:58

---

tapCount

• Protected tapCount: number = 0

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:59

---

tapTimer

• Protected tapTimer: any

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:60

---

dragger

• dragger: Dragger

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:62

---

transformer

• transformer: ITransformer

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:63

---

__eventIds

• Protected __eventIds: IEventListenerId[]

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:65

---

defaultPath

• Protected defaultPath: ILeafList

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:66

---

downKeyMap

• Protected downKeyMap: IBooleanMap = {}

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:68

Accessors

dragging

• get dragging(): boolean

Returns

boolean

Implementation of

IInteraction.dragging

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:22

---

transforming

• get transforming(): boolean

Returns

boolean

Implementation of

IInteraction.transforming

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:23

---

moveMode

• get moveMode(): boolean

Returns

boolean

Implementation of

IInteraction.moveMode

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:25

---

canHover

• get canHover(): boolean

Returns

boolean

Implementation of

IInteraction.canHover

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:26

---

isDragEmpty

• get isDragEmpty(): boolean

Returns

boolean

Implementation of

IInteraction.isDragEmpty

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:28

---

isMobileDragEmpty

• get isMobileDragEmpty(): boolean

Returns

boolean

Implementation of

IInteraction.isMobileDragEmpty

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:29

---

isHoldMiddleKey

• get isHoldMiddleKey(): boolean

Returns

boolean

Implementation of

IInteraction.isHoldMiddleKey

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:30

---

isHoldRightKey

• get isHoldRightKey(): boolean

Returns

boolean

Implementation of

IInteraction.isHoldRightKey

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:31

---

isHoldSpaceKey

• get isHoldSpaceKey(): boolean

Returns

boolean

Implementation of

IInteraction.isHoldSpaceKey

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:32

---

m

• get m(): IMoveConfig

Returns

IMoveConfig

Implementation of

IInteraction.m

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:35

---

p

• get p(): IPointerConfig

Returns

IPointerConfig

Implementation of

IInteraction.p

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:36

---

hitRadius

• get hitRadius(): number

Returns

number

Implementation of

IInteraction.hitRadius

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:39

Methods

start

▸ start(): void

Returns

void

Implementation of

IInteraction.start

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:84

---

stop

▸ stop(): void

Returns

void

Implementation of

IInteraction.stop

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:88

---

receive

▸ receive(_event): void

Parameters

Name	Type
_event	any

Returns

void

Implementation of

IInteraction.receive

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:93

---

pointerDown

▸ pointerDown(data?, useDefaultPath?): void

Parameters

Name	Type
data?	IPointerEvent
useDefaultPath?	boolean

Returns

void

Implementation of

IInteraction.pointerDown

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:96

---

pointerMove

▸ pointerMove(data?): void

Parameters

Name	Type
data?	IPointerEvent

Returns

void

Implementation of

IInteraction.pointerMove

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:123

---

pointerMoveReal

▸ pointerMoveReal(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Implementation of

IInteraction.pointerMoveReal

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:137

---

pointerUp

▸ pointerUp(data?): void

Parameters

Name	Type
data?	IPointerEvent

Returns

void

Implementation of

IInteraction.pointerUp

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:167

---

pointerCancel

▸ pointerCancel(): void

Returns

void

Implementation of

IInteraction.pointerCancel

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:198

---

menu

▸ menu(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Implementation of

IInteraction.menu

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:206

---

menuTap

▸ menuTap(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Implementation of

IInteraction.menuTap

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:213

---

createTransformer

▸ createTransformer(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:222

---

move

▸ move(_data): void

Parameters

Name	Type
_data	IMoveEvent

Returns

void

Implementation of

IInteraction.move

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:224

---

zoom

▸ zoom(_data): void

Parameters

Name	Type
_data	IZoomEvent

Returns

void

Implementation of

IInteraction.zoom

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:226

---

rotate

▸ rotate(_data): void

Parameters

Name	Type
_data	IRotateEvent

Returns

void

Implementation of

IInteraction.rotate

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:228

---

transformEnd

▸ transformEnd(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:230

---

wheel

▸ wheel(_data): void

Parameters

Name	Type
_data	IWheelEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:232

---

multiTouch

▸ multiTouch(_data, _list): void

Parameters

Name	Type
_data	IUIEvent
_list	IKeepTouchData[]

Returns

void

Implementation of

IInteraction.multiTouch

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:234

---

keyDown

▸ keyDown(data): void

Parameters

Name	Type
data	IKeyEvent

Returns

void

Implementation of

IInteraction.keyDown

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:240

---

keyUp

▸ keyUp(data): void

Parameters

Name	Type
data	IKeyEvent

Returns

void

Implementation of

IInteraction.keyUp

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:259

---

pointerHover

▸ pointerHover(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:274

---

pointerOverOrOut

▸ pointerOverOrOut(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:282

---

pointerEnterOrLeave

▸ pointerEnterOrLeave(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:297

---

touchLeave

▸ touchLeave(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:312

---

tap

▸ tap(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:321

---

findPath

▸ findPath(data, options?): ILeafList

Parameters

Name	Type
data	IPointerEvent
options?	IPickOptions

Returns

ILeafList

Implementation of

IInteraction.findPath

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:361

---

isRootPath

▸ isRootPath(data): boolean

Parameters

Name	Type
data	IPointerEvent

Returns

boolean

Implementation of

IInteraction.isRootPath

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:371

---

isTreePath

▸ isTreePath(data): boolean

Parameters

Name	Type
data	IPointerEvent

Returns

boolean

Implementation of

IInteraction.isTreePath

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:375

---

checkPath

▸ checkPath(data, useDefaultPath?): void

Parameters

Name	Type
data	IPointerEvent
useDefaultPath?	boolean

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:381

---

canMove

▸ canMove(data): boolean

Parameters

Name	Type
data	IPointerEvent

Returns

boolean

Implementation of

IInteraction.canMove

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:385

---

isDrag

▸ isDrag(leaf): boolean

Parameters

Name	Type
leaf	ILeaf

Returns

boolean

Implementation of

IInteraction.isDrag

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:390

---

isPress

▸ isPress(leaf): boolean

Parameters

Name	Type
leaf	ILeaf

Returns

boolean

Implementation of

IInteraction.isPress

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:394

---

isHover

▸ isHover(leaf): boolean

Parameters

Name	Type
leaf	ILeaf

Returns

boolean

Implementation of

IInteraction.isHover

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:398

---

isFocus

▸ isFocus(leaf): boolean

Parameters

Name	Type
leaf	ILeaf

Returns

boolean

Implementation of

IInteraction.isFocus

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:402

---

cancelHover

▸ cancelHover(): void

Returns

void

Implementation of

IInteraction.cancelHover

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:407

---

stopDragAnimate

▸ stopDragAnimate(): void

Returns

void

Implementation of

IInteraction.stopDragAnimate

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:415

---

replaceDownTarget

▸ replaceDownTarget(target): void

Parameters

Name	Type
target	ILeaf

Returns

void

Implementation of

IInteraction.replaceDownTarget

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:420

---

updateDownData

▸ updateDownData(data?, options?, merge?): void

Parameters

Name	Type
data?	IPointerEvent
options?	IPickOptions
merge?	boolean

Returns

void

Implementation of

IInteraction.updateDownData

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:429

---

updateHoverData

▸ updateHoverData(data?): void

Parameters

Name	Type
data?	IPointerEvent

Returns

void

Implementation of

IInteraction.updateHoverData

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:438

---

updateCursor

▸ updateCursor(data?): void

Parameters

Name	Type
data?	IPointerEvent

Returns

void

Implementation of

IInteraction.updateCursor

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:445

---

setCursor

▸ setCursor(cursor): void

Parameters

Name	Type
cursor	ICursorType | ICursorType[]

Returns

void

Implementation of

IInteraction.setCursor

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:471

---

getLocal

▸ getLocal(clientPoint, updateClient?): IPointData

Parameters

Name	Type
clientPoint	IClientPointData
updateClient?	boolean

Returns

IPointData

Implementation of

IInteraction.getLocal

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:475

---

emitTap

▸ emitTap(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:489

---

emitDoubleTap

▸ emitDoubleTap(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:494

---

pointerWaitCancel

▸ pointerWaitCancel(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:499

---

tapWait

▸ tapWait(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:504

---

tapWaitCancel

▸ tapWaitCancel(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:509

---

longPressWait

▸ longPressWait(data): void

Parameters

Name	Type
data	IPointerEvent

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:517

---

longTap

▸ longTap(data): boolean

Parameters

Name	Type
data	IPointerEvent

Returns

boolean

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:525

---

longPressWaitCancel

▸ longPressWaitCancel(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:535

---

__onResize

▸ __onResize(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:542

---

__listenEvents

▸ __listenEvents(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:548

---

__removeListenEvents

▸ __removeListenEvents(): void

Returns

void

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:554

---

emit

▸ emit(type, data, path?, excludePath?): void

Parameters

Name	Type
type	string
data	IUIEvent
path?	ILeafList
excludePath?	ILeafList

Returns

void

Implementation of

IInteraction.emit

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:560

---

destroy

▸ destroy(): void

Returns

void

Implementation of

IInteraction.destroy

Defined in

src/ui/packages/interaction/interaction/src/Interaction.ts:565