antd-mobile 5.23.0 → 5.24.1

package/es/components/search-bar/search-bar.js

@@ -30,37 +30,28 @@ export const SearchBar = forwardRef((p, ref) => {
   useImperativeHandle(ref, () => ({
     clear: () => {
       var _a;
-
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
     },
     focus: () => {
       var _a;
-
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a;
-
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     },
-
     get nativeElement() {
       var _a, _b;
-
       return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
     }
-
   }));
-
   const renderCancelButton = () => {
     let isShowCancel;
-
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
-
     return isShowCancel && React.createElement("div", {
       className: `${classPrefix}-suffix`
     }, React.createElement(Button, {
@@ -68,11 +59,9 @@ export const SearchBar = forwardRef((p, ref) => {
       className: `${classPrefix}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
-
         if (props.clearOnCancel) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
         }
-
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
       },
@@ -81,7 +70,6 @@ export const SearchBar = forwardRef((p, ref) => {
       }
     }, props.cancelText));
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, {
       [`${classPrefix}-active`]: hasFocus
@@ -103,13 +91,11 @@ export const SearchBar = forwardRef((p, ref) => {
     onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
     onFocus: e => {
       var _a;
-
       setHasFocus(true);
       (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onBlur: e => {
       var _a;
-
       setHasFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
@@ -118,7 +104,6 @@ export const SearchBar = forwardRef((p, ref) => {
     enterKeyHint: 'search',
     onEnterPress: () => {
       var _a, _b;
-
       if (!composingRef.current) {
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
         (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);

package/es/components/selector/selector.js

@@ -19,12 +19,10 @@ export const Selector = p => {
     defaultValue: props.defaultValue,
     onChange: val => {
       var _a;
-
       const extend = {
         get items() {
           return props.options.filter(option => val.includes(option.value));
         }
-
       };
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
     }
@@ -44,7 +42,6 @@ export const Selector = p => {
         if (disabled) {
           return;
         }
-
         if (props.multiple) {
           const val = active ? value.filter(v => v !== option.value) : [...value, option.value];
           setValue(val);

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

@@ -7,24 +7,20 @@ import { Corner } from './corner';
 import { traverseReactNode } from '../../utils/traverse-react-node';
 const classPrefix = `adm-side-bar`;
 /* istanbul ignore next */
-
 export const SideBarItem = () => {
   return null;
 };
 export const SideBar = props => {
   var _a;
-
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index) => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
-
     if (index === 0) {
       firstActiveKey = key;
     }
-
     items.push(child);
   });
   const [activeKey, setActiveKey] = usePropsValue({
@@ -32,7 +28,6 @@ export const SideBar = props => {
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
     onChange: v => {
       var _a;
-
       if (v === null) return;
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }

package/es/components/slider/marks.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 const classPrefix = `adm-slider-mark`;
-
 const Marks = ({
   marks,
   upperBound,
@@ -13,11 +12,9 @@ const Marks = ({
   const range = max - min;
   const elements = marksKeys.map(parseFloat).sort((a, b) => a - b).filter(point => point >= min && point <= max).map(point => {
     const markPoint = marks[point];
-
     if (!markPoint && markPoint !== 0) {
       return null;
     }
-
     const isActive = point <= upperBound && point >= lowerBound;
     const markClassName = classNames({
       [`${classPrefix}-text`]: true,
@@ -36,5 +33,4 @@ const Marks = ({
     className: classPrefix
   }, elements);
 };
-
 export default Marks;

package/es/components/slider/slider.js

@@ -8,6 +8,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import { nearest } from '../../utils/nearest';
 import { usePropsValue } from '../../utils/use-props-value';
 import { devWarning } from '../../utils/dev-log';
+import Big from 'big.js';
 const classPrefix = `adm-slider`;
 const defaultProps = {
   min: 0,
@@ -21,7 +22,6 @@ const defaultProps = {
 };
 export const Slider = p => {
   var _a;
-
   const props = mergeProps(defaultProps, p);
   const {
     min,
@@ -32,68 +32,59 @@ export const Slider = p => {
     step,
     icon
   } = props;
-
   function sortValue(val) {
     return val.sort((a, b) => a - b);
   }
-
   function convertValue(value) {
     return props.range ? value : [props.min, value];
   }
-
   function reverseValue(value) {
-    return props.range ? value : value[1];
+    const mergedDecimalLen = Math.max(getDecimalLen(step), getDecimalLen(value[0]), getDecimalLen(value[1]));
+    return props.range ? value.map(v => Big(Big(v).toFixed(mergedDecimalLen)).toNumber()) : Big(Big(value[1]).toFixed(mergedDecimalLen)).toNumber();
+  }
+  function getDecimalLen(n) {
+    return (`${n}`.split('.')[1] || '').length;
   }
-
   function onAfterChange(value) {
     var _a;
-
     (_a = props.onAfterChange) === null || _a === void 0 ? void 0 : _a.call(props, reverseValue(value));
   }
-
   let propsValue = props.value;
-
   if (props.range && typeof props.value === 'number') {
     devWarning('Slider', 'When `range` prop is enabled, the `value` prop should be an array, like: [0, 0]');
     propsValue = [0, props.value];
   }
-
   const [rawValue, setRawValue] = usePropsValue({
     value: propsValue,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.range ? [min, min] : min,
     onChange: props.onChange
   });
   const sliderValue = sortValue(convertValue(rawValue));
-
   function setSliderValue(value) {
     const next = sortValue(value);
     const current = sliderValue;
     if (next[0] === current[0] && next[1] === current[1]) return;
     setRawValue(reverseValue(next));
   }
-
   const trackRef = useRef(null);
   const fillSize = `${100 * (sliderValue[1] - sliderValue[0]) / (max - min)}%`;
-  const fillStart = `${100 * (sliderValue[0] - min) / (max - min)}%`; // 计算要显示的点
-
+  const fillStart = `${100 * (sliderValue[0] - min) / (max - min)}%`;
+  // 计算要显示的点
   const pointList = useMemo(() => {
     if (marks) {
       return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
     } else {
       const points = [];
-
-      for (let i = min; i <= max; i += step) {
-        points.push(i);
+      for (let i = Big(min); i.lt(max); i = i.plus(step)) {
+        points.push(i.toNumber());
       }
-
       return points;
     }
   }, [marks, ticks, step, min, max]);
-
   function getValueByPosition(position) {
     const newPosition = position < min ? min : position > max ? max : position;
-    let value = min; // 显示了刻度点，就只能移动到点上
-
+    let value = min;
+    // 显示了刻度点，就只能移动到点上
     if (pointList.length) {
       value = nearest(pointList, newPosition);
     } else {
@@ -101,12 +92,9 @@ export const Slider = p => {
       const steps = Math.round(newPosition / lengthPerStep);
       value = steps * lengthPerStep * (max - min) * 0.01 + min;
     }
-
     return value;
   }
-
   const dragLockRef = useRef(0);
-
   const onTrackClick = event => {
     if (dragLockRef.current > 0) return;
     event.stopPropagation();
@@ -117,7 +105,6 @@ export const Slider = p => {
     const position = (event.clientX - sliderOffsetLeft) / Math.ceil(track.offsetWidth) * (max - min) + min;
     const targetValue = getValueByPosition(position);
     let nextSliderValue;
-
     if (props.range) {
       // 移动的滑块采用就近原则
       if (Math.abs(targetValue - sliderValue[0]) > Math.abs(targetValue - sliderValue[1])) {
@@ -128,13 +115,10 @@ export const Slider = p => {
     } else {
       nextSliderValue = [props.min, targetValue];
     }
-
     setSliderValue(nextSliderValue);
     onAfterChange(nextSliderValue);
   };
-
   const valueBeforeDragRef = useRef();
-
   const renderThumb = index => {
     return React.createElement(Thumb, {
       key: index,
@@ -151,14 +135,12 @@ export const Slider = p => {
           dragLockRef.current += 1;
           valueBeforeDragRef.current = sliderValue;
         }
-
         const val = getValueByPosition(position);
         const valueBeforeDrag = valueBeforeDragRef.current;
         if (!valueBeforeDrag) return;
         const next = [...valueBeforeDrag];
         next[index] = val;
         setSliderValue(next);
-
         if (last) {
           onAfterChange(next);
           window.setTimeout(() => {
@@ -169,7 +151,6 @@ export const Slider = p => {
       "aria-label": props['aria-label']
     });
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, {
       [`${classPrefix}-disabled`]: disabled

package/es/components/slider/thumb.js

@@ -4,7 +4,6 @@ import { ThumbIcon } from './thumb-icon';
 import { Popover } from '../popover/popover';
 import { useConfig } from '../config-provider';
 const classPrefix = `adm-slider`;
-
 const Thumb = props => {
   const {
     value,
@@ -19,24 +18,19 @@ const Thumb = props => {
   const {
     locale
   } = useConfig();
-
   const currentPosition = () => {
     return {
       left: `${(value - min) / (max - min) * 100}%`,
       right: 'auto'
     };
   };
-
   const [dragging, setDragging] = useState(false);
   const bind = useDrag(state => {
     var _a;
-
     if (disabled) return;
-
     if (state.first) {
       prevValue.current = value;
     }
-
     const x = state.xy[0] - state.initial[0];
     const sliderOffsetWith = (_a = props.trackRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     if (!sliderOffsetWith) return;
@@ -73,5 +67,4 @@ const Thumb = props => {
     mode: 'dark'
   }, thumbElement) : thumbElement);
 };
-
 export default Thumb;

package/es/components/slider/ticks.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 const classPrefix = `adm-slider`;
-
 const Ticks = ({
   points,
   max,
@@ -30,5 +29,4 @@ const Ticks = ({
     className: `${classPrefix}-ticks`
   }, elements);
 };
-
 export default Ticks;

package/es/components/spin-loading/spin-loading.js

@@ -15,7 +15,6 @@ const defaultProps = {
 const circumference = 15 * 3.14159265358979 * 2;
 export const SpinLoading = memo(p => {
   var _a;
-
   const props = mergeProps(defaultProps, p);
   const motionReduced = useMotionReduced();
   const {

package/es/components/stepper/stepper.js

@@ -30,18 +30,14 @@ export const Stepper = p => {
   } = useConfig();
   const [value, setValue] = usePropsValue(props);
   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 !== undefined) {
       target = parseFloat(target.toFixed(props.digits));
     }
-
     setValue(target);
   }
-
   const [hasFocus, setHasFocus] = useState(false);
   useEffect(() => {
     if (!hasFocus) {
@@ -53,11 +49,9 @@ export const Stepper = p => {
       setInputValue(convertValueToText(value, props.digits));
     }
   }, [value, props.digits]);
-
   const handleInputChange = v => {
     setInputValue(v);
     const value = convertTextToValue(v);
-
     if (value === null) {
       if (props.allowEmpty) {
         setValue(null);
@@ -68,37 +62,28 @@ export const Stepper = p => {
       setValueWithCheck(value);
     }
   };
-
   const handleMinus = () => {
     setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
-
   const handlePlus = () => {
     setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
   };
-
   const minusDisabled = () => {
     if (disabled) return true;
     if (value === null) return false;
-
     if (min !== undefined) {
       return value <= min;
     }
-
     return false;
   };
-
   const plusDisabled = () => {
     if (disabled) return true;
     if (value === null) return false;
-
     if (max !== undefined) {
       return value >= max;
     }
-
     return false;
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, {
       [`${classPrefix}-active`]: hasFocus
@@ -117,7 +102,6 @@ export const Stepper = p => {
     className: `${classPrefix}-input`,
     onFocus: e => {
       var _a;
-
       setHasFocus(true);
       (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
@@ -128,7 +112,6 @@ export const Stepper = p => {
     disabled: disabled,
     onBlur: e => {
       var _a;
-
       setHasFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
@@ -136,7 +119,8 @@ export const Stepper = p => {
     role: 'spinbutton',
     "aria-valuenow": Number(inputValue),
     "aria-valuemax": max,
-    "aria-valuemin": min
+    "aria-valuemin": min,
+    inputMode: 'decimal'
   })), React.createElement(Button, {
     className: `${classPrefix}-plus`,
     onClick: handlePlus,
@@ -147,17 +131,14 @@ export const Stepper = p => {
     "aria-label": locale.Stepper.increase
   }, React.createElement(AddOutline, null))));
 };
-
 function convertValueToText(value, digits) {
   if (value === null) return '';
-
   if (digits !== undefined) {
     return value.toFixed(digits);
   } else {
     return value.toString();
   }
 }
-
 function convertTextToValue(text) {
   if (text === '') return null;
   return parseFloat(text);

package/es/components/steps/steps.js

@@ -22,20 +22,16 @@ export const Steps = p => {
     className: classString
   }, React.Children.map(props.children, (child, index) => {
     var _a;
-
     if (!React.isValidElement(child)) {
       return child;
     }
-
     const props = child.props;
     let status = props.status || 'wait';
-
     if (index < current) {
       status = props.status || 'finish';
     } else if (index === current) {
       status = props.status || 'process';
     }
-
     const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : defaultIcon;
     return React.cloneElement(child, {
       status,

package/es/components/swipe-action/swipe-action.js

@@ -19,21 +19,17 @@ export const SwipeAction = forwardRef((p, ref) => {
   const rootRef = useRef(null);
   const leftRef = useRef(null);
   const rightRef = useRef(null);
-
   function getWidth(ref) {
     const element = ref.current;
     if (!element) return 0;
     return element.offsetWidth;
   }
-
   function getLeftWidth() {
     return getWidth(leftRef);
   }
-
   function getRightWidth() {
     return getWidth(rightRef);
   }
-
   const [{
     x
   }, api] = useSpring(() => ({
@@ -45,32 +41,24 @@ export const SwipeAction = forwardRef((p, ref) => {
   }), []);
   const draggingRef = useRef(false);
   const dragCancelRef = useRef(null);
-
   function forceCancelDrag() {
     var _a;
-
     (_a = dragCancelRef.current) === null || _a === void 0 ? void 0 : _a.call(dragCancelRef);
     draggingRef.current = false;
   }
-
   const bind = useDrag(state => {
     var _a;
-
     dragCancelRef.current = state.cancel;
     if (!state.intentional) return;
-
     if (state.down) {
       draggingRef.current = true;
     }
-
     if (!draggingRef.current) return;
     const [offsetX] = state.offset;
-
     if (state.last) {
       const leftWidth = getLeftWidth();
       const rightWidth = getRightWidth();
       let position = offsetX + state.velocity[0] * state.direction[0] * 50;
-
       if (offsetX > 0) {
         position = Math.max(0, position);
       } else if (offsetX < 0) {
@@ -78,16 +66,13 @@ export const SwipeAction = forwardRef((p, ref) => {
       } else {
         position = 0;
       }
-
       const targetX = nearest([-rightWidth, 0, leftWidth], position);
       api.start({
         x: targetX
       });
-
       if (targetX !== 0) {
         (_a = p.onActionsReveal) === null || _a === void 0 ? void 0 : _a.call(p, targetX > 0 ? 'left' : 'right');
       }
-
       window.setTimeout(() => {
         draggingRef.current = false;
       });
@@ -115,18 +100,15 @@ export const SwipeAction = forwardRef((p, ref) => {
     },
     triggerAllEvents: true
   });
-
   function close() {
     api.start({
       x: 0
     });
     forceCancelDrag();
   }
-
   useImperativeHandle(ref, () => ({
     show: (side = 'right') => {
       var _a;
-
       if (side === 'right') {
         api.start({
           x: -getRightWidth()
@@ -136,35 +118,28 @@ export const SwipeAction = forwardRef((p, ref) => {
           x: getLeftWidth()
         });
       }
-
       (_a = p.onActionsReveal) === null || _a === void 0 ? void 0 : _a.call(p, side);
     },
     close
   }));
   useEffect(() => {
     if (!props.closeOnTouchOutside) return;
-
     function handle(e) {
       if (x.get() === 0) {
         return;
       }
-
       const root = rootRef.current;
-
       if (root && !root.contains(e.target)) {
         close();
       }
     }
-
     document.addEventListener('touchstart', handle);
     return () => {
       document.removeEventListener('touchstart', handle);
     };
   }, [props.closeOnTouchOutside]);
-
   function renderAction(action) {
     var _a, _b;
-
     const color = (_a = action.color) !== null && _a !== void 0 ? _a : 'light';
     return React.createElement(Button, {
       key: action.key,
@@ -174,17 +149,14 @@ export const SwipeAction = forwardRef((p, ref) => {
       },
       onClick: e => {
         var _a, _b;
-
         if (props.closeOnAction) {
           close();
         }
-
         (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
         (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, e);
       }
     }, action.text);
   }
-
   return withNativeProps(props, React.createElement("div", Object.assign({
     className: classPrefix
   }, bind(), {