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

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

@@ -3,23 +3,6 @@ window.EVA.plugin = window.EVA.plugin || {};
 window.EVA.plugin.renderer = window.EVA.plugin.renderer || {};
 var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter, pixi_js) {
   'use strict';
-  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,
@@ -54,94 +37,6 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   }
-  function __generator(thisArg, body) {
-    var _ = {
-        label: 0,
-        sent: function () {
-          if (t[0] & 1) throw t[1];
-          return t[1];
-        },
-        trys: [],
-        ops: []
-      },
-      f,
-      y,
-      t,
-      g;
-    return g = {
-      next: verb(0),
-      "throw": verb(1),
-      "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-      return this;
-    }), g;
-    function verb(n) {
-      return function (v) {
-        return step([n, v]);
-      };
-    }
-    function step(op) {
-      if (f) throw new TypeError("Generator is already executing.");
-      while (_) try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2]) _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-      if (op[0] & 5) throw op[1];
-      return {
-        value: op[0] ? op[1] : void 0,
-        done: true
-      };
-    }
-  }
   function getIDEPropsPropertyObj(target, propertyKey) {
     if (!target.constructor.IDEProps) {
       target.constructor.IDEProps = {};
@@ -159,138 +54,123 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
       prop.type = type;
     };
   }
-  var Img$2 = function (_super) {
-    __extends(Img, _super);
-    function Img() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.resource = '';
-      return _this;
+  class Img$2 extends eva_js.Component {
+    constructor() {
+      super(...arguments);
+      this.resource = '';
     }
-    Img.prototype.init = function (obj) {
+    init(obj) {
       if (obj && obj.resource) {
         this.resource = obj.resource;
       }
-    };
-    Img.componentName = 'Img';
-    __decorate([type('string')], Img.prototype, "resource", void 0);
-    return Img;
-  }(eva_js.Component);
-  var Img$3 = Img$2;
-  eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.IMAGE, function (_a) {
-    var _b = _a.data,
-      data = _b === void 0 ? {} : _b;
-    var image = data.image;
+    }
+  }
+  Img$2.componentName = 'Img';
+  __decorate([type('string')], Img$2.prototype, "resource", void 0);
+  eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.IMAGE, ({
+    data = {}
+  }) => {
+    const {
+      image
+    } = data;
     if (image) {
       if (image instanceof pixi_js.Texture) {
         return image;
       }
-      var texture = pixi_js.Texture.from(image);
+      const texture = pixi_js.Texture.from(image);
       return texture;
     }
     return data;
   });
-  eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.IMAGE, function (_a) {
-    var instance = _a.instance;
+  eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.IMAGE, ({
+    instance
+  }) => {
     if (instance) {
       instance.destroy(true);
     }
   });
