@arco-design/mobile-react 2.24.1 → 2.24.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.24.2](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.24.1...@arco-design/mobile-react@2.24.2) (2023-01-10)
+
+
+### Bug Fixes
+
+*  `Ellipsis` innerHTML keep wrap ([#80](https://github.com/arco-design/arco-design-mobile/issues/80)) ([29afadc](https://github.com/arco-design/arco-design-mobile/commit/29afadc571bba16fd2b8641622de1f2d0fbf5ba4))
+
+
+
+
+
 ## [2.24.1](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.24.0...@arco-design/mobile-react@2.24.1) (2023-01-04)
 
 

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.24.0/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.24.0/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.24.1/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.24.1/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.24.0/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.24.0/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.24.1/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.24.1/dist/index.min.js"></script>
 ```
 
 ## 引入全部

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

@@ -156,6 +156,7 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     if (dangerouslyUseInnerHTML) {
       textRef.current.innerHTML = text;
+      textRef.current.classList.add(prefixCls + "-js-content-text-pre");
     } else {
       textRef.current.innerText = text;
     }
@@ -164,6 +165,8 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return;
     }
 
+    textRef.current.classList.remove(prefixCls + "-js-content-text-pre");
+
     var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
         height = _domRef$current$getBo.height;
 

package/cjs/ellipsis/style/css/index.css

@@ -18,6 +18,9 @@
   background:  linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff) ;
   padding-left:  20PX ;
 }
+.arco-ellipsis-js-content-text-pre {
+  white-space: pre-line;
+}
 .arco-ellipsis-js-content-ellipsis {
   display: none;
 }

package/cjs/ellipsis/style/index.less

@@ -21,6 +21,10 @@
         .use-var(padding-left, ellipsis-float-ellipsis-node-padding-left);
     }
 
+    &-js-content-text-pre {
+        white-space: pre-line;
+    }
+    
     &-js-content-ellipsis {
         display: none;
     }

package/dist/index.js

@@ -12308,6 +12308,7 @@
 
         if (dangerouslyUseInnerHTML) {
           textRef.current.innerHTML = text;
+          textRef.current.classList.add(prefixCls + "-js-content-text-pre");
         } else {
           textRef.current.innerText = text;
         }
@@ -12316,6 +12317,7 @@
           return;
         }
 
+        textRef.current.classList.remove(prefixCls + "-js-content-text-pre");
         var height = domRef.current.getBoundingClientRect().height;
         var max = isNaN(Number(maxHeight)) ? lineHeightRef.current * maxLine : Number(maxHeight);