@eva/plugin-renderer-nine-patch 1.2.7-editor.9 → 1.2.8-alpha.0

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

@@ -12,7 +12,7 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+        if (b.hasOwnProperty(p)) d[p] = b[p];
       }
     };
 
@@ -20,8 +20,6 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
   };
 
   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 __() {
@@ -31,22 +29,6 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
     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,
@@ -57,10 +39,6 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
     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) {
@@ -204,117 +182,34 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
     }
   }
 
-  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;
-    }
-
-    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;
+  function getIDEPropsPropertyObj(target, propertyKey) {
+    if (!target.constructor.IDEProps) {
+      target.constructor.IDEProps = {};
     }
 
-    return StaticGetPropertiesIsNotAFunctionError;
-  })(Error);
-
-  var IDE_PROPERTY_METADATA = 'IDE_PROPERTY_METADATA';
-
-  function transformBasicType(type) {
-    if (type === String) {
-      return 'string';
+    if (!target.constructor.IDEProps[propertyKey]) {
+      target.constructor.IDEProps[propertyKey] = {};
     }
 
-    if (type === Number) {
-      return 'number';
-    }
-
-    if (type === Boolean) {
-      return 'boolean';
-    }
-
-    return 'unknown';
+    var propertyObj = target.constructor.IDEProps[propertyKey];
+    return propertyObj;
   }
 
-  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 type(type) {
+    return function (target, propertyKey) {
+      var prop = getIDEPropsPropertyObj(target, propertyKey);
+      prop.key = propertyKey;
+      prop.type = type;
     };
   }
 
-  function Field(returnTypeFunction, maybeOptions) {
+  function step(step) {
     return function (target, propertyKey) {
-      if (typeof propertyKey === 'symbol') {
-        throw new SymbolKeysNotSupportedError();
-      }
-
-      var _a = getTypeDecoratorParams(returnTypeFunction, maybeOptions),
-          options = _a.options,
-          returnTypeFunc = _a.returnTypeFunc;
-
-      defineTypes(target, propertyKey, options, returnTypeFunc);
+      var prop = getIDEPropsPropertyObj(target, propertyKey);
+      prop.step = step;
     };
   }
 
-  var ExecuteMode;
-
-  (function (ExecuteMode) {
-    ExecuteMode[ExecuteMode["Edit"] = 2] = "Edit";
-    ExecuteMode[ExecuteMode["Game"] = 4] = "Game";
-    ExecuteMode[ExecuteMode["All"] = 6] = "All";
-  })(ExecuteMode || (ExecuteMode = {}));
-
   var NinePatch$2 = function (_super) {
     __extends(NinePatch, _super);
 
@@ -341,27 +236,17 @@ var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAda
 
     NinePatch.componentName = 'NinePatch';
 
-    __decorate([Field({
-      type: 'resource'
-    }), __metadata("design:type", String)], NinePatch.prototype, "resource", void 0);
+    __decorate([type('string')], NinePatch.prototype, "resource", void 0);
 
-    __decorate([Field(), __metadata("design:type", String)], NinePatch.prototype, "spriteName", void 0);
+    __decorate([type('string')], NinePatch.prototype, "spriteName", void 0);
 
-    __decorate([Field({
-      step: 1
-    }), __metadata("design:type", Number)], NinePatch.prototype, "leftWidth", void 0);
+    __decorate([type('number'), step(1)], NinePatch.prototype, "leftWidth", void 0);
 
-    __decorate([Field({
-      step: 1
-    }), __metadata("design:type", Number)], NinePatch.prototype, "topHeight", void 0);
+    __decorate([type('number'), step(1)], NinePatch.prototype, "topHeight", void 0);
 
-    __decorate([Field({
-      step: 1
-    }), __metadata("design:type", Number)], NinePatch.prototype, "rightWidth", void 0);
+    __decorate([type('number'), step(1)], NinePatch.prototype, "rightWidth", void 0);
 
-    __decorate([Field({
-      step: 1
-    }), __metadata("design:type", Number)], NinePatch.prototype, "bottomHeight", void 0);
+    __decorate([type('number'), step(1)], NinePatch.prototype, "bottomHeight", void 0);
 
     return NinePatch;
   }(eva_js.Component);

package/dist/EVA.plugin.renderer.ninePatch.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_ninePatch=function(t,e,n,r){"use strict";var o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},o(t,e)};function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var c=function(){return c=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},c.apply(this,arguments)};function a(t,e,n,r){var o,i=arguments.length,c=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(c=(i<3?o(c):i>3?o(e,n,c):o(e,n))||c);return i>3&&c&&Object.defineProperty(e,n,c),c}function s(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,r){return new(n||(n=Promise))((function(o,i){function c(t){try{s(r.next(t))}catch(t){i(t)}}function a(t){try{s(r.throw(t))}catch(t){i(t)}}function s(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(c,a)}s((r=r.apply(t,e||[])).next())}))}function p(t,e){var n,r,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(n)throw new TypeError("Generator is already executing.");for(;c;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=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++,r=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=e.call(t,c)}catch(t){i=[6,t],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,a])}}}var h=function(t){function e(){var e=this.constructor,n=t.call(this,"Symbol keys are not supported yet!")||this;return Object.setPrototypeOf(n,e.prototype),n}return i(e,t),e}(Error);!function(t){function e(){var e=this.constructor,n=t.call(this,"getProperties is not a function!")||this;return Object.setPrototypeOf(n,e.prototype),n}i(e,t)}(Error);var l,d="IDE_PROPERTY_METADATA";function f(t,e,n,r){var o=Reflect.getMetadata("design:type",t,e),i=o===Array,a=function(t){return t===String?"string":t===Number?"number":t===Boolean?"boolean":"unknown"}(o);if("unknown"!==a&&(o=a),r){var s=r();Array.isArray(s)?(i=!0,o=s[0]):o=s}var u=Reflect.getMetadata(d,t.constructor)||{};u[e]=c({type:o,isArray:i},n),Reflect.defineMetadata(d,u,t.constructor)}function y(t,e){return function(n,r){if("symbol"==typeof r)throw new h;var o=function(t,e){return"function"==typeof t?{returnTypeFunc:t,options:e||{}}:{options:t||{}}}(t,e);f(n,r,o.options,o.returnTypeFunc)}}!function(t){t[t.Edit=2]="Edit",t[t.Game=4]="Game",t[t.All=6]="All"}(l||(l={}));var g=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.resource="",e.spriteName="",e.leftWidth=0,e.topHeight=0,e.rightWidth=0,e.bottomHeight=0,e}return i(e,t),e.prototype.init=function(t){this.resource=t.resource,this.spriteName=t.spriteName,this.leftWidth=t.leftWidth,this.topHeight=t.topHeight,this.rightWidth=t.rightWidth,this.bottomHeight=t.bottomHeight},e.componentName="NinePatch",a([y({type:"resource"}),s("design:type",String)],e.prototype,"resource",void 0),a([y(),s("design:type",String)],e.prototype,"spriteName",void 0),a([y({step:1}),s("design:type",Number)],e.prototype,"leftWidth",void 0),a([y({step:1}),s("design:type",Number)],e.prototype,"topHeight",void 0),a([y({step:1}),s("design:type",Number)],e.prototype,"rightWidth",void 0),a([y({step:1}),s("design:type",Number)],e.prototype,"bottomHeight",void 0),e}(e.Component),m=g,b=function(t){function o(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="NinePatch",e.ninePatch={},e}return i(o,t),o.prototype.init=function(){this.renderSystem=this.game.getSystem(n.RendererSystem),this.renderSystem.rendererManager.register(this)},o.prototype.rendererUpdate=function(t){var e=t.transform.size,n=e.width,r=e.height;this.ninePatch[t.id]&&(this.ninePatch[t.id].width=n,this.ninePatch[t.id].height=r)},o.prototype.componentChanged=function(t){return u(this,void 0,void 0,(function(){return p(this,(function(n){return"NinePatch"===t.componentName&&(t.type===e.OBSERVER_TYPE.ADD?this.add(t):t.type===e.OBSERVER_TYPE.REMOVE?this.remove(t):(this.remove(t),this.add(t))),[2]}))}))},o.prototype.add=function(t){return u(this,void 0,void 0,(function(){var n,o,i,c,a,s,u,h,l,d,f,y;return p(this,(function(p){switch(p.label){case 0:return n=t.component,o=t.gameObject.id,i=this.increaseAsyncId(o),[4,e.resource.getResource(n.resource)];case 1:return c=p.sent(),a=c.type,s=c.data,this.validateAsyncId(o,i)?s?(u=a===e.RESOURCE_TYPE.SPRITE?n.resource+"_s|r|c_"+n.spriteName:s.image,h=n.leftWidth,l=n.topHeight,d=n.rightWidth,f=n.bottomHeight,y=new r.NinePatch(u,h,l,d,f),this.ninePatch[t.gameObject.id]=y,n.ninePatch=y,this.containerManager.getContainer(t.gameObject.id).addChildAt(y,0),[2]):(console.error("GameObject:"+t.gameObject.name+"'s NinePatch resource load error"),[2]):[2]}}))}))},o.prototype.remove=function(t){var e=t.gameObject.id;this.increaseAsyncId(e);var n=this.ninePatch[e];n&&(this.containerManager.getContainer(t.gameObject.id).removeChild(n),delete this.ninePatch[t.gameObject.id],n.destroy({children:!0}))},o.systemName="NinePatch",o=a([e.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],o)}(n.Renderer),v=b;return t.NinePatch=m,t.NinePatchSystem=v,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.ninePatch=window.EVA.plugin.renderer.ninePatch||_EVA_IIFE_ninePatch;
+window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_ninePatch=function(t,e,n,r){"use strict";var i=function(t,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},i(t,e)};function o(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function c(t,e,n,r){var i,o=arguments.length,c=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(c=(o<3?i(c):o>3?i(e,n,c):i(e,n))||c);return o>3&&c&&Object.defineProperty(e,n,c),c}function a(t,e,n,r){return new(n||(n=Promise))((function(i,o){function c(t){try{s(r.next(t))}catch(t){o(t)}}function a(t){try{s(r.throw(t))}catch(t){o(t)}}function s(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(c,a)}s((r=r.apply(t,e||[])).next())}))}function s(t,e){var n,r,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(n)throw new TypeError("Generator is already executing.");for(;c;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=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++,r=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=e.call(t,c)}catch(t){o=[6,t],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}}function u(t,e){return t.constructor.IDEProps||(t.constructor.IDEProps={}),t.constructor.IDEProps[e]||(t.constructor.IDEProps[e]={}),t.constructor.IDEProps[e]}function h(t){return function(e,n){var r=u(e,n);r.key=n,r.type=t}}function p(t){return function(e,n){u(e,n).step=t}}var d=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.resource="",e.spriteName="",e.leftWidth=0,e.topHeight=0,e.rightWidth=0,e.bottomHeight=0,e}return o(e,t),e.prototype.init=function(t){this.resource=t.resource,this.spriteName=t.spriteName,this.leftWidth=t.leftWidth,this.topHeight=t.topHeight,this.rightWidth=t.rightWidth,this.bottomHeight=t.bottomHeight},e.componentName="NinePatch",c([h("string")],e.prototype,"resource",void 0),c([h("string")],e.prototype,"spriteName",void 0),c([h("number"),p(1)],e.prototype,"leftWidth",void 0),c([h("number"),p(1)],e.prototype,"topHeight",void 0),c([h("number"),p(1)],e.prototype,"rightWidth",void 0),c([h("number"),p(1)],e.prototype,"bottomHeight",void 0),e}(e.Component),l=d,f=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="NinePatch",e.ninePatch={},e}return o(i,t),i.prototype.init=function(){this.renderSystem=this.game.getSystem(n.RendererSystem),this.renderSystem.rendererManager.register(this)},i.prototype.rendererUpdate=function(t){var e=t.transform.size,n=e.width,r=e.height;this.ninePatch[t.id]&&(this.ninePatch[t.id].width=n,this.ninePatch[t.id].height=r)},i.prototype.componentChanged=function(t){return a(this,void 0,void 0,(function(){return s(this,(function(n){return"NinePatch"===t.componentName&&(t.type===e.OBSERVER_TYPE.ADD?this.add(t):t.type===e.OBSERVER_TYPE.REMOVE?this.remove(t):(this.remove(t),this.add(t))),[2]}))}))},i.prototype.add=function(t){return a(this,void 0,void 0,(function(){var n,i,o,c,a,u,h,p,d,l,f,y;return s(this,(function(s){switch(s.label){case 0:return n=t.component,i=t.gameObject.id,o=this.increaseAsyncId(i),[4,e.resource.getResource(n.resource)];case 1:return c=s.sent(),a=c.type,u=c.data,this.validateAsyncId(i,o)?u?(h=a===e.RESOURCE_TYPE.SPRITE?n.resource+"_s|r|c_"+n.spriteName:u.image,p=n.leftWidth,d=n.topHeight,l=n.rightWidth,f=n.bottomHeight,y=new r.NinePatch(h,p,d,l,f),this.ninePatch[t.gameObject.id]=y,n.ninePatch=y,this.containerManager.getContainer(t.gameObject.id).addChildAt(y,0),[2]):(console.error("GameObject:"+t.gameObject.name+"'s NinePatch resource load error"),[2]):[2]}}))}))},i.prototype.remove=function(t){var e=t.gameObject.id;this.increaseAsyncId(e);var n=this.ninePatch[e];n&&(this.containerManager.getContainer(t.gameObject.id).removeChild(n),delete this.ninePatch[t.gameObject.id],n.destroy({children:!0}))},i.systemName="NinePatch",i=c([e.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],i)}(n.Renderer),y=f;return t.NinePatch=l,t.NinePatchSystem=y,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.ninePatch=window.EVA.plugin.renderer.ninePatch||_EVA_IIFE_ninePatch;

