@eva/plugin-renderer-event 2.0.0-beta.0 → 2.0.0-beta.2

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

@@ -20,88 +20,38 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
 See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(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 m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
-    if (m) return m.call(o);
-    return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-}
-
-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 = {
+const hitAreaFunc = {
     Circle: pixi_js.Circle,
     Ellipse: pixi_js.Ellipse,
     Polygon: pixi_js.Polygon,
     Rect: pixi_js.Rectangle,
     RoundedRect: pixi_js.RoundedRectangle,
 };
-var propertyForHitArea = {
+const 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;
+let Event$1 = class Event extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Event';
     }
-    Event.prototype.init = function () {
+    init() {
         this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
         this.renderSystem.rendererManager.register(this);
-    };
-    Event.prototype.componentChanged = function (changed) {
+    }
+    componentChanged(changed) {
         switch (changed.type) {
             case eva_js.OBSERVER_TYPE.ADD:
                 this.add(changed);
@@ -113,18 +63,18 @@ var Event$2 = (function (_super) {
                 this.change(changed);
                 break;
         }
-    };
-    Event.prototype.add = function (changed) {
-        var container = this.containerManager.getContainer(changed.gameObject.id);
+    }
+    add(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
         container.interactive = true;
         container.interactiveChildren = true;
-        var component = changed.component;
+        const component = changed.component;
         if (component.hitArea) {
             this.addHitArea(changed, container, component.hitArea);
         }
-        container.on('pointertap', function (e) {
+        container.on('pointertap', e => {
             component.emit('tap', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -136,9 +86,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-        container.on('pointerdown', function (e) {
+        container.on('pointerdown', e => {
             component.emit('touchstart', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -150,9 +100,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-        container.on('pointermove', function (e) {
+        container.on('pointermove', e => {
             component.emit('touchmove', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -164,9 +114,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-        container.on('pointerup', function (e) {
+        container.on('pointerup', e => {
             component.emit('touchend', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -178,9 +128,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-        container.on('pointerupoutside', function (e) {
+        container.on('pointerupoutside', e => {
             component.emit('touchendoutside', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -192,9 +142,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-        container.on('pointercancel', function (e) {
+        container.on('pointercancel', e => {
             component.emit('touchcancel', {
-                stopPropagation: function () { return e.stopPropagation(); },
+                stopPropagation: () => e.stopPropagation(),
                 data: {
                     pointerId: e.data.pointerId,
                     position: {
@@ -206,9 +156,9 @@ var Event$2 = (function (_super) {
                 gameObject: component.gameObject,
             });
         });
-    };
-    Event.prototype.remove = function (changed) {
-        var container = this.containerManager.getContainer(changed.gameObject.id);
+    }
+    remove(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
         container.interactive = false;
         container.off('tap');
         container.off('pointerdown');
@@ -217,51 +167,39 @@ var Event$2 = (function (_super) {
         container.off('pointerupoutside');
         container.off('pointercancel');
         changed.component.removeAllListeners();
-    };
-    Event.prototype.change = function (changed) {
-        var container = this.containerManager.getContainer(changed.gameObject.id);
+    }
+    change(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
         container.interactive = true;
-        var component = changed.component;
+        const 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;
+    }
+    addHitArea(changed, container, hitArea) {
+        const { type, style } = hitArea;
         if (!hitAreaFunc[type]) {
-            console.error(changed.gameObject.name + "'s hitArea type is not defined");
+            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; }
+        const params = [];
+        for (const key of propertyForHitArea[type]) {
+            params.push(style[key]);
         }
-        var hitAreaShape = new ((_b = hitAreaFunc[type]).bind.apply(_b, __spread([void 0], params)))();
+        const hitAreaShape = new hitAreaFunc[type](...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;
+    }
+};
+Event$1.systemName = 'Event';
+Event$1 = __decorate([
+    eva_js.decorators.componentObserver({
+        Event: [{ prop: ['hitArea'], deep: true }],
+    })
+], Event$1);
+var Event$2 = Event$1;
 
 exports.HIT_AREA_TYPE = void 0;
 (function (HIT_AREA_TYPE) {
@@ -271,33 +209,25 @@ exports.HIT_AREA_TYPE = void 0;
     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;
+class Event extends eva_js.Component {
+    constructor() {
+        super(...arguments);
+        this.hitArea = undefined;
     }
-    Event.prototype.init = function (params) {
+    init(params) {
         params && Object.assign(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;
+    }
+    emit(en, ...args) {
+        return super.emit(en, ...args);
+    }
+    once(en, fn, context) {
+        return super.once(en, fn, context);
+    }
+    on(en, fn, context) {
+        return super.on(en, fn, context);
+    }
+}
+Event.componentName = 'Event';
 
-exports.Event = Event$1;
-exports.EventSystem = Event$3;
+exports.Event = Event;
+exports.EventSystem = Event$2;

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

@@ -1 +1,16 @@
-"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])},n(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(){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this)},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),n}(t.Renderer),s=d;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 u=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=u,exports.EventSystem=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/plugin-renderer"),t=require("@eva/eva.js"),o=require("pixi.js");const a={Circle:o.Circle,Ellipse:o.Ellipse,Polygon:o.Polygon,Rect:o.Rectangle,RoundedRect:o.RoundedRectangle},n={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]};let r=class extends e.Renderer{constructor(){super(...arguments),this.name="Event"}init(){this.renderSystem=this.game.getSystem(e.RendererSystem),this.renderSystem.rendererManager.register(this)}componentChanged(e){switch(e.type){case t.OBSERVER_TYPE.ADD:this.add(e);break;case t.OBSERVER_TYPE.REMOVE:this.remove(e);break;case t.OBSERVER_TYPE.CHANGE:this.change(e)}}add(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!0,t.interactiveChildren=!0;const o=e.component;o.hitArea&&this.addHitArea(e,t,o.hitArea),t.on("pointertap",(e=>{o.emit("tap",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})})),t.on("pointerdown",(e=>{o.emit("touchstart",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})})),t.on("pointermove",(e=>{o.emit("touchmove",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})})),t.on("pointerup",(e=>{o.emit("touchend",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})})),t.on("pointerupoutside",(e=>{o.emit("touchendoutside",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})})),t.on("pointercancel",(e=>{o.emit("touchcancel",{stopPropagation:()=>e.stopPropagation(),data:{pointerId:e.data.pointerId,position:{x:e.data.global.x,y:e.data.global.y},localPosition:t.worldTransform.applyInverse(e.data.global)},gameObject:o.gameObject})}))}remove(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!1,t.off("tap"),t.off("pointerdown"),t.off("pointermove"),t.off("pointerup"),t.off("pointerupoutside"),t.off("pointercancel"),e.component.removeAllListeners()}change(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!0;const o=e.component;o.hitArea?this.addHitArea(e,t,o.hitArea):o.hitArea=null}addHitArea(e,t,o){const{type:r,style:i}=o;if(!a[r])return void console.error(`${e.gameObject.name}'s hitArea type is not defined`);const s=[];for(const e of n[r])s.push(i[e]);const p=new a[r](...s);t.hitArea=p}};r.systemName="Event",r=
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+function(e,t,o,a){var n,r=arguments.length,i=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(r<3?n(i):r>3?n(t,o,i):n(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i}([t.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],r);var i,s=r;exports.HIT_AREA_TYPE=void 0,(i=exports.HIT_AREA_TYPE||(exports.HIT_AREA_TYPE={})).Circle="Circle",i.Ellipse="Ellipse",i.Polygon="Polygon",i.Rect="Rect",i.RoundedRect="RoundedRect";class p extends t.Component{constructor(){super(...arguments),this.hitArea=void 0}init(e){e&&Object.assign(this,e)}emit(e,...t){return super.emit(e,...t)}once(e,t,o){return super.once(e,t,o)}on(e,t,o){return super.on(e,t,o)}}p.componentName="Event",exports.Event=p,exports.EventSystem=s;

package/dist/{packages/plugin-renderer-event/lib/component.d.ts → plugin-renderer-event.d.ts}

@@ -1,27 +1,24 @@
 import { Component } from '@eva/eva.js';
+import { ComponentChanged } from '@eva/eva.js';
+import { ContainerManager } from '@eva/plugin-renderer';
 import type { GameObject } from '@eva/eva.js';
-export declare enum HIT_AREA_TYPE {
-    Circle = "Circle",
-    Ellipse = "Ellipse",
-    Polygon = "Polygon",
-    Rect = "Rect",
-    RoundedRect = "RoundedRect"
-}
-interface HitArea {
-    type: HIT_AREA_TYPE;
-    style?: {
-        x?: number;
-        y?: number;
-        radius?: number;
-        width?: number;
-        height?: number;
-        paths?: number[];
-    };
-}
-export interface EventParams {
+import { Renderer } from '@eva/plugin-renderer';
+import { RendererManager } from '@eva/plugin-renderer';
+import { RendererSystem } from '@eva/plugin-renderer';
+
+declare class Event_2 extends Component<EventParams> {
+    static componentName: string;
     hitArea: HitArea;
+    init(params?: EventParams): void;
+    emit(eventName: TouchEventName, ...args: [EventParam]): boolean;
+    emit<T extends string>(eventName: Exclude<T, TouchEventName>, ...args: any[]): boolean;
+    once(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
+    once<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
+    on(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
+    on<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
 }
-declare type TouchEventName = 'touchstart' | 'touchmove' | 'touchend' | 'tap' | 'touchendoutside' | 'touchcancel';
+export { Event_2 as Event }
+
 declare type EventParam = {
     stopPropagation: () => void;
     data: {
@@ -37,16 +34,49 @@ declare type EventParam = {
     };
     gameObject: GameObject;
 };
-export default class Event extends Component<EventParams> {
-    static componentName: string;
+
+export declare interface EventParams {
     hitArea: HitArea;
-    init(params?: EventParams): void;
-    emit(eventName: TouchEventName, ...args: [EventParam]): boolean;
-    emit<T extends string>(eventName: Exclude<T, TouchEventName>, ...args: any[]): boolean;
-    once(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
-    once<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
-    on(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
-    on<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
 }
-export {};
-//# sourceMappingURL=component.d.ts.map
+
+export declare class EventSystem extends Renderer<EventSystemParams> {
+    static systemName: string;
+    name: string;
+    renderSystem: RendererSystem;
+    rendererManager: RendererManager;
+    containerManager: ContainerManager;
+    init(): void;
+    componentChanged(changed: ComponentChanged): void;
+    add(changed: ComponentChanged): void;
+    remove(changed: ComponentChanged): void;
+    change(changed: ComponentChanged): void;
+    addHitArea(changed: ComponentChanged, container: any, hitArea: any): void;
+}
+
+export declare interface EventSystemParams {
+    moveWhenInside?: boolean;
+}
+
+export declare enum HIT_AREA_TYPE {
+    Circle = "Circle",
+    Ellipse = "Ellipse",
+    Polygon = "Polygon",
+    Rect = "Rect",
+    RoundedRect = "RoundedRect"
+}
+
+declare interface HitArea {
+    type: HIT_AREA_TYPE;
+    style?: {
+        x?: number;
+        y?: number;
+        radius?: number;
+        width?: number;
+        height?: number;
+        paths?: number[];
+    };
+}
+
+declare type TouchEventName = 'touchstart' | 'touchmove' | 'touchend' | 'tap' | 'touchendoutside' | 'touchcancel';
+
+export { }