-  var Img = function (_super) {
-    __extends(Img, _super);
-    function Img() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.name = 'Img';
-      _this.imgs = {};
-      return _this;
+  let Img = class Img extends pluginRenderer.Renderer {
+    constructor() {
+      super(...arguments);
+      this.name = 'Img';
+      this.imgs = {};
     }
-    Img.prototype.init = function () {
+    init() {
       this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
       this.renderSystem.rendererManager.register(this);
-    };
-    Img.prototype.rendererUpdate = function (gameObject) {
-      var _a = gameObject.transform.size,
-        width = _a.width,
-        height = _a.height;
+    }
+    rendererUpdate(gameObject) {
+      const {
+        width,
+        height
+      } = gameObject.transform.size;
       if (this.imgs[gameObject.id]) {
         this.imgs[gameObject.id].sprite.width = width;
         this.imgs[gameObject.id].sprite.height = height;
       }
-    };
-    Img.prototype.componentChanged = function (changed) {
+    }
+    componentChanged(changed) {
       var _a, _b;
-      return __awaiter(this, void 0, void 0, function () {
-        var component, sprite, asyncId, instance, asyncId, instance, sprite;
-        return __generator(this, function (_c) {
-          switch (_c.label) {
-            case 0:
-              if (!(changed.componentName === 'Img')) return [3, 5];
-              component = changed.component;
-              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
-              sprite = new rendererAdapter.Sprite(null);
-              this.imgs[changed.gameObject.id] = sprite;
-              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
-              asyncId = this.increaseAsyncId(changed.gameObject.id);
-              return [4, eva_js.resource.getResource(component.resource)];
-            case 1:
-              instance = _c.sent().instance;
-              if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return [2];
-              if (!instance) {
-                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-              }
-              this.imgs[changed.gameObject.id].image = instance;
-              return [3, 5];
-            case 2:
-              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
-              asyncId = this.increaseAsyncId(changed.gameObject.id);
-              return [4, eva_js.resource.getResource(component.resource)];
-            case 3:
-              instance = _c.sent().instance;
-              if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return [2];
-              if (!instance) {
-                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-              }
-              this.imgs[changed.gameObject.id].image = instance;
-              return [3, 5];
-            case 4:
-              if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                this.increaseAsyncId(changed.gameObject.id);
-                sprite = this.imgs[changed.gameObject.id];
-                if (!sprite) return [2];
-                (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
-                sprite.sprite.destroy({
-                  children: true
-                });
-                delete this.imgs[changed.gameObject.id];
-              }
-              _c.label = 5;
-            case 5:
-              return [2];
+      return __awaiter(this, void 0, void 0, function* () {
+        if (changed.componentName === 'Img') {
+          const component = changed.component;
+          if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+            const sprite = new rendererAdapter.Sprite(null);
+            this.imgs[changed.gameObject.id] = sprite;
+            this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+            const asyncId = this.increaseAsyncId(changed.gameObject.id);
+            const {
+              instance
+            } = yield eva_js.resource.getResource(component.resource);
+            if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return;
+            if (!instance) {
+              console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);
+            }
+            this.imgs[changed.gameObject.id].image = instance;
+          } else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+            const asyncId = this.increaseAsyncId(changed.gameObject.id);
+            const {
+              instance
+            } = yield eva_js.resource.getResource(component.resource);
+            if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return;
+            if (!instance) {
+              console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);
+            }
+            this.imgs[changed.gameObject.id].image = instance;
+          } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+            this.increaseAsyncId(changed.gameObject.id);
+            const sprite = this.imgs[changed.gameObject.id];
+            if (!sprite) return;
+            (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
+            sprite.sprite.destroy({
+              children: true
+            });
+            delete this.imgs[changed.gameObject.id];
           }
-        });
+        }
       });
-    };
-    Img.prototype.destroy = function () {
+    }
+    destroy() {
       var _a, _b;
-      for (var key in this.imgs) {
-        var sprite = this.imgs[key];
+      for (const key in this.imgs) {
+        const sprite = this.imgs[key];
         (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(parseInt(key))) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
         sprite.sprite.destroy({
           children: true
         });
         delete this.imgs[key];
       }
-    };
-    Img.systemName = 'Img';
-    Img = __decorate([eva_js.decorators.componentObserver({
-      Img: [{
-        prop: ['resource'],
-        deep: false
-      }]
-    })], Img);
-    return Img;
-  }(pluginRenderer.Renderer);
+    }
+  };
+  Img.systemName = 'Img';
+  Img = __decorate([eva_js.decorators.componentObserver({
+    Img: [{
+      prop: ['resource'],
+      deep: false
+    }]
+  })], Img);
   var Img$1 = Img;
-  exports.Img = Img$3;
+  exports.Img = Img$2;
   exports.ImgSystem = Img$1;
   Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1 +1 @@
