@galacean/engine-ui 0.0.0-experimental-2.0-game.17 → 0.0.0-experimental-2.0-game.18

package/dist/browser.js

@@ -2998,6 +2998,15 @@
             this._subFont = font._getSubFont(this.fontSize, this.fontStyle);
             this._subFont.nativeFontString = engine.TextUtils.getNativeFontString(font.name, this.fontSize, this.fontStyle);
         };
+        /**
+       * Switch the sub font to a specific font size, used by the SHRINK overflow measurement.
+       */ _proto._applyFontSizeForShrink = function _applyFontSizeForShrink(fontSize) {
+            var font = this._font;
+            // @ts-ignore
+            var subFont = font._getSubFont(fontSize, this._fontStyle);
+            subFont.nativeFontString = engine.TextUtils.getNativeFontString(font.name, fontSize, this._fontStyle);
+            this._subFont = subFont;
+        };
         _proto._updatePosition = function _updatePosition() {
             var e = this._transformEntity.transform.worldMatrix.elements;
             // prettier-ignore
@@ -3050,18 +3059,30 @@
             }
         };
         _proto._updateLocalData = function _updateLocalData() {
+            var _this = this;
             // @ts-ignore
             var pixelsPerResolution = engine.Engine._pixelsPerUnit / this._getRootCanvas().referenceResolutionPerUnit;
             var _this__localBounds = this._localBounds, min = _this__localBounds.min, max = _this__localBounds.max;
             var charRenderInfos = Text._charRenderInfos;
-            var charFont = this._getSubFont();
             var _this__transformEntity_transform = this._transformEntity.transform, size = _this__transformEntity_transform.size, pivot = _this__transformEntity_transform.pivot;
             var rendererWidth = size.x;
             var rendererHeight = size.y;
             var offsetWidth = rendererWidth * (0.5 - pivot.x);
             var offsetHeight = rendererHeight * (0.5 - pivot.y);
-            var characterSpacing = this._characterSpacing * this._fontSize;
-            var textMetrics = this.enableWrapping ? engine.TextUtils.measureTextWithWrap(this, rendererWidth * pixelsPerResolution, rendererHeight * pixelsPerResolution, this._lineSpacing * this._fontSize, characterSpacing) : engine.TextUtils.measureTextWithoutWrap(this, rendererHeight * pixelsPerResolution, this._lineSpacing * this._fontSize, characterSpacing);
+            var fontSize = this._fontSize;
+            var textMetrics;
+            if (this._overflowMode === engine.OverflowMode.Shrink) {
+                var result = engine.TextUtils.measureTextWithShrink(this, rendererWidth * pixelsPerResolution, rendererHeight * pixelsPerResolution, this._fontSize, this._lineSpacing, this._characterSpacing, this.enableWrapping, function(sizeValue) {
+                    return _this._applyFontSizeForShrink(sizeValue);
+                });
+                fontSize = result.fontSize;
+                textMetrics = result.metrics;
+            } else {
+                var characterSpacing = this._characterSpacing * fontSize;
+                textMetrics = this.enableWrapping ? engine.TextUtils.measureTextWithWrap(this, rendererWidth * pixelsPerResolution, rendererHeight * pixelsPerResolution, this._lineSpacing * fontSize, characterSpacing) : engine.TextUtils.measureTextWithoutWrap(this, rendererHeight * pixelsPerResolution, this._lineSpacing * fontSize, characterSpacing);
+            }
+            var charFont = this._getSubFont();
+            var characterSpacing1 = this._characterSpacing * fontSize;
             var height = textMetrics.height, lines = textMetrics.lines, lineWidths = textMetrics.lineWidths, lineHeight = textMetrics.lineHeight, lineMaxSizes = textMetrics.lineMaxSizes;
             // @ts-ignore
             var charRenderInfoPool = this.engine._charRenderInfoPool;
@@ -3082,7 +3103,10 @@
                         startY = rendererHeight * 0.5 - halfLineHeight + topDiff;
                         break;
                     case engine.TextVerticalAlignment.Center:
-                        startY = height * 0.5 - halfLineHeight - (bottomDiff - topDiff) * 0.5;
+                        // Center the text block (lineHeight * lineCount) within the renderer, independent of
+                        // `height` — which equals the renderer height for Truncate/Shrink and would otherwise
+                        // push the text upward by (rendererHeight - blockHeight) / 2 when the box is taller.
+                        startY = lineHeight * linesLen * 0.5 - halfLineHeight - (bottomDiff - topDiff) * 0.5;
                         break;
                     case engine.TextVerticalAlignment.Bottom:
                         startY = height - rendererHeight * 0.5 - halfLineHeight - bottomDiff;
@@ -3134,7 +3158,7 @@
                                 j === firstRow && (minX = Math.min(minX, left));
                                 maxX = Math.max(maxX, right);
                             }
-                            startX += charInfo.xAdvance + characterSpacing;
+                            startX += charInfo.xAdvance + characterSpacing1;
                         }
                     }
                     startY -= lineHeight;
@@ -3194,7 +3218,7 @@
         };
         _proto._isTextNoVisible = function _isTextNoVisible() {
             var size = this._transformEntity.transform.size;
-            return !this._font || this._text === "" || this._fontSize === 0 || this.enableWrapping && size.x <= 0 || this.overflowMode === engine.OverflowMode.Truncate && size.y <= 0 || !this._getRootCanvas();
+            return !this._font || this._text === "" || this._fontSize === 0 || this.enableWrapping && size.x <= 0 || (this.overflowMode === engine.OverflowMode.Truncate || this.overflowMode === engine.OverflowMode.Shrink) && size.y <= 0 || !this._getRootCanvas();
         };
         _proto._buildChunk = function _buildChunk(textChunk, count) {
             var _this_color = this.color, r = _this_color.r, g = _this_color.g, b = _this_color.b, a = _this_color.a;