@visactor/vrender-kits 0.15.2 → 0.16.0-alpha.0

package/cjs/env/contributions/wx-contribution.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WxEnvContribution = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+    return __awaiter(this, void 0, void 0, (function*() {
+        const dpr = wx.getSystemInfoSync().pixelRatio;
+        for (let i = 0; i < canvasIdLists.length; i++) {
+            const id = canvasIdLists[i];
+            yield new Promise((resolve => {
+                let data = wx.createSelectorQuery();
+                component && (data = data.in(component)), data.select(`#${id}`).fields({
+                    node: !0,
+                    size: !0
+                }).exec((res => {
+                    if (!res[0]) return;
+                    const canvas = res[0].node, width = res[0].width, height = res[0].height;
+                    canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), 
+                    i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
+                }));
+            }));
+        }
+    }));
+}
+
+let WxEnvContribution = class extends vrender_core_1.BaseEnvContribution {
+    constructor() {
+        super(), this.type = "wx", this.supportEvent = !0, this.canvasMap = new Map, this.freeCanvasList = [], 
+        this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+            this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+            this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+    }
+    configure(service, params) {
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then((() => {}));
+    }
+    loadImage(url) {
+        return Promise.resolve({
+            data: url,
+            loadState: "success"
+        });
+    }
+    loadSvg(url) {
+        return Promise.reject();
+    }
+    createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+    }
+    createOffscreenCanvas(params) {}
+    releaseCanvas(canvas) {}
+    getDevicePixelRatio() {
+        return wx.getSystemInfoSync().pixelRatio;
+    }
+    getRequestAnimationFrame() {
+        return function(callback) {
+            return vrender_core_1.rafBasedSto.call(callback);
+        };
+    }
+    getCancelAnimationFrame() {
+        return h => {
+            vrender_core_1.rafBasedSto.clear(h);
+        };
+    }
+    addEventListener(type, listener, options) {
+        return null;
+    }
+    removeEventListener(type, listener, options) {
+        return null;
+    }
+    dispatchEvent(event) {
+        return null;
+    }
+    getElementById(str) {
+        return this.canvasMap.get(str);
+    }
+    getRootElement() {
+        return null;
+    }
+    getDocument() {
+        return null;
+    }
+    release(...params) {}
+    mapToCanvasPoint(event) {
+        var _a;
+        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
+    }
+};
+
+WxEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], WxEnvContribution), 
+exports.WxEnvContribution = WxEnvContribution;
+//# sourceMappingURL=wx-contribution.js.map

package/cjs/env/contributions/wx-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/contributions/wx-contribution.ts"],"names":[],"mappings":"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","file":"wx-contribution.js","sourcesContent":["import { injectable, BaseEnvContribution, rafBasedSto } from '@visactor/vrender-core';\n// import { loadFeishuContributions } from '../../../kits';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  IGlobal,\n  ITTCanvas\n} from '@visactor/vrender-core';\n\ndeclare const wx: {\n  getSystemInfoSync: () => { pixelRatio: number };\n  createCanvasContext: (id: string) => any;\n  createSelectorQuery: () => any;\n};\n\n// 飞书小程序canvas的wrap\nasync function makeUpCanvas(\n  domref: any,\n  canvasIdLists: string[],\n  canvasMap: Map<string, ITTCanvas>,\n  freeCanvasIdx: number,\n  freeCanvasList: ITTCanvas[],\n  component: any\n) {\n  const dpr = wx.getSystemInfoSync().pixelRatio;\n\n  for (let i = 0; i < canvasIdLists.length; i++) {\n    const id = canvasIdLists[i];\n    await new Promise(resolve => {\n      let data = wx.createSelectorQuery();\n      if (component) {\n        data = data.in(component);\n      }\n      // @ts-ignore\n      data\n        .select(`#${id}`) // 在 WXML 中填入的 id\n        .fields({ node: true, size: true })\n        .exec((res: any) => {\n          if (!res[0]) {\n            return;\n          }\n          const canvas = res[0].node;\n          const width = res[0].width;\n          const height = res[0].height;\n          canvas.width = width * dpr;\n          canvas.height = height * dpr;\n          canvasMap.set(id, canvas);\n          if (i >= freeCanvasIdx) {\n            freeCanvasList.push(canvas);\n          }\n          resolve(null);\n        });\n    });\n  }\n\n  // canvasIdLists.forEach((id, i) => {\n  //   const ctx = wx.createCanvasContext(id);\n  //   // TODO: 这里是一个临时方案，向 ctx 内部构造一个 canvas，传递宽高\n  //   ctx.canvas = {\n  //     width: domref.width * dpr,\n  //     height: domref.height * dpr\n  //   };\n\n  //   // 放到内容里\n  //   // // TODO: 这里是一个临时方案，兼容 createCircularGradient 方法\n  //   // ctx.createRadialGradient = (...cc) => ctx.createCircularGradient(...cc);\n\n  //   // // 封装 getImageData 为 promise\n  //   // ctx.getImageData = (x, y, width, height) =>\n  //   //   new Promise((resolve, reject) => {\n  //   //     try {\n  //   //       tt.canvasGetImageData({\n  //   //         canvasId: item.id,\n  //   //         x,\n  //   //         y,\n  //   //         width,\n  //   //         height,\n  //   //         success(res) {\n  //   //           resolve(res);\n  //   //         },\n  //   //       });\n  //   //     } catch (err) {\n  //   //       reject(err);\n  //   //     }\n  //   //   });\n\n  //   const canvas = {\n  //     width: domref.width,\n  //     height: domref.height,\n  //     offsetWidth: domref.width,\n  //     offsetHeight: domref.height,\n  //     id: id ?? '',\n  //     getContext: () => ctx,\n  //     // 构造 getBoundingClientRect 方法\n  //     getBoundingClientRect: () => ({\n  //       height: domref.height,\n  //       width: domref.width\n  //     })\n  //   };\n\n  //   canvasMap.set(id, canvas);\n  //   if (i >= freeCanvasIdx) {\n  //     freeCanvasList.push(canvas);\n  //   }\n  // });\n}\n\n@injectable()\nexport class WxEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'wx';\n  supportEvent: boolean = true;\n  // 所有添加进来的canvas\n  canvasMap: Map<string, ITTCanvas> = new Map();\n  // 所有可用的canvasList\n  freeCanvasList: ITTCanvas[] = [];\n  canvasIdx: number = 0;\n\n  constructor() {\n    super();\n    this.supportsTouchEvents = true;\n    try {\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsPointerEvents = false;\n      this.supportsMouseEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  // TODO：VGrammar在小程序环境会重复调用setEnv传入canvas，所以每次configure并不会释放\n  // 这里等待后续和VGrammar沟通\n  configure(service: IGlobal, params: { domref: any; canvasIdLists: string[]; freeCanvasIdx: number; component: any }) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      return makeUpCanvas(\n        params.domref,\n        params.canvasIdLists,\n        this.canvasMap,\n        params.freeCanvasIdx,\n        this.freeCanvasList,\n        params.component\n      ).then(() => {\n        // loadFeishuContributions();\n      });\n    }\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    return Promise.resolve({\n      data: url as unknown as HTMLImageElement,\n      loadState: 'success'\n    });\n  }\n\n  loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    // 飞书小组件不支持DOMParser和URL.createObjectURL，无法解析svg字符串，可以通过url使用svg资源\n    return Promise.reject();\n  }\n\n  createCanvas(params: ICreateCanvasParams): ITTCanvas {\n    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];\n    this.canvasIdx++;\n    return result;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return wx.getSystemInfoSync().pixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return requestAnimationFrame;\n\n    // 飞书小组件，在云文档浏览器环境中，没有requestAnimationFrame\n    // 但是在小组件工作台环境和模拟器中正常\n    // 反馈飞书修改，目前先使用setTimeout模拟，进行测试，飞书修复后替换回requestAnimationFrame\n    // return function (callback: FrameRequestCallback) {\n    //   return setTimeout(callback, 1000 / 60, true);\n    // } as any;\n    return function (callback: FrameRequestCallback) {\n      return rafBasedSto.call(callback);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return (h: number) => {\n      rafBasedSto.clear(h);\n    };\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return null;\n  }\n\n  // 只能索引canvas\n  getElementById(str: string): any | null {\n    return this.canvasMap.get(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  getDocument(): Document | null {\n    return null;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  mapToCanvasPoint(event: any) {\n    if (event?.type?.startsWith('mouse')) {\n      return event;\n    }\n    return null;\n  }\n}\n"]}