-window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_img=function(e,t,r,n,i){"use strict";var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},o(e,t)};function s(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function c(e,t,r,n){var i,o=arguments.length,s=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s}function a(e,t,r,n){return new(r||(r=Promise))((function(i,o){function s(e){try{a(n.next(e))}catch(e){o(e)}}function c(e){try{a(n.throw(e))}catch(e){o(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,c)}a((n=n.apply(e,t||[])).next())}))}function u(e,t){var r,n,i,o,s={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;s;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,n=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(i=s.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){s=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){s.label=o[1];break}if(6===o[0]&&s.label<i[1]){s.label=i[1],i=o;break}if(i&&s.label<i[2]){s.label=i[2],s.ops.push(o);break}i[2]&&s.ops.pop(),s.trys.pop();continue}o=t.call(e,s)}catch(e){o=[6,e],n=0}finally{r=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}function l(e){return function(t,r){var n=function(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}(t,r);n.key=r,n.type=e}}var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t}return s(t,e),t.prototype.init=function(e){e&&e.resource&&(this.resource=e.resource)},t.componentName="Img",c([l("string")],t.prototype,"resource",void 0),t}(t.Component),p=d;t.resource.registerInstance(t.RESOURCE_TYPE.IMAGE,(function(e){var t=e.data,r=void 0===t?{}:t,n=r.image;return n?n instanceof i.Texture?n:i.Texture.from(n):r})),t.resource.registerDestroy(t.RESOURCE_TYPE.IMAGE,(function(e){var t=e.instance;t&&t.destroy(!0)}));var g=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Img",t.imgs={},t}return s(i,e),i.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},i.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.imgs[e.id]&&(this.imgs[e.id].sprite.width=r,this.imgs[e.id].sprite.height=n)},i.prototype.componentChanged=function(e){var r,i;return a(this,void 0,void 0,(function(){var o,s,c,a;return u(this,(function(u){switch(u.label){case 0:return"Img"!==e.componentName?[3,5]:(o=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,2]:(a=new n.Sprite(null),this.imgs[e.gameObject.id]=a,this.containerManager.getContainer(e.gameObject.id).addChildAt(a.sprite,0),s=this.increaseAsyncId(e.gameObject.id),[4,t.resource.getResource(o.resource)]));case 1:return c=u.sent().instance,this.validateAsyncId(e.gameObject.id,s)?(c||console.error("GameObject:"+e.gameObject.name+"'s Img resource load error"),this.imgs[e.gameObject.id].image=c,[3,5]):[2];case 2:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,4]:(s=this.increaseAsyncId(e.gameObject.id),[4,t.resource.getResource(o.resource)]);case 3:return c=u.sent().instance,this.validateAsyncId(e.gameObject.id,s)?(c||console.error("GameObject:"+e.gameObject.name+"'s Img resource load error"),this.imgs[e.gameObject.id].image=c,[3,5]):[2];case 4:if(e.type===t.OBSERVER_TYPE.REMOVE){if(this.increaseAsyncId(e.gameObject.id),!(a=this.imgs[e.gameObject.id]))return[2];null===(i=null===(r=this.containerManager)||void 0===r?void 0:r.getContainer(e.gameObject.id))||void 0===i||i.removeChild(a.sprite),a.sprite.destroy({children:!0}),delete this.imgs[e.gameObject.id]}u.label=5;case 5:return[2]}}))}))},i.prototype.destroy=function(){var e,t;for(var r in this.imgs){var n=this.imgs[r];null===(t=null===(e=this.containerManager)||void 0===e?void 0:e.getContainer(parseInt(r)))||void 0===t||t.removeChild(n.sprite),n.sprite.destroy({children:!0}),delete this.imgs[r]}},i.systemName="Img",i=c([t.decorators.componentObserver({Img:[{prop:["resource"],deep:!1}]})],i)}(r.Renderer),m=g;return e.Img=p,e.ImgSystem=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter,PIXI);window.EVA.plugin.renderer.img=window.EVA.plugin.renderer.img||_EVA_IIFE_img;
+window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_img=function(e,t,r,n,i){"use strict";function s(e,t,r,n){var i,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(o=(s<3?i(o):s>3?i(t,r,o):i(t,r))||o);return s>3&&o&&Object.defineProperty(t,r,o),o}function o(e,t,r,n){return new(r||(r=Promise))((function(i,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function c(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,c)}d((n=n.apply(e,t||[])).next())}))}class c extends t.Component{constructor(){super(...arguments),this.resource=""}init(e){e&&e.resource&&(this.resource=e.resource)}}c.componentName="Img",s([function(e){return function(t,r){var n=function(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}(t,r);n.key=r,n.type=e}}("string")],c.prototype,"resource",void 0),t.resource.registerInstance(t.RESOURCE_TYPE.IMAGE,(({data:e={}})=>{const{image:t}=e;if(t){if(t instanceof i.Texture)return t;return i.Texture.from(t)}return e})),t.resource.registerDestroy(t.RESOURCE_TYPE.IMAGE,(({instance:e})=>{e&&e.destroy(!0)}));let d=class extends r.Renderer{constructor(){super(...arguments),this.name="Img",this.imgs={}}init(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:r}=e.transform.size;this.imgs[e.id]&&(this.imgs[e.id].sprite.width=t,this.imgs[e.id].sprite.height=r)}componentChanged(e){var r,i;return o(this,void 0,void 0,(function*(){if("Img"===e.componentName){const s=e.component;if(e.type===t.OBSERVER_TYPE.ADD){const r=new n.Sprite(null);this.imgs[e.gameObject.id]=r,this.containerManager.getContainer(e.gameObject.id).addChildAt(r.sprite,0);const i=this.increaseAsyncId(e.gameObject.id),{instance:o}=yield t.resource.getResource(s.resource);if(!this.validateAsyncId(e.gameObject.id,i))return;o||console.error(`GameObject:${e.gameObject.name}'s Img resource load error`),this.imgs[e.gameObject.id].image=o}else if(e.type===t.OBSERVER_TYPE.CHANGE){const r=this.increaseAsyncId(e.gameObject.id),{instance:n}=yield t.resource.getResource(s.resource);if(!this.validateAsyncId(e.gameObject.id,r))return;n||console.error(`GameObject:${e.gameObject.name}'s Img resource load error`),this.imgs[e.gameObject.id].image=n}else if(e.type===t.OBSERVER_TYPE.REMOVE){this.increaseAsyncId(e.gameObject.id);const t=this.imgs[e.gameObject.id];if(!t)return;null===(i=null===(r=this.containerManager)||void 0===r?void 0:r.getContainer(e.gameObject.id))||void 0===i||i.removeChild(t.sprite),t.sprite.destroy({children:!0}),delete this.imgs[e.gameObject.id]}}}))}destroy(){var e,t;for(const r in this.imgs){const n=this.imgs[r];null===(t=null===(e=this.containerManager)||void 0===e?void 0:e.getContainer(parseInt(r)))||void 0===t||t.removeChild(n.sprite),n.sprite.destroy({children:!0}),delete this.imgs[r]}}};d.systemName="Img",d=s([t.decorators.componentObserver({Img:[{prop:["resource"],deep:!1}]})],d);var a=d;return e.Img=c,e.ImgSystem=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter,PIXI);window.EVA.plugin.renderer.img=window.EVA.plugin.renderer.img||_EVA_IIFE_img;

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

