@arco-design/mobile-react 2.22.2 → 2.23.0

package/dist/index.js

@@ -4222,61 +4222,63 @@
           loop = _d === void 0 ? true : _d,
           _e = props.autoPlay,
           autoPlay = _e === void 0 ? true : _e,
-          _f = props.swipeable,
-          swipeable = _f === void 0 ? true : _f,
-          _g = props.stayDuration,
-          stayDuration = _g === void 0 ? 4000 : _g,
+          _f = props.autoPlayDirection,
+          autoPlayDirection = _f === void 0 ? 'normal' : _f,
+          _g = props.swipeable,
+          swipeable = _g === void 0 ? true : _g,
+          _h = props.stayDuration,
+          stayDuration = _h === void 0 ? 4000 : _h,
           boxWidth = props.boxWidth,
           boxHeight = props.boxHeight,
           baseBoxWidth = props.baseBoxWidth,
           baseBoxHeight = props.baseBoxHeight,
-          _h = props.width,
-          width = _h === void 0 ? 0 : _h,
+          _j = props.width,
+          width = _j === void 0 ? 0 : _j,
           height = props.height,
-          _j = props.initialIndex,
-          initialIndex = _j === void 0 ? 0 : _j,
+          _k = props.initialIndex,
+          initialIndex = _k === void 0 ? 0 : _k,
           renderIndicator = props.renderIndicator,
-          _k = props.indicatorPos,
-          indicatorPos = _k === void 0 ? 'center' : _k,
-          _l = props.indicatorVerticalPos,
-          indicatorVerticalPos = _l === void 0 ? 'left' : _l,
+          _l = props.indicatorPos,
+          indicatorPos = _l === void 0 ? 'center' : _l,
+          _m = props.indicatorVerticalPos,
+          indicatorVerticalPos = _m === void 0 ? 'left' : _m,
           indicatorOutside = props.indicatorOutside,
-          _m = props.showIndicator,
-          showIndicator = _m === void 0 ? true : _m,
-          _o = props.hideSingleIndicator,
-          hideSingleIndicator = _o === void 0 ? true : _o,
-          _p = props.indicatorType,
-          indicatorType = _p === void 0 ? 'square' : _p,
-          _q = props.indicatorClass,
-          indicatorClass = _q === void 0 ? '' : _q,
+          _o = props.showIndicator,
+          showIndicator = _o === void 0 ? true : _o,
+          _p = props.hideSingleIndicator,
+          hideSingleIndicator = _p === void 0 ? true : _p,
+          _q = props.indicatorType,
+          indicatorType = _q === void 0 ? 'square' : _q,
+          _r = props.indicatorClass,
+          indicatorClass = _r === void 0 ? '' : _r,
           indicatorInverse = props.indicatorInverse,
-          _r = props.spaceBetween,
-          spaceBetween = _r === void 0 ? 0 : _r,
-          _s = props.offsetBetween,
-          offsetBetween = _s === void 0 ? 0 : _s,
+          _s = props.spaceBetween,
+          spaceBetween = _s === void 0 ? 0 : _s,
+          _t = props.offsetBetween,
+          offsetBetween = _t === void 0 ? 0 : _t,
           currentIndex = props.currentIndex,
-          _t = props.autoHeight,
-          autoHeight = _t === void 0 ? false : _t,
-          _u = props.percentToChange,
-          percentToChange = _u === void 0 ? 0.3 : _u,
-          _v = props.distanceToChange,
-          distanceToChange = _v === void 0 ? 10 : _v,
-          _w = props.speedToChange,
-          speedToChange = _w === void 0 ? 100 : _w,
+          _u = props.autoHeight,
+          autoHeight = _u === void 0 ? false : _u,
+          _v = props.percentToChange,
+          percentToChange = _v === void 0 ? 0.3 : _v,
+          _w = props.distanceToChange,
+          distanceToChange = _w === void 0 ? 10 : _w,
+          _x = props.speedToChange,
+          speedToChange = _x === void 0 ? 100 : _x,
           vertical = props.vertical,
           lazyloadCount = props.lazyloadCount,
