@eva/plugin-renderer-sprite 2.0.0-beta.1 → 2.0.0-beta.2

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

@@ -3,23 +3,6 @@ window.EVA.plugin = window.EVA.plugin || {};
 window.EVA.plugin.renderer = window.EVA.plugin.renderer || {};
 var _EVA_IIFE_sprite = function (exports, eva_js, pluginRenderer, 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,110 +37,6 @@ var _EVA_IIFE_sprite = function (exports, eva_js, pluginRenderer, pixi_js) {
       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 __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 () {
-        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 getIDEPropsPropertyObj(target, propertyKey) {
     if (!target.constructor.IDEProps) {
       target.constructor.IDEProps = {};
@@ -175,28 +54,24 @@ var _EVA_IIFE_sprite = function (exports, eva_js, pluginRenderer, pixi_js) {
       prop.type = type;
     };
   }
-  var Sprite$3 = function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.resource = '';
-      _this.spriteName = '';
-      return _this;
+  class Sprite$3 extends eva_js.Component {
+    constructor() {
+      super(...arguments);
+      this.resource = '';
+      this.spriteName = '';
     }
-    Sprite.prototype.init = function (obj) {
+    init(obj) {
       if (obj && obj.resource) {
         this.resource = obj.resource;
         this.spriteName = obj.spriteName;
       }
-    };
-    Sprite.componentName = 'Sprite';
-    __decorate([type('string')], Sprite.prototype, "resource", void 0);
-    __decorate([type('string')], Sprite.prototype, "spriteName", void 0);
-    return Sprite;
-  }(eva_js.Component);
-  var Sprite$4 = Sprite$3;
-  var Sprite$2 = function () {
-    function Sprite(image) {
+    }
+  }
+  Sprite$3.componentName = 'Sprite';
+  __decorate([type('string')], Sprite$3.prototype, "resource", void 0);
+  __decorate([type('string')], Sprite$3.prototype, "spriteName", void 0);
+  class Sprite$2 {
+    constructor(image) {
       this._image = null;
       this._image = image;
       if (image) {
@@ -209,163 +84,131 @@ var _EVA_IIFE_sprite = function (exports, eva_js, pluginRenderer, pixi_js) {
         this.sprite = new pixi_js.Sprite();
       }
     }
-    Object.defineProperty(Sprite.prototype, "image", {
-      get: function () {
-        return this._image;
-      },
-      set: function (val) {
-        if (this._image === val) {
-          return;
-        }
-        if (val instanceof HTMLImageElement) {
-          this.sprite.texture && this.sprite.texture.destroy(false);
-          this.sprite.texture = pixi_js.Texture.from(val);
-        } else if (val instanceof pixi_js.Texture) {
-          this.sprite.texture = val;
-        }
-        this._image = val;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    return Sprite;
-  }();
-  var SpriteEngine = Sprite$2;
-  var resourceKeySplit = '_s|r|c_';
-  eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
-    var name = _a.name,
-      data = _a.data;
-    return new Promise(function (r) {
-      var e_1, _a;
-      var textureObj = data.json.data;
-      var texture = data.image instanceof pixi_js.Texture ? data.image : pixi_js.Texture.from(data.image);
-      var frames = textureObj.frames || {};
-      var animations = textureObj.animations || {};
-      var newFrames = {};
-      for (var key in frames) {
-        var newKey = name + resourceKeySplit + key;
+    set image(val) {
+      if (this._image === val) {
+        return;
+      }
+      if (val instanceof HTMLImageElement) {
+        this.sprite.texture && this.sprite.texture.destroy(false);
+        this.sprite.texture = pixi_js.Texture.from(val);
+      } else if (val instanceof pixi_js.Texture) {
+        this.sprite.texture = val;
+      }
+      this._image = val;
+    }
+    get image() {
+      return this._image;
+    }
+  }
+  const resourceKeySplit = '_s|r|c_';
+  eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, ({
+    name,
+    data
+  }) => {
+    return new Promise(r => {
+      const textureObj = data.json.data;
+      const texture = data.image instanceof pixi_js.Texture ? data.image : pixi_js.Texture.from(data.image);
+      const frames = textureObj.frames || {};
+      const animations = textureObj.animations || {};
+      const newFrames = {};
+      for (const key in frames) {
+        const newKey = name + resourceKeySplit + key;
         newFrames[newKey] = frames[key];
       }
-      for (var key in animations) {
-        var spriteList = [];
+      for (const key in animations) {
+        const spriteList = [];
         if (animations[key] && animations[key].length >= 0) {
-          try {
-            for (var _b = (e_1 = void 0, __values(animations[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
-              var spriteName = _c.value;
-              var newSpriteName = name + resourceKeySplit + spriteName;
-              spriteList.push(newSpriteName);
-            }
-          } catch (e_1_1) {
-            e_1 = {
-              error: e_1_1
-            };
-          } finally {
-            try {
-              if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            } finally {
-              if (e_1) throw e_1.error;
-            }
+          for (const spriteName of animations[key]) {
+            const newSpriteName = name + resourceKeySplit + spriteName;
+            spriteList.push(newSpriteName);
           }
         }
         animations[key] = spriteList;
       }
       textureObj.frames = newFrames;
-      var spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
-      spriteSheet.parse().then(function () {
+      const spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
+      spriteSheet.parse().then(() => {
         r(spriteSheet.textures);
       });
     });
   });
-  eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
-    var instance = _a.instance;
+  eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, ({
+    instance
+  }) => {
     if (!instance) return;
-    for (var key in instance) {
+    for (const key in instance) {
       instance[key].destroy(true);
     }
   });
-  var Sprite = function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.name = 'Sprite';
-      _this.sprites = {};
-      return _this;
+  let Sprite = class Sprite extends pluginRenderer.Renderer {
+    constructor() {
+      super(...arguments);
+      this.name = 'Sprite';
+      this.sprites = {};
     }
-    Sprite.prototype.init = function () {
+    init() {
       this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
       this.renderSystem.rendererManager.register(this);
-    };
-    Sprite.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.sprites[gameObject.id]) {
         this.sprites[gameObject.id].sprite.width = width;
         this.sprites[gameObject.id].sprite.height = height;
       }
-    };
-    Sprite.prototype.componentChanged = function (changed) {
-      return __awaiter(this, void 0, void 0, function () {
-        var gameObjectId, component, sprite, asyncId, instance, asyncId, instance, sprite;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              if (!(changed.componentName === 'Sprite')) return [3, 5];
-              gameObjectId = changed.gameObject.id;
-              component = changed.component;
-              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
-              sprite = new SpriteEngine(null);
-              this.sprites[changed.gameObject.id] = sprite;
-              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
-              asyncId = this.increaseAsyncId(gameObjectId);
-              return [4, eva_js.resource.getResource(component.resource)];
-            case 1:
-              instance = _a.sent().instance;
-              if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
-              if (!instance) {
-                console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                return [2];
-              }
-              sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
-              return [3, 5];
-            case 2:
-              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
-              asyncId = this.increaseAsyncId(gameObjectId);
-              return [4, eva_js.resource.getResource(component.resource)];
-            case 3:
-              instance = _a.sent().instance;
-              if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
-              if (!instance) {
-                console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                return [2];
-              }
-              this.sprites[changed.gameObject.id].image = instance[component.resource + resourceKeySplit + component.spriteName];
-              return [3, 5];
-            case 4:
-              if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                this.increaseAsyncId(gameObjectId);
-                sprite = this.sprites[changed.gameObject.id];
-                this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
-                sprite.sprite.destroy({
-                  children: true
-                });
-                delete this.sprites[changed.gameObject.id];
-              }
-              _a.label = 5;
-            case 5:
-              return [2];
+    }
+    componentChanged(changed) {
+      return __awaiter(this, void 0, void 0, function* () {
+        if (changed.componentName === 'Sprite') {
+          const gameObjectId = changed.gameObject.id;
+          const component = changed.component;
+          if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+            const sprite = new Sprite$2(null);
+            this.sprites[changed.gameObject.id] = sprite;
+            this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+            const asyncId = this.increaseAsyncId(gameObjectId);
+            const {
+              instance
+            } = yield eva_js.resource.getResource(component.resource);
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return;
+            if (!instance) {
+              console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+              return;
+            }
+            sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
+          } else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+            const asyncId = this.increaseAsyncId(gameObjectId);
+            const {
+              instance
+            } = yield eva_js.resource.getResource(component.resource);
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return;
+            if (!instance) {
+              console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+              return;
+            }
+            this.sprites[changed.gameObject.id].image = instance[component.resource + resourceKeySplit + component.spriteName];
+          } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+            this.increaseAsyncId(gameObjectId);
+            const sprite = this.sprites[changed.gameObject.id];
+            this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
+            sprite.sprite.destroy({
+              children: true
+            });
+            delete this.sprites[changed.gameObject.id];
           }
-        });
+        }
       });
-    };
-    Sprite.systemName = 'Sprite';
-    Sprite = __decorate([eva_js.decorators.componentObserver({
-      Sprite: ['spriteName']
-    })], Sprite);
-    return Sprite;
-  }(pluginRenderer.Renderer);
+    }
+  };
+  Sprite.systemName = 'Sprite';
+  Sprite = __decorate([eva_js.decorators.componentObserver({
+    Sprite: ['spriteName']
+  })], Sprite);
   var Sprite$1 = Sprite;
-  exports.Sprite = Sprite$4;
+  exports.Sprite = Sprite$3;
   exports.SpriteSystem = Sprite$1;
   Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/EVA.plugin.renderer.sprite.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_sprite=function(e,t,r,n){"use strict";var i=function(e,t){return i=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])},i(e,t)};function o(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function s(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 a=e.length-1;a>=0;a--)(i=e[a])&&(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{c(n.next(e))}catch(e){o(e)}}function a(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,a)}c((n=n.apply(e,t||[])).next())}))}function c(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:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){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,a])}}}function u(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function p(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 l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.spriteName="",t}return o(t,e),t.prototype.init=function(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)},t.componentName="Sprite",s([p("string")],t.prototype,"resource",void 0),s([p("string")],t.prototype,"spriteName",void 0),t}(t.Component),f=l,d=function(){function e(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=n.Sprite.from(e):e instanceof n.Texture&&(this.sprite=new n.Sprite(e)):this.sprite=new n.Sprite}return Object.defineProperty(e.prototype,"image",{get:function(){return this._image},set:function(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=n.Texture.from(e)):e instanceof n.Texture&&(this.sprite.texture=e),this._image=e)},enumerable:!1,configurable:!0}),e}(),h=d,m="_s|r|c_";t.resource.registerInstance(t.RESOURCE_TYPE.SPRITE,(function(e){var t=e.name,r=e.data;return new Promise((function(e){var i,o,s=r.json.data,a=r.image instanceof n.Texture?r.image:n.Texture.from(r.image),c=s.frames||{},p=s.animations||{},l={};for(var f in c){l[t+m+f]=c[f]}for(var f in p){var d=[];if(p[f]&&p[f].length>=0)try{for(var h=(i=void 0,u(p[f])),y=h.next();!y.done;y=h.next()){var g=y.value,v=t+m+g;d.push(v)}}catch(e){i={error:e}}finally{try{y&&!y.done&&(o=h.return)&&o.call(h)}finally{if(i)throw i.error}}p[f]=d}s.frames=l;var b=new n.Spritesheet(a,s);b.parse().then((function(){e(b.textures)}))}))})),t.resource.registerDestroy(t.RESOURCE_TYPE.SPRITE,(function(e){var t=e.instance;if(t)for(var r in t)t[r].destroy(!0)}));var y=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Sprite",t.sprites={},t}return o(n,e),n.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},n.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=r,this.sprites[e.id].sprite.height=n)},n.prototype.componentChanged=function(e){return a(this,void 0,void 0,(function(){var r,n,i,o,s;return c(this,(function(a){switch(a.label){case 0:return"Sprite"!==e.componentName?[3,5]:(r=e.gameObject.id,n=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,2]:(s=new h(null),this.sprites[e.gameObject.id]=s,this.containerManager.getContainer(e.gameObject.id).addChildAt(s.sprite,0),i=this.increaseAsyncId(r),[4,t.resource.getResource(n.resource)]));case 1:return o=a.sent().instance,this.validateAsyncId(r,i)?o?(s.image=o[n.resource+m+n.spriteName],[3,5]):(console.error("GameObject:"+e.gameObject.name+"'s Sprite resource load error"),[2]):[2];case 2:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,4]:(i=this.increaseAsyncId(r),[4,t.resource.getResource(n.resource)]);case 3:return o=a.sent().instance,this.validateAsyncId(r,i)?o?(this.sprites[e.gameObject.id].image=o[n.resource+m+n.spriteName],[3,5]):(console.error("GameObject:"+e.gameObject.name+"'s Sprite resource load error"),[2]):[2];case 4:e.type===t.OBSERVER_TYPE.REMOVE&&(this.increaseAsyncId(r),s=this.sprites[e.gameObject.id],this.containerManager.getContainer(e.gameObject.id).removeChild(s.sprite),s.sprite.destroy({children:!0}),delete this.sprites[e.gameObject.id]),a.label=5;case 5:return[2]}}))}))},n.systemName="Sprite",n=s([t.decorators.componentObserver({Sprite:["spriteName"]})],n)}(r.Renderer),g=y;return e.Sprite=f,e.SpriteSystem=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,PIXI);window.EVA.plugin.renderer.sprite=window.EVA.plugin.renderer.sprite||_EVA_IIFE_sprite;
