@arco-design/mobile-react 2.27.4 → 2.28.0

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

@@ -269,9 +269,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" | "getContainer" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "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" | "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" | "getContainer" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "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" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
     };
 };
 /**

package/umd/image-preview/index.js

@@ -794,7 +794,8 @@
       return /*#__PURE__*/_react.default.createElement(_carousel.default, (0, _extends5.default)({
         autoPlay: false,
         loop: loop,
-        lazyloadCount: lazyloadCount
+        lazyloadCount: lazyloadCount,
+        stopPropagation: false
       }, carouselProps), (allImages || []).map(function (image, index) {
         var innerNode = /*#__PURE__*/_react.default.createElement("div", {
           key: index,
@@ -904,7 +905,8 @@
         timeout: displayDuration,
         type: "fade",
         mountOnEnter: true,
-        unmountOnExit: true
+        unmountOnExit: true,
+        nodeRef: domRef
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-image-preview", 'all-border-box', {
           noselect: noselect

package/umd/image-preview/style/css/index.css

@@ -46,6 +46,9 @@
   height: 100%;
   will-change: transform;
 }
+.arco-image-preview .preview-image .image-container {
+  overflow: visible;
+}
 .arco-image-preview .preview-image.preview-hidden {
   pointer-events: none;
 }

package/umd/image-preview/style/index.less

@@ -41,6 +41,10 @@
         height: 100%;
         will-change: transform;
 
+        .image-container {
+            overflow: visible;
+        }
+
         &.preview-hidden {
             pointer-events: none;
 

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

@@ -1,34 +1,40 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./button", "./action-sheet", "./avatar", "./badge", "./carousel", "./cell", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./divider", "./dialog", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./input", "./textarea", "./radio", "./rate", "./slider", "./grid", "./image", "./show-monitor", "./image-picker", "./image-preview", "./index-bar", "./keyboard", "./load-more", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./search-bar", "./stepper", "./steps", "./sticky", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tabs", "./tag", "./toast", "./transition"], factory);
+    define(["exports", "./tabs", "./sticky", "./load-more", "./cell", "./action-sheet", "./avatar", "./badge", "./button", "./carousel", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./dialog", "./divider", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./grid", "./image", "./image-picker", "./image-preview", "./index-bar", "./input", "./keyboard", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./search-bar", "./show-monitor", "./slider", "./stepper", "./steps", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tag", "./textarea", "./toast", "./transition"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./button"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./carousel"), require("./cell"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./divider"), require("./dialog"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./input"), require("./textarea"), require("./radio"), require("./rate"), require("./slider"), require("./grid"), require("./image"), require("./show-monitor"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./keyboard"), require("./load-more"), require("./loading"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./portal"), require("./progress"), require("./pull-refresh"), require("./search-bar"), require("./stepper"), require("./steps"), require("./sticky"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tabs"), require("./tag"), require("./toast"), require("./transition"));
+    factory(exports, require("./tabs"), require("./sticky"), require("./load-more"), require("./cell"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./button"), require("./carousel"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./dialog"), require("./divider"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./grid"), require("./image"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./input"), require("./keyboard"), require("./loading"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./portal"), require("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./search-bar"), require("./show-monitor"), require("./slider"), require("./stepper"), require("./steps"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./toast"), require("./transition"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.button, global.actionSheet, global.avatar, global.badge, global.carousel, global.cell, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.divider, global.dialog, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.input, global.textarea, global.radio, global.rate, global.slider, global.grid, global.image, global.showMonitor, global.imagePicker, global.imagePreview, global.indexBar, global.keyboard, global.loadMore, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.portal, global.progress, global.pullRefresh, global.searchBar, global.stepper, global.steps, global.sticky, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tabs, global.tag, global.toast, global.transition);
+    factory(mod.exports, global.tabs, global.sticky, global.loadMore, global.cell, global.actionSheet, global.avatar, global.badge, global.button, global.carousel, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.dialog, global.divider, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.grid, global.image, global.imagePicker, global.imagePreview, global.indexBar, global.input, global.keyboard, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.portal, global.progress, global.pullRefresh, global.radio, global.rate, global.searchBar, global.showMonitor, global.slider, global.stepper, global.steps, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tag, global.textarea, global.toast, global.transition);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _button, _actionSheet, _avatar, _badge, _carousel, _cell, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _divider, _dialog, _dropdown, _dropdownMenu, _ellipsis, _form, _input, _textarea, _radio, _rate, _slider, _grid, _image, _showMonitor, _imagePicker, _imagePreview, _indexBar, _keyboard, _loadMore, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _searchBar, _stepper, _steps, _sticky, _swipeAction, _swipeLoad, _switch, _tabBar, _tabs, _tag, _toast, _transition) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _tabs, _sticky, _loadMore, _cell, _actionSheet, _avatar, _badge, _button, _carousel, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _dialog, _divider, _dropdown, _dropdownMenu, _ellipsis, _form, _grid, _image, _imagePicker, _imagePreview, _indexBar, _input, _keyboard, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _searchBar, _showMonitor, _slider, _stepper, _steps, _swipeAction, _swipeLoad, _switch, _tabBar, _tag, _textarea, _toast, _transition) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
   _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;
-  _button = _interopRequireDefault(_button);
-  _exports.Button = _button.default;
+  _tabs = _interopRequireDefault(_tabs);
+  _exports.Tabs = _tabs.default;
+  _sticky = _interopRequireDefault(_sticky);
+  _exports.Sticky = _sticky.default;
+  _loadMore = _interopRequireDefault(_loadMore);
+  _exports.LoadMore = _loadMore.default;
+  _cell = _interopRequireDefault(_cell);
+  _exports.Cell = _cell.default;
   _actionSheet = _interopRequireDefault(_actionSheet);
   _exports.ActionSheet = _actionSheet.default;
   _avatar = _interopRequireDefault(_avatar);
   _exports.Avatar = _avatar.default;
   _badge = _interopRequireDefault(_badge);
   _exports.Badge = _badge.default;
+  _button = _interopRequireDefault(_button);
+  _exports.Button = _button.default;
   _carousel = _interopRequireDefault(_carousel);
   _exports.Carousel = _carousel.default;
-  _cell = _interopRequireDefault(_cell);
-  _exports.Cell = _cell.default;
   _checkbox = _interopRequireDefault(_checkbox);
   _exports.Checkbox = _checkbox.default;
   _circleProgress = _interopRequireDefault(_circleProgress);
@@ -41,10 +47,10 @@
   _exports.CountDown = _countDown.default;
   _datePicker = _interopRequireDefault(_datePicker);
   _exports.DatePicker = _datePicker.default;
-  _divider = _interopRequireDefault(_divider);
-  _exports.Divider = _divider.default;
   _dialog = _interopRequireDefault(_dialog);
   _exports.Dialog = _dialog.default;
+  _divider = _interopRequireDefault(_divider);
+  _exports.Divider = _divider.default;
   _dropdown = _interopRequireDefault(_dropdown);
   _exports.Dropdown = _dropdown.default;
   _dropdownMenu = _interopRequireDefault(_dropdownMenu);
@@ -53,32 +59,20 @@
   _exports.Ellipsis = _ellipsis.default;
   _form = _interopRequireDefault(_form);
   _exports.Form = _form.default;
-  _input = _interopRequireDefault(_input);
-  _exports.Input = _input.default;
-  _textarea = _interopRequireDefault(_textarea);
-  _exports.Textarea = _textarea.default;
-  _radio = _interopRequireDefault(_radio);
-  _exports.Radio = _radio.default;
-  _rate = _interopRequireDefault(_rate);
-  _exports.Rate = _rate.default;
-  _slider = _interopRequireDefault(_slider);
-  _exports.Slider = _slider.default;
   _grid = _interopRequireDefault(_grid);
   _exports.Grid = _grid.default;
   _image = _interopRequireDefault(_image);
   _exports.Image = _image.default;
-  _showMonitor = _interopRequireDefault(_showMonitor);
-  _exports.ShowMonitor = _showMonitor.default;
   _imagePicker = _interopRequireDefault(_imagePicker);
   _exports.ImagePicker = _imagePicker.default;
   _imagePreview = _interopRequireDefault(_imagePreview);
   _exports.ImagePreview = _imagePreview.default;
   _indexBar = _interopRequireDefault(_indexBar);
   _exports.IndexBar = _indexBar.default;
+  _input = _interopRequireDefault(_input);
+  _exports.Input = _input.default;
   _keyboard = _interopRequireDefault(_keyboard);
   _exports.Keyboard = _keyboard.default;
-  _loadMore = _interopRequireDefault(_loadMore);
-  _exports.LoadMore = _loadMore.default;
   _loading = _interopRequireDefault(_loading);
   _exports.Loading = _loading.default;
   _masking = _interopRequireDefault(_masking);
@@ -107,14 +101,20 @@
   _exports.Progress = _progress.default;
   _pullRefresh = _interopRequireDefault(_pullRefresh);
   _exports.PullRefresh = _pullRefresh.default;
+  _radio = _interopRequireDefault(_radio);
+  _exports.Radio = _radio.default;
+  _rate = _interopRequireDefault(_rate);
+  _exports.Rate = _rate.default;
   _searchBar = _interopRequireDefault(_searchBar);
   _exports.SearchBar = _searchBar.default;
+  _showMonitor = _interopRequireDefault(_showMonitor);
+  _exports.ShowMonitor = _showMonitor.default;
+  _slider = _interopRequireDefault(_slider);
+  _exports.Slider = _slider.default;
   _stepper = _interopRequireDefault(_stepper);
   _exports.Stepper = _stepper.default;
   _steps = _interopRequireDefault(_steps);
   _exports.Steps = _steps.default;
-  _sticky = _interopRequireDefault(_sticky);
-  _exports.Sticky = _sticky.default;
   _swipeAction = _interopRequireDefault(_swipeAction);
   _exports.SwipeAction = _swipeAction.default;
   _swipeLoad = _interopRequireDefault(_swipeLoad);
@@ -123,10 +123,10 @@
   _exports.Switch = _switch.default;
   _tabBar = _interopRequireDefault(_tabBar);
   _exports.TabBar = _tabBar.default;
-  _tabs = _interopRequireDefault(_tabs);
-  _exports.Tabs = _tabs.default;
   _tag = _interopRequireDefault(_tag);
   _exports.Tag = _tag.default;
+  _textarea = _interopRequireDefault(_textarea);
+  _exports.Textarea = _textarea.default;
   _toast = _interopRequireDefault(_toast);
   _exports.Toast = _toast.default;
   _transition = _interopRequireDefault(_transition);

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

@@ -45,6 +45,7 @@
         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,
@@ -147,7 +148,7 @@
     }, [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/umd/masking/index.d.ts

@@ -205,11 +205,11 @@ declare const _default: React.ForwardRefExoticComponent<MaskingProps & React.Ref
      * @param {MaskingProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: MaskingProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "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/umd/masking/index.js

@@ -185,7 +185,8 @@
         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),
@@ -196,7 +197,8 @@
         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/umd/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/umd/popover/popover.js

@@ -86,6 +86,8 @@
     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,
@@ -217,7 +219,10 @@
         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,
@@ -245,6 +250,7 @@
         in: visibleState && !isCalcPosition,
         timeout: transitionTimeout,
         type: transitionName,
+        nodeRef: transitionNodeRef,
         mountOnEnter: true,
         unmountOnExit: true
       }, renderInnerPopover()));
@@ -253,12 +259,14 @@
     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/umd/popup/index.d.ts

@@ -66,11 +66,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupProps & React.RefAt
      * @param {PopupProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "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/umd/popup-swiper/index.d.ts

@@ -76,11 +76,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "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/umd/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/umd/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/umd/rate/index.js

@@ -154,7 +154,8 @@
     }
 
     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,
@@ -170,6 +171,7 @@
         // 对内的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,
@@ -180,12 +182,12 @@
         }, 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/umd/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/umd/rate/style/index.less

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

package/umd/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';