@arco-design/mobile-react 2.29.2 → 2.29.3

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

@@ -139,6 +139,11 @@ export interface ImagePreviewProps extends Pick<CarouselProps, 'animateDurationS
      * @default "start"
      */
     indicatorPos?: CarouselProps['indicatorPos'];
+    /**
+     * 渲染自定义元素，如自定义关闭按钮
+     * @en Render custom elements such as custom close buttons
+     */
+    extra?: ReactNode;
     /**
      * 图片捏合时最小缩放倍数，松手后仍会恢复到1的状态，默认为0.7
      * @en The minimum zoom factor when the image is pinched, it will still return to the state of 1 after letting go, the default is 0.7
@@ -269,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" | "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" | "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) => {
         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" | "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" | "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;
     };
 };
 /**

package/esm/image-preview/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["style", "className", "images", "loop", "openIndex", "fit", "noselect", "displayDuration", "spaceBetween", "showLoading", "loadingArea", "errorArea", "showError", "retryTime", "staticLabel", "replaceFallbackWhenLoaded", "scrollBezier", "lazyloadCount", "swipeToClose", "getMinScale", "getMaxScale", "getDoubleClickScale", "getContainer", "getThumbBounds", "renderIndicator", "onChange", "onAfterChange", "onImageClick", "onImageDoubleClick", "onImageLongTap", "close", "onClose", "onTouchStart", "onTouchMove", "onTouchEnd", "indicatorPos"];
+var _excluded = ["style", "className", "images", "loop", "openIndex", "fit", "noselect", "displayDuration", "spaceBetween", "showLoading", "loadingArea", "errorArea", "showError", "retryTime", "staticLabel", "replaceFallbackWhenLoaded", "scrollBezier", "lazyloadCount", "swipeToClose", "extra", "getMinScale", "getMaxScale", "getDoubleClickScale", "getContainer", "getThumbBounds", "renderIndicator", "onChange", "onAfterChange", "onImageClick", "onImageDoubleClick", "onImageLongTap", "close", "onClose", "onTouchStart", "onTouchMove", "onTouchEnd", "indicatorPos"];
 import React, { useRef, forwardRef, useImperativeHandle, useEffect, useState } from 'react';
 import { nextTick, componentWrapper, preventEleScroll, freeEleScroll, cls } from '@arco-design/mobile-utils';
 import TransformAble from '@arco-design/transformable';
@@ -45,6 +45,7 @@ var ImagePreview = /*#__PURE__*/forwardRef(function (props, ref) {
       lazyloadCount = _props$lazyloadCount === void 0 ? 1 : _props$lazyloadCount,
       _props$swipeToClose = props.swipeToClose,
       swipeToClose = _props$swipeToClose === void 0 ? true : _props$swipeToClose,
+      extra = props.extra,
       getMinScale = props.getMinScale,
       getMaxScale = props.getMaxScale,
       getDoubleClickScale = props.getDoubleClickScale,
@@ -70,7 +71,6 @@ var ImagePreview = /*#__PURE__*/forwardRef(function (props, ref) {
   var imagesRef = useRef([]);
   var carouselRef = useRef(null);
   var transformersRef = useRef([]);
-  var dblTimerRef = useRef(null);
   var longTimerRef = useRef(null);
   var transImageRef = useRef(null);
   var imageDomsRef = useRef([]);
@@ -554,17 +554,15 @@ var ImagePreview = /*#__PURE__*/forwardRef(function (props, ref) {
   function handleImageClick(e) {
     if (movedRef.current) {
       return;
-    } // 300ms内再次点击则触发doubleClick，否则触发click
-    // @en Click again within 300ms to trigger doubleClick, otherwise trigger click
+    } // 如果正在触发doubleClick就不触发click
+    // @en If doubleClick is being triggered, click will not be triggered
 
 
-    dblTimerRef.current = window.setTimeout(function () {
-      if (!dblClickingRef.current) {
-        if (!onImageClick || !onImageClick(innerIndexRef.current, e)) {
-          goClose(e);
-        }
+    if (!dblClickingRef.current) {
+      if (!onImageClick || !onImageClick(innerIndexRef.current, e)) {
+        goClose(e);
       }
-    }, 300);
+    }
   }
 
   function handleImageDoubleClick(e) {
@@ -574,12 +572,6 @@ var ImagePreview = /*#__PURE__*/forwardRef(function (props, ref) {
     }
 
     dblClickingRef.current = true;
-
-    if (dblTimerRef.current) {
-      clearTimeout(dblTimerRef.current);
-      dblTimerRef.current = null;
-    }
-
     var index = innerIndexRef.current;
     onImageDoubleClick && onImageDoubleClick(index, e); // 双击时根据配置放大或缩小
     // @en Zoom in or out according to configuration when double-clicking
@@ -972,7 +964,7 @@ var ImagePreview = /*#__PURE__*/forwardRef(function (props, ref) {
         onLoad: transImageInfo.onLoad,
         onError: transImageInfo.onError
       };
-    })) : null)), transImageInfo ? /*#__PURE__*/React.createElement("div", {
+    })) : null, extra)), transImageInfo ? /*#__PURE__*/React.createElement("div", {
       className: "image-preview-lock-modal",
       onClick: goClose
     }) : null);

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