package/dist/miniprogram.js

@@ -0,0 +1,157 @@
+import { __extends, __decorate, __awaiter, __generator } from 'tslib';
+import { Component, OBSERVER_TYPE, RESOURCE_TYPE, resource, decorators } from '@eva/eva.js/dist/miniprogram';
+import { type, step } from '@eva/inspector-decorator';
+import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
+import { NinePatch as NinePatch$4 } from '@eva/renderer-adapter/dist/miniprogram';
+
+var NinePatch$2 = function (_super) {
+  __extends(NinePatch, _super);
+
+  function NinePatch() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.resource = '';
+    _this.spriteName = '';
+    _this.leftWidth = 0;
+    _this.topHeight = 0;
+    _this.rightWidth = 0;
+    _this.bottomHeight = 0;
+    return _this;
+  }
+
+  NinePatch.prototype.init = function (obj) {
+    this.resource = obj.resource;
+    this.spriteName = obj.spriteName;
+    this.leftWidth = obj.leftWidth;
+    this.topHeight = obj.topHeight;
+    this.rightWidth = obj.rightWidth;
+    this.bottomHeight = obj.bottomHeight;
+  };
+
+  NinePatch.componentName = 'NinePatch';
+
+  __decorate([type('string')], NinePatch.prototype, "resource", void 0);
+
+  __decorate([type('string')], NinePatch.prototype, "spriteName", void 0);
+
+  __decorate([type('number'), step(1)], NinePatch.prototype, "leftWidth", void 0);
+
+  __decorate([type('number'), step(1)], NinePatch.prototype, "topHeight", void 0);
+
+  __decorate([type('number'), step(1)], NinePatch.prototype, "rightWidth", void 0);
+
+  __decorate([type('number'), step(1)], NinePatch.prototype, "bottomHeight", void 0);
+
+  return NinePatch;
+}(Component);
+
+var NinePatch$3 = NinePatch$2;
+var resourceKeySplit = '_s|r|c_';
+
+var NinePatch = function (_super) {
+  __extends(NinePatch, _super);
+
+  function NinePatch() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.name = 'NinePatch';
+    _this.ninePatch = {};
+    return _this;
+  }
+
+  NinePatch.prototype.init = function () {
+    this.renderSystem = this.game.getSystem(RendererSystem);
+    this.renderSystem.rendererManager.register(this);
+  };
+
+  NinePatch.prototype.rendererUpdate = function (gameObject) {
+    var _a = gameObject.transform.size,
+        width = _a.width,
+        height = _a.height;
+
+    if (this.ninePatch[gameObject.id]) {
+      this.ninePatch[gameObject.id].width = width;
+      this.ninePatch[gameObject.id].height = height;
+    }
+  };
+
+  NinePatch.prototype.componentChanged = function (changed) {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        if (changed.componentName === 'NinePatch') {
+          if (changed.type === OBSERVER_TYPE.ADD) {
+            this.add(changed);
+          } else if (changed.type === OBSERVER_TYPE.REMOVE) {
+            this.remove(changed);
+          } else {
+            this.remove(changed);
+            this.add(changed);
+          }
+        }
+
+        return [2];
+      });
+    });
+  };
+
+  NinePatch.prototype.add = function (changed) {
+    return __awaiter(this, void 0, void 0, function () {
+      var component, gameObjectId, asyncId, _a, type, data, img, leftWidth, topHeight, rightWidth, bottomHeight, np;
+
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            component = changed.component;
+            gameObjectId = changed.gameObject.id;
+            asyncId = this.increaseAsyncId(gameObjectId);
+            return [4, resource.getResource(component.resource)];
+
+          case 1:
+            _a = _b.sent(), type = _a.type, data = _a.data;
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return [2];
+
+            if (!data) {
+              console.error("GameObject:" + changed.gameObject.name + "'s NinePatch resource load error");
+              return [2];
+            }
+
+            if (type === RESOURCE_TYPE.SPRITE) {
+              img = component.resource + resourceKeySplit + component.spriteName;
+            } else {
+              img = data.image;
+            }
+
+            leftWidth = component.leftWidth, topHeight = component.topHeight, rightWidth = component.rightWidth, bottomHeight = component.bottomHeight;
+            np = new NinePatch$4(img, leftWidth, topHeight, rightWidth, bottomHeight);
+            this.ninePatch[changed.gameObject.id] = np;
+            component.ninePatch = np;
+            this.containerManager.getContainer(changed.gameObject.id).addChildAt(np, 0);
+            return [2];
+        }
+      });
+    });
+  };
+
+  NinePatch.prototype.remove = function (changed) {
+    var gameObjectId = changed.gameObject.id;
+    this.increaseAsyncId(gameObjectId);
+    var sprite = this.ninePatch[gameObjectId];
+
+    if (sprite) {
+      this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite);
+      delete this.ninePatch[changed.gameObject.id];
+      sprite.destroy({
+        children: true
+      });
+    }
+  };
+
+  NinePatch.systemName = 'NinePatch';
+  NinePatch = __decorate([decorators.componentObserver({
+    NinePatch: ['resource', 'spriteName', 'leftWidth', 'topHeight', 'rightWidth', 'bottomHeight']
+  })], NinePatch);
+  return NinePatch;
+}(Renderer);
+
+var NinePatch$1 = NinePatch;
+export { NinePatch$3 as NinePatch, NinePatch$1 as NinePatchSystem };

