@eva/plugin-renderer-img 1.2.6 → 1.2.7-editor.10

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

@@ -12,7 +12,7 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
       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_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
   };
 
   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_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
     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_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
     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,27 +204,117 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
     }
   }
 
-  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) {
+  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 Field(returnTypeFunction, maybeOptions) {
     return function (target, propertyKey) {
-      var prop = getIDEPropsPropertyObj(target, propertyKey);
-      prop.key = propertyKey;
-      prop.type = type;
+      if (typeof propertyKey === 'symbol') {
+        throw new SymbolKeysNotSupportedError();
+      }
+
+      var _a = getTypeDecoratorParams(returnTypeFunction, maybeOptions),
+          options = _a.options,
+          returnTypeFunc = _a.returnTypeFunc;
+
+      defineTypes(target, propertyKey, options, returnTypeFunc);
     };
   }
 
+  var ExecuteMode;
+
+  (function (ExecuteMode) {
+    ExecuteMode[ExecuteMode["Edit"] = 2] = "Edit";
+    ExecuteMode[ExecuteMode["Game"] = 4] = "Game";
+    ExecuteMode[ExecuteMode["All"] = 6] = "All";
+  })(ExecuteMode || (ExecuteMode = {}));
+
   var Img$2 = function (_super) {
     __extends(Img, _super);
 
@@ -221,7 +333,9 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
 
     Img.componentName = 'Img';
 
-    __decorate([type('string')], Img.prototype, "resource", void 0);
+    __decorate([Field({
+      type: 'resource'
+    }), __metadata("design:type", String)], Img.prototype, "resource", void 0);
 
     return Img;
   }(eva_js.Component);
@@ -278,43 +392,49 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
       var _a, _b;
 
       return __awaiter(this, void 0, void 0, function () {
-        var component, sprite_1, instance, sprite;
+        var component, sprite, asyncId, instance, asyncId, instance, sprite;
         return __generator(this, function (_c) {
           switch (_c.label) {
             case 0:
-              if (!(changed.componentName === 'Img')) return [3, 4];
+              if (!(changed.componentName === 'Img')) return [3, 5];
               component = changed.component;
-              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 1];
-              sprite_1 = new rendererAdapter.Sprite(null);
-              eva_js.resource.getResource(component.resource).then(function (_a) {
-                var instance = _a.instance;
+              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
+              sprite = new rendererAdapter.Sprite(null);
+              this.imgs[changed.gameObject.id] = sprite;
+              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+              asyncId = this.increaseAsyncId(changed.gameObject.id);
+              return [4, eva_js.resource.getResource(component.resource)];
 
-                if (!instance) {
-                  console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-                }
+            case 1:
+              instance = _c.sent().instance;
+              if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return [2];
 
-                sprite_1.image = instance;
-              });
-              this.imgs[changed.gameObject.id] = sprite_1;
-              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
-              return [3, 4];
+              if (!instance) {
+                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
+              }
 
-            case 1:
-              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 3];
-              return [4, eva_js.resource.getResource(component.resource)];
+              this.imgs[changed.gameObject.id].image = instance;
+              return [3, 5];
 
             case 2:
+              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
+              asyncId = this.increaseAsyncId(changed.gameObject.id);
+              return [4, eva_js.resource.getResource(component.resource)];
+
+            case 3:
               instance = _c.sent().instance;
+              if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return [2];
 
               if (!instance) {
                 console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
               }
 
               this.imgs[changed.gameObject.id].image = instance;
-              return [3, 4];
+              return [3, 5];
 
-            case 3:
+            case 4:
               if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                this.increaseAsyncId(changed.gameObject.id);
                 sprite = this.imgs[changed.gameObject.id];
                 if (!sprite) return [2];
                 (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
@@ -324,9 +444,9 @@ var _EVA_IIFE_img = function (exports, eva_js, pluginRenderer, rendererAdapter,
                 delete this.imgs[changed.gameObject.id];
               }
 
-              _c.label = 4;
+              _c.label = 5;
 
-            case 4:
+            case 5:
               return [2];
           }
         });

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

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

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

@@ -44,6 +44,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); } }
@@ -95,7 +99,8 @@ var Img$2 = (function (_super) {
     };
     Img.componentName = 'Img';
     __decorate([
-        inspectorDecorator.type('string')
+        inspectorDecorator.Field({ type: 'resource' }),
+        __metadata("design:type", String)
     ], Img.prototype, "resource", void 0);
     return Img;
 }(eva_js.Component));
