@arco-design/mobile-react 2.27.3 → 2.27.4

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.27.4](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.27.3...@arco-design/mobile-react@2.27.4) (2023-05-19)
+
+
+### Bug Fixes
+
+* `IndexBar` remove redundant children judgement ([#123](https://github.com/arco-design/arco-design-mobile/issues/123)) ([cbba80d](https://github.com/arco-design/arco-design-mobile/commit/cbba80dcdb7d7b58e893ab9bd08cc3388008a6f3))
+* `ShowMonitor` fix disable observe when remount ([#125](https://github.com/arco-design/arco-design-mobile/issues/125)) ([73a5572](https://github.com/arco-design/arco-design-mobile/commit/73a5572961c7c2d6956c6c9406e486412b99e1c8))
+
+
+
+
+
 ## [2.27.3](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.27.2...@arco-design/mobile-react@2.27.3) (2023-05-16)
 
 

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

package/cjs/form/type.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports.ValidateStatus = exports.FormInternalComponentType = void 0;
+// 注意：自动识别form关联组件的依据，请勿轻易改变代码结构
+// Notice: Automatically identify the basis of the associated component of the form, DO NOT change the code structure.
 var FormInternalComponentType;
 exports.FormInternalComponentType = FormInternalComponentType;
 

package/cjs/index-bar/utils.js

@@ -8,13 +8,11 @@ exports.isValidIndex = isValidIndex;
 
 var _react = require("react");
 
-var _group = require("./group");
-
 function filterValidIndexBarChild(children) {
   var validChildren = [];
 
   _react.Children.forEach(children, function (child) {
-    if (! /*#__PURE__*/(0, _react.isValidElement)(child) || child.type !== _group.IndexBarGroup) {
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
       console.warn('<IndexBar /> only accept <IndexBar.Group /> as the children');
       return;
     }

package/cjs/show-monitor/index.js

@@ -232,8 +232,9 @@ var ShowMonitor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onOnceEmittedListeners[key] = [];
   }, []);
 
-  function handleCheckChildrenExist() {
-    return isChildrenExist.current && domRef.current && domRef.current.children.length;
+  function handleCheckChildrenExist(target) {
+    var dom = target || domRef.current;
+    return isChildrenExist.current && (dom == null ? void 0 : dom.children.length);
   }
 
   function handleObserverStatusChange(entries) {
@@ -253,7 +254,7 @@ var ShowMonitor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
          * @en Callback when the visible status of current element changes before the comparison
          */
 
-        isIntersecting !== curVisible && handleCheckChildrenExist() && onCompVisibleChange(isIntersecting, target);
+        isIntersecting !== curVisible && handleCheckChildrenExist(target) && onCompVisibleChange(isIntersecting, target);
         /**
          * 当前元素状态由不可见变为可见，且只触发一次
          * @en The current element is invisible -> visible, and once, triggers the callback

package/dist/index.js

@@ -12507,6 +12507,8 @@
       layout: 'horizontal'
     });
 
+    // 注意：自动识别form关联组件的依据，请勿轻易改变代码结构
+    // Notice: Automatically identify the basis of the associated component of the form, DO NOT change the code structure.
     var FormInternalComponentType;
 
     (function (FormInternalComponentType) {
@@ -15413,8 +15415,9 @@
         onOnceEmittedListeners[key] = [];
       }, []);
 
-      function handleCheckChildrenExist() {
-        return isChildrenExist.current && domRef.current && domRef.current.children.length;
+      function handleCheckChildrenExist(target) {
+        var dom = target || domRef.current;
+        return isChildrenExist.current && (dom === null || dom === void 0 ? void 0 : dom.children.length);
       }
 
       function handleObserverStatusChange(entries) {
@@ -15434,7 +15437,7 @@
              * @en Callback when the visible status of current element changes before the comparison
              */
 
-            isIntersecting !== curVisible && handleCheckChildrenExist() && onCompVisibleChange(isIntersecting, target);
+            isIntersecting !== curVisible && handleCheckChildrenExist(target) && onCompVisibleChange(isIntersecting, target);
             /**
              * 当前元素状态由不可见变为可见，且只触发一次
              * @en The current element is invisible -> visible, and once, triggers the callback
@@ -21045,7 +21048,7 @@
     function filterValidIndexBarChild(children) {
       var validChildren = [];
       React.Children.forEach(children, function (child) {
-        if (! /*#__PURE__*/React.isValidElement(child) || child.type !== IndexBarGroup) {
+        if (! /*#__PURE__*/React.isValidElement(child)) {
           console.warn('<IndexBar /> only accept <IndexBar.Group /> as the children');
           return;
         }