@arco-design/mobile-react 2.29.3 → 2.29.5

package/umd/image-picker/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "./type"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "../_helpers", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("es6-promise"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../icon"), require("../image"), require("../grid"), require("./add-icon"), require("./type"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("es6-promise"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../icon"), require("../image"), require("../grid"), require("./add-icon"), require("../_helpers"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.es6Promise, global.mobileUtils, global.contextProvider, global.icon, global.image, global.grid, global.addIcon, global.type);
+    factory(mod.exports, global._extends, global.react, global.es6Promise, global.mobileUtils, global.contextProvider, global.icon, global.image, global.grid, global.addIcon, global._helpers, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _es6Promise, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _es6Promise, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _helpers, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -78,7 +78,7 @@
         onDeleteClick = props.onDeleteClick;
     var domRef = (0, _react.useRef)(null);
     var fileRef = (0, _react.useRef)(null);
-    var cacheRef = (0, _react.useRef)([]);
+    var cacheRef = (0, _helpers.useLatestRef)(images);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
@@ -145,7 +145,7 @@
             file: files[index]
           };
         });
-        cacheRef.current = [].concat(images, res);
+        cacheRef.current = [].concat(cacheRef.current, res);
         onChange([].concat(cacheRef.current)); // 执行upload
 
         if (typeof upload === 'function') {
@@ -158,15 +158,21 @@
                 var file = _ref2.file;
                 return file === _file;
               });
-              cacheRef.current[index] = (0, _extends2.default)({}, cacheRef.current[index], data, {
-                status: undefined
-              });
+
+              if (index !== -1) {
+                cacheRef.current[index] = (0, _extends2.default)({}, cacheRef.current[index], data, {
+                  status: undefined
+                });
+              }
             }).catch(function () {
               var index = cacheRef.current.findIndex(function (_ref3) {
                 var file = _ref3.file;
                 return file === _file;
               });
-              cacheRef.current[index].status = 'error';
+
+              if (index !== -1) {
+                cacheRef.current[index].status = 'error';
+              }
             }).finally(function () {
               onChange([].concat(cacheRef.current));
             });

package/umd/image-preview/index.d.ts