@@ -138,36 +143,43 @@ var Img = (function (_super) {
     Img.prototype.componentChanged = function (changed) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var component, sprite_1, instance, sprite;
+            var component, sprite, asyncId, instance, asyncId, instance, sprite;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        if (!(changed.componentName === 'Img')) return [3, 4];
+                        if (!(changed.componentName === 'Img')) return [3, 5];
                         component = changed.component;
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 1];
-                        sprite_1 = new rendererAdapter.Sprite(null);
-                        eva_js.resource.getResource(component.resource).then(function (_a) {
-                            var instance = _a.instance;
-                            if (!instance) {
-                                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-                            }
-                            sprite_1.image = instance;
-                        });
-                        this.imgs[changed.gameObject.id] = sprite_1;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
-                        return [3, 4];
-                    case 1:
-                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 3];
+                        if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
+                        sprite = new rendererAdapter.Sprite(null);
+                        this.imgs[changed.gameObject.id] = sprite;
+                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+                        asyncId = this.increaseAsyncId(changed.gameObject.id);
                         return [4, eva_js.resource.getResource(component.resource)];
-                    case 2:
+                    case 1:
                         instance = (_c.sent()).instance;
+                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                            return [2];
                         if (!instance) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
                         this.imgs[changed.gameObject.id].image = instance;
-                        return [3, 4];
+                        return [3, 5];
+                    case 2:
+                        if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 4];
+                        asyncId = this.increaseAsyncId(changed.gameObject.id);
+                        return [4, eva_js.resource.getResource(component.resource)];
                     case 3:
+                        instance = (_c.sent()).instance;
+                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                            return [2];
+                        if (!instance) {
+                            console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
+                        }
+                        this.imgs[changed.gameObject.id].image = instance;
+                        return [3, 5];
+                    case 4:
                         if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(changed.gameObject.id);
                             sprite = this.imgs[changed.gameObject.id];
                             if (!sprite)
                                 return [2];
@@ -175,8 +187,8 @@ var Img = (function (_super) {
                             sprite.sprite.destroy({ children: true });
                             delete this.imgs[changed.gameObject.id];
                         }
-                        _c.label = 4;
-                    case 4: return [2];
+                        _c.label = 5;
+                    case 5: return [2];
                 }
             });
         });

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

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

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

@@ -1,4 +1,4 @@
-import { type } from '@eva/inspector-decorator';
+import { Field } from '@eva/inspector-decorator';
 import { Component, resource, RESOURCE_TYPE, decorators, OBSERVER_TYPE } from '@eva/eva.js';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer';
 import { Sprite } from '@eva/renderer-adapter';
@@ -40,6 +40,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); } }
@@ -91,7 +95,8 @@ var Img$2 = (function (_super) {
     };
     Img.componentName = 'Img';
     __decorate([
-        type('string')
+        Field({ type: 'resource' }),
+        __metadata("design:type", String)
     ], Img.prototype, "resource", void 0);
     return Img;
 }(Component));
@@ -134,36 +139,43 @@ var Img = (function (_super) {
     Img.prototype.componentChanged = function (changed) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var component, sprite_1, instance, sprite;
+            var component, sprite, asyncId, instance, asyncId, instance, sprite;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        if (!(changed.componentName === 'Img')) return [3, 4];
+                        if (!(changed.componentName === 'Img')) return [3, 5];
                         component = changed.component;
-                        if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 1];
-                        sprite_1 = new Sprite(null);
-                        resource.getResource(component.resource).then(function (_a) {
-                            var instance = _a.instance;
-                            if (!instance) {
-                                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-                            }
-                            sprite_1.image = instance;
-                        });
-                        this.imgs[changed.gameObject.id] = sprite_1;
-                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
-                        return [3, 4];
-                    case 1:
-                        if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 3];
+                        if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 2];
+                        sprite = new Sprite(null);
+                        this.imgs[changed.gameObject.id] = sprite;
+                        this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite.sprite, 0);
+                        asyncId = this.increaseAsyncId(changed.gameObject.id);
                         return [4, resource.getResource(component.resource)];
-                    case 2:
+                    case 1:
                         instance = (_c.sent()).instance;
+                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                            return [2];
                         if (!instance) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
                         this.imgs[changed.gameObject.id].image = instance;
-                        return [3, 4];
+                        return [3, 5];
+                    case 2:
+                        if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 4];
+                        asyncId = this.increaseAsyncId(changed.gameObject.id);
+                        return [4, resource.getResource(component.resource)];
                     case 3:
+                        instance = (_c.sent()).instance;
+                        if (!this.validateAsyncId(changed.gameObject.id, asyncId))
+                            return [2];
+                        if (!instance) {
+                            console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
+                        }
+                        this.imgs[changed.gameObject.id].image = instance;
+                        return [3, 5];
+                    case 4:
                         if (changed.type === OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(changed.gameObject.id);
                             sprite = this.imgs[changed.gameObject.id];
                             if (!sprite)
                                 return [2];
@@ -171,8 +183,8 @@ var Img = (function (_super) {
                             sprite.sprite.destroy({ children: true });
                             delete this.imgs[changed.gameObject.id];
                         }
-                        _c.label = 4;
-                    case 4: return [2];
+                        _c.label = 5;
+                    case 5: return [2];
                 }
             });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-img",