@@ -22,20 +22,6 @@ 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;
@@ -51,164 +37,114 @@ function __awaiter(thisArg, _arguments, P, generator) {
         function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
 }
 
-var Img$2 = (function (_super) {
-    __extends(Img, _super);
-    function Img() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.resource = '';
-        return _this;
+class Img$2 extends eva_js.Component {
+    constructor() {
+        super(...arguments);
+        this.resource = '';
     }
-    Img.prototype.init = function (obj) {
+    init(obj) {
         if (obj && obj.resource) {
             this.resource = obj.resource;
         }
-    };
-    Img.componentName = 'Img';
-    __decorate([
-        inspectorDecorator.type('string')
-    ], Img.prototype, "resource", void 0);
-    return Img;
-}(eva_js.Component));
-var Img$3 = Img$2;
+    }
+}
+Img$2.componentName = 'Img';
+__decorate([
+    inspectorDecorator.type('string')
+], Img$2.prototype, "resource", void 0);
 
-eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.IMAGE, function (_a) {
-    var _b = _a.data, data = _b === void 0 ? {} : _b;
-    var image = data.image;
+eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.IMAGE, ({ data = {} }) => {
+    const { image } = data;
     if (image) {
         if (image instanceof pixi_js.Texture) {
             return image;
         }
-        var texture = pixi_js.Texture.from(image);
+        const texture = pixi_js.Texture.from(image);
         return texture;
     }
     return data;
 });
-eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.IMAGE, function (_a) {
-    var instance = _a.instance;
+eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.IMAGE, ({ instance }) => {
     if (instance) {
         instance.destroy(true);
     }
 });
