@eva/plugin-renderer-tiling-sprite 1.2.6-alpha.0 → 1.2.7-editor.1

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

@@ -279,36 +279,42 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
 
     TilingSprite.prototype.componentChanged = function (changed) {
       return __awaiter(this, void 0, void 0, function () {
-        var component, sprite_1, data, sprite;
+        var gameObjectId, component, sprite, asyncId, data, asyncId, data, sprite;
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              if (!(changed.componentName === 'TilingSprite')) return [3, 6];
+              gameObjectId = changed.gameObject.id;
+              if (!(changed.componentName === 'TilingSprite')) return [3, 7];
               component = changed.component;
-              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 1];
-              sprite_1 = new rendererAdapter.TilingSprite(null);
-              eva_js.resource.getResource(component.resource).then(function (_a) {
-                var data = _a.data;
-
-                if (!data) {
-                  console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
-                  return;
-                }
-
-                sprite_1.image = data.image;
-              });
-              this.imgs[changed.gameObject.id] = sprite_1;
-              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.tilingSprite, 0);
+              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
+              sprite = new rendererAdapter.TilingSprite(null);
+              this.imgs[changed.gameObject.id] = sprite;
+              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.tilingSprite, 0);
               this.setProp(changed.gameObject.id, component);
-              return [3, 6];
+              asyncId = this.increaseAsyncId(gameObjectId);
+              return [4, eva_js.resource.getResource(component.resource)];
 
             case 1:
-              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 5];
-              if (!(changed.prop.prop[0] === 'resource')) return [3, 3];
-              return [4, eva_js.resource.getResource(component.resource)];
+              data = _a.sent().data;
+              if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
+
+              if (!data) {
+                console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
+                return [2];
+              }
+
+              sprite.image = data.image;
+              return [3, 7];
 
             case 2:
+              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 6];
+              if (!(changed.prop.prop[0] === 'resource')) return [3, 4];
+              asyncId = this.increaseAsyncId(gameObjectId);
+              return [4, eva_js.resource.getResource(component.resource)];
+
+            case 3:
               data = _a.sent().data;
+              if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
 
               if (!data) {
                 console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
@@ -316,17 +322,18 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
               }
 
               this.imgs[changed.gameObject.id].image = data.image;
-              return [3, 4];
-
-            case 3:
-              this.setProp(changed.gameObject.id, component);
-              _a.label = 4;
+              return [3, 5];
 
             case 4:
-              return [3, 6];
+              this.setProp(changed.gameObject.id, component);
+              _a.label = 5;
 
             case 5:
+              return [3, 7];
+
+            case 6:
               if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                this.increaseAsyncId(gameObjectId);
                 sprite = this.imgs[changed.gameObject.id];
                 this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.tilingSprite);
                 sprite.tilingSprite.destroy({
@@ -335,9 +342,9 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
                 delete this.imgs[changed.gameObject.id];
               }
 
-              _a.label = 6;
+              _a.label = 7;
 
-            case 6:
+            case 7:
               return [2];
           }
         });

