antd-mobile 5.24.0 → 5.24.2

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.lte(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);
     },
@@ -148,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(), {

package/es/components/swiper/swiper.js

@@ -38,12 +38,10 @@ export const Swiper = forwardRef(staged((p, ref) => {
     let count = 0;
     const validChildren = React.Children.map(props.children, child => {
       if (!React.isValidElement(child)) return null;
-
       if (child.type !== SwiperItem) {
         devWarning('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
         return null;
       }
-
       count++;
       return child;
     });
@@ -52,48 +50,37 @@ export const Swiper = forwardRef(staged((p, ref) => {
       count
     };
   }, [props.children]);
-
   if (count === 0 || !validChildren) {
     devWarning('Swiper', '`Swiper` needs at least one child.');
     return null;
   }
-
   return () => {
     let loop = props.loop;
-
     if (slideRatio * (count - 1) < 1) {
       loop = false;
     }
-
     const trackRef = useRef(null);
-
     function getSlidePixels() {
       const track = trackRef.current;
       if (!track) return 0;
       const trackPixels = isVertical ? track.offsetHeight : track.offsetWidth;
       return trackPixels * props.slideSize / 100;
     }
-
     const [current, setCurrent] = useState(props.defaultIndex);
     useUpdateEffect(() => {
       var _a;
-
       (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, current);
     }, [current]);
     const [dragging, setDragging, draggingRef] = useRefState(false);
-
     function boundIndex(current) {
       let min = 0;
       let max = count - 1;
-
       if (props.stuckAtBoundary) {
         min += offsetRatio / slideRatio;
         max -= (1 - slideRatio - offsetRatio) / slideRatio;
       }
-
       return bound(current, min, max);
     }
-
     const [{
       position
     }, api] = useSpring(() => ({
@@ -116,22 +103,17 @@ export const Swiper = forwardRef(staged((p, ref) => {
       }
     }), [count]);
     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 => {
       dragCancelRef.current = state.cancel;
       if (!state.intentional) return;
-
       if (state.first && !currentUid) {
         currentUid = uid;
       }
-
       if (currentUid !== uid) return;
       currentUid = state.last ? undefined : uid;
       const slidePixels = getSlidePixels();
@@ -141,7 +123,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
       const direction = state.direction[paramIndex];
       const velocity = state.velocity[paramIndex];
       setDragging(true);
-
       if (!state.last) {
         api.start({
           position: offset * 100 / slidePixels,
@@ -183,7 +164,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         touch: true
       }
     });
-
     function swipeTo(index, immediate = false) {
       const roundedIndex = Math.round(index);
       const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
@@ -193,15 +173,12 @@ export const Swiper = forwardRef(staged((p, ref) => {
         immediate
       });
     }
-
     function swipeNext() {
       swipeTo(Math.round(position.get() / 100) + 1);
     }
-
     function swipePrev() {
       swipeTo(Math.round(position.get() / 100) - 1);
     }
-
     useImperativeHandle(ref, () => ({
       swipeTo,
       swipeNext,
@@ -209,7 +186,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
     }));
     useIsomorphicLayoutEffect(() => {
       const maxIndex = validChildren.length - 1;
-
       if (current > maxIndex) {
         swipeTo(maxIndex, true);
       }
@@ -227,7 +203,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         window.clearInterval(interval);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
-
     function renderTrackInner() {
       if (loop) {
         return React.createElement("div", {
@@ -260,7 +235,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         }));
       }
     }
-
     const style = {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
@@ -277,7 +251,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         if (draggingRef.current) {
           e.stopPropagation();
         }
-
         forceCancelDrag();
       }
     }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
@@ -289,7 +262,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
     }))) : props.indicator(count, current)));
   };
 }));
-
 function modulus(value, division) {
   const remainder = value % division;
   return remainder < 0 ? remainder + division : remainder;

package/es/components/switch/switch.js

@@ -23,18 +23,14 @@ export const Switch = p => {
     defaultValue: props.defaultChecked,
     onChange: props.onChange
   });
-
   function onClick() {
     return __awaiter(this, void 0, void 0, function* () {
       if (disabled || props.loading || changing) {
         return;
       }
-
       const nextChecked = !checked;
-
       if (props.beforeChange) {
         setChanging(true);
-
         try {
           yield props.beforeChange(nextChecked);
           setChanging(false);
@@ -43,12 +39,9 @@ export const Switch = p => {
           throw e;
         }
       }
-
       const result = setChecked(nextChecked);
-
       if (isPromise(result)) {
         setChanging(true);
-
         try {
           yield result;
           setChanging(false);
@@ -59,7 +52,6 @@ export const Switch = p => {
       }
     });
   }
-
   return withNativeProps(props, React.createElement("div", {
     onClick: onClick,
     className: classNames(classPrefix, {