@arco-design/mobile-react 2.27.4 → 2.28.0

package/esm/index.js

@@ -1,34 +1,31 @@
-export { default as Button } from './button';
+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 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';
 export { default as ContextProvider } from './context-provider';
 export { default as CountDown } from './count-down';
 export { default as DatePicker } from './date-picker';
-export { default as Divider } from './divider';
 export { default as Dialog } from './dialog';
+export { default as Divider } from './divider';
 export { default as Dropdown } from './dropdown';
 export { default as DropdownMenu } from './dropdown-menu';
 export { default as Ellipsis } from './ellipsis';
 export { default as Form } from './form';
-export { default as Input } from './input';
-export { default as Textarea } from './textarea';
-export { default as Radio } from './radio';
-export { default as Rate } from './rate';
-export { default as Slider } from './slider';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
-export { default as ShowMonitor } from './show-monitor';
 export { default as ImagePicker } from './image-picker';
 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';
@@ -43,15 +40,18 @@ 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 ShowMonitor } from './show-monitor';
+export { default as Slider } from './slider';
 export { default as Stepper } from './stepper';
 export { default as Steps } from './steps';
-export { default as Sticky } from './sticky';
 export { default as SwipeAction } from './swipe-action';
 export { default as SwipeLoad } from './swipe-load';
 export { default as Switch } from './switch';
 export { default as TabBar } from './tab-bar';
-export { default as Tabs } from './tabs';
 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/esm/load-more/index.d.ts