package/dist/EVA.plugin.renderer.tilingSprite.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_tilingSprite=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])})(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 c(e,t,r,n){var i,o=arguments.length,c=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(c=(o<3?i(c):o>3?i(t,r,c):i(t,r))||c);return o>3&&c&&Object.defineProperty(t,r,c),c}function s(e,t,r,n){return new(r||(r=Promise))((function(i,o){function c(e){try{a(n.next(e))}catch(e){o(e)}}function s(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(c,s)}a((n=n.apply(e,t||[])).next())}))}function a(e,t){var r,n,i,o,c={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;c;)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 c.label++,{value:o[1],done:!1};case 5:c.label++,n=o[1],o=[0];continue;case 7:o=c.ops.pop(),c.trys.pop();continue;default:if(!(i=c.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){c=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){c.label=o[1];break}if(6===o[0]&&c.label<i[1]){c.label=i[1],i=o;break}if(i&&c.label<i[2]){c.label=i[2],c.ops.push(o);break}i[2]&&c.ops.pop(),c.trys.pop();continue}o=t.call(e,c)}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,s])}}}function l(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}function p(e){return function(t,r){var n=l(t,r);n.key=r,n.type=e}}function u(e){return function(t,r){l(t,r).step=e}}var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.tileScale={x:1,y:1},t.tilePosition={x:0,y:0},t}return o(t,e),t.prototype.init=function(e){e&&(this.resource=e.resource,this.tileScale=e.tileScale,this.tilePosition=e.tilePosition)},t.componentName="TilingSprite",c([p("string")],t.prototype,"resource",void 0),c([p("vector2"),u(.1)],t.prototype,"tileScale",void 0),c([p("vector2"),u(1)],t.prototype,"tilePosition",void 0),t}(t.Component),d=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="TilingSprite",t.imgs={},t}return o(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,i=this.imgs[e.id];i&&(i.tilingSprite.width=r,i.tilingSprite.height=n)},i.prototype.componentChanged=function(e){return s(this,void 0,void 0,(function(){var r,i,o,c;return a(this,(function(s){switch(s.label){case 0:return"TilingSprite"!==e.componentName?[3,6]:(r=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,1]:(i=new n.TilingSprite(null),t.resource.getResource(r.resource).then((function(t){var r=t.data;r?i.image=r.image:console.error("GameObject:"+e.gameObject.name+"'s TilingSprite resource load error")})),this.imgs[e.gameObject.id]=i,this.containerManager.getContainer(e.gameObject.id).addChildAt(i.tilingSprite,0),this.setProp(e.gameObject.id,r),[3,6]));case 1:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,5]:"resource"!==e.prop.prop[0]?[3,3]:[4,t.resource.getResource(r.resource)];case 2:return(o=s.sent().data)?(this.imgs[e.gameObject.id].image=o.image,[3,4]):(console.error("GameObject:"+e.gameObject.name+"'s TilingSprite resource load error"),[2]);case 3:this.setProp(e.gameObject.id,r),s.label=4;case 4:return[3,6];case 5:e.type===t.OBSERVER_TYPE.REMOVE&&(c=this.imgs[e.gameObject.id],this.containerManager.getContainer(e.gameObject.id).removeChild(c.tilingSprite),c.tilingSprite.destroy({children:!0}),delete this.imgs[e.gameObject.id]),s.label=6;case 6:return[2]}}))}))},i.prototype.setProp=function(e,t){this.imgs[e].tilingSprite.tilePosition=t.tilePosition,this.imgs[e].tilingSprite.tileScale=t.tileScale},i=c([t.decorators.componentObserver({TilingSprite:[{prop:["resource"],deep:!1},{prop:["tileScale"],deep:!0},{prop:["tilePosition"],deep:!0}]})],i)}(r.Renderer);return e.TilingSprite=g,e.TilingSpriteSystem=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.tilingSprite=window.EVA.plugin.renderer.tilingSprite||_EVA_IIFE_tilingSprite;
+window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_tilingSprite=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])})(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 c(e,t,r,n){var i,o=arguments.length,c=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(c=(o<3?i(c):o>3?i(t,r,c):i(t,r))||c);return o>3&&c&&Object.defineProperty(t,r,c),c}function s(e,t,r,n){return new(r||(r=Promise))((function(i,o){function c(e){try{a(n.next(e))}catch(e){o(e)}}function s(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(c,s)}a((n=n.apply(e,t||[])).next())}))}function a(e,t){var r,n,i,o,c={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;c;)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 c.label++,{value:o[1],done:!1};case 5:c.label++,n=o[1],o=[0];continue;case 7:o=c.ops.pop(),c.trys.pop();continue;default:if(!(i=c.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){c=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){c.label=o[1];break}if(6===o[0]&&c.label<i[1]){c.label=i[1],i=o;break}if(i&&c.label<i[2]){c.label=i[2],c.ops.push(o);break}i[2]&&c.ops.pop(),c.trys.pop();continue}o=t.call(e,c)}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,s])}}}function l(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}function p(e){return function(t,r){var n=l(t,r);n.key=r,n.type=e}}function u(e){return function(t,r){l(t,r).step=e}}var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.tileScale={x:1,y:1},t.tilePosition={x:0,y:0},t}return o(t,e),t.prototype.init=function(e){e&&(this.resource=e.resource,this.tileScale=e.tileScale,this.tilePosition=e.tilePosition)},t.componentName="TilingSprite",c([p("string")],t.prototype,"resource",void 0),c([p("vector2"),u(.1)],t.prototype,"tileScale",void 0),c([p("vector2"),u(1)],t.prototype,"tilePosition",void 0),t}(t.Component),g=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="TilingSprite",t.imgs={},t}return o(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,i=this.imgs[e.id];i&&(i.tilingSprite.width=r,i.tilingSprite.height=n)},i.prototype.componentChanged=function(e){return s(this,void 0,void 0,(function(){var r,i,o,c,s;return a(this,(function(a){switch(a.label){case 0:return r=e.gameObject.id,"TilingSprite"!==e.componentName?[3,7]:(i=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,2]:(s=new n.TilingSprite(null),this.imgs[e.gameObject.id]=s,this.containerManager.getContainer(e.gameObject.id).addChildAt(s.tilingSprite,0),this.setProp(e.gameObject.id,i),o=this.increaseAsyncId(r),[4,t.resource.getResource(i.resource)]));case 1:return c=a.sent().data,this.validateAsyncId(r,o)?c?(s.image=c.image,[3,7]):(console.error("GameObject:"+e.gameObject.name+"'s TilingSprite resource load error"),[2]):[2];case 2:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,6]:"resource"!==e.prop.prop[0]?[3,4]:(o=this.increaseAsyncId(r),[4,t.resource.getResource(i.resource)]);case 3:return c=a.sent().data,this.validateAsyncId(r,o)?c?(this.imgs[e.gameObject.id].image=c.image,[3,5]):(console.error("GameObject:"+e.gameObject.name+"'s TilingSprite resource load error"),[2]):[2];case 4:this.setProp(e.gameObject.id,i),a.label=5;case 5:return[3,7];case 6:e.type===t.OBSERVER_TYPE.REMOVE&&(this.increaseAsyncId(r),s=this.imgs[e.gameObject.id],this.containerManager.getContainer(e.gameObject.id).removeChild(s.tilingSprite),s.tilingSprite.destroy({children:!0}),delete this.imgs[e.gameObject.id]),a.label=7;case 7:return[2]}}))}))},i.prototype.setProp=function(e,t){this.imgs[e].tilingSprite.tilePosition=t.tilePosition,this.imgs[e].tilingSprite.tileScale=t.tileScale},i=c([t.decorators.componentObserver({TilingSprite:[{prop:["resource"],deep:!1},{prop:["tileScale"],deep:!0},{prop:["tilePosition"],deep:!0}]})],i)}(r.Renderer);return e.TilingSprite=d,e.TilingSpriteSystem=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.tilingSprite=window.EVA.plugin.renderer.tilingSprite||_EVA_IIFE_tilingSprite;

