@visactor/vrender 0.9.0-alpha.0

package/es/event/event-system.d.ts

@@ -0,0 +1,38 @@
+import { EventManager } from './event-manager';
+import { FederatedWheelEvent } from './federated-event';
+import type { IElementLike, RenderConfig } from './type';
+export declare class EventSystem {
+    private readonly globalObj;
+    readonly manager: EventManager;
+    readonly supportsTouchEvents: boolean;
+    readonly supportsPointerEvents: boolean;
+    readonly supportsMouseEvents: boolean;
+    readonly applyStyles: boolean;
+    readonly viewport: RenderConfig['viewport'];
+    autoPreventDefault: boolean;
+    cursorStyles: Record<string, string | ((mode: string) => void) | CSSStyleDeclaration>;
+    domElement: IElementLike | null;
+    resolution: number;
+    private currentCursor;
+    private rootPointerEvent;
+    private rootWheelEvent;
+    private eventsAdded;
+    constructor(params: RenderConfig);
+    release(): void;
+    setCursor(mode?: string): void;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onPointerOverOut;
+    protected onWheel: (nativeEvent: WheelEvent) => void;
+    setTargetElement(element: IElementLike | null): void;
+    private addEvents;
+    private removeEvents;
+    private mapToViewportPoint;
+    private mapToCanvasPoint;
+    private normalizeToPointerData;
+    protected normalizeWheelEvent(nativeEvent: WheelEvent): FederatedWheelEvent;
+    private bootstrapEvent;
+    private transferMouseData;
+    private isEventOutsideOfTargetElement;
+}

package/es/event/event-system.js

