antd-mobile 5.9.4-dev.2 → 5.10.0

package/bundle/antd-mobile.cjs.js

@@ -6,11 +6,13 @@ var classNames = require("classnames");
 var ahooks = require("ahooks");
 var web = require("@react-spring/web");
 var dayjs = require("dayjs");
+var reactIs = require("react-is");
 var react = require("@use-gesture/react");
 var antdMobileIcons = require("antd-mobile-icons");
 var stagedComponents = require("staged-components");
 var RcForm = require("rc-field-form");
 var dom = require("@floating-ui/dom");
+var Big = require("big.js");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -18,6 +20,7 @@ var React__default = /* @__PURE__ */ _interopDefaultLegacy(React$1);
 var classNames__default = /* @__PURE__ */ _interopDefaultLegacy(classNames);
 var dayjs__default = /* @__PURE__ */ _interopDefaultLegacy(dayjs);
 var RcForm__default = /* @__PURE__ */ _interopDefaultLegacy(RcForm);
+var Big__default = /* @__PURE__ */ _interopDefaultLegacy(Big);
 var global$1 = "";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 if (canUseDom) {
@@ -9144,6 +9147,20 @@ const ScrollMask = (props) => {
     }
   }));
 };
+function traverseReactNode(children, fn) {
+  let i = 0;
+  function handle(target) {
+    React__default["default"].Children.forEach(target, (child) => {
+      if (!reactIs.isFragment(child)) {
+        fn(child, i);
+        i += 1;
+      } else {
+        handle(child.props.children);
+      }
+    });
+  }
+  handle(children);
+}
 const classPrefix$15 = `adm-capsule-tabs`;
 const CapsuleTab = () => {
   return null;
@@ -9155,7 +9172,7 @@ const CapsuleTabs = (props) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React__default["default"].Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;
@@ -9673,6 +9690,7 @@ const Wheel = React$1.memo((props) => {
     className: `${classPrefix$13}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
+    var _a;
     const selected = props.value === item.value;
     if (selected)
       selectedIndex = index2;
@@ -9681,7 +9699,7 @@ const Wheel = React$1.memo((props) => {
       scrollSelect(index2);
     }
     return React__default["default"].createElement("div", {
-      key: item.value,
+      key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
       className: `${classPrefix$13}-column-item`,
       onClick: handleClick,
@@ -10058,7 +10076,7 @@ const Tabs$1 = (p) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React__default["default"].Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;
@@ -10921,7 +10939,7 @@ const CollapsePanelContent = (props) => {
 const Collapse = (props) => {
   var _a;
   const panels = [];
-  React__default["default"].Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;
@@ -11556,7 +11574,8 @@ const defaultProps$G = {
   closeOnAction: false,
   closeOnMaskClick: false,
   stopPropagation: ["click"],
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 const Dialog = (p) => {
   const props = mergeProps(defaultProps$G, p);
@@ -11629,7 +11648,8 @@ const Dialog = (p) => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
     style: props.maskStyle,
-    className: classNames__default["default"](cls$1("mask"), props.maskClassName)
+    className: classNames__default["default"](cls$1("mask"), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), React__default["default"].createElement("div", {
     className: cls$1("wrap"),
     style: {
@@ -11731,12 +11751,13 @@ var index$b = attachPropertiesToComponent(Dialog, {
 var divider = "";
 const classPrefix$R = `adm-divider`;
 const defaultProps$E = {
-  contentPosition: "center"
+  contentPosition: "center",
+  direction: "horizontal"
 };
 const Divider = (p) => {
   const props = mergeProps(defaultProps$E, p);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$R, `${classPrefix$R}-${props.contentPosition}`)
+    className: classNames__default["default"](classPrefix$R, `${classPrefix$R}-${props.direction}`, `${classPrefix$R}-${props.contentPosition}`)
   }, props.children && React__default["default"].createElement("div", {
     className: `${classPrefix$R}-content`
   }, props.children)));
@@ -12889,7 +12910,7 @@ const Form$1 = React$1.forwardRef((p, ref) => {
     }, items));
     items = [];
   }
-  React__default["default"].Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     if (React__default["default"].isValidElement(child)) {
       if (child.type === Header) {
         collect();
@@ -13329,6 +13350,14 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
 var Popover = attachPropertiesToComponent(Popover$1, {
   Menu: PopoverMenu
 });
+function undefinedFallback(...items) {
+  let i;
+  for (i = 0; i < items.length; i++) {
+    if (items[i] !== void 0)
+      break;
+  }
+  return items[i];
+}
 const NAME_SPLIT = "__SPLIT__";
 const classPrefix$H = `adm-form-item`;
 const MemoInput = React__default["default"].memo(({
@@ -13448,7 +13477,7 @@ const FormItem = (props) => {
   const {
     validateTrigger: contextValidateTrigger
   } = React$1.useContext(default_1);
-  const mergedValidateTrigger = validateTrigger !== void 0 ? validateTrigger : contextValidateTrigger;
+  const mergedValidateTrigger = undefinedFallback(validateTrigger, contextValidateTrigger, trigger);
   const updateRef = React__default["default"].useRef(0);
   updateRef.current += 1;
   const [subMetas, setSubMetas] = React$1.useState({});
@@ -14012,7 +14041,8 @@ const PreviewItem = (props) => {
     url,
     file,
     deletable,
-    onDelete
+    onDelete,
+    imageFit
   } = props;
   const src = React$1.useMemo(() => {
     if (url) {
@@ -14047,7 +14077,7 @@ const PreviewItem = (props) => {
   }, React__default["default"].createElement(Image$1, {
     className: `${classPrefix$B}-cell-image`,
     src,
-    fit: "cover",
+    fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
@@ -14087,7 +14117,8 @@ const defaultProps$t = {
   defaultValue: [],
   accept: "image/*",
   preview: true,
-  showFailed: true
+  showFailed: true,
+  imageFit: "cover"
 };
 const ImageUploader = (p) => {
   const props = mergeProps(defaultProps$t, p);
@@ -14213,6 +14244,7 @@ const ImageUploader = (p) => {
       key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index2,
       url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
       deletable: props.deletable,
+      imageFit: props.imageFit,
       onClick: () => {
         if (props.preview) {
           previewImage(index2);
@@ -14236,6 +14268,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));
       }
@@ -14333,7 +14366,7 @@ const IndexBar = React$1.forwardRef((p, ref) => {
   const bodyRef = React$1.useRef(null);
   const indexItems = [];
   const panels = [];
-  React__default["default"].Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     var _a;
     if (!React__default["default"].isValidElement(child))
       return;
@@ -14601,7 +14634,7 @@ const JumboTabs = (props) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React__default["default"].Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;
@@ -14725,7 +14758,8 @@ const defaultProps$q = {
   closeOnMaskClick: false,
   stopPropagation: ["click"],
   showCloseButton: false,
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 const Modal = (p) => {
   const props = mergeProps(defaultProps$q, p);
@@ -14799,7 +14833,8 @@ const Modal = (p) => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
     style: props.maskStyle,
-    className: classNames__default["default"](cls("mask"), props.maskClassName)
+    className: classNames__default["default"](cls("mask"), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), React__default["default"].createElement("div", {
     className: cls("wrap"),
     style: {
@@ -15131,9 +15166,6 @@ const NumberKeyboard = (p) => {
           onBackspacePressEnd();
         }
       },
-      onMouseUp: (e) => {
-        onKeyPress(e, key);
-      },
       title: key,
       role: "button"
     }, key === "BACKSPACE" ? React__default["default"].createElement(antdMobileIcons.TextDeletionOutline, null) : key);
@@ -15169,13 +15201,11 @@ const NumberKeyboard = (p) => {
       onKeyPress(e, "BACKSPACE");
       onBackspacePressEnd();
     },
-    onMouseUp: (e) => onKeyPress(e, "BACKSPACE"),
     title: "BACKSPACE",
     role: "button"
   }, React__default["default"].createElement(antdMobileIcons.TextDeletionOutline, null)), React__default["default"].createElement("div", {
     className: `${classPrefix$r}-key extra-key ok-key`,
     onTouchEnd: (e) => onKeyPress(e, "OK"),
-    onMouseUp: (e) => onKeyPress(e, "OK"),
     role: "button"
   }, confirmText))), props.safeArea && React__default["default"].createElement("div", {
     className: `${classPrefix$r}-footer`
@@ -15902,7 +15932,7 @@ const SideBar = (props) => {
   var _a;
   let firstActiveKey = null;
   const items = [];
-  React__default["default"].Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;
@@ -16278,12 +16308,12 @@ const Stepper = (p) => {
     inputReadOnly
   } = props;
   const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = React$1.useState(() => convertValueToText(value));
+  const [inputValue, setInputValue] = React$1.useState(() => convertValueToText(value, props.digits));
   function setValueWithCheck(v) {
     if (isNaN(v))
       return;
     let target = bound(v, props.min, props.max);
-    if (props.digits || props.digits === 0) {
+    if (props.digits !== void 0) {
       target = parseFloat(target.toFixed(props.digits));
     }
     setValue(target);
@@ -16291,12 +16321,12 @@ const Stepper = (p) => {
   const [hasFocus, setHasFocus] = React$1.useState(false);
   React$1.useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [hasFocus]);
   React$1.useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [value]);
   const handleInputChange = (v) => {
@@ -16313,10 +16343,10 @@ const Stepper = (p) => {
     }
   };
   const handleMinus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) - step);
+    setValueWithCheck(Big__default["default"](value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
   const handlePlus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) + step);
+    setValueWithCheck(Big__default["default"](value !== null && value !== void 0 ? value : 0).add(step).toNumber());
   };
   const minusDisabled = () => {
     if (disabled)
@@ -16378,10 +16408,14 @@ const Stepper = (p) => {
     color: "primary"
   }, React__default["default"].createElement(antdMobileIcons.AddOutline, null))));
 };
-function convertValueToText(value) {
+function convertValueToText(value, digits) {
   if (value === null)
     return "";
-  return value.toString();
+  if (digits !== void 0) {
+    return value.toFixed(digits);
+  } else {
+    return value.toString();
+  }
 }
 function convertTextToValue(text) {
   if (text === "")
@@ -16973,7 +17007,7 @@ const TabBar = (p) => {
   const props = mergeProps(defaultProps$7, p);
   let firstActiveKey = null;
   const items = [];
-  React__default["default"].Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React__default["default"].isValidElement(child))
       return;
     const key = child.key;

package/bundle/antd-mobile.es.js

@@ -4,11 +4,13 @@ import classNames from "classnames";
 import { useUnmountedRef, useUpdate, useMemoizedFn, useUpdateEffect, useIsomorphicLayoutEffect, createUpdateEffect, useThrottleFn, useDebounceEffect, useMount, useInViewport, useClickAway, useUnmount, useLockFn, useTimeout } from "ahooks";
 import { useSpring, animated, to } from "@react-spring/web";
 import dayjs from "dayjs";
+import { isFragment } from "react-is";
 import { useDrag, createUseGesture, dragAction, pinchAction } from "@use-gesture/react";
 import { RightOutline, CheckOutline, DownOutline, PictureOutline, PictureWrongOutline, DownFill, QuestionCircleOutline, CloseOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, StarFill, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
 import { staged } from "staged-components";
 import RcForm, { List as List$2, Field, useForm } from "rc-field-form";
 import { computePosition, offset, shift, limitShift, flip, hide, arrow, autoUpdate } from "@floating-ui/dom";
+import Big from "big.js";
 var global$1 = "";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 if (canUseDom) {
@@ -9135,6 +9137,20 @@ const ScrollMask = (props) => {
     }
   }));
 };
+function traverseReactNode(children, fn) {
+  let i = 0;
+  function handle(target) {
+    React$1.Children.forEach(target, (child) => {
+      if (!isFragment(child)) {
+        fn(child, i);
+        i += 1;
+      } else {
+        handle(child.props.children);
+      }
+    });
+  }
+  handle(children);
+}
 const classPrefix$15 = `adm-capsule-tabs`;
 const CapsuleTab = () => {
   return null;
@@ -9146,7 +9162,7 @@ const CapsuleTabs = (props) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React$1.Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -9664,6 +9680,7 @@ const Wheel = memo((props) => {
     className: `${classPrefix$13}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
+    var _a;
     const selected = props.value === item.value;
     if (selected)
       selectedIndex = index2;
@@ -9672,7 +9689,7 @@ const Wheel = memo((props) => {
       scrollSelect(index2);
     }
     return React$1.createElement("div", {
-      key: item.value,
+      key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
       className: `${classPrefix$13}-column-item`,
       onClick: handleClick,
@@ -10049,7 +10066,7 @@ const Tabs$1 = (p) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React$1.Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -10912,7 +10929,7 @@ const CollapsePanelContent = (props) => {
 const Collapse = (props) => {
   var _a;
   const panels = [];
-  React$1.Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -11547,7 +11564,8 @@ const defaultProps$G = {
   closeOnAction: false,
   closeOnMaskClick: false,
   stopPropagation: ["click"],
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 const Dialog = (p) => {
   const props = mergeProps(defaultProps$G, p);
@@ -11620,7 +11638,8 @@ const Dialog = (p) => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
     style: props.maskStyle,
-    className: classNames(cls$1("mask"), props.maskClassName)
+    className: classNames(cls$1("mask"), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), React$1.createElement("div", {
     className: cls$1("wrap"),
     style: {
@@ -11722,12 +11741,13 @@ var index$b = attachPropertiesToComponent(Dialog, {
 var divider = "";
 const classPrefix$R = `adm-divider`;
 const defaultProps$E = {
-  contentPosition: "center"
+  contentPosition: "center",
+  direction: "horizontal"
 };
 const Divider = (p) => {
   const props = mergeProps(defaultProps$E, p);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$R, `${classPrefix$R}-${props.contentPosition}`)
+    className: classNames(classPrefix$R, `${classPrefix$R}-${props.direction}`, `${classPrefix$R}-${props.contentPosition}`)
   }, props.children && React$1.createElement("div", {
     className: `${classPrefix$R}-content`
   }, props.children)));
@@ -12880,7 +12900,7 @@ const Form$1 = forwardRef((p, ref) => {
     }, items));
     items = [];
   }
-  React$1.Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     if (React$1.isValidElement(child)) {
       if (child.type === Header) {
         collect();
@@ -13320,6 +13340,14 @@ const PopoverMenu = forwardRef((props, ref) => {
 var Popover = attachPropertiesToComponent(Popover$1, {
   Menu: PopoverMenu
 });
+function undefinedFallback(...items) {
+  let i;
+  for (i = 0; i < items.length; i++) {
+    if (items[i] !== void 0)
+      break;
+  }
+  return items[i];
+}
 const NAME_SPLIT = "__SPLIT__";
 const classPrefix$H = `adm-form-item`;
 const MemoInput = React$1.memo(({
@@ -13439,7 +13467,7 @@ const FormItem = (props) => {
   const {
     validateTrigger: contextValidateTrigger
   } = useContext(default_1);
-  const mergedValidateTrigger = validateTrigger !== void 0 ? validateTrigger : contextValidateTrigger;
+  const mergedValidateTrigger = undefinedFallback(validateTrigger, contextValidateTrigger, trigger);
   const updateRef = React$1.useRef(0);
   updateRef.current += 1;
   const [subMetas, setSubMetas] = useState({});
@@ -14003,7 +14031,8 @@ const PreviewItem = (props) => {
     url,
     file,
     deletable,
-    onDelete
+    onDelete,
+    imageFit
   } = props;
   const src = useMemo(() => {
     if (url) {
@@ -14038,7 +14067,7 @@ const PreviewItem = (props) => {
   }, React$1.createElement(Image$1, {
     className: `${classPrefix$B}-cell-image`,
     src,
-    fit: "cover",
+    fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
@@ -14078,7 +14107,8 @@ const defaultProps$t = {
   defaultValue: [],
   accept: "image/*",
   preview: true,
-  showFailed: true
+  showFailed: true,
+  imageFit: "cover"
 };
 const ImageUploader = (p) => {
   const props = mergeProps(defaultProps$t, p);
@@ -14204,6 +14234,7 @@ const ImageUploader = (p) => {
       key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index2,
       url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
       deletable: props.deletable,
+      imageFit: props.imageFit,
       onClick: () => {
         if (props.preview) {
           previewImage(index2);
@@ -14227,6 +14258,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));
       }
@@ -14324,7 +14356,7 @@ const IndexBar = forwardRef((p, ref) => {
   const bodyRef = useRef(null);
   const indexItems = [];
   const panels = [];
-  React$1.Children.forEach(props.children, (child) => {
+  traverseReactNode(props.children, (child) => {
     var _a;
     if (!React$1.isValidElement(child))
       return;
@@ -14592,7 +14624,7 @@ const JumboTabs = (props) => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React$1.Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -14716,7 +14748,8 @@ const defaultProps$q = {
   closeOnMaskClick: false,
   stopPropagation: ["click"],
   showCloseButton: false,
-  getContainer: null
+  getContainer: null,
+  disableBodyScroll: true
 };
 const Modal = (p) => {
   const props = mergeProps(defaultProps$q, p);
@@ -14790,7 +14823,8 @@ const Modal = (p) => {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
     style: props.maskStyle,
-    className: classNames(cls("mask"), props.maskClassName)
+    className: classNames(cls("mask"), props.maskClassName),
+    disableBodyScroll: props.disableBodyScroll
   }), React$1.createElement("div", {
     className: cls("wrap"),
     style: {
@@ -15122,9 +15156,6 @@ const NumberKeyboard = (p) => {
           onBackspacePressEnd();
         }
       },
-      onMouseUp: (e) => {
-        onKeyPress(e, key);
-      },
       title: key,
       role: "button"
     }, key === "BACKSPACE" ? React$1.createElement(TextDeletionOutline, null) : key);
@@ -15160,13 +15191,11 @@ const NumberKeyboard = (p) => {
       onKeyPress(e, "BACKSPACE");
       onBackspacePressEnd();
     },
-    onMouseUp: (e) => onKeyPress(e, "BACKSPACE"),
     title: "BACKSPACE",
     role: "button"
   }, React$1.createElement(TextDeletionOutline, null)), React$1.createElement("div", {
     className: `${classPrefix$r}-key extra-key ok-key`,
     onTouchEnd: (e) => onKeyPress(e, "OK"),
-    onMouseUp: (e) => onKeyPress(e, "OK"),
     role: "button"
   }, confirmText))), props.safeArea && React$1.createElement("div", {
     className: `${classPrefix$r}-footer`
@@ -15893,7 +15922,7 @@ const SideBar = (props) => {
   var _a;
   let firstActiveKey = null;
   const items = [];
-  React$1.Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -16269,12 +16298,12 @@ const Stepper = (p) => {
     inputReadOnly
   } = props;
   const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => convertValueToText(value));
+  const [inputValue, setInputValue] = useState(() => convertValueToText(value, props.digits));
   function setValueWithCheck(v) {
     if (isNaN(v))
       return;
     let target = bound(v, props.min, props.max);
-    if (props.digits || props.digits === 0) {
+    if (props.digits !== void 0) {
       target = parseFloat(target.toFixed(props.digits));
     }
     setValue(target);
@@ -16282,12 +16311,12 @@ const Stepper = (p) => {
   const [hasFocus, setHasFocus] = useState(false);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [hasFocus]);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [value]);
   const handleInputChange = (v) => {
@@ -16304,10 +16333,10 @@ const Stepper = (p) => {
     }
   };
   const handleMinus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) - step);
+    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
   const handlePlus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) + step);
+    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
   };
   const minusDisabled = () => {
     if (disabled)
@@ -16369,10 +16398,14 @@ const Stepper = (p) => {
     color: "primary"
   }, React$1.createElement(AddOutline, null))));
 };
-function convertValueToText(value) {
+function convertValueToText(value, digits) {
   if (value === null)
     return "";
-  return value.toString();
+  if (digits !== void 0) {
+    return value.toFixed(digits);
+  } else {
+    return value.toString();
+  }
 }
 function convertTextToValue(text) {
   if (text === "")
@@ -16964,7 +16997,7 @@ const TabBar = (p) => {
   const props = mergeProps(defaultProps$7, p);
   let firstActiveKey = null;
   const items = [];
-  React$1.Children.forEach(props.children, (child, index2) => {
+  traverseReactNode(props.children, (child, index2) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;