package/dist/miniprogram.js

@@ -73,36 +73,42 @@ var TilingSprite = function (_super) {
 
   TilingSprite.prototype.componentChanged = function (changed) {
     return __awaiter(this, void 0, void 0, function () {
-      var component, sprite_1, data, sprite;
+      var gameObjectId, component, sprite, asyncId, data, asyncId, data, sprite;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            if (!(changed.componentName === 'TilingSprite')) return [3, 6];
+            gameObjectId = changed.gameObject.id;
+            if (!(changed.componentName === 'TilingSprite')) return [3, 7];
             component = changed.component;
-            if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 1];
-            sprite_1 = new TilingSprite$4(null);
-            resource.getResource(component.resource).then(function (_a) {
-              var data = _a.data;
-
-              if (!data) {
-                console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
-                return;
-              }
-
-              sprite_1.image = data.image;
-            });
-            this.imgs[changed.gameObject.id] = sprite_1;
-            this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.tilingSprite, 0);
+            if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 2];
+            sprite = new TilingSprite$4(null);
+            this.imgs[changed.gameObject.id] = sprite;
+            this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.tilingSprite, 0);
             this.setProp(changed.gameObject.id, component);
-            return [3, 6];
+            asyncId = this.increaseAsyncId(gameObjectId);
+            return [4, resource.getResource(component.resource)];
 
           case 1:
-            if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 5];
-            if (!(changed.prop.prop[0] === 'resource')) return [3, 3];
-            return [4, resource.getResource(component.resource)];
+            data = _a.sent().data;
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
+
+            if (!data) {
+              console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
+              return [2];
+            }
+
+            sprite.image = data.image;
+            return [3, 7];
 
           case 2:
+            if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 6];
+            if (!(changed.prop.prop[0] === 'resource')) return [3, 4];
+            asyncId = this.increaseAsyncId(gameObjectId);
+            return [4, resource.getResource(component.resource)];
+
+          case 3:
             data = _a.sent().data;
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
 
             if (!data) {
               console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
@@ -110,17 +116,18 @@ var TilingSprite = function (_super) {
             }
 
             this.imgs[changed.gameObject.id].image = data.image;
-            return [3, 4];
-
-          case 3:
-            this.setProp(changed.gameObject.id, component);
-            _a.label = 4;
+            return [3, 5];
 
           case 4:
-            return [3, 6];
+            this.setProp(changed.gameObject.id, component);
+            _a.label = 5;
 
           case 5:
+            return [3, 7];
+
+          case 6:
             if (changed.type === OBSERVER_TYPE.REMOVE) {
+              this.increaseAsyncId(gameObjectId);
               sprite = this.imgs[changed.gameObject.id];
               this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.tilingSprite);
               sprite.tilingSprite.destroy({
@@ -129,9 +136,9 @@ var TilingSprite = function (_super) {
               delete this.imgs[changed.gameObject.id];
             }
 
-            _a.label = 6;
+            _a.label = 7;
 
-          case 6:
+          case 7:
             return [2];
         }
       });

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

@@ -140,44 +140,52 @@ var TilingSprite = (function (_super) {
     };
     TilingSprite.prototype.componentChanged = function (changed) {
         return __awaiter(this, void 0, void 0, function () {
-            var component, sprite_1, data, sprite;
+            var gameObjectId, component, sprite, asyncId, data, asyncId, data, sprite;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(changed.componentName === 'TilingSprite')) return [3, 6];
+                        gameObjectId = changed.gameObject.id;
+                        if (!(changed.componentName === 'TilingSprite')) return [3, 7];
                         component = changed.component;
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 1];
-                        sprite_1 = new rendererAdapter.TilingSprite(null);
-                        eva_js.resource.getResource(component.resource).then(function (_a) {
-                            var data = _a.data;
-                            if (!data) {
-                                console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
-                                return;
-                            }
-                            sprite_1.image = data.image;
-                        });
-                        this.imgs[changed.gameObject.id] = sprite_1;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.tilingSprite, 0);
+                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
+                        sprite = new rendererAdapter.TilingSprite(null);
+                        this.imgs[changed.gameObject.id] = sprite;
+                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.tilingSprite, 0);
                         this.setProp(changed.gameObject.id, component);
-                        return [3, 6];
-                    case 1:
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 5];
-                        if (!(changed.prop.prop[0] === 'resource')) return [3, 3];
+                        asyncId = this.increaseAsyncId(gameObjectId);
                         return [4, eva_js.resource.getResource(component.resource)];
+                    case 1:
+                        data = (_a.sent()).data;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
+                        if (!data) {
+                            console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
+                            return [2];
+                        }
+                        sprite.image = data.image;
+                        return [3, 7];
                     case 2:
+                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 6];
+                        if (!(changed.prop.prop[0] === 'resource')) return [3, 4];
+                        asyncId = this.increaseAsyncId(gameObjectId);
+                        return [4, eva_js.resource.getResource(component.resource)];
+                    case 3:
                         data = (_a.sent()).data;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!data) {
                             console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
                             return [2];
                         }
                         this.imgs[changed.gameObject.id].image = data.image;
-                        return [3, 4];
-                    case 3:
+                        return [3, 5];
+                    case 4:
                         this.setProp(changed.gameObject.id, component);