+window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_sprite=function(e,t,r,i){"use strict";function s(e,t,r,i){var s,n=arguments.length,o=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,i);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(o=(n<3?s(o):n>3?s(t,r,o):s(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o}function n(e,t,r,i){return new(r||(r=Promise))((function(s,n){function o(e){try{a(i.next(e))}catch(e){n(e)}}function c(e){try{a(i.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,c)}a((i=i.apply(e,t||[])).next())}))}function o(e){return function(t,r){var i=function(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}(t,r);i.key=r,i.type=e}}class c extends t.Component{constructor(){super(...arguments),this.resource="",this.spriteName=""}init(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)}}c.componentName="Sprite",s([o("string")],c.prototype,"resource",void 0),s([o("string")],c.prototype,"spriteName",void 0);class a{constructor(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=i.Sprite.from(e):e instanceof i.Texture&&(this.sprite=new i.Sprite(e)):this.sprite=new i.Sprite}set image(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=i.Texture.from(e)):e instanceof i.Texture&&(this.sprite.texture=e),this._image=e)}get image(){return this._image}}const p="_s|r|c_";t.resource.registerInstance(t.RESOURCE_TYPE.SPRITE,(({name:e,data:t})=>new Promise((r=>{const s=t.json.data,n=t.image instanceof i.Texture?t.image:i.Texture.from(t.image),o=s.frames||{},c=s.animations||{},a={};for(const t in o){a[e+p+t]=o[t]}for(const t in c){const r=[];if(c[t]&&c[t].length>=0)for(const i of c[t]){const t=e+p+i;r.push(t)}c[t]=r}s.frames=a;const u=new i.Spritesheet(n,s);u.parse().then((()=>{r(u.textures)}))})))),t.resource.registerDestroy(t.RESOURCE_TYPE.SPRITE,(({instance:e})=>{if(e)for(const t in e)e[t].destroy(!0)}));let u=class extends r.Renderer{constructor(){super(...arguments),this.name="Sprite",this.sprites={}}init(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:r}=e.transform.size;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=t,this.sprites[e.id].sprite.height=r)}componentChanged(e){return n(this,void 0,void 0,(function*(){if("Sprite"===e.componentName){const r=e.gameObject.id,i=e.component;if(e.type===t.OBSERVER_TYPE.ADD){const s=new a(null);this.sprites[e.gameObject.id]=s,this.containerManager.getContainer(e.gameObject.id).addChildAt(s.sprite,0);const n=this.increaseAsyncId(r),{instance:o}=yield t.resource.getResource(i.resource);if(!this.validateAsyncId(r,n))return;if(!o)return void console.error(`GameObject:${e.gameObject.name}'s Sprite resource load error`);s.image=o[i.resource+p+i.spriteName]}else if(e.type===t.OBSERVER_TYPE.CHANGE){const s=this.increaseAsyncId(r),{instance:n}=yield t.resource.getResource(i.resource);if(!this.validateAsyncId(r,s))return;if(!n)return void console.error(`GameObject:${e.gameObject.name}'s Sprite resource load error`);this.sprites[e.gameObject.id].image=n[i.resource+p+i.spriteName]}else if(e.type===t.OBSERVER_TYPE.REMOVE){this.increaseAsyncId(r);const t=this.sprites[e.gameObject.id];this.containerManager.getContainer(e.gameObject.id).removeChild(t.sprite),t.sprite.destroy({children:!0}),delete this.sprites[e.gameObject.id]}}}))}};u.systemName="Sprite",u=s([t.decorators.componentObserver({Sprite:["spriteName"]})],u);var d=u;return e.Sprite=c,e.SpriteSystem=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,PIXI);window.EVA.plugin.renderer.sprite=window.EVA.plugin.renderer.sprite||_EVA_IIFE_sprite;

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