package/cjs/env/index.d.ts

@@ -0,0 +1 @@
+export * from './modules';

package/cjs/env/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./modules"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/env/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B","file":"index.js","sourcesContent":["export * from './modules';\n"]}

package/cjs/env/modules.d.ts

@@ -0,0 +1,8 @@
+import type { Container } from '@visactor/vrender-core';
+export declare function loadAllModule(container: Container): void;
+export declare function loadBrowserEnv(container: Container): void;
+export declare function loadFeishuEnv(container: Container): void;
+export declare function loadLynxEnv(container: Container): void;
+export declare function loadNodeEnv(container: Container): void;
+export declare function loadTaroEnv(container: Container): void;
+export declare function loadWxEnv(container: Container): void;

package/cjs/env/modules.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.loadWxEnv = exports.loadTaroEnv = exports.loadNodeEnv = exports.loadLynxEnv = exports.loadFeishuEnv = exports.loadBrowserEnv = exports.loadAllModule = void 0;
+
+const module_1 = require("./contributions/module"), modules_1 = require("../canvas/contributions/modules"), modules_2 = require("../window/contributions/modules"), modules_3 = require("../canvas/contributions/browser/modules"), modules_4 = require("../canvas/contributions/feishu/modules"), modules_5 = require("../canvas/contributions/lynx/modules"), modules_6 = require("../canvas/contributions/node/modules"), modules_7 = require("../canvas/contributions/taro/modules"), modules_8 = require("../canvas/contributions/wx/modules");
+
+function loadAllModule(container) {
+    container.load(module_1.allEnvModule), (0, modules_1.loadAllCavnvas)(container), 
+    container.load(modules_2.allWindowModule);
+}
+
+function loadBrowserEnv(container) {
+    container.load(module_1.browserEnvModule), container.load(modules_3.browserCanvasModule), 
+    container.load(modules_2.browserWindowModule);
+}
+
+function loadFeishuEnv(container) {
+    container.load(module_1.feishuEnvModule), container.load(modules_4.feishuCanvasModule), 
+    container.load(modules_2.feishuWindowModule);
+}
+
+function loadLynxEnv(container) {
+    container.load(module_1.lynxEnvModule), container.load(modules_5.lynxCanvasModule), 
+    container.load(modules_2.lynxWindowModule);
+}
+
+function loadNodeEnv(container) {
+    container.load(module_1.nodeEnvModule), container.load(modules_6.nodeCanvasModule), 
+    container.load(modules_2.nodeWindowModule);
+}
+
+function loadTaroEnv(container) {
+    container.load(module_1.taroEnvModule), container.load(modules_7.taroCanvasModule), 
+    container.load(modules_2.taroWindowModule);
+}
+
+function loadWxEnv(container) {
+    container.load(module_1.wxEnvModule), container.load(modules_8.wxCanvasModule), 
+    container.load(modules_2.wxWindowModule);
+}
+
+exports.loadAllModule = loadAllModule, exports.loadBrowserEnv = loadBrowserEnv, 
+exports.loadFeishuEnv = loadFeishuEnv, exports.loadLynxEnv = loadLynxEnv, exports.loadNodeEnv = loadNodeEnv, 
+exports.loadTaroEnv = loadTaroEnv, exports.loadWxEnv = loadWxEnv;
+//# sourceMappingURL=modules.js.map