@@ -0,0 +1,195 @@
+import { isUndefined, has, isString } from "@visactor/vutils";
+
+import { EventManager } from "./event-manager";
+
+import { FederatedPointerEvent, FederatedWheelEvent } from "./federated-event";
+
+import { clock } from "./util";
+
+const MOUSE_POINTER_ID = 1, TOUCH_TO_POINTER = {
+    touchstart: "pointerdown",
+    touchend: "pointerup",
+    touchendoutside: "pointerupoutside",
+    touchmove: "pointermove",
+    touchcancel: "pointercancel"
+};
+
+export class EventSystem {
+    constructor(params) {
+        this.resolution = 1, this.onPointerDown = nativeEvent => {
+            if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
+            const events = this.normalizeToPointerData(nativeEvent);
+            if (this.autoPreventDefault && events[0].isNormalized) {
+                (nativeEvent.cancelable || !("cancelable" in nativeEvent)) && nativeEvent.preventDefault();
+            }
+            for (let i = 0, j = events.length; i < j; i++) {
+                const nativeEvent = events[i], federatedEvent = this.bootstrapEvent(this.rootPointerEvent, nativeEvent);
+                this.manager.mapEvent(federatedEvent);
+            }
+            this.setCursor(this.manager.cursor);
+        }, this.onPointerMove = nativeEvent => {
+            if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
+            if (this.isEventOutsideOfTargetElement(nativeEvent)) return;
+            const normalizedEvents = this.normalizeToPointerData(nativeEvent);
+            for (let i = 0, j = normalizedEvents.length; i < j; i++) {
+                const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
+                this.manager.mapEvent(event);
+            }
+            this.setCursor(this.manager.cursor);
+        }, this.onPointerUp = nativeEvent => {
+            if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
+            const outside = this.isEventOutsideOfTargetElement(nativeEvent) ? "outside" : "", normalizedEvents = this.normalizeToPointerData(nativeEvent);
+            for (let i = 0, j = normalizedEvents.length; i < j; i++) {
+                const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
+                event.type += outside, this.manager.mapEvent(event);
+            }
+            this.setCursor(this.manager.cursor);
+        }, this.onPointerOverOut = nativeEvent => {
+            if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
+            const normalizedEvents = this.normalizeToPointerData(nativeEvent);
+            for (let i = 0, j = normalizedEvents.length; i < j; i++) {
+                const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
+                this.manager.mapEvent(event);
+            }
+            this.setCursor(this.manager.cursor);
+        }, this.onWheel = nativeEvent => {
+            const wheelEvent = this.normalizeWheelEvent(nativeEvent);
+            this.manager.mapEvent(wheelEvent);
+        };
+        const {targetElement: targetElement, resolution: resolution, rootNode: rootNode, global: global, viewport: viewport, autoPreventDefault: autoPreventDefault = !1} = params;
+        this.manager = new EventManager(rootNode), this.globalObj = global, this.supportsPointerEvents = global.supportsPointerEvents, 
+        this.supportsTouchEvents = global.supportsTouchEvents, this.supportsMouseEvents = global.supportsMouseEvents, 
+        this.applyStyles = global.applyStyles, this.autoPreventDefault = autoPreventDefault, 
+        this.eventsAdded = !1, this.viewport = viewport, this.rootPointerEvent = new FederatedPointerEvent, 
+        this.rootWheelEvent = new FederatedWheelEvent, this.cursorStyles = {
+            default: "inherit",
+            pointer: "pointer"
+        }, this.resolution = resolution, this.setTargetElement(targetElement);
+    }
+    release() {
+        this.setTargetElement(null);
+    }
+    setCursor(mode = "default") {
+        const {applyStyles: applyStyles, domElement: domElement} = this;
+        if (this.currentCursor === mode) return;
+        this.currentCursor = mode;
+        const style = this.cursorStyles[mode];
+        style ? "string" == typeof style && applyStyles ? domElement.style.cursor = style : "function" == typeof style ? style(mode) : "object" == typeof style && applyStyles && Object.assign(domElement.style, style) : applyStyles && isString(mode) && !has(this.cursorStyles, mode) && (domElement.style.cursor = mode);
+    }
+    setTargetElement(element) {
+        this.removeEvents(), this.domElement = element, this.addEvents();
+    }
+    addEvents() {
+        if (this.eventsAdded || !this.domElement) return;
+        const {globalObj: globalObj, domElement: domElement} = this;
+        this.supportsPointerEvents ? (globalObj.getDocument() ? (globalObj.getDocument().addEventListener("pointermove", this.onPointerMove, !0), 
+        globalObj.getDocument().addEventListener("pointerup", this.onPointerUp, !0)) : (domElement.addEventListener("pointermove", this.onPointerMove, !0), 
+        domElement.addEventListener("pointerup", this.onPointerUp, !0)), domElement.addEventListener("pointerdown", this.onPointerDown, !0), 
+        domElement.addEventListener("pointerleave", this.onPointerOverOut, !0), domElement.addEventListener("pointerover", this.onPointerOverOut, !0)) : (globalObj.getDocument() ? (globalObj.getDocument().addEventListener("mousemove", this.onPointerMove, !0), 
+        globalObj.getDocument().addEventListener("mouseup", this.onPointerUp, !0)) : (domElement.addEventListener("mousemove", this.onPointerMove, !0), 
+        domElement.addEventListener("mouseup", this.onPointerUp, !0)), domElement.addEventListener("mousedown", this.onPointerDown, !0), 
+        domElement.addEventListener("mouseout", this.onPointerOverOut, !0), domElement.addEventListener("mouseover", this.onPointerOverOut, !0)), 
+        this.supportsTouchEvents && (domElement.addEventListener("touchstart", this.onPointerDown, !0), 
+        domElement.addEventListener("touchend", this.onPointerUp, !0), domElement.addEventListener("touchmove", this.onPointerMove, !0)), 
+        domElement.addEventListener("wheel", this.onWheel, {
+            passive: !0,
+            capture: !0
+        }), this.eventsAdded = !0;
+    }
+    removeEvents() {
+        if (!this.eventsAdded || !this.domElement) return;
+        const {globalObj: globalObj, domElement: domElement} = this;
+        this.supportsPointerEvents ? (globalObj.getDocument() ? (globalObj.getDocument().removeEventListener("pointermove", this.onPointerMove, !0), 
+        globalObj.getDocument().removeEventListener("pointerup", this.onPointerUp, !0)) : (domElement.removeEventListener("pointermove", this.onPointerMove, !0), 
+        domElement.removeEventListener("pointerup", this.onPointerUp, !0)), domElement.removeEventListener("pointerdown", this.onPointerDown, !0), 
+        domElement.removeEventListener("pointerleave", this.onPointerOverOut, !0), domElement.removeEventListener("pointerover", this.onPointerOverOut, !0)) : (globalObj.getDocument() ? (globalObj.getDocument().removeEventListener("mousemove", this.onPointerMove, !0), 
+        globalObj.getDocument().removeEventListener("mouseup", this.onPointerUp, !0)) : (domElement.removeEventListener("mousemove", this.onPointerMove, !0), 
+        domElement.removeEventListener("mouseup", this.onPointerUp, !0)), domElement.removeEventListener("mousedown", this.onPointerDown, !0), 
+        domElement.removeEventListener("mouseout", this.onPointerOverOut, !0), domElement.removeEventListener("mouseover", this.onPointerOverOut, !0)), 
+        this.supportsTouchEvents && (domElement.removeEventListener("touchstart", this.onPointerDown, !0), 
+        domElement.removeEventListener("touchend", this.onPointerUp, !0), domElement.removeEventListener("touchmove", this.onPointerMove, !0)), 
+        domElement.removeEventListener("wheel", this.onWheel, !0), this.domElement = null, 
+        this.eventsAdded = !1;
+    }
+    mapToViewportPoint(event) {
+        const viewport = this.viewport, {x: x, y: y} = event;
+        return {
+            x: x - viewport.x,
+            y: y - viewport.y
+        };
+    }
+    mapToCanvasPoint(nativeEvent) {
+        var _a;
+        const point = null === (_a = this.globalObj) || void 0 === _a ? void 0 : _a.mapToCanvasPoint(nativeEvent);
+        if (point) return point;
+        const {clientX: x, clientY: y} = nativeEvent, rect = this.domElement.getBoundingClientRect();
+        return {
+            x: x - rect.left,
+            y: y - rect.top
+        };
+    }
+    normalizeToPointerData(event) {
+        const normalizedEvents = [];
+        if (this.supportsTouchEvents && event.changedTouches && event.changedTouches.length) for (let i = 0, li = event.changedTouches.length; i < li; i++) {
+            const touch = event.changedTouches[i];
+            isUndefined(touch.button) && (touch.button = 0), isUndefined(touch.buttons) && (touch.buttons = 1), 
+            isUndefined(touch.isPrimary) && (touch.isPrimary = 1 === event.touches.length && "touchstart" === event.type), 
+            isUndefined(touch.width) && (touch.width = touch.radiusX || 1), isUndefined(touch.height) && (touch.height = touch.radiusY || 1), 
+            isUndefined(touch.tiltX) && (touch.tiltX = 0), isUndefined(touch.tiltY) && (touch.tiltY = 0), 
+            isUndefined(touch.pointerType) && (touch.pointerType = "touch"), isUndefined(touch.pointerId) && (touch.pointerId = touch.identifier || 0), 
+            isUndefined(touch.pressure) && (touch.pressure = touch.force || .5), isUndefined(touch.twist) && (touch.twist = 0), 
+            isUndefined(touch.tangentialPressure) && (touch.tangentialPressure = 0), isUndefined(touch.layerX) && (touch.layerX = touch.offsetX = touch.clientX), 
+            isUndefined(touch.layerY) && (touch.layerY = touch.offsetY = touch.clientY), touch.isNormalized = !0, 
+            touch.type = event.type, normalizedEvents.push(touch);
+        } else if (this.globalObj.supportsMouseEvents && (!(event instanceof MouseEvent) || this.supportsPointerEvents && event instanceof PointerEvent)) normalizedEvents.push(event); else {
+            const tempEvent = event;
+            isUndefined(tempEvent.isPrimary) && (tempEvent.isPrimary = !0), isUndefined(tempEvent.width) && (tempEvent.width = 1), 
+            isUndefined(tempEvent.height) && (tempEvent.height = 1), isUndefined(tempEvent.tiltX) && (tempEvent.tiltX = 0), 
+            isUndefined(tempEvent.tiltY) && (tempEvent.tiltY = 0), isUndefined(tempEvent.pointerType) && (tempEvent.pointerType = "mouse"), 
+            isUndefined(tempEvent.pointerId) && (tempEvent.pointerId = 1), isUndefined(tempEvent.pressure) && (tempEvent.pressure = .5), 
+            isUndefined(tempEvent.twist) && (tempEvent.twist = 0), isUndefined(tempEvent.tangentialPressure) && (tempEvent.tangentialPressure = 0), 
+            tempEvent.isNormalized = !0, normalizedEvents.push(tempEvent);
+        }
+        return normalizedEvents;
+    }
+    normalizeWheelEvent(nativeEvent) {
+        const event = this.rootWheelEvent;
+        this.transferMouseData(event, nativeEvent), event.deltaMode = nativeEvent.deltaMode, 
+        event.deltaX = nativeEvent.deltaX, event.deltaY = nativeEvent.deltaY, event.deltaZ = nativeEvent.deltaZ;
+        const {x: canvasX, y: canvasY} = this.mapToCanvasPoint(nativeEvent);
+        event.canvas.x = canvasX, event.canvas.y = canvasY, event.global.copyFrom(event.canvas), 
+        event.offset.copyFrom(event.canvas);
+        const {x: viewX, y: viewY} = this.mapToViewportPoint(event);
+        return event.viewport.x = viewX, event.viewport.y = viewY, event.nativeEvent = nativeEvent, 
+        event.type = nativeEvent.type, event;
+    }
+    bootstrapEvent(event, nativeEvent) {
+        event.originalEvent = null, event.nativeEvent = nativeEvent, event.pointerId = nativeEvent.pointerId, 
+        event.width = nativeEvent.width, event.height = nativeEvent.height, event.isPrimary = nativeEvent.isPrimary, 
+        event.pointerType = nativeEvent.pointerType, event.pressure = nativeEvent.pressure, 
+        event.tangentialPressure = nativeEvent.tangentialPressure, event.tiltX = nativeEvent.tiltX, 
+        event.tiltY = nativeEvent.tiltY, event.twist = nativeEvent.twist, this.transferMouseData(event, nativeEvent);
+        const {x: canvasX, y: canvasY} = this.mapToCanvasPoint(nativeEvent);
+        event.canvas.x = canvasX, event.canvas.y = canvasY, event.global.copyFrom(event.canvas), 
+        event.offset.copyFrom(event.canvas);
+        const {x: viewX, y: viewY} = this.mapToViewportPoint(event);
+        return event.viewport.x = viewX, event.viewport.y = viewY, event.isTrusted = nativeEvent.isTrusted, 
+        "pointerleave" === event.type && (event.type = "pointerout"), event.type.startsWith("mouse") && (event.type = event.type.replace("mouse", "pointer")), 
+        event.type.startsWith("touch") && (event.type = TOUCH_TO_POINTER[event.type] || event.type), 
+        event;
+    }
+    transferMouseData(event, nativeEvent) {
+        event.isTrusted = nativeEvent.isTrusted, event.srcElement = nativeEvent.srcElement, 
+        event.timeStamp = clock.now(), event.type = nativeEvent.type, event.altKey = nativeEvent.altKey, 
+        event.button = nativeEvent.button, event.buttons = nativeEvent.buttons, event.client.x = nativeEvent.clientX, 
+        event.client.y = nativeEvent.clientY, event.ctrlKey = nativeEvent.ctrlKey, event.shiftKey = nativeEvent.shiftKey, 
+        event.metaKey = nativeEvent.metaKey, event.movement.x = nativeEvent.movementX, event.movement.y = nativeEvent.movementY, 
+        event.page.x = nativeEvent.pageX, event.page.y = nativeEvent.pageY, event.relatedTarget = null;
+    }
+    isEventOutsideOfTargetElement(nativeEvent) {
+        let target = nativeEvent.target;
+        nativeEvent.composedPath && nativeEvent.composedPath().length > 0 && (target = nativeEvent.composedPath()[0]);
+        return target !== (this.domElement.getNativeHandler ? this.domElement.getNativeHandler().nativeCanvas : this.domElement);
+    }
+}
+//# sourceMappingURL=event-system.js.map

