@arco-design/mobile-react 2.29.3 → 2.29.4

package/umd/picker-view/index.js

@@ -78,7 +78,6 @@
     var wrapperRef = (0, _react.useRef)(null);
     var domRef = (0, _react.useRef)(null);
     var barRef = (0, _react.useRef)(null);
-    var scrollValueRef = (0, _helpers.useLatestRef)(scrollValue);
     var pickerCellsRef = (0, _react.useRef)([]);
     var cascaderRef = (0, _react.useRef)(null); // itemStyle height 同时对 selection-bar 生效，这里不单独抛出 selection-bar 的高度设置属性
     // @en The height of itemStyle applies to the selection-bar as well, without separately exposing the height setting property for the selection-bar.
@@ -120,32 +119,39 @@
     }, [data]);
 
     var getAllColumnValues = function getAllColumnValues() {
-      return scrollValueRef.current || [];
+      var _cascaderRef$current;
+
+      var curValues = cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getAllCellsValue()) || [] : pickerCellsRef.current.map(function (cell) {
+        return cell.getCurrentCellValue();
+      }); // 移除级联带来的空列值，理论上非首尾列不会有空值
+      // @en Remove empty values from cascader
+
+      return curValues.filter(function (v) {
+        return v;
+      });
     };
 
     function getColumnValue(index) {
-      var _scrollValueRef$curre;
-
       if (index === void 0) {
         index = 0;
       }
 
-      return (_scrollValueRef$curre = scrollValueRef.current) == null ? void 0 : _scrollValueRef$curre[index];
+      return getAllColumnValues()[index];
     }
 
     function getCellMovingStatus() {
-      var _cascaderRef$current;
+      var _cascaderRef$current2;
 
-      return cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
+      return cascade ? ((_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
         return cell.movingStatus;
       });
     }
 
     function scrollToCurrentIndex() {
       if (cascade) {
-        var _cascaderRef$current2;
+        var _cascaderRef$current3;
 
-        (_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.scrollToCurrentIndex();
+        (_cascaderRef$current3 = cascaderRef.current) == null ? void 0 : _cascaderRef$current3.scrollToCurrentIndex();
         return;
       }
 

package/umd/search-bar/style/css/index.css

@@ -75,6 +75,8 @@
 }
 .arco-search-bar-clear {
   color:  #C9CDD4 ;
+  font-size:  16PX ;
+  padding-left:  0.32rem ;
 }
 .arco-search-bar-search-icon {
   color:  #86909C ;

package/umd/search-bar/style/index.less

@@ -1,112 +1,114 @@
 @import '../../../style/mixin.less';
 
 .@{prefix}-search-bar {
-  &-container {
-    display: flex;
-    align-items: center;
-    position: relative;
-    .use-var(padding, search-bar-padding);
-    .use-var(background-color, search-bar-background-color);
-  }
-  &-square {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-square-shape-border-radius);
+    &-container {
+        display: flex;
+        align-items: center;
+        position: relative;
+        .use-var(padding, search-bar-padding);
+        .use-var(background-color, search-bar-background-color);
     }
-  }
-  &-round {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-round-shape-border-radius);
+    &-square {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-square-shape-border-radius);
+        }
     }
-  }
-  &-wrap {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    .use-var(height, search-bar-input-wrapper-height);
-    .use-var(font-size, search-bar-input-wrapper-font-size);
-    .use-var(padding, search-bar-input-wrapper-padding);
-    .use-var(background-color, search-bar-input-wrapper-background-color);
-  }
-  &-input {
-    flex: 1;
-    background-color: transparent;
-    .use-var(height, search-bar-input-height);
-    .use-var(caret-color, search-bar-input-caret-color);
-    &-left {
-      text-align: left;
+    &-round {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-round-shape-border-radius);
+        }
     }