package/cjs/env/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/modules.ts"],"names":[],"mappings":";;;AACA,mDAQgC;AAChC,6DAAiE;AACjE,6DAQyC;AACzC,qEAA8E;AAC9E,oEAA4E;AAC5E,kEAAwE;AACxE,kEAAwE;AACxE,kEAAwE;AACxE,gEAAoE;AAEpE,SAAgB,aAAa,CAAC,SAAoB;IAChD,SAAS,CAAC,IAAI,CAAC,qBAAY,CAAC,CAAC;IAC7B,IAAA,wBAAc,EAAC,SAAS,CAAC,CAAC;IAC1B,SAAS,CAAC,IAAI,CAAC,yBAAe,CAAC,CAAC;AAClC,CAAC;AAJD,sCAIC;AAED,SAAgB,cAAc,CAAC,SAAoB;IACjD,SAAS,CAAC,IAAI,CAAC,yBAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,6BAAmB,CAAC,CAAC;IACpC,SAAS,CAAC,IAAI,CAAC,6BAAmB,CAAC,CAAC;AACtC,CAAC;AAJD,wCAIC;AAED,SAAgB,aAAa,CAAC,SAAoB;IAChD,SAAS,CAAC,IAAI,CAAC,wBAAe,CAAC,CAAC;IAChC,SAAS,CAAC,IAAI,CAAC,4BAAkB,CAAC,CAAC;IACnC,SAAS,CAAC,IAAI,CAAC,4BAAkB,CAAC,CAAC;AACrC,CAAC;AAJD,sCAIC;AAED,SAAgB,WAAW,CAAC,SAAoB;IAC9C,SAAS,CAAC,IAAI,CAAC,sBAAa,CAAC,CAAC;IAC9B,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAJD,kCAIC;AAED,SAAgB,WAAW,CAAC,SAAoB;IAC9C,SAAS,CAAC,IAAI,CAAC,sBAAa,CAAC,CAAC;IAC9B,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAJD,kCAIC;AAED,SAAgB,WAAW,CAAC,SAAoB;IAC9C,SAAS,CAAC,IAAI,CAAC,sBAAa,CAAC,CAAC;IAC9B,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAJD,kCAIC;AAED,SAAgB,SAAS,CAAC,SAAoB;IAC5C,SAAS,CAAC,IAAI,CAAC,oBAAW,CAAC,CAAC;IAC5B,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;IAC/B,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;AACjC,CAAC;AAJD,8BAIC","file":"modules.js","sourcesContent":["import type { Container } from '@visactor/vrender-core';\nimport {\n  allEnvModule,\n  browserEnvModule,\n  feishuEnvModule,\n  lynxEnvModule,\n  nodeEnvModule,\n  taroEnvModule,\n  wxEnvModule\n} from './contributions/module';\nimport { loadAllCavnvas } from '../canvas/contributions/modules';\nimport {\n  allWindowModule,\n  browserWindowModule,\n  feishuWindowModule,\n  lynxWindowModule,\n  nodeWindowModule,\n  taroWindowModule,\n  wxWindowModule\n} from '../window/contributions/modules';\nimport { browserCanvasModule } from '../canvas/contributions/browser/modules';\nimport { feishuCanvasModule } from '../canvas/contributions/feishu/modules';\nimport { lynxCanvasModule } from '../canvas/contributions/lynx/modules';\nimport { nodeCanvasModule } from '../canvas/contributions/node/modules';\nimport { taroCanvasModule } from '../canvas/contributions/taro/modules';\nimport { wxCanvasModule } from '../canvas/contributions/wx/modules';\n\nexport function loadAllModule(container: Container) {\n  container.load(allEnvModule);\n  loadAllCavnvas(container);\n  container.load(allWindowModule);\n}\n\nexport function loadBrowserEnv(container: Container) {\n  container.load(browserEnvModule);\n  container.load(browserCanvasModule);\n  container.load(browserWindowModule);\n}\n\nexport function loadFeishuEnv(container: Container) {\n  container.load(feishuEnvModule);\n  container.load(feishuCanvasModule);\n  container.load(feishuWindowModule);\n}\n\nexport function loadLynxEnv(container: Container) {\n  container.load(lynxEnvModule);\n  container.load(lynxCanvasModule);\n  container.load(lynxWindowModule);\n}\n\nexport function loadNodeEnv(container: Container) {\n  container.load(nodeEnvModule);\n  container.load(nodeCanvasModule);\n  container.load(nodeWindowModule);\n}\n\nexport function loadTaroEnv(container: Container) {\n  container.load(taroEnvModule);\n  container.load(taroCanvasModule);\n  container.load(taroWindowModule);\n}\n\nexport function loadWxEnv(container: Container) {\n  container.load(wxEnvModule);\n  container.load(wxCanvasModule);\n  container.load(wxWindowModule);\n}\n"]}

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

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

package/cjs/event/extension/drag.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DragNDrop = void 0;
+
+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;
+    }
+}
+
+exports.DragNDrop = DragNDrop;
+//# sourceMappingURL=drag.js.map

package/cjs/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, FederatedPointerEvent } from '@visactor/vrender-core';\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/cjs/event/extension/gesture.d.ts

@@ -0,0 +1,38 @@
+import type { GestureConfig, IEventTarget, INode } from '@visactor/vrender-core';
+import { EventEmitter } from '@visactor/vutils';
+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;
+}

