@antv/g-plugin-mobile-interaction - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/index.esm.js

@@ -1,2 +0,9 @@
-import { __extends, __spreadArray, __read } from 'tslib';
+/*!
+ * @antv/g-plugin-mobile-interaction
+ * @description A G plugin listening events in mobile environment
+ * @version 1.0.12
+ * @date 10/23/2024, 7:14:17 AM
+ * @author AntVis
+ * @docs https://g.antv.antgroup.com/
+ */
 import { AbstractRendererPlugin } from '@antv/g-lite';
@@ -7,85 +14,84 @@
  */
-var MobileInteractionPlugin = /** @class */ (function () {
-    function MobileInteractionPlugin() {
-    }
-    MobileInteractionPlugin.prototype.apply = function (context) {
-        var renderingService = context.renderingService, contextService = context.contextService, config = context.config;
-        // 获取小程序上下文
-        var canvasEl = contextService.getDomElement();
-        var onPointerDown = function (ev) {
-            renderingService.hooks.pointerDown.call(ev);
-        };
-        var onPointerUp = function (ev) {
-            renderingService.hooks.pointerUp.call(ev);
-        };
-        var onPointerMove = function (ev) {
-            // 触发 G 定义的标准 pointerMove 事件
-            renderingService.hooks.pointerMove.call(ev);
-        };
-        var onPointerOver = function (ev) {
-            renderingService.hooks.pointerOver.call(ev);
-        };
-        var onPointerOut = function (ev) {
-            renderingService.hooks.pointerOut.call(ev);
-        };
-        var onClick = function (ev) {
-            renderingService.hooks.click.call(ev);
-        };
-        var onPointerCancel = function (ev) {
-            renderingService.hooks.pointerCancel.call(ev);
-        };
-        renderingService.hooks.init.tap(MobileInteractionPlugin.tag, function () {
-            // 基于小程序上下文的事件监听方式，绑定事件监听，可以参考下面基于 DOM 的方式
-            canvasEl.addEventListener('touchstart', onPointerDown, true);
-            canvasEl.addEventListener('touchend', onPointerUp, true);
-            canvasEl.addEventListener('touchmove', onPointerMove, true);
-            canvasEl.addEventListener('touchcancel', onPointerCancel, true);
-            // FIXME: 这里不应该只在 canvasEl 上监听 mousemove 和 mouseup，而应该在更高层级的节点上例如 document 监听。
-            // 否则无法判断是否移出了 canvasEl
-            // canvasEl.addEventListener('mousemove', onPointerMove, true);
-            // canvasEl.addEventListener('mousedown', onPointerDown, true);
-            canvasEl.addEventListener('mouseout', onPointerOut, true);
-            canvasEl.addEventListener('mouseover', onPointerOver, true);
-            // canvasEl.addEventListener('mouseup', onPointerUp, true);
-            if (config.useNativeClickEvent) {
-                canvasEl.addEventListener('click', onClick, true);
-            }
-        });
-        renderingService.hooks.destroy.tap(MobileInteractionPlugin.tag, function () {
-            // 基于小程序上下文的事件监听方式，移除事件监听
-            canvasEl.removeEventListener('touchstart', onPointerDown, true);
-            canvasEl.removeEventListener('touchend', onPointerUp, true);
-            canvasEl.removeEventListener('touchmove', onPointerMove, true);
-            canvasEl.removeEventListener('touchcancel', onPointerCancel, true);
-            // canvasEl.removeEventListener('mousemove', onPointerMove, true);
-            // canvasEl.removeEventListener('mousedown', onPointerDown, true);
-            canvasEl.removeEventListener('mouseout', onPointerOut, true);
-            canvasEl.removeEventListener('mouseover', onPointerOver, true);
-            // canvasEl.removeEventListener('mouseup', onPointerUp, true);
-            if (config.useNativeClickEvent) {
-                canvasEl.removeEventListener('click', onClick, true);
-            }
-        });
+class MobileInteractionPlugin {
+  apply(context) {
+    var renderingService = context.renderingService,
+      contextService = context.contextService,
+      config = context.config;
+    // 获取小程序上下文
+    var canvasEl = contextService.getDomElement();
+    var onPointerDown = ev => {
+      renderingService.hooks.pointerDown.call(ev);
     };
-    MobileInteractionPlugin.tag = 'MobileInteraction';
-    return MobileInteractionPlugin;
-}());
-
-var Plugin = /** @class */ (function (_super) {
-    __extends(Plugin, _super);
-    function Plugin() {
-        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
-        _this.name = 'mobile-interaction';
-        return _this;
-    }
-    Plugin.prototype.init = function () {
-        this.addRenderingPlugin(new MobileInteractionPlugin());
+    var onPointerUp = ev => {
+      renderingService.hooks.pointerUp.call(ev);
     };
-    Plugin.prototype.destroy = function () {
-        this.removeAllRenderingPlugins();
+    var onPointerMove = ev => {
+      // 触发 G 定义的标准 pointerMove 事件
+      renderingService.hooks.pointerMove.call(ev);
     };
-    return Plugin;
-}(AbstractRendererPlugin));
+    var onPointerOver = ev => {
+      renderingService.hooks.pointerOver.call(ev);
+    };
+    var onPointerOut = ev => {
+      renderingService.hooks.pointerOut.call(ev);
+    };
+    var onClick = ev => {
+      renderingService.hooks.click.call(ev);
+    };
+    var onPointerCancel = ev => {
+      renderingService.hooks.pointerCancel.call(ev);
+    };
+    renderingService.hooks.init.tap(MobileInteractionPlugin.tag, () => {
+      // 基于小程序上下文的事件监听方式，绑定事件监听，可以参考下面基于 DOM 的方式
+      canvasEl.addEventListener('touchstart', onPointerDown, true);
+      canvasEl.addEventListener('touchend', onPointerUp, true);
+      canvasEl.addEventListener('touchmove', onPointerMove, true);
+      canvasEl.addEventListener('touchcancel', onPointerCancel, true);
+      // FIXME: 这里不应该只在 canvasEl 上监听 mousemove 和 mouseup，而应该在更高层级的节点上例如 document 监听。
+      // 否则无法判断是否移出了 canvasEl
+      // canvasEl.addEventListener('mousemove', onPointerMove, true);
+      // canvasEl.addEventListener('mousedown', onPointerDown, true);
+      canvasEl.addEventListener('mouseout', onPointerOut, true);
+      canvasEl.addEventListener('mouseover', onPointerOver, true);
+      // canvasEl.addEventListener('mouseup', onPointerUp, true);
 
+      if (config.useNativeClickEvent) {
+        canvasEl.addEventListener('click', onClick, true);
+      }
+    });
+    renderingService.hooks.destroy.tap(MobileInteractionPlugin.tag, () => {
+      // 基于小程序上下文的事件监听方式，移除事件监听
+      canvasEl.removeEventListener('touchstart', onPointerDown, true);
+      canvasEl.removeEventListener('touchend', onPointerUp, true);
+      canvasEl.removeEventListener('touchmove', onPointerMove, true);
+      canvasEl.removeEventListener('touchcancel', onPointerCancel, true);
+
+      // canvasEl.removeEventListener('mousemove', onPointerMove, true);
+      // canvasEl.removeEventListener('mousedown', onPointerDown, true);
+      canvasEl.removeEventListener('mouseout', onPointerOut, true);
+      canvasEl.removeEventListener('mouseover', onPointerOver, true);
+      // canvasEl.removeEventListener('mouseup', onPointerUp, true);
+
+      if (config.useNativeClickEvent) {
+        canvasEl.removeEventListener('click', onClick, true);
+      }
+    });
+  }
+}
+MobileInteractionPlugin.tag = 'MobileInteraction';
+
+class Plugin extends AbstractRendererPlugin {
+  constructor() {
+    super(...arguments);
+    this.name = 'mobile-interaction';
+  }
+  init() {
+    this.addRenderingPlugin(new MobileInteractionPlugin());
+  }
+  destroy() {
+    this.removeAllRenderingPlugins();
+  }
+}
+
 export { Plugin };
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -0,4 +1,11 @@
+/*!
+ * @antv/g-plugin-mobile-interaction
+ * @description A G plugin listening events in mobile environment
+ * @version 1.0.12
+ * @date 10/23/2024, 7:14:17 AM
+ * @author AntVis
+ * @docs https://g.antv.antgroup.com/
+ */
 'use strict';
 
-var tslib = require('tslib');
 var gLite = require('@antv/g-lite');
@@ -9,85 +16,84 @@
  */
-var MobileInteractionPlugin = /** @class */ (function () {
-    function MobileInteractionPlugin() {
-    }
-    MobileInteractionPlugin.prototype.apply = function (context) {
-        var renderingService = context.renderingService, contextService = context.contextService, config = context.config;
-        // 获取小程序上下文
-        var canvasEl = contextService.getDomElement();
-        var onPointerDown = function (ev) {
-            renderingService.hooks.pointerDown.call(ev);
-        };
-        var onPointerUp = function (ev) {
-            renderingService.hooks.pointerUp.call(ev);
-        };
-        var onPointerMove = function (ev) {
-            // 触发 G 定义的标准 pointerMove 事件
-            renderingService.hooks.pointerMove.call(ev);
-        };
-        var onPointerOver = function (ev) {
-            renderingService.hooks.pointerOver.call(ev);
-        };
-        var onPointerOut = function (ev) {
-            renderingService.hooks.pointerOut.call(ev);
-        };
-        var onClick = function (ev) {
-            renderingService.hooks.click.call(ev);
-        };
-        var onPointerCancel = function (ev) {
-            renderingService.hooks.pointerCancel.call(ev);
-        };
-        renderingService.hooks.init.tap(MobileInteractionPlugin.tag, function () {
-            // 基于小程序上下文的事件监听方式，绑定事件监听，可以参考下面基于 DOM 的方式
-            canvasEl.addEventListener('touchstart', onPointerDown, true);
-            canvasEl.addEventListener('touchend', onPointerUp, true);
-            canvasEl.addEventListener('touchmove', onPointerMove, true);
-            canvasEl.addEventListener('touchcancel', onPointerCancel, true);
-            // FIXME: 这里不应该只在 canvasEl 上监听 mousemove 和 mouseup，而应该在更高层级的节点上例如 document 监听。
-            // 否则无法判断是否移出了 canvasEl
-            // canvasEl.addEventListener('mousemove', onPointerMove, true);
-            // canvasEl.addEventListener('mousedown', onPointerDown, true);
-            canvasEl.addEventListener('mouseout', onPointerOut, true);
-            canvasEl.addEventListener('mouseover', onPointerOver, true);
-            // canvasEl.addEventListener('mouseup', onPointerUp, true);
-            if (config.useNativeClickEvent) {
-                canvasEl.addEventListener('click', onClick, true);
-            }
-        });
-        renderingService.hooks.destroy.tap(MobileInteractionPlugin.tag, function () {
-            // 基于小程序上下文的事件监听方式，移除事件监听
-            canvasEl.removeEventListener('touchstart', onPointerDown, true);
-            canvasEl.removeEventListener('touchend', onPointerUp, true);
-            canvasEl.removeEventListener('touchmove', onPointerMove, true);
-            canvasEl.removeEventListener('touchcancel', onPointerCancel, true);
-            // canvasEl.removeEventListener('mousemove', onPointerMove, true);
-            // canvasEl.removeEventListener('mousedown', onPointerDown, true);
-            canvasEl.removeEventListener('mouseout', onPointerOut, true);
-            canvasEl.removeEventListener('mouseover', onPointerOver, true);
-            // canvasEl.removeEventListener('mouseup', onPointerUp, true);
-            if (config.useNativeClickEvent) {
-                canvasEl.removeEventListener('click', onClick, true);
-            }
-        });
+class MobileInteractionPlugin {
+  apply(context) {
+    var renderingService = context.renderingService,
+      contextService = context.contextService,
+      config = context.config;
+    // 获取小程序上下文
+    var canvasEl = contextService.getDomElement();
+    var onPointerDown = ev => {
+      renderingService.hooks.pointerDown.call(ev);
     };
-    MobileInteractionPlugin.tag = 'MobileInteraction';
-    return MobileInteractionPlugin;
-}());
-
-var Plugin = /** @class */ (function (_super) {
-    tslib.__extends(Plugin, _super);
-    function Plugin() {
-        var _this = _super.apply(this, tslib.__spreadArray([], tslib.__read(arguments), false)) || this;
-        _this.name = 'mobile-interaction';
-        return _this;
-    }
-    Plugin.prototype.init = function () {
-        this.addRenderingPlugin(new MobileInteractionPlugin());
+    var onPointerUp = ev => {
+      renderingService.hooks.pointerUp.call(ev);
     };
-    Plugin.prototype.destroy = function () {
-        this.removeAllRenderingPlugins();
+    var onPointerMove = ev => {
+      // 触发 G 定义的标准 pointerMove 事件
+      renderingService.hooks.pointerMove.call(ev);
     };
-    return Plugin;
-}(gLite.AbstractRendererPlugin));
+    var onPointerOver = ev => {
+      renderingService.hooks.pointerOver.call(ev);
+    };
+    var onPointerOut = ev => {
+      renderingService.hooks.pointerOut.call(ev);
+    };
+    var onClick = ev => {
+      renderingService.hooks.click.call(ev);
+    };
+    var onPointerCancel = ev => {
+      renderingService.hooks.pointerCancel.call(ev);
+    };
+    renderingService.hooks.init.tap(MobileInteractionPlugin.tag, () => {
+      // 基于小程序上下文的事件监听方式，绑定事件监听，可以参考下面基于 DOM 的方式
+      canvasEl.addEventListener('touchstart', onPointerDown, true);
+      canvasEl.addEventListener('touchend', onPointerUp, true);
+      canvasEl.addEventListener('touchmove', onPointerMove, true);
+      canvasEl.addEventListener('touchcancel', onPointerCancel, true);
+      // FIXME: 这里不应该只在 canvasEl 上监听 mousemove 和 mouseup，而应该在更高层级的节点上例如 document 监听。
+      // 否则无法判断是否移出了 canvasEl
+      // canvasEl.addEventListener('mousemove', onPointerMove, true);
+      // canvasEl.addEventListener('mousedown', onPointerDown, true);
+      canvasEl.addEventListener('mouseout', onPointerOut, true);
+      canvasEl.addEventListener('mouseover', onPointerOver, true);
+      // canvasEl.addEventListener('mouseup', onPointerUp, true);
 
+      if (config.useNativeClickEvent) {
+        canvasEl.addEventListener('click', onClick, true);
+      }
+    });
+    renderingService.hooks.destroy.tap(MobileInteractionPlugin.tag, () => {
+      // 基于小程序上下文的事件监听方式，移除事件监听
+      canvasEl.removeEventListener('touchstart', onPointerDown, true);
+      canvasEl.removeEventListener('touchend', onPointerUp, true);
+      canvasEl.removeEventListener('touchmove', onPointerMove, true);
+      canvasEl.removeEventListener('touchcancel', onPointerCancel, true);
+
+      // canvasEl.removeEventListener('mousemove', onPointerMove, true);
+      // canvasEl.removeEventListener('mousedown', onPointerDown, true);
+      canvasEl.removeEventListener('mouseout', onPointerOut, true);
+      canvasEl.removeEventListener('mouseover', onPointerOver, true);
+      // canvasEl.removeEventListener('mouseup', onPointerUp, true);
+
+      if (config.useNativeClickEvent) {
+        canvasEl.removeEventListener('click', onClick, true);
+      }
+    });
+  }
+}
+MobileInteractionPlugin.tag = 'MobileInteraction';
+
+class Plugin extends gLite.AbstractRendererPlugin {
+  constructor() {
+    super(...arguments);
+    this.name = 'mobile-interaction';
+  }
+  init() {
+    this.addRenderingPlugin(new MobileInteractionPlugin());
+  }
+  destroy() {
+    this.removeAllRenderingPlugins();
+  }
+}
+
 exports.Plugin = Plugin;
 //# sourceMappingURL=index.js.map

dist/index.umd.min.js

@@ -1,2 +0,10 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@antv/g-lite")):"function"==typeof define&&define.amd?define(["exports","@antv/g-lite"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).G=e.G||{},e.G.MobileInteraction={}),e.window.G)}(this,(function(e,t){"use strict";var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},n(e,t)};"function"==typeof SuppressedError&&SuppressedError;var o=function(){function e(){}return e.prototype.apply=function(t){var n=t.renderingService,o=t.config,r=t.contextService.getDomElement(),i=function(e){n.hooks.pointerDown.call(e)},c=function(e){n.hooks.pointerUp.call(e)},u=function(e){n.hooks.pointerMove.call(e)},l=function(e){n.hooks.pointerOver.call(e)},a=function(e){n.hooks.pointerOut.call(e)},s=function(e){n.hooks.click.call(e)},f=function(e){n.hooks.pointerCancel.call(e)};n.hooks.init.tap(e.tag,(function(){r.addEventListener("touchstart",i,!0),r.addEventListener("touchend",c,!0),r.addEventListener("touchmove",u,!0),r.addEventListener("touchcancel",f,!0),r.addEventListener("mouseout",a,!0),r.addEventListener("mouseover",l,!0),o.useNativeClickEvent&&r.addEventListener("click",s,!0)})),n.hooks.destroy.tap(e.tag,(function(){r.removeEventListener("touchstart",i,!0),r.removeEventListener("touchend",c,!0),r.removeEventListener("touchmove",u,!0),r.removeEventListener("touchcancel",f,!0),r.removeEventListener("mouseout",a,!0),r.removeEventListener("mouseover",l,!0),o.useNativeClickEvent&&r.removeEventListener("click",s,!0)}))},e.tag="MobileInteraction",e}(),r=function(e){function t(){var t=e.apply(this,function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;i>r;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}([],function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)c.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return c}(arguments),!1))||this;return t.name="mobile-interaction",t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+t+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}(t,e),t.prototype.init=function(){this.addRenderingPlugin(new o)},t.prototype.destroy=function(){this.removeAllRenderingPlugins()},t}(t.AbstractRendererPlugin);e.Plugin=r}));
+/*!
+ * @antv/g-plugin-mobile-interaction
+ * @description A G plugin listening events in mobile environment
+ * @version 1.0.12
+ * @date 10/23/2024, 7:14:17 AM
+ * @author AntVis
+ * @docs https://g.antv.antgroup.com/
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@antv/g-lite")):"function"==typeof define&&define.amd?define(["exports","@antv/g-lite"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).G=e.G||{},e.G.MobileInteraction={}),e.window.G)}(this,(function(e,t){"use strict";class n{apply(e){var t=e.renderingService,o=e.config,i=e.contextService.getDomElement(),r=e=>{t.hooks.pointerDown.call(e)},s=e=>{t.hooks.pointerUp.call(e)},c=e=>{t.hooks.pointerMove.call(e)},l=e=>{t.hooks.pointerOver.call(e)},a=e=>{t.hooks.pointerOut.call(e)},v=e=>{t.hooks.click.call(e)},d=e=>{t.hooks.pointerCancel.call(e)};t.hooks.init.tap(n.tag,(()=>{i.addEventListener("touchstart",r,!0),i.addEventListener("touchend",s,!0),i.addEventListener("touchmove",c,!0),i.addEventListener("touchcancel",d,!0),i.addEventListener("mouseout",a,!0),i.addEventListener("mouseover",l,!0),o.useNativeClickEvent&&i.addEventListener("click",v,!0)})),t.hooks.destroy.tap(n.tag,(()=>{i.removeEventListener("touchstart",r,!0),i.removeEventListener("touchend",s,!0),i.removeEventListener("touchmove",c,!0),i.removeEventListener("touchcancel",d,!0),i.removeEventListener("mouseout",a,!0),i.removeEventListener("mouseover",l,!0),o.useNativeClickEvent&&i.removeEventListener("click",v,!0)}))}}n.tag="MobileInteraction";e.Plugin=class extends t.AbstractRendererPlugin{constructor(){super(...arguments),this.name="mobile-interaction"}init(){this.addRenderingPlugin(new n)}destroy(){this.removeAllRenderingPlugins()}}}));
 //# sourceMappingURL=index.umd.min.js.map

package.json

 {
   "name": "@antv/g-plugin-mobile-interaction",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "A G plugin listening events in mobile environment",
@@ -20,3 +20,3 @@ "keywords": [
   "exports": {
-    "types": "./dist/index.d.ts",
+    "types": "./types/index.d.ts",
     "import": "./dist/index.esm.js",
@@ -28,6 +28,7 @@ "default": "./dist/index.js"
   "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "types": "types/index.d.ts",
   "files": [
     "package.json",
     "dist",
+    "types",
     "LICENSE",
@@ -37,4 +38,5 @@ "README.md"
   "dependencies": {
+    "@babel/runtime": "^7.25.6",
     "tslib": "^2.5.3",
-    "@antv/g-lite": "2.1.0"
+    "@antv/g-lite": "2.1.1"
   },
@@ -45,3 +47,4 @@ "publishConfig": {
   "scripts": {
-    "build": "npm run clean && rollup -c",
+    "build:types": "tsc --emitDeclarationOnly --noCheck",
+    "build": "npm run clean && npm run build:types && rollup -c",
     "clean": "rimraf dist",
@@ -48,0 +51,0 @@ "sync": "tnpm sync",

No alert changes

Improved metrics

Number of package files

13

increased by18.18%

Lines of code

210

increased by4.48%

Worsened metrics

Total package byte prevSize

33088

decreased by-21.87%

Dependency count

3

increased by50%

Dependency changes

• + Added@babel/runtime@^7.25.6

• + Added@antv/g-lite@2.1.1(transitive)

• + Added@babel/runtime@7.26.7(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• - Removed@antv/g-lite@2.1.0(transitive)

• Updated@antv/g-lite@2.1.1