@arco-design/mobile-react 2.36.0 → 2.36.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.36.1](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.36.0...@arco-design/mobile-react@2.36.1) (2025-05-15)
+
+
+### Bug Fixes
+
+* `Popover` adjust edge when popover is too tall ([#321](https://github.com/arco-design/arco-design-mobile/issues/321)) ([b105897](https://github.com/arco-design/arco-design-mobile/commit/b105897d0a6b8c521cb37364fee8263af4e8a8e0))
+* fix emoji truncation issue about `Ellipsis` ([#324](https://github.com/arco-design/arco-design-mobile/issues/324)) ([3c157f1](https://github.com/arco-design/arco-design-mobile/commit/3c157f1ee9ae45552647533533864f1c5781c418))
+
+
+
+
+
 # [2.36.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.35.2...@arco-design/mobile-react@2.36.0) (2025-05-13)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.35.2/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.35.2/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.36.0/dist/index.min.js"></script>
 ```
 
 ## Full import

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.35.2/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.35.2/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.36.0/dist/index.min.js"></script>
 ```
 
 ## 引入全部

package/cjs/ellipsis/components/js-ellipsis.js

@@ -83,9 +83,11 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         currentText += temp;
         l = m;
       }
-    } // Remove the exclude char at the end of the content.
+    } // Remove the last character if it is orphaned high-surrogate characters (indicative of incomplete emoji).
 
 
+    currentText = currentText.replace(/[\uD800-\uDBFF]+$/, ''); // Remove the exclude char at the end of the content.
+
     while (endExcludes && endExcludes.includes(currentText[currentText.length - 1])) {
       currentText = currentText.slice(0, -1);
     } // Callback after reflow.

package/cjs/popover/hooks/usePosition.js

@@ -235,20 +235,38 @@ var usePosition = function usePosition(props, popoverRef, childRef, wrapperRef)
 
 
     if (verticalAuto) {
-      var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
-      var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
-      // @en The top safety distance is not enough, adjust to the bottom
-
-      if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+      var setToBottom = function setToBottom() {
         newConfig.top = verticalOffset + childRect.height;
         newConfig.bottom = null;
         onAdjustDirection('bottom');
-      } else if (directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
-        // 底部安全距离不够，调整到顶部
-        // @en The bottom safety distance is not enough, adjust to the top
+      };
+
+      var setToTop = function setToTop() {
         newConfig.top = null;
         newConfig.bottom = verticalOffset + childRect.height;
         onAdjustDirection('top');
+      }; // 判断上下空间是否都不足以展示气泡内容
+      // @en Determine whether there is insufficient space both above and below to display content
+
+
+      var isPopoverTooTall = window.innerHeight - topOffset - bottomOffset < 2 * (newConfig.height || 0) + 2 * verticalOffset + childRect.height;
+
+      if (isPopoverTooTall) {
+        var spaceAbove = childRect.top;
+        var spaceBelow = window.innerHeight - childRect.bottom;
+        spaceAbove > spaceBelow ? setToTop() : setToBottom();
+      } else {
+        var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
+        var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
+        // @en The top safety distance is not enough, adjust to the bottom
+
+        if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+          setToBottom();
+        } else if ( // 底部安全距离不够，调整到顶部
+        // @en The bottom safety distance is not enough, adjust to the top
+        directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
+          setToTop();
+        }
       }
     } // 挂载在全局的气泡需要计算相对屏幕的位置
     // @en Bubble mounted in the global needs to calculate the position relative to the screen

package/dist/index.js

@@ -16341,9 +16341,11 @@
             currentText += temp;
             l = m;
           }
-        } // Remove the exclude char at the end of the content.
+        } // Remove the last character if it is orphaned high-surrogate characters (indicative of incomplete emoji).
 
 
+        currentText = currentText.replace(/[\uD800-\uDBFF]+$/, ''); // Remove the exclude char at the end of the content.
+
         while (endExcludes && endExcludes.includes(currentText[currentText.length - 1])) {
           currentText = currentText.slice(0, -1);
         } // Callback after reflow.
@@ -24851,20 +24853,38 @@
 
 
         if (verticalAuto) {
-          var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
-          var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
-          // @en The top safety distance is not enough, adjust to the bottom
-
-          if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+          var setToBottom = function setToBottom() {
             newConfig.top = verticalOffset + childRect.height;
             newConfig.bottom = null;
             onAdjustDirection('bottom');
-          } else if (directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
-            // 底部安全距离不够，调整到顶部
-            // @en The bottom safety distance is not enough, adjust to the top
+          };
+
+          var setToTop = function setToTop() {
             newConfig.top = null;
             newConfig.bottom = verticalOffset + childRect.height;
             onAdjustDirection('top');
+          }; // 判断上下空间是否都不足以展示气泡内容
+          // @en Determine whether there is insufficient space both above and below to display content
+
+
+          var isPopoverTooTall = window.innerHeight - topOffset - bottomOffset < 2 * (newConfig.height || 0) + 2 * verticalOffset + childRect.height;
+
+          if (isPopoverTooTall) {
+            var spaceAbove = childRect.top;
+            var spaceBelow = window.innerHeight - childRect.bottom;
+            spaceAbove > spaceBelow ? setToTop() : setToBottom();
+          } else {
+            var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
+            var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
+            // @en The top safety distance is not enough, adjust to the bottom
+
+            if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+              setToBottom();
+            } else if ( // 底部安全距离不够，调整到顶部
+            // @en The bottom safety distance is not enough, adjust to the top
+            directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
+              setToTop();
+            }
           }
         } // 挂载在全局的气泡需要计算相对屏幕的位置
         // @en Bubble mounted in the global needs to calculate the position relative to the screen