@@ -62,6 +62,11 @@ export interface LoadMoreProps {
      * @default () => window
      */
     getScrollContainer?: () => HTMLElement | Window | null;
+    /**
+     * 当多个 loadmore 在同一页面时，通过传入节点的 offsetHeight + offsetTop 代替 scrollHeight
+     * @en When multiple loadmores are on the same page, pass in the offsetHeight + offsetTop of the node instead of scrollHeight
+     */
+    getOffsetNode?: () => HTMLElement | Window | null;
     /**
      * 触发loading的时机，当为click时，点击后将触发getData
      * @en The timing of triggering loading, when it is click, getData will be triggered after clicking

package/esm/load-more/index.js

@@ -25,6 +25,7 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
       defaultStatus = _props$defaultStatus === void 0 ? 'prepare' : _props$defaultStatus,
       status = props.status,
       getScrollContainer = props.getScrollContainer,
+      getOffsetNode = props.getOffsetNode,
       _props$trigger = props.trigger,
       trigger = _props$trigger === void 0 ? 'scroll' : _props$trigger,
       _props$threshold = props.threshold,
@@ -127,7 +128,7 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [changeStatus]);
 
   function checkNeedTrigger(top, ths) {
-    var scrollHeight = getScrollContainerAttribute('scrollHeight', getScrollContainer);
+    var scrollHeight = getOffsetNode ? getScrollContainerAttribute('offsetHeight', getOffsetNode) + getScrollContainerAttribute('offsetTop', getOffsetNode) : getScrollContainerAttribute('scrollHeight', getScrollContainer);
     var clientHeight = getScrollContainerAttribute('clientHeight', getScrollContainer);
     return scrollHeight - top - clientHeight <= ths;
   }

package/esm/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" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
+    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"> & {
         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" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
+        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"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/masking/index.js

@@ -156,7 +156,8 @@ var Masking = /*#__PURE__*/forwardRef(function (props, ref) {
       timeout: maskTransitionTimeout,
       type: maskTransitionType,
       mountOnEnter: mountOnEnter,
-      unmountOnExit: unmountOnExit
+      unmountOnExit: unmountOnExit,
+      nodeRef: maskRef
     }, /*#__PURE__*/React.createElement("div", {
       ref: maskRef,
       className: cls(prefixCls + "-masking-mask", extraClass, maskClass),
@@ -167,7 +168,8 @@ var Masking = /*#__PURE__*/forwardRef(function (props, ref) {
       timeout: contentTransitionTimeout,
       type: contentTransitionType,
       mountOnEnter: mountOnEnter,
-      unmountOnExit: unmountOnExit
+      unmountOnExit: unmountOnExit,
+      nodeRef: contentRef
     }, /*#__PURE__*/React.createElement("div", {
       ref: contentRef,
       className: cls(prefixCls + "-masking-content", {

package/esm/notify/index.d.ts

@@ -51,8 +51,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -61,8 +61,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -71,8 +71,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -81,8 +81,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
 };

package/esm/popover/popover.js

@@ -66,6 +66,8 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
   var wrapperRef = useRef(null);
   var childRef = useRef(null);
   var popoverRef = useRef(null);
+  var transitionNodeRef = useRef(null);
+  var maskRef = useRef(null);
 
   var _usePosition = usePosition(props, popoverRef, childRef, wrapperRef),
       direction = _usePosition.direction,
@@ -197,7 +199,10 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       className: cls(theme + "-theme", innerPopoverClassName, {
         bordered: bordered
       }),
-      ref: popoverRef,
+      ref: function ref(ele) {
+        popoverRef.current = ele;
+        transitionNodeRef.current = ele == null ? void 0 : ele.dom;
+      },
       direction: direction,
       minWidth: minWidth,
       maxWidth: maxWidth,
@@ -225,6 +230,7 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       in: visibleState && !isCalcPosition,
       timeout: transitionTimeout,
       type: transitionName,
+      nodeRef: transitionNodeRef,
       mountOnEnter: true,
       unmountOnExit: true
     }, renderInnerPopover()));
@@ -233,12 +239,14 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, showMask && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Transition, {
     in: visibleState && !isCalcPosition,
     timeout: maskTransitionTimeout,
+    nodeRef: maskRef,
     type: "fade",
     mountOnEnter: true,
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-popover-mask",
-    onClick: onClickMask
+    onClick: onClickMask,
+    ref: maskRef
   }))), /*#__PURE__*/React.createElement("div", {
     className: cls(prefixCls + "-popover", className, theme + "-theme", mode + "-mode", {
       bordered: bordered,

package/esm/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" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+    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"> & {
         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" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+        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"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/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" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "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" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "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" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "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" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
             key?: string | undefined;
         }) => void; /**
          * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件

package/esm/radio/style/css/index.css

@@ -32,6 +32,10 @@
 .arco-radio .radio-icon + .radio-text {
   margin-left:  0.16rem ;
 }
+[dir="rtl"] .arco-radio .radio-icon + .radio-text {
+  margin-left: initial;
+  margin-right:  0.16rem ;
+}
 .arco-radio.disabled .radio-text {
   opacity:  0.5 ;
 }
@@ -47,3 +51,7 @@
 .arco-radio-group .arco-radio:not(:last-child, .block) {
   margin-right:  0.48rem ;
 }
+[dir="rtl"] .arco-radio-group .arco-radio:not(:last-child, .block) {
+  margin-right: initial;
+  margin-left:  0.48rem ;
+}

package/esm/radio/style/index.less

@@ -29,7 +29,7 @@
     }
 
     .radio-icon + .radio-text {
-        .use-var(margin-left, checkbox-icon-margin-right);
+        .use-var-with-rtl(margin-left, checkbox-icon-margin-right);
     }
 
     &.disabled .radio-text {
@@ -48,6 +48,6 @@
 
 .@{prefix}-radio-group {
     .@{prefix}-radio:not(:last-child, .block) {
-        .use-var(margin-right, checkbox-group-gutter);
+        .use-var-with-rtl(margin-right, checkbox-group-gutter);
     }
 }

package/esm/rate/index.js

@@ -133,7 +133,8 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
-    var prefixCls = _ref2.prefixCls;
+    var prefixCls = _ref2.prefixCls,
+        useRtl = _ref2.useRtl;
     return /*#__PURE__*/React.createElement("div", {
       role: "slider",
       "aria-valuemin": 0,
@@ -149,6 +150,7 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
       // 对内的index从1开始，方便计算
       // @en The index of the pair starts from 1, which is convenient for calculation
       var index = i + 1;
+      var halfIndex = allowHalf ? index - 0.5 : index;
       var status = getIconStatus(index);
       return /*#__PURE__*/React.createElement("div", {
         key: index,
@@ -159,12 +161,12 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
       }, renderRateIcon(prefixCls + "-rate", status, index), /*#__PURE__*/React.createElement("div", {
         className: prefixCls + "-rate-icon-click-half left",
         onClick: function onClick() {
-          return handleStarIndexChange(allowHalf ? index - 0.5 : index);
+          return handleStarIndexChange(useRtl ? index : halfIndex);
         }
       }), /*#__PURE__*/React.createElement("div", {
         className: prefixCls + "-rate-icon-click-half right",
         onClick: function onClick() {
-          return handleStarIndexChange(index);
+          return handleStarIndexChange(useRtl ? halfIndex : index);
         }
       }));
     }));

package/esm/rate/style/css/index.css

@@ -40,6 +40,10 @@
   position: absolute;
   z-index: 1;
 }
+[dir="rtl"] .arco-rate-icon.half-active {
+  -webkit-transform: scaleX(-1);
+          transform: scaleX(-1);
+}
 .arco-rate-icon-click-half {
   width: 50%;
   height: 100%;

package/esm/rate/style/index.less

@@ -38,6 +38,10 @@
         &.half-active {
             position: absolute;
             z-index: 1;
+
+            [dir="rtl"] & {
+                transform: scaleX(-1);
+            }
         }
     }
 

package/esm/slider/hooks/index.d.ts

@@ -5,7 +5,7 @@ export declare type LinePosition = {
     length: number;
     start: number;
 };
-export declare const SliderContext: React.Context<Required<Pick<SliderProps, "max" | "disabled" | "style" | "size" | "step" | "type" | "className" | "onChange" | "min" | "onAfterChange" | "suffixLabel" | "prefixLabel" | "useRange" | "useAnimation" | "showTooltip" | "showMarks" | "useMarkOnly" | "draggableTrackOnly" | "formatTooltip" | "renderThumb">> & Pick<SliderProps, "value" | "defaultValue" | "marks">>;
+export declare const SliderContext: React.Context<Required<Pick<SliderProps, "max" | "disabled" | "style" | "size" | "step" | "type" | "className" | "onChange" | "onAfterChange" | "min" | "suffixLabel" | "prefixLabel" | "useRange" | "useAnimation" | "showTooltip" | "showMarks" | "useMarkOnly" | "draggableTrackOnly" | "formatTooltip" | "renderThumb">> & Pick<SliderProps, "value" | "defaultValue" | "marks">>;
 export * from './useSliderIcon';
 export * from './useSliderInit';
 export * from './useSliderStyle';

package/esm/slider/popover.js

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useRef } from 'react';
 import Transition from '../transition';
 import { GlobalContext } from '../context-provider';
 export function Popover(_ref) {
@@ -10,15 +10,19 @@ export function Popover(_ref) {
       _useContext$prefixCls = _useContext.prefixCls,
       prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
 
+  var domRef = useRef(null);
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-slider-popover-wrapper"
   }, /*#__PURE__*/React.createElement(Transition, {
     in: visible,
     timeout: 300,
     type: "fade",
-    mountOnEnter: true
+    mountOnEnter: true,
+    unmountOnExit: true,
+    nodeRef: domRef
   }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls + "-slider-popover" + (content ? '' : ' no-content')
+    className: prefixCls + "-slider-popover" + (content ? '' : ' no-content'),
+    ref: domRef
   }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-slider-popover-content"
   }, content), /*#__PURE__*/React.createElement("div", {

package/esm/stepper/hooks/useButtonClick.js

@@ -17,16 +17,15 @@ export default function useButtonClick(params) {
       updateValue = params.updateValue,
       onAddButtonClick = params.onAddButtonClick,
       onMinusButtonClick = params.onMinusButtonClick;
+  var minusDisable = actualInputValue <= min || disabled;
 
-  var _useState = useState(function () {
-    return actualInputValue === min || disabled;
-  }),
+  var _useState = useState(minusDisable),
       minusButtonDisable = _useState[0],
       setMinusButtonDisable = _useState[1];
 
-  var _useState2 = useState(function () {
-    return actualInputValue === max || disabled;
-  }),
+  var addDisable = actualInputValue >= max || disabled;
+
+  var _useState2 = useState(addDisable),
       addButtonDisable = _useState2[0],
       setAddButtonDisable = _useState2[1];
 
@@ -57,9 +56,9 @@ export default function useButtonClick(params) {
 
 
   useEffect(function () {
-    setMinusButtonDisable(actualInputValue <= min);
-    setAddButtonDisable(actualInputValue >= max);
-  }, [actualInputValue]);
+    setMinusButtonDisable(minusDisable);
+    setAddButtonDisable(addDisable);
+  }, [minusDisable, addDisable]);
   return {
     minusButtonDisable: minusButtonDisable,
     addButtonDisable: addButtonDisable,

package/esm/sticky/index.d.ts

@@ -10,6 +10,11 @@ export interface StickyRef {
      * @en In the local scrolling mode, if there is nested scrolling outside the container, this method can be actively called to make the sticky element actively update the fixed position
      */
     recalculatePosition: () => void;
+    /**
+     * 手动更新占位模块的高度
+     * @en Manually update the height of the placeholder
+     */
+    updatePlaceholderLayout: () => void;
 }
 export interface StickyEventPayload {
     /**

package/esm/sticky/index.js

@@ -141,6 +141,22 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     framePendingRef.current = true;
   }, [containerEventHandler]);
+  var updatePlaceholderLayoutInner = useCallback(function () {
+    if (placeholderRef.current) {
+      var contentHeight = contentCalculateHeightRef.current; // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
+      // @en When an element is sticky to the top, a placeholder element occupies the element's position by default to avoid jitter in the layout
+
+      placeholderRef.current.style.height = (isStickyRef.current ? contentHeight : 0) + "px";
+    }
+  }, []);
+  var updatePlaceholderLayout = useCallback(function () {
+    if (contentRef.current) {
+      var contentClientRect = contentRef.current.getBoundingClientRect();
+      contentCalculateHeightRef.current = contentClientRect.height;
+    }
+
+    updatePlaceholderLayoutInner();
+  }, []);
   useEffect(function () {
     var containerEle = getActualContainer(getContainer);
     containerRef.current = containerEle || document.body;
@@ -163,18 +179,15 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   }, [getContainer, getScrollContainer, recalculatePosition]);
   useEffect(function () {
-    if (placeholderRef.current) {
-      // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
-      // @en When an element is sticky to the top, a placeholder element occupies the element's position by default to avoid jitter in the layout
-      placeholderRef.current.style.height = (isStickyRef.current ? contentCalculateHeightRef.current : 0) + "px";
-    }
+    updatePlaceholderLayoutInner();
   }, [isSticky, wasSticky]);
   useImperativeHandle(ref, function () {
     return {
       dom: contentRef.current,
-      recalculatePosition: recalculatePosition
+      recalculatePosition: recalculatePosition,
+      updatePlaceholderLayout: updatePlaceholderLayout
     };
-  }, [recalculatePosition]);
+  }, [recalculatePosition, updatePlaceholderLayout]);
   var computedStyle = useMemo(function () {
     return _extends({}, style || {}, stickyStateStyle);
   }, [stickyStateStyle, style]);

package/esm/style.d.ts

@@ -1,35 +1,32 @@
 import '../style/public.less';
-import './button/style';
+import './tabs/style';
+import './sticky/style';
+import './load-more/style';
+import './cell/style';
 import './action-sheet/style';
 import './avatar/style';
 import './badge/style';
+import './button/style';
 import './carousel/style';
-import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
 import './context-provider/style';
 import './count-down/style';
 import './date-picker/style';
-import './divider/style';
 import './dialog/style';
+import './divider/style';
 import './dropdown/style';
 import './dropdown-menu/style';
 import './ellipsis/style';
 import './form/style';
-import './input/style';
-import './textarea/style';
-import './radio/style';
-import './image-picker/style';
-import './rate/style';
-import './slider/style';
 import './grid/style';
 import './image/style';
-import './show-monitor/style';
+import './image-picker/style';
 import './image-preview/style';
 import './index-bar/style';
+import './input/style';
 import './keyboard/style';
-import './load-more/style';
 import './loading/style';
 import './masking/style';
 import './nav-bar/style';
@@ -44,15 +41,18 @@ import './popup-swiper/style';
 import './portal/style';
 import './progress/style';
 import './pull-refresh/style';
+import './radio/style';
+import './rate/style';
 import './search-bar/style';
+import './show-monitor/style';
+import './slider/style';
 import './stepper/style';
 import './steps/style';
-import './sticky/style';
 import './swipe-action/style';
 import './swipe-load/style';
 import './switch/style';
 import './tab-bar/style';
-import './tabs/style';
 import './tag/style';
+import './textarea/style';
 import './toast/style';
 import './transition/style';