@galacean/effects-threejs 2.3.0-beta.2 → 2.3.0-beta.3

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.3.0-beta.2
+ * Version: v2.3.0-beta.3
  */
 
 'use strict';
@@ -25543,9 +25543,12 @@ var TextComponentBase = /*#__PURE__*/ function() {
         this.textStyle = new TextStyle(options);
         this.textLayout = new TextLayout(options);
         this.text = options.text.toString();
+        this.lineCount = this.getLineCount(options.text, true);
     };
-    _proto.getLineCount = function getLineCount(text, context) {
+    _proto.getLineCount = function getLineCount(text, init) {
+        var context = this.context;
         var _this_textLayout = this.textLayout, letterSpace = _this_textLayout.letterSpace, overflow = _this_textLayout.overflow;
+        var fontScale = init ? this.textStyle.fontSize / 10 : 1 / this.textStyle.fontScale;
         var width = this.textLayout.width + this.textStyle.fontOffset;
         var lineCount = 1;
         var x = 0;
@@ -25553,7 +25556,7 @@ var TextComponentBase = /*#__PURE__*/ function() {
             var _context_measureText;
             var str = text[i];
             var _context_measureText_width;
-            var textMetrics = (_context_measureText_width = context == null ? void 0 : (_context_measureText = context.measureText(str)) == null ? void 0 : _context_measureText.width) != null ? _context_measureText_width : 0;
+            var textMetrics = ((_context_measureText_width = context == null ? void 0 : (_context_measureText = context.measureText(str)) == null ? void 0 : _context_measureText.width) != null ? _context_measureText_width : 0) * fontScale;
             // 和浏览器行为保持一致
             x += letterSpace;
             // 处理文本结束行为
@@ -25623,6 +25626,7 @@ var TextComponentBase = /*#__PURE__*/ function() {
             return;
         }
         this.text = value.toString();
+        this.lineCount = this.getLineCount(value, false);
         this.isDirty = true;
     };
     /**
@@ -25783,35 +25787,32 @@ var TextComponentBase = /*#__PURE__*/ function() {
         var layout = this.textLayout;
         var fontScale = style.fontScale;
         var width = (layout.width + style.fontOffset) * fontScale;
+        var finalHeight = layout.lineHeight * this.lineCount;
         var fontSize = style.fontSize * fontScale;
         var lineHeight = layout.lineHeight * fontScale;
         style.fontDesc = this.getFontDesc(fontSize);
         this.char = (this.text || "").split("");
         this.canvas.width = width;
-        var height = this.canvas.height;
-        context.font = style.fontDesc;
-        this.lineCount = this.getLineCount(this.text, context);
-        var finalHeight = layout.lineHeight * this.lineCount;
         if (layout.autoWidth) {
             this.canvas.height = finalHeight * fontScale;
             this.item.transform.size.set(1, finalHeight / layout.height);
         } else {
             this.canvas.height = layout.height * fontScale;
         }
+        var height = this.canvas.height;
+        // fix bug 1/255
+        context.fillStyle = "rgba(255, 255, 255, 0.0039)";
+        if (!flipY) {
+            context.translate(0, height);
+            context.scale(1, -1);
+        }
         // canvas size 变化后重新刷新 context
         if (this.maxLineWidth > width && layout.overflow === TextOverflow.display) {
             context.font = this.getFontDesc(fontSize * width / this.maxLineWidth);
         } else {
             context.font = style.fontDesc;
         }
-        // fix bug 1/255
-        context.fillStyle = "rgba(255, 255, 255, 0.0039)";
         context.clearRect(0, 0, width, height);
-        if (!flipY) {
-            context.translate(0, height);
-            context.scale(1, -1);
-        }
-        context.fillRect(0, 0, width, height);
         if (style.hasShadow) {
             this.setupShadow();
         }
@@ -25883,9 +25884,9 @@ var TextComponentBase = /*#__PURE__*/ function() {
         this.material.setTexture("_MainTex", texture);
         this.isDirty = false;
     };
-    _proto.getFontDesc = function getFontDesc(fontSize) {
-        var _this_textStyle = this.textStyle, fontFamily = _this_textStyle.fontFamily, textWeight = _this_textStyle.textWeight, fontStyle = _this_textStyle.fontStyle;
-        var fontDesc = "" + fontSize.toString() + "px ";
+    _proto.getFontDesc = function getFontDesc(size) {
+        var _this_textStyle = this.textStyle, fontSize = _this_textStyle.fontSize, fontScale = _this_textStyle.fontScale, fontFamily = _this_textStyle.fontFamily, textWeight = _this_textStyle.textWeight, fontStyle = _this_textStyle.fontStyle;
+        var fontDesc = "" + (size || fontSize * fontScale).toString() + "px ";
         if (!DEFAULT_FONTS.includes(fontFamily)) {
             fontDesc += '"' + fontFamily + '"';
         } else {
@@ -32100,7 +32101,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem);
 registerPlugin("particle", ParticleLoader, exports.VFXItem);
 registerPlugin("cal", CalculateLoader, exports.VFXItem);
 registerPlugin("interact", InteractLoader, exports.VFXItem);
-var version$1 = "2.3.0-beta.2";
+var version$1 = "2.3.0-beta.3";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -33746,7 +33747,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.3.0-beta.2";
+var version = "2.3.0-beta.3";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;