-    &-right {
-      text-align: right;
-    }
-    &-center {
-      text-align: center;
+    &-wrap {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        .use-var(height, search-bar-input-wrapper-height);
+        .use-var(font-size, search-bar-input-wrapper-font-size);
+        .use-var(padding, search-bar-input-wrapper-padding);
+        .use-var(background-color, search-bar-input-wrapper-background-color);
     }
+    &-input {
+        flex: 1;
+        background-color: transparent;
+        .use-var(height, search-bar-input-height);
+        .use-var(caret-color, search-bar-input-caret-color);
+        &-left {
+            text-align: left;
+        }
+        &-right {
+            text-align: right;
+        }
+        &-center {
+            text-align: center;
+        }
+
+        &::placeholder {
+            .use-var(color, search-bar-input-placeholder-color);
+        }
 
-    &::placeholder {
-      .use-var(color, search-bar-input-placeholder-color);
+        &::-webkit-search-decoration,
+        &::-webkit-search-cancel-button {
+            display: none;
+        }
     }
 
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button {
-      display: none;
+    &-prefix,
+    &-suffix,
+    &-clear {
+        align-items: center;
+        justify-content: center;
+        display: flex;
     }
-  }
 
-  &-prefix,
-  &-suffix,
-  &-clear {
-    align-items: center;
-    justify-content: center;
-    display: flex;
-  }
+    &-prefix {
+        .use-var(margin-right, search-bar-prefix-margin-right);
+    }
 
-  &-prefix {
-    .use-var(margin-right, search-bar-prefix-margin-right);
-  }
+    &-clear {
+        .use-var(color, search-bar-clear-icon-color);
+        .use-var(font-size, search-bar-clear-icon-font-size);
+        .use-var(padding-left, search-bar-clear-icon-padding-left);
+    }
 
-  &-clear {
-    .use-var(color, search-bar-clear-icon-color);
-  }
+    &-search-icon {
+        .use-var(color, search-bar-search-icon-color);
+        .use-var(font-size, search-bar-search-icon-font-size);
+    }
 
-  &-search-icon {
-    .use-var(color, search-bar-search-icon-color);
-    .use-var(font-size, search-bar-search-icon-font-size);
-  }
+    &-cancel-btn {
+        .use-var(margin-left, search-bar-cancel-btn-margin-left);
+        .use-var(color, search-bar-cancel-btn-color);
+        .use-var(font-size, search-bar-cancel-btn-font-size);
+    }
 
-  &-cancel-btn {
-    .use-var(margin-left, search-bar-cancel-btn-margin-left);
-    .use-var(color, search-bar-cancel-btn-color);
-    .use-var(font-size, search-bar-cancel-btn-font-size);
-  }
+    &-association {
+        position: absolute;
+        left: 0;
+        right: 0;
+        .use-var(background-color, search-bar-association-background-color);
+        top: 100%;
+        display: none;
 
-  &-association {
-    position: absolute;
-    left: 0;
-    right: 0;
-    .use-var(background-color, search-bar-association-background-color);
-    top: 100%;
-    display: none;
+        &-visible {
+            display: block;
+        }
 
-    &-visible {
-      display: block;
-    }
+        &-item {
+            .use-var(height, search-bar-association-item-height);
+            display: flex;
+            align-items: center;
+            position: relative;
+            .use-var(color, search-bar-association-item-color);
+            .use-var(padding, search-bar-association-item-padding);
+            .use-var(font-size, search-bar-association-item-font-size);
 
-    &-item {
-      .use-var(height, search-bar-association-item-height);
-      display: flex;
-      align-items: center;
-      position: relative;
-      .use-var(color, search-bar-association-item-color);
-      .use-var(padding, search-bar-association-item-padding);
-      .use-var(font-size, search-bar-association-item-font-size);
-      
-      &:not(:last-child) {
-        .onepx-border-var(bottom, line-color);
-      }
+            &:not(:last-child) {
+                .onepx-border-var(bottom, line-color);
+            }
 
-      &-highlight {
-        .use-var(color, search-bar-association-item-highlight-color)
-      }
+            &-highlight {
+                .use-var(color, search-bar-association-item-highlight-color)
+            }
+        }
     }
-  }
-}
+}

package/umd/tabs/index.js

@@ -197,6 +197,7 @@
     var touchStartXRef = (0, _react.useRef)(0);
     var touchStartYRef = (0, _react.useRef)(0);
     var touchStartTimeRef = (0, _react.useRef)(0);
+    var touchMovedRef = (0, _react.useRef)(false);
     var scrollingRef = (0, _react.useRef)(null);
     var touchStoppedRef = (0, _react.useRef)(false);
     var changeFromRef = (0, _react.useRef)('');
@@ -290,6 +291,7 @@
       }
 
       touchStartedRef.current = true;
+      touchMovedRef.current = false;
       setCellTrans(false);
       setPaneTrans(false);
       var evt = e.touches[0];
@@ -317,6 +319,7 @@
         return;
       }
 
+      touchMovedRef.current = true;
       var evt = e.changedTouches[0];
       var touchMoveX = evt.clientX || 0;
       var touchMoveY = evt.clientY || 0; // bugfix: 兼容safari在右滑返回上一页时clientX为负值的情况，安卓有折叠屏，触点会有超出屏幕(clientX < 0)的情况，因此这里限定ios系统
@@ -383,7 +386,7 @@
         cellRef.current && cellRef.current.scrollToCenter();
       }
 
-      if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current) {
+      if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current || !touchMovedRef.current) {
         return;
       }