@arco-design/mobile-react 2.27.4 → 2.28.0

package/cjs/index.d.ts

@@ -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/cjs/index.js

@@ -5,9 +5,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Keyboard = exports.Input = exports.IndexBar = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
 
-var _button = _interopRequireDefault(require("./button"));
+var _tabs = _interopRequireDefault(require("./tabs"));
 
-exports.Button = _button.default;
+exports.Tabs = _tabs.default;
+
+var _sticky = _interopRequireDefault(require("./sticky"));
+
+exports.Sticky = _sticky.default;
+
+var _loadMore = _interopRequireDefault(require("./load-more"));
+
+exports.LoadMore = _loadMore.default;
+
+var _cell = _interopRequireDefault(require("./cell"));
+
+exports.Cell = _cell.default;
 
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
 
@@ -21,13 +33,13 @@ var _badge = _interopRequireDefault(require("./badge"));
 
 exports.Badge = _badge.default;
 
-var _carousel = _interopRequireDefault(require("./carousel"));
+var _button = _interopRequireDefault(require("./button"));
 
-exports.Carousel = _carousel.default;
+exports.Button = _button.default;
 
-var _cell = _interopRequireDefault(require("./cell"));
+var _carousel = _interopRequireDefault(require("./carousel"));
 
-exports.Cell = _cell.default;
+exports.Carousel = _carousel.default;
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
@@ -53,14 +65,14 @@ var _datePicker = _interopRequireDefault(require("./date-picker"));
 
 exports.DatePicker = _datePicker.default;
 
-var _divider = _interopRequireDefault(require("./divider"));
-
-exports.Divider = _divider.default;
-
 var _dialog = _interopRequireDefault(require("./dialog"));
 
 exports.Dialog = _dialog.default;
 
+var _divider = _interopRequireDefault(require("./divider"));
+
+exports.Divider = _divider.default;
+
 var _dropdown = _interopRequireDefault(require("./dropdown"));
 
 exports.Dropdown = _dropdown.default;
@@ -77,26 +89,6 @@ var _form = _interopRequireDefault(require("./form"));
 
 exports.Form = _form.default;
 
-var _input = _interopRequireDefault(require("./input"));
-
-exports.Input = _input.default;
-
-var _textarea = _interopRequireDefault(require("./textarea"));
-
-exports.Textarea = _textarea.default;
-
-var _radio = _interopRequireDefault(require("./radio"));
-
-exports.Radio = _radio.default;
-
-var _rate = _interopRequireDefault(require("./rate"));
-
-exports.Rate = _rate.default;
-
-var _slider = _interopRequireDefault(require("./slider"));
-
-exports.Slider = _slider.default;
-
 var _grid = _interopRequireDefault(require("./grid"));
 
 exports.Grid = _grid.default;
@@ -105,10 +97,6 @@ var _image = _interopRequireDefault(require("./image"));
 
 exports.Image = _image.default;
 
-var _showMonitor = _interopRequireDefault(require("./show-monitor"));
-
-exports.ShowMonitor = _showMonitor.default;
-
 var _imagePicker = _interopRequireDefault(require("./image-picker"));
 
 exports.ImagePicker = _imagePicker.default;
@@ -121,13 +109,13 @@ var _indexBar = _interopRequireDefault(require("./index-bar"));
 
 exports.IndexBar = _indexBar.default;
 
-var _keyboard = _interopRequireDefault(require("./keyboard"));
+var _input = _interopRequireDefault(require("./input"));
 
-exports.Keyboard = _keyboard.default;
+exports.Input = _input.default;
 
-var _loadMore = _interopRequireDefault(require("./load-more"));
+var _keyboard = _interopRequireDefault(require("./keyboard"));
 
-exports.LoadMore = _loadMore.default;
+exports.Keyboard = _keyboard.default;
 
 var _loading = _interopRequireDefault(require("./loading"));
 
@@ -185,10 +173,26 @@ var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
 
 exports.PullRefresh = _pullRefresh.default;
 
+var _radio = _interopRequireDefault(require("./radio"));
+
+exports.Radio = _radio.default;
+
+var _rate = _interopRequireDefault(require("./rate"));
+
+exports.Rate = _rate.default;
+
 var _searchBar = _interopRequireDefault(require("./search-bar"));
 
 exports.SearchBar = _searchBar.default;
 
+var _showMonitor = _interopRequireDefault(require("./show-monitor"));
+
+exports.ShowMonitor = _showMonitor.default;
+
+var _slider = _interopRequireDefault(require("./slider"));
+
+exports.Slider = _slider.default;
+
 var _stepper = _interopRequireDefault(require("./stepper"));
 
 exports.Stepper = _stepper.default;
@@ -197,10 +201,6 @@ var _steps = _interopRequireDefault(require("./steps"));
 
 exports.Steps = _steps.default;
 
