@galacean/effects-threejs 1.6.0-beta.2 → 1.6.0

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v1.6.0-beta.2
+ * Version: v1.6.0
  */
 
 'use strict';
@@ -20359,6 +20359,10 @@ var TextItem = /** @class */ (function (_super) {
     function TextItem(props, opts, vfxItem) {
         var _this = _super.call(this, props, opts, vfxItem) || this;
         _this.isDirty = true;
+        /**
+         * 文本行数
+         */
+        _this.lineCount = 0;
         var options = props.options;
         _this.canvas = canvasPool.getCanvas();
         canvasPool.saveCanvas(_this.canvas);
@@ -20367,10 +20371,34 @@ var TextItem = /** @class */ (function (_super) {
         _this.textStyle = new TextStyle(options);
         _this.textLayout = new TextLayout(options);
         _this.text = options.text;
+        _this.lineCount = _this.getLineCount(options.text, true);
         // Text
         _this.mesh = new TextMesh(_this.engine, _this.renderInfo, vfxItem.composition);
         return _this;
     }
+    TextItem.prototype.getLineCount = function (text, init) {
+        var _a, _b;
+        var context = this.context;
+        var letterSpace = this.textLayout.letterSpace;
+        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;
+        for (var i = 0; i < text.length; i++) {
+            var str = text[i];
+            var textMetrics = ((_b = (_a = context === null || context === void 0 ? void 0 : context.measureText(str)) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0) * fontScale;
+            // 和浏览器行为保持一致
+            x += letterSpace;
+            if (((x + textMetrics) > width && i > 0) || str === '\n') {
+                lineCount++;
+                x = 0;
+            }
+            if (str !== '\n') {
+                x += textMetrics;
+            }
+        }
+        return lineCount;
+    };
     /**
      * 设置字号大小
      * @param value - 字号
@@ -20420,6 +20448,7 @@ var TextItem = /** @class */ (function (_super) {
             return;
         }
         this.text = value;
+        this.lineCount = this.getLineCount(value, false);
         this.isDirty = true;
     };
     /**
@@ -20591,8 +20620,7 @@ var TextItem = /** @class */ (function (_super) {
         context.fillStyle = "rgba(".concat(style.textColor[0], ", ").concat(style.textColor[1], ", ").concat(style.textColor[2], ", ").concat(style.textColor[3], ")");
         var charsInfo = [];
         var x = 0;
-        var lineCount = this.text.split('\n').length;
-        var y = layout.getOffsetY(style, lineCount, lineHeight);
+        var y = layout.getOffsetY(style, this.lineCount, lineHeight);
         var charsArray = [];
         var charOffsetX = [];
         for (var i = 0; i < this.char.length; i++) {
@@ -27482,7 +27510,7 @@ Geometry.create = function (engine, options) {
 Mesh.create = function (engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "1.6.0-beta.2";
+var version = "1.6.0";
 logger.info('THREEJS plugin version: ' + version);
 
 exports.AbstractPlugin = AbstractPlugin;