package/dist/plugin-renderer-nine-patch.cjs.js

@@ -43,10 +43,6 @@ 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); } }
@@ -106,28 +102,26 @@ var NinePatch$2 = (function (_super) {
     };
     NinePatch.componentName = 'NinePatch';
     __decorate([
-        inspectorDecorator.Field({ type: 'resource' }),
-        __metadata("design:type", String)
+        inspectorDecorator.type('string')
     ], NinePatch.prototype, "resource", void 0);
     __decorate([
-        inspectorDecorator.Field(),
-        __metadata("design:type", String)
+        inspectorDecorator.type('string')
     ], NinePatch.prototype, "spriteName", void 0);
     __decorate([
-        inspectorDecorator.Field({ step: 1 }),
-        __metadata("design:type", Number)
+        inspectorDecorator.type('number'),
+        inspectorDecorator.step(1)
     ], NinePatch.prototype, "leftWidth", void 0);
     __decorate([
-        inspectorDecorator.Field({ step: 1 }),
-        __metadata("design:type", Number)
+        inspectorDecorator.type('number'),
+        inspectorDecorator.step(1)
     ], NinePatch.prototype, "topHeight", void 0);
     __decorate([
-        inspectorDecorator.Field({ step: 1 }),
-        __metadata("design:type", Number)
+        inspectorDecorator.type('number'),
+        inspectorDecorator.step(1)
     ], NinePatch.prototype, "rightWidth", void 0);
     __decorate([
-        inspectorDecorator.Field({ step: 1 }),
-        __metadata("design:type", Number)
+        inspectorDecorator.type('number'),
+        inspectorDecorator.step(1)
     ], NinePatch.prototype, "bottomHeight", void 0);
     return NinePatch;
 }(eva_js.Component));

