@eva/plugin-renderer-text 1.2.7-editor.1 → 1.2.7-editor.12

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

@@ -14,7 +14,7 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
       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];
       }
     };
 
@@ -22,6 +22,8 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
   };
 
   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,6 +33,22 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
     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,
@@ -41,6 +59,10 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
     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) {
@@ -184,27 +206,344 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
     }
   }
 
-  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;
+    }
+
+    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';
+    }
+
+    return 'unknown';
+  }
+
+  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 (!target.constructor.IDEProps[propertyKey]) {
-      target.constructor.IDEProps[propertyKey] = {};
+    if (returnTypeFunction) {
+      var returnType = returnTypeFunction();
+
+      if (Array.isArray(returnType)) {
+        isArray = true;
+        type = returnType[0];
+      } else {
+        type = returnType;
+      }
     }
 
-    var propertyObj = target.constructor.IDEProps[propertyKey];
-    return propertyObj;
+    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 type(type) {
+  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 Style = function () {
+    function Style() {}
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 'center',
+        value: 'center'
+      }, {
+        key: 'left',
+        value: 'left'
+      }, {
+        key: 'right',
+        value: 'right'
+      }],
+      default: 'left'
+    }), __metadata("design:type", String)], Style.prototype, "align", void 0);
+
+    __decorate([Field(), __metadata("design:type", Boolean)], Style.prototype, "breakWords", void 0);
+
+    __decorate([Field(), __metadata("design:type", Boolean)], Style.prototype, "dropShadow", void 0);
+
+    __decorate([Field({
+      default: 1
+    }), __metadata("design:type", Number)], Style.prototype, "dropShadowAlpha", void 0);
+
+    __decorate([Field({
+      default: Math.PI / 6
+    }), __metadata("design:type", Number)], Style.prototype, "dropShadowAngle", void 0);
+
+    __decorate([Field({
+      default: 0
+    }), __metadata("design:type", Number)], Style.prototype, "dropShadowBlur", void 0);
+
+    __decorate([Field({
+      type: 'color',
+      default: '#000000'
+    }), __metadata("design:type", Object)], Style.prototype, "dropShadowColor", void 0);
+
+    __decorate([Field({
+      default: 5
+    }), __metadata("design:type", Number)], Style.prototype, "dropShadowDistance", void 0);
+
+    __decorate([Field({
+      type: 'color',
+      default: ['#000000'],
+      isArray: true
+    }), __metadata("design:type", Object)], Style.prototype, "fill", void 0);
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 1,
+        value: 'vertical'
+      }, {
+        key: 0,
+        value: 'horizontal'
+      }],
+      default: 1
+    }), __metadata("design:type", Number)], Style.prototype, "fillGradientType", void 0);
+
+    __decorate([Field(function () {
+      return Number;
+    }, {
+      step: 0.1,
+      min: 0,
+      max: 1
+    }), __metadata("design:type", Array)], Style.prototype, "fillGradientStops", void 0);
+
+    __decorate([Field(function () {
+      return String;
+    }, {
+      default: 'Arial'
+    }), __metadata("design:type", Object)], Style.prototype, "fontFamily", void 0);
+
+    __decorate([Field(function () {
+      return Number;
+    }, {
+      min: 5,
+      default: 26
+    }), __metadata("design:type", Object)], Style.prototype, "fontSize", void 0);
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 'normal',
+        value: 'normal'
+      }, {
+        key: 'italic',
+        value: 'italic'
+      }, {
+        key: 'oblique',
+        value: 'oblique'
+      }],
+      default: 'normal'
+    }), __metadata("design:type", String)], Style.prototype, "fontStyle", void 0);
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 'normal',
+        value: 'normal'
+      }, {
+        key: 'small-caps',
+        value: 'small-caps'
+      }],
+      default: 'normal'
+    }), __metadata("design:type", String)], Style.prototype, "fontVariant", void 0);
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 'normal',
+        value: 'normal'
+      }, {
+        key: 'bold',
+        value: 'bold'
+      }, {
+        key: 'bolder',
+        value: 'bolder'
+      }, {
+        key: 'lighter',
+        value: 'lighter'
+      }, {
+        key: '100',
+        value: '100'
+      }, {
+        key: '200',
+        value: '200'
+      }, {
+        key: '300',
+        value: '300'
+      }, {
+        key: '400',
+        value: '400'
+      }, {
+        key: '500',
+        value: '500'
+      }, {
+        key: '600',
+        value: '600'
+      }, {
+        key: '700',
+        value: '700'
+      }, {
+        key: '800',
+        value: '800'
+      }, {
+        key: '900',
+        value: '900'
+      }],
+      default: 'normal'
+    }), __metadata("design:type", String)], Style.prototype, "fontWeight", void 0);
+
+    __decorate([Field({
+      default: 0
+    }), __metadata("design:type", Number)], Style.prototype, "letterSpacing", void 0);
+
+    __decorate([Field({
+      default: 0
+    }), __metadata("design:type", Number)], Style.prototype, "lineHeight", void 0);
+
+    __decorate([Field({
+      type: 'select',
+      options: [{
+        key: 'miter',
+        value: 'miter'
+      }, {
+        key: 'round',
+        value: 'round'
+      }, {
+        key: 'bevel',
+        value: 'bevel'
+      }],
+      default: 'miter'
+    }), __metadata("design:type", String)], Style.prototype, "lineJoin", void 0);
+
+    __decorate([Field({
+      default: 10
+    }), __metadata("design:type", Number)], Style.prototype, "miterLimit", void 0);
+
+    __decorate([Field({
+      default: 0
+    }), __metadata("design:type", Number)], Style.prototype, "padding", void 0);
+
+    __decorate([Field({
+      type: 'color',
+      default: '#000000'
+    }), __metadata("design:type", Object)], Style.prototype, "stroke", void 0);
+
+    __decorate([Field({
+      default: 0,
+      min: 0
+    }), __metadata("design:type", Number)], Style.prototype, "strokeThickness", void 0);
+
+    __decorate([Field({
+      default: 'alphabetic'
+    }), __metadata("design:type", String)], Style.prototype, "textBaseline", void 0);
+
+    __decorate([Field(), __metadata("design:type", Boolean)], Style.prototype, "trim", void 0);
+
+    __decorate([Field({
+      default: 'pre',
+      type: 'select',
+      options: [{
+        key: 'normal',
+        value: 'normal'
+      }, {
+        key: 'pre',
+        value: 'pre'
+      }, {
+        key: 'pre-line',
+        value: 'pre-line'
+      }]
+    }), __metadata("design:type", String)], Style.prototype, "whiteSpace", void 0);
+
+    __decorate([Field(), __metadata("design:type", Boolean)], Style.prototype, "wordWrap", void 0);
+
+    __decorate([Field({
+      default: 100
+    }), __metadata("design:type", Number)], Style.prototype, "wordWrapWidth", void 0);
+
+    __decorate([Field(), __metadata("design:type", Number)], Style.prototype, "leading", void 0);
+
+    return Style;
+  }();
+
   var Text$2 = function (_super) {
     __extends(Text, _super);
 
@@ -239,7 +578,9 @@ var _EVA_IIFE_text = function (exports, pixi_js, eva_js, pluginRenderer, rendere
 
     Text.componentName = 'Text';
 
-    __decorate([type('string')], Text.prototype, "text", void 0);
+    __decorate([Field(), __metadata("design:type", String)], Text.prototype, "text", void 0);
+
+    __decorate([Field(), __metadata("design:type", Style)], Text.prototype, "style", void 0);
 
     return Text;
   }(eva_js.Component);

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

@@ -1 +1 @@
-function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_text=function(t,e,n,r,o){"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])})(t,e)};function c(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function s(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 s=t.length-1;s>=0;s--)(o=t[s])&&(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 a(t,e,n,r){return new(n||(n=Promise))((function(o,i){function c(t){try{a(r.next(t))}catch(t){i(t)}}function s(t){try{a(r.throw(t))}catch(t){i(t)}}function a(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(c,s)}a((r=r.apply(t,e||[])).next())}))}function u(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: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(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,s])}}}function p(t){return function(e,n){var r=function(t,e){return t.constructor.IDEProps||(t.constructor.IDEProps={}),t.constructor.IDEProps[e]||(t.constructor.IDEProps[e]={}),t.constructor.IDEProps[e]}(e,n);r.key=n,r.type=t}}var l=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.text="",e.style={},e}return c(n,t),n.prototype.init=function(t){var n=new e.TextStyle({fontSize:20}),r={};for(var o in n)0===o.indexOf("_")&&(r[o.substring(1)]=n[o]);this.style=r,t&&(this.text=t.text,_extends(this.style,t.style))},n.componentName="Text",s([p("string")],n.prototype,"text",void 0),n}(n.Component),f=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="Text",e.texts={},e}return c(e,t),e.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},e.prototype.componentChanged=function(t){return a(this,void 0,void 0,(function(){var e,r;return u(this,(function(i){return"Text"!==t.componentName||(t.type===n.OBSERVER_TYPE.ADD?(e=t.component,r=new o.Text(e.text,e.style),this.containerManager.getContainer(t.gameObject.id).addChildAt(r,0),this.texts[t.gameObject.id]={text:r,component:t.component},this.setSize(t)):t.type===n.OBSERVER_TYPE.REMOVE?(this.containerManager.getContainer(t.gameObject.id).removeChild(this.texts[t.gameObject.id].text),this.texts[t.gameObject.id].text.destroy({children:!0}),delete this.texts[t.gameObject.id]):(this.change(t),this.setSize(t))),[2]}))}))},e.prototype.change=function(t){var e=this.texts[t.gameObject.id],n=e.text,r=e.component;"text"===t.prop.prop[0]?n.text=r.text:"style"===t.prop.prop[0]&&_extends(n.style,t.component.style)},e.prototype.setSize=function(t){var e=t.gameObject.transform;e&&(e.size.width=this.texts[t.gameObject.id].text.width,e.size.height=this.texts[t.gameObject.id].text.height)},e.systemName="Text",e=s([n.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}]})],e)}(r.Renderer);return t.Text=l,t.TextSystem=f,Object.defineProperty(t,"__esModule",{value:!0}),t}({},PIXI,EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.text=window.EVA.plugin.renderer.text||_EVA_IIFE_text;
+function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_text=function(e,t,n,o,r){"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 n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},i(e,t)};function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var p=function(){return p=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},p.apply(this,arguments)};function l(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function p(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,p)}l((o=o.apply(e,t||[])).next())}))}function y(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:p(0),throw:p(1),return:p(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function p(i){return function(p){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,p])}}}var d=function(e){function t(){var t=this.constructor,n=e.call(this,"Symbol keys are not supported yet!")||this;return Object.setPrototypeOf(n,t.prototype),n}return a(t,e),t}(Error);!function(e){function t(){var t=this.constructor,n=e.call(this,"getProperties is not a function!")||this;return Object.setPrototypeOf(n,t.prototype),n}a(t,e)}(Error);var c,f="IDE_PROPERTY_METADATA";function v(e,t,n,o){var r=Reflect.getMetadata("design:type",e,t),i=r===Array,a=function(e){return e===String?"string":e===Number?"number":e===Boolean?"boolean":"unknown"}(r);if("unknown"!==a&&(r=a),o){var l=o();Array.isArray(l)?(i=!0,r=l[0]):r=l}var u=Reflect.getMetadata(f,e.constructor)||{};u[t]=p({type:r,isArray:i},n),Reflect.defineMetadata(f,u,e.constructor)}function g(e,t){return function(n,o){if("symbol"==typeof o)throw new d;var r=function(e,t){return"function"==typeof e?{returnTypeFunc:e,options:t||{}}:{options:e||{}}}(e,t);v(n,o,r.options,r.returnTypeFunc)}}!function(e){e[e.Edit=2]="Edit",e[e.Game=4]="Game",e[e.All=6]="All"}(c||(c={}));var h=function(){function e(){}return l([g({type:"select",options:[{key:"center",value:"center"},{key:"left",value:"left"},{key:"right",value:"right"}],default:"left"}),u("design:type",String)],e.prototype,"align",void 0),l([g(),u("design:type",Boolean)],e.prototype,"breakWords",void 0),l([g(),u("design:type",Boolean)],e.prototype,"dropShadow",void 0),l([g({default:1}),u("design:type",Number)],e.prototype,"dropShadowAlpha",void 0),l([g({default:Math.PI/6}),u("design:type",Number)],e.prototype,"dropShadowAngle",void 0),l([g({default:0}),u("design:type",Number)],e.prototype,"dropShadowBlur",void 0),l([g({type:"color",default:"#000000"}),u("design:type",Object)],e.prototype,"dropShadowColor",void 0),l([g({default:5}),u("design:type",Number)],e.prototype,"dropShadowDistance",void 0),l([g({type:"color",default:["#000000"],isArray:!0}),u("design:type",Object)],e.prototype,"fill",void 0),l([g({type:"select",options:[{key:1,value:"vertical"},{key:0,value:"horizontal"}],default:1}),u("design:type",Number)],e.prototype,"fillGradientType",void 0),l([g((function(){return Number}),{step:.1,min:0,max:1}),u("design:type",Array)],e.prototype,"fillGradientStops",void 0),l([g((function(){return String}),{default:"Arial"}),u("design:type",Object)],e.prototype,"fontFamily",void 0),l([g((function(){return Number}),{min:5,default:26}),u("design:type",Object)],e.prototype,"fontSize",void 0),l([g({type:"select",options:[{key:"normal",value:"normal"},{key:"italic",value:"italic"},{key:"oblique",value:"oblique"}],default:"normal"}),u("design:type",String)],e.prototype,"fontStyle",void 0),l([g({type:"select",options:[{key:"normal",value:"normal"},{key:"small-caps",value:"small-caps"}],default:"normal"}),u("design:type",String)],e.prototype,"fontVariant",void 0),l([g({type:"select",options:[{key:"normal",value:"normal"},{key:"bold",value:"bold"},{key:"bolder",value:"bolder"},{key:"lighter",value:"lighter"},{key:"100",value:"100"},{key:"200",value:"200"},{key:"300",value:"300"},{key:"400",value:"400"},{key:"500",value:"500"},{key:"600",value:"600"},{key:"700",value:"700"},{key:"800",value:"800"},{key:"900",value:"900"}],default:"normal"}),u("design:type",String)],e.prototype,"fontWeight",void 0),l([g({default:0}),u("design:type",Number)],e.prototype,"letterSpacing",void 0),l([g({default:0}),u("design:type",Number)],e.prototype,"lineHeight",void 0),l([g({type:"select",options:[{key:"miter",value:"miter"},{key:"round",value:"round"},{key:"bevel",value:"bevel"}],default:"miter"}),u("design:type",String)],e.prototype,"lineJoin",void 0),l([g({default:10}),u("design:type",Number)],e.prototype,"miterLimit",void 0),l([g({default:0}),u("design:type",Number)],e.prototype,"padding",void 0),l([g({type:"color",default:"#000000"}),u("design:type",Object)],e.prototype,"stroke",void 0),l([g({default:0,min:0}),u("design:type",Number)],e.prototype,"strokeThickness",void 0),l([g({default:"alphabetic"}),u("design:type",String)],e.prototype,"textBaseline",void 0),l([g(),u("design:type",Boolean)],e.prototype,"trim",void 0),l([g({default:"pre",type:"select",options:[{key:"normal",value:"normal"},{key:"pre",value:"pre"},{key:"pre-line",value:"pre-line"}]}),u("design:type",String)],e.prototype,"whiteSpace",void 0),l([g(),u("design:type",Boolean)],e.prototype,"wordWrap",void 0),l([g({default:100}),u("design:type",Number)],e.prototype,"wordWrapWidth",void 0),l([g(),u("design:type",Number)],e.prototype,"leading",void 0),e}(),m=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.text="",t.style={},t}return a(n,e),n.prototype.init=function(e){var n=new t.TextStyle({fontSize:20}),o={};for(var r in n)0===r.indexOf("_")&&(o[r.substring(1)]=n[r]);this.style=o,e&&(this.text=e.text,_extends(this.style,e.style))},n.componentName="Text",l([g(),u("design:type",String)],n.prototype,"text",void 0),l([g(),u("design:type",h)],n.prototype,"style",void 0),n}(n.Component),b=m,w=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Text",t.texts={},t}return a(t,e),t.prototype.init=function(){this.renderSystem=this.game.getSystem(o.RendererSystem),this.renderSystem.rendererManager.register(this)},t.prototype.componentChanged=function(e){return s(this,void 0,void 0,(function(){var t,o;return y(this,(function(i){return"Text"!==e.componentName||(e.type===n.OBSERVER_TYPE.ADD?(t=e.component,o=new r.Text(t.text,t.style),this.containerManager.getContainer(e.gameObject.id).addChildAt(o,0),this.texts[e.gameObject.id]={text:o,component:e.component},this.setSize(e)):e.type===n.OBSERVER_TYPE.REMOVE?(this.containerManager.getContainer(e.gameObject.id).removeChild(this.texts[e.gameObject.id].text),this.texts[e.gameObject.id].text.destroy({children:!0}),delete this.texts[e.gameObject.id]):(this.change(e),this.setSize(e))),[2]}))}))},t.prototype.change=function(e){var t=this.texts[e.gameObject.id],n=t.text,o=t.component;"text"===e.prop.prop[0]?n.text=o.text:"style"===e.prop.prop[0]&&_extends(n.style,e.component.style)},t.prototype.setSize=function(e){var t=e.gameObject.transform;t&&(t.size.width=this.texts[e.gameObject.id].text.width,t.size.height=this.texts[e.gameObject.id].text.height)},t.systemName="Text",t=l([n.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}]})],t)}(o.Renderer),x=w;return e.Text=b,e.TextSystem=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},PIXI,EVA,EVA.plugin.renderer,EVA.rendererAdapter);window.EVA.plugin.renderer.text=window.EVA.plugin.renderer.text||_EVA_IIFE_text;

package/dist/plugin-renderer-text.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); } }
@@ -81,6 +85,191 @@ function __generator(thisArg, body) {
     }
 }
 
