antd-mobile 5.29.1 → 5.30.0

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, useUpdateEffect } from 'ahooks';
+import { useIsomorphicLayoutEffect } from 'ahooks';
 import { mergeFuncProps } from '../../utils/with-func-props';
 const classPrefix = `adm-swiper`;
 const eventToPropRecord = {
@@ -74,10 +74,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
       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;
@@ -172,9 +168,13 @@ export const Swiper = forwardRef(staged((p, ref) => {
       }
     });
     function swipeTo(index, immediate = false) {
+      var _a;
       const roundedIndex = Math.round(index);
       const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
       setCurrent(targetIndex);
+      if (targetIndex !== current) {
+        (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
+      }
       api.start({
         position: (loop ? roundedIndex : boundIndex(roundedIndex)) * 100,
         immediate
@@ -219,7 +219,9 @@ export const Swiper = forwardRef(staged((p, ref) => {
           className: `${classPrefix}-track-inner`
         }, React.Children.map(validChildren, (child, index) => {
           return React.createElement(animated.div, {
-            className: `${classPrefix}-slide`,
+            className: classNames(`${classPrefix}-slide`, {
+              [`${classPrefix}-slide-active`]: current === index
+            }),
             style: {
               [isVertical ? 'y' : 'x']: position.to(position => {
                 let finalPosition = -position + index * 100;

package/es/components/text-area/text-area.js

@@ -1,5 +1,6 @@
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useIsomorphicLayoutEffect } from 'ahooks';
+import runes from 'runes2';
 import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
@@ -68,7 +69,7 @@ export const TextArea = forwardRef((p, ref) => {
   }, [value, autoSize]);
   const compositingRef = useRef(false);
   let count;
-  const valueLength = [...value].length;
+  const valueLength = runes(value).length;
   if (typeof showCount === 'function') {
     count = showCount(valueLength, maxLength);
   } else if (showCount) {
@@ -87,7 +88,7 @@ export const TextArea = forwardRef((p, ref) => {
     onChange: e => {
       let v = e.target.value;
       if (maxLength && !compositingRef.current) {
-        v = [...v].slice(0, maxLength).join('');
+        v = runes(v).slice(0, maxLength).join('');
       }
       setValue(v);
     },
@@ -102,7 +103,7 @@ export const TextArea = forwardRef((p, ref) => {
       compositingRef.current = false;
       if (maxLength) {
         const v = e.target.value;
-        setValue([...v].slice(0, maxLength).join(''));
+        setValue(runes(v).slice(0, maxLength).join(''));
       }
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "antd-mobile",
-  "version": "5.29.1",
+  "version": "5.30.0",
   "dependencies": {
-    "@floating-ui/dom": "^1.0.6",
+    "@floating-ui/dom": "^1.2.6",
     "@rc-component/mini-decimal": "^1.0.1",
-    "@react-spring/web": "~9.6.0",
+    "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
-    "ahooks": "^3.7.2",
+    "ahooks": "^3.7.6",
     "antd-mobile-icons": "^0.3.0",
     "antd-mobile-v5-count": "^1.0.1",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.6",
+    "dayjs": "^1.11.7",
     "lodash": "^4.17.21",
-    "rc-field-form": "~1.27.3",
-    "rc-util": "^5.24.8",
+    "rc-field-form": "~1.27.4",
+    "rc-util": "^5.30.0",
     "react-is": "^18.2.0",
-    "runes": "^0.4.3",
+    "runes2": "^1.1.2",
     "staged-components": "^1.1.3",
-    "tslib": "^2.4.1",
+    "tslib": "^2.5.0",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {