@arco-design/mobile-react 2.30.6 → 2.30.7

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.30.7](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.30.6...@arco-design/mobile-react@2.30.7) (2023-12-27)
+
+
+### Bug Fixes
+
+* `Ellipsis` html height calculation ([#218](https://github.com/arco-design/arco-design-mobile/issues/218)) ([6a73c43](https://github.com/arco-design/arco-design-mobile/commit/6a73c43c95d6bf6591c59fbbd67fa650a7059f91))
+* style problem caused by the "tabIndex" attribute of lower versions of iOS ([#217](https://github.com/arco-design/arco-design-mobile/issues/217)) ([6a9406e](https://github.com/arco-design/arco-design-mobile/commit/6a9406ea0dfbdb50075a4c036757e6d7988c7d92))
+
+
+
+
+
 ## [2.30.6](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.30.5...@arco-design/mobile-react@2.30.6) (2023-12-26)
 
 

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

package/cjs/checkbox/style/css/index.css

@@ -502,9 +502,6 @@
   -webkit-align-items: center;
           align-items: center;
 }
-.arco-checkbox:focus {
-  outline: none;
-}
 .arco-checkbox .checkbox-icon {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;

package/cjs/checkbox/style/index.less

@@ -4,11 +4,6 @@
     display: inline-flex;
     align-items: center;
 
-    // iOS low-end machine style compatibility issues
-    &:focus {
-        outline: none;
-    }
-
     .checkbox-icon {
         display: inline-flex;
         align-items: center;

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

@@ -95,7 +95,6 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   function truncateHTML(container, textContainer, max) {
     // only enter this function when container overflow.
     var children = textContainer.childNodes;
-    var actualHeight = getActualHeight(container);
 
     if (children.length === 1) {
       var node = children[0];
@@ -106,6 +105,7 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         var html = node.innerHTML; // clear content to determine whether the empty node can be placed.
 
         node.innerHTML = '';
+        var actualHeight = getActualHeight(container);
 
         if (actualHeight > max) {
           // return after remove the node, if overflow with empty node.
@@ -126,7 +126,9 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       while (i < nodes.length) {
         textContainer.appendChild(nodes[i]);
 
-        if (actualHeight > max) {
+        var _actualHeight = getActualHeight(container);
+
+        if (_actualHeight > max) {
           if (nodes[i].childNodes && nodes[i].childNodes.length) {
             break;
           } else {

package/cjs/radio/style/css/index.css

@@ -502,9 +502,6 @@
   -webkit-align-items: center;
           align-items: center;
 }
-.arco-radio:focus {
-  outline: none;
-}
 .arco-radio .radio-icon {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;

package/cjs/radio/style/index.less

@@ -4,11 +4,6 @@
     display: inline-flex;
     align-items: center;
 
-    // iOS low-end machine style compatibility issues
-    &:focus {
-        outline: none;
-    }
-
     .radio-icon {
         display: inline-flex;
         align-items: center;

package/dist/index.js

@@ -15798,7 +15798,6 @@
       function truncateHTML(container, textContainer, max) {
         // only enter this function when container overflow.
         var children = textContainer.childNodes;
-        var actualHeight = getActualHeight(container);
 
         if (children.length === 1) {
           var node = children[0];
@@ -15809,6 +15808,7 @@
             var html = node.innerHTML; // clear content to determine whether the empty node can be placed.
 
             node.innerHTML = '';
+            var actualHeight = getActualHeight(container);
 
             if (actualHeight > max) {
               // return after remove the node, if overflow with empty node.
@@ -15828,6 +15828,7 @@
 
           while (i < nodes.length) {
             textContainer.appendChild(nodes[i]);
+            var actualHeight = getActualHeight(container);
 
             if (actualHeight > max) {
               if (nodes[i].childNodes && nodes[i].childNodes.length) {
@@ -18466,7 +18467,7 @@
     var index$g = componentWrapper(ImagePicker, 'ImagePicker');
 
     /*!
-    * @arco-design/transformable v1.0.1
+    * @arco-design/transformable v1.0.2
     * (c) 2022 ludan.kibbon
     */
     function _defineProperty(obj, key, value) {