@eva/plugin-renderer-tiling-sprite 1.2.6 → 1.2.7-editor.2

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

@@ -12,7 +12,7 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -20,6 +20,8 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
   };
 
   function __extends(d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
     _extendStatics(d, b);
 
     function __() {
@@ -29,6 +31,22 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   }
 
+  var _assign = function __assign() {
+    _assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+
+        for (var p in s) {
+          if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+      }
+
+      return t;
+    };
+
+    return _assign.apply(this, arguments);
+  };
+
   function __decorate(decorators, target, key, desc) {
     var c = arguments.length,
         r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -39,6 +57,10 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   }
 
+  function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+  }
+
   function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function (resolve) {
@@ -182,34 +204,137 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
     }
   }
 
-  function getIDEPropsPropertyObj(target, propertyKey) {
-    if (!target.constructor.IDEProps) {
-      target.constructor.IDEProps = {};
+  var SymbolKeysNotSupportedError = function (_super) {
+    __extends(SymbolKeysNotSupportedError, _super);
+
+    function SymbolKeysNotSupportedError() {
+      var _newTarget = this.constructor;
+
+      var _this = _super.call(this, 'Symbol keys are not supported yet!') || this;
+
+      Object.setPrototypeOf(_this, _newTarget.prototype);
+      return _this;
     }
 
-    if (!target.constructor.IDEProps[propertyKey]) {
-      target.constructor.IDEProps[propertyKey] = {};
+    return SymbolKeysNotSupportedError;
+  }(Error);
+
+  (function (_super) {
+    __extends(StaticGetPropertiesIsNotAFunctionError, _super);
+
+    function StaticGetPropertiesIsNotAFunctionError() {
+      var _newTarget = this.constructor;
+
+      var _this = _super.call(this, 'getProperties is not a function!') || this;
+
+      Object.setPrototypeOf(_this, _newTarget.prototype);
+      return _this;
+    }
+
+    return StaticGetPropertiesIsNotAFunctionError;
+  })(Error);
+
+  var IDE_PROPERTY_METADATA = 'IDE_PROPERTY_METADATA';
+
+  function transformBasicType(type) {
+    if (type === String) {
+      return 'string';
+    }
+
+    if (type === Number) {
+      return 'number';
+    }
+
+    if (type === Boolean) {
+      return 'boolean';
     }
 
-    var propertyObj = target.constructor.IDEProps[propertyKey];
-    return propertyObj;
+    return 'unknown';
   }
 
-  function type(type) {
-    return function (target, propertyKey) {
-      var prop = getIDEPropsPropertyObj(target, propertyKey);
-      prop.key = propertyKey;
-      prop.type = type;
+  function defineTypes(target, key, options, returnTypeFunction) {
+    var type = Reflect.getMetadata('design:type', target, key);
+    var isArray = type === Array;
+    var str = transformBasicType(type);
+
+    if (str !== 'unknown') {
+      type = str;
+    }
+
+    if (returnTypeFunction) {
+      var returnType = returnTypeFunction();
+
+      if (Array.isArray(returnType)) {
+        isArray = true;
+        type = returnType[0];
+      } else {
+        type = returnType;
+      }
+    }
+
+    var properties = Reflect.getMetadata(IDE_PROPERTY_METADATA, target.constructor) || {};
+    properties[key] = _assign({
+      type: type,
+      isArray: isArray
+    }, options);
+    Reflect.defineMetadata(IDE_PROPERTY_METADATA, properties, target.constructor);
+  }
+
+  function getTypeDecoratorParams(returnTypeFuncOrOptions, maybeOptions) {
+    if (typeof returnTypeFuncOrOptions === 'function') {
+      return {
+        returnTypeFunc: returnTypeFuncOrOptions,
+        options: maybeOptions || {}
+      };
+    }
+
+    return {
+      options: returnTypeFuncOrOptions || {}
     };
   }
 
-  function step(step) {
+  function Field(returnTypeFunction, maybeOptions) {
     return function (target, propertyKey) {
-      var prop = getIDEPropsPropertyObj(target, propertyKey);
-      prop.step = step;
+      if (typeof propertyKey === 'symbol') {
+        throw new SymbolKeysNotSupportedError();
+      }
+
+      var _a = getTypeDecoratorParams(returnTypeFunction, maybeOptions),
+          options = _a.options,
+          returnTypeFunc = _a.returnTypeFunc;
+
+      defineTypes(target, propertyKey, options, returnTypeFunc);
     };
   }
 
+  var Vector2 = function () {
+    function Vector2() {}
+
+    __decorate([Field({
+      step: 0.1
+    }), __metadata("design:type", Number)], Vector2.prototype, "x", void 0);
+
+    __decorate([Field({
+      step: 0.1
+    }), __metadata("design:type", Number)], Vector2.prototype, "y", void 0);
+
+    return Vector2;
+  }();
+
+  var IntVector2 = function () {
+    function IntVector2() {}
+
+    __decorate([Field({
+      step: 1
+    }), __metadata("design:type", Number)], IntVector2.prototype, "x", void 0);
+
+    __decorate([Field({
+      step: 1
+    }), __metadata("design:type", Number)], IntVector2.prototype, "y", void 0);
+
+    return IntVector2;
+  }();
+
   var TilingSprite$2 = function (_super) {
     __extends(TilingSprite, _super);
 
@@ -238,11 +363,15 @@ var _EVA_IIFE_tilingSprite = function (exports, eva_js, pluginRenderer, renderer
 
     TilingSprite.componentName = 'TilingSprite';
 
-    __decorate([type('string')], TilingSprite.prototype, "resource", void 0);
+    __decorate([Field(), __metadata("design:type", String)], TilingSprite.prototype, "resource", void 0);
 
-    __decorate([type('vector2'), step(0.1)], TilingSprite.prototype, "tileScale", void 0);
+    __decorate([Field(function () {
+      return Vector2;
+    }), __metadata("design:type", Object)], TilingSprite.prototype, "tileScale", void 0);
 
-    __decorate([type('vector2'), step(1)], TilingSprite.prototype, "tilePosition", void 0);
+    __decorate([Field(function () {
+      return IntVector2;
+    }), __metadata("design:type", Object)], TilingSprite.prototype, "tilePosition", void 0);
 
     return TilingSprite;
   }(eva_js.Component);
@@ -279,36 +408,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 +451,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 +471,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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},i(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var c=function(){return c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},c.apply(this,arguments)};function a(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 a=e.length-1;a>=0;a--)(i=e[a])&&(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){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,r,n){return new(r||(r=Promise))((function(i,o){function c(e){try{s(n.next(e))}catch(e){o(e)}}function a(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,a)}s((n=n.apply(e,t||[])).next())}))}function p(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: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,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,a])}}}var l=function(e){function t(){var t=this.constructor,r=e.call(this,"Symbol keys are not supported yet!")||this;return Object.setPrototypeOf(r,t.prototype),r}return o(t,e),t}(Error);!function(e){function t(){var t=this.constructor,r=e.call(this,"getProperties is not a function!")||this;return Object.setPrototypeOf(r,t.prototype),r}o(t,e)}(Error);var f="IDE_PROPERTY_METADATA";function d(e,t,r,n){var i=Reflect.getMetadata("design:type",e,t),o=i===Array,a=function(e){return e===String?"string":e===Number?"number":e===Boolean?"boolean":"unknown"}(i);if("unknown"!==a&&(i=a),n){var s=n();Array.isArray(s)?(o=!0,i=s[0]):i=s}var u=Reflect.getMetadata(f,e.constructor)||{};u[t]=c({type:i,isArray:o},r),Reflect.defineMetadata(f,u,e.constructor)}function y(e,t){return function(r,n){if("symbol"==typeof n)throw new l;var i=function(e,t){return"function"==typeof e?{returnTypeFunc:e,options:t||{}}:{options:e||{}}}(e,t);d(r,n,i.options,i.returnTypeFunc)}}var g=function(){function e(){}return a([y({step:.1}),s("design:type",Number)],e.prototype,"x",void 0),a([y({step:.1}),s("design:type",Number)],e.prototype,"y",void 0),e}(),h=function(){function e(){}return a([y({step:1}),s("design:type",Number)],e.prototype,"x",void 0),a([y({step:1}),s("design:type",Number)],e.prototype,"y",void 0),e}(),m=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",a([y(),s("design:type",String)],t.prototype,"resource",void 0),a([y((function(){return g})),s("design:type",Object)],t.prototype,"tileScale",void 0),a([y((function(){return h})),s("design:type",Object)],t.prototype,"tilePosition",void 0),t}(t.Component),b=m,v=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 u(this,void 0,void 0,(function(){var r,i,o,c,a;return p(this,(function(s){switch(s.label){case 0:return r=e.gameObject.id,"TilingSprite"!==e.componentName?[3,7]:(i=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,2]:(a=new n.TilingSprite(null),this.imgs[e.gameObject.id]=a,this.containerManager.getContainer(e.gameObject.id).addChildAt(a.tilingSprite,0),this.setProp(e.gameObject.id,i),o=this.increaseAsyncId(r),[4,t.resource.getResource(i.resource)]));case 1:return c=s.sent().data,this.validateAsyncId(r,o)?c?(a.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=s.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),s.label=5;case 5:return[3,7];case 6:e.type===t.OBSERVER_TYPE.REMOVE&&(this.increaseAsyncId(r),a=this.imgs[e.gameObject.id],this.containerManager.getContainer(e.gameObject.id).removeChild(a.tilingSprite),a.tilingSprite.destroy({children:!0}),delete this.imgs[e.gameObject.id]),s.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=a([t.decorators.componentObserver({TilingSprite:[{prop:["resource"],deep:!1},{prop:["tileScale"],deep:!0},{prop:["tilePosition"],deep:!0}]})],i)}(r.Renderer),S=v;return e.TilingSprite=b,e.TilingSpriteSystem=S,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

@@ -1,9 +1,37 @@
-import { __extends, __decorate, __awaiter, __generator } from 'tslib';
+import { __decorate, __metadata, __extends, __awaiter, __generator } from 'tslib';
 import { Component, OBSERVER_TYPE, resource, decorators } from '@eva/eva.js/dist/miniprogram';
-import { type, step } from '@eva/inspector-decorator';
+import { Field } from '@eva/inspector-decorator';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
 import { TilingSprite as TilingSprite$4 } from '@eva/renderer-adapter/dist/miniprogram';
 
+var Vector2 = function () {
+  function Vector2() {}
+
+  __decorate([Field({
+    step: 0.1
+  }), __metadata("design:type", Number)], Vector2.prototype, "x", void 0);
+
+  __decorate([Field({
+    step: 0.1
+  }), __metadata("design:type", Number)], Vector2.prototype, "y", void 0);
+
+  return Vector2;
+}();
+
+var IntVector2 = function () {
+  function IntVector2() {}
+
+  __decorate([Field({
+    step: 1
+  }), __metadata("design:type", Number)], IntVector2.prototype, "x", void 0);
+
+  __decorate([Field({
+    step: 1
+  }), __metadata("design:type", Number)], IntVector2.prototype, "y", void 0);
+
+  return IntVector2;
+}();
+
 var TilingSprite$2 = function (_super) {
   __extends(TilingSprite, _super);
 
@@ -32,11 +60,15 @@ var TilingSprite$2 = function (_super) {
 
   TilingSprite.componentName = 'TilingSprite';
 
-  __decorate([type('string')], TilingSprite.prototype, "resource", void 0);
+  __decorate([Field(), __metadata("design:type", String)], TilingSprite.prototype, "resource", void 0);
 
-  __decorate([type('vector2'), step(0.1)], TilingSprite.prototype, "tileScale", void 0);
+  __decorate([Field(function () {
+    return Vector2;
+  }), __metadata("design:type", Object)], TilingSprite.prototype, "tileScale", void 0);
 
-  __decorate([type('vector2'), step(1)], TilingSprite.prototype, "tilePosition", void 0);
+  __decorate([Field(function () {
+    return IntVector2;
+  }), __metadata("design:type", Object)], TilingSprite.prototype, "tilePosition", void 0);
 
   return TilingSprite;
 }(Component);
@@ -73,36 +105,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 +148,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 +168,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

@@ -43,6 +43,10 @@ function __decorate(decorators, target, key, desc) {
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -80,6 +84,32 @@ function __generator(thisArg, body) {
     }
 }
 
+var Vector2 = (function () {
+    function Vector2() {
+    }
+    __decorate([
+        inspectorDecorator.Field({ step: 0.1 }),
+        __metadata("design:type", Number)
+    ], Vector2.prototype, "x", void 0);
+    __decorate([
+        inspectorDecorator.Field({ step: 0.1 }),
+        __metadata("design:type", Number)
+    ], Vector2.prototype, "y", void 0);
+    return Vector2;
+}());
+var IntVector2 = (function () {
+    function IntVector2() {
+    }
+    __decorate([
+        inspectorDecorator.Field({ step: 1 }),
+        __metadata("design:type", Number)
+    ], IntVector2.prototype, "x", void 0);
+    __decorate([
+        inspectorDecorator.Field({ step: 1 }),
+        __metadata("design:type", Number)
+    ], IntVector2.prototype, "y", void 0);
+    return IntVector2;
+}());
 var TilingSprite$2 = (function (_super) {
     __extends(TilingSprite, _super);
     function TilingSprite() {
@@ -104,15 +134,16 @@ var TilingSprite$2 = (function (_super) {
     };
     TilingSprite.componentName = 'TilingSprite';
     __decorate([
-        inspectorDecorator.type('string')
+        inspectorDecorator.Field(),
+        __metadata("design:type", String)
     ], TilingSprite.prototype, "resource", void 0);
     __decorate([
-        inspectorDecorator.type('vector2'),
-        inspectorDecorator.step(0.1)
+        inspectorDecorator.Field(function () { return Vector2; }),
+        __metadata("design:type", Object)
     ], TilingSprite.prototype, "tileScale", void 0);
     __decorate([
-        inspectorDecorator.type('vector2'),
-        inspectorDecorator.step(1)
+        inspectorDecorator.Field(function () { return IntVector2; }),
+        __metadata("design:type", Object)
     ], TilingSprite.prototype, "tilePosition", void 0);
     return TilingSprite;
 }(eva_js.Component));
@@ -140,44 +171,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 +224,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])},n(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 s=e.length-1;s>=0;s--)(n=e[s])&&(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 s(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}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: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,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,s])}}}var p=function(){function e(){}return c([t.Field({step:.1}),s("design:type",Number)],e.prototype,"x",void 0),c([t.Field({step:.1}),s("design:type",Number)],e.prototype,"y",void 0),e}(),l=function(){function e(){}return c([t.Field({step:1}),s("design:type",Number)],e.prototype,"x",void 0),c([t.Field({step:1}),s("design:type",Number)],e.prototype,"y",void 0),e}(),u=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.Field(),s("design:type",String)],r.prototype,"resource",void 0),c([t.Field((function(){return p})),s("design:type",Object)],r.prototype,"tileScale",void 0),c([t.Field((function(){return l})),s("design:type",Object)],r.prototype,"tilePosition",void 0),r}(e.Component),d=u,f=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{a(c.next(e))}catch(e){t(e)}}function s(e){try{a(c.throw(e))}catch(e){t(e)}}function a(t){t.done?e(t.value):new o((function(e){e(t.value)})).then(i,s)}a((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=d,exports.TilingSpriteSystem=f;

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

@@ -1,5 +1,5 @@
 import { Component, decorators, OBSERVER_TYPE, resource } from '@eva/eva.js';
-import { type, step } from '@eva/inspector-decorator';
+import { Field } from '@eva/inspector-decorator';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer';
 import { TilingSprite as TilingSprite$4 } from '@eva/renderer-adapter';
 
@@ -39,6 +39,10 @@ function __decorate(decorators, target, key, desc) {
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -76,6 +80,32 @@ function __generator(thisArg, body) {
     }
 }
 
+var Vector2 = (function () {
+    function Vector2() {
+    }
+    __decorate([
+        Field({ step: 0.1 }),
+        __metadata("design:type", Number)
+    ], Vector2.prototype, "x", void 0);
+    __decorate([
+        Field({ step: 0.1 }),
+        __metadata("design:type", Number)
+    ], Vector2.prototype, "y", void 0);
+    return Vector2;
+}());
+var IntVector2 = (function () {
+    function IntVector2() {
+    }
+    __decorate([
+        Field({ step: 1 }),
+        __metadata("design:type", Number)
+    ], IntVector2.prototype, "x", void 0);
+    __decorate([
+        Field({ step: 1 }),
+        __metadata("design:type", Number)
+    ], IntVector2.prototype, "y", void 0);
+    return IntVector2;
+}());
 var TilingSprite$2 = (function (_super) {
     __extends(TilingSprite, _super);
     function TilingSprite() {
@@ -100,15 +130,16 @@ var TilingSprite$2 = (function (_super) {
     };
     TilingSprite.componentName = 'TilingSprite';
     __decorate([
-        type('string')
+        Field(),
+        __metadata("design:type", String)
     ], TilingSprite.prototype, "resource", void 0);
     __decorate([
-        type('vector2'),
-        step(0.1)
+        Field(function () { return Vector2; }),
+        __metadata("design:type", Object)
     ], TilingSprite.prototype, "tileScale", void 0);
     __decorate([
-        type('vector2'),
-        step(1)
+        Field(function () { return IntVector2; }),
+        __metadata("design:type", Object)
     ], TilingSprite.prototype, "tilePosition", void 0);
     return TilingSprite;
 }(Component));
@@ -136,44 +167,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 +220,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",
+  "version": "1.2.7-editor.2",
   "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",
-    "@eva/renderer-adapter": "1.2.6",
-    "@eva/eva.js": "1.2.6",
+    "@eva/inspector-decorator": "0.1.0-alpha.1",
+    "@eva/plugin-renderer": "1.2.7-editor.2",
+    "@eva/renderer-adapter": "1.2.7-editor.2",
+    "@eva/eva.js": "1.2.7-editor.2",
     "@types/pixi.js": "^4.8.9"
   }
 }