@@ -21,20 +21,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;
@@ -50,74 +36,31 @@ 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 };
-    }
-}
-
-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 };
-        }
-    };
 }
 
-var Sprite$3 = (function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.resource = '';
-        _this.spriteName = '';
-        return _this;
+class Sprite$3 extends eva_js.Component {
+    constructor() {
+        super(...arguments);
+        this.resource = '';
+        this.spriteName = '';
     }
-    Sprite.prototype.init = function (obj) {
+    init(obj) {
         if (obj && obj.resource) {
             this.resource = obj.resource;
             this.spriteName = obj.spriteName;
         }
-    };
-    Sprite.componentName = 'Sprite';
-    __decorate([
-        inspectorDecorator.type('string')
-    ], Sprite.prototype, "resource", void 0);
-    __decorate([
-        inspectorDecorator.type('string')
-    ], Sprite.prototype, "spriteName", void 0);
-    return Sprite;
-}(eva_js.Component));
-var Sprite$4 = Sprite$3;
+    }
+}
+Sprite$3.componentName = 'Sprite';
+__decorate([
+    inspectorDecorator.type('string')
+], Sprite$3.prototype, "resource", void 0);
+__decorate([
+    inspectorDecorator.type('string')
+], Sprite$3.prototype, "spriteName", void 0);
 