package/es/event/event-system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/event-system.ts"],"names":[],"mappings":"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","file":"event-system.js","sourcesContent":["import { isUndefined, has, isString, IPointLike } from '@visactor/vutils';\nimport { IGlobal } from '../interface';\nimport { EventManager } from './event-manager';\nimport { FederatedPointerEvent, FederatedWheelEvent } from './federated-event';\nimport type { FederatedMouseEvent } from './federated-event/mouse-event';\nimport type { IEventTarget } from './interface';\nimport type { IElementLike, NativeEvent, RenderConfig } from './type';\nimport { clock } from './util';\n\nconst MOUSE_POINTER_ID = 1;\nconst TOUCH_TO_POINTER: Record<string, string> = {\n  touchstart: 'pointerdown',\n  touchend: 'pointerup',\n  touchendoutside: 'pointerupoutside',\n  touchmove: 'pointermove',\n  touchcancel: 'pointercancel'\n};\n\n/**\n * 代码参考自 https://github.com/pixijs/pixijs\n * The MIT License\n\n  Copyright (c) 2013-2023 Mathew Groves, Chad Engler\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\n/**\n * The system for handling UI events.\n */\nexport class EventSystem {\n  private readonly globalObj: IGlobal;\n  readonly manager: EventManager;\n\n  /** Does the device support touch events https://www.w3.org/TR/touch-events/ */\n  // readonly supportsTouchEvents = 'ontouchstart' in this.globalObj;\n  readonly supportsTouchEvents: boolean;\n\n  /** Does the device support pointer events https://www.w3.org/Submission/pointer-events/ */\n  // readonly supportsPointerEvents = !!this.globalObj.PointerEvent;\n  readonly supportsPointerEvents: boolean;\n\n  readonly supportsMouseEvents: boolean;\n\n  readonly applyStyles: boolean;\n\n  readonly viewport: RenderConfig['viewport'];\n\n  /**\n   * Should default browser actions automatically be prevented.\n   * Does not apply to pointer events for backwards compatibility\n   * preventDefault on pointer events stops mouse events from firing\n   * Thus, for every pointer event, there will always be either a mouse of touch event alongside it.\n   * @default false\n   */\n  autoPreventDefault: boolean;\n\n  /**\n   * Dictionary of how different cursor modes are handled. Strings are handled as CSS cursor\n   * values, objects are handled as dictionaries of CSS values for domElement,\n   * and functions are called instead of changing the CSS.\n   * Default CSS cursor values are provided for 'default' and 'pointer' modes.\n   * @member {Object<string, string | ((mode: string) => void) | CSSStyleDeclaration>}\n   */\n  cursorStyles: Record<string, string | ((mode: string) => void) | CSSStyleDeclaration>;\n\n  /**\n   * The DOM element to which the root event listeners are bound. This is automatically set to\n   */\n  domElement: IElementLike | null;\n\n  /** The resolution used to convert between the DOM client space into world space. */\n  resolution = 1;\n\n  private currentCursor: string;\n  private rootPointerEvent: FederatedPointerEvent;\n  private rootWheelEvent: FederatedWheelEvent;\n  private eventsAdded: boolean;\n\n  constructor(params: RenderConfig) {\n    const { targetElement, resolution, rootNode, global, viewport, autoPreventDefault = false } = params;\n    this.manager = new EventManager(rootNode);\n\n    this.globalObj = global;\n    this.supportsPointerEvents = global.supportsPointerEvents;\n    this.supportsTouchEvents = global.supportsTouchEvents;\n    this.supportsMouseEvents = global.supportsMouseEvents;\n    this.applyStyles = global.applyStyles;\n\n    this.autoPreventDefault = autoPreventDefault;\n    this.eventsAdded = false;\n    this.viewport = viewport;\n\n    this.rootPointerEvent = new FederatedPointerEvent();\n    this.rootWheelEvent = new FederatedWheelEvent();\n\n    this.cursorStyles = {\n      default: 'inherit',\n      pointer: 'pointer'\n    };\n\n    this.resolution = resolution;\n    this.setTargetElement(targetElement);\n  }\n\n  release(): void {\n    this.setTargetElement(null);\n  }\n\n  setCursor(mode: string = 'default'): void {\n    const { applyStyles, domElement } = this;\n\n    if (this.currentCursor === mode) {\n      return;\n    }\n    this.currentCursor = mode;\n    const style = this.cursorStyles[mode];\n\n    if (style) {\n      if (typeof style === 'string' && applyStyles) {\n        domElement.style.cursor = style;\n      } else if (typeof style === 'function') {\n        style(mode);\n      } else if (typeof style === 'object' && applyStyles) {\n        Object.assign(domElement.style, style);\n      }\n    } else if (applyStyles && isString(mode) && !has(this.cursorStyles, mode)) {\n      domElement.style.cursor = mode;\n    }\n  }\n\n  private onPointerDown = (nativeEvent: NativeEvent): void => {\n    if (this.supportsTouchEvents && (nativeEvent as PointerEvent).pointerType === 'touch') {\n      return;\n    }\n\n    const events = this.normalizeToPointerData(nativeEvent);\n\n    if (this.autoPreventDefault && (events[0] as any).isNormalized) {\n      const cancelable = nativeEvent.cancelable || !('cancelable' in nativeEvent);\n\n      if (cancelable) {\n        nativeEvent.preventDefault();\n      }\n    }\n\n    for (let i = 0, j = events.length; i < j; i++) {\n      const nativeEvent = events[i];\n      const federatedEvent = this.bootstrapEvent(this.rootPointerEvent, nativeEvent);\n\n      this.manager.mapEvent(federatedEvent);\n    }\n\n    this.setCursor(this.manager.cursor);\n  };\n\n  private onPointerMove = (nativeEvent: NativeEvent): void => {\n    if (this.supportsTouchEvents && (nativeEvent as PointerEvent).pointerType === 'touch') {\n      return;\n    }\n\n    if (this.isEventOutsideOfTargetElement(nativeEvent)) {\n      return;\n    }\n\n    const normalizedEvents = this.normalizeToPointerData(nativeEvent);\n    for (let i = 0, j = normalizedEvents.length; i < j; i++) {\n      const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);\n\n      this.manager.mapEvent(event);\n    }\n\n    this.setCursor(this.manager.cursor);\n  };\n\n  private onPointerUp = (nativeEvent: NativeEvent): void => {\n    if (this.supportsTouchEvents && (nativeEvent as PointerEvent).pointerType === 'touch') {\n      return;\n    }\n\n    const outside = this.isEventOutsideOfTargetElement(nativeEvent) ? 'outside' : '';\n    const normalizedEvents = this.normalizeToPointerData(nativeEvent);\n\n    for (let i = 0, j = normalizedEvents.length; i < j; i++) {\n      const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);\n\n      event.type += outside;\n\n      this.manager.mapEvent(event);\n    }\n\n    this.setCursor(this.manager.cursor);\n  };\n\n  private onPointerOverOut = (nativeEvent: NativeEvent): void => {\n    if (this.supportsTouchEvents && (nativeEvent as PointerEvent).pointerType === 'touch') {\n      return;\n    }\n\n    const normalizedEvents = this.normalizeToPointerData(nativeEvent);\n\n    for (let i = 0, j = normalizedEvents.length; i < j; i++) {\n      const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);\n\n      this.manager.mapEvent(event);\n    }\n\n    this.setCursor(this.manager.cursor);\n  };\n\n  protected onWheel = (nativeEvent: WheelEvent): void => {\n    const wheelEvent = this.normalizeWheelEvent(nativeEvent);\n\n    this.manager.mapEvent(wheelEvent);\n  };\n\n  setTargetElement(element: IElementLike | null): void {\n    this.removeEvents();\n    this.domElement = element;\n    this.addEvents();\n  }\n\n  private addEvents(): void {\n    if (this.eventsAdded || !this.domElement) {\n      return;\n    }\n    const { globalObj, domElement } = this;\n\n    if (this.supportsPointerEvents) {\n      if (globalObj.getDocument()) {\n        globalObj.getDocument().addEventListener('pointermove', this.onPointerMove, true);\n        globalObj.getDocument().addEventListener('pointerup', this.onPointerUp, true);\n      } else {\n        domElement.addEventListener('pointermove', this.onPointerMove, true);\n        domElement.addEventListener('pointerup', this.onPointerUp, true);\n      }\n      domElement.addEventListener('pointerdown', this.onPointerDown, true);\n      domElement.addEventListener('pointerleave', this.onPointerOverOut, true);\n      domElement.addEventListener('pointerover', this.onPointerOverOut, true);\n    } else {\n      if (globalObj.getDocument()) {\n        globalObj.getDocument().addEventListener('mousemove', this.onPointerMove, true);\n        globalObj.getDocument().addEventListener('mouseup', this.onPointerUp, true);\n      } else {\n        domElement.addEventListener('mousemove', this.onPointerMove, true);\n        domElement.addEventListener('mouseup', this.onPointerUp, true);\n      }\n      domElement.addEventListener('mousedown', this.onPointerDown, true);\n      domElement.addEventListener('mouseout', this.onPointerOverOut, true);\n      domElement.addEventListener('mouseover', this.onPointerOverOut, true);\n    }\n\n    if (this.supportsTouchEvents) {\n      domElement.addEventListener('touchstart', this.onPointerDown, true);\n      domElement.addEventListener('touchend', this.onPointerUp, true);\n      domElement.addEventListener('touchmove', this.onPointerMove, true);\n    }\n\n    domElement.addEventListener('wheel', this.onWheel, {\n      passive: true,\n      capture: true\n    });\n\n    this.eventsAdded = true;\n  }\n\n  private removeEvents(): void {\n    if (!this.eventsAdded || !this.domElement) {\n      return;\n    }\n    const { globalObj, domElement } = this;\n\n    if (this.supportsPointerEvents) {\n      if (globalObj.getDocument()) {\n        globalObj.getDocument().removeEventListener('pointermove', this.onPointerMove, true);\n        globalObj.getDocument().removeEventListener('pointerup', this.onPointerUp, true);\n      } else {\n        domElement.removeEventListener('pointermove', this.onPointerMove, true);\n        domElement.removeEventListener('pointerup', this.onPointerUp, true);\n      }\n      domElement.removeEventListener('pointerdown', this.onPointerDown, true);\n      domElement.removeEventListener('pointerleave', this.onPointerOverOut, true);\n      domElement.removeEventListener('pointerover', this.onPointerOverOut, true);\n    } else {\n      if (globalObj.getDocument()) {\n        globalObj.getDocument().removeEventListener('mousemove', this.onPointerMove, true);\n        globalObj.getDocument().removeEventListener('mouseup', this.onPointerUp, true);\n      } else {\n        domElement.removeEventListener('mousemove', this.onPointerMove, true);\n        domElement.removeEventListener('mouseup', this.onPointerUp, true);\n      }\n      domElement.removeEventListener('mousedown', this.onPointerDown, true);\n      domElement.removeEventListener('mouseout', this.onPointerOverOut, true);\n      domElement.removeEventListener('mouseover', this.onPointerOverOut, true);\n    }\n\n    if (this.supportsTouchEvents) {\n      domElement.removeEventListener('touchstart', this.onPointerDown, true);\n      domElement.removeEventListener('touchend', this.onPointerUp, true);\n      domElement.removeEventListener('touchmove', this.onPointerMove, true);\n    }\n\n    domElement.removeEventListener('wheel', this.onWheel, true);\n\n    this.domElement = null;\n    this.eventsAdded = false;\n  }\n\n  private mapToViewportPoint(event: FederatedMouseEvent): IPointLike {\n    const viewport = this.viewport;\n    const { x, y } = event;\n    return {\n      x: x - viewport.x,\n      y: y - viewport.y\n    };\n  }\n\n  private mapToCanvasPoint(nativeEvent: PointerEvent | WheelEvent): IPointLike {\n    const point = this.globalObj?.mapToCanvasPoint(nativeEvent);\n\n    if (point) {\n      return point;\n    }\n\n    const { clientX: x, clientY: y } = nativeEvent;\n    const rect = this.domElement.getBoundingClientRect();\n    return {\n      x: x - rect.left,\n      y: y - rect.top\n    };\n  }\n\n  private normalizeToPointerData(event: TouchEvent | MouseEvent | PointerEvent): PointerEvent[] {\n    const normalizedEvents = [];\n\n    if (\n      this.supportsTouchEvents &&\n      (event as TouchEvent).changedTouches &&\n      (event as TouchEvent).changedTouches.length\n    ) {\n      for (let i = 0, li = (event as TouchEvent).changedTouches.length; i < li; i++) {\n        const touch = (event as TouchEvent).changedTouches[i] as VRenderTouch;\n\n        if (isUndefined(touch.button)) {\n          touch.button = 0;\n        }\n        if (isUndefined(touch.buttons)) {\n          touch.buttons = 1;\n        }\n        if (isUndefined(touch.isPrimary)) {\n          touch.isPrimary = (event as TouchEvent).touches.length === 1 && event.type === 'touchstart';\n        }\n        if (isUndefined(touch.width)) {\n          touch.width = touch.radiusX || 1;\n        }\n        if (isUndefined(touch.height)) {\n          touch.height = touch.radiusY || 1;\n        }\n        if (isUndefined(touch.tiltX)) {\n          touch.tiltX = 0;\n        }\n        if (isUndefined(touch.tiltY)) {\n          touch.tiltY = 0;\n        }\n        if (isUndefined(touch.pointerType)) {\n          touch.pointerType = 'touch';\n        }\n        if (isUndefined(touch.pointerId)) {\n          touch.pointerId = touch.identifier || 0;\n        }\n        if (isUndefined(touch.pressure)) {\n          touch.pressure = touch.force || 0.5;\n        }\n        if (isUndefined(touch.twist)) {\n          touch.twist = 0;\n        }\n        if (isUndefined(touch.tangentialPressure)) {\n          touch.tangentialPressure = 0;\n        }\n        if (isUndefined(touch.layerX)) {\n          touch.layerX = touch.offsetX = touch.clientX;\n        }\n        if (isUndefined(touch.layerY)) {\n          touch.layerY = touch.offsetY = touch.clientY;\n        }\n\n        touch.isNormalized = true;\n        touch.type = event.type;\n\n        normalizedEvents.push(touch);\n      }\n    } else if (\n      !this.globalObj.supportsMouseEvents ||\n      (event instanceof MouseEvent && (!this.supportsPointerEvents || !(event instanceof PointerEvent)))\n    ) {\n      const tempEvent = event as VRenderPointerEvent;\n\n      if (isUndefined(tempEvent.isPrimary)) {\n        tempEvent.isPrimary = true;\n      }\n      if (isUndefined(tempEvent.width)) {\n        tempEvent.width = 1;\n      }\n      if (isUndefined(tempEvent.height)) {\n        tempEvent.height = 1;\n      }\n      if (isUndefined(tempEvent.tiltX)) {\n        tempEvent.tiltX = 0;\n      }\n      if (isUndefined(tempEvent.tiltY)) {\n        tempEvent.tiltY = 0;\n      }\n      if (isUndefined(tempEvent.pointerType)) {\n        tempEvent.pointerType = 'mouse';\n      }\n      if (isUndefined(tempEvent.pointerId)) {\n        tempEvent.pointerId = MOUSE_POINTER_ID;\n      }\n      if (isUndefined(tempEvent.pressure)) {\n        tempEvent.pressure = 0.5;\n      }\n      if (isUndefined(tempEvent.twist)) {\n        tempEvent.twist = 0;\n      }\n      if (isUndefined(tempEvent.tangentialPressure)) {\n        tempEvent.tangentialPressure = 0;\n      }\n\n      tempEvent.isNormalized = true;\n\n      normalizedEvents.push(tempEvent);\n    } else {\n      normalizedEvents.push(event);\n    }\n\n    return normalizedEvents as PointerEvent[];\n  }\n\n  protected normalizeWheelEvent(nativeEvent: WheelEvent): FederatedWheelEvent {\n    const event = this.rootWheelEvent;\n\n    this.transferMouseData(event, nativeEvent);\n\n    event.deltaMode = nativeEvent.deltaMode;\n    event.deltaX = nativeEvent.deltaX;\n    event.deltaY = nativeEvent.deltaY;\n    event.deltaZ = nativeEvent.deltaZ;\n\n    // 获取相对画布坐标\n    const { x: canvasX, y: canvasY } = this.mapToCanvasPoint(nativeEvent);\n    event.canvas.x = canvasX;\n    event.canvas.y = canvasY;\n    event.global.copyFrom(event.canvas);\n    event.offset.copyFrom(event.canvas);\n\n    // 获取相对绘图区域(viewport)坐标\n    const { x: viewX, y: viewY } = this.mapToViewportPoint(event);\n    event.viewport.x = viewX;\n    event.viewport.y = viewY;\n\n    event.nativeEvent = nativeEvent;\n    event.type = nativeEvent.type;\n\n    return event;\n  }\n\n  /**\n   * Normalizes the {@code nativeEvent} into a federateed {@code FederatedPointerEvent}.\n   * @param event\n   * @param nativeEvent\n   */\n  private bootstrapEvent(event: FederatedPointerEvent, nativeEvent: PointerEvent): FederatedPointerEvent {\n    event.originalEvent = null;\n    event.nativeEvent = nativeEvent;\n\n    event.pointerId = nativeEvent.pointerId;\n    event.width = nativeEvent.width;\n    event.height = nativeEvent.height;\n    event.isPrimary = nativeEvent.isPrimary;\n    event.pointerType = nativeEvent.pointerType;\n    event.pressure = nativeEvent.pressure;\n    event.tangentialPressure = nativeEvent.tangentialPressure;\n    event.tiltX = nativeEvent.tiltX;\n    event.tiltY = nativeEvent.tiltY;\n    event.twist = nativeEvent.twist;\n    this.transferMouseData(event, nativeEvent);\n\n    const { x: canvasX, y: canvasY } = this.mapToCanvasPoint(nativeEvent);\n    event.canvas.x = canvasX;\n    event.canvas.y = canvasY;\n    event.global.copyFrom(event.canvas);\n    event.offset.copyFrom(event.canvas);\n\n    // 获取相对绘图区域(viewport)坐标\n    const { x: viewX, y: viewY } = this.mapToViewportPoint(event);\n    event.viewport.x = viewX;\n    event.viewport.y = viewY;\n\n    event.isTrusted = nativeEvent.isTrusted;\n    if (event.type === 'pointerleave') {\n      event.type = 'pointerout';\n    }\n    if (event.type.startsWith('mouse')) {\n      event.type = event.type.replace('mouse', 'pointer');\n    }\n    if (event.type.startsWith('touch')) {\n      event.type = TOUCH_TO_POINTER[event.type] || event.type;\n    }\n\n    return event;\n  }\n\n  /**\n   * Transfers base & mouse event data from the {@code nativeEvent} to the federated event.\n   * @param event\n   * @param nativeEvent\n   */\n  private transferMouseData(event: FederatedMouseEvent, nativeEvent: MouseEvent): void {\n    event.isTrusted = nativeEvent.isTrusted;\n    event.srcElement = nativeEvent.srcElement as IEventTarget;\n    event.timeStamp = clock.now();\n    event.type = nativeEvent.type;\n\n    event.altKey = nativeEvent.altKey;\n    event.button = nativeEvent.button;\n    event.buttons = nativeEvent.buttons;\n    event.client.x = nativeEvent.clientX;\n    event.client.y = nativeEvent.clientY;\n    event.ctrlKey = nativeEvent.ctrlKey;\n    event.shiftKey = nativeEvent.shiftKey;\n    event.metaKey = nativeEvent.metaKey;\n    event.movement.x = nativeEvent.movementX;\n    event.movement.y = nativeEvent.movementY;\n    event.page.x = nativeEvent.pageX;\n    event.page.y = nativeEvent.pageY;\n    event.relatedTarget = null;\n  }\n\n  private isEventOutsideOfTargetElement(nativeEvent: NativeEvent) {\n    let target = nativeEvent.target;\n\n    if (nativeEvent.composedPath && nativeEvent.composedPath().length > 0) {\n      target = nativeEvent.composedPath()[0];\n    }\n\n    const nativeElement = this.domElement.getNativeHandler\n      ? this.domElement.getNativeHandler().nativeCanvas\n      : this.domElement;\n\n    return target !== nativeElement;\n  }\n}\n\ninterface VRenderPointerEvent extends PointerEvent {\n  isPrimary: boolean;\n  width: number;\n  height: number;\n  tiltX: number;\n  tiltY: number;\n  pointerType: string;\n  pointerId: number;\n  pressure: number;\n  twist: number;\n  tangentialPressure: number;\n  isNormalized: boolean;\n  type: string;\n}\n\ninterface VRenderTouch extends Touch {\n  button: number;\n  buttons: number;\n  isPrimary: boolean;\n  width: number;\n  height: number;\n  tiltX: number;\n  tiltY: number;\n  pointerType: string;\n  pointerId: number;\n  pressure: number;\n  twist: number;\n  tangentialPressure: number;\n  layerX: number;\n  layerY: number;\n  offsetX: number;\n  offsetY: number;\n  isNormalized: boolean;\n  type: string;\n}\n"]}

package/es/event/event-target.d.ts

@@ -0,0 +1,3 @@
+import type { INode } from '../interface/node-tree';
+import type { IEventTarget } from './interface';
+export declare const EventTarget: Omit<IEventTarget, Exclude<keyof INode, 'dispatchEvent'>>;

package/es/event/event-target.js

@@ -0,0 +1,16 @@
+import { FederatedEvent, CustomEvent } from "./federated-event";
+
+export const EventTarget = {
+    pickable: !0,
+    visible: !0,
+    dispatchEvent(e) {
+        var _a;
+        if (!(e instanceof FederatedEvent)) throw new Error("DisplayObject cannot propagate events outside of the Federated Events API");
+        return e.defaultPrevented = !1, e.path = [], e.target = this, null === (_a = null == e ? void 0 : e.manager) || void 0 === _a || _a.dispatchEvent(e), 
+        !e.defaultPrevented;
+    },
+    emit(eventName, object) {
+        return this.dispatchEvent(new CustomEvent(eventName, object));
+    }
+};
+//# sourceMappingURL=event-target.js.map

package/es/event/event-target.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/event-target.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA2BhE,MAAM,CAAC,MAAM,WAAW,GAA8D;IACpF,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IASb,aAAa,CAA2B,CAAI;;QAC1C,IAAI,CAAC,CAAC,CAAC,YAAY,cAAc,CAAC,EAAE;YAClC,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;SAC9F;QAED,CAAC,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;QACZ,CAAC,CAAC,MAAM,GAAG,IAAoB,CAAC;QAChC,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,OAAO,0CAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QAE7B,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC7B,CAAC;IAQD,IAAI,CAAC,SAAiB,EAAE,MAAiB;QACvC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;CACF,CAAC","file":"event-target.js","sourcesContent":["import type { Dict } from '@visactor/vutils';\nimport type { INode } from '../interface/node-tree';\nimport type { IEventTarget } from './interface';\n\nimport { FederatedEvent, CustomEvent } from './federated-event';\n\n/**\n * 代码参考自 https://github.com/pixijs/pixijs\n * The MIT License\n\n  Copyright (c) 2013-2023 Mathew Groves, Chad Engler\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\nexport const EventTarget: Omit<IEventTarget, Exclude<keyof INode, 'dispatchEvent'>> = {\n  pickable: true,\n  visible: true,\n  // attribute: {},\n\n  /**\n   * @override\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent\n   * @param e\n   * @returns\n   */\n  dispatchEvent<T extends FederatedEvent>(e: T): boolean {\n    if (!(e instanceof FederatedEvent)) {\n      throw new Error('DisplayObject cannot propagate events outside of the Federated Events API');\n    }\n\n    e.defaultPrevented = false;\n    e.path = [];\n    e.target = this as IEventTarget;\n    e?.manager?.dispatchEvent(e);\n\n    return !e.defaultPrevented;\n  },\n\n  /**\n   * @deprecated\n   * @alias dispatchEvent\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  emit(eventName: string, object: Dict<any>) {\n    return this.dispatchEvent(new CustomEvent(eventName, object));\n  }\n};\n"]}

package/es/event/extension/drag.d.ts

@@ -0,0 +1,9 @@
+import type { IEventTarget, IEventExtension } from '../interface';
+export declare class DragNDrop implements IEventExtension {
+    rootNode: IEventTarget | null;
+    constructor(rootNode: IEventTarget);
+    initEvents(): void;
+    removeEvents(): void;
+    release(): void;
+    private onPointerDown;
+}

package/es/event/extension/drag.js

@@ -0,0 +1,46 @@
+export class DragNDrop {
+    constructor(rootNode) {
+        this.onPointerDown = event => {
+            const target = event.target, rootNode = this.rootNode, isRoot = target === rootNode;
+            if (target && !isRoot) {
+                let currentDroppable, dragstartTriggered = !1;
+                function handlePointerMove(moveEvent) {
+                    if (dragstartTriggered || (moveEvent.type = "dragstart", null == target || target.dispatchEvent(moveEvent), 
+                    dragstartTriggered = !0), moveEvent.type = "drag", null == target || target.dispatchEvent(moveEvent), 
+                    !isRoot) {
+                        target.pickable = !1;
+                        const elemBelow = (null == rootNode ? void 0 : rootNode.pick(moveEvent.global.x, moveEvent.global.y)).graphic;
+                        target.pickable = !0, currentDroppable !== elemBelow && (currentDroppable && (moveEvent.type = "dragleave", 
+                        moveEvent.target = currentDroppable, currentDroppable.dispatchEvent(moveEvent)), 
+                        elemBelow && (moveEvent.type = "dragenter", moveEvent.target = elemBelow, elemBelow.dispatchEvent(moveEvent)), 
+                        currentDroppable = elemBelow, currentDroppable && (moveEvent.type = "dragover", 
+                        moveEvent.target = currentDroppable, currentDroppable.dispatchEvent(moveEvent)));
+                    }
+                }
+                null == rootNode || rootNode.addEventListener("pointermove", handlePointerMove);
+                const stopDragging = function() {
+                    dragstartTriggered && (currentDroppable && (event.type = "drop", event.target = currentDroppable, 
+                    currentDroppable.dispatchEvent(event)), event.type = "dragend", target.dispatchEvent(event), 
+                    dragstartTriggered = !1), null == rootNode || rootNode.removeEventListener("pointermove", handlePointerMove);
+                };
+                target.addEventListener("pointerup", stopDragging, {
+                    once: !0
+                }), target.addEventListener("pointerupoutside", stopDragging, {
+                    once: !0
+                });
+            }
+        }, this.rootNode = rootNode, this.initEvents();
+    }
+    initEvents() {
+        var _a;
+        null === (_a = this.rootNode) || void 0 === _a || _a.addEventListener("pointerdown", this.onPointerDown);
+    }
+    removeEvents() {
+        var _a;
+        null === (_a = this.rootNode) || void 0 === _a || _a.removeEventListener("pointerdown", this.onPointerDown);
+    }
+    release() {
+        this.removeEvents(), this.rootNode = null;
+    }
+}
+//# sourceMappingURL=drag.js.map

package/es/event/extension/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/extension/drag.ts"],"names":[],"mappings":"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","file":"drag.js","sourcesContent":["/**\n * @description drag and drop event\n */\nimport type { IEventTarget, IEventExtension } from '../interface';\nimport type { FederatedPointerEvent } from '../federated-event';\n\nexport class DragNDrop implements IEventExtension {\n  rootNode!: IEventTarget | null;\n\n  constructor(rootNode: IEventTarget) {\n    this.rootNode = rootNode;\n    this.initEvents();\n  }\n\n  initEvents() {\n    this.rootNode?.addEventListener('pointerdown', this.onPointerDown);\n  }\n\n  removeEvents() {\n    this.rootNode?.removeEventListener('pointerdown', this.onPointerDown);\n  }\n\n  release() {\n    this.removeEvents();\n    this.rootNode = null;\n  }\n\n  private onPointerDown = (event: FederatedPointerEvent) => {\n    const target = event.target;\n    const rootNode = this.rootNode;\n    const isRoot = target === rootNode;\n\n    if (target && !isRoot) {\n      let dragstartTriggered = false;\n\n      let currentDroppable: IEventTarget;\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      // eslint-disable-next-line no-inner-declarations\n      function handlePointerMove(moveEvent: FederatedPointerEvent) {\n        if (!dragstartTriggered) {\n          moveEvent.type = 'dragstart';\n\n          target?.dispatchEvent(moveEvent);\n          dragstartTriggered = true;\n        }\n\n        moveEvent.type = 'drag';\n        target?.dispatchEvent(moveEvent);\n\n        if (!isRoot) {\n          // 获取当前坐标系的元素，目前认为所有的元素都是可以 dropable 的\n          (target as IEventTarget).pickable = false;\n          // @ts-ignore\n          const clickResult = rootNode?.pick(moveEvent.global.x, moveEvent.global.y);\n          const elemBelow = clickResult.graphic;\n          (target as IEventTarget).pickable = true;\n\n          if (currentDroppable !== elemBelow) {\n            if (currentDroppable) {\n              moveEvent.type = 'dragleave';\n              moveEvent.target = currentDroppable;\n              currentDroppable.dispatchEvent(moveEvent);\n            }\n\n            if (elemBelow) {\n              moveEvent.type = 'dragenter';\n              moveEvent.target = elemBelow;\n              elemBelow.dispatchEvent(moveEvent);\n            }\n\n            currentDroppable = elemBelow;\n            if (currentDroppable) {\n              moveEvent.type = 'dragover';\n              moveEvent.target = currentDroppable;\n              currentDroppable.dispatchEvent(moveEvent);\n            }\n          }\n        }\n      }\n\n      rootNode?.addEventListener('pointermove', handlePointerMove);\n\n      const stopDragging = function () {\n        if (dragstartTriggered) {\n          if (currentDroppable) {\n            event.type = 'drop';\n            event.target = currentDroppable;\n            currentDroppable.dispatchEvent(event);\n          }\n\n          event.type = 'dragend';\n          target.dispatchEvent(event);\n\n          dragstartTriggered = false;\n        }\n\n        rootNode?.removeEventListener('pointermove', handlePointerMove);\n      };\n\n      target.addEventListener('pointerup', stopDragging, { once: true });\n      target.addEventListener('pointerupoutside', stopDragging, { once: true });\n    }\n  };\n}\n"]}

package/es/event/extension/gesture.d.ts

@@ -0,0 +1,61 @@
+import { INode } from '../../interface/node-tree';
+import { EventEmitter, IPointLike } from '@visactor/vutils';
+import type { FederatedPointerEvent } from '../federated-event';
+import type { IEventTarget } from '../interface';
+type Direction = 'none' | 'left' | 'right' | 'down' | 'up';
+export interface GestureEvent extends FederatedPointerEvent {
+    points: IPointLike[];
+    direction: Direction;
+    deltaX: number;
+    deltaY: number;
+    scale: number;
+    center: IPointLike;
+    velocity: number;
+}
+export interface GestureConfig {
+    press?: {
+        time?: number;
+        threshold?: number;
+    };
+    swipe?: {
+        threshold?: number;
+        velocity?: number;
+    };
+}
+export declare class Gesture extends EventEmitter {
+    element: INode | null;
+    private cachedEvents;
+    private startTime;
+    private pressTimeout;
+    private startPoints;
+    private processEvent;
+    private startDistance;
+    private center;
+    private eventType;
+    private direction;
+    private lastMoveTime;
+    private prevMoveTime;
+    private prevMovePoint;
+    private lastMovePoint;
+    private throttleTimer;
+    private emitThrottles;
+    private config;
+    constructor(element: IEventTarget, config?: GestureConfig);
+    initEvents(): void;
+    removeEvents(): void;
+    release(): void;
+    private onStart;
+    private onMove;
+    private onEnd;
+    private getEventType;
+    private enable;
+    private isProcess;
+    private pushEvent;
+    private clearPressTimeout;
+    private reset;
+    private triggerEvent;
+    private triggerStartEvent;
+    private triggerEndEvent;
+    private emitEvent;
+}
+export {};