-          _x = props.inactiveScale,
-          inactiveScale = _x === void 0 ? 1 : _x,
-          _y = props.stopPropagation,
-          stopPropagation = _y === void 0 ? true : _y,
-          _z = props.fakeItem,
-          fakeItem = _z === void 0 ? false : _z,
-          _0 = props.allowEndBlank,
-          allowEndBlank = _0 === void 0 ? false : _0,
-          _1 = props.bounceWhenNoLoop,
-          bounceWhenNoLoop = _1 === void 0 ? false : _1,
-          _2 = props.bounceDampRate,
-          bounceDampRate = _2 === void 0 ? 3 : _2,
+          _y = props.inactiveScale,
+          inactiveScale = _y === void 0 ? 1 : _y,
+          _z = props.stopPropagation,
+          stopPropagation = _z === void 0 ? true : _z,
+          _0 = props.fakeItem,
+          fakeItem = _0 === void 0 ? false : _0,
+          _1 = props.allowEndBlank,
+          allowEndBlank = _1 === void 0 ? false : _1,
+          _2 = props.bounceWhenNoLoop,
+          bounceWhenNoLoop = _2 === void 0 ? false : _2,
+          _3 = props.bounceDampRate,
+          bounceDampRate = _3 === void 0 ? 3 : _3,
           distanceProcessor = props.distanceProcessor,
           getInnerScrollContainer = props.getInnerScrollContainer,
           onChange = props.onChange,
@@ -4287,8 +4289,8 @@
           onTransitionStart = props.onTransitionStart,
           onTransitionEnd = props.onTransitionEnd,
           onDistanceChange = props.onDistanceChange,
-          _3 = props.stopTouchThreshold,
-          stopTouchThreshold = _3 === void 0 ? 0 : _3,
+          _4 = props.stopTouchThreshold,
+          stopTouchThreshold = _4 === void 0 ? 0 : _4,
           onTouchStopped = props.onTouchStopped,
           onPageVisibleChange = props.onPageVisibleChange;
       var domRef = React.useRef(null);
@@ -4302,13 +4304,13 @@
       var touchStartedRef = React.useRef(false);
       var touchMovedRef = React.useRef(false);
 
-      var _4 = React.useState(baseBoxWidth || 0),
-          wrapWidth = _4[0],
-          setWrapWidth = _4[1];
+      var _5 = React.useState(baseBoxWidth || 0),
+          wrapWidth = _5[0],
+          setWrapWidth = _5[1];
 
-      var _5 = React.useState(baseBoxHeight || 0),
-          wrapHeight = _5[0],
-          setWrapHeight = _5[1];
+      var _6 = React.useState(baseBoxHeight || 0),
+          wrapHeight = _6[0],
+          setWrapHeight = _6[1];
 
       var touchStartXRef = React.useRef(0);
       var touchStartYRef = React.useRef(0);
@@ -4316,45 +4318,45 @@
       var touchStoppedRef = React.useRef(false);
       var bouncingRef = React.useRef(false);
 
-      var _6 = React.useState('auto'),
-          currentItemHeight = _6[0],
-          setCurrentItemHeight = _6[1];
+      var _7 = React.useState('auto'),
+          currentItemHeight = _7[0],
+          setCurrentItemHeight = _7[1];
 
-      var _7 = useRefState(false),
-          posAdjusting = _7[0],
-          posAdjustingRef = _7[1],
-          setPosAdjusting = _7[2];
+      var _8 = useRefState(false),
+          posAdjusting = _8[0],
+          posAdjustingRef = _8[1],
+          setPosAdjusting = _8[2];
 
-      var _8 = useRefState(0),
-          distance = _8[0],
-          distanceRef = _8[1],
-          setDistance = _8[2];
+      var _9 = useRefState(0),
+          distance = _9[0],
+          distanceRef = _9[1],
+          setDistance = _9[2];
 
-      var _9 = React.useState(true),
-          isAutoJump = _9[0],
-          setIsAutoJump = _9[1];
+      var _10 = React.useState(true),
+          isAutoJump = _10[0],
+          setIsAutoJump = _10[1];
 
-      var _10 = useRefState(currentIndex !== void 0 ? currentIndex : initialIndex),
-          index = _10[0],
-          indexRef = _10[1],
-          setIndex = _10[2];
+      var _11 = useRefState(currentIndex !== void 0 ? currentIndex : initialIndex),
+          index = _11[0],
+          indexRef = _11[1],
+          setIndex = _11[2];
 
