@leafer-ui/interaction 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/interaction",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "@leafer-ui/interaction",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,12 +22,12 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.1.0",
-    "@leafer-ui/draw": "1.1.0",
-    "@leafer-ui/event": "1.1.0"
+    "@leafer/core": "1.1.2",
+    "@leafer-ui/draw": "1.1.2",
+    "@leafer-ui/event": "1.1.2"
   },
   "devDependencies": {
-    "@leafer/interface": "1.1.0",
-    "@leafer-ui/interface": "1.1.0"
+    "@leafer/interface": "1.1.2",
+    "@leafer-ui/interface": "1.1.2"
   }
 }

package/src/Dragger.ts

@@ -1,5 +1,5 @@
 import { IPointerEvent, IDragEvent, ILeaf, ILeafList, ITimer, IFunction, IPointDataMap, IMoveEvent } from '@leafer/interface'
-import { BoundsHelper, PointHelper, LeafList } from '@leafer/core'
+import { PointHelper, LeafList } from '@leafer/core'
 
 import { MoveEvent, DragEvent, DropEvent, PointerButton } from '@leafer-ui/event'
 
@@ -12,25 +12,25 @@ const { getDragEventData, getDropEventData, getSwipeEventData } = InteractionHel
 
 export class Dragger {
 
-    protected interaction: InteractionBase
+    public interaction: InteractionBase
 
     public moving: boolean
     public dragging: boolean
 
     public dragData: IDragEvent
-    protected downData: IPointerEvent
+    public downData: IPointerEvent
 
     public draggableList: ILeafList
     public realDraggableList: ILeafList
     protected dragOverPath: ILeafList
     protected dragEnterPath: ILeafList
 
-    protected dragStartPoints: IPointDataMap
-    protected autoMoveTimer: ITimer
+    public dragStartPoints: IPointDataMap
+    public autoMoveTimer: ITimer
 
     public canAnimate: boolean
     public canDragOut: boolean
-    protected animateWait: IFunction
+    public animateWait: IFunction
 
     constructor(interaction: InteractionBase) {
         this.interaction = interaction
@@ -65,9 +65,7 @@ export class Dragger {
             }
         }
 
-        if (!this.moving) {
-            this.dragStart(data, canDrag)
-        }
+        if (!this.moving) this.dragStart(data, canDrag)
 
         this.drag(data)
     }
@@ -99,7 +97,7 @@ export class Dragger {
         }
     }
 