-var Img = (function (_super) {
-    __extends(Img, _super);
-    function Img() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.name = 'Img';
-        _this.imgs = {};
-        return _this;
+let Img = class Img extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Img';
+        this.imgs = {};
     }
-    Img.prototype.init = function () {
+    init() {
         this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
         this.renderSystem.rendererManager.register(this);
-    };
-    Img.prototype.rendererUpdate = function (gameObject) {
-        var _a = gameObject.transform.size, width = _a.width, height = _a.height;
+    }
+    rendererUpdate(gameObject) {
+        const { width, height } = gameObject.transform.size;
         if (this.imgs[gameObject.id]) {
             this.imgs[gameObject.id].sprite.width = width;
             this.imgs[gameObject.id].sprite.height = height;
         }
-    };
-    Img.prototype.componentChanged = function (changed) {
+    }
+    componentChanged(changed) {
         var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var component, sprite, asyncId, instance, asyncId, instance, sprite;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        if (!(changed.componentName === 'Img')) return [3, 5];
-                        component = changed.component;
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
-                        sprite = new rendererAdapter.Sprite(null);
-                        this.imgs[changed.gameObject.id] = sprite;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
-                        asyncId = this.increaseAsyncId(changed.gameObject.id);
-                        return [4, eva_js.resource.getResource(component.resource)];
-                    case 1:
-                        instance = (_c.sent()).instance;
-                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-                        }
-                        this.imgs[changed.gameObject.id].image = instance;
-                        return [3, 5];
-                    case 2:
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
-                        asyncId = this.increaseAsyncId(changed.gameObject.id);
-                        return [4, eva_js.resource.getResource(component.resource)];
-                    case 3:
-                        instance = (_c.sent()).instance;
-                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-                        }
-                        this.imgs[changed.gameObject.id].image = instance;
-                        return [3, 5];
-                    case 4:
-                        if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                            this.increaseAsyncId(changed.gameObject.id);
-                            sprite = this.imgs[changed.gameObject.id];
-                            if (!sprite)
-                                return [2];
-                            (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
-                            sprite.sprite.destroy({ children: true });
-                            delete this.imgs[changed.gameObject.id];
-                        }
-                        _c.label = 5;
-                    case 5: return [2];
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'Img') {
+                const component = changed.component;
+                if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+                    const sprite = new rendererAdapter.Sprite(null);
+                    this.imgs[changed.gameObject.id] = sprite;
+                    this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+                    const asyncId = this.increaseAsyncId(changed.gameObject.id);
+                    const { instance } = yield eva_js.resource.getResource(component.resource);
+                    if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);
+                    }
+                    this.imgs[changed.gameObject.id].image = instance;
+                }
+                else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+                    const asyncId = this.increaseAsyncId(changed.gameObject.id);
+                    const { instance } = yield eva_js.resource.getResource(component.resource);
+                    if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);
+                    }
+                    this.imgs[changed.gameObject.id].image = instance;
+                }
+                else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                    this.increaseAsyncId(changed.gameObject.id);
+                    const sprite = this.imgs[changed.gameObject.id];
+                    if (!sprite)
+                        return;
+                    (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
+                    sprite.sprite.destroy({ children: true });
+                    delete this.imgs[changed.gameObject.id];
                 }
-            });
+            }
         });
-    };
-    Img.prototype.destroy = function () {
+    }
+    destroy() {
         var _a, _b;
-        for (var key in this.imgs) {
-            var sprite = this.imgs[key];
+        for (const key in this.imgs) {
+            const sprite = this.imgs[key];
             (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(parseInt(key))) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
             sprite.sprite.destroy({ children: true });
             delete this.imgs[key];
         }
-    };
-    Img.systemName = 'Img';
-    Img = __decorate([
-        eva_js.decorators.componentObserver({
-            Img: [{ prop: ['resource'], deep: false }],
-        })
-    ], Img);
-    return Img;
-}(pluginRenderer.Renderer));
+    }
+};
+Img.systemName = 'Img';
+Img = __decorate([
+    eva_js.decorators.componentObserver({
+        Img: [{ prop: ['resource'], deep: false }],
+    })
+], Img);
 var Img$1 = Img;
 
-exports.Img = Img$3;
+exports.Img = Img$2;
 exports.ImgSystem = Img$1;