package/cjs/event/extension/gesture.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Gesture = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), PRESS_TIME = 251, PRESS_THRESHOLD = 9, SWIPE_VELOCITY = .3, SWIPE_THRESHOLD = 10, calcDirection = (start, end) => {
+    const xDistance = end.x - start.x, yDistance = end.y - start.y;
+    return Math.abs(xDistance) > Math.abs(yDistance) ? xDistance > 0 ? "right" : "left" : yDistance > 0 ? "down" : "up";
+}, calcDistance = (point1, point2) => {
+    const xDistance = Math.abs(point2.x - point1.x), yDistance = Math.abs(point2.y - point1.y);
+    return Math.sqrt(xDistance * xDistance + yDistance * yDistance);
+}, getCenter = points => {
+    const pointersLength = points.length;
+    if (1 === pointersLength) return {
+        x: Math.round(points[0].x),
+        y: Math.round(points[0].y)
+    };
+    let x = 0, y = 0, i = 0;
+    for (;i < pointersLength; ) x += points[i].x, y += points[i].y, i++;
+    return {
+        x: Math.round(x / pointersLength),
+        y: Math.round(y / pointersLength)
+    };
+};
+
+class Gesture extends vutils_1.EventEmitter {
+    constructor(element, config = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        super(), this.cachedEvents = [], this.startPoints = [], this.processEvent = {}, 
+        this.throttleTimer = 0, this.emitThrottles = [], this.onStart = ev => {
+            this.reset(), this.startTime = vrender_core_1.clock.now();
+            const {cachedEvents: cachedEvents, startPoints: startPoints} = this;
+            ev && cachedEvents.push(ev.clone()), startPoints.length = cachedEvents.length;
+            for (let i = 0; i < cachedEvents.length; i++) {
+                const {x: x, y: y} = cachedEvents[i], point = {
+                    x: x,
+                    y: y
+                };
+                startPoints[i] = point;
+            }
+            if (1 !== startPoints.length) this.startDistance = calcDistance(startPoints[0], startPoints[1]), 
+            this.center = getCenter([ startPoints[0], startPoints[1] ]); else {
+                const event = cachedEvents[0];
+                this.pressTimeout = setTimeout((() => {
+                    event.direction = "none", event.deltaX = 0, event.deltaY = 0, event.points = startPoints, 
+                    this.triggerStartEvent("press", event), this.triggerEvent("press", event), this.eventType = "press", 
+                    this.direction = "none";
+                }), this.config.press.time);
+            }
+        }, this.onMove = ev => {
+            this.clearPressTimeout();
+            const {startPoints: startPoints, cachedEvents: cachedEvents} = this;
+            if (!startPoints.length) return;
+            const moveEvent = ev.clone(), {x: x, y: y, pointerId: pointerId} = moveEvent;
+            for (let i = 0, len = cachedEvents.length; i < len; i++) if (pointerId === cachedEvents[i].pointerId) {
+                cachedEvents[i] = moveEvent;
+                break;
+            }
+            const point = {
+                x: x,
+                y: y
+            }, points = cachedEvents.map((cachedEvent => ({
+                x: cachedEvent.x,
+                y: cachedEvent.y
+            }))), now = vrender_core_1.clock.now();
+            if (this.prevMoveTime = this.lastMoveTime, this.prevMovePoint = this.lastMovePoint, 
+            this.lastMoveTime = now, this.lastMovePoint = point, 1 === startPoints.length) {
+                const startPoint = startPoints[0], deltaX = x - startPoint.x, deltaY = y - startPoint.y, direction = this.direction || calcDirection(startPoint, point);
+                this.direction = direction;
+                const eventType = this.getEventType(point);
+                return moveEvent.direction = direction, moveEvent.deltaX = deltaX, moveEvent.deltaY = deltaY, 
+                moveEvent.points = points, this.triggerStartEvent(eventType, moveEvent), void this.triggerEvent(eventType, moveEvent);
+            }
+            const {startDistance: startDistance} = this, currentDistance = calcDistance(points[0], points[1]);
+            moveEvent.scale = currentDistance / startDistance, moveEvent.center = this.center, 
+            moveEvent.points = points, this.triggerStartEvent("pinch", moveEvent), this.triggerEvent("pinch", moveEvent);
+        }, this.onEnd = ev => {
+            const endEvent = ev.clone(), {cachedEvents: cachedEvents, startPoints: startPoints} = this, points = cachedEvents.map((ev => ({
+                x: ev.x,
+                y: ev.y
+            })));
+            if (endEvent.points = points, this.triggerEndEvent(endEvent), 1 === cachedEvents.length) {
+                const now = vrender_core_1.clock.now(), lastMoveTime = this.lastMoveTime;
+                if (now - lastMoveTime < 100) {
+                    const intervalTime = lastMoveTime - (this.prevMoveTime || this.startTime);
+                    if (intervalTime > 0) {
+                        const prevMovePoint = this.prevMovePoint || startPoints[0], lastMovePoint = this.lastMovePoint || startPoints[0], distance = calcDistance(prevMovePoint, lastMovePoint), velocity = distance / intervalTime;
+                        velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold && (endEvent.velocity = velocity, 
+                        endEvent.direction = calcDirection(prevMovePoint, lastMovePoint), this.triggerEvent("swipe", endEvent));
+                    }
+                }
+            }
+            for (let i = 0, len = cachedEvents.length; i < len; i++) if (cachedEvents[i].pointerId === endEvent.pointerId) {
+                cachedEvents.splice(i, 1), startPoints.splice(i, 1);
+                break;
+            }
+            this.reset(), cachedEvents.length > 0 && this.onStart();
+        }, this.element = element, this.config = {
+            press: {
+                time: null !== (_b = null === (_a = null == config ? void 0 : config.press) || void 0 === _a ? void 0 : _a.time) && void 0 !== _b ? _b : 251,
+                threshold: null !== (_d = null === (_c = null == config ? void 0 : config.press) || void 0 === _c ? void 0 : _c.threshold) && void 0 !== _d ? _d : 9
+            },
+            swipe: {
+                threshold: null !== (_f = null === (_e = null == config ? void 0 : config.swipe) || void 0 === _e ? void 0 : _e.threshold) && void 0 !== _f ? _f : 10,
+                velocity: null !== (_h = null === (_g = null == config ? void 0 : config.swipe) || void 0 === _g ? void 0 : _g.velocity) && void 0 !== _h ? _h : .3
+            }
+        }, this.initEvents();
+    }
+    initEvents() {
+        const {element: element} = this;
+        element && (element.addEventListener("pointerdown", this.onStart), element.addEventListener("pointermove", this.onMove), 
+        element.addEventListener("pointerup", this.onEnd), element.addEventListener("pointerupoutside", this.onEnd));
+    }
+    removeEvents() {
+        const {element: element} = this;
+        element && (element.removeEventListener("pointerdown", this.onStart), element.removeEventListener("pointermove", this.onMove), 
+        element.removeEventListener("pointerup", this.onEnd), element.removeEventListener("pointerupoutside", this.onEnd));
+    }
+    release() {
+        this.removeEvents(), this.element = null;
+    }
+    getEventType(point) {
+        const {eventType: eventType, startTime: startTime, startPoints: startPoints} = this;
+        if (eventType) return eventType;
+        let type;
+        return type = vrender_core_1.clock.now() - startTime > this.config.press.time && calcDistance(startPoints[0], point) < this.config.press.threshold ? "press" : "pan", 
+        this.eventType = type, type;
+    }
+    enable(eventType) {
+        this.processEvent[eventType] = !0;
+    }
+    isProcess(eventType) {
+        return this.processEvent[eventType];
+    }
+    pushEvent(type, ev) {
+        const {emitThrottles: emitThrottles} = this, newEvent = {
+            type: type,
+            ev: ev
+        };
+        for (let i = 0, len = emitThrottles.length; i < len; i++) if (emitThrottles[i].type === type) return void emitThrottles.splice(i, 1, newEvent);
+        emitThrottles.push(newEvent);
+    }
+    clearPressTimeout() {
+        this.pressTimeout && (clearTimeout(this.pressTimeout), this.pressTimeout = null);
+    }
+    reset() {
+        this.clearPressTimeout(), this.startTime = 0, this.startDistance = 0, this.direction = null, 
+        this.eventType = null, this.prevMoveTime = 0, this.prevMovePoint = null, this.lastMoveTime = 0, 
+        this.lastMovePoint = null;
+    }
+    triggerEvent(type, ev) {
+        this.pushEvent(type, ev);
+        const {throttleTimer: throttleTimer, emitThrottles: emitThrottles} = this;
+        throttleTimer || (this.throttleTimer = vrender_core_1.application.global.getRequestAnimationFrame()((() => {
+            for (let i = 0, len = emitThrottles.length; i < len; i++) {
+                const {type: type, ev: ev} = emitThrottles[i];
+                this.emitEvent(type, ev);
+            }
+            this.throttleTimer = 0, this.emitThrottles.length = 0;
+        })));
+    }
+    triggerStartEvent(type, ev) {
+        this.isProcess(type) || (this.enable(type), this.triggerEvent(`${type}start`, ev));
+    }
+    triggerEndEvent(ev) {
+        const processEvent = this.processEvent;
+        Object.keys(processEvent).forEach((type => {
+            this.triggerEvent(`${type}end`, ev), "press" === type && this.triggerEvent(`${type}up`, ev), 
+            delete processEvent[type];
+        }));
+    }
+    emitEvent(type, e) {
+        const listeners = this.element._events[vrender_core_1.WILDCARD];
+        if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type); else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
+        this.emit(type, e);
+    }
+}
+
+exports.Gesture = Gesture;
+//# sourceMappingURL=gesture.js.map

