@arco-design/mobile-react 2.29.1 → 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/load-more/index.d.ts

@@ -11,6 +11,11 @@ export interface LoadMoreProps {
      * @en Custom classname
      */
     className?: string;
+    /**
+     * 是否禁用加载能力
+     * @en Whether to disable the loading capability
+     */
+    disabled?: boolean;
     /**
      * 组件加载但尚未启用状态下的内容
      * @en Content when the component is loaded but not yet enabled

package/esm/load-more/index.js

@@ -1,8 +1,8 @@
 import React, { useRef, forwardRef, useImperativeHandle, useEffect, useCallback, useState } from 'react';
 import lodashThrottle from 'lodash.throttle';
-import { getScrollContainerAttribute, getValidScrollContainer, defaultLocale } from '@arco-design/mobile-utils';
+import { getScrollContainerAttribute, getValidScrollContainer, defaultLocale, cls } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
-import { useUpdateEffect } from '../_helpers';
+import { useLatestRef, useUpdateEffect } from '../_helpers';
 
 /**
  * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。
@@ -16,6 +16,7 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,
       style = props.style,
+      disabled = props.disabled,
       beforeReadyArea = props.beforeReadyArea,
       loadingArea = props.loadingArea,
       noMoreArea = props.noMoreArea,
@@ -50,11 +51,16 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   var lastScrollEndRef = useRef(false);
   var nowStatus = status || innerStatus;
   var statusRef = useRef(nowStatus);
+  var disabledRef = useLatestRef(disabled);
   var changeStatus = useCallback(function (st, scene) {
     setInnerStatus(st);
     onStatusChange && onStatusChange(st, scene);
   }, [onStatusChange]);
   var triggerGetData = useCallback(function (scene) {
+    if (disabledRef.current) {
+      return;
+    }
+
     if (blockWhenLoading && statusRef.current === 'loading') {
       return;
     }
@@ -79,12 +85,12 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [nowStatus]);
   useEffect(function () {
-    if (requestAtFirst) {
+    if (requestAtFirst && !disabled) {
       if (statusRef.current === 'prepare') {
         triggerGetData('requestAtFirst');
       }
     }
-  }, [trigger]);
+  }, [trigger, disabled]);
   var handleContainerScroll = useCallback(function () {
     var scrollTop = getScrollContainerAttribute('scrollTop', getScrollContainer);
 
@@ -105,7 +111,7 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
     var binded = null;
     var scrollFunc = throttle ? lodashThrottle(handleContainerScroll, throttle) : handleContainerScroll;
 
-    if (trigger === 'scroll') {
+    if (trigger === 'scroll' && !disabled) {
       var container = getValidScrollContainer(getScrollContainer);
 
       if (container) {
@@ -119,7 +125,7 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
         binded.removeEventListener('scroll', scrollFunc);
       }
     };
-  }, [trigger, getScrollContainer, handleContainerScroll, throttle]);
+  }, [trigger, disabled, getScrollContainer, handleContainerScroll, throttle]);
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,
@@ -172,11 +178,13 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var _cls;
+
     var prefixCls = _ref.prefixCls,
         _ref$locale = _ref.locale,
         locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
     return /*#__PURE__*/React.createElement("div", {
-      className: prefixCls + "-load-more status-" + nowStatus + " " + className,
+      className: cls(prefixCls + "-load-more status-" + nowStatus, className, (_cls = {}, _cls[prefixCls + "-load-more-disabled"] = disabled, _cls)),
       ref: domRef,
       style: style,
       onClick: handleClick

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/esm/tabs/tab-cell.js

@@ -360,7 +360,8 @@ var TabCell = /*#__PURE__*/forwardRef(function (props, ref) {
       fixed: tabBarFixed
     }, {
       'has-divider': hasDivider
-    })
+    }),
+    style: typeof tabBarFixed === 'object' ? tabBarFixed : {}
   }, /*#__PURE__*/React.createElement("div", {
     className: cls(prefix + "-container", tabDirection, "pos-" + tabBarPosition, "arrange-" + (originArrange || tabBarArrange), "type-" + type, {
       overflow: hasOverflow

package/esm/tabs/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactNodeArray } from 'react';
+import { CSSProperties, ReactNode, ReactNodeArray } from 'react';
 export declare type TabData = string | {
     title: ReactNode;
     [x: string]: any;
@@ -71,10 +71,10 @@ export interface TabsProps {
      */
     tabBarScroll?: boolean;
     /**
-     * TabBar是否顶部固定
-     * @en Whether the TabBar is fixed on the top
+     * TabBar是否顶部/底部固定（含 placeholder），可传入具体固定的值
+     * @en Whether the TabBar is fixed on the top or bottom (including placeholder), a specific fixed value can be passed in
      */
-    tabBarFixed?: boolean;
+    tabBarFixed?: boolean | Pick<CSSProperties, 'top' | 'bottom'>;
     /**
      * tabBar额外渲染内容
      * @en TabBar extra render content

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.29.1",
+    "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.4",
+        "@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": "4feb5984a8951d9d65662c069b2e2c3a61c81014"
+    "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/load-more/index.d.ts

@@ -11,6 +11,11 @@ export interface LoadMoreProps {
      * @en Custom classname
      */
     className?: string;
+    /**
+     * 是否禁用加载能力
+     * @en Whether to disable the loading capability
+     */
+    disabled?: boolean;
     /**
      * 组件加载但尚未启用状态下的内容
      * @en Content when the component is loaded but not yet enabled

package/umd/load-more/index.js

@@ -36,6 +36,7 @@
     var _props$className = props.className,
         className = _props$className === void 0 ? '' : _props$className,
         style = props.style,
+        disabled = props.disabled,
         beforeReadyArea = props.beforeReadyArea,
         loadingArea = props.loadingArea,
         noMoreArea = props.noMoreArea,
@@ -70,11 +71,16 @@
     var lastScrollEndRef = (0, _react.useRef)(false);
     var nowStatus = status || innerStatus;
     var statusRef = (0, _react.useRef)(nowStatus);
+    var disabledRef = (0, _helpers.useLatestRef)(disabled);
     var changeStatus = (0, _react.useCallback)(function (st, scene) {
       setInnerStatus(st);
       onStatusChange && onStatusChange(st, scene);
     }, [onStatusChange]);
     var triggerGetData = (0, _react.useCallback)(function (scene) {
+      if (disabledRef.current) {
+        return;
+      }
+
       if (blockWhenLoading && statusRef.current === 'loading') {
         return;
       }
@@ -99,12 +105,12 @@
       }
     }, [nowStatus]);
     (0, _react.useEffect)(function () {
-      if (requestAtFirst) {
+      if (requestAtFirst && !disabled) {
         if (statusRef.current === 'prepare') {
           triggerGetData('requestAtFirst');
         }
       }
-    }, [trigger]);
+    }, [trigger, disabled]);
     var handleContainerScroll = (0, _react.useCallback)(function () {
       var scrollTop = (0, _mobileUtils.getScrollContainerAttribute)('scrollTop', getScrollContainer);
 
@@ -125,7 +131,7 @@
       var binded = null;
       var scrollFunc = throttle ? (0, _lodash.default)(handleContainerScroll, throttle) : handleContainerScroll;
 
-      if (trigger === 'scroll') {
+      if (trigger === 'scroll' && !disabled) {
         var container = (0, _mobileUtils.getValidScrollContainer)(getScrollContainer);
 
         if (container) {
@@ -139,7 +145,7 @@
           binded.removeEventListener('scroll', scrollFunc);
         }
       };
-    }, [trigger, getScrollContainer, handleContainerScroll, throttle]);
+    }, [trigger, disabled, getScrollContainer, handleContainerScroll, throttle]);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
@@ -192,11 +198,13 @@
     }
 
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+      var _cls;
+
       var prefixCls = _ref.prefixCls,
           _ref$locale = _ref.locale,
           locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: prefixCls + "-load-more status-" + nowStatus + " " + className,
+        className: (0, _mobileUtils.cls)(prefixCls + "-load-more status-" + nowStatus, className, (_cls = {}, _cls[prefixCls + "-load-more-disabled"] = disabled, _cls)),
         ref: domRef,
         style: style,
         onClick: handleClick

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);

package/umd/tabs/tab-cell.js

@@ -382,7 +382,8 @@
         fixed: tabBarFixed
       }, {
         'has-divider': hasDivider
-      })
+      }),
+      style: typeof tabBarFixed === 'object' ? tabBarFixed : {}
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefix + "-container", tabDirection, "pos-" + tabBarPosition, "arrange-" + (originArrange || tabBarArrange), "type-" + type, {
         overflow: hasOverflow

package/umd/tabs/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactNodeArray } from 'react';
+import { CSSProperties, ReactNode, ReactNodeArray } from 'react';
 export declare type TabData = string | {
     title: ReactNode;
     [x: string]: any;
@@ -71,10 +71,10 @@ export interface TabsProps {
      */
     tabBarScroll?: boolean;
     /**
-     * TabBar是否顶部固定
-     * @en Whether the TabBar is fixed on the top
+     * TabBar是否顶部/底部固定（含 placeholder），可传入具体固定的值
+     * @en Whether the TabBar is fixed on the top or bottom (including placeholder), a specific fixed value can be passed in
      */
-    tabBarFixed?: boolean;
+    tabBarFixed?: boolean | Pick<CSSProperties, 'top' | 'bottom'>;
     /**
      * tabBar额外渲染内容
      * @en TabBar extra render content