@@ -274,9 +274,9 @@ declare const _default: React.ForwardRefExoticComponent<ImagePreviewProps & Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "loadingArea" | "onClose" | "fit" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "loadingArea" | "onClose" | "fit" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
     };
 };
 /**

package/umd/image-preview/index.js

@@ -652,9 +652,11 @@
 
 
     function setImagesStatusByIndex(index, data) {
-      var newStatus = imagesStatusRef.current.slice();
-      newStatus[index] = (0, _extends5.default)({}, newStatus[index] || {}, data);
-      setImagesStatus(newStatus);
+      setImagesStatus(function (current) {
+        var newStatus = current.slice();
+        newStatus[index] = (0, _extends5.default)({}, newStatus[index] || {}, data);
+        return newStatus;
+      });
     }
     /**
      * 缩略图放大过渡动画设置

package/umd/index.d.ts

@@ -1,12 +1,13 @@
 export { default as Tabs } from './tabs';
 export { default as Sticky } from './sticky';
-export { default as LoadMore } from './load-more';
-export { default as Cell } from './cell';
+export { default as Portal } from './portal';
+export { default as Toast } from './toast';
 export { default as ActionSheet } from './action-sheet';
 export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Button } from './button';
 export { default as Carousel } from './carousel';
+export { default as Cell } from './cell';
 export { default as Checkbox } from './checkbox';
 export { default as CircleProgress } from './circle-progress';
 export { default as Collapse } from './collapse';
@@ -26,6 +27,7 @@ export { default as ImagePreview } from './image-preview';
 export { default as IndexBar } from './index-bar';
 export { default as Input } from './input';
 export { default as Keyboard } from './keyboard';
+export { default as LoadMore } from './load-more';
 export { default as Loading } from './loading';
 export { default as Masking } from './masking';
 export { default as NavBar } from './nav-bar';
@@ -37,14 +39,13 @@ export { default as PickerView } from './picker-view';
 export { default as Popover } from './popover';
 export { default as Popup } from './popup';
 export { default as PopupSwiper } from './popup-swiper';
-export { default as Portal } from './portal';
 export { default as Progress } from './progress';
 export { default as PullRefresh } from './pull-refresh';
 export { default as Radio } from './radio';
 export { default as Rate } from './rate';
 export { default as SearchBar } from './search-bar';
-export { default as Skeleton } from './skeleton';
 export { default as ShowMonitor } from './show-monitor';
+export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
 export { default as Stepper } from './stepper';
 export { default as Steps } from './steps';
@@ -54,5 +55,4 @@ export { default as Switch } from './switch';
 export { default as TabBar } from './tab-bar';
 export { default as Tag } from './tag';
 export { default as Textarea } from './textarea';
-export { default as Toast } from './toast';
 export { default as Transition } from './transition';

package/umd/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./tabs", "./sticky", "./load-more", "./cell", "./action-sheet", "./avatar", "./badge", "./button", "./carousel", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./dialog", "./divider", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./grid", "./image", "./image-picker", "./image-preview", "./index-bar", "./input", "./keyboard", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./search-bar", "./skeleton", "./show-monitor", "./slider", "./stepper", "./steps", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tag", "./textarea", "./toast", "./transition"], factory);
+    define(["exports", "./tabs", "./sticky", "./portal", "./toast", "./action-sheet", "./avatar", "./badge", "./button", "./carousel", "./cell", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./dialog", "./divider", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./grid", "./image", "./image-picker", "./image-preview", "./index-bar", "./input", "./keyboard", "./load-more", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./progress", "./pull-refresh", "./radio", "./rate", "./search-bar", "./show-monitor", "./skeleton", "./slider", "./stepper", "./steps", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tag", "./textarea", "./transition"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./tabs"), require("./sticky"), require("./load-more"), require("./cell"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./button"), require("./carousel"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./dialog"), require("./divider"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./grid"), require("./image"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./input"), require("./keyboard"), require("./loading"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./portal"), require("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./search-bar"), require("./skeleton"), require("./show-monitor"), require("./slider"), require("./stepper"), require("./steps"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./toast"), require("./transition"));
+    factory(exports, require("./tabs"), require("./sticky"), require("./portal"), require("./toast"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./button"), require("./carousel"), require("./cell"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./dialog"), require("./divider"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./grid"), require("./image"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./input"), require("./keyboard"), require("./load-more"), require("./loading"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./search-bar"), require("./show-monitor"), require("./skeleton"), require("./slider"), require("./stepper"), require("./steps"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./transition"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.tabs, global.sticky, global.loadMore, global.cell, global.actionSheet, global.avatar, global.badge, global.button, global.carousel, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.dialog, global.divider, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.grid, global.image, global.imagePicker, global.imagePreview, global.indexBar, global.input, global.keyboard, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.portal, global.progress, global.pullRefresh, global.radio, global.rate, global.searchBar, global.skeleton, global.showMonitor, global.slider, global.stepper, global.steps, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tag, global.textarea, global.toast, global.transition);
+    factory(mod.exports, global.tabs, global.sticky, global.portal, global.toast, global.actionSheet, global.avatar, global.badge, global.button, global.carousel, global.cell, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.dialog, global.divider, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.grid, global.image, global.imagePicker, global.imagePreview, global.indexBar, global.input, global.keyboard, global.loadMore, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.progress, global.pullRefresh, global.radio, global.rate, global.searchBar, global.showMonitor, global.skeleton, global.slider, global.stepper, global.steps, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tag, global.textarea, global.transition);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _tabs, _sticky, _loadMore, _cell, _actionSheet, _avatar, _badge, _button, _carousel, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _dialog, _divider, _dropdown, _dropdownMenu, _ellipsis, _form, _grid, _image, _imagePicker, _imagePreview, _indexBar, _input, _keyboard, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _searchBar, _skeleton, _showMonitor, _slider, _stepper, _steps, _swipeAction, _swipeLoad, _switch, _tabBar, _tag, _textarea, _toast, _transition) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _tabs, _sticky, _portal, _toast, _actionSheet, _avatar, _badge, _button, _carousel, _cell, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _dialog, _divider, _dropdown, _dropdownMenu, _ellipsis, _form, _grid, _image, _imagePicker, _imagePreview, _indexBar, _input, _keyboard, _loadMore, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _progress, _pullRefresh, _radio, _rate, _searchBar, _showMonitor, _skeleton, _slider, _stepper, _steps, _swipeAction, _swipeLoad, _switch, _tabBar, _tag, _textarea, _transition) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -21,10 +21,10 @@
   _exports.Tabs = _tabs.default;
   _sticky = _interopRequireDefault(_sticky);
   _exports.Sticky = _sticky.default;
-  _loadMore = _interopRequireDefault(_loadMore);
-  _exports.LoadMore = _loadMore.default;
-  _cell = _interopRequireDefault(_cell);
-  _exports.Cell = _cell.default;
+  _portal = _interopRequireDefault(_portal);
+  _exports.Portal = _portal.default;
+  _toast = _interopRequireDefault(_toast);
+  _exports.Toast = _toast.default;
   _actionSheet = _interopRequireDefault(_actionSheet);
   _exports.ActionSheet = _actionSheet.default;
   _avatar = _interopRequireDefault(_avatar);
@@ -35,6 +35,8 @@
   _exports.Button = _button.default;
   _carousel = _interopRequireDefault(_carousel);
   _exports.Carousel = _carousel.default;
+  _cell = _interopRequireDefault(_cell);
+  _exports.Cell = _cell.default;
   _checkbox = _interopRequireDefault(_checkbox);
   _exports.Checkbox = _checkbox.default;
   _circleProgress = _interopRequireDefault(_circleProgress);
@@ -73,6 +75,8 @@
   _exports.Input = _input.default;
   _keyboard = _interopRequireDefault(_keyboard);
   _exports.Keyboard = _keyboard.default;
+  _loadMore = _interopRequireDefault(_loadMore);
+  _exports.LoadMore = _loadMore.default;
   _loading = _interopRequireDefault(_loading);
   _exports.Loading = _loading.default;
   _masking = _interopRequireDefault(_masking);
@@ -95,8 +99,6 @@
   _exports.Popup = _popup.default;
   _popupSwiper = _interopRequireDefault(_popupSwiper);
   _exports.PopupSwiper = _popupSwiper.default;
-  _portal = _interopRequireDefault(_portal);
-  _exports.Portal = _portal.default;
   _progress = _interopRequireDefault(_progress);
   _exports.Progress = _progress.default;
   _pullRefresh = _interopRequireDefault(_pullRefresh);
@@ -107,10 +109,10 @@
   _exports.Rate = _rate.default;
   _searchBar = _interopRequireDefault(_searchBar);
   _exports.SearchBar = _searchBar.default;
-  _skeleton = _interopRequireDefault(_skeleton);
-  _exports.Skeleton = _skeleton.default;
   _showMonitor = _interopRequireDefault(_showMonitor);
   _exports.ShowMonitor = _showMonitor.default;
+  _skeleton = _interopRequireDefault(_skeleton);
+  _exports.Skeleton = _skeleton.default;
   _slider = _interopRequireDefault(_slider);
   _exports.Slider = _slider.default;
   _stepper = _interopRequireDefault(_stepper);
@@ -129,8 +131,6 @@
   _exports.Tag = _tag.default;
   _textarea = _interopRequireDefault(_textarea);
   _exports.Textarea = _textarea.default;
-  _toast = _interopRequireDefault(_toast);
-  _exports.Toast = _toast.default;
   _transition = _interopRequireDefault(_transition);
   _exports.Transition = _transition.default;
 });

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 equals false and the data is not full of one screen, valid when trigger=scroll
+     * @default false
+     */
+    getDataWhenNoScrollAtFirst?: boolean;
     /**
      * 状态改变时回调
      * @en Callback when state changes
@@ -134,6 +140,11 @@ export interface LoadMoreRef {
      * @en Change component state manually
      */
     changeStatus: (status: LoadMoreStatus, scene?: string) => void;