-    protected drag(data: IPointerEvent): void {
+    public drag(data: IPointerEvent): void {
         const { interaction, dragData, downData } = this
         const { path, throughPath } = downData
         this.dragData = getDragEventData(downData, dragData, data)
@@ -152,17 +150,8 @@ export class Dragger {
 
     public dragEnd(data: IPointerEvent, speed?: number): void {
         if (!this.dragging && !this.moving) return
-
-        const { moveX, moveY } = this.dragData
-        if (this.interaction.config.move.dragAnimate && this.canAnimate && this.moving && (Math.abs(moveX) > 1 || Math.abs(moveY) > 1)) {
-            data = { ...data }
-            speed = (speed || (data.pointerType === 'touch' ? 2 : 1)) * 0.9
-            PointHelper.move(data, moveX * speed, moveY * speed)
-
-            this.drag(data)
-            this.animate(() => { this.dragEnd(data, 1) })
-
-        } else this.dragEndReal(data)
+        if (this.checkDragEndAnimate(data, speed)) return
+        this.dragEndReal(data)
     }
 
     protected dragEndReal(data?: IPointerEvent): void {
@@ -194,12 +183,6 @@ export class Dragger {
         this.animate(null, 'off')
     }
 
-    protected animate(func?: IFunction, off?: 'off'): void { // dragEnd animation
-        const animateWait = func || this.animateWait
-        if (animateWait) this.interaction.target.nextRender(animateWait, null, off)
-        this.animateWait = func
-    }
-
 
     protected swipe(data: IPointerEvent, downData: IPointerEvent, dragData: IDragEvent, endDragData: IDragEvent): void {
         const { interaction } = this
@@ -221,45 +204,19 @@ export class Dragger {
     }
 
 
-    public checkDragOut(data: IPointerEvent): void {
-        const { interaction } = this
-        this.autoMoveCancel()
-        if (this.dragging && !interaction.shrinkCanvasBounds.hitPoint(data)) this.autoMoveOnDragOut(data)
-    }
-
-
-    protected autoMoveOnDragOut(data: IPointerEvent): void {
-        const { interaction, downData, canDragOut } = this
-        const { autoDistance, dragOut } = interaction.config.move
-        if (!dragOut || !canDragOut || !autoDistance) return
+    // @leafer-in/viewport will rewrite
 
-        const bounds = interaction.shrinkCanvasBounds
-        const { x, y } = bounds
-        const right = BoundsHelper.maxX(bounds)
-        const bottom = BoundsHelper.maxY(bounds)
+    public checkDragEndAnimate(_data: IPointerEvent, _speed?: number): boolean { return false }
 
-        const moveX = data.x < x ? autoDistance : (right < data.x ? -autoDistance : 0)
-        const moveY = data.y < y ? autoDistance : (bottom < data.y ? -autoDistance : 0)
-        let totalX = 0, totalY = 0
+    public animate(_func?: IFunction, _off?: 'off'): void { }  // dragEnd animation
 
-        this.autoMoveTimer = setInterval(() => {
-            totalX += moveX
-            totalY += moveY
+    public checkDragOut(_data: IPointerEvent): void { }
 
-            PointHelper.move(downData, moveX, moveY)
-            PointHelper.move(this.dragData, moveX, moveY)
+    public autoMoveOnDragOut(_data: IPointerEvent): void { }
 
-            interaction.move({ ...data, moveX, moveY, totalX, totalY, moveType: 'drag' })
-            interaction.pointerMoveReal(data)
-        }, 10)
-    }
+    public autoMoveCancel(): void { }
 
-    protected autoMoveCancel(): void {
-        if (this.autoMoveTimer) {
-            clearInterval(this.autoMoveTimer)
-            this.autoMoveTimer = 0
-        }
-    }
+    // ---
 
     public destroy(): void {
         this.dragReset()

package/src/Interaction.ts

@@ -1,18 +1,16 @@
-import { IUIEvent, IPointerEvent, ILeaf, IInteraction, IInteractionConfig, ILeafList, IMoveEvent, IZoomEvent, IRotateEvent, ISelector, IBounds, IEventListenerId, IInteractionCanvas, ITimer, IKeepTouchData, IKeyEvent, IPickOptions, ICursorType, IBooleanMap, IPickBottom, IClientPointData, IPointData, ILeaferConfig, IMoveConfig, IPointerConfig } from '@leafer/interface'
+import { IUIEvent, IPointerEvent, ILeaf, IInteraction, IInteractionConfig, ITransformer, ILeafList, IMoveEvent, IZoomEvent, IRotateEvent, IWheelEvent, ISelector, IBounds, IEventListenerId, IInteractionCanvas, ITimer, IKeepTouchData, IKeyEvent, IPickOptions, ICursorType, IBooleanMap, IPickBottom, IClientPointData, IPointData, ILeaferConfig, IMoveConfig, IPointerConfig } from '@leafer/interface'
 import { LeaferEvent, ResizeEvent, LeafList, Bounds, PointHelper, DataHelper } from '@leafer/core'
 
 import { IApp } from '@leafer-ui/interface'
 import { PointerEvent, DropEvent, KeyEvent, PointerButton, Keyboard } from '@leafer-ui/event'
 
-import { Transformer } from './Transformer'
 import { Dragger } from './Dragger'
 import { emit } from './emit'
 import { InteractionHelper } from './InteractionHelper'
-import { MultiTouchHelper } from './MultiTouchHelper'
 import { config } from './config'
 
 
-const { pathHasEventType, getMoveEventData, getZoomEventData, getRotateEventData, pathCanDrag, pathHasOutside } = InteractionHelper
+const { pathHasEventType, pathCanDrag, pathHasOutside } = InteractionHelper
 export class InteractionBase implements IInteraction {
 
     public target: ILeaf
@@ -34,8 +32,8 @@ export class InteractionBase implements IInteraction {
     public get isHoldSpaceKey(): boolean { return this.m.holdSpaceKey && Keyboard.isHoldSpaceKey() }
 
     public config: IInteractionConfig = DataHelper.clone(config)
-    protected get m(): IMoveConfig { return this.config.move }
-    protected get p(): IPointerConfig { return this.config.pointer }
+    public get m(): IMoveConfig { return this.config.move }
+    public get p(): IPointerConfig { return this.config.pointer }
 
     public cursor: ICursorType | ICursorType[]
     public get hitRadius(): number { return this.p.hitRadius }
@@ -61,8 +59,8 @@ export class InteractionBase implements IInteraction {
     protected tapCount = 0
     protected tapTimer: ITimer
 
-    protected dragger: Dragger
-    protected transformer: Transformer
+    public dragger: Dragger
+    public transformer: ITransformer
 
     protected __eventIds: IEventListenerId[]
     protected defaultPath: ILeafList
@@ -75,7 +73,7 @@ export class InteractionBase implements IInteraction {
         this.selector = selector
         this.defaultPath = new LeafList(target)
 
-        this.transformer = new Transformer(this)
+        this.createTransformer()
         this.dragger = new Dragger(this)
 
         if (userConfig) this.config = DataHelper.default(userConfig, this.config)
@@ -202,14 +200,6 @@ export class InteractionBase implements IInteraction {
     }
 
 
-    public multiTouch(data: IUIEvent, list: IKeepTouchData[]): void {
-        if (this.config.multiTouch.disabled) return
-        const { move, angle, scale, center } = MultiTouchHelper.getData(list)
-        this.rotate(getRotateEventData(center, angle, data))
-        this.zoom(getZoomEventData(center, scale, data))
-        this.move(getMoveEventData(center, move, data))
-    }
-
     // context menu
     public menu(data: IPointerEvent): void {
         this.findPath(data)
@@ -225,24 +215,23 @@ export class InteractionBase implements IInteraction {
         }
     }
 
-    // window transform
+    // @leafer-in/viewport will rewrite:  transform viewport
 
-    public move(data: IMoveEvent): void {
-        this.transformer.move(data)
-    }
+    public createTransformer(): void { }
 
-    public zoom(data: IZoomEvent): void {
-        this.transformer.zoom(data)
-    }
+    public move(_data: IMoveEvent): void { }
 
-    public rotate(data: IRotateEvent): void {
-        this.transformer.rotate(data)
-    }
+    public zoom(_data: IZoomEvent): void { }
 
-    public transformEnd(): void {
-        this.transformer.transformEnd()
-    }
+    public rotate(_data: IRotateEvent): void { }
+
+    public transformEnd(): void { }
+
+    public wheel(_data: IWheelEvent): void { }
+
+    public multiTouch(_data: IUIEvent, _list: IKeepTouchData[]): void { }
 
+    // ---
 
     // key
 
@@ -518,8 +507,9 @@ export class InteractionBase implements IInteraction {
     }
 
     protected __onResize(): void {
+        const { dragOut } = this.m
         this.shrinkCanvasBounds = new Bounds(this.canvas.bounds)
-        this.shrinkCanvasBounds.spread(-2)
+        this.shrinkCanvasBounds.spread(-(typeof dragOut === 'number' ? dragOut : 2))
     }
 
     protected __listenEvents(): void {
@@ -544,7 +534,7 @@ export class InteractionBase implements IInteraction {
             this.stop()
             this.__removeListenEvents()
             this.dragger.destroy()
-            this.transformer.destroy()
+            if (this.transformer) this.transformer.destroy()
             this.downData = this.overPath = this.enterPath = null
         }
     }

package/src/InteractionHelper.ts

@@ -1,4 +1,4 @@
-import { IEvent, IPointerEvent, IMoveEvent, IZoomEvent, IRotateEvent, IDragEvent, ISwipeEvent, IUIEvent, IPointData, ILeafList, IDropEvent, IObject } from '@leafer/interface'
+import { IPointerEvent, IDragEvent, ISwipeEvent, IUIEvent, IPointData, ILeafList, IDropEvent, IObject } from '@leafer/interface'
 import { PointHelper, LeafList } from '@leafer/core'
 
 import { SwipeEvent, DragEvent } from '@leafer-ui/event'
@@ -6,34 +6,6 @@ import { SwipeEvent, DragEvent } from '@leafer-ui/event'
 
 export const InteractionHelper = {
 
-    getMoveEventData(center: IPointData, move: IPointData, event: IEvent): IMoveEvent {
-        return {
-            ...event,
-            x: center.x,
-            y: center.y,
-            moveX: move.x,
-            moveY: move.y
-        } as IMoveEvent
-    },
-
-    getRotateEventData(center: IPointData, angle: number, event: IEvent): IRotateEvent {
-        return {
-            ...event,
-            x: center.x,
-            y: center.y,
-            rotation: angle
-        } as IRotateEvent
-    },
-
-    getZoomEventData(center: IPointData, scale: number, event: IEvent): IZoomEvent {
-        return {
-            ...event,
-            x: center.x,
-            y: center.y,
-            scale,
-        } as IZoomEvent
-    },
-
     getDragEventData(startPoint: IPointData, lastPoint: IPointData, event: IPointerEvent): IDragEvent {
         return {
             ...event,
@@ -55,15 +27,10 @@ export const InteractionHelper = {
     },
 
     getSwipeDirection(angle: number): string {
-        if (angle < -45 && angle > -135) {
-            return SwipeEvent.UP
-        } else if (angle > 45 && angle < 135) {
-            return SwipeEvent.DOWN
-        } else if (angle <= 45 && angle >= -45) {
-            return SwipeEvent.RIGHT
-        } else {
-            return SwipeEvent.LEFT
-        }
+        if (angle < -45 && angle > -135) return SwipeEvent.UP
+        else if (angle > 45 && angle < 135) return SwipeEvent.DOWN
+        else if (angle <= 45 && angle >= -45) return SwipeEvent.RIGHT
+        else return SwipeEvent.LEFT
     },
 
     getSwipeEventData(startPoint: IPointData, lastDragData: IDragEvent, event: IPointerEvent): ISwipeEvent {

package/src/config.ts

@@ -6,7 +6,6 @@ export const config: IInteractionConfig = {
         moveSpeed: 0.5,
         rotateSpeed: 0.5,
         delta: { x: 80 / 4, y: 8.0 }, // 基准速度（会影响zoomSpeed)，可根据不同系统、浏览器细化定制
-        preventDefault: true
     },
     pointer: {
         hitRadius: 5,
@@ -17,12 +16,13 @@ export const config: IInteractionConfig = {
         dragHover: true,
         dragDistance: 2,
         swipeDistance: 20,
-        preventDefaultMenu: true
     },
     touch: {
-        preventDefault: true
+        preventDefault: 'auto'
     },
     multiTouch: {},
+    move: { autoDistance: 2 },
+    zoom: {},
     cursor: true,
     keyEvent: true
 }

package/src/index.ts

@@ -1,4 +1,4 @@
 export { InteractionBase } from './Interaction'
 export { InteractionHelper } from './InteractionHelper'
-export { MultiTouchHelper } from './MultiTouchHelper'
 export { Cursor } from './Cursor'
+export { Dragger } from './Dragger'

package/types/index.d.ts

@@ -1,40 +1,21 @@
-import { IMoveEvent, IZoomEvent, IRotateEvent, ITimer, IDragEvent, IPointerEvent, ILeafList, IPointDataMap, IFunction, ILeaf, IInteraction, IInteractionCanvas, ISelector, IInteractionConfig, IMoveConfig, IPointerConfig, ICursorType, IPickBottom, IBounds, IEventListenerId, IBooleanMap, IUIEvent, IKeepTouchData, IKeyEvent, IPickOptions, IClientPointData, IPointData, IEvent, IObject, IDropEvent, ISwipeEvent, IMultiTouchData, ICursorTypeMap } from '@leafer/interface';
+import { IDragEvent, IPointerEvent, ILeafList, IPointDataMap, ITimer, IFunction, ILeaf, IInteraction, IInteractionCanvas, ISelector, IInteractionConfig, IMoveConfig, IPointerConfig, ICursorType, IPickBottom, IBounds, ITransformer, IEventListenerId, IBooleanMap, IMoveEvent, IZoomEvent, IRotateEvent, IWheelEvent, IUIEvent, IKeepTouchData, IKeyEvent, IPickOptions, IClientPointData, IPointData, IObject, IDropEvent, ISwipeEvent, ICursorTypeMap } from '@leafer/interface';
 import { LeafList } from '@leafer/core';
 
-declare class Transformer {
-    get transforming(): boolean;
-    protected interaction: InteractionBase;
-    protected moveData: IMoveEvent;
-    protected zoomData: IZoomEvent;
-    protected rotateData: IRotateEvent;
-    protected transformTimer: ITimer;
-    constructor(interaction: InteractionBase);
-    move(data: IMoveEvent): void;
-    zoom(data: IZoomEvent): void;
-    rotate(data: IRotateEvent): void;
-    protected transformEndWait(): void;
-    transformEnd(): void;
-    protected moveEnd(): void;
-    protected zoomEnd(): void;
-    protected rotateEnd(): void;
-    destroy(): void;
-}
-
 declare class Dragger {
-    protected interaction: InteractionBase;
+    interaction: InteractionBase;
     moving: boolean;
     dragging: boolean;
     dragData: IDragEvent;
-    protected downData: IPointerEvent;
+    downData: IPointerEvent;
     draggableList: ILeafList;
     realDraggableList: ILeafList;
     protected dragOverPath: ILeafList;
     protected dragEnterPath: ILeafList;
-    protected dragStartPoints: IPointDataMap;
-    protected autoMoveTimer: ITimer;
+    dragStartPoints: IPointDataMap;
+    autoMoveTimer: ITimer;
     canAnimate: boolean;
     canDragOut: boolean;
-    protected animateWait: IFunction;
+    animateWait: IFunction;
     constructor(interaction: InteractionBase);
     setDragData(data: IPointerEvent): void;
     getList(realDraggable?: boolean, hover?: boolean): ILeafList;
@@ -42,19 +23,20 @@ declare class Dragger {
     dragStart(data: IPointerEvent, canDrag: boolean): void;
     protected setDragStartPoints(list: ILeafList | ILeaf[]): void;
     protected getDraggableList(path: ILeafList): void;
-    protected drag(data: IPointerEvent): void;
+    drag(data: IPointerEvent): void;
     protected dragReal(): void;
     dragOverOrOut(data: IPointerEvent): void;
     dragEnterOrLeave(data: IPointerEvent): void;
     dragEnd(data: IPointerEvent, speed?: number): void;
     protected dragEndReal(data?: IPointerEvent): void;
-    protected animate(func?: IFunction, off?: 'off'): void;
     protected swipe(data: IPointerEvent, downData: IPointerEvent, dragData: IDragEvent, endDragData: IDragEvent): void;
     protected drop(data: IPointerEvent, dropList: ILeafList, dragEnterPath: ILeafList): void;
     protected dragReset(): void;
-    checkDragOut(data: IPointerEvent): void;
-    protected autoMoveOnDragOut(data: IPointerEvent): void;
-    protected autoMoveCancel(): void;
+    checkDragEndAnimate(_data: IPointerEvent, _speed?: number): boolean;
+    animate(_func?: IFunction, _off?: 'off'): void;
+    checkDragOut(_data: IPointerEvent): void;
+    autoMoveOnDragOut(_data: IPointerEvent): void;
+    autoMoveCancel(): void;
     destroy(): void;
 }
 
@@ -73,8 +55,8 @@ declare class InteractionBase implements IInteraction {
     get isHoldRightKey(): boolean;
     get isHoldSpaceKey(): boolean;
     config: IInteractionConfig;
-    protected get m(): IMoveConfig;
-    protected get p(): IPointerConfig;
+    get m(): IMoveConfig;
+    get p(): IPointerConfig;
     cursor: ICursorType | ICursorType[];
     get hitRadius(): number;
     bottomList?: IPickBottom[];
@@ -92,8 +74,8 @@ declare class InteractionBase implements IInteraction {
     protected longPressed: boolean;
     protected tapCount: number;
     protected tapTimer: ITimer;
-    protected dragger: Dragger;
-    protected transformer: Transformer;
+    dragger: Dragger;
+    transformer: ITransformer;
     protected __eventIds: IEventListenerId[];
     protected defaultPath: ILeafList;
     protected downKeyMap: IBooleanMap;
@@ -106,13 +88,15 @@ declare class InteractionBase implements IInteraction {
     pointerMoveReal(data: IPointerEvent): void;
     pointerUp(data?: IPointerEvent): void;
     pointerCancel(): void;
-    multiTouch(data: IUIEvent, list: IKeepTouchData[]): void;
     menu(data: IPointerEvent): void;
     menuTap(data: IPointerEvent): void;
-    move(data: IMoveEvent): void;
-    zoom(data: IZoomEvent): void;
-    rotate(data: IRotateEvent): void;
+    createTransformer(): void;
+    move(_data: IMoveEvent): void;
+    zoom(_data: IZoomEvent): void;
+    rotate(_data: IRotateEvent): void;
     transformEnd(): void;
+    wheel(_data: IWheelEvent): void;
+    multiTouch(_data: IUIEvent, _list: IKeepTouchData[]): void;
     keyDown(data: IKeyEvent): void;
     keyUp(data: IKeyEvent): void;
     protected pointerHover(data: IPointerEvent): void;
@@ -151,9 +135,6 @@ declare class InteractionBase implements IInteraction {
 }
 
 declare const InteractionHelper: {
-    getMoveEventData(center: IPointData, move: IPointData, event: IEvent): IMoveEvent;
-    getRotateEventData(center: IPointData, angle: number, event: IEvent): IRotateEvent;
-    getZoomEventData(center: IPointData, scale: number, event: IEvent): IZoomEvent;
     getDragEventData(startPoint: IPointData, lastPoint: IPointData, event: IPointerEvent): IDragEvent;
     getDropEventData(event: IPointerEvent, list: ILeafList, data: IObject): IDropEvent;
     getSwipeDirection(angle: number): string;
@@ -165,14 +146,10 @@ declare const InteractionHelper: {
     pathHasOutside(path: ILeafList): boolean;
 };
 
-declare const MultiTouchHelper: {
-    getData(list: IKeepTouchData[]): IMultiTouchData;
-};
-
 declare class Cursor {
     static custom: ICursorTypeMap;
     static set(name: string, value: ICursorType | ICursorType[]): void;
     static get(name: string): ICursorType | ICursorType[];
 }
 
-export { Cursor, InteractionBase, InteractionHelper, MultiTouchHelper };
+export { Cursor, Dragger, InteractionBase, InteractionHelper };

package/src/MultiTouchHelper.ts

@@ -1,22 +0,0 @@
-import { IMultiTouchData, IKeepTouchData } from '@leafer/interface'
-import { PointHelper } from '@leafer/core'
-
-
-export const MultiTouchHelper = {
-
-    getData(list: IKeepTouchData[]): IMultiTouchData {
-        const a = list[0]
-        const b = list[1]
-        const lastCenter = PointHelper.getCenter(a.from, b.from)
-        const center = PointHelper.getCenter(a.to, b.to)
-        const move = { x: center.x - lastCenter.x, y: center.y - lastCenter.y }
-
-        const lastDistance = PointHelper.getDistance(a.from, b.from)
-        const distance = PointHelper.getDistance(a.to, b.to)
-        const scale = distance / lastDistance
-
-        const angle = PointHelper.getRotation(a.from, b.from, a.to, b.to)
-
-        return { move, scale, angle, center }
-    }
-}

package/src/Transformer.ts

@@ -1,114 +0,0 @@
-import { IMoveEvent, IZoomEvent, IRotateEvent, ITimer } from '@leafer/interface'
-import { MoveEvent, ZoomEvent, RotateEvent } from '@leafer-ui/event'
-
-import { InteractionBase } from './Interaction'
-
-
-export class Transformer {
-
-    public get transforming(): boolean { return !!(this.moveData || this.zoomData || this.rotateData) }
-
-    protected interaction: InteractionBase
-    protected moveData: IMoveEvent
-    protected zoomData: IZoomEvent
-    protected rotateData: IRotateEvent
-    protected transformTimer: ITimer
-
-    constructor(interaction: InteractionBase) {
-        this.interaction = interaction
-    }
-
-    public move(data: IMoveEvent): void {
-        const { interaction } = this
-        if (!data.moveType) data.moveType = 'move'
-
-        if (!this.moveData) {
-            const { path } = interaction.selector.getByPoint(data, interaction.hitRadius)
-            data.path = path
-            this.moveData = { ...data, moveX: 0, moveY: 0 }
-            interaction.cancelHover()
-            interaction.emit(MoveEvent.START, this.moveData)
-        }
-
-        data.path = this.moveData.path
-        interaction.emit(MoveEvent.BEFORE_MOVE, data)
-        interaction.emit(MoveEvent.MOVE, data)
-
-        this.transformEndWait()
-    }
-
-    public zoom(data: IZoomEvent): void {
-        const { interaction } = this
-
-        if (!this.zoomData) {
-            const { path } = interaction.selector.getByPoint(data, interaction.hitRadius)
-            data.path = path
-            this.zoomData = { ...data, scale: 1 }
-            interaction.cancelHover()
-            interaction.emit(ZoomEvent.START, this.zoomData)
-        }
-
-        data.path = this.zoomData.path
-        interaction.emit(ZoomEvent.BEFORE_ZOOM, data)
-        interaction.emit(ZoomEvent.ZOOM, data)
-
-        this.transformEndWait()
-    }
-
-    public rotate(data: IRotateEvent): void {
-        const { interaction } = this
-
-        if (!this.rotateData) {
-            const { path } = interaction.selector.getByPoint(data, interaction.hitRadius)
-            data.path = path
-            this.rotateData = { ...data, rotation: 0 }
-            interaction.cancelHover()
-            interaction.emit(RotateEvent.START, this.rotateData)
-        }
-
-        data.path = this.rotateData.path
-        interaction.emit(RotateEvent.BEFORE_ROTATE, data)
-        interaction.emit(RotateEvent.ROTATE, data)
-
-        this.transformEndWait()
-    }
-
-
-    protected transformEndWait(): void {
-        clearTimeout(this.transformTimer)
-        this.transformTimer = setTimeout(() => {
-            this.transformEnd()
-        }, this.interaction.config.pointer.transformTime)
-    }
-
-    public transformEnd(): void {
-        this.moveEnd()
-        this.zoomEnd()
-        this.rotateEnd()
-    }
-
-    protected moveEnd(): void {
-        if (this.moveData) {
-            this.interaction.emit(MoveEvent.END, this.moveData)
-            this.moveData = null
-        }
-    }
-
-    protected zoomEnd(): void {
-        if (this.zoomData) {
-            this.interaction.emit(ZoomEvent.END, this.zoomData)
-            this.zoomData = null
-        }
-    }
-
-    protected rotateEnd(): void {
-        if (this.rotateData) {
-            this.interaction.emit(RotateEvent.END, this.rotateData)
-            this.rotateData = null
-        }
-    }
-
-    public destroy(): void {
-        this.zoomData = this.moveData = this.rotateData = null
-    }
-}