antd-mobile 5.9.4-dev.2 → 5.10.0

package/bundle/style.css

@@ -1191,24 +1191,24 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   transform: translate(-50%, -50%);
   color: var(--adm-color-weak);
 }
-.adm-divider {
+.adm-divider-horizontal {
   display: flex;
   align-items: center;
   margin: 16px 0;
-  color: var(--adm-color-weak);
-  font-size: 14px;
   border-width: 0;
   border-color: var(--adm-border-color);
   border-style: solid;
+  color: var(--adm-color-weak);
+  font-size: 14px;
 }
-.adm-divider-left.adm-divider::before {
+.adm-divider-left.adm-divider-horizontal::before {
   max-width: 10%;
 }
-.adm-divider-right.adm-divider::after {
+.adm-divider-right.adm-divider-horizontal::after {
   max-width: 10%;
 }
-.adm-divider::after,
-.adm-divider::before {
+.adm-divider-horizontal::after,
+.adm-divider-horizontal::before {
   flex: auto;
   display: block;
   content: '';
@@ -1216,10 +1216,20 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-color: inherit;
   border-width: 1px 0 0;
 }
-.adm-divider-content {
+.adm-divider-horizontal .adm-divider-content {
   flex: none;
   padding: 0 16px;
 }
+.adm-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 16px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid var(--adm-border-color);
+}
 .adm-dropdown {
   background-color: white;
 }

package/cjs/components/capsule-tabs/capsule-tabs.js

@@ -23,6 +23,8 @@ var _scrollMask = _interopRequireDefault(require("../scroll-mask"));
 
 var _shouldRender = require("../../utils/should-render");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,8 +47,7 @@ const CapsuleTabs = props => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-
-  _react.default.Children.forEach(props.children, (child, index) => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
@@ -58,7 +59,6 @@ const CapsuleTabs = props => {
     const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,

package/cjs/components/collapse/collapse.js

@@ -25,6 +25,8 @@ var _shouldRender = require("../../utils/should-render");
 
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -107,14 +109,12 @@ const Collapse = props => {
   var _a;
 
   const panels = [];
-
-  _react.default.Children.forEach(props.children, child => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, child => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     panels.push(child);
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)(props.accordion ? {
     value: props.activeKey === undefined ? undefined : props.activeKey === null ? [] : [props.activeKey],
     defaultValue: props.defaultActiveKey === undefined || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],

package/cjs/components/dialog/dialog.d.ts

@@ -22,5 +22,6 @@ export declare type DialogProps = {
     maskStyle?: React.CSSProperties;
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
+    disableBodyScroll?: boolean;
 } & NativeProps;
 export declare const Dialog: FC<DialogProps>;

package/cjs/components/dialog/dialog.js

@@ -43,7 +43,8 @@ const defaultProps = {
   closeOnAction: false,
   closeOnMaskClick: false,
   stopPropagation: ['click'],
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 
 const Dialog = p => {
@@ -122,7 +123,8 @@ const Dialog = p => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
     style: props.maskStyle,
-    className: (0, _classnames.default)(cls('mask'), props.maskClassName)
+    className: (0, _classnames.default)(cls('mask'), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), _react.default.createElement("div", {
     className: cls('wrap'),
     style: {

package/cjs/components/divider/divider.css

@@ -1,21 +1,21 @@
-.adm-divider {
+.adm-divider-horizontal {
   display: flex;
   align-items: center;
   margin: 16px 0;
-  color: var(--adm-color-weak);
-  font-size: 14px;
   border-width: 0;
   border-color: var(--adm-border-color);
   border-style: solid;
+  color: var(--adm-color-weak);
+  font-size: 14px;
 }
-.adm-divider-left.adm-divider::before {
+.adm-divider-left.adm-divider-horizontal::before {
   max-width: 10%;
 }
-.adm-divider-right.adm-divider::after {
+.adm-divider-right.adm-divider-horizontal::after {
   max-width: 10%;
 }
-.adm-divider::after,
-.adm-divider::before {
+.adm-divider-horizontal::after,
+.adm-divider-horizontal::before {
   flex: auto;
   display: block;
   content: '';
@@ -23,7 +23,17 @@
   border-color: inherit;
   border-width: 1px 0 0;
 }
-.adm-divider-content {
+.adm-divider-horizontal .adm-divider-content {
   flex: none;
   padding: 0 16px;
 }
+.adm-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 16px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid var(--adm-border-color);
+}

package/cjs/components/divider/divider.d.ts

@@ -2,5 +2,6 @@ import { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type DividerProps = {
     contentPosition?: 'left' | 'right' | 'center';
+    direction?: 'horizontal' | 'vertical';
 } & NativeProps;
 export declare const Divider: FC<DividerProps>;

package/cjs/components/divider/divider.js

@@ -17,13 +17,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const classPrefix = `adm-divider`;
 const defaultProps = {
-  contentPosition: 'center'
+  contentPosition: 'center',
+  direction: 'horizontal'
 };
 
 const Divider = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.contentPosition}`)
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.direction}`, `${classPrefix}-${props.contentPosition}`)
   }, props.children && _react.default.createElement("div", {
     className: `${classPrefix}-content`
   }, props.children)));

package/cjs/components/form/form-item.js

@@ -29,6 +29,8 @@ var _antdMobileIcons = require("antd-mobile-icons");
 
 var _configProvider = require("../config-provider");
 
+var _undefinedFallback = require("../../utils/undefined-fallback");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -169,7 +171,7 @@ const FormItem = props => {
   const {
     validateTrigger: contextValidateTrigger
   } = (0, _react.useContext)(_FieldContext.default);
-  const mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
+  const mergedValidateTrigger = (0, _undefinedFallback.undefinedFallback)(validateTrigger, contextValidateTrigger, trigger);
 
   const updateRef = _react.default.useRef(0);
 

package/cjs/components/form/form.js

@@ -27,6 +27,8 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
 
 var _formArray = require("./form-array");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -68,7 +70,7 @@ const Form = (0, _react.forwardRef)((p, ref) => {
     items = [];
   }
 
-  _react.default.Children.forEach(props.children, child => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, child => {
     if (_react.default.isValidElement(child)) {
       if (child.type === _header.Header) {
         collect();
@@ -85,7 +87,6 @@ const Form = (0, _react.forwardRef)((p, ref) => {
 
     items.push(child);
   });
-
   collect();
   return _react.default.createElement(_rcFieldForm.default, Object.assign({
     className: (0, _classnames.default)(classPrefix, className),

package/cjs/components/image-uploader/image-uploader.d.ts

@@ -1,5 +1,6 @@
 import { FC, InputHTMLAttributes } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { ImageProps } from '../image';
 export declare type TaskStatus = 'pending' | 'fail';
 export interface ImageUploadItem {
     key?: string | number;
@@ -25,5 +26,6 @@ export declare type ImageUploaderProps = {
     onDelete?: (item: ImageUploadItem) => boolean | Promise<boolean> | void;
     preview?: boolean;
     showFailed?: boolean;
+    imageFit?: ImageProps['fit'];
 } & NativeProps<'--cell-size'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;

package/cjs/components/image-uploader/image-uploader.js

@@ -41,7 +41,8 @@ const defaultProps = {
   defaultValue: [],
   accept: 'image/*',
   preview: true,
-  showFailed: true
+  showFailed: true,
+  imageFit: 'cover'
 };
 
 const ImageUploader = p => {
@@ -181,6 +182,7 @@ const ImageUploader = p => {
       key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index,
       url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
       deletable: props.deletable,
+      imageFit: props.imageFit,
       onClick: () => {
         if (props.preview) {
           previewImage(index);
@@ -206,6 +208,7 @@ const ImageUploader = p => {
       file: task.file,
       deletable: task.status !== 'pending',
       status: task.status,
+      imageFit: props.imageFit,
       onDelete: () => {
         setTasks(tasks.filter(x => x.id !== task.id));
       }

package/cjs/components/image-uploader/preview-item.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { TaskStatus } from './image-uploader';
+import type { ImageProps } from '../image';
 declare type Props = {
     onClick?: () => void;
     onDelete?: () => void;
@@ -7,6 +8,7 @@ declare type Props = {
     url?: string;
     file?: File;
     status?: TaskStatus;
+    imageFit: ImageProps['fit'];
 };
 declare const PreviewItem: FC<Props>;
 export default PreviewItem;

package/cjs/components/image-uploader/preview-item.js

@@ -33,7 +33,8 @@ const PreviewItem = props => {
     url,
     file,
     deletable,
-    onDelete
+    onDelete,
+    imageFit
   } = props;
   const src = (0, _react.useMemo)(() => {
     if (url) {
@@ -73,7 +74,7 @@ const PreviewItem = props => {
   }, _react.default.createElement(_image.default, {
     className: `${classPrefix}-cell-image`,
     src: src,
-    fit: 'cover',
+    fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };

package/cjs/components/index-bar/index-bar.js

@@ -23,6 +23,8 @@ var _panel = require("./panel");
 
 var _devLog = require("../../utils/dev-log");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -39,8 +41,7 @@ const IndexBar = (0, _react.forwardRef)((p, ref) => {
   const bodyRef = (0, _react.useRef)(null);
   const indexItems = [];
   const panels = [];
-
-  _react.default.Children.forEach(props.children, child => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, child => {
     var _a;
 
     if (!_react.default.isValidElement(child)) return;
@@ -62,7 +63,6 @@ const IndexBar = (0, _react.forwardRef)((p, ref) => {
       className: `${classPrefix}-anchor-title`
     }, child.props.title || child.props.index), child.props.children)));
   });
-
   const [activeIndex, setActiveIndex] = (0, _react.useState)(() => {
     const firstItem = indexItems[0];
     return firstItem ? firstItem.index : null;

package/cjs/components/jumbo-tabs/jumbo-tabs.js

@@ -23,6 +23,8 @@ var _scrollMask = _interopRequireDefault(require("../scroll-mask"));
 
 var _shouldRender = require("../../utils/should-render");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,8 +47,7 @@ const JumboTabs = props => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-
-  _react.default.Children.forEach(props.children, (child, index) => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
@@ -58,7 +59,6 @@ const JumboTabs = props => {
     const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,

package/cjs/components/modal/modal.d.ts

@@ -23,5 +23,6 @@ export declare type ModalProps = {
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;
+    disableBodyScroll?: boolean;
 } & NativeProps;
 export declare const Modal: FC<ModalProps>;

package/cjs/components/modal/modal.js

@@ -48,7 +48,8 @@ const defaultProps = {
   closeOnMaskClick: false,
   stopPropagation: ['click'],
   showCloseButton: false,
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 
 const Modal = p => {
@@ -128,7 +129,8 @@ const Modal = p => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
     style: props.maskStyle,
-    className: (0, _classnames.default)(cls('mask'), props.maskClassName)
+    className: (0, _classnames.default)(cls('mask'), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), _react.default.createElement("div", {
     className: cls('wrap'),
     style: {

package/cjs/components/number-keyboard/number-keyboard.js

@@ -157,9 +157,6 @@ const NumberKeyboard = p => {
           onBackspacePressEnd();
         }
       },
-      onMouseUp: e => {
-        onKeyPress(e, key);
-      },
       title: key,
       role: 'button'
     }, key === 'BACKSPACE' ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
@@ -196,13 +193,11 @@ const NumberKeyboard = p => {
       onKeyPress(e, 'BACKSPACE');
       onBackspacePressEnd();
     },
-    onMouseUp: e => onKeyPress(e, 'BACKSPACE'),
     title: 'BACKSPACE',
     role: 'button'
   }, _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null)), _react.default.createElement("div", {
     className: `${classPrefix}-key extra-key ok-key`,
     onTouchEnd: e => onKeyPress(e, 'OK'),
-    onMouseUp: e => onKeyPress(e, 'OK'),
     role: 'button'
   }, confirmText))), props.safeArea && _react.default.createElement("div", {
     className: `${classPrefix}-footer`

package/cjs/components/picker-view/picker-view.d.ts

@@ -9,6 +9,7 @@ export declare type PickerValueExtend = {
 export declare type PickerColumnItem = {
     label: ReactNode;
     value: string;
+    key?: string | number;
 };
 export declare type PickerColumn = (string | PickerColumnItem)[];
 export declare type PickerViewProps = {

package/cjs/components/picker-view/wheel.js

@@ -161,6 +161,8 @@ const Wheel = (0, _react.memo)(props => {
     className: `${classPrefix}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index) => {
+    var _a;
+
     const selected = props.value === item.value;
     if (selected) selectedIndex = index;
 
@@ -170,7 +172,7 @@ const Wheel = (0, _react.memo)(props => {
     }
 
     return _react.default.createElement("div", {
-      key: item.value,
+      key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
       className: `${classPrefix}-column-item`,
       onClick: handleClick,

package/cjs/components/popover/popover-menu.js

@@ -19,7 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classPrefix = `adm-popover-menu`;
 const PopoverMenu = (0, _react.forwardRef)((props, ref) => {
-  const innerRef = (0, _react.useRef)(null);
+  const innerRef = (0, _react.useRef)(null); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
   (0, _react.useImperativeHandle)(ref, () => innerRef.current, []);
   const onClick = (0, _react.useCallback)(e => {
     var _a;

package/cjs/components/side-bar/side-bar.js

@@ -17,6 +17,8 @@ var _usePropsValue = require("../../utils/use-props-value");
 
 var _corner = require("./corner");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const classPrefix = `adm-side-bar`;
@@ -32,8 +34,7 @@ const SideBar = props => {
 
   let firstActiveKey = null;
   const items = [];
-
-  _react.default.Children.forEach(props.children, (child, index) => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
@@ -44,7 +45,6 @@ const SideBar = props => {
 
     items.push(child);
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,

package/cjs/components/stepper/stepper.js

@@ -23,6 +23,8 @@ var _input = _interopRequireDefault(require("../input"));
 
 var _button = _interopRequireDefault(require("../button"));
 
+var _big = _interopRequireDefault(require("big.js"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -47,13 +49,13 @@ const Stepper = p => {
     inputReadOnly
   } = props;
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const [inputValue, setInputValue] = (0, _react.useState)(() => convertValueToText(value));
+  const [inputValue, setInputValue] = (0, _react.useState)(() => convertValueToText(value, props.digits));
 
   function setValueWithCheck(v) {
     if (isNaN(v)) return;
     let target = (0, _bound.bound)(v, props.min, props.max);
 
-    if (props.digits || props.digits === 0) {
+    if (props.digits !== undefined) {
       target = parseFloat(target.toFixed(props.digits));
     }
 
@@ -63,12 +65,12 @@ const Stepper = p => {
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [hasFocus]);
   (0, _react.useEffect)(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [value]);
 
@@ -88,11 +90,11 @@ const Stepper = p => {
   };
 
   const handleMinus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) - step);
+    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
 
   const handlePlus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) + step);
+    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
   };
 
   const minusDisabled = () => {
@@ -162,9 +164,14 @@ const Stepper = p => {
 
 exports.Stepper = Stepper;
 
-function convertValueToText(value) {
+function convertValueToText(value, digits) {
   if (value === null) return '';
-  return value.toString();
+
+  if (digits !== undefined) {
+    return value.toFixed(digits);
+  } else {
+    return value.toString();
+  }
 }
 
 function convertTextToValue(text) {

package/cjs/components/tab-bar/tab-bar.js

@@ -19,6 +19,8 @@ var _safeArea = _interopRequireDefault(require("../safe-area"));
 
 var _usePropsValue = require("../../utils/use-props-value");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const TabBarItem = () => {
@@ -37,8 +39,7 @@ const TabBar = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   let firstActiveKey = null;
   const items = [];
-
-  _react.default.Children.forEach(props.children, (child, index) => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
@@ -49,7 +50,6 @@ const TabBar = p => {
 
     items.push(child);
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,

package/cjs/components/tabs/tabs.js

@@ -29,6 +29,8 @@ var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-updat
 
 var _shouldRender = require("../../utils/should-render");
 
+var _traverseReactNode = require("../../utils/traverse-react-node");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -56,8 +58,7 @@ const Tabs = p => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-
-  _react.default.Children.forEach(props.children, (child, index) => {
+  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!_react.default.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
@@ -69,7 +70,6 @@ const Tabs = p => {
     const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
-
   const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,

package/cjs/components/tree-select/multiple.js

@@ -159,7 +159,8 @@ const Multiple = p => {
       walker(groupKeys);
     }
 
-    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i));
+    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i)); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
     const groupOptions = groupKeys.map(i => optionsMap.get(i));
     setValue(groupKeys);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, groupKeys, groupOptions);

package/cjs/utils/traverse-react-node.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function traverseReactNode(children: ReactNode, fn: (child: ReactNode, index: number) => void): void;