+    /**
+     * 判断是否滚动到底部并手动触发数据获取
+     * @en Determine whether to scroll to the bottom and manually trigger data acquisition
+     */
+    getDataWithEndReachCheck: () => void;
 }
 /**
  * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。

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 () {
@@ -146,10 +152,18 @@
         }
       };
     }, [trigger, disabled, getScrollContainer, handleContainerScroll, throttle]);
+
+    var getDataWithEndReachCheck = function getDataWithEndReachCheck() {
+      if (checkNeedTrigger(0, threshold)) {
+        triggerGetData('pageEnd');
+      }
+    };
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
-        changeStatus: changeStatus
+        changeStatus: changeStatus,
+        getDataWithEndReachCheck: getDataWithEndReachCheck
       };
     }, [changeStatus]);
 

package/umd/masking/index.d.ts

@@ -205,11 +205,11 @@ declare const _default: React.ForwardRefExoticComponent<MaskingProps & React.Ref
      * @param {MaskingProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: MaskingProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
             key?: string | undefined;
         }) => void;
     };

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", {

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/popup/index.d.ts

@@ -66,11 +66,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupProps & React.RefAt
      * @param {PopupProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
             key?: string | undefined;
         }) => void;
     };

package/umd/popup-swiper/index.d.ts

@@ -76,11 +76,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "initialBodyOverflow" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
             key?: string | undefined;
         }) => void; /**
          * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件