package/cjs/event/extension/gesture.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/extension/gesture.ts"],"names":[],"mappings":";;;AAAA,yDAAsE;AAatE,6CAAgD;AA2BhD,MAAM,UAAU,GAAG,GAAG,CAAC;AACvB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,GAAe,EAAE,EAAE;IAC3D,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAClC,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC7C,OAAO,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;KACzC;IACD,OAAO,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACvC,CAAC,CAAC;AAGF,MAAM,YAAY,GAAG,CAAC,MAAkB,EAAE,MAAkB,EAAE,EAAE;IAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAChD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAoB,EAAE,EAAE;IACzC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;IAErC,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO;YACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B,CAAC;KACH;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,cAAc,EAAE;QACzB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,CAAC;KACL;IAED,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,cAAc,CAAC;QACjC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,cAAc,CAAC;KAClC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAa,OAAQ,SAAQ,qBAAY;IA2BvC,YAAY,OAAqB,EAAE,SAAwB,EAAE;;QAC3D,KAAK,EAAE,CAAC;QAzBF,iBAAY,GAA6B,EAAE,CAAC;QAK5C,gBAAW,GAAiB,EAAE,CAAC;QAE/B,iBAAY,GAA4B,EAAE,CAAC;QAY3C,kBAAa,GAAW,CAAC,CAAC;QAC1B,kBAAa,GAAsB,EAAE,CAAC;QAgDtC,YAAO,GAAG,CAAC,EAA0B,EAAE,EAAE;YAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;YAEb,IAAI,CAAC,SAAS,GAAG,oBAAK,CAAC,GAAG,EAAE,CAAC;YAE7B,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;YAE3C,IAAI,EAAE,EAAE;gBACN,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;aAC/B;YAED,WAAW,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;YACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC5C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;gBACjC,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACvB,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;aACxB;YAED,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC5B,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAA4B,CAAC;gBACzD,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;oBAClC,MAAM,SAAS,GAAG,OAAO,CAAC;oBAC1B,MAAM,SAAS,GAAG,MAAM,CAAC;oBACzB,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;oBAC5B,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;oBACjB,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;oBACjB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;oBAC3B,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBACzC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBACpC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;oBAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC7B,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC3B,OAAO;aACR;YAED,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEM,WAAM,GAAG,CAAC,EAAyB,EAAE,EAAE;YAC7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;gBACvB,OAAO;aACR;YAED,MAAM,SAAS,GAAG,EAAE,CAAC,KAAK,EAA6B,CAAC;YACxD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;YACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBACvD,IAAI,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE;oBAC3C,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;oBAC5B,MAAM;iBACP;aACF;YACD,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YACvB,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAEzF,MAAM,GAAG,GAAG,oBAAK,CAAC,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YACtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;YACxC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAE3B,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC5B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;gBAClC,MAAM,MAAM,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;gBAChC,MAAM,MAAM,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;gBAChC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;gBACrE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAE3B,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC3C,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;gBAChC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1B,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1B,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1B,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;gBAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;gBACxC,OAAO;aACR;YAED,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;YAC/B,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAG3D,SAAS,CAAC,KAAK,GAAG,eAAe,GAAG,aAAa,CAAC;YAClD,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC/B,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1B,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACxC,CAAC,CAAC;QAEM,UAAK,GAAG,CAAC,EAAyB,EAAE,EAAE;YAC5C,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK,EAA6B,CAAC;YACvD,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;YAC3C,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;gBACnC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;YAC9B,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAE/B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC7B,MAAM,GAAG,GAAG,oBAAK,CAAC,GAAG,EAAE,CAAC;gBACxB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;gBAGvC,IAAI,GAAG,GAAG,YAAY,GAAG,GAAG,EAAE;oBAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,SAAS,CAAC;oBACzD,MAAM,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;oBAEjD,IAAI,YAAY,GAAG,CAAC,EAAE;wBACpB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;wBAC3D,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;wBAC3D,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;wBAE5D,MAAM,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC;wBAEzC,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE;4BACnF,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;4BAC7B,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;4BACjE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;yBACtC;qBACF;iBACF;aACF;YAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBACvD,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,EAAE;oBACpD,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBAC1B,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBACzB,MAAM;iBACP;aACF;YAED,IAAI,CAAC,KAAK,EAAE,CAAC;YAGb,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC,CAAC;QArLA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,mCAAI,UAAU;gBACvC,SAAS,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,mCAAI,eAAe;aACvD;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,mCAAI,eAAe;gBACtD,QAAQ,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,QAAQ,mCAAI,cAAc;aACpD;SACF,CAAC;QACF,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,UAAU;QACR,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtD,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrD,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,YAAY;QACV,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IA+IO,YAAY,CAAC,KAAiB;QACpC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACnD,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,IAAI,CAAC;QACT,MAAM,GAAG,GAAG,oBAAK,CAAC,GAAG,EAAE,CAAC;QACxB,IAAI,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE;YACjH,IAAI,GAAG,OAAO,CAAC;SAChB;aAAM;YACL,IAAI,GAAG,KAAK,CAAC;SACd;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,MAAM,CAAC,SAAiB;QAC9B,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;IAGO,SAAS,CAAC,SAAiB;QACjC,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;IAEO,SAAS,CAAC,IAAY,EAAE,EAAgB;QAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;QAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;YACxD,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE;gBAClC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACrC,OAAO;aACR;SACF;QACD,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;IACH,CAAC;IAEO,KAAK;QACX,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAEO,YAAY,CAAC,IAAY,EAAE,EAAgB;QAEjD,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACzB,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC9C,IAAI,aAAa,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,GAAG,0BAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC,GAAG,EAAE;YACtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBACxD,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;gBACtC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;aAC1B;YAED,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAGO,iBAAiB,CAAC,IAAY,EAAE,EAAgB;QACtD,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO;SACR;QACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,OAAO,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC;IAEO,eAAe,CAAC,EAAgB;QACtC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvC,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;YACpC,IAAI,IAAI,KAAK,OAAO,EAAE;gBAEpB,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;aACpC;YACD,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,IAAY,EAAE,CAAe;QAC7C,MAAM,MAAM,GAAI,IAAI,CAAC,OAA0B,CAAC,OAAO,CAAC;QACxD,MAAM,SAAS,GAAG,MAAM,CAAC,uBAAQ,CAAC,CAAC;QACnC,IAAI,SAAS,EAAE;YACb,IAAI,IAAI,IAAI,SAAS,EAAE;gBACrB,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;aAC/C;iBAAM;gBACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,6BAA6B,EAAE,CAAC,EAAE,EAAE;oBACpF,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;iBACrD;aACF;SACF;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC;CACF;AAnUD,0BAmUC","file":"gesture.js","sourcesContent":["import { application, clock, WILDCARD } from '@visactor/vrender-core';\nimport type {\n  DefaultGestureConfig,\n  EmitEventObject,\n  GestureConfig,\n  GestureDirection,\n  GestureEvent,\n  IEventTarget,\n  IFederatedPointerEvent,\n  FederatedPointerEvent,\n  INode\n} from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport { EventEmitter } from '@visactor/vutils';\n\n/**\n * 代码参考 https://github.com/hammerjs/hammer.js\n * The MIT License (MIT)\n\n  Copyright (C) 2011-2017 by Jorik Tangelder (Eight Media)\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\nconst PRESS_TIME = 251;\nconst PRESS_THRESHOLD = 9;\nconst SWIPE_VELOCITY = 0.3;\nconst SWIPE_THRESHOLD = 10;\n\nconst calcDirection = (start: IPointLike, end: IPointLike) => {\n  const xDistance = end.x - start.x;\n  const yDistance = end.y - start.y;\n  if (Math.abs(xDistance) > Math.abs(yDistance)) {\n    return xDistance > 0 ? 'right' : 'left';\n  }\n  return yDistance > 0 ? 'down' : 'up';\n};\n\n// 计算2点之间的距离\nconst calcDistance = (point1: IPointLike, point2: IPointLike) => {\n  const xDistance = Math.abs(point2.x - point1.x);\n  const yDistance = Math.abs(point2.y - point1.y);\n  return Math.sqrt(xDistance * xDistance + yDistance * yDistance);\n};\n\nconst getCenter = (points: IPointLike[]) => {\n  const pointersLength = points.length;\n\n  if (pointersLength === 1) {\n    return {\n      x: Math.round(points[0].x),\n      y: Math.round(points[0].y)\n    };\n  }\n\n  let x = 0;\n  let y = 0;\n  let i = 0;\n  while (i < pointersLength) {\n    x += points[i].x;\n    y += points[i].y;\n    i++;\n  }\n\n  return {\n    x: Math.round(x / pointersLength),\n    y: Math.round(y / pointersLength)\n  };\n};\n\nexport class Gesture extends EventEmitter {\n  element: INode | null;\n\n  private cachedEvents: IFederatedPointerEvent[] = [];\n  private startTime: number;\n  // @ts-ignore\n  // eslint-disable-next-line no-undef\n  private pressTimeout: NodeJS.Timeout | null;\n  private startPoints: IPointLike[] = [];\n  // 用来记录当前触发的事件\n  private processEvent: Record<string, boolean> = {};\n  private startDistance: number;\n  private center: IPointLike;\n  private eventType: string | null;\n  private direction: GestureDirection | null;\n\n  private lastMoveTime: number;\n  private prevMoveTime: number;\n\n  private prevMovePoint: IPointLike | null;\n  private lastMovePoint: IPointLike | null;\n\n  private throttleTimer: number = 0;\n  private emitThrottles: EmitEventObject[] = [];\n\n  private config: DefaultGestureConfig;\n\n  constructor(element: IEventTarget, config: GestureConfig = {}) {\n    super();\n    this.element = element;\n    this.config = {\n      press: {\n        time: config?.press?.time ?? PRESS_TIME,\n        threshold: config?.press?.threshold ?? PRESS_THRESHOLD\n      },\n      swipe: {\n        threshold: config?.swipe?.threshold ?? SWIPE_THRESHOLD,\n        velocity: config?.swipe?.velocity ?? SWIPE_VELOCITY\n      }\n    };\n    this.initEvents();\n  }\n\n  initEvents() {\n    const { element } = this;\n    if (!element) {\n      return;\n    }\n\n    element.addEventListener('pointerdown', this.onStart);\n    element.addEventListener('pointermove', this.onMove);\n    element.addEventListener('pointerup', this.onEnd);\n    element.addEventListener('pointerupoutside', this.onEnd);\n  }\n\n  removeEvents() {\n    const { element } = this;\n    if (!element) {\n      return;\n    }\n    element.removeEventListener('pointerdown', this.onStart);\n    element.removeEventListener('pointermove', this.onMove);\n    element.removeEventListener('pointerup', this.onEnd);\n    element.removeEventListener('pointerupoutside', this.onEnd);\n  }\n\n  release() {\n    this.removeEvents();\n    this.element = null;\n  }\n\n  private onStart = (ev?: FederatedPointerEvent) => {\n    this.reset();\n\n    this.startTime = clock.now();\n\n    const { cachedEvents, startPoints } = this;\n\n    if (ev) {\n      cachedEvents.push(ev.clone());\n    }\n    // 重置 startPoints\n    startPoints.length = cachedEvents.length;\n    for (let i = 0; i < cachedEvents.length; i++) {\n      const { x, y } = cachedEvents[i];\n      const point = { x, y };\n      startPoints[i] = point;\n    }\n\n    if (startPoints.length === 1) {\n      const event = cachedEvents[0] as unknown as GestureEvent;\n      this.pressTimeout = setTimeout(() => {\n        const eventType = 'press';\n        const direction = 'none';\n        event.direction = direction;\n        event.deltaX = 0;\n        event.deltaY = 0;\n        event.points = startPoints;\n        this.triggerStartEvent(eventType, event);\n        this.triggerEvent(eventType, event);\n        this.eventType = eventType;\n        this.direction = direction;\n      }, this.config.press.time);\n      return;\n    }\n\n    this.startDistance = calcDistance(startPoints[0], startPoints[1]);\n    this.center = getCenter([startPoints[0], startPoints[1]]);\n  };\n\n  private onMove = (ev: FederatedPointerEvent) => {\n    this.clearPressTimeout();\n    const { startPoints, cachedEvents } = this;\n    if (!startPoints.length) {\n      return;\n    }\n\n    const moveEvent = ev.clone() as unknown as GestureEvent;\n    const { x, y, pointerId } = moveEvent;\n    for (let i = 0, len = cachedEvents.length; i < len; i++) {\n      if (pointerId === cachedEvents[i].pointerId) {\n        cachedEvents[i] = moveEvent;\n        break;\n      }\n    }\n    const point = { x, y };\n    const points = cachedEvents.map(cachedEvent => ({ x: cachedEvent.x, y: cachedEvent.y }));\n\n    const now = clock.now();\n    this.prevMoveTime = this.lastMoveTime;\n    this.prevMovePoint = this.lastMovePoint;\n    this.lastMoveTime = now;\n    this.lastMovePoint = point;\n\n    if (startPoints.length === 1) {\n      const startPoint = startPoints[0];\n      const deltaX = x - startPoint.x;\n      const deltaY = y - startPoint.y;\n      const direction = this.direction || calcDirection(startPoint, point);\n      this.direction = direction;\n\n      const eventType = this.getEventType(point);\n      moveEvent.direction = direction;\n      moveEvent.deltaX = deltaX;\n      moveEvent.deltaY = deltaY;\n      moveEvent.points = points;\n      this.triggerStartEvent(eventType, moveEvent);\n      this.triggerEvent(eventType, moveEvent);\n      return;\n    }\n\n    const { startDistance } = this;\n    const currentDistance = calcDistance(points[0], points[1]);\n\n    // 缩放比例\n    moveEvent.scale = currentDistance / startDistance;\n    moveEvent.center = this.center;\n    moveEvent.points = points;\n    this.triggerStartEvent('pinch', moveEvent);\n    this.triggerEvent('pinch', moveEvent);\n  };\n\n  private onEnd = (ev: FederatedPointerEvent) => {\n    const endEvent = ev.clone() as unknown as GestureEvent;\n    const { cachedEvents, startPoints } = this;\n    const points = cachedEvents.map(ev => {\n      return { x: ev.x, y: ev.y };\n    });\n    endEvent.points = points;\n    this.triggerEndEvent(endEvent);\n\n    if (cachedEvents.length === 1) {\n      const now = clock.now();\n      const lastMoveTime = this.lastMoveTime;\n      // 做这个判断是为了最后一次touchmove后到end前，是否还有一个停顿的过程\n      // 100 是拍的一个值，理论这个值会很短，一般不卡顿的话在10ms以内\n      if (now - lastMoveTime < 100) {\n        const prevMoveTime = this.prevMoveTime || this.startTime;\n        const intervalTime = lastMoveTime - prevMoveTime;\n        // 时间间隔一定要大于0, 否则计算没意义\n        if (intervalTime > 0) {\n          const prevMovePoint = this.prevMovePoint || startPoints[0];\n          const lastMovePoint = this.lastMovePoint || startPoints[0];\n          const distance = calcDistance(prevMovePoint, lastMovePoint);\n          // move速率\n          const velocity = distance / intervalTime;\n          // 0.3 是参考hammerjs的设置\n          if (velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold) {\n            endEvent.velocity = velocity;\n            endEvent.direction = calcDirection(prevMovePoint, lastMovePoint);\n            this.triggerEvent('swipe', endEvent);\n          }\n        }\n      }\n    }\n\n    for (let i = 0, len = cachedEvents.length; i < len; i++) {\n      if (cachedEvents[i].pointerId === endEvent.pointerId) {\n        cachedEvents.splice(i, 1);\n        startPoints.splice(i, 1);\n        break;\n      }\n    }\n\n    this.reset();\n\n    // 多指离开 1 指后，重新触发一次start\n    if (cachedEvents.length > 0) {\n      this.onStart();\n    }\n  };\n\n  private getEventType(point: IPointLike) {\n    const { eventType, startTime, startPoints } = this;\n    if (eventType) {\n      return eventType;\n    }\n    let type;\n    const now = clock.now();\n    if (now - startTime > this.config.press.time && calcDistance(startPoints[0], point) < this.config.press.threshold) {\n      type = 'press';\n    } else {\n      type = 'pan';\n    }\n    this.eventType = type;\n    return type;\n  }\n\n  private enable(eventType: string) {\n    this.processEvent[eventType] = true;\n  }\n\n  // 是否进行中的事件\n  private isProcess(eventType: string) {\n    return this.processEvent[eventType];\n  }\n\n  private pushEvent(type: string, ev: GestureEvent) {\n    const { emitThrottles } = this;\n    const newEvent = { type, ev };\n    for (let i = 0, len = emitThrottles.length; i < len; i++) {\n      if (emitThrottles[i].type === type) {\n        emitThrottles.splice(i, 1, newEvent);\n        return;\n      }\n    }\n    emitThrottles.push(newEvent);\n  }\n\n  private clearPressTimeout() {\n    if (this.pressTimeout) {\n      clearTimeout(this.pressTimeout);\n      this.pressTimeout = null;\n    }\n  }\n\n  private reset() {\n    this.clearPressTimeout();\n    this.startTime = 0;\n    this.startDistance = 0;\n    this.direction = null;\n    this.eventType = null;\n    this.prevMoveTime = 0;\n    this.prevMovePoint = null;\n    this.lastMoveTime = 0;\n    this.lastMovePoint = null;\n  }\n\n  private triggerEvent(type: string, ev: GestureEvent) {\n    // 主要是节流处理\n    this.pushEvent(type, ev);\n    const { throttleTimer, emitThrottles } = this;\n    if (throttleTimer) {\n      return;\n    }\n\n    this.throttleTimer = application.global.getRequestAnimationFrame()(() => {\n      for (let i = 0, len = emitThrottles.length; i < len; i++) {\n        const { type, ev } = emitThrottles[i];\n        this.emitEvent(type, ev);\n      }\n      // 清空\n      this.throttleTimer = 0;\n      this.emitThrottles.length = 0;\n    });\n  }\n\n  // 触发start事件\n  private triggerStartEvent(type: string, ev: GestureEvent) {\n    if (this.isProcess(type)) {\n      return;\n    }\n    this.enable(type);\n    this.triggerEvent(`${type}start`, ev);\n  }\n\n  private triggerEndEvent(ev: GestureEvent) {\n    const processEvent = this.processEvent;\n    Object.keys(processEvent).forEach(type => {\n      this.triggerEvent(`${type}end`, ev);\n      if (type === 'press') {\n        // pressend 别名，pressup\n        this.triggerEvent(`${type}up`, ev);\n      }\n      delete processEvent[type];\n    });\n  }\n\n  private emitEvent(type: string, e: GestureEvent) {\n    const events = (this.element as unknown as any)._events;\n    const listeners = events[WILDCARD];\n    if (listeners) {\n      if ('fn' in listeners) {\n        listeners.fn.call(listeners.context, e, type);\n      } else {\n        for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) {\n          listeners[i].fn.call(listeners[i].context, e, type);\n        }\n      }\n    }\n\n    this.emit(type, e);\n  }\n}\n"]}

package/cjs/event/extension/index.d.ts

@@ -0,0 +1,3 @@
+import { DragNDrop } from './drag';
+import { Gesture } from './gesture';
+export { DragNDrop, Gesture };

package/cjs/event/extension/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Gesture = exports.DragNDrop = void 0;
+
+const drag_1 = require("./drag");
+
+Object.defineProperty(exports, "DragNDrop", {
+    enumerable: !0,
+    get: function() {
+        return drag_1.DragNDrop;
+    }
+});
+
+const gesture_1 = require("./gesture");
+
+Object.defineProperty(exports, "Gesture", {
+    enumerable: !0,
+    get: function() {
+        return gesture_1.Gesture;
+    }
+});
+//# sourceMappingURL=index.js.map