@eva/plugin-renderer-event 1.2.0 → 1.3.0-alpha.1

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

@@ -0,0 +1,374 @@
+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 || {};
+
+this.EVA.plugin.renderer.event = function (exports, pluginRenderer, eva_js, pixi_js) {
+  'use strict';
+
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  function __extends(d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+
+  function __decorate(decorators, target, key, desc) {
+    var c = arguments.length,
+        r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+        d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+      if (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;
+  }
+
+  function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator,
+        m = s && o[s],
+        i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+      next: function next() {
+        if (o && i >= o.length) o = void 0;
+        return {
+          value: o && o[i++],
+          done: !o
+        };
+      }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+
+  function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o),
+        r,
+        ar = [],
+        e;
+
+    try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+        ar.push(r.value);
+      }
+    } catch (error) {
+      e = {
+        error: error
+      };
+    } finally {
+      try {
+        if (r && !r.done && (m = i["return"])) m.call(i);
+      } finally {
+        if (e) throw e.error;
+      }
+    }
+
+    return ar;
+  }
+
+  function __spread() {
+    for (var ar = [], i = 0; i < arguments.length; i++) {
+      ar = ar.concat(__read(arguments[i]));
+    }
+
+    return ar;
+  }
+
+  var hitAreaFunc = {
+    Circle: pixi_js.Circle,
+    Ellipse: pixi_js.Ellipse,
+    Polygon: pixi_js.Polygon,
+    Rect: pixi_js.Rectangle,
+    RoundedRect: pixi_js.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(pluginRenderer.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 eva_js.OBSERVER_TYPE.ADD:
+          this.add(changed);
+          break;
+
+        case eva_js.OBSERVER_TYPE.REMOVE:
+          this.remove(changed);
+          break;
+
+        case eva_js.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
+            }
+          },
+          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
+            }
+          },
+          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
+            }
+          },
+          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
+            }
+          },
+          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
+            }
+          },
+          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
+            }
+          },
+          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([eva_js.decorators.componentObserver({
+      Event: [{
+        prop: ['hitArea'],
+        deep: true
+      }]
+    })], Event);
+    return Event;
+  }(pluginRenderer.Renderer);
+
+  var Event$3 = Event$2;
+  exports.HIT_AREA_TYPE = void 0;
+
+  (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";
+  })(exports.HIT_AREA_TYPE || (exports.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;
+  }(eva_js.Component);
+
+  var Event$1 = Event;
+  exports.Event = Event$1;
+  exports.EventSystem = Event$3;
+  Object.defineProperty(exports, '__esModule', {
+    value: true
+  });
+  return exports;
+}({}, EVA.plugin.renderer, EVA, PIXI);

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

@@ -0,0 +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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-event",
-  "version": "1.2.0",
+  "version": "1.3.0-alpha.1",
   "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.0",
-    "@eva/eva.js": "1.2.0",
+    "@eva/plugin-renderer": "1.3.0-alpha.1",
+    "@eva/eva.js": "1.3.0-alpha.1",
     "pixi.js": "^4.8.7"
   }
 }