@arco-design/mobile-react 2.29.3 → 2.29.4

package/esm/picker/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
-import React, { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react';
+import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
 import { cls, componentWrapper, nextTick } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import Popup from '../popup';
 import PickerView from '../picker-view';
-import { useListenResize } from '../_helpers';
+import { useLatestRef, useListenResize } from '../_helpers';
 export * from './type';
 export { MultiPicker, PickerCell, Cascader } from '../picker-view';
 var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -46,10 +46,7 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
-  var _useState = useState(value),
-      scrollValue = _useState[0],
-      setScrollValue = _useState[1];
-
+  var scrollValueRef = useLatestRef(value);
   var domRef = useRef(null);
   var pickerViewRef = useRef(null);
   useImperativeHandle(ref, function () {
@@ -100,7 +97,7 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
     nextTick(function () {
       var _pickerViewRef$curren7;
 
-      var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue || [];
+      var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValueRef.current || [];
 
       if (onOk) {
         onOk(val);
@@ -116,9 +113,6 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   };
 
-  useEffect(function () {
-    setScrollValue(value);
-  }, [value, setScrollValue]);
   useListenResize(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
 
   function updateLayoutByVisible() {

package/esm/picker-view/components/cascader.d.ts

@@ -18,6 +18,7 @@ export interface CascaderProps {
 export interface CascaderRef {
     getCellMovingStatus: () => PickerCellMovingStatus[];
     scrollToCurrentIndex: () => void;
+    getAllCellsValue: () => ValueType[];
 }
 declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<CascaderRef>>;
 export default Cascader;

package/esm/picker-view/components/cascader.js

@@ -21,7 +21,8 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return {
       getCellMovingStatus: getCellMovingStatus,
-      scrollToCurrentIndex: scrollToCurrentIndex
+      scrollToCurrentIndex: scrollToCurrentIndex,
+      getAllCellsValue: getAllCellsValue
     };
   });
 
@@ -37,6 +38,12 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }
 
+  function getAllCellsValue() {
+    return pickerCellsRef.current.map(function (cell) {
+      return cell.getCurrentCellValue();
+    });
+  }
+
   function _onValueChange(value, index, newData) {
     var children = arrayTreeFilter(data, function (item, level) {
       return level <= index && item.value === value[level];

package/esm/picker-view/components/picker-cell.d.ts

@@ -21,6 +21,7 @@ export interface PickerCellProps {
 export interface PickerCellRef {
     movingStatus: PickerCellMovingStatus;
     scrollToCurrentIndex: () => void;
+    getCurrentCellValue: () => ValueType;
 }
 declare const PickerCell: React.ForwardRefExoticComponent<PickerCellProps & React.RefAttributes<PickerCellRef>>;
 export default PickerCell;

package/esm/picker-view/components/picker-cell.js

@@ -283,6 +283,12 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
     _scrollToIndexWithChange(nowIndex, 0);
   }
 
+  function getCurrentCellValue() {
+    var _data$currentIndex;
+
+    return currentValue || ((_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value);
+  }
+
   function _clearTimer() {
     timeRef.current && clearTimeout(timeRef.current);
     timeRef.current = null;
@@ -347,7 +353,8 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return {
       movingStatus: movingStatusRef.current,
-      scrollToCurrentIndex: scrollToCurrentIndex
+      scrollToCurrentIndex: scrollToCurrentIndex,
+      getCurrentCellValue: getCurrentCellValue
     };
   });
   return !hideEmptyCols || data && data.length ? /*#__PURE__*/React.createElement("div", {

package/esm/picker-view/index.js

@@ -5,7 +5,7 @@ import { ContextLayout } from '../context-provider';
 import MultiPicker from '../picker-view/components/multi-picker';
 import PickerCell from '../picker-view/components/picker-cell';
 import Cascader from '../picker-view/components/cascader';
-import { useLatestRef, useMountedState } from '../_helpers';
+import { useMountedState } from '../_helpers';
 export * from './type';
 export { MultiPicker, PickerCell, Cascader };
 var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -45,7 +45,6 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
   var wrapperRef = useRef(null);
   var domRef = useRef(null);
   var barRef = useRef(null);
-  var scrollValueRef = useLatestRef(scrollValue);
   var pickerCellsRef = useRef([]);
   var cascaderRef = 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.
@@ -87,32 +86,39 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [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/esm/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/esm/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/esm/tabs/index.js

@@ -171,6 +171,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   var touchStartXRef = useRef(0);
   var touchStartYRef = useRef(0);
   var touchStartTimeRef = useRef(0);
+  var touchMovedRef = useRef(false);
   var scrollingRef = useRef(null);
   var touchStoppedRef = useRef(false);
   var changeFromRef = useRef('');
@@ -264,6 +265,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     }
 
     touchStartedRef.current = true;
+    touchMovedRef.current = false;
     setCellTrans(false);
     setPaneTrans(false);
     var evt = e.touches[0];
@@ -291,6 +293,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       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系统
@@ -357,7 +360,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       cellRef.current && cellRef.current.scrollToCenter();
     }
 
-    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current) {
+    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current || !touchMovedRef.current) {
       return;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.29.3",
+    "version": "2.29.4",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "2.16.6",
+        "@arco-design/mobile-utils": "2.16.7",
         "@arco-design/transformable": "^1.0.0",
         "lodash.throttle": "^4.1.1",
         "resize-observer-polyfill": "^1.5.1"
@@ -49,5 +49,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "91a7490bc2dd677acfa7c064946ff83dccab4196"
+    "gitHead": "102b5dcc89375c9d6d47d230fa1cdd219ca10c19"
 }

package/tokens/app/arcodesign/default/css-variables.less

@@ -678,6 +678,8 @@
     --search-bar-input-placeholder-color: var(--disabled-color);
     --search-bar-prefix-margin-right: ~`pxtorem(9)`;
     --search-bar-clear-icon-color: #C9CDD4;
+    --search-bar-clear-icon-font-size: 16PX;
+    --search-bar-clear-icon-padding-left: ~`pxtorem(16)`;
     --search-bar-search-icon-color: #86909C;
     --search-bar-search-icon-font-size: ~`pxtorem(16)`;
     --search-bar-cancel-btn-color: var(--primary-color);

package/tokens/app/arcodesign/default/index.d.ts

@@ -677,6 +677,8 @@ export interface ArcodesignToken extends Record<string, string> {
     'search-bar-input-placeholder-color': string;
     'search-bar-prefix-margin-right': string;
     'search-bar-clear-icon-color': string;
+    'search-bar-clear-icon-font-size': string;
+    'search-bar-clear-icon-padding-left': string;
     'search-bar-search-icon-color': string;
     'search-bar-search-icon-font-size': string;
     'search-bar-cancel-btn-color': string;

package/tokens/app/arcodesign/default/index.js

@@ -689,6 +689,8 @@ var tokens = {
   "search-bar-input-placeholder-color": "var(--disabled-color)",
   "search-bar-prefix-margin-right": "0.18rem",
   "search-bar-clear-icon-color": "#C9CDD4",
+  "search-bar-clear-icon-font-size": "16PX",
+  "search-bar-clear-icon-padding-left": "0.32rem",
   "search-bar-search-icon-color": "#86909C",
   "search-bar-search-icon-font-size": "0.32rem",
   "search-bar-cancel-btn-color": "var(--primary-color)",

package/tokens/app/arcodesign/default/index.json

@@ -6473,6 +6473,30 @@
             "en": "Color of SearchBar clear icon"
         }
     },
+    "searchBarClearIconFontSize": {
+        "cssKey": "search-bar-clear-icon-font-size",
+        "desc": "搜索栏清除按钮的大小",
+        "override": "",
+        "value": "16PX",
+        "jsValue": "16PX",
+        "staticValue": "16PX",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮的大小",
+            "en": "Size of SearchBar clear icon"
+        }
+    },
+    "searchBarClearIconPaddingLeft": {
+        "cssKey": "search-bar-clear-icon-padding-left",
+        "desc": "搜索栏清除按钮与输入框间距",
+        "override": "",
+        "value": "~`pxtorem(16)`",
+        "jsValue": "@getRem@16",
+        "staticValue": "0.32rem",
+        "localeDesc": {
+            "ch": "搜索栏清除按钮与输入框间距",
+            "en": "Padding left of SearchBar clear icon"
+        }
+    },
     "searchBarInputCaretColor": {
         "cssKey": "search-bar-input-caret-color",
         "desc": "搜索输入框光标颜色",

package/tokens/app/arcodesign/default/index.less

@@ -677,6 +677,8 @@
 @search-bar-input-placeholder-color: @disabled-color;
 @search-bar-prefix-margin-right: ~`pxtorem(9)`;
 @search-bar-clear-icon-color: #C9CDD4;
+@search-bar-clear-icon-font-size: 16PX;
+@search-bar-clear-icon-padding-left: ~`pxtorem(16)`;
 @search-bar-search-icon-color: #86909C;
 @search-bar-search-icon-font-size: ~`pxtorem(16)`;
 @search-bar-cancel-btn-color: @primary-color;

package/umd/load-more/index.d.ts

@@ -107,6 +107,12 @@ export interface LoadMoreProps {
      * @default true
      */
     getDataAtFirst?: boolean;
+    /**
+     * 当 getDataAtFirst === false 且数据不满一屏时是否触发一次请求，trigger=scroll时有效
+     * @en Whether to trigger a request when getDataAtFirst === false and the data is not full of one screen, valid when trigger=scroll
+     * @default false
+     */
+    getDataWhenNoScrollAtFirst?: boolean;
     /**
      * 状态改变时回调
      * @en Callback when state changes

package/umd/load-more/index.js

@@ -60,7 +60,9 @@
         blockWhenLoading = _props$blockWhenLoadi === void 0 ? true : _props$blockWhenLoadi,
         onStatusChange = props.onStatusChange,
         onClick = props.onClick,
-        onEndReached = props.onEndReached;
+        onEndReached = props.onEndReached,
+        _props$getDataWhenNoS = props.getDataWhenNoScrollAtFirst,
+        getDataWhenNoScrollAtFirst = _props$getDataWhenNoS === void 0 ? false : _props$getDataWhenNoS;
     var domRef = (0, _react.useRef)(null);
     var requestAtFirst = trigger === 'scroll' ? getDataAtFirst : false;
 
@@ -105,10 +107,14 @@
       }
     }, [nowStatus]);
     (0, _react.useEffect)(function () {
-      if (requestAtFirst && !disabled) {
-        if (statusRef.current === 'prepare') {
+      if (requestAtFirst) {
+        if (statusRef.current === 'prepare' && !disabled) {
           triggerGetData('requestAtFirst');
         }
+      } else {
+        if (trigger === 'scroll' && nowStatus === 'prepare' && checkNeedTrigger(0, threshold) && !disabled && getDataWhenNoScrollAtFirst) {
+          triggerGetData('pageEnd');
+        }
       }
     }, [trigger, disabled]);
     var handleContainerScroll = (0, _react.useCallback)(function () {

package/umd/picker/index.js

@@ -78,11 +78,7 @@
         _props$gestureOutOfCo = props.gestureOutOfControl,
         gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
         otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
-    var _useState = (0, _react.useState)(value),
-        scrollValue = _useState[0],
-        setScrollValue = _useState[1];
-
+    var scrollValueRef = (0, _helpers.useLatestRef)(value);
     var domRef = (0, _react.useRef)(null);
     var pickerViewRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
@@ -133,7 +129,7 @@
       (0, _mobileUtils.nextTick)(function () {
         var _pickerViewRef$curren7;
 
-        var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue || [];
+        var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValueRef.current || [];
 
         if (onOk) {
           onOk(val);
@@ -149,9 +145,6 @@
       });
     };
 
-    (0, _react.useEffect)(function () {
-      setScrollValue(value);
-    }, [value, setScrollValue]);
     (0, _helpers.useListenResize)(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
 
     function updateLayoutByVisible() {

package/umd/picker-view/components/cascader.d.ts

@@ -18,6 +18,7 @@ export interface CascaderProps {
 export interface CascaderRef {
     getCellMovingStatus: () => PickerCellMovingStatus[];
     scrollToCurrentIndex: () => void;
+    getAllCellsValue: () => ValueType[];
 }
 declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<CascaderRef>>;
 export default Cascader;

package/umd/picker-view/components/cascader.js

@@ -44,7 +44,8 @@
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         getCellMovingStatus: getCellMovingStatus,
-        scrollToCurrentIndex: scrollToCurrentIndex
+        scrollToCurrentIndex: scrollToCurrentIndex,
+        getAllCellsValue: getAllCellsValue
       };
     });
 
@@ -60,6 +61,12 @@
       });
     }
 
+    function getAllCellsValue() {
+      return pickerCellsRef.current.map(function (cell) {
+        return cell.getCurrentCellValue();
+      });
+    }
+
     function _onValueChange(value, index, newData) {
       var children = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
         return level <= index && item.value === value[level];

package/umd/picker-view/components/picker-cell.d.ts

@@ -21,6 +21,7 @@ export interface PickerCellProps {
 export interface PickerCellRef {
     movingStatus: PickerCellMovingStatus;
     scrollToCurrentIndex: () => void;
+    getCurrentCellValue: () => ValueType;
 }
 declare const PickerCell: React.ForwardRefExoticComponent<PickerCellProps & React.RefAttributes<PickerCellRef>>;
 export default PickerCell;

package/umd/picker-view/components/picker-cell.js

@@ -305,6 +305,12 @@
       _scrollToIndexWithChange(nowIndex, 0);
     }
 
+    function getCurrentCellValue() {
+      var _data$currentIndex;
+
+      return currentValue || ((_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value);
+    }
+
     function _clearTimer() {
       timeRef.current && clearTimeout(timeRef.current);
       timeRef.current = null;
@@ -369,7 +375,8 @@
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         movingStatus: movingStatusRef.current,
-        scrollToCurrentIndex: scrollToCurrentIndex
+        scrollToCurrentIndex: scrollToCurrentIndex,
+        getCurrentCellValue: getCurrentCellValue
       };
     });
     return !hideEmptyCols || data && data.length ? /*#__PURE__*/_react.default.createElement("div", {