@arco-design/mobile-react 2.22.2 → 2.23.0

package/umd/carousel/index.d.ts

@@ -66,6 +66,12 @@ export interface CarouselProps {
      * @default true
      */
     autoPlay?: boolean;
+    /**
+     * 自动播放方向
+     * @en Direction when playing auto
+     * @default "normal"
+     */
+    autoPlayDirection?: 'normal' | 'reverse';
     /**
      * 是否响应手势滑动
      * @en Whether to respond to gesture swipe

package/umd/carousel/index.js

@@ -47,6 +47,8 @@
         loop = _props$loop === void 0 ? true : _props$loop,
         _props$autoPlay = props.autoPlay,
         autoPlay = _props$autoPlay === void 0 ? true : _props$autoPlay,
+        _props$autoPlayDirect = props.autoPlayDirection,
+        autoPlayDirection = _props$autoPlayDirect === void 0 ? 'normal' : _props$autoPlayDirect,
         _props$swipeable = props.swipeable,
         swipeable = _props$swipeable === void 0 ? true : _props$swipeable,
         _props$stayDuration = props.stayDuration,
@@ -169,7 +171,7 @@
         transformsRef = _useRefState4[1],
         setTransforms = _useRefState4[2];
 
-    var _useRefState5 = (0, _helpers.useRefState)('left'),
+    var _useRefState5 = (0, _helpers.useRefState)(autoPlayDirection === 'reverse' && autoPlay ? 'right' : 'left'),
         direction = _useRefState5[0],
         directionRef = _useRefState5[1],
         setStateDirection = _useRefState5[2];
@@ -406,7 +408,7 @@
       return function () {
         clear();
       };
-    }, [userSetBoxWidth, userSetBoxHeight, childWidth, childHeight, stayDuration, noInterval]);
+    }, [userSetBoxWidth, userSetBoxHeight, childWidth, childHeight, stayDuration, noInterval, autoPlayDirection]);
     (0, _helpers.useUpdateEffect)(function () {
       if (currentIndex !== void 0) {
         jumpTo(currentIndex);
@@ -546,7 +548,7 @@
       var changedIndex = newIndex !== oldIndex ? getShownIndex(newIndex) : -1;
 
       if (autoJump) {
-        setDirection('left');
+        setDirection(autoPlayDirection === 'reverse' ? 'right' : 'left');
       } else if (newIndex === indexRef.current) {
         setDirection(distanceRef.current > 0 ? 'right' : 'left');
       } else {
@@ -600,7 +602,7 @@
       }
 
       timerRef.current = delayTimeout(function () {
-        jumpTo(indexRef.current + 1);
+        jumpTo(autoPlayDirection === 'reverse' ? indexRef.current - 1 : indexRef.current + 1);
       }, stayDuration);
     }
 

package/umd/image-picker/index.js

@@ -81,7 +81,9 @@
         onMaxSizeExceed = props.onMaxSizeExceed,
         onLimitExceed = props.onLimitExceed,
         upload = props.upload,
-        selectAdapter = props.selectAdapter;
+        selectAdapter = props.selectAdapter,
+        onSelectClick = props.onSelectClick,
+        onDeleteClick = props.onDeleteClick;
     var domRef = (0, _react.useRef)(null);
     var fileRef = (0, _react.useRef)(null);
     var cacheRef = (0, _react.useRef)([]);
@@ -182,6 +184,7 @@
     };
 
     var handleDelete = function handleDelete(index) {
+      onDeleteClick && onDeleteClick(index);
       onChange(images.filter(function (_i, j) {
         return j !== index;
       }));
@@ -205,17 +208,20 @@
       }
     };
 
-    var handleSelect = function handleSelect() {
-      var _fileRef$current;
-
-      selectAdapter ? selectAdapter().then(function (_ref4) {
-        var files = _ref4.files;
-        return handleChange({
-          target: {
-            files: files
-          }
-        }, true);
-      }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
+    var handleSelect = function handleSelect(e) {
+      if (e.target !== fileRef.current) {
+        var _fileRef$current;
+
+        onSelectClick && onSelectClick();
+        selectAdapter ? selectAdapter().then(function (_ref4) {
+          var files = _ref4.files;
+          return handleChange({
+            target: {
+              files: files
+            }
+          }, true);
+        }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
+      }
     };
 
     var getGridData = function getGridData(prefixCls, locale) {

package/umd/image-picker/type.d.ts

@@ -164,6 +164,16 @@ export interface ImagePickerProps {
      * @en Select Adaptor
      */
     selectAdapter?: () => Promise<SelectCallback>;
+    /**
+     * 选图点击事件
+     * @en Select Icon Click Event
+     */
+    onSelectClick?: () => void;
+    /**
+     * 删除点击事件
+     * @en Delete Icon Click Event
+     */
+    onDeleteClick?: (index: number) => void;
 }
 export interface ImagePickerRef {
     /**

package/umd/index.d.ts

@@ -42,6 +42,7 @@ export { default as Radio } from './radio';
 export { default as Rate } from './rate';
 export { default as Slider } from './slider';
 export { default as SearchBar } from './search-bar';
+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';

package/umd/index.js

@@ -1,22 +1,22 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./action-sheet", "./cell", "./loading", "./badge", "./avatar", "./button", "./carousel", "./toast", "./switch", "./checkbox", "./circle-progress", "./collapse", "./tabs", "./context-provider", "./dialog", "./count-down", "./date-picker", "./dropdown", "./dropdown-menu", "./ellipsis", "./grid", "./image", "./show-monitor", "./image-picker", "./image-preview", "./input", "./load-more", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./slider", "./search-bar", "./steps", "./sticky", "./swipe-action", "./swipe-load", "./tab-bar", "./tag", "./textarea", "./transition"], factory);
+    define(["exports", "./action-sheet", "./cell", "./loading", "./badge", "./avatar", "./button", "./carousel", "./toast", "./switch", "./checkbox", "./circle-progress", "./collapse", "./tabs", "./context-provider", "./dialog", "./count-down", "./date-picker", "./dropdown", "./dropdown-menu", "./ellipsis", "./grid", "./image", "./show-monitor", "./image-picker", "./image-preview", "./input", "./load-more", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./slider", "./search-bar", "./stepper", "./steps", "./sticky", "./swipe-action", "./swipe-load", "./tab-bar", "./tag", "./textarea", "./transition"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./action-sheet"), require("./cell"), require("./loading"), require("./badge"), require("./avatar"), require("./button"), require("./carousel"), require("./toast"), require("./switch"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./tabs"), require("./context-provider"), require("./dialog"), require("./count-down"), require("./date-picker"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./grid"), require("./image"), require("./show-monitor"), require("./image-picker"), require("./image-preview"), require("./input"), require("./load-more"), 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("./slider"), require("./search-bar"), require("./steps"), require("./sticky"), require("./swipe-action"), require("./swipe-load"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./transition"));
+    factory(exports, require("./action-sheet"), require("./cell"), require("./loading"), require("./badge"), require("./avatar"), require("./button"), require("./carousel"), require("./toast"), require("./switch"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./tabs"), require("./context-provider"), require("./dialog"), require("./count-down"), require("./date-picker"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./grid"), require("./image"), require("./show-monitor"), require("./image-picker"), require("./image-preview"), require("./input"), require("./load-more"), 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("./slider"), require("./search-bar"), require("./stepper"), require("./steps"), require("./sticky"), require("./swipe-action"), require("./swipe-load"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./transition"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.actionSheet, global.cell, global.loading, global.badge, global.avatar, global.button, global.carousel, global.toast, global._switch, global.checkbox, global.circleProgress, global.collapse, global.tabs, global.contextProvider, global.dialog, global.countDown, global.datePicker, global.dropdown, global.dropdownMenu, global.ellipsis, global.grid, global.image, global.showMonitor, global.imagePicker, global.imagePreview, global.input, global.loadMore, 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.slider, global.searchBar, global.steps, global.sticky, global.swipeAction, global.swipeLoad, global.tabBar, global.tag, global.textarea, global.transition);
+    factory(mod.exports, global.actionSheet, global.cell, global.loading, global.badge, global.avatar, global.button, global.carousel, global.toast, global._switch, global.checkbox, global.circleProgress, global.collapse, global.tabs, global.contextProvider, global.dialog, global.countDown, global.datePicker, global.dropdown, global.dropdownMenu, global.ellipsis, global.grid, global.image, global.showMonitor, global.imagePicker, global.imagePreview, global.input, global.loadMore, 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.slider, global.searchBar, global.stepper, global.steps, global.sticky, global.swipeAction, global.swipeLoad, global.tabBar, global.tag, global.textarea, global.transition);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _actionSheet, _cell, _loading, _badge, _avatar, _button, _carousel, _toast, _switch, _checkbox, _circleProgress, _collapse, _tabs, _contextProvider, _dialog, _countDown, _datePicker, _dropdown, _dropdownMenu, _ellipsis, _grid, _image, _showMonitor, _imagePicker, _imagePreview, _input, _loadMore, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _slider, _searchBar, _steps, _sticky, _swipeAction, _swipeLoad, _tabBar, _tag, _textarea, _transition) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _actionSheet, _cell, _loading, _badge, _avatar, _button, _carousel, _toast, _switch, _checkbox, _circleProgress, _collapse, _tabs, _contextProvider, _dialog, _countDown, _datePicker, _dropdown, _dropdownMenu, _ellipsis, _grid, _image, _showMonitor, _imagePicker, _imagePreview, _input, _loadMore, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _slider, _searchBar, _stepper, _steps, _sticky, _swipeAction, _swipeLoad, _tabBar, _tag, _textarea, _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.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.Input = _exports.ImagePreview = _exports.ImagePicker = _exports.Image = _exports.Grid = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _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;
+  _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.Input = _exports.ImagePreview = _exports.ImagePicker = _exports.Image = _exports.Grid = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _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;
   _actionSheet = _interopRequireDefault(_actionSheet);
   _exports.ActionSheet = _actionSheet.default;
   _cell = _interopRequireDefault(_cell);
@@ -105,6 +105,8 @@
   _exports.Slider = _slider.default;
   _searchBar = _interopRequireDefault(_searchBar);
   _exports.SearchBar = _searchBar.default;
+  _stepper = _interopRequireDefault(_stepper);
+  _exports.Stepper = _stepper.default;
   _steps = _interopRequireDefault(_steps);
   _exports.Steps = _steps.default;
   _sticky = _interopRequireDefault(_sticky);

package/umd/input/style/css/index.css

@@ -124,6 +124,7 @@
 }
 .arco-input-clear {
   color:  #c9cdd4 ;
+  font-size:  16PX ;
 }
 .arco-input {
   display: inline-block;

package/umd/input/style/index.less

@@ -85,6 +85,7 @@
 }
 .@{prefix}-input-clear {
     .use-var(color, input-clear-icon-color);
+    .use-var(font-size, input-clear-icon-font-size);
 }
 
 .@{prefix}-input {

package/umd/stepper/demo/style/css/mobile.css

@@ -0,0 +1,4 @@
+#demo-stepper .arcodesign-mobile-demo-content {
+  padding: 0;
+  background: transparent;
+}

package/umd/stepper/demo/style/mobile.less

@@ -0,0 +1,10 @@
+@import "../../../../style/mixin.less";
+
+#demo-stepper {
+
+    .arcodesign-mobile-demo-content {
+        padding: 0;
+        background: transparent;
+    }
+
+}

package/umd/stepper/hooks/useButtonClick.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StepperProps } from '../type';
+export default function useButtonClick(params: Required<Pick<StepperProps, 'min' | 'max' | 'step' | 'disabled' | 'digits' | 'digits' | 'equalLimitDisabled'>> & Pick<StepperProps, 'onAddButtonClick' | 'onMinusButtonClick'> & {
+    actualInputValue: number;
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+}): {
+    minusButtonDisable: boolean;
+    addButtonDisable: boolean;
+    handleMinusButtonClick: (e: React.MouseEvent) => void;
+    handleAddButtonClick: (e: React.MouseEvent) => void;
+};

package/umd/stepper/hooks/useButtonClick.js

@@ -0,0 +1,86 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.useButtonClick = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.default = useButtonClick;
+
+  function correctCalculation(leftNumber, rightNumber, operator) {
+    var magnification = 1e17;
+    var left = leftNumber * magnification;
+    var right = rightNumber * magnification;
+    return operator === '-' ? (left - right) / magnification : (left + right) / magnification;
+  }
+
+  function useButtonClick(params) {
+    var actualInputValue = params.actualInputValue,
+        min = params.min,
+        max = params.max,
+        step = params.step,
+        disabled = params.disabled,
+        equalLimitDisabled = params.equalLimitDisabled,
+        updateValue = params.updateValue,
+        onAddButtonClick = params.onAddButtonClick,
+        onMinusButtonClick = params.onMinusButtonClick;
+
+    var _useState = (0, _react.useState)(function () {
+      return actualInputValue === min || disabled;
+    }),
+        minusButtonDisable = _useState[0],
+        setMinusButtonDisable = _useState[1];
+
+    var _useState2 = (0, _react.useState)(function () {
+      return actualInputValue === max || disabled;
+    }),
+        addButtonDisable = _useState2[0],
+        setAddButtonDisable = _useState2[1];
+
+    var handleMinusButtonClick = function handleMinusButtonClick(e) {
+      if (minusButtonDisable) {
+        return;
+      }
+
+      updateValue(function (oldValue) {
+        var result = correctCalculation(oldValue, step, '-');
+        return result < min ? equalLimitDisabled ? oldValue : min : result;
+      });
+      onMinusButtonClick && onMinusButtonClick(e);
+    };
+
+    var handleAddButtonClick = function handleAddButtonClick(e) {
+      if (addButtonDisable) {
+        return;
+      }
+
+      updateValue(function (oldValue) {
+        var result = correctCalculation(Number(oldValue), step, '+');
+        return result > max ? equalLimitDisabled ? oldValue : max : result;
+      });
+      onAddButtonClick && onAddButtonClick(e);
+    }; // 当前值改变时，更新按钮状态
+    // Changes button status when value changed
+
+
+    (0, _react.useEffect)(function () {
+      setMinusButtonDisable(actualInputValue <= min);
+      setAddButtonDisable(actualInputValue >= max);
+    }, [actualInputValue]);
+    return {
+      minusButtonDisable: minusButtonDisable,
+      addButtonDisable: addButtonDisable,
+      handleMinusButtonClick: handleMinusButtonClick,
+      handleAddButtonClick: handleAddButtonClick
+    };
+  }
+});

package/umd/stepper/hooks/useInputEvent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StepperProps } from '../type';
+export default function useInputEvent(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits' | 'allowEmpty'>> & Pick<StepperProps, 'onBlur' | 'onChange' | 'onInput'> & {
+    actualInputValue: number;
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+}): {
+    handleInput: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+};

package/umd/stepper/hooks/useInputEvent.js

@@ -0,0 +1,71 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "../../_helpers"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("../../_helpers"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._helpers);
+    global.useInputEvent = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _helpers) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.default = useInputEvent;
+
+  function useInputEvent(params) {
+    var defaultValue = params.defaultValue,
+        min = params.min,
+        max = params.max,
+        digits = params.digits,
+        actualInputValue = params.actualInputValue,
+        allowEmpty = params.allowEmpty,
+        updateValue = params.updateValue,
+        onBlur = params.onBlur,
+        onChange = params.onChange,
+        onInput = params.onInput;
+
+    var handleInput = function handleInput(e) {
+      var targetValue = e.target.value;
+      var numberValue = Number(targetValue);
+      var pointIndex = targetValue.indexOf('.');
+
+      if (digits > 0 && pointIndex !== -1) {
+        var decimalLength = targetValue.slice(pointIndex + 1).length;
+        updateValue(decimalLength > digits ? actualInputValue : numberValue);
+      } else if (allowEmpty && targetValue === '') {
+        updateValue(Number.MIN_VALUE);
+      } else {
+        updateValue(numberValue);
+      }
+
+      onInput && onInput(e);
+    };
+
+    var handleBlur = function handleBlur(e) {
+      var targetValue = e.target.value;
+      var numberValue = Number(targetValue);
+
+      if (allowEmpty && targetValue === '') {
+        updateValue(Number.MIN_VALUE);
+      } else if (!allowEmpty && targetValue === '') {
+        updateValue(defaultValue);
+      } else {
+        updateValue(Math.max(min, Math.min(max, numberValue)));
+      }
+
+      onBlur && onBlur(e);
+    };
+
+    (0, _helpers.useUpdateEffect)(function () {
+      onChange && onChange(actualInputValue);
+    }, [actualInputValue]);
+    return {
+      handleInput: handleInput,
+      handleBlur: handleBlur
+    };
+  }
+});

package/umd/stepper/hooks/useValue.d.ts

@@ -0,0 +1,6 @@
+import { StepperProps } from '..';
+export default function useValue(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits'>> & Pick<StepperProps, 'formatter' | 'value'>): {
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+    actualInputValue: number;
+    showValue: string | number;
+};

package/umd/stepper/hooks/useValue.js

@@ -0,0 +1,56 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.useValue = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.default = useValue;
+
+  function useValue(params) {
+    var defaultValue = params.defaultValue,
+        formatter = params.formatter,
+        max = params.max,
+        min = params.min,
+        value = params.value,
+        digits = params.digits;
+
+    var _useState = (0, _react.useState)(defaultValue),
+        innerValue = _useState[0],
+        setInnerValue = _useState[1];
+
+    var updateValue = function updateValue(updater) {
+      var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
+
+      if (formatter) {
+        new Promise(function (resolve) {
+          resolve(formatter(Number(tempValue)));
+        }).then(function (result) {
+          var res = Math.max(min, Math.min(max, result));
+          setInnerValue(res);
+        });
+      } else {
+        setInnerValue(tempValue);
+      }
+    };
+
+    var actualInputValue = value !== undefined ? value : innerValue; // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
+    // @en If actualInputValue equal Number.MIN_VALUE, actualInputValue equal ''
+
+    var showValue = actualInputValue === Number.MIN_VALUE ? '' : digits > 0 ? parseFloat(String(actualInputValue)).toFixed(digits) : actualInputValue;
+    return {
+      updateValue: updateValue,
+      actualInputValue: actualInputValue,
+      showValue: showValue
+    };
+  }
+});

package/umd/stepper/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StepperProps, StepperRef } from './type';
+export * from './type';
+/**
+ * 步进器组件，支持受控模式
+ * @en Stepper component, provide controlled mode
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 步进器
+ * @name_en Stepper
+ */
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>>;
+export default Stepper;