Class MaterialDragSystem

Constructors

constructor

new MaterialDragSystem(handler, maxFPS?): MaterialDragSystem
Parameters
- handler: ((e, event, extra?) => void)
  - - (e, event, extra?): void
    - Parameters
      e: InteractiveEvent
      event: PointerEvent | WheelEvent | PointerEvent<Element> | Touch
      Optional extra: GesturesExtra | Extra
      Returns void
- maxFPS: number = 60
Returns MaterialDragSystem
- Defined in packages/design-engine/src/material-drag-system/index.ts:62

Properties

args

args: any[]

入参

`Private` canvas

canvas: HTMLCanvasElement

渲染器的 canvas 元素

`Private` `Optional` coordinateType

coordinateType?: string

坐标轴类型

`Private` `Optional` dragStatus

dragStatus?: DragStatus

当前的拖拽状态

`Private` eventCache

eventCache: PointerEvent[] = []

缓存事件池，用于多点触控

handler

handler: ((e, event, extra?) => void)

Type declaration

- (e, event, extra?): void
- 事件回调处理
  Parameters
  - e: InteractiveEvent
  - event: PointerEvent | WheelEvent | PointerEvent<Element> | Touch
  - Optional extra: GesturesExtra | Extra
  Returns void

`Private` isMouseDown

isMouseDown: boolean = false

当前鼠标是否处于按下状态

maxFPS

maxFPS: number = 60

`Private` `Optional` mouseDealType

mouseDealType?: MouseDealType

当次鼠标事件处理类型

`Private` `Optional` mouseDownInfo

mouseDownInfo?: Vec2

`Private` pressTimer

pressTimer: number

`Private` prevDiff

prevDiff: Vector2 = ...

双指间距

`Private` prevVector

prevVector: Vector2 = ...

双指方向

`Private` startDiff

startDiff: Vector2 = ...

初始的间距

`Private` startVector

startVector: Vector2 = ...

初始的方向

`Private` `Optional` useX

useX?: boolean

使用 x 还是 y 轴间距作为缩放系数计算因子

`Static` touchableDevice

touchableDevice: boolean = ...

Methods

`Private` addEventCache

addEventCache(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:107

dispose

dispose(): void
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:77

`Private` downHandler

downHandler<E>(eventList): void
Type Parameters
- E extends PointerEvent | Touch
Parameters
- eventList: E[]
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:129

`Private` isMouseMoved

isMouseMoved(mouseDownInfo, moveEvent, tolerance): boolean
Parameters
- mouseDownInfo: Vec2
- moveEvent: PointerEvent | Touch
- tolerance: number
Returns boolean
- Defined in packages/design-engine/src/material-drag-system/index.ts:71

`Private` moveHandler

moveHandler<E>(event, eventList): void
Type Parameters
- E extends PointerEvent | Touch
Parameters
- event: E
- eventList: E[]
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:168

onMouseDown

onMouseDown(...args): ((event) => void)
Parameters
- Rest ...args: any[]
Returns ((event) => void)
- - (event): void
  - Parameters
    - event: PointerEvent
    Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:154

`Private` onMouseMove

onMouseMove(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:227

`Private` onMouseUp

onMouseUp(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:297

onTouchDown

onTouchDown(...args): ((event) => void)
Parameters
- Rest ...args: any[]
Returns ((event) => void)
- - (event): void
  - Parameters
    - event: TouchEvent
    Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:161

`Private` onTouchMove

onTouchMove(event): void
Parameters
- event: TouchEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:240

`Private` onTouchUp

onTouchUp(event): void
Parameters
- event: TouchEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:303

registerListener

registerListener(): void
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:90

`Private` removeEventCache

removeEventCache(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:111

`Private` triggerEvent

triggerEvent(e, event, extra?): void
Parameters
- e: InteractiveEvent
- event: PointerEvent | WheelEvent | Touch
- Optional extra: GesturesExtra | Extra
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:103

`Private` upHandler

upHandler<E>(event, eventList): void
Type Parameters
- E extends PointerEvent | Touch
Parameters
- event: E
- eventList: E[]
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:254

`Private` updateEventCache

updateEventCache(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/design-engine/src/material-drag-system/index.ts:120

Class MaterialDragSystem

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

handler: ((e, event, extra?) => void)

Parameters

e: InteractiveEvent

event: PointerEvent | WheelEvent | PointerEvent<Element> | Touch

Optional extra: GesturesExtra | Extra

Returns void

maxFPS: number = 60

Returns MaterialDragSystem

Properties

args

Private canvas

Private Optional coordinateType

Private Optional dragStatus

Private eventCache

handler

Type declaration

Parameters

e: InteractiveEvent

event: PointerEvent | WheelEvent | PointerEvent<Element> | Touch

Optional extra: GesturesExtra | Extra

Returns void

Private isMouseDown

maxFPS

Private Optional mouseDealType

Private Optional mouseDownInfo

Private pressTimer

Private prevDiff

Private prevVector

Private startDiff

Private startVector

Private Optional useX

Static touchableDevice

Methods

Private addEventCache

Parameters

event: PointerEvent

Returns void

dispose

Returns void

Private downHandler

Type Parameters

E extends PointerEvent | Touch

Parameters

eventList: E[]

Returns void

Private isMouseMoved

Parameters

mouseDownInfo: Vec2

moveEvent: PointerEvent | Touch

tolerance: number

Returns boolean

Private moveHandler

Type Parameters

E extends PointerEvent | Touch

Parameters

event: E

eventList: E[]

Returns void

onMouseDown

Parameters

Rest ...args: any[]

Returns ((event) => void)

Parameters

event: PointerEvent

Returns void

Private onMouseMove

Parameters

event: PointerEvent

Returns void

Private onMouseUp

Parameters

event: PointerEvent

`Optional` extra: GesturesExtra | Extra

`Private` canvas

`Private` `Optional` coordinateType

`Private` `Optional` dragStatus

`Private` eventCache

`Optional` extra: GesturesExtra | Extra

`Private` isMouseDown

`Private` `Optional` mouseDealType

`Private` `Optional` mouseDownInfo

`Private` pressTimer

`Private` prevDiff

`Private` prevVector

`Private` startDiff

`Private` startVector

`Private` `Optional` useX

`Static` touchableDevice

`Private` addEventCache

`Private` downHandler

`Private` isMouseMoved

`Private` moveHandler

`Rest` ...args: any[]

`Private` onMouseMove

`Private` onMouseUp

`Rest` ...args: any[]

`Private` onTouchMove

`Private` onTouchUp

`Private` removeEventCache

`Private` triggerEvent

`Optional` extra: GesturesExtra | Extra

`Private` upHandler

`Private` updateEventCache