@eva/plugin-renderer-event 1.2.1 → 1.2.2-alpha.3

package/dist/EVA.plugin.renderer.event.js

@@ -1,10 +1,10 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-this.EVA = this.EVA || {};
-this.EVA.plugin = this.EVA.plugin || {};
-this.EVA.plugin.renderer = this.EVA.plugin.renderer || {};
+window.EVA = window.EVA || {};
+window.EVA.plugin = window.EVA.plugin || {};
+window.EVA.plugin.renderer = window.EVA.plugin.renderer || {};
 
-this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi_js) {
+var _EVA_IIFE_event = function (exports, pluginRenderer, eva_js, pixi_js) {
   'use strict';
 
   var _extendStatics = function extendStatics(d, b) {
@@ -167,7 +167,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -182,7 +183,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -197,7 +199,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -212,7 +215,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -227,7 +231,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -242,7 +247,8 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
             position: {
               x: e.data.global.x,
               y: e.data.global.y
-            }
+            },
+            localPosition: container.worldTransform.applyInverse(e.data.global)
           },
           gameObject: component.gameObject
         });
@@ -372,3 +378,5 @@ this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi
   });
   return exports;
 }({}, EVA.plugin.renderer, EVA, PIXI);
+
+window.EVA.plugin.renderer.event = window.EVA.plugin.renderer.event || _EVA_IIFE_event;

package/dist/EVA.plugin.renderer.event.min.js