@@ -193,9 +193,9 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
 
   function momentum(current, start, duration, minY, maxY) {
     var durationMap = {
-      noBounce: 2000,
-      weekBounce: 500,
-      strongBounce: 300
+      noBounce: 400,
+      weekBounce: 100,
+      strongBounce: 75
     };
     var bezierMap = {
       noBounce: 'cubic-bezier(.17, .89, .45, 1)',
@@ -254,7 +254,7 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
     var absDistY = Math.abs(transformY - lastTransformY); // 计算动量，保证滚动顺畅，条件：手势时间小于300ms && 移动距离绝对值大于30时
     // @en Calculate the momentum to ensure smooth scrolling, condition: the gesture time is less than 300ms && the absolute value of the moving distance is greater than 30
 
-    if (duration < 300 && absDistY > 30) {
+    if (duration < 300 && absDistY > 90) {
       var momentumY = momentum(transformY, lastTransformY, duration, wrapperHeight - scrollerHeight, 0);
       var newItemIndex = Math.max(0, Math.min(data.length - 1, Math.round(-1 * momentumY.destination / itemHeight)));
       setBezier(momentumY.bezier);

package/esm/picker-view/index.js

@@ -47,7 +47,14 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
   var barRef = useRef(null);
   var scrollValueRef = useLatestRef(scrollValue);
   var pickerCellsRef = useRef([]);
-  var cascaderRef = useRef(null);
+  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.
+
+  var selectionBarHeight = useMemo(function () {
+    return itemStyle != null && itemStyle.height ? {
+      height: itemStyle.height
+    } : {};
+  }, [itemStyle]);
   var innerData = useMemo(function () {
     var newData;
 
@@ -218,7 +225,8 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
       className: prefixCls + "-picker-selection-mask " + prefixCls + "-picker-selection-mask-top"
     }), /*#__PURE__*/React.createElement("div", {
       ref: barRef,
-      className: prefixCls + "-picker-selection-bar"
+      className: prefixCls + "-picker-selection-bar",
+      style: selectionBarHeight
     }), /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-picker-selection-mask " + prefixCls + "-picker-selection-mask-bottom"
     })));

package/esm/popover/menu.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["menu", "menuLayout", "onSelect", "onClickMenuItem", "className", "useClickStatus", "clickStatusDuration", "clickSelfToClose", "touchSelfToClose", "defaultVisible", "visible", "onChange"];
 import { cls } from '@arco-design/mobile-utils';