package/dist/plugin-renderer-nine-patch.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"),n=require("@eva/renderer-adapter"),i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},i(e,t)};function o(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function a(e,t,r,n){var i,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(e){o(e)}}function c(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){e.done?i(e.value):new r((function(t){t(e.value)})).then(a,c)}s((n=n.apply(e,t||[])).next())}))}function h(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)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 a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],n=0}finally{r=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}var p=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.spriteName="",t.leftWidth=0,t.topHeight=0,t.rightWidth=0,t.bottomHeight=0,t}return o(r,e),r.prototype.init=function(e){this.resource=e.resource,this.spriteName=e.spriteName,this.leftWidth=e.leftWidth,this.topHeight=e.topHeight,this.rightWidth=e.rightWidth,this.bottomHeight=e.bottomHeight},r.componentName="NinePatch",a([t.Field({type:"resource"}),c("design:type",String)],r.prototype,"resource",void 0),a([t.Field(),c("design:type",String)],r.prototype,"spriteName",void 0),a([t.Field({step:1}),c("design:type",Number)],r.prototype,"leftWidth",void 0),a([t.Field({step:1}),c("design:type",Number)],r.prototype,"topHeight",void 0),a([t.Field({step:1}),c("design:type",Number)],r.prototype,"rightWidth",void 0),a([t.Field({step:1}),c("design:type",Number)],r.prototype,"bottomHeight",void 0),r}(e.Component),u=p,d=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="NinePatch",e.ninePatch={},e}return o(i,t),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.ninePatch[e.id]&&(this.ninePatch[e.id].width=r,this.ninePatch[e.id].height=n)},i.prototype.componentChanged=function(t){return s(this,void 0,void 0,(function(){return h(this,(function(r){return"NinePatch"===t.componentName&&(t.type===e.OBSERVER_TYPE.ADD?this.add(t):t.type===e.OBSERVER_TYPE.REMOVE?this.remove(t):(this.remove(t),this.add(t))),[2]}))}))},i.prototype.add=function(t){return s(this,void 0,void 0,(function(){var r,i,o,a,c,s,p,u,d,l,f,y;return h(this,(function(h){switch(h.label){case 0:return r=t.component,i=t.gameObject.id,o=this.increaseAsyncId(i),[4,e.resource.getResource(r.resource)];case 1:return a=h.sent(),c=a.type,s=a.data,this.validateAsyncId(i,o)?s?(p=c===e.RESOURCE_TYPE.SPRITE?r.resource+"_s|r|c_"+r.spriteName:s.image,u=r.leftWidth,d=r.topHeight,l=r.rightWidth,f=r.bottomHeight,y=new n.NinePatch(p,u,d,l,f),this.ninePatch[t.gameObject.id]=y,r.ninePatch=y,this.containerManager.getContainer(t.gameObject.id).addChildAt(y,0),[2]):(console.error("GameObject:"+t.gameObject.name+"'s NinePatch resource load error"),[2]):[2]}}))}))},i.prototype.remove=function(e){var t=e.gameObject.id;this.increaseAsyncId(t);var r=this.ninePatch[t];r&&(this.containerManager.getContainer(e.gameObject.id).removeChild(r),delete this.ninePatch[e.gameObject.id],r.destroy({children:!0}))},i.systemName="NinePatch",i=a([e.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],i)}(r.Renderer);exports.NinePatch=u,exports.NinePatchSystem=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),n=require("@eva/renderer-adapter"),i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},i(e,t)};function o(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function a(e,t,r,n){var i,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(e){o(e)}}function c(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){e.done?i(e.value):new r((function(t){t(e.value)})).then(a,c)}s((n=n.apply(e,t||[])).next())}))}function s(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)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 a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],n=0}finally{r=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}var h=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.spriteName="",t.leftWidth=0,t.topHeight=0,t.rightWidth=0,t.bottomHeight=0,t}return o(r,e),r.prototype.init=function(e){this.resource=e.resource,this.spriteName=e.spriteName,this.leftWidth=e.leftWidth,this.topHeight=e.topHeight,this.rightWidth=e.rightWidth,this.bottomHeight=e.bottomHeight},r.componentName="NinePatch",a([t.type("string")],r.prototype,"resource",void 0),a([t.type("string")],r.prototype,"spriteName",void 0),a([t.type("number"),t.step(1)],r.prototype,"leftWidth",void 0),a([t.type("number"),t.step(1)],r.prototype,"topHeight",void 0),a([t.type("number"),t.step(1)],r.prototype,"rightWidth",void 0),a([t.type("number"),t.step(1)],r.prototype,"bottomHeight",void 0),r}(e.Component),p=h,u=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="NinePatch",e.ninePatch={},e}return o(i,t),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.ninePatch[e.id]&&(this.ninePatch[e.id].width=r,this.ninePatch[e.id].height=n)},i.prototype.componentChanged=function(t){return c(this,void 0,void 0,(function(){return s(this,(function(r){return"NinePatch"===t.componentName&&(t.type===e.OBSERVER_TYPE.ADD?this.add(t):t.type===e.OBSERVER_TYPE.REMOVE?this.remove(t):(this.remove(t),this.add(t))),[2]}))}))},i.prototype.add=function(t){return c(this,void 0,void 0,(function(){var r,i,o,a,c,h,p,u,d,l,f,y;return s(this,(function(s){switch(s.label){case 0:return r=t.component,i=t.gameObject.id,o=this.increaseAsyncId(i),[4,e.resource.getResource(r.resource)];case 1:return a=s.sent(),c=a.type,h=a.data,this.validateAsyncId(i,o)?h?(p=c===e.RESOURCE_TYPE.SPRITE?r.resource+"_s|r|c_"+r.spriteName:h.image,u=r.leftWidth,d=r.topHeight,l=r.rightWidth,f=r.bottomHeight,y=new n.NinePatch(p,u,d,l,f),this.ninePatch[t.gameObject.id]=y,r.ninePatch=y,this.containerManager.getContainer(t.gameObject.id).addChildAt(y,0),[2]):(console.error("GameObject:"+t.gameObject.name+"'s NinePatch resource load error"),[2]):[2]}}))}))},i.prototype.remove=function(e){var t=e.gameObject.id;this.increaseAsyncId(t);var r=this.ninePatch[t];r&&(this.containerManager.getContainer(e.gameObject.id).removeChild(r),delete this.ninePatch[e.gameObject.id],r.destroy({children:!0}))},i.systemName="NinePatch",i=a([e.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],i)}(r.Renderer);exports.NinePatch=p,exports.NinePatchSystem=u;

package/dist/plugin-renderer-nine-patch.esm.js

@@ -1,5 +1,5 @@
 import { Component, decorators, OBSERVER_TYPE, RESOURCE_TYPE, resource } from '@eva/eva.js';
-import { Field } from '@eva/inspector-decorator';
+import { type, step } from '@eva/inspector-decorator';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer';
 import { NinePatch as NinePatch$4 } from '@eva/renderer-adapter';
 
@@ -39,10 +39,6 @@ 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); } }
@@ -102,28 +98,26 @@ var NinePatch$2 = (function (_super) {
     };
     NinePatch.componentName = 'NinePatch';
     __decorate([
-        Field({ type: 'resource' }),
-        __metadata("design:type", String)
+        type('string')
     ], NinePatch.prototype, "resource", void 0);
     __decorate([
-        Field(),
-        __metadata("design:type", String)
+        type('string')
     ], NinePatch.prototype, "spriteName", void 0);
     __decorate([
-        Field({ step: 1 }),
-        __metadata("design:type", Number)
+        type('number'),
+        step(1)
     ], NinePatch.prototype, "leftWidth", void 0);
     __decorate([
-        Field({ step: 1 }),
-        __metadata("design:type", Number)
+        type('number'),
+        step(1)
     ], NinePatch.prototype, "topHeight", void 0);
     __decorate([
-        Field({ step: 1 }),
-        __metadata("design:type", Number)
+        type('number'),
+        step(1)
     ], NinePatch.prototype, "rightWidth", void 0);
     __decorate([
-        Field({ step: 1 }),
-        __metadata("design:type", Number)
+        type('number'),
+        step(1)
     ], NinePatch.prototype, "bottomHeight", void 0);
     return NinePatch;
 }(Component));

package/package.json

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