+var Style = (function () {
+    function Style() {
+    }
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 'center', value: 'center' },
+                { key: 'left', value: 'left' },
+                { key: 'right', value: 'right' },
+            ],
+            default: 'left',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "align", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "breakWords", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "dropShadow", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 1 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowAlpha", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: Math.PI / 6 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowAngle", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowBlur", void 0);
+    __decorate([
+        inspectorDecorator.Field({ type: 'color', default: '#000000' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "dropShadowColor", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 5 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowDistance", void 0);
+    __decorate([
+        inspectorDecorator.Field({ type: 'color', default: ['#000000'], isArray: true }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fill", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 1, value: 'vertical' },
+                { key: 0, value: 'horizontal' },
+            ],
+            default: 1,
+        }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "fillGradientType", void 0);
+    __decorate([
+        inspectorDecorator.Field(function () { return Number; }, { step: 0.1, min: 0, max: 1 }),
+        __metadata("design:type", Array)
+    ], Style.prototype, "fillGradientStops", void 0);
+    __decorate([
+        inspectorDecorator.Field(function () { return String; }, { default: 'Arial' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fontFamily", void 0);
+    __decorate([
+        inspectorDecorator.Field(function () { return Number; }, { min: 5, default: 26 }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fontSize", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'italic', value: 'italic' },
+                { key: 'oblique', value: 'oblique' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontStyle", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'small-caps', value: 'small-caps' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontVariant", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'bold', value: 'bold' },
+                { key: 'bolder', value: 'bolder' },
+                { key: 'lighter', value: 'lighter' },
+                { key: '100', value: '100' },
+                { key: '200', value: '200' },
+                { key: '300', value: '300' },
+                { key: '400', value: '400' },
+                { key: '500', value: '500' },
+                { key: '600', value: '600' },
+                { key: '700', value: '700' },
+                { key: '800', value: '800' },
+                { key: '900', value: '900' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontWeight", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "letterSpacing", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "lineHeight", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            type: 'select',
+            options: [
+                { key: 'miter', value: 'miter' },
+                { key: 'round', value: 'round' },
+                { key: 'bevel', value: 'bevel' },
+            ],
+            default: 'miter',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "lineJoin", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 10 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "miterLimit", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "padding", void 0);
+    __decorate([
+        inspectorDecorator.Field({ type: 'color', default: '#000000' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "stroke", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 0, min: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "strokeThickness", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 'alphabetic' }),
+        __metadata("design:type", String)
+    ], Style.prototype, "textBaseline", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "trim", void 0);
+    __decorate([
+        inspectorDecorator.Field({
+            default: 'pre',
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'pre', value: 'pre' },
+                { key: 'pre-line', value: 'pre-line' },
+            ],
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "whiteSpace", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "wordWrap", void 0);
+    __decorate([
+        inspectorDecorator.Field({ default: 100 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "wordWrapWidth", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Number)
+    ], Style.prototype, "leading", void 0);
+    return Style;
+}());
 var Text$2 = (function (_super) {
     __extends(Text, _super);
     function Text() {
@@ -107,8 +296,13 @@ var Text$2 = (function (_super) {
     };
     Text.componentName = 'Text';
     __decorate([
-        inspectorDecorator.type('string')
+        inspectorDecorator.Field(),
+        __metadata("design:type", String)
     ], Text.prototype, "text", void 0);
+    __decorate([
+        inspectorDecorator.Field(),
+        __metadata("design:type", Style)
+    ], Text.prototype, "style", void 0);
     return Text;
 }(eva_js.Component));
 var Text$3 = Text$2;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("pixi.js"),t=require("@eva/eva.js"),n=require("@eva/inspector-decorator"),r=require("@eva/plugin-renderer"),o=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 n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function s(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function a(e,t,n,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i<3?o(s):i>3?o(t,n,s):o(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s}function c(e,t){var n,r,o,i,s={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(;s;)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 s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!(o=s.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){s=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){s.label=i[1];break}if(6===i[0]&&s.label<o[1]){s.label=o[1],o=i;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(i);break}o[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],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 p=function(t){function r(){var e=null!==t&&t.apply(this,arguments)||this;return e.text="",e.style={},e}return s(r,t),r.prototype.init=function(t){var n=new e.TextStyle({fontSize:20}),r={};for(var o in n)0===o.indexOf("_")&&(r[o.substring(1)]=n[o]);this.style=r,t&&(this.text=t.text,Object.assign(this.style,t.style))},r.componentName="Text",a([n.type("string")],r.prototype,"text",void 0),r}(t.Component),u=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Text",t.texts={},t}return s(n,e),n.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},n.prototype.componentChanged=function(e){return n=this,r=void 0,s=function(){var n,r;return c(this,(function(i){return"Text"!==e.componentName||(e.type===t.OBSERVER_TYPE.ADD?(n=e.component,r=new o.Text(n.text,n.style),this.containerManager.getContainer(e.gameObject.id).addChildAt(r,0),this.texts[e.gameObject.id]={text:r,component:e.component},this.setSize(e)):e.type===t.OBSERVER_TYPE.REMOVE?(this.containerManager.getContainer(e.gameObject.id).removeChild(this.texts[e.gameObject.id].text),this.texts[e.gameObject.id].text.destroy({children:!0}),delete this.texts[e.gameObject.id]):(this.change(e),this.setSize(e))),[2]}))},new((i=void 0)||(i=Promise))((function(e,t){function o(e){try{c(s.next(e))}catch(e){t(e)}}function a(e){try{c(s.throw(e))}catch(e){t(e)}}function c(t){t.done?e(t.value):new i((function(e){e(t.value)})).then(o,a)}c((s=s.apply(n,r||[])).next())}));var n,r,i,s},n.prototype.change=function(e){var t=this.texts[e.gameObject.id],n=t.text,r=t.component;"text"===e.prop.prop[0]?n.text=r.text:"style"===e.prop.prop[0]&&Object.assign(n.style,e.component.style)},n.prototype.setSize=function(e){var t=e.gameObject.transform;t&&(t.size.width=this.texts[e.gameObject.id].text.width,t.size.height=this.texts[e.gameObject.id].text.height)},n.systemName="Text",n=a([t.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}]})],n)}(r.Renderer);exports.Text=p,exports.TextSystem=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("pixi.js"),t=require("@eva/eva.js"),o=require("@eva/inspector-decorator"),i=require("@eva/plugin-renderer"),r=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 o in t)t.hasOwnProperty(o)&&(e[o]=t[o])},n(e,t)};function l(e,t){function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}function p(e,t,o,i){var r,n=arguments.length,l=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(l=(n<3?r(l):n>3?r(t,o,l):r(t,o))||l);return n>3&&l&&Object.defineProperty(t,o,l),l}function a(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function d(e,t){var o,i,r,n,l={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return n={next:p(0),throw:p(1),return:p(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function p(n){return function(p){return function(n){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,i&&(r=2&n[0]?i.return:n[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,n[1])).done)return r;switch(i=0,r&&(n=[2&n[0],r.value]),n[0]){case 0:case 1:r=n;break;case 4:return l.label++,{value:n[1],done:!1};case 5:l.label++,i=n[1],n=[0];continue;case 7:n=l.ops.pop(),l.trys.pop();continue;default:if(!(r=l.trys,(r=r.length>0&&r[r.length-1])||6!==n[0]&&2!==n[0])){l=0;continue}if(3===n[0]&&(!r||n[1]>r[0]&&n[1]<r[3])){l.label=n[1];break}if(6===n[0]&&l.label<r[1]){l.label=r[1],r=n;break}if(r&&l.label<r[2]){l.label=r[2],l.ops.push(n);break}r[2]&&l.ops.pop(),l.trys.pop();continue}n=t.call(e,l)}catch(e){n=[6,e],i=0}finally{o=r=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}([n,p])}}}var s=function(){function e(){}return p([o.Field({type:"select",options:[{key:"center",value:"center"},{key:"left",value:"left"},{key:"right",value:"right"}],default:"left"}),a("design:type",String)],e.prototype,"align",void 0),p([o.Field(),a("design:type",Boolean)],e.prototype,"breakWords",void 0),p([o.Field(),a("design:type",Boolean)],e.prototype,"dropShadow",void 0),p([o.Field({default:1}),a("design:type",Number)],e.prototype,"dropShadowAlpha",void 0),p([o.Field({default:Math.PI/6}),a("design:type",Number)],e.prototype,"dropShadowAngle",void 0),p([o.Field({default:0}),a("design:type",Number)],e.prototype,"dropShadowBlur",void 0),p([o.Field({type:"color",default:"#000000"}),a("design:type",Object)],e.prototype,"dropShadowColor",void 0),p([o.Field({default:5}),a("design:type",Number)],e.prototype,"dropShadowDistance",void 0),p([o.Field({type:"color",default:["#000000"],isArray:!0}),a("design:type",Object)],e.prototype,"fill",void 0),p([o.Field({type:"select",options:[{key:1,value:"vertical"},{key:0,value:"horizontal"}],default:1}),a("design:type",Number)],e.prototype,"fillGradientType",void 0),p([o.Field((function(){return Number}),{step:.1,min:0,max:1}),a("design:type",Array)],e.prototype,"fillGradientStops",void 0),p([o.Field((function(){return String}),{default:"Arial"}),a("design:type",Object)],e.prototype,"fontFamily",void 0),p([o.Field((function(){return Number}),{min:5,default:26}),a("design:type",Object)],e.prototype,"fontSize",void 0),p([o.Field({type:"select",options:[{key:"normal",value:"normal"},{key:"italic",value:"italic"},{key:"oblique",value:"oblique"}],default:"normal"}),a("design:type",String)],e.prototype,"fontStyle",void 0),p([o.Field({type:"select",options:[{key:"normal",value:"normal"},{key:"small-caps",value:"small-caps"}],default:"normal"}),a("design:type",String)],e.prototype,"fontVariant",void 0),p([o.Field({type:"select",options:[{key:"normal",value:"normal"},{key:"bold",value:"bold"},{key:"bolder",value:"bolder"},{key:"lighter",value:"lighter"},{key:"100",value:"100"},{key:"200",value:"200"},{key:"300",value:"300"},{key:"400",value:"400"},{key:"500",value:"500"},{key:"600",value:"600"},{key:"700",value:"700"},{key:"800",value:"800"},{key:"900",value:"900"}],default:"normal"}),a("design:type",String)],e.prototype,"fontWeight",void 0),p([o.Field({default:0}),a("design:type",Number)],e.prototype,"letterSpacing",void 0),p([o.Field({default:0}),a("design:type",Number)],e.prototype,"lineHeight",void 0),p([o.Field({type:"select",options:[{key:"miter",value:"miter"},{key:"round",value:"round"},{key:"bevel",value:"bevel"}],default:"miter"}),a("design:type",String)],e.prototype,"lineJoin",void 0),p([o.Field({default:10}),a("design:type",Number)],e.prototype,"miterLimit",void 0),p([o.Field({default:0}),a("design:type",Number)],e.prototype,"padding",void 0),p([o.Field({type:"color",default:"#000000"}),a("design:type",Object)],e.prototype,"stroke",void 0),p([o.Field({default:0,min:0}),a("design:type",Number)],e.prototype,"strokeThickness",void 0),p([o.Field({default:"alphabetic"}),a("design:type",String)],e.prototype,"textBaseline",void 0),p([o.Field(),a("design:type",Boolean)],e.prototype,"trim",void 0),p([o.Field({default:"pre",type:"select",options:[{key:"normal",value:"normal"},{key:"pre",value:"pre"},{key:"pre-line",value:"pre-line"}]}),a("design:type",String)],e.prototype,"whiteSpace",void 0),p([o.Field(),a("design:type",Boolean)],e.prototype,"wordWrap",void 0),p([o.Field({default:100}),a("design:type",Number)],e.prototype,"wordWrapWidth",void 0),p([o.Field(),a("design:type",Number)],e.prototype,"leading",void 0),e}(),u=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.text="",e.style={},e}return l(i,t),i.prototype.init=function(t){var o=new e.TextStyle({fontSize:20}),i={};for(var r in o)0===r.indexOf("_")&&(i[r.substring(1)]=o[r]);this.style=i,t&&(this.text=t.text,Object.assign(this.style,t.style))},i.componentName="Text",p([o.Field(),a("design:type",String)],i.prototype,"text",void 0),p([o.Field(),a("design:type",s)],i.prototype,"style",void 0),i}(t.Component),y=u,c=function(e){function o(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Text",t.texts={},t}return l(o,e),o.prototype.init=function(){this.renderSystem=this.game.getSystem(i.RendererSystem),this.renderSystem.rendererManager.register(this)},o.prototype.componentChanged=function(e){return o=this,i=void 0,l=function(){var o,i;return d(this,(function(n){return"Text"!==e.componentName||(e.type===t.OBSERVER_TYPE.ADD?(o=e.component,i=new r.Text(o.text,o.style),this.containerManager.getContainer(e.gameObject.id).addChildAt(i,0),this.texts[e.gameObject.id]={text:i,component:e.component},this.setSize(e)):e.type===t.OBSERVER_TYPE.REMOVE?(this.containerManager.getContainer(e.gameObject.id).removeChild(this.texts[e.gameObject.id].text),this.texts[e.gameObject.id].text.destroy({children:!0}),delete this.texts[e.gameObject.id]):(this.change(e),this.setSize(e))),[2]}))},new((n=void 0)||(n=Promise))((function(e,t){function r(e){try{a(l.next(e))}catch(e){t(e)}}function p(e){try{a(l.throw(e))}catch(e){t(e)}}function a(t){t.done?e(t.value):new n((function(e){e(t.value)})).then(r,p)}a((l=l.apply(o,i||[])).next())}));var o,i,n,l},o.prototype.change=function(e){var t=this.texts[e.gameObject.id],o=t.text,i=t.component;"text"===e.prop.prop[0]?o.text=i.text:"style"===e.prop.prop[0]&&Object.assign(o.style,e.component.style)},o.prototype.setSize=function(e){var t=e.gameObject.transform;t&&(t.size.width=this.texts[e.gameObject.id].text.width,t.size.height=this.texts[e.gameObject.id].text.height)},o.systemName="Text",o=p([t.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}]})],o)}(i.Renderer);exports.Text=y,exports.TextSystem=c;

package/dist/plugin-renderer-text.d.ts

@@ -6,47 +6,49 @@ import { RendererManager } from '@eva/plugin-renderer';
 import { RendererSystem } from '@eva/plugin-renderer';
 import { Text as Text_3 } from '@eva/renderer-adapter';
 
+declare class Style {
+    align?: string;
+    breakWords?: boolean;
+    dropShadow?: boolean;
+    dropShadowAlpha?: number;
+    dropShadowAngle?: number;
+    dropShadowBlur?: number;
+    dropShadowColor?: string | number;
+    dropShadowDistance?: number;
+    fill?: string | string[] | number | number[] | CanvasGradient | CanvasPattern;
+    fillGradientType?: number;
+    fillGradientStops?: number[];
+    fontFamily?: string | string[];
+    fontSize?: number | string;
+    fontStyle?: string;
+    fontVariant?: string;
+    fontWeight?: string;
+    letterSpacing?: number;
+    lineHeight?: number;
+    lineJoin?: string;
+    miterLimit?: number;
+    padding?: number;
+    stroke?: string | number;
+    strokeThickness?: number;
+    textBaseline?: string;
+    trim?: boolean;
+    whiteSpace?: string;
+    wordWrap?: boolean;
+    wordWrapWidth?: number;
+    leading?: number;
+}
+
 declare class Text_2 extends Component<TextParams> {
     static componentName: string;
     text: string;
-    style: TextParams['style'];
+    style: Style;
     init(obj?: TextParams): void;
 }
 export { Text_2 as Text }
 
 export declare interface TextParams {
     text: string;
-    style?: {
-        align?: string;
-        breakWords?: boolean;
-        dropShadow?: boolean;
-        dropShadowAlpha?: number;
-        dropShadowAngle?: number;
-        dropShadowBlur?: number;
-        dropShadowColor?: string | number;
-        dropShadowDistance?: number;
-        fill?: string | string[] | number | number[] | CanvasGradient | CanvasPattern;
-        fillGradientType?: number;
-        fillGradientStops?: number[];
-        fontFamily?: string | string[];
-        fontSize?: number | string;
-        fontStyle?: string;
-        fontVariant?: string;
-        fontWeight?: string;
-        letterSpacing?: number;
-        lineHeight?: number;
-        lineJoin?: string;
-        miterLimit?: number;
-        padding?: number;
-        stroke?: string | number;
-        strokeThickness?: number;
-        textBaseline?: string;
-        trim?: boolean;
-        whiteSpace?: string;
-        wordWrap?: boolean;
-        wordWrapWidth?: number;
-        leading?: number;
-    };
+    style?: Style;
 }
 
 export declare class TextSystem extends Renderer {

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

@@ -1,6 +1,6 @@
 import { TextStyle } from 'pixi.js';
 import { Component, decorators, OBSERVER_TYPE } from '@eva/eva.js';
-import { type } from '@eva/inspector-decorator';
+import { Field } from '@eva/inspector-decorator';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer';
 import { Text as Text$4 } 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); } }
@@ -77,6 +81,191 @@ function __generator(thisArg, body) {
     }
 }
 
+var Style = (function () {
+    function Style() {
+    }
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 'center', value: 'center' },
+                { key: 'left', value: 'left' },
+                { key: 'right', value: 'right' },
+            ],
+            default: 'left',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "align", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "breakWords", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "dropShadow", void 0);
+    __decorate([
+        Field({ default: 1 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowAlpha", void 0);
+    __decorate([
+        Field({ default: Math.PI / 6 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowAngle", void 0);
+    __decorate([
+        Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowBlur", void 0);
+    __decorate([
+        Field({ type: 'color', default: '#000000' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "dropShadowColor", void 0);
+    __decorate([
+        Field({ default: 5 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "dropShadowDistance", void 0);
+    __decorate([
+        Field({ type: 'color', default: ['#000000'], isArray: true }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fill", void 0);
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 1, value: 'vertical' },
+                { key: 0, value: 'horizontal' },
+            ],
+            default: 1,
+        }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "fillGradientType", void 0);
+    __decorate([
+        Field(function () { return Number; }, { step: 0.1, min: 0, max: 1 }),
+        __metadata("design:type", Array)
+    ], Style.prototype, "fillGradientStops", void 0);
+    __decorate([
+        Field(function () { return String; }, { default: 'Arial' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fontFamily", void 0);
+    __decorate([
+        Field(function () { return Number; }, { min: 5, default: 26 }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "fontSize", void 0);
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'italic', value: 'italic' },
+                { key: 'oblique', value: 'oblique' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontStyle", void 0);
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'small-caps', value: 'small-caps' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontVariant", void 0);
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'bold', value: 'bold' },
+                { key: 'bolder', value: 'bolder' },
+                { key: 'lighter', value: 'lighter' },
+                { key: '100', value: '100' },
+                { key: '200', value: '200' },
+                { key: '300', value: '300' },
+                { key: '400', value: '400' },
+                { key: '500', value: '500' },
+                { key: '600', value: '600' },
+                { key: '700', value: '700' },
+                { key: '800', value: '800' },
+                { key: '900', value: '900' },
+            ],
+            default: 'normal',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "fontWeight", void 0);
+    __decorate([
+        Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "letterSpacing", void 0);
+    __decorate([
+        Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "lineHeight", void 0);
+    __decorate([
+        Field({
+            type: 'select',
+            options: [
+                { key: 'miter', value: 'miter' },
+                { key: 'round', value: 'round' },
+                { key: 'bevel', value: 'bevel' },
+            ],
+            default: 'miter',
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "lineJoin", void 0);
+    __decorate([
+        Field({ default: 10 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "miterLimit", void 0);
+    __decorate([
+        Field({ default: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "padding", void 0);
+    __decorate([
+        Field({ type: 'color', default: '#000000' }),
+        __metadata("design:type", Object)
+    ], Style.prototype, "stroke", void 0);
+    __decorate([
+        Field({ default: 0, min: 0 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "strokeThickness", void 0);
+    __decorate([
+        Field({ default: 'alphabetic' }),
+        __metadata("design:type", String)
+    ], Style.prototype, "textBaseline", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "trim", void 0);
+    __decorate([
+        Field({
+            default: 'pre',
+            type: 'select',
+            options: [
+                { key: 'normal', value: 'normal' },
+                { key: 'pre', value: 'pre' },
+                { key: 'pre-line', value: 'pre-line' },
+            ],
+        }),
+        __metadata("design:type", String)
+    ], Style.prototype, "whiteSpace", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Boolean)
+    ], Style.prototype, "wordWrap", void 0);
+    __decorate([
+        Field({ default: 100 }),
+        __metadata("design:type", Number)
+    ], Style.prototype, "wordWrapWidth", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Number)
+    ], Style.prototype, "leading", void 0);
+    return Style;
+}());
 var Text$2 = (function (_super) {
     __extends(Text, _super);
     function Text() {
@@ -103,8 +292,13 @@ var Text$2 = (function (_super) {
     };
     Text.componentName = 'Text';
     __decorate([
-        type('string')
+        Field(),
+        __metadata("design:type", String)
     ], Text.prototype, "text", void 0);
+    __decorate([
+        Field(),
+        __metadata("design:type", Style)
+    ], Text.prototype, "style", void 0);
     return Text;
 }(Component));
 var Text$3 = Text$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-text",
-  "version": "1.2.7-editor.1",
+  "version": "1.2.7-editor.12",
   "description": "@eva/plugin-renderer-text",
   "main": "index.js",
   "module": "dist/plugin-renderer-text.esm.js",
@@ -18,10 +18,10 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/inspector-decorator": "0.1.0-alpha.1",
-    "@eva/plugin-renderer": "1.2.7-editor.1",
-    "@eva/renderer-adapter": "1.2.7-editor.1",
-    "@eva/eva.js": "1.2.7-editor.1",
+    "@eva/inspector-decorator": "0.1.0-alpha.3",
+    "@eva/plugin-renderer": "1.2.7-editor.12",
+    "@eva/renderer-adapter": "1.2.7-editor.12",
+    "@eva/eva.js": "1.2.7-editor.12",
     "pixi.js": "^4.8.7"
   }
 }

package/dist/miniprogram.js

@@ -1,128 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { __extends, __decorate, __awaiter, __generator } from 'tslib';
-import { TextStyle } from '@eva/miniprogram-pixi';
-import { Component, OBSERVER_TYPE, decorators } from '@eva/eva.js/dist/miniprogram';
-import { type } from '@eva/inspector-decorator';
-import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
-import { Text as Text$4 } from '@eva/renderer-adapter/dist/miniprogram';
-
-var Text$2 = function (_super) {
-  __extends(Text, _super);
-
-  function Text() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.text = '';
-    _this.style = {};
-    return _this;
-  }
-
-  Text.prototype.init = function (obj) {
-    var style = new TextStyle({
-      fontSize: 20
-    });
-    var newStyle = {};
-
-    for (var key in style) {
-      if (key.indexOf('_') === 0) {
-        newStyle[key.substring(1)] = style[key];
-      }
-    }
-
-    this.style = newStyle;
-
-    if (obj) {
-      this.text = obj.text;
-
-      _extends(this.style, obj.style);
-    }
-  };
-
-  Text.componentName = 'Text';
-
-  __decorate([type('string')], Text.prototype, "text", void 0);
-
-  return Text;
-}(Component);
-
-var Text$3 = Text$2;
-
-var Text = function (_super) {
-  __extends(Text, _super);
-
-  function Text() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.name = 'Text';
-    _this.texts = {};
-    return _this;
-  }
-
-  Text.prototype.init = function () {
-    this.renderSystem = this.game.getSystem(RendererSystem);
-    this.renderSystem.rendererManager.register(this);
-  };
-
-  Text.prototype.componentChanged = function (changed) {
-    return __awaiter(this, void 0, void 0, function () {
-      var component, text;
-      return __generator(this, function (_a) {
-        if (changed.componentName !== 'Text') return [2];
-
-        if (changed.type === OBSERVER_TYPE.ADD) {
-          component = changed.component;
-          text = new Text$4(component.text, component.style);
-          this.containerManager.getContainer(changed.gameObject.id).addChildAt(text, 0);
-          this.texts[changed.gameObject.id] = {
-            text: text,
-            component: changed.component
-          };
-          this.setSize(changed);
-        } else if (changed.type === OBSERVER_TYPE.REMOVE) {
-          this.containerManager.getContainer(changed.gameObject.id).removeChild(this.texts[changed.gameObject.id].text);
-          this.texts[changed.gameObject.id].text.destroy({
-            children: true
-          });
-          delete this.texts[changed.gameObject.id];
-        } else {
-          this.change(changed);
-          this.setSize(changed);
-        }
-
-        return [2];
-      });
-    });
-  };
-
-  Text.prototype.change = function (changed) {
-    var _a = this.texts[changed.gameObject.id],
-        text = _a.text,
-        component = _a.component;
-
-    if (changed.prop.prop[0] === 'text') {
-      text.text = component.text;
-    } else if (changed.prop.prop[0] === 'style') {
-      _extends(text.style, changed.component.style);
-    }
-  };
-
-  Text.prototype.setSize = function (changed) {
-    var transform = changed.gameObject.transform;
-    if (!transform) return;
-    transform.size.width = this.texts[changed.gameObject.id].text.width;
-    transform.size.height = this.texts[changed.gameObject.id].text.height;
-  };
-
-  Text.systemName = 'Text';
-  Text = __decorate([decorators.componentObserver({
-    Text: ['text', {
-      prop: ['style'],
-      deep: true
-    }]
-  })], Text);
-  return Text;
-}(Renderer);
-
-var Text$1 = Text;
-export { Text$3 as Text, Text$1 as TextSystem };