antd-mobile 5.30.0 → 5.31.1

package/es/components/slider/slider.js

@@ -78,13 +78,14 @@ export const Slider = p => {
   const pointList = useMemo(() => {
     if (marks) {
       return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
-    } else {
+    } else if (ticks) {
       const points = [];
       for (let i = getMiniDecimal(min); i.lessEquals(getMiniDecimal(max)); i = i.add(step)) {
         points.push(i.toNumber());
       }
       return points;
     }
+    return [];
   }, [marks, ticks, step, min, max]);
   function getValueByPosition(position) {
     const newPosition = position < min ? min : position > max ? max : position;
@@ -93,9 +94,10 @@ export const Slider = p => {
     if (pointList.length) {
       value = nearest(pointList, newPosition);
     } else {
-      const lengthPerStep = 100 / ((max - min) / step);
-      const steps = Math.round(newPosition / lengthPerStep);
-      value = steps * lengthPerStep * (max - min) * 0.01 + min;
+      // 使用 MiniDecimal 避免精度问题
+      const cell = Math.round((newPosition - min) / step);
+      const nextVal = getMiniDecimal(cell).multi(step);
+      value = getMiniDecimal(min).add(nextVal.toString()).toNumber();
     }
     return value;
   }

package/es/components/swiper/swiper.js

@@ -10,7 +10,7 @@ import PageIndicator from '../page-indicator';
 import { staged } from 'staged-components';
 import { useRefState } from '../../utils/use-ref-state';
 import { bound } from '../../utils/bound';
-import { useIsomorphicLayoutEffect } from 'ahooks';
+import { useIsomorphicLayoutEffect, useGetState } from 'ahooks';
 import { mergeFuncProps } from '../../utils/with-func-props';
 const classPrefix = `adm-swiper`;
 const eventToPropRecord = {
@@ -35,6 +35,7 @@ let currentUid;
 export const Swiper = forwardRef(staged((p, ref) => {
   const props = mergeProps(defaultProps, p);
   const [uid] = useState({});
+  const timeoutRef = useRef(null);
   const isVertical = props.direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -73,7 +74,7 @@ export const Swiper = forwardRef(staged((p, ref) => {
       const trackPixels = isVertical ? track.offsetHeight : track.offsetWidth;
       return trackPixels * props.slideSize / 100;
     }
-    const [current, setCurrent] = useState(props.defaultIndex);
+    const [current, setCurrent, getCurrent] = useGetState(props.defaultIndex);
     const [dragging, setDragging, draggingRef] = useRefState(false);
     function boundIndex(current) {
       let min = 0;
@@ -171,10 +172,10 @@ export const Swiper = forwardRef(staged((p, ref) => {
       var _a;
       const roundedIndex = Math.round(index);
       const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
-      setCurrent(targetIndex);
-      if (targetIndex !== current) {
+      if (targetIndex !== getCurrent()) {
         (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
       }
+      setCurrent(targetIndex);
       api.start({
         position: (loop ? roundedIndex : boundIndex(roundedIndex)) * 100,
         immediate
@@ -201,16 +202,17 @@ export const Swiper = forwardRef(staged((p, ref) => {
       autoplay,
       autoplayInterval
     } = props;
+    const runTimeSwiper = () => {
+      timeoutRef.current = window.setTimeout(() => {
+        swipeNext();
+        runTimeSwiper();
+      }, autoplayInterval);
+    };
     useEffect(() => {
       if (!autoplay || dragging) return;
-      let interval;
-      function tick() {
-        interval = window.setTimeout(tick, autoplayInterval);
-        swipeNext();
-      }
-      interval = window.setTimeout(tick, autoplayInterval);
+      runTimeSwiper();
       return () => {
-        if (interval) window.clearTimeout(interval);
+        if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
     function renderTrackInner() {
@@ -240,9 +242,11 @@ export const Swiper = forwardRef(staged((p, ref) => {
           style: {
             [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
           }
-        }, React.Children.map(validChildren, child => {
+        }, React.Children.map(validChildren, (child, index) => {
           return React.createElement("div", {
-            className: `${classPrefix}-slide`
+            className: classNames(`${classPrefix}-slide`, {
+              [`${classPrefix}-slide-active`]: current === index
+            })
           }, child);
         }));
       }

package/es/components/text-area/text-area.d.ts

@@ -21,7 +21,7 @@ export declare type TextAreaRef = {
     blur: () => void;
     nativeElement: HTMLTextAreaElement | null;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "name" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoFocus" | "autoComplete" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoFocus" | "name" | "readOnly" | "autoComplete"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

package/es/utils/reduce-and-restore-motion.js

@@ -31,5 +31,5 @@ function subscribe(onStoreChange) {
   };
 }
 export function useMotionReduced() {
-  return useSyncExternalStore(subscribe, isMotionReduced);
+  return useSyncExternalStore(subscribe, isMotionReduced, isMotionReduced);
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "antd-mobile",
-  "version": "5.30.0",
+  "version": "5.31.1",
   "dependencies": {
     "@floating-ui/dom": "^1.2.6",
-    "@rc-component/mini-decimal": "^1.0.1",
+    "@rc-component/mini-decimal": "^1.1.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "ahooks": "^3.7.6",