@@ -1 +1 @@
-function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}this.EVA=this.EVA||{},this.EVA.plugin=this.EVA.plugin||{},this.EVA.plugin.renderer=this.EVA.plugin.renderer||{},this.EVA.plugin.renderer.event=function(t,e,n,o){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function i(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function a(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function p(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(a(arguments[e]));return t}var c,l={Circle:o.Circle,Ellipse:o.Ellipse,Polygon:o.Polygon,Rect:o.Rectangle,RoundedRect:o.RoundedRectangle},d={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]},u=function(t){function o(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="Event",e}return i(o,t),o.prototype.init=function(t){var n=(void 0===t?{}:t).moveWhenInside,o=void 0!==n&&n;this.renderSystem=this.game.getSystem(e.RendererSystem),this.renderSystem.rendererManager.register(this);try{this.renderSystem.application.renderer.plugins.interaction.moveWhenInside=o}catch(t){console.error("Setting moveWhenInside error.",t)}},o.prototype.componentChanged=function(t){switch(t.type){case n.OBSERVER_TYPE.ADD:this.add(t);break;case n.OBSERVER_TYPE.REMOVE:this.remove(t);break;case n.OBSERVER_TYPE.CHANGE:this.change(t)}},o.prototype.add=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0,e.interactiveChildren=!0;var n=t.component;n.hitArea&&this.addHitArea(t,e,n.hitArea),e.on("pointertap",(function(t){n.emit("tap",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})})),e.on("pointerdown",(function(t){n.emit("touchstart",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})})),e.on("pointermove",(function(t){n.emit("touchmove",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})})),e.on("pointerup",(function(t){n.emit("touchend",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})})),e.on("pointerupoutside",(function(t){n.emit("touchendoutside",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})})),e.on("pointercancel",(function(t){n.emit("touchcancel",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:n.gameObject})}))},o.prototype.remove=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!1,e.off("tap"),e.off("pointerdown"),e.off("pointermove"),e.off("pointerup"),e.off("pointerupoutside"),e.off("pointercancel"),t.component.removeAllListeners()},o.prototype.change=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0;var n=t.component;n.hitArea?this.addHitArea(t,e,n.hitArea):n.hitArea=null},o.prototype.addHitArea=function(t,e,n){var o,r,i,a=n.type,c=n.style;if(l[a]){var u=[];try{for(var s=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(d[a]),f=s.next();!f.done;f=s.next()){var y=f.value;u.push(c[y])}}catch(t){o={error:t}}finally{try{f&&!f.done&&(r=s.return)&&r.call(s)}finally{if(o)throw o.error}}var g=new((i=l[a]).bind.apply(i,p([void 0],u)));e.hitArea=g}else console.error(t.gameObject.name+"'s hitArea type is not defined")},o.systemName="Event",o=function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}([n.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],o)}(e.Renderer);t.HIT_AREA_TYPE=void 0,(c=t.HIT_AREA_TYPE||(t.HIT_AREA_TYPE={})).Circle="Circle",c.Ellipse="Ellipse",c.Polygon="Polygon",c.Rect="Rect",c.RoundedRect="RoundedRect";var s=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hitArea=void 0,e}return i(e,t),e.prototype.init=function(t){t&&_extends(this,t)},e.prototype.emit=function(e){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return t.prototype.emit.apply(this,p([e],n))},e.prototype.once=function(e,n,o){return t.prototype.once.call(this,e,n,o)},e.prototype.on=function(e,n,o){return t.prototype.on.call(this,e,n,o)},e.componentName="Event",e}(n.Component);return t.Event=s,t.EventSystem=u,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA.plugin.renderer,EVA,PIXI);
+function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}var _EVA_IIFE_event=function(t,e,o,n){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function a(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function i(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,r,a=o.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(t){r={error:t}}finally{try{n&&!n.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}return i}function p(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(i(arguments[e]));return t}var l,c={Circle:n.Circle,Ellipse:n.Ellipse,Polygon:n.Polygon,Rect:n.Rectangle,RoundedRect:n.RoundedRectangle},d={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]},s=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="Event",e}return a(n,t),n.prototype.init=function(t){var o=(void 0===t?{}:t).moveWhenInside,n=void 0!==o&&o;this.renderSystem=this.game.getSystem(e.RendererSystem),this.renderSystem.rendererManager.register(this);try{this.renderSystem.application.renderer.plugins.interaction.moveWhenInside=n}catch(t){console.error("Setting moveWhenInside error.",t)}},n.prototype.componentChanged=function(t){switch(t.type){case o.OBSERVER_TYPE.ADD:this.add(t);break;case o.OBSERVER_TYPE.REMOVE:this.remove(t);break;case o.OBSERVER_TYPE.CHANGE:this.change(t)}},n.prototype.add=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0,e.interactiveChildren=!0;var o=t.component;o.hitArea&&this.addHitArea(t,e,o.hitArea),e.on("pointertap",(function(t){o.emit("tap",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerdown",(function(t){o.emit("touchstart",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointermove",(function(t){o.emit("touchmove",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerup",(function(t){o.emit("touchend",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerupoutside",(function(t){o.emit("touchendoutside",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointercancel",(function(t){o.emit("touchcancel",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})}))},n.prototype.remove=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!1,e.off("tap"),e.off("pointerdown"),e.off("pointermove"),e.off("pointerup"),e.off("pointerupoutside"),e.off("pointercancel"),t.component.removeAllListeners()},n.prototype.change=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0;var o=t.component;o.hitArea?this.addHitArea(t,e,o.hitArea):o.hitArea=null},n.prototype.addHitArea=function(t,e,o){var n,r,a,i=o.type,l=o.style;if(c[i]){var s=[];try{for(var u=function(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(d[i]),f=u.next();!f.done;f=u.next()){var y=f.value;s.push(l[y])}}catch(t){n={error:t}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}var g=new((a=c[i]).bind.apply(a,p([void 0],s)));e.hitArea=g}else console.error(t.gameObject.name+"'s hitArea type is not defined")},n.systemName="Event",n=function(t,e,o,n){var r,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(i=(a<3?r(i):a>3?r(e,o,i):r(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i}([o.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],n)}(e.Renderer);t.HIT_AREA_TYPE=void 0,(l=t.HIT_AREA_TYPE||(t.HIT_AREA_TYPE={})).Circle="Circle",l.Ellipse="Ellipse",l.Polygon="Polygon",l.Rect="Rect",l.RoundedRect="RoundedRect";var u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hitArea=void 0,e}return a(e,t),e.prototype.init=function(t){t&&_extends(this,t)},e.prototype.emit=function(e){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return t.prototype.emit.apply(this,p([e],o))},e.prototype.once=function(e,o,n){return t.prototype.once.call(this,e,o,n)},e.prototype.on=function(e,o,n){return t.prototype.on.call(this,e,o,n)},e.componentName="Event",e}(o.Component);return t.Event=u,t.EventSystem=s,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA.plugin.renderer,EVA,PIXI);

package/dist/miniprogram.js

@@ -0,0 +1,285 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { __extends, __values, __spread, __decorate } from 'tslib';
+import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
+import { OBSERVER_TYPE, decorators, Component } from '@eva/eva.js/dist/miniprogram';
+import { Circle, Ellipse, Polygon, Rectangle, RoundedRectangle } from '@eva/miniprogram-pixi';
+var hitAreaFunc = {
+  Circle: Circle,
+  Ellipse: Ellipse,
+  Polygon: Polygon,
+  Rect: Rectangle,
+  RoundedRect: RoundedRectangle
+};
+var propertyForHitArea = {
+  Circle: ['x', 'y', 'radius'],
+  Ellipse: ['x', 'y', 'width', 'height'],
+  Rect: ['x', 'y', 'width', 'height'],
+  RoundedRect: ['x', 'y', 'width', 'height', 'radius'],
+  Polygon: ['paths']
+};
+
+var Event$2 = function (_super) {
+  __extends(Event, _super);
+
+  function Event() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.name = 'Event';
+    return _this;
+  }
+
+  Event.prototype.init = function (_a) {
+    var _b = (_a === void 0 ? {} : _a).moveWhenInside,
+        moveWhenInside = _b === void 0 ? false : _b;
+    this.renderSystem = this.game.getSystem(RendererSystem);
+    this.renderSystem.rendererManager.register(this);
+
+    try {
+      this.renderSystem.application.renderer.plugins.interaction.moveWhenInside = moveWhenInside;
+    } catch (e) {
+      console.error('Setting moveWhenInside error.', e);
+    }
+  };
+
+  Event.prototype.componentChanged = function (changed) {
+    switch (changed.type) {
+      case OBSERVER_TYPE.ADD:
+        this.add(changed);
+        break;
+
+      case OBSERVER_TYPE.REMOVE:
+        this.remove(changed);
+        break;
+
+      case OBSERVER_TYPE.CHANGE:
+        this.change(changed);
+        break;
+    }
+  };
+
+  Event.prototype.add = function (changed) {
+    var container = this.containerManager.getContainer(changed.gameObject.id);
+    container.interactive = true;
+    container.interactiveChildren = true;
+    var component = changed.component;
+
+    if (component.hitArea) {
+      this.addHitArea(changed, container, component.hitArea);
+    }
+
+    container.on('pointertap', function (e) {
+      component.emit('tap', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+    container.on('pointerdown', function (e) {
+      component.emit('touchstart', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+    container.on('pointermove', function (e) {
+      component.emit('touchmove', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+    container.on('pointerup', function (e) {
+      component.emit('touchend', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+    container.on('pointerupoutside', function (e) {
+      component.emit('touchendoutside', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+    container.on('pointercancel', function (e) {
+      component.emit('touchcancel', {
+        stopPropagation: function stopPropagation() {
+          return e.stopPropagation();
+        },
+        data: {
+          pointerId: e.data.pointerId,
+          position: {
+            x: e.data.global.x,
+            y: e.data.global.y
+          },
+          localPosition: container.worldTransform.applyInverse(e.data.global)
+        },
+        gameObject: component.gameObject
+      });
+    });
+  };
+
+  Event.prototype.remove = function (changed) {
+    var container = this.containerManager.getContainer(changed.gameObject.id);
+    container.interactive = false;
+    container.off('tap');
+    container.off('pointerdown');
+    container.off('pointermove');
+    container.off('pointerup');
+    container.off('pointerupoutside');
+    container.off('pointercancel');
+    changed.component.removeAllListeners();
+  };
+
+  Event.prototype.change = function (changed) {
+    var container = this.containerManager.getContainer(changed.gameObject.id);
+    container.interactive = true;
+    var component = changed.component;
+
+    if (component.hitArea) {
+      this.addHitArea(changed, container, component.hitArea);
+    } else {
+      component.hitArea = null;
+    }
+  };
+
+  Event.prototype.addHitArea = function (changed, container, hitArea) {
+    var e_1, _a, _b;
+
+    var type = hitArea.type,
+        style = hitArea.style;
+
+    if (!hitAreaFunc[type]) {
+      console.error(changed.gameObject.name + "'s hitArea type is not defined");
+      return;
+    }
+
+    var params = [];
+
+    try {
+      for (var _c = __values(propertyForHitArea[type]), _d = _c.next(); !_d.done; _d = _c.next()) {
+        var key = _d.value;
+        params.push(style[key]);
+      }
+    } catch (e_1_1) {
+      e_1 = {
+        error: e_1_1
+      };
+    } finally {
+      try {
+        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+      } finally {
+        if (e_1) throw e_1.error;
+      }
+    }
+
+    var hitAreaShape = new ((_b = hitAreaFunc[type]).bind.apply(_b, __spread([void 0], params)))();
+    container.hitArea = hitAreaShape;
+  };
+
+  Event.systemName = 'Event';
+  Event = __decorate([decorators.componentObserver({
+    Event: [{
+      prop: ['hitArea'],
+      deep: true
+    }]
+  })], Event);
+  return Event;
+}(Renderer);
+
+var Event$3 = Event$2;
+var HIT_AREA_TYPE;
+
+(function (HIT_AREA_TYPE) {
+  HIT_AREA_TYPE["Circle"] = "Circle";
+  HIT_AREA_TYPE["Ellipse"] = "Ellipse";
+  HIT_AREA_TYPE["Polygon"] = "Polygon";
+  HIT_AREA_TYPE["Rect"] = "Rect";
+  HIT_AREA_TYPE["RoundedRect"] = "RoundedRect";
+})(HIT_AREA_TYPE || (HIT_AREA_TYPE = {}));
+
+var Event = function (_super) {
+  __extends(Event, _super);
+
+  function Event() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.hitArea = undefined;
+    return _this;
+  }
+
+  Event.prototype.init = function (params) {
+    params && _extends(this, params);
+  };
+
+  Event.prototype.emit = function (en) {
+    var args = [];
+
+    for (var _i = 1; _i < arguments.length; _i++) {
+      args[_i - 1] = arguments[_i];
+    }
+
+    return _super.prototype.emit.apply(this, __spread([en], args));
+  };
+
+  Event.prototype.once = function (en, fn, context) {
+    return _super.prototype.once.call(this, en, fn, context);
+  };
+
+  Event.prototype.on = function (en, fn, context) {
+    return _super.prototype.on.call(this, en, fn, context);
+  };
+
+  Event.componentName = 'Event';
+  return Event;
+}(Component);
+
+var Event$1 = Event;
+export { Event$1 as Event, Event$3 as EventSystem, HIT_AREA_TYPE };

package/dist/plugin-renderer-event.cjs.js

@@ -138,6 +138,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -151,6 +152,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -164,6 +166,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -177,6 +180,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -190,6 +194,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -203,6 +208,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });

package/dist/plugin-renderer-event.cjs.prod.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/plugin-renderer"),e=require("@eva/eva.js"),o=require("pixi.js"),n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function r(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function a(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,r,a=o.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(t){r={error:t}}finally{try{n&&!n.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}return i}function i(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(a(arguments[e]));return t}var p,c={Circle:o.Circle,Ellipse:o.Ellipse,Polygon:o.Polygon,Rect:o.Rectangle,RoundedRect:o.RoundedRectangle},l={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]},d=function(o){function n(){var t=null!==o&&o.apply(this,arguments)||this;return t.name="Event",t}return r(n,o),n.prototype.init=function(e){var o=(void 0===e?{}:e).moveWhenInside,n=void 0!==o&&o;this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this);try{this.renderSystem.application.renderer.plugins.interaction.moveWhenInside=n}catch(t){console.error("Setting moveWhenInside error.",t)}},n.prototype.componentChanged=function(t){switch(t.type){case e.OBSERVER_TYPE.ADD:this.add(t);break;case e.OBSERVER_TYPE.REMOVE:this.remove(t);break;case e.OBSERVER_TYPE.CHANGE:this.change(t)}},n.prototype.add=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0,e.interactiveChildren=!0;var o=t.component;o.hitArea&&this.addHitArea(t,e,o.hitArea),e.on("pointertap",(function(t){o.emit("tap",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})})),e.on("pointerdown",(function(t){o.emit("touchstart",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})})),e.on("pointermove",(function(t){o.emit("touchmove",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})})),e.on("pointerup",(function(t){o.emit("touchend",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})})),e.on("pointerupoutside",(function(t){o.emit("touchendoutside",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})})),e.on("pointercancel",(function(t){o.emit("touchcancel",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y}},gameObject:o.gameObject})}))},n.prototype.remove=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!1,e.off("tap"),e.off("pointerdown"),e.off("pointermove"),e.off("pointerup"),e.off("pointerupoutside"),e.off("pointercancel"),t.component.removeAllListeners()},n.prototype.change=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0;var o=t.component;o.hitArea?this.addHitArea(t,e,o.hitArea):o.hitArea=null},n.prototype.addHitArea=function(t,e,o){var n,r,a,p=o.type,d=o.style;if(c[p]){var s=[];try{for(var u=function(t){var e="function"==typeof Symbol&&t[Symbol.iterator],o=0;return e?e.call(t):{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}}}(l[p]),f=u.next();!f.done;f=u.next()){var y=f.value;s.push(d[y])}}catch(t){n={error:t}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}var g=new((a=c[p]).bind.apply(a,i([void 0],s)));e.hitArea=g}else console.error(t.gameObject.name+"'s hitArea type is not defined")},n.systemName="Event",n=function(t,e,o,n){var r,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(i=(a<3?r(i):a>3?r(e,o,i):r(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i}([e.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],n)}(t.Renderer);exports.HIT_AREA_TYPE=void 0,(p=exports.HIT_AREA_TYPE||(exports.HIT_AREA_TYPE={})).Circle="Circle",p.Ellipse="Ellipse",p.Polygon="Polygon",p.Rect="Rect",p.RoundedRect="RoundedRect";var s=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hitArea=void 0,e}return r(e,t),e.prototype.init=function(t){t&&Object.assign(this,t)},e.prototype.emit=function(e){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return t.prototype.emit.apply(this,i([e],o))},e.prototype.once=function(e,o,n){return t.prototype.once.call(this,e,o,n)},e.prototype.on=function(e,o,n){return t.prototype.on.call(this,e,o,n)},e.componentName="Event",e}(e.Component);exports.Event=s,exports.EventSystem=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/plugin-renderer"),e=require("@eva/eva.js"),o=require("pixi.js"),n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function r(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function a(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,r,a=o.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(t){r={error:t}}finally{try{n&&!n.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}return i}function i(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(a(arguments[e]));return t}var p,l={Circle:o.Circle,Ellipse:o.Ellipse,Polygon:o.Polygon,Rect:o.Rectangle,RoundedRect:o.RoundedRectangle},c={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]},d=function(o){function n(){var t=null!==o&&o.apply(this,arguments)||this;return t.name="Event",t}return r(n,o),n.prototype.init=function(e){var o=(void 0===e?{}:e).moveWhenInside,n=void 0!==o&&o;this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this);try{this.renderSystem.application.renderer.plugins.interaction.moveWhenInside=n}catch(t){console.error("Setting moveWhenInside error.",t)}},n.prototype.componentChanged=function(t){switch(t.type){case e.OBSERVER_TYPE.ADD:this.add(t);break;case e.OBSERVER_TYPE.REMOVE:this.remove(t);break;case e.OBSERVER_TYPE.CHANGE:this.change(t)}},n.prototype.add=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0,e.interactiveChildren=!0;var o=t.component;o.hitArea&&this.addHitArea(t,e,o.hitArea),e.on("pointertap",(function(t){o.emit("tap",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerdown",(function(t){o.emit("touchstart",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointermove",(function(t){o.emit("touchmove",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerup",(function(t){o.emit("touchend",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointerupoutside",(function(t){o.emit("touchendoutside",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})})),e.on("pointercancel",(function(t){o.emit("touchcancel",{stopPropagation:function(){return t.stopPropagation()},data:{pointerId:t.data.pointerId,position:{x:t.data.global.x,y:t.data.global.y},localPosition:e.worldTransform.applyInverse(t.data.global)},gameObject:o.gameObject})}))},n.prototype.remove=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!1,e.off("tap"),e.off("pointerdown"),e.off("pointermove"),e.off("pointerup"),e.off("pointerupoutside"),e.off("pointercancel"),t.component.removeAllListeners()},n.prototype.change=function(t){var e=this.containerManager.getContainer(t.gameObject.id);e.interactive=!0;var o=t.component;o.hitArea?this.addHitArea(t,e,o.hitArea):o.hitArea=null},n.prototype.addHitArea=function(t,e,o){var n,r,a,p=o.type,d=o.style;if(l[p]){var s=[];try{for(var u=function(t){var e="function"==typeof Symbol&&t[Symbol.iterator],o=0;return e?e.call(t):{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}}}(c[p]),f=u.next();!f.done;f=u.next()){var y=f.value;s.push(d[y])}}catch(t){n={error:t}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}var g=new((a=l[p]).bind.apply(a,i([void 0],s)));e.hitArea=g}else console.error(t.gameObject.name+"'s hitArea type is not defined")},n.systemName="Event",n=function(t,e,o,n){var r,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(i=(a<3?r(i):a>3?r(e,o,i):r(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i}([e.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],n)}(t.Renderer);exports.HIT_AREA_TYPE=void 0,(p=exports.HIT_AREA_TYPE||(exports.HIT_AREA_TYPE={})).Circle="Circle",p.Ellipse="Ellipse",p.Polygon="Polygon",p.Rect="Rect",p.RoundedRect="RoundedRect";var s=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hitArea=void 0,e}return r(e,t),e.prototype.init=function(t){t&&Object.assign(this,t)},e.prototype.emit=function(e){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return t.prototype.emit.apply(this,i([e],o))},e.prototype.once=function(e,o,n){return t.prototype.once.call(this,e,o,n)},e.prototype.on=function(e,o,n){return t.prototype.on.call(this,e,o,n)},e.componentName="Event",e}(e.Component);exports.Event=s,exports.EventSystem=d;

package/dist/plugin-renderer-event.d.ts

@@ -27,6 +27,10 @@ declare type EventParam = {
             x: number;
             y: number;
         };
+        localPosition: {
+            x: number;
+            y: number;
+        };
     };
     gameObject: GameObject;
 };

package/dist/plugin-renderer-event.esm.js

@@ -134,6 +134,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -147,6 +148,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -160,6 +162,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -173,6 +176,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -186,6 +190,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });
@@ -199,6 +204,7 @@ var Event$2 = (function (_super) {
                         x: e.data.global.x,
                         y: e.data.global.y,
                     },
+                    localPosition: container.worldTransform.applyInverse(e.data.global)
                 },
                 gameObject: component.gameObject,
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-event",
-  "version": "1.2.1",
+  "version": "1.2.2-alpha.3",
   "description": "@eva/plugin-renderer-event",
   "main": "index.js",
   "module": "dist/plugin-renderer-event.esm.js",
@@ -18,8 +18,8 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/plugin-renderer": "1.2.1",
-    "@eva/eva.js": "1.2.1",
+    "@eva/plugin-renderer": "1.2.2-alpha.3",
+    "@eva/eva.js": "1.2.2-alpha.3",
     "pixi.js": "^4.8.7"
   }
 }