-import React, { useContext, useMemo, useState, useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
+import React, { useContext, useMemo, useState, useRef, forwardRef, useImperativeHandle } from 'react';
 import { GlobalContext } from '../context-provider';
+import { useUpdateEffect } from '../_helpers';
 export function componentGenerator(Comp) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var menu = props.menu,
@@ -51,7 +52,7 @@ export function componentGenerator(Comp) {
         visibleState = _useState2[0],
         setVisibleState = _useState2[1];
 
-    useEffect(function () {
+    useUpdateEffect(function () {
       setVisibleState(Boolean(visible));
     }, [visible]);
     var popoverRef = useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.29.2",
+    "version": "2.29.3",
     "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.5",
+        "@arco-design/mobile-utils": "2.16.6",
         "@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": "4a5d755078afe28a84d559c9c71a8eec4eab497e"
+    "gitHead": "91a7490bc2dd677acfa7c064946ff83dccab4196"
 }

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

@@ -139,6 +139,11 @@ export interface ImagePreviewProps extends Pick<CarouselProps, 'animateDurationS
      * @default "start"
      */
     indicatorPos?: CarouselProps['indicatorPos'];
+    /**
+     * 渲染自定义元素，如自定义关闭按钮
+     * @en Render custom elements such as custom close buttons
+     */
+    extra?: ReactNode;
     /**
      * 图片捏合时最小缩放倍数，松手后仍会恢复到1的状态，默认为0.7
      * @en The minimum zoom factor when the image is pinched, it will still return to the state of 1 after letting go, the default is 0.7
@@ -269,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" | "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" | "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) => {
         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" | "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" | "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;
     };
 };
 /**

package/umd/image-preview/index.js

@@ -36,7 +36,7 @@
     _exports[key] = _methods[key];
   });
   _loading = _interopRequireDefault(_loading);
-  var _excluded = ["style", "className", "images", "loop", "openIndex", "fit", "noselect", "displayDuration", "spaceBetween", "showLoading", "loadingArea", "errorArea", "showError", "retryTime", "staticLabel", "replaceFallbackWhenLoaded", "scrollBezier", "lazyloadCount", "swipeToClose", "getMinScale", "getMaxScale", "getDoubleClickScale", "getContainer", "getThumbBounds", "renderIndicator", "onChange", "onAfterChange", "onImageClick", "onImageDoubleClick", "onImageLongTap", "close", "onClose", "onTouchStart", "onTouchMove", "onTouchEnd", "indicatorPos"];
+  var _excluded = ["style", "className", "images", "loop", "openIndex", "fit", "noselect", "displayDuration", "spaceBetween", "showLoading", "loadingArea", "errorArea", "showError", "retryTime", "staticLabel", "replaceFallbackWhenLoaded", "scrollBezier", "lazyloadCount", "swipeToClose", "extra", "getMinScale", "getMaxScale", "getDoubleClickScale", "getContainer", "getThumbBounds", "renderIndicator", "onChange", "onAfterChange", "onImageClick", "onImageDoubleClick", "onImageLongTap", "close", "onClose", "onTouchStart", "onTouchMove", "onTouchEnd", "indicatorPos"];
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -74,6 +74,7 @@
         lazyloadCount = _props$lazyloadCount === void 0 ? 1 : _props$lazyloadCount,
         _props$swipeToClose = props.swipeToClose,
         swipeToClose = _props$swipeToClose === void 0 ? true : _props$swipeToClose,
+        extra = props.extra,
         getMinScale = props.getMinScale,
         getMaxScale = props.getMaxScale,
         getDoubleClickScale = props.getDoubleClickScale,
@@ -98,7 +99,6 @@
     var imagesRef = (0, _react.useRef)([]);
     var carouselRef = (0, _react.useRef)(null);
     var transformersRef = (0, _react.useRef)([]);
-    var dblTimerRef = (0, _react.useRef)(null);
     var longTimerRef = (0, _react.useRef)(null);
     var transImageRef = (0, _react.useRef)(null);
     var imageDomsRef = (0, _react.useRef)([]);
@@ -582,17 +582,15 @@
     function handleImageClick(e) {
       if (movedRef.current) {
         return;
-      } // 300ms内再次点击则触发doubleClick，否则触发click
-      // @en Click again within 300ms to trigger doubleClick, otherwise trigger click
+      } // 如果正在触发doubleClick就不触发click
+      // @en If doubleClick is being triggered, click will not be triggered
 
 
-      dblTimerRef.current = window.setTimeout(function () {
-        if (!dblClickingRef.current) {
-          if (!onImageClick || !onImageClick(innerIndexRef.current, e)) {
-            goClose(e);
-          }
+      if (!dblClickingRef.current) {
+        if (!onImageClick || !onImageClick(innerIndexRef.current, e)) {
+          goClose(e);
         }
-      }, 300);
+      }
     }
 
     function handleImageDoubleClick(e) {
@@ -602,12 +600,6 @@
       }
 
       dblClickingRef.current = true;
-
-      if (dblTimerRef.current) {
-        clearTimeout(dblTimerRef.current);
-        dblTimerRef.current = null;
-      }
-
       var index = innerIndexRef.current;
       onImageDoubleClick && onImageDoubleClick(index, e); // 双击时根据配置放大或缩小
       // @en Zoom in or out according to configuration when double-clicking
@@ -1001,7 +993,7 @@
           onLoad: transImageInfo.onLoad,
           onError: transImageInfo.onError
         };
-      })) : null)), transImageInfo ? /*#__PURE__*/_react.default.createElement("div", {
+      })) : null, extra)), transImageInfo ? /*#__PURE__*/_react.default.createElement("div", {
         className: "image-preview-lock-modal",
         onClick: goClose
       }) : null);

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