-  "version": "1.2.6",
+  "version": "1.2.7-editor.10",
   "description": "@eva/plugin-renderer-img",
   "main": "index.js",
   "module": "dist/plugin-renderer-img.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.2",
+    "@eva/plugin-renderer": "1.2.7-editor.10",
+    "@eva/renderer-adapter": "1.2.7-editor.10",
+    "@eva/eva.js": "1.2.7-editor.10",
     "pixi.js": "^4.8.7"
   }
 }

package/dist/miniprogram.js

@@ -1,149 +0,0 @@
-import { __extends, __decorate, __awaiter, __generator } from 'tslib';
-import { type } from '@eva/inspector-decorator';
-import { Component, resource, RESOURCE_TYPE, OBSERVER_TYPE, decorators } from '@eva/eva.js/dist/miniprogram';
-import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
-import { Sprite } from '@eva/renderer-adapter/dist/miniprogram';
-import { Texture } from '@eva/miniprogram-pixi';
-
-var Img$2 = function (_super) {
-  __extends(Img, _super);
-
-  function Img() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.resource = '';
-    return _this;
-  }
-
-  Img.prototype.init = function (obj) {
-    if (obj && obj.resource) {
-      this.resource = obj.resource;
-    }
-  };
-
-  Img.componentName = 'Img';
-
-  __decorate([type('string')], Img.prototype, "resource", void 0);
-
-  return Img;
-}(Component);
-
-var Img$3 = Img$2;
-resource.registerInstance(RESOURCE_TYPE.IMAGE, function (_a) {
-  var _b = _a.data,
-      data = _b === void 0 ? {} : _b;
-  var image = data.image;
-
-  if (image) {
-    var texture = Texture.from(image);
-    return texture;
-  }
-
-  return;
-});
-resource.registerDestroy(RESOURCE_TYPE.IMAGE, function (_a) {
-  var instance = _a.instance;
-
-  if (instance) {
-    instance.destroy(true);
-  }
-});
-
-var Img = function (_super) {
-  __extends(Img, _super);
-
-  function Img() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.name = 'Img';
-    _this.imgs = {};
-    return _this;
-  }
-
-  Img.prototype.init = function () {
-    this.renderSystem = this.game.getSystem(RendererSystem);
-    this.renderSystem.rendererManager.register(this);
-  };
-
-  Img.prototype.rendererUpdate = function (gameObject) {
-    var _a = gameObject.transform.size,
-        width = _a.width,
-        height = _a.height;
-
-    if (this.imgs[gameObject.id]) {
-      this.imgs[gameObject.id].sprite.width = width;
-      this.imgs[gameObject.id].sprite.height = height;
-    }
-  };
-
-  Img.prototype.componentChanged = function (changed) {
-    var _a, _b;
-
-    return __awaiter(this, void 0, void 0, function () {
-      var component, sprite_1, instance, sprite;
-      return __generator(this, function (_c) {
-        switch (_c.label) {
-          case 0:
-            if (!(changed.componentName === 'Img')) return [3, 4];
-            component = changed.component;
-            if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 1];
-            sprite_1 = new Sprite(null);
-            resource.getResource(component.resource).then(function (_a) {
-              var instance = _a.instance;
-
-              if (!instance) {
-                console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-              }
-
-              sprite_1.image = instance;
-            });
-            this.imgs[changed.gameObject.id] = sprite_1;
-            this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
-            return [3, 4];
-
-          case 1:
-            if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 3];
-            return [4, resource.getResource(component.resource)];
-
-          case 2:
-            instance = _c.sent().instance;
-
-            if (!instance) {
-              console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
-            }
-
-            this.imgs[changed.gameObject.id].image = instance;
-            return [3, 4];
-
-          case 3:
-            if (changed.type === OBSERVER_TYPE.REMOVE) {
-              sprite = this.imgs[changed.gameObject.id];
-              if (!sprite) return [2];
-              (_b = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(changed.gameObject.id)) === null || _b === void 0 ? void 0 : _b.removeChild(sprite.sprite);
-              sprite.sprite.destroy({
-                children: true
-              });
-              delete this.imgs[changed.gameObject.id];
-            }
-
-            _c.label = 4;
-
-          case 4:
-            return [2];
-        }
-      });
-    });
-  };
-
-  Img.systemName = 'Img';
-  Img = __decorate([decorators.componentObserver({
-    Img: [{
-      prop: ['resource'],
-      deep: false
-    }]
-  })], Img);
-  return Img;
-}(Renderer);
-
-var Img$1 = Img;
-export { Img$3 as Img, Img$1 as ImgSystem };