-var _sticky = _interopRequireDefault(require("./sticky"));
-
-exports.Sticky = _sticky.default;
-
 var _swipeAction = _interopRequireDefault(require("./swipe-action"));
 
 exports.SwipeAction = _swipeAction.default;
@@ -217,14 +217,14 @@ var _tabBar = _interopRequireDefault(require("./tab-bar"));
 
 exports.TabBar = _tabBar.default;
 
-var _tabs = _interopRequireDefault(require("./tabs"));
-
-exports.Tabs = _tabs.default;
-
 var _tag = _interopRequireDefault(require("./tag"));
 
 exports.Tag = _tag.default;
 
+var _textarea = _interopRequireDefault(require("./textarea"));
+
+exports.Textarea = _textarea.default;
+
 var _toast = _interopRequireDefault(require("./toast"));
 
 exports.Toast = _toast.default;

package/cjs/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/cjs/load-more/index.js

@@ -40,6 +40,7 @@ var LoadMore = /*#__PURE__*/(0, _react.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,
@@ -142,7 +143,7 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [changeStatus]);
 
   function checkNeedTrigger(top, ths) {
-    var scrollHeight = (0, _mobileUtils.getScrollContainerAttribute)('scrollHeight', getScrollContainer);
+    var scrollHeight = getOffsetNode ? (0, _mobileUtils.getScrollContainerAttribute)('offsetHeight', getOffsetNode) + (0, _mobileUtils.getScrollContainerAttribute)('offsetTop', getOffsetNode) : (0, _mobileUtils.getScrollContainerAttribute)('scrollHeight', getScrollContainer);
     var clientHeight = (0, _mobileUtils.getScrollContainerAttribute)('clientHeight', getScrollContainer);
     return scrollHeight - top - clientHeight <= ths;
   }

package/cjs/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/cjs/masking/index.js

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

package/cjs/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/cjs/popover/popover.js

@@ -84,6 +84,8 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var wrapperRef = (0, _react.useRef)(null);
   var childRef = (0, _react.useRef)(null);
   var popoverRef = (0, _react.useRef)(null);
+  var transitionNodeRef = (0, _react.useRef)(null);
+  var maskRef = (0, _react.useRef)(null);
 
   var _usePosition = (0, _hooks.usePosition)(props, popoverRef, childRef, wrapperRef),
       direction = _usePosition.direction,
@@ -215,7 +217,10 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: (0, _mobileUtils.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,
@@ -243,6 +248,7 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       in: visibleState && !isCalcPosition,
       timeout: transitionTimeout,
       type: transitionName,
+      nodeRef: transitionNodeRef,
       mountOnEnter: true,
       unmountOnExit: true
     }, renderInnerPopover()));
@@ -251,12 +257,14 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showMask && /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_transition.default, {
     in: visibleState && !isCalcPosition,
     timeout: maskTransitionTimeout,
+    nodeRef: maskRef,
     type: "fade",
     mountOnEnter: true,
     unmountOnExit: true
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-popover-mask",
-    onClick: onClickMask
+    onClick: onClickMask,
+    ref: maskRef
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-popover", className, theme + "-theme", mode + "-mode", {
       bordered: bordered,

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/rate/index.js

@@ -150,7 +150,8 @@ var Rate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
-    var prefixCls = _ref2.prefixCls;
+    var prefixCls = _ref2.prefixCls,
+        useRtl = _ref2.useRtl;
     return /*#__PURE__*/_react.default.createElement("div", {
       role: "slider",
       "aria-valuemin": 0,
@@ -166,6 +167,7 @@ var Rate = /*#__PURE__*/(0, _react.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.default.createElement("div", {
         key: index,
@@ -176,12 +178,12 @@ var Rate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, renderRateIcon(prefixCls + "-rate", status, index), /*#__PURE__*/_react.default.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.default.createElement("div", {
         className: prefixCls + "-rate-icon-click-half right",
         onClick: function onClick() {
-          return handleStarIndexChange(index);
+          return handleStarIndexChange(useRtl ? halfIndex : index);
         }
       }));
     }));

package/cjs/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/cjs/rate/style/index.less

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

package/cjs/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/cjs/slider/popover.js

@@ -24,15 +24,19 @@ function Popover(_ref) {
       _useContext$prefixCls = _useContext.prefixCls,
       prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
 
+  var domRef = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-slider-popover-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_transition.default, {
     in: visible,
     timeout: 300,
     type: "fade",
-    mountOnEnter: true
+    mountOnEnter: true,
+    unmountOnExit: true,
+    nodeRef: domRef
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: prefixCls + "-slider-popover" + (content ? '' : ' no-content')
+    className: prefixCls + "-slider-popover" + (content ? '' : ' no-content'),
+    ref: domRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-slider-popover-content"
   }, content), /*#__PURE__*/_react.default.createElement("div", {

package/cjs/stepper/hooks/useButtonClick.js

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

package/cjs/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 {
     /**