@app-studio/web 0.3.51 → 0.3.52

package/dist/web.cjs.development.js

@@ -2672,30 +2672,37 @@ var TruncateText = function TruncateText(_ref2) {
     _ref2$maxLines = _ref2.maxLines,
     maxLines = _ref2$maxLines === void 0 ? 1 : _ref2$maxLines;
   var containerRef = React.useRef(null);
-  var _useState = React.useState(text),
-    content = _useState[0],
-    setContent = _useState[1];
+  var _useState = React.useState(text.length),
+    truncatedLength = _useState[0],
+    setTruncatedLength = _useState[1];
   React.useEffect(function () {
-    var textContent = content;
     var textNode = containerRef.current;
-    if (textNode) {
-      var contentHeight = textNode.offsetHeight;
+    if (!textNode) return;
+    var updateTruncatedText = function updateTruncatedText() {
       var comLineHeight = getComputedStyle(textNode).lineHeight;
       var lineHeight = comLineHeight !== 'normal' ? parseFloat(comLineHeight) : 20;
-      var maxHeight = Math.ceil(lineHeight * maxLines);
-      if (contentHeight > maxHeight) {
-        textContent = textContent.slice(0, -1);
-      } else if (contentHeight === maxHeight) {
-        if (content.length !== text.length) {
-          textContent = textContent.slice(0, -3) + '...';
+      var maxHeight = lineHeight * maxLines;
+      var start = 0;
+      var end = text.length;
+      var middle;
+      while (start <= end) {
+        middle = Math.floor((start + end) / 2);
+        textNode.innerText = text.substring(0, middle) + '...';
+        var currentHeight = textNode.offsetHeight;
+        if (currentHeight > maxHeight) {
+          end = middle - 1;
+        } else {
+          start = middle + 1;
         }
       }
-      setContent(textContent);
-    }
-  }, [maxLines, text, containerRef, content]);
+      setTruncatedLength(end);
+    };
+    updateTruncatedText();
+  }, [text, maxLines]);
+  var displayText = text.length > truncatedLength ? text.substring(0, truncatedLength) + '...' : text;
   return React__default.createElement("div", {
     ref: containerRef
-  }, content);
+  }, displayText);
 };
 var TextView = function TextView(_ref3) {
   var children = _ref3.children,