@@ -215,9 +215,9 @@
 
     function momentum(current, start, duration, minY, maxY) {
       var durationMap = {
-        noBounce: 2000,
-        weekBounce: 500,
-        strongBounce: 300
+        noBounce: 400,
+        weekBounce: 100,
+        strongBounce: 75
       };
       var bezierMap = {
         noBounce: 'cubic-bezier(.17, .89, .45, 1)',
@@ -276,7 +276,7 @@
       var absDistY = Math.abs(transformY - lastTransformY); // 计算动量，保证滚动顺畅，条件：手势时间小于300ms && 移动距离绝对值大于30时
       // @en Calculate the momentum to ensure smooth scrolling, condition: the gesture time is less than 300ms && the absolute value of the moving distance is greater than 30
 
-      if (duration < 300 && absDistY > 30) {
+      if (duration < 300 && absDistY > 90) {
         var momentumY = momentum(transformY, lastTransformY, duration, wrapperHeight - scrollerHeight, 0);
         var newItemIndex = Math.max(0, Math.min(data.length - 1, Math.round(-1 * momentumY.destination / itemHeight)));
         setBezier(momentumY.bezier);

package/umd/picker-view/index.js

@@ -80,7 +80,14 @@
     var barRef = (0, _react.useRef)(null);
     var scrollValueRef = (0, _helpers.useLatestRef)(scrollValue);
     var pickerCellsRef = (0, _react.useRef)([]);
-    var cascaderRef = (0, _react.useRef)(null);
+    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.
+
+    var selectionBarHeight = (0, _react.useMemo)(function () {
+      return itemStyle != null && itemStyle.height ? {
+        height: itemStyle.height
+      } : {};
+    }, [itemStyle]);
     var innerData = (0, _react.useMemo)(function () {
       var newData;
 
@@ -250,7 +257,8 @@
         className: prefixCls + "-picker-selection-mask " + prefixCls + "-picker-selection-mask-top"
       }), /*#__PURE__*/_react.default.createElement("div", {
         ref: barRef,
-        className: prefixCls + "-picker-selection-bar"
+        className: prefixCls + "-picker-selection-bar",
+        style: selectionBarHeight
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-picker-selection-mask " + prefixCls + "-picker-selection-mask-bottom"
       })));

package/umd/popover/menu.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "@arco-design/mobile-utils", "react", "../context-provider"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "@arco-design/mobile-utils", "react", "../context-provider", "../_helpers"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("@arco-design/mobile-utils"), require("react"), require("../context-provider"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("@arco-design/mobile-utils"), require("react"), require("../context-provider"), require("../_helpers"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.mobileUtils, global.react, global.contextProvider);
+    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.mobileUtils, global.react, global.contextProvider, global._helpers);
     global.menu = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _mobileUtils, _react, _contextProvider) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _mobileUtils, _react, _contextProvider, _helpers) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -73,7 +73,7 @@
           visibleState = _useState2[0],
           setVisibleState = _useState2[1];
 
-      (0, _react.useEffect)(function () {
+      (0, _helpers.useUpdateEffect)(function () {
         setVisibleState(Boolean(visible));
       }, [visible]);
       var popoverRef = (0, _react.useRef)(null);