-                        _a.label = 4;
-                    case 4: return [3, 6];
-                    case 5:
+                        _a.label = 5;
+                    case 5: return [3, 7];
+                    case 6:
                         if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(gameObjectId);
                             sprite = this.imgs[changed.gameObject.id];
                             this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.tilingSprite);
                             sprite.tilingSprite.destroy({
@@ -185,8 +193,8 @@ var TilingSprite = (function (_super) {
                             });
                             delete this.imgs[changed.gameObject.id];
                         }
-                        _a.label = 6;
-                    case 6: return [2];
+                        _a.label = 7;
+                    case 7: return [2];
                 }
             });
         });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),i=require("@eva/renderer-adapter"),n=function(e,t){return(n=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])})(e,t)};function o(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function a(e,t,r,i){var n,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(o<3?n(a):o>3?n(t,r,a):n(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t){var r,i,n,o,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[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(;a;)try{if(r=1,i&&(n=2&o[0]?i.return:o[0]?i.throw||((n=i.return)&&n.call(i),0):i.next)&&!(n=n.call(i,o[1])).done)return n;switch(i=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,i=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(n=a.trys,(n=n.length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(6===o[0]&&a.label<n[1]){a.label=n[1],n=o;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(o);break}n[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],i=0}finally{r=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}var s=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.tileScale={x:1,y:1},t.tilePosition={x:0,y:0},t}return o(r,e),r.prototype.init=function(e){e&&(this.resource=e.resource,this.tileScale=e.tileScale,this.tilePosition=e.tilePosition)},r.componentName="TilingSprite",a([t.type("string")],r.prototype,"resource",void 0),a([t.type("vector2"),t.step(.1)],r.prototype,"tileScale",void 0),a([t.type("vector2"),t.step(1)],r.prototype,"tilePosition",void 0),r}(e.Component),l=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="TilingSprite",e.imgs={},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,i=t.height,n=this.imgs[e.id];n&&(n.tilingSprite.width=r,n.tilingSprite.height=i)},n.prototype.componentChanged=function(t){return r=this,n=void 0,a=function(){var r,n,o,a;return c(this,(function(c){switch(c.label){case 0:return"TilingSprite"!==t.componentName?[3,6]:(r=t.component,t.type!==e.OBSERVER_TYPE.ADD?[3,1]:(n=new i.TilingSprite(null),e.resource.getResource(r.resource).then((function(e){var r=e.data;r?n.image=r.image:console.error("GameObject:"+t.gameObject.name+"'s TilingSprite resource load error")})),this.imgs[t.gameObject.id]=n,this.containerManager.getContainer(t.gameObject.id).addChildAt(n.tilingSprite,0),this.setProp(t.gameObject.id,r),[3,6]));case 1:return t.type!==e.OBSERVER_TYPE.CHANGE?[3,5]:"resource"!==t.prop.prop[0]?[3,3]:[4,e.resource.getResource(r.resource)];case 2:return(o=c.sent().data)?(this.imgs[t.gameObject.id].image=o.image,[3,4]):(console.error("GameObject:"+t.gameObject.name+"'s TilingSprite resource load error"),[2]);case 3:this.setProp(t.gameObject.id,r),c.label=4;case 4:return[3,6];case 5:t.type===e.OBSERVER_TYPE.REMOVE&&(a=this.imgs[t.gameObject.id],this.containerManager.getContainer(t.gameObject.id).removeChild(a.tilingSprite),a.tilingSprite.destroy({children:!0}),delete this.imgs[t.gameObject.id]),c.label=6;case 6:return[2]}}))},new((o=void 0)||(o=Promise))((function(e,t){function i(e){try{s(a.next(e))}catch(e){t(e)}}function c(e){try{s(a.throw(e))}catch(e){t(e)}}function s(t){t.done?e(t.value):new o((function(e){e(t.value)})).then(i,c)}s((a=a.apply(r,n||[])).next())}));var r,n,o,a},n.prototype.setProp=function(e,t){this.imgs[e].tilingSprite.tilePosition=t.tilePosition,this.imgs[e].tilingSprite.tileScale=t.tileScale},n=a([e.decorators.componentObserver({TilingSprite:[{prop:["resource"],deep:!1},{prop:["tileScale"],deep:!0},{prop:["tilePosition"],deep:!0}]})],n)}(r.Renderer);exports.TilingSprite=s,exports.TilingSpriteSystem=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),i=require("@eva/renderer-adapter"),n=function(e,t){return(n=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])})(e,t)};function o(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function c(e,t,r,i){var n,o=arguments.length,c=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(c=(o<3?n(c):o>3?n(t,r,c):n(t,r))||c);return o>3&&c&&Object.defineProperty(t,r,c),c}function a(e,t){var r,i,n,o,c={label:0,sent:function(){if(1&n[0])throw n[1];return n[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(;c;)try{if(r=1,i&&(n=2&o[0]?i.return:o[0]?i.throw||((n=i.return)&&n.call(i),0):i.next)&&!(n=n.call(i,o[1])).done)return n;switch(i=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return c.label++,{value:o[1],done:!1};case 5:c.label++,i=o[1],o=[0];continue;case 7:o=c.ops.pop(),c.trys.pop();continue;default:if(!(n=c.trys,(n=n.length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){c=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){c.label=o[1];break}if(6===o[0]&&c.label<n[1]){c.label=n[1],n=o;break}if(n&&c.label<n[2]){c.label=n[2],c.ops.push(o);break}n[2]&&c.ops.pop(),c.trys.pop();continue}o=t.call(e,c)}catch(e){o=[6,e],i=0}finally{r=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}}var s=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.tileScale={x:1,y:1},t.tilePosition={x:0,y:0},t}return o(r,e),r.prototype.init=function(e){e&&(this.resource=e.resource,this.tileScale=e.tileScale,this.tilePosition=e.tilePosition)},r.componentName="TilingSprite",c([t.type("string")],r.prototype,"resource",void 0),c([t.type("vector2"),t.step(.1)],r.prototype,"tileScale",void 0),c([t.type("vector2"),t.step(1)],r.prototype,"tilePosition",void 0),r}(e.Component),l=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="TilingSprite",e.imgs={},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,i=t.height,n=this.imgs[e.id];n&&(n.tilingSprite.width=r,n.tilingSprite.height=i)},n.prototype.componentChanged=function(t){return r=this,n=void 0,c=function(){var r,n,o,c,s;return a(this,(function(a){switch(a.label){case 0:return r=t.gameObject.id,"TilingSprite"!==t.componentName?[3,7]:(n=t.component,t.type!==e.OBSERVER_TYPE.ADD?[3,2]:(s=new i.TilingSprite(null),this.imgs[t.gameObject.id]=s,this.containerManager.getContainer(t.gameObject.id).addChildAt(s.tilingSprite,0),this.setProp(t.gameObject.id,n),o=this.increaseAsyncId(r),[4,e.resource.getResource(n.resource)]));case 1:return c=a.sent().data,this.validateAsyncId(r,o)?c?(s.image=c.image,[3,7]):(console.error("GameObject:"+t.gameObject.name+"'s TilingSprite resource load error"),[2]):[2];case 2:return t.type!==e.OBSERVER_TYPE.CHANGE?[3,6]:"resource"!==t.prop.prop[0]?[3,4]:(o=this.increaseAsyncId(r),[4,e.resource.getResource(n.resource)]);case 3:return c=a.sent().data,this.validateAsyncId(r,o)?c?(this.imgs[t.gameObject.id].image=c.image,[3,5]):(console.error("GameObject:"+t.gameObject.name+"'s TilingSprite resource load error"),[2]):[2];case 4:this.setProp(t.gameObject.id,n),a.label=5;case 5:return[3,7];case 6:t.type===e.OBSERVER_TYPE.REMOVE&&(this.increaseAsyncId(r),s=this.imgs[t.gameObject.id],this.containerManager.getContainer(t.gameObject.id).removeChild(s.tilingSprite),s.tilingSprite.destroy({children:!0}),delete this.imgs[t.gameObject.id]),a.label=7;case 7:return[2]}}))},new((o=void 0)||(o=Promise))((function(e,t){function i(e){try{s(c.next(e))}catch(e){t(e)}}function a(e){try{s(c.throw(e))}catch(e){t(e)}}function s(t){t.done?e(t.value):new o((function(e){e(t.value)})).then(i,a)}s((c=c.apply(r,n||[])).next())}));var r,n,o,c},n.prototype.setProp=function(e,t){this.imgs[e].tilingSprite.tilePosition=t.tilePosition,this.imgs[e].tilingSprite.tileScale=t.tileScale},n=c([e.decorators.componentObserver({TilingSprite:[{prop:["resource"],deep:!1},{prop:["tileScale"],deep:!0},{prop:["tilePosition"],deep:!0}]})],n)}(r.Renderer);exports.TilingSprite=s,exports.TilingSpriteSystem=l;

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

@@ -136,44 +136,52 @@ var TilingSprite = (function (_super) {
     };
     TilingSprite.prototype.componentChanged = function (changed) {
         return __awaiter(this, void 0, void 0, function () {
-            var component, sprite_1, data, sprite;
+            var gameObjectId, component, sprite, asyncId, data, asyncId, data, sprite;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(changed.componentName === 'TilingSprite')) return [3, 6];
+                        gameObjectId = changed.gameObject.id;
+                        if (!(changed.componentName === 'TilingSprite')) return [3, 7];
                         component = changed.component;
-                        if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 1];
-                        sprite_1 = new TilingSprite$4(null);
-                        resource.getResource(component.resource).then(function (_a) {
-                            var data = _a.data;
-                            if (!data) {
-                                console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
-                                return;
-                            }
-                            sprite_1.image = data.image;
-                        });
-                        this.imgs[changed.gameObject.id] = sprite_1;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.tilingSprite, 0);
+                        if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 2];
+                        sprite = new TilingSprite$4(null);
+                        this.imgs[changed.gameObject.id] = sprite;
+                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.tilingSprite, 0);
                         this.setProp(changed.gameObject.id, component);
-                        return [3, 6];
-                    case 1:
-                        if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 5];
-                        if (!(changed.prop.prop[0] === 'resource')) return [3, 3];
+                        asyncId = this.increaseAsyncId(gameObjectId);
                         return [4, resource.getResource(component.resource)];
