@eva/plugin-renderer-event 1.2.2-alpha.1 → 1.2.2-mini.1

package/dist/miniprogram.js

@@ -0,0 +1,279 @@
+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
+          }
+        },
+        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([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/package.json

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