antd-mobile 5.28.0 → 5.28.1

package/cjs/locales/ko-KR.d.ts

@@ -4,6 +4,7 @@ declare const koKR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/cjs/locales/zh-CN.d.ts

@@ -4,6 +4,7 @@ declare const zhCN: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/cjs/locales/zh-CN.js

@@ -12,7 +12,8 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '确定',
     cancel: '取消',
-    loading: '加载中'
+    loading: '加载中',
+    close: '关闭'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/cjs/locales/zh-HK.d.ts

@@ -4,6 +4,7 @@ declare const zhHK: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/cjs/locales/zh-HK.js

@@ -12,7 +12,8 @@ const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/cjs/locales/zh-TW.d.ts

@@ -4,6 +4,7 @@ declare const zhTW: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/cjs/locales/zh-TW.js

@@ -12,7 +12,8 @@ const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/es/components/ellipsis/ellipsis.d.ts

@@ -9,5 +9,6 @@ export declare type EllipsisProps = {
     collapseText?: string;
     stopPropagationForActionButtons?: PropagationEvent[];
     onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    defaultExpanded?: boolean;
 } & NativeProps;
 export declare const Ellipsis: FC<EllipsisProps>;

package/es/components/ellipsis/ellipsis.js

@@ -13,13 +13,14 @@ const defaultProps = {
   content: '',
   collapseText: '',
   stopPropagationForActionButtons: [],
-  onContentClick: () => {}
+  onContentClick: () => {},
+  defaultExpanded: false
 };
 export const Ellipsis = p => {
   const props = mergeProps(defaultProps, p);
   const rootRef = useRef(null);
   const [ellipsised, setEllipsised] = useState({});
-  const [expanded, setExpanded] = useState(false);
+  const [expanded, setExpanded] = useState(props.defaultExpanded);
   const [exceeded, setExceeded] = useState(false);
   const chars = useMemo(() => runes(props.content), [props.content]);
   function getSubString(start, end) {

package/es/components/nav-bar/nav-bar.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type NavBarProps = {
     back?: ReactNode;
@@ -6,6 +6,6 @@ export declare type NavBarProps = {
     left?: ReactNode;
     right?: ReactNode;
     onBack?: () => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--height' | '--border-bottom'>;
 export declare const NavBar: FC<NavBarProps>;

package/es/components/popup/popup.js

@@ -12,12 +12,16 @@ import { ShouldRender } from '../../utils/should-render';
 import { CloseOutline } from 'antd-mobile-icons';
 import { defaultPopupBaseProps } from './popup-base-props';
 import { useInnerVisible } from '../../utils/use-inner-visible';
+import { useConfig } from '../config-provider';
 const classPrefix = `adm-popup`;
 const defaultProps = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   position: 'bottom'
 });
 export const Popup = p => {
   const props = mergeProps(defaultProps, p);
+  const {
+    locale
+  } = useConfig();
   const bodyCls = classNames(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const [active, setActive] = useState(props.visible);
   useIsomorphicLayoutEffect(() => {
@@ -96,7 +100,9 @@ export const Popup = p => {
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
+    },
+    role: 'button',
+    "aria-label": locale.common.close
   }, React.createElement(CloseOutline, null)), props.children))));
   return React.createElement(ShouldRender, {
     active: active,

package/es/components/steps/steps.css

@@ -14,7 +14,6 @@
 .adm-step .adm-step-indicator .adm-step-icon-container {
   position: absolute;
   z-index: 1;
-  background: var(--adm-color-background);
   color: var(--icon-color);
 }
 .adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {

package/es/components/swiper/swiper.js

@@ -203,11 +203,14 @@ export const Swiper = forwardRef(staged((p, ref) => {
     } = props;
     useEffect(() => {
       if (!autoplay || dragging) return;
-      const interval = window.setInterval(() => {
+      let interval;
+      function tick() {
+        interval = window.setTimeout(tick, autoplayInterval);
         swipeNext();
-      }, autoplayInterval);
+      }
+      interval = window.setTimeout(tick, autoplayInterval);
       return () => {
-        window.clearInterval(interval);
+        if (interval) window.clearTimeout(interval);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
     function renderTrackInner() {

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

@@ -25,6 +25,8 @@ export const TextArea = forwardRef((p, ref) => {
     devError('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
   }
   const nativeTextAreaRef = useRef(null);
+  // https://github.com/ant-design/ant-design-mobile/issues/5961
+  const heightRef = useRef('auto');
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue('');
@@ -45,7 +47,7 @@ export const TextArea = forwardRef((p, ref) => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
-    textArea.style.height = 'auto';
+    textArea.style.height = heightRef.current;
     let height = textArea.scrollHeight;
     if (typeof autoSize === 'object') {
       const computedStyle = window.getComputedStyle(textArea);
@@ -57,6 +59,7 @@ export const TextArea = forwardRef((p, ref) => {
         height = Math.min(height, autoSize.maxRows * lineHeight);
       }
     }
+    heightRef.current = `${height}px`;
     textArea.style.height = `${height}px`;
   }, [value, autoSize]);
   const compositingRef = useRef(false);

package/es/locales/base.d.ts

@@ -4,6 +4,7 @@ export declare const base: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/base.js

@@ -4,7 +4,8 @@ export const base = {
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',
-    loading: 'Loading'
+    loading: 'Loading',
+    close: 'Close'
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],

package/es/locales/en-US.d.ts

@@ -4,6 +4,7 @@ declare const enUS: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/es-ES.d.ts

@@ -4,6 +4,7 @@ declare const esES: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/fa-IR.d.ts

@@ -4,6 +4,7 @@ declare const faIR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/fr-FR.d.ts

@@ -4,6 +4,7 @@ declare const frFR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/id-ID.d.ts

@@ -4,6 +4,7 @@ declare const idID: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/ja-JP.d.ts

@@ -4,6 +4,7 @@ declare const jaJP: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/kk-KZ.d.ts

@@ -4,6 +4,7 @@ declare const kkKZ: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/ko-KR.d.ts

@@ -4,6 +4,7 @@ declare const koKR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/zh-CN.d.ts

@@ -4,6 +4,7 @@ declare const zhCN: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/zh-CN.js

@@ -6,7 +6,8 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: '确定',
     cancel: '取消',
-    loading: '加载中'
+    loading: '加载中',
+    close: '关闭'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/es/locales/zh-HK.d.ts

@@ -4,6 +4,7 @@ declare const zhHK: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/zh-HK.js

@@ -6,7 +6,8 @@ const zhHK = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/es/locales/zh-TW.d.ts

@@ -4,6 +4,7 @@ declare const zhTW: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/es/locales/zh-TW.js

@@ -6,7 +6,8 @@ const zhTW = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "antd-mobile",
-  "version": "5.28.0",
+  "version": "5.28.1",
   "dependencies": {
     "@floating-ui/dom": "^1.0.6",
     "@rc-component/mini-decimal": "^1.0.1",
-    "@react-spring/web": "^9.5.5",
+    "@react-spring/web": "~9.6.0",
     "@use-gesture/react": "10.2.20",
     "ahooks": "^3.7.2",
     "antd-mobile-icons": "^0.3.0",