+                    case 1:
+                        data = (_a.sent()).data;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
+                        if (!data) {
+                            console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
+                            return [2];
+                        }
+                        sprite.image = data.image;
+                        return [3, 7];
                     case 2:
+                        if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 6];
+                        if (!(changed.prop.prop[0] === 'resource')) return [3, 4];
+                        asyncId = this.increaseAsyncId(gameObjectId);
+                        return [4, resource.getResource(component.resource)];
+                    case 3:
                         data = (_a.sent()).data;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!data) {
                             console.error("GameObject:" + changed.gameObject.name + "'s TilingSprite resource load error");
                             return [2];
                         }
                         this.imgs[changed.gameObject.id].image = data.image;
-                        return [3, 4];
-                    case 3:
+                        return [3, 5];
+                    case 4:
                         this.setProp(changed.gameObject.id, component);
-                        _a.label = 4;
-                    case 4: return [3, 6];
-                    case 5:
+                        _a.label = 5;
+                    case 5: return [3, 7];
+                    case 6:
                         if (changed.type === OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(gameObjectId);
                             sprite = this.imgs[changed.gameObject.id];
                             this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.tilingSprite);
                             sprite.tilingSprite.destroy({
@@ -181,8 +189,8 @@ var TilingSprite = (function (_super) {
                             });
                             delete this.imgs[changed.gameObject.id];
                         }
-                        _a.label = 6;
-                    case 6: return [2];
+                        _a.label = 7;
+                    case 7: return [2];
                 }
             });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-tiling-sprite",
-  "version": "1.2.6-alpha.0",
+  "version": "1.2.7-editor.1",
   "description": "@eva/plugin-renderer-tiling-sprite",
   "main": "index.js",
   "module": "dist/plugin-renderer-tiling-sprite.esm.js",
@@ -18,10 +18,10 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/inspector-decorator": "^0.0.5",
-    "@eva/plugin-renderer": "1.2.6-alpha.0",
-    "@eva/renderer-adapter": "1.2.6-alpha.0",
-    "@eva/eva.js": "1.2.6-alpha.0",
+    "@eva/inspector-decorator": "0.1.0-alpha.1",
+    "@eva/plugin-renderer": "1.2.7-editor.1",
+    "@eva/renderer-adapter": "1.2.7-editor.1",
+    "@eva/eva.js": "1.2.7-editor.1",
     "@types/pixi.js": "^4.8.9"
   }
 }