-var Sprite$2 = (function () {
-    function Sprite(image) {
+class Sprite$2 {
+    constructor(image) {
         this._image = null;
         this._image = image;
         if (image) {
@@ -132,161 +75,126 @@ var Sprite$2 = (function () {
             this.sprite = new pixi_js.Sprite();
         }
     }
-    Object.defineProperty(Sprite.prototype, "image", {
-        get: function () {
-            return this._image;
-        },
-        set: function (val) {
-            if (this._image === val) {
-                return;
-            }
-            if (val instanceof HTMLImageElement) {
-                this.sprite.texture && this.sprite.texture.destroy(false);
-                this.sprite.texture = pixi_js.Texture.from(val);
-            }
-            else if (val instanceof pixi_js.Texture) {
-                this.sprite.texture = val;
-            }
-            this._image = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return Sprite;
-}());
-var SpriteEngine = Sprite$2;
+    set image(val) {
+        if (this._image === val) {
+            return;
+        }
+        if (val instanceof HTMLImageElement) {
+            this.sprite.texture && this.sprite.texture.destroy(false);
+            this.sprite.texture = pixi_js.Texture.from(val);
+        }
+        else if (val instanceof pixi_js.Texture) {
+            this.sprite.texture = val;
+        }
+        this._image = val;
+    }
+    get image() {
+        return this._image;
+    }
+}
 
-var resourceKeySplit = '_s|r|c_';
-eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
-    var name = _a.name, data = _a.data;
-    return new Promise(function (r) {
-        var e_1, _a;
-        var textureObj = data.json.data;
-        var texture = data.image instanceof pixi_js.Texture ? data.image : pixi_js.Texture.from(data.image);
-        var frames = textureObj.frames || {};
-        var animations = textureObj.animations || {};
-        var newFrames = {};
-        for (var key in frames) {
-            var newKey = name + resourceKeySplit + key;
+const resourceKeySplit = '_s|r|c_';
+eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, ({ name, data }) => {
+    return new Promise(r => {
+        const textureObj = data.json.data;
+        const texture = data.image instanceof pixi_js.Texture ? data.image : pixi_js.Texture.from(data.image);
+        const frames = textureObj.frames || {};
+        const animations = textureObj.animations || {};
+        const newFrames = {};
+        for (const key in frames) {
+            const newKey = name + resourceKeySplit + key;
             newFrames[newKey] = frames[key];
         }
-        for (var key in animations) {
-            var spriteList = [];
+        for (const key in animations) {
+            const spriteList = [];
             if (animations[key] && animations[key].length >= 0) {
-                try {
-                    for (var _b = (e_1 = void 0, __values(animations[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var spriteName = _c.value;
-                        var newSpriteName = name + resourceKeySplit + spriteName;
-                        spriteList.push(newSpriteName);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
+                for (const spriteName of animations[key]) {
+                    const newSpriteName = name + resourceKeySplit + spriteName;
+                    spriteList.push(newSpriteName);
                 }
             }
             animations[key] = spriteList;
         }
         textureObj.frames = newFrames;
-        var spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
-        spriteSheet.parse().then(function () {
+        const spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
+        spriteSheet.parse().then(() => {
             r(spriteSheet.textures);
         });
     });
 });
-eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
-    var instance = _a.instance;
+eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, ({ instance }) => {
     if (!instance)
         return;
-    for (var key in instance) {
+    for (const key in instance) {
         instance[key].destroy(true);
     }
 });
-var Sprite = (function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.name = 'Sprite';
-        _this.sprites = {};
-        return _this;
+let Sprite = class Sprite extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Sprite';
+        this.sprites = {};
     }
-    Sprite.prototype.init = function () {
+    init() {
         this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
         this.renderSystem.rendererManager.register(this);
-    };
-    Sprite.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.sprites[gameObject.id]) {
             this.sprites[gameObject.id].sprite.width = width;
             this.sprites[gameObject.id].sprite.height = height;
         }
-    };
-    Sprite.prototype.componentChanged = function (changed) {
-        return __awaiter(this, void 0, void 0, function () {
-            var gameObjectId, component, sprite, asyncId, instance, asyncId, instance, sprite;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(changed.componentName === 'Sprite')) return [3, 5];
-                        gameObjectId = changed.gameObject.id;
-                        component = changed.component;
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
-                        sprite = new SpriteEngine(null);
-                        this.sprites[changed.gameObject.id] = sprite;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
-                        asyncId = this.increaseAsyncId(gameObjectId);
-                        return [4, eva_js.resource.getResource(component.resource)];
-                    case 1:
-                        instance = (_a.sent()).instance;
-                        if (!this.validateAsyncId(gameObjectId, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                            return [2];
-                        }
-                        sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
-                        return [3, 5];
-                    case 2:
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
-                        asyncId = this.increaseAsyncId(gameObjectId);
-                        return [4, eva_js.resource.getResource(component.resource)];
-                    case 3:
-                        instance = (_a.sent()).instance;
-                        if (!this.validateAsyncId(gameObjectId, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                            return [2];
-                        }
-                        this.sprites[changed.gameObject.id].image =
-                            instance[component.resource + resourceKeySplit + component.spriteName];
-                        return [3, 5];
-                    case 4:
-                        if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                            this.increaseAsyncId(gameObjectId);
-                            sprite = this.sprites[changed.gameObject.id];
-                            this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
-                            sprite.sprite.destroy({ children: true });
-                            delete this.sprites[changed.gameObject.id];
-                        }
-                        _a.label = 5;
-                    case 5: return [2];
+    }
+    componentChanged(changed) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'Sprite') {
+                const gameObjectId = changed.gameObject.id;
+                const component = changed.component;
+                if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+                    const sprite = new Sprite$2(null);
+                    this.sprites[changed.gameObject.id] = sprite;
+                    this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const { instance } = yield eva_js.resource.getResource(component.resource);
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+                        return;
+                    }
+                    sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
+                }
+                else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const { instance } = yield eva_js.resource.getResource(component.resource);
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+                        return;
+                    }
+                    this.sprites[changed.gameObject.id].image =
+                        instance[component.resource + resourceKeySplit + component.spriteName];
                 }
-            });
+                else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                    this.increaseAsyncId(gameObjectId);
+                    const sprite = this.sprites[changed.gameObject.id];
+                    this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
+                    sprite.sprite.destroy({ children: true });
+                    delete this.sprites[changed.gameObject.id];
+                }
+            }
         });
-    };
-    Sprite.systemName = 'Sprite';
-    Sprite = __decorate([
-        eva_js.decorators.componentObserver({
-            Sprite: ['spriteName'],
-        })
-    ], Sprite);
-    return Sprite;
-}(pluginRenderer.Renderer));
+    }
+};
+Sprite.systemName = 'Sprite';
+Sprite = __decorate([
+    eva_js.decorators.componentObserver({
+        Sprite: ['spriteName'],
+    })
+], Sprite);
 var Sprite$1 = Sprite;
 
-exports.Sprite = Sprite$4;
+exports.Sprite = Sprite$3;
 exports.SpriteSystem = Sprite$1;

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

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),n=require("pixi.js"),i=function(e,t){return i=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])},i(e,t)};function o(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function s(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 a=e.length-1;a>=0;a--)(i=e[a])&&(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){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:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){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,a])}}}function c(e){var t="function"==typeof Symbol&&e[Symbol.iterator],r=0;return t?t.call(e):{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}var u=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.spriteName="",t}return o(r,e),r.prototype.init=function(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)},r.componentName="Sprite",s([t.type("string")],r.prototype,"resource",void 0),s([t.type("string")],r.prototype,"spriteName",void 0),r}(e.Component),p=u,l=function(){function e(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=n.Sprite.from(e):e instanceof n.Texture&&(this.sprite=new n.Sprite(e)):this.sprite=new n.Sprite}return Object.defineProperty(e.prototype,"image",{get:function(){return this._image},set:function(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=n.Texture.from(e)):e instanceof n.Texture&&(this.sprite.texture=e),this._image=e)},enumerable:!1,configurable:!0}),e}(),f=l,h="_s|r|c_";e.resource.registerInstance(e.RESOURCE_TYPE.SPRITE,(function(e){var t=e.name,r=e.data;return new Promise((function(e){var i,o,s=r.json.data,a=r.image instanceof n.Texture?r.image:n.Texture.from(r.image),u=s.frames||{},p=s.animations||{},l={};for(var f in u){l[t+h+f]=u[f]}for(var f in p){var m=[];if(p[f]&&p[f].length>=0)try{for(var d=(i=void 0,c(p[f])),y=d.next();!y.done;y=d.next()){var g=y.value,v=t+h+g;m.push(v)}}catch(e){i={error:e}}finally{try{y&&!y.done&&(o=d.return)&&o.call(d)}finally{if(i)throw i.error}}p[f]=m}s.frames=l;var b=new n.Spritesheet(a,s);b.parse().then((function(){e(b.textures)}))}))})),e.resource.registerDestroy(e.RESOURCE_TYPE.SPRITE,(function(e){var t=e.instance;if(t)for(var r in t)t[r].destroy(!0)}));var m=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="Sprite",e.sprites={},e}return o(n,t),n.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},n.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=r,this.sprites[e.id].sprite.height=n)},n.prototype.componentChanged=function(t){return r=this,n=void 0,o=function(){var r,n,i,o,s;return a(this,(function(a){switch(a.label){case 0:return"Sprite"!==t.componentName?[3,5]:(r=t.gameObject.id,n=t.component,t.type!==e.OBSERVER_TYPE.ADD?[3,2]:(s=new f(null),this.sprites[t.gameObject.id]=s,this.containerManager.getContainer(t.gameObject.id).addChildAt(s.sprite,0),i=this.increaseAsyncId(r),[4,e.resource.getResource(n.resource)]));case 1:return o=a.sent().instance,this.validateAsyncId(r,i)?o?(s.image=o[n.resource+h+n.spriteName],[3,5]):(console.error("GameObject:"+t.gameObject.name+"'s Sprite resource load error"),[2]):[2];case 2:return t.type!==e.OBSERVER_TYPE.CHANGE?[3,4]:(i=this.increaseAsyncId(r),[4,e.resource.getResource(n.resource)]);case 3:return o=a.sent().instance,this.validateAsyncId(r,i)?o?(this.sprites[t.gameObject.id].image=o[n.resource+h+n.spriteName],[3,5]):(console.error("GameObject:"+t.gameObject.name+"'s Sprite resource load error"),[2]):[2];case 4:t.type===e.OBSERVER_TYPE.REMOVE&&(this.increaseAsyncId(r),s=this.sprites[t.gameObject.id],this.containerManager.getContainer(t.gameObject.id).removeChild(s.sprite),s.sprite.destroy({children:!0}),delete this.sprites[t.gameObject.id]),a.label=5;case 5:return[2]}}))},new((i=void 0)||(i=Promise))((function(e,t){function s(e){try{c(o.next(e))}catch(e){t(e)}}function a(e){try{c(o.throw(e))}catch(e){t(e)}}function c(t){t.done?e(t.value):new i((function(e){e(t.value)})).then(s,a)}c((o=o.apply(r,n||[])).next())}));var r,n,i,o},n.systemName="Sprite",n=s([e.decorators.componentObserver({Sprite:["spriteName"]})],n)}(r.Renderer);exports.Sprite=p,exports.SpriteSystem=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),s=require("pixi.js");
+/*! *****************************************************************************
+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 i(e,t,r,s){var i,n=arguments.length,o=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,s);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(o=(n<3?i(o):n>3?i(t,r,o):i(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o}class n extends e.Component{constructor(){super(...arguments),this.resource="",this.spriteName=""}init(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)}}n.componentName="Sprite",i([t.type("string")],n.prototype,"resource",void 0),i([t.type("string")],n.prototype,"spriteName",void 0);class o{constructor(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=s.Sprite.from(e):e instanceof s.Texture&&(this.sprite=new s.Sprite(e)):this.sprite=new s.Sprite}set image(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=s.Texture.from(e)):e instanceof s.Texture&&(this.sprite.texture=e),this._image=e)}get image(){return this._image}}const c="_s|r|c_";e.resource.registerInstance(e.RESOURCE_TYPE.SPRITE,(({name:e,data:t})=>new Promise((r=>{const i=t.json.data,n=t.image instanceof s.Texture?t.image:s.Texture.from(t.image),o=i.frames||{},a=i.animations||{},p={};for(const t in o){p[e+c+t]=o[t]}for(const t in a){const r=[];if(a[t]&&a[t].length>=0)for(const s of a[t]){const t=e+c+s;r.push(t)}a[t]=r}i.frames=p;const m=new s.Spritesheet(n,i);m.parse().then((()=>{r(m.textures)}))})))),e.resource.registerDestroy(e.RESOURCE_TYPE.SPRITE,(({instance:e})=>{if(e)for(const t in e)e[t].destroy(!0)}));let a=class extends r.Renderer{constructor(){super(...arguments),this.name="Sprite",this.sprites={}}init(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:r}=e.transform.size;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=t,this.sprites[e.id].sprite.height=r)}componentChanged(t){return r=this,s=void 0,n=function*(){if("Sprite"===t.componentName){const r=t.gameObject.id,s=t.component;if(t.type===e.OBSERVER_TYPE.ADD){const i=new o(null);this.sprites[t.gameObject.id]=i,this.containerManager.getContainer(t.gameObject.id).addChildAt(i.sprite,0);const n=this.increaseAsyncId(r),{instance:a}=yield e.resource.getResource(s.resource);if(!this.validateAsyncId(r,n))return;if(!a)return void console.error(`GameObject:${t.gameObject.name}'s Sprite resource load error`);i.image=a[s.resource+c+s.spriteName]}else if(t.type===e.OBSERVER_TYPE.CHANGE){const i=this.increaseAsyncId(r),{instance:n}=yield e.resource.getResource(s.resource);if(!this.validateAsyncId(r,i))return;if(!n)return void console.error(`GameObject:${t.gameObject.name}'s Sprite resource load error`);this.sprites[t.gameObject.id].image=n[s.resource+c+s.spriteName]}else if(t.type===e.OBSERVER_TYPE.REMOVE){this.increaseAsyncId(r);const e=this.sprites[t.gameObject.id];this.containerManager.getContainer(t.gameObject.id).removeChild(e.sprite),e.sprite.destroy({children:!0}),delete this.sprites[t.gameObject.id]}}},new((i=void 0)||(i=Promise))((function(e,t){function o(e){try{a(n.next(e))}catch(e){t(e)}}function c(e){try{a(n.throw(e))}catch(e){t(e)}}function a(t){t.done?e(t.value):new i((function(e){e(t.value)})).then(o,c)}a((n=n.apply(r,s||[])).next())}));var r,s,i,n}};a.systemName="Sprite",a=i([e.decorators.componentObserver({Sprite:["spriteName"]})],a);var p=a;exports.Sprite=n,exports.SpriteSystem=p;

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

@@ -1,7 +1,7 @@
 import { Component, resource, RESOURCE_TYPE, decorators, OBSERVER_TYPE } from '@eva/eva.js';
 import { type } from '@eva/inspector-decorator';
-import { RendererSystem, Renderer } from '@eva/plugin-renderer';
-import { Sprite as Sprite$5, Texture, Spritesheet } from 'pixi.js';
+import { Renderer, RendererSystem } from '@eva/plugin-renderer';
+import { Sprite as Sprite$4, Texture, Spritesheet } from 'pixi.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -17,20 +17,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;
@@ -46,242 +32,164 @@ 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 };
-    }
-}
-
-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 };
-        }
-    };
 }
 
-var Sprite$3 = (function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.resource = '';
-        _this.spriteName = '';
-        return _this;
+class Sprite$3 extends Component {
+    constructor() {
+        super(...arguments);
+        this.resource = '';
+        this.spriteName = '';
     }
-    Sprite.prototype.init = function (obj) {
+    init(obj) {
         if (obj && obj.resource) {
             this.resource = obj.resource;
             this.spriteName = obj.spriteName;
         }
-    };
-    Sprite.componentName = 'Sprite';
-    __decorate([
-        type('string')
-    ], Sprite.prototype, "resource", void 0);
-    __decorate([
-        type('string')
-    ], Sprite.prototype, "spriteName", void 0);
-    return Sprite;
-}(Component));
-var Sprite$4 = Sprite$3;
+    }
+}
+Sprite$3.componentName = 'Sprite';
+__decorate([
+    type('string')
+], Sprite$3.prototype, "resource", void 0);
+__decorate([
+    type('string')
+], Sprite$3.prototype, "spriteName", void 0);
 
-var Sprite$2 = (function () {
-    function Sprite(image) {
+class Sprite$2 {
+    constructor(image) {
         this._image = null;
         this._image = image;
         if (image) {
             if (image instanceof HTMLImageElement) {
-                this.sprite = Sprite$5.from(image);
+                this.sprite = Sprite$4.from(image);
             }
             else if (image instanceof Texture) {
-                this.sprite = new Sprite$5(image);
+                this.sprite = new Sprite$4(image);
             }
         }
         else {
-            this.sprite = new Sprite$5();
+            this.sprite = new Sprite$4();
         }
     }
-    Object.defineProperty(Sprite.prototype, "image", {
-        get: function () {
-            return this._image;
-        },
-        set: function (val) {
-            if (this._image === val) {
-                return;
-            }
-            if (val instanceof HTMLImageElement) {
-                this.sprite.texture && this.sprite.texture.destroy(false);
-                this.sprite.texture = Texture.from(val);
-            }
-            else if (val instanceof Texture) {
-                this.sprite.texture = val;
-            }
-            this._image = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return Sprite;
-}());
-var SpriteEngine = Sprite$2;
+    set image(val) {
+        if (this._image === val) {
+            return;
+        }
+        if (val instanceof HTMLImageElement) {
+            this.sprite.texture && this.sprite.texture.destroy(false);
+            this.sprite.texture = Texture.from(val);
+        }
+        else if (val instanceof Texture) {
+            this.sprite.texture = val;
+        }
+        this._image = val;
+    }
+    get image() {
+        return this._image;
+    }
+}
 
-var resourceKeySplit = '_s|r|c_';
-resource.registerInstance(RESOURCE_TYPE.SPRITE, function (_a) {
-    var name = _a.name, data = _a.data;
-    return new Promise(function (r) {
-        var e_1, _a;
-        var textureObj = data.json.data;
-        var texture = data.image instanceof Texture ? data.image : Texture.from(data.image);
-        var frames = textureObj.frames || {};
-        var animations = textureObj.animations || {};
-        var newFrames = {};
-        for (var key in frames) {
-            var newKey = name + resourceKeySplit + key;
+const resourceKeySplit = '_s|r|c_';
+resource.registerInstance(RESOURCE_TYPE.SPRITE, ({ name, data }) => {
+    return new Promise(r => {
+        const textureObj = data.json.data;
+        const texture = data.image instanceof Texture ? data.image : Texture.from(data.image);
+        const frames = textureObj.frames || {};
+        const animations = textureObj.animations || {};
+        const newFrames = {};
+        for (const key in frames) {
+            const newKey = name + resourceKeySplit + key;
             newFrames[newKey] = frames[key];
         }
-        for (var key in animations) {
-            var spriteList = [];
+        for (const key in animations) {
+            const spriteList = [];
             if (animations[key] && animations[key].length >= 0) {
-                try {
-                    for (var _b = (e_1 = void 0, __values(animations[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var spriteName = _c.value;
-                        var newSpriteName = name + resourceKeySplit + spriteName;
-                        spriteList.push(newSpriteName);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
+                for (const spriteName of animations[key]) {
+                    const newSpriteName = name + resourceKeySplit + spriteName;
+                    spriteList.push(newSpriteName);
                 }
             }
             animations[key] = spriteList;
         }
         textureObj.frames = newFrames;
-        var spriteSheet = new Spritesheet(texture, textureObj);
-        spriteSheet.parse().then(function () {
+        const spriteSheet = new Spritesheet(texture, textureObj);
+        spriteSheet.parse().then(() => {
             r(spriteSheet.textures);
         });
     });
 });
-resource.registerDestroy(RESOURCE_TYPE.SPRITE, function (_a) {
-    var instance = _a.instance;
+resource.registerDestroy(RESOURCE_TYPE.SPRITE, ({ instance }) => {
     if (!instance)
         return;
-    for (var key in instance) {
+    for (const key in instance) {
         instance[key].destroy(true);
     }
 });
-var Sprite = (function (_super) {
-    __extends(Sprite, _super);
-    function Sprite() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.name = 'Sprite';
-        _this.sprites = {};
-        return _this;
+let Sprite = class Sprite extends Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Sprite';
+        this.sprites = {};
     }
-    Sprite.prototype.init = function () {
+    init() {
         this.renderSystem = this.game.getSystem(RendererSystem);
         this.renderSystem.rendererManager.register(this);
-    };
-    Sprite.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.sprites[gameObject.id]) {
             this.sprites[gameObject.id].sprite.width = width;
             this.sprites[gameObject.id].sprite.height = height;
         }
-    };
-    Sprite.prototype.componentChanged = function (changed) {
-        return __awaiter(this, void 0, void 0, function () {
-            var gameObjectId, component, sprite, asyncId, instance, asyncId, instance, sprite;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(changed.componentName === 'Sprite')) return [3, 5];
-                        gameObjectId = changed.gameObject.id;
-                        component = changed.component;
-                        if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 2];
-                        sprite = new SpriteEngine(null);
-                        this.sprites[changed.gameObject.id] = sprite;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
-                        asyncId = this.increaseAsyncId(gameObjectId);
-                        return [4, resource.getResource(component.resource)];
-                    case 1:
-                        instance = (_a.sent()).instance;
-                        if (!this.validateAsyncId(gameObjectId, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                            return [2];
-                        }
-                        sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
-                        return [3, 5];
-                    case 2:
-                        if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 4];
-                        asyncId = this.increaseAsyncId(gameObjectId);
-                        return [4, resource.getResource(component.resource)];
-                    case 3:
-                        instance = (_a.sent()).instance;
-                        if (!this.validateAsyncId(gameObjectId, asyncId))
-                            return [2];
-                        if (!instance) {
-                            console.error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
-                            return [2];
-                        }
-                        this.sprites[changed.gameObject.id].image =
-                            instance[component.resource + resourceKeySplit + component.spriteName];
-                        return [3, 5];
-                    case 4:
-                        if (changed.type === OBSERVER_TYPE.REMOVE) {
-                            this.increaseAsyncId(gameObjectId);
-                            sprite = this.sprites[changed.gameObject.id];
-                            this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
-                            sprite.sprite.destroy({ children: true });
-                            delete this.sprites[changed.gameObject.id];
-                        }
-                        _a.label = 5;
-                    case 5: return [2];
+    }
+    componentChanged(changed) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'Sprite') {
+                const gameObjectId = changed.gameObject.id;
+                const component = changed.component;
+                if (changed.type === OBSERVER_TYPE.ADD) {
+                    const sprite = new Sprite$2(null);
+                    this.sprites[changed.gameObject.id] = sprite;
+                    this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const { instance } = yield resource.getResource(component.resource);
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+                        return;
+                    }
+                    sprite.image = instance[component.resource + resourceKeySplit + component.spriteName];
+                }
+                else if (changed.type === OBSERVER_TYPE.CHANGE) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const { instance } = yield resource.getResource(component.resource);
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!instance) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
+                        return;
+                    }
+                    this.sprites[changed.gameObject.id].image =
+                        instance[component.resource + resourceKeySplit + component.spriteName];
                 }
-            });
+                else if (changed.type === OBSERVER_TYPE.REMOVE) {
+                    this.increaseAsyncId(gameObjectId);
+                    const sprite = this.sprites[changed.gameObject.id];
+                    this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
+                    sprite.sprite.destroy({ children: true });
+                    delete this.sprites[changed.gameObject.id];
+                }
+            }
         });
-    };
-    Sprite.systemName = 'Sprite';
-    Sprite = __decorate([
-        decorators.componentObserver({
-            Sprite: ['spriteName'],
-        })
-    ], Sprite);
-    return Sprite;
-}(Renderer));
+    }
+};
+Sprite.systemName = 'Sprite';
+Sprite = __decorate([
+    decorators.componentObserver({
+        Sprite: ['spriteName'],
+    })
+], Sprite);
 var Sprite$1 = Sprite;
 
-export { Sprite$4 as Sprite, Sprite$1 as SpriteSystem };
+export { Sprite$3 as Sprite, Sprite$1 as SpriteSystem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-sprite",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description": "@eva/plugin-renderer-sprite",
   "main": "index.js",
   "module": "dist/plugin-renderer-sprite.esm.js",
@@ -19,8 +19,8 @@
   "homepage": "https://eva.js.org",
   "dependencies": {
     "@eva/inspector-decorator": "^0.0.5",
-    "@eva/plugin-renderer": "2.0.0-beta.1",
-    "@eva/eva.js": "2.0.0-beta.1",
+    "@eva/plugin-renderer": "2.0.0-beta.2",
+    "@eva/eva.js": "2.0.0-beta.2",
     "pixi.js": "^8.6.3"
   }
 }