-      var _11 = useRefState([]),
-          transforms = _11[0],
-          transformsRef = _11[1],
-          setTransforms = _11[2];
+      var _12 = useRefState([]),
+          transforms = _12[0],
+          transformsRef = _12[1],
+          setTransforms = _12[2];
 
-      var _12 = useRefState('left'),
-          direction = _12[0],
-          directionRef = _12[1],
-          setStateDirection = _12[2];
+      var _13 = useRefState(autoPlayDirection === 'reverse' && autoPlay ? 'right' : 'left'),
+          direction = _13[0],
+          directionRef = _13[1],
+          setStateDirection = _13[2];
 
       var lastDirectionRef = React.useRef('');
       var lastShownIndexRef = React.useRef(-1);
 
-      var _13 = getAllChildren(),
-          allChildren = _13.allChildren,
-          fakeTwoChildren = _13.fakeTwoChildren;
+      var _14 = getAllChildren(),
+          allChildren = _14.allChildren,
+          fakeTwoChildren = _14.fakeTwoChildren;
 
       var total = allChildren.length;
       var shownTotal = fakeTwoChildren ? 2 : total;
@@ -4386,9 +4388,9 @@
         return Math.max(0, Math.min(inactiveScale, 1));
       }, [inactiveScale]);
 
-      var _14 = React.useState([]),
-          fakeIndexes = _14[0],
-          setFakeIndexes = _14[1];
+      var _15 = React.useState([]),
+          fakeIndexes = _15[0],
+          setFakeIndexes = _15[1];
 
       var system = useSystem(); // 开启自动循环时iOS会有渲染问题需要强刷dom，但不需要autoPlay的不用强刷，这里判断下
       // @en When the automatic loop is turned on, there will be rendering problems in iOS. Need to brush the dom, but if you don't need autoPlay, don't need to brush.
@@ -4581,7 +4583,7 @@
         return function () {
           clear();
         };
-      }, [userSetBoxWidth, userSetBoxHeight, childWidth, childHeight, stayDuration, noInterval]);
+      }, [userSetBoxWidth, userSetBoxHeight, childWidth, childHeight, stayDuration, noInterval, autoPlayDirection]);
       useUpdateEffect(function () {
         if (currentIndex !== void 0) {
           jumpTo(currentIndex);
@@ -4721,7 +4723,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 {
@@ -4775,7 +4777,7 @@
         }
 
         timerRef.current = delayTimeout(function () {
-          jumpTo(indexRef.current + 1);
+          jumpTo(autoPlayDirection === 'reverse' ? indexRef.current - 1 : indexRef.current + 1);
         }, stayDuration);
       }
 
@@ -14176,6 +14178,30 @@
 
     });
 
+    function IconMinus(props) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          _b = props.useCurrentColor,
+          useCurrentColor = _b === void 0 ? true : _b,
+          style = props.style,
+          other = __rest(props, ["className", "useCurrentColor", "style"]);
+
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement("svg", __assign({
+          className: prefixCls + "-icon " + prefixCls + "-icon-minus " + className,
+          width: "1em",
+          height: "1em",
+          style: style,
+          fill: useCurrentColor ? 'currentColor' : '#000',
+          viewBox: "0 0 1024 1024",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("style", null)), /*#__PURE__*/React__default["default"].createElement("path", {
+          d: "M115.2 467.2h819.2c6.4 0 6.4 6.4 6.4 6.4V544c0 6.4-6.4 6.4-6.4 6.4H96c-6.4 0-6.4-6.4-6.4-6.4v-64c0-6.4 6.4-6.4 6.4-6.4 6.4-6.4 6.4-6.4 19.2-6.4z"
+        }));
+      });
+    }
+
     function IconStarFill(props) {
       var _a = props.className,
           className = _a === void 0 ? '' : _a,
@@ -14438,7 +14464,9 @@
           onMaxSizeExceed = props.onMaxSizeExceed,
           onLimitExceed = props.onLimitExceed,
           upload = props.upload,
-          selectAdapter = props.selectAdapter;
+          selectAdapter = props.selectAdapter,
+          onSelectClick = props.onSelectClick,
+          onDeleteClick = props.onDeleteClick;
       var domRef = React.useRef(null);
       var fileRef = React.useRef(null);
       var cacheRef = React.useRef([]);
@@ -14539,6 +14567,7 @@
       };
 
       var handleDelete = function handleDelete(index) {
+        onDeleteClick && onDeleteClick(index);
         onChange(images.filter(function (_i, j) {
           return j !== index;
         }));
@@ -14562,17 +14591,20 @@
         }
       };
 
-      var handleSelect = function handleSelect() {
+      var handleSelect = function handleSelect(e) {
         var _a;
 
-        selectAdapter ? selectAdapter().then(function (_a) {
-          var files = _a.files;
-          return handleChange({
-            target: {
-              files: files
-            }
-          }, true);
-        }) : (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        if (e.target !== fileRef.current) {
+          onSelectClick && onSelectClick();
+          selectAdapter ? selectAdapter().then(function (_a) {
+            var files = _a.files;
+            return handleChange({
+              target: {
+                files: files
+              }
+            }, true);
+          }) : (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
       };
 
       var getGridData = function getGridData(prefixCls, locale) {
@@ -14682,7 +14714,7 @@
     });
 
     /*!
-    * @arco-design/transformable v1.0.2
+    * @arco-design/transformable v1.0.1
     * (c) 2022 ludan.kibbon
     */
     function _defineProperty(obj, key, value) {
@@ -22733,6 +22765,314 @@
       return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, renderSearchBar);
     });
 
+    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 _a = React.useState(function () {
+        return actualInputValue === min || disabled;
+      }),
+          minusButtonDisable = _a[0],
+          setMinusButtonDisable = _a[1];
+
+      var _b = React.useState(function () {
+        return actualInputValue === max || disabled;
+      }),
+          addButtonDisable = _b[0],
+          setAddButtonDisable = _b[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
+
+
+      React.useEffect(function () {
+        setMinusButtonDisable(actualInputValue <= min);
+        setAddButtonDisable(actualInputValue >= max);
+      }, [actualInputValue]);
+      return {
+        minusButtonDisable: minusButtonDisable,
+        addButtonDisable: addButtonDisable,
+        handleMinusButtonClick: handleMinusButtonClick,
+        handleAddButtonClick: handleAddButtonClick
+      };
+    }
+
+    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);
+      };
+
+      useUpdateEffect(function () {
+        onChange && onChange(actualInputValue);
+      }, [actualInputValue]);
+      return {
+        handleInput: handleInput,
+        handleBlur: handleBlur
+      };
+    }
+
+    function useValue(params) {
+      var defaultValue = params.defaultValue,
+          formatter = params.formatter,
+          max = params.max,
+          min = params.min,
+          value = params.value,
+          digits = params.digits;
+
+      var _a = React.useState(defaultValue),
+          innerValue = _a[0],
+          setInnerValue = _a[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
+      };
+    }
+
+    /**
+     * 步进器组件，支持受控模式
+     * @en Stepper component, provide controlled mode
+     * @type 数据录入
+     * @type_en Data Entry
+     * @name 步进器
+     * @name_en Stepper
+     */
+
+    var Stepper = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          style = props.style,
+          inputStyle = props.inputStyle,
+          _b = props.inputClass,
+          inputClass = _b === void 0 ? '' : _b,
+          value = props.value,
+          _c = props.defaultValue,
+          defaultValue = _c === void 0 ? 1 : _c,
+          _d = props.allowEmpty,
+          allowEmpty = _d === void 0 ? false : _d,
+          _e = props.digits,
+          digits = _e === void 0 ? 0 : _e,
+          _f = props.disabled,
+          disabled = _f === void 0 ? false : _f,
+          _g = props.inputReadonly,
+          inputReadonly = _g === void 0 ? false : _g,
+          _h = props.max,
+          max = _h === void 0 ? Infinity : _h,
+          _j = props.min,
+          min = _j === void 0 ? 1 : _j,
+          _k = props.equalLimitDisabled,
+          equalLimitDisabled = _k === void 0 ? false : _k,
+          _l = props.step,
+          step = _l === void 0 ? 1 : _l,
+          _m = props.theme,
+          theme = _m === void 0 ? 'default' : _m,
+          formatter = props.formatter,
+          addButton = props.addButton,
+          minusButton = props.minusButton,
+          renderContent = props.renderContent,
+          onBlur = props.onBlur,
+          onChange = props.onChange,
+          onFocus = props.onFocus,
+          onAddButtonClick = props.onAddButtonClick,
+          onMinusButtonClick = props.onMinusButtonClick,
+          onClick = props.onClick,
+          onInput = props.onInput; // 值的相关逻辑
+      // @en The logic is that handle value
+
+      var _o = useValue({
+        defaultValue: defaultValue,
+        formatter: formatter,
+        min: min,
+        max: max,
+        value: value,
+        digits: digits
+      }),
+          updateValue = _o.updateValue,
+          actualInputValue = _o.actualInputValue,
+          showValue = _o.showValue; // 按钮点击的相关逻辑
+      // @en The logic is that handle button click
+
+
+      var _p = useButtonClick({
+        actualInputValue: actualInputValue,
+        min: min,
+        max: max,
+        step: step,
+        disabled: disabled,
+        digits: digits,
+        equalLimitDisabled: equalLimitDisabled,
+        updateValue: updateValue,
+        onAddButtonClick: onAddButtonClick,
+        onMinusButtonClick: onMinusButtonClick
+      }),
+          minusButtonDisable = _p.minusButtonDisable,
+          addButtonDisable = _p.addButtonDisable,
+          handleAddButtonClick = _p.handleAddButtonClick,
+          handleMinusButtonClick = _p.handleMinusButtonClick; // 输入框操作的相关逻辑
+      // @en The logic is that handle input operation
+
+
+      var _q = useInputEvent({
+        defaultValue: defaultValue,
+        min: min,
+        max: max,
+        digits: digits,
+        actualInputValue: actualInputValue,
+        allowEmpty: allowEmpty,
+        updateValue: updateValue,
+        onBlur: onBlur,
+        onChange: onChange,
+        onInput: onInput
+      }),
+          handleInput = _q.handleInput,
+          handleBlur = _q.handleBlur;
+
+      var domRef = React.useRef(null);
+      var inputRef = React.useRef(null);
+      React.useImperativeHandle(ref, function () {
+        return {
+          dom: domRef.current,
+          input: inputRef.current,
+          changeValue: function changeValue(newValue) {
+            var tempValue = newValue != null ? newValue : defaultValue;
+            tempValue = Math.min(max, Math.max(tempValue, min));
+            updateValue(tempValue);
+          }
+        };
+      });
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-stepper", prefixCls + "-" + theme, className),
+          style: style,
+          ref: domRef,
+          onClick: onClick
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          onClick: handleMinusButtonClick
+        }, minusButton || /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-stepper-minus-button")
+        }, /*#__PURE__*/React__default["default"].createElement(IconMinus, {
+          className: cls(prefixCls + "-stepper-minus-button-icon", {
+            disabled: minusButtonDisable
+          })
+        }))), renderContent ? renderContent(actualInputValue) : /*#__PURE__*/React__default["default"].createElement("input", {
+          style: inputStyle,
+          className: cls(prefixCls + "-stepper-input", inputClass),
+          onFocus: onFocus,
+          onInput: handleInput,
+          onBlur: handleBlur,
+          disabled: disabled,
+          value: showValue,
+          readOnly: inputReadonly,
+          ref: inputRef,
+          type: "number"
+        }), /*#__PURE__*/React__default["default"].createElement("div", {
+          onClick: handleAddButtonClick
+        }, addButton || /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-stepper-add-button")
+        }, /*#__PURE__*/React__default["default"].createElement(IconAdd, {
+          className: cls(prefixCls + "-stepper-add-button-icon", {
+            disabled: addButtonDisable
+          })
+        }))));
+      });
+    });
+
     var Step = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var title = props.title,
           description = props.description,
@@ -24212,6 +24552,7 @@
     exports.SearchBar = SearchBar;
     exports.ShowMonitor = ShowMonitor;
     exports.Slider = SliderWrapper;
+    exports.Stepper = Stepper;
     exports.Steps = index$2;
     exports.Sticky = Sticky;
     exports.SwipeAction = SwipeAction;