antd-mobile 5.28.0 → 5.28.1

package/2x/bundle/style.css

@@ -4213,7 +4213,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 .adm-step .adm-step-indicator .adm-step-icon-container {
   position: absolute;
   z-index: 1;
-  background: var(--adm-color-background);
   color: var(--icon-color);
 }
 

package/2x/cjs/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/2x/cjs/components/ellipsis/ellipsis.js

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

package/2x/cjs/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/2x/cjs/components/popup/popup.js

@@ -18,6 +18,7 @@ var _shouldRender = require("../../utils/should-render");
 var _antdMobileIcons = require("antd-mobile-icons");
 var _popupBaseProps = require("./popup-base-props");
 var _useInnerVisible = require("../../utils/use-inner-visible");
+var _configProvider = require("../config-provider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,6 +28,9 @@ const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopu
 });
 const Popup = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
   const bodyCls = (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const [active, setActive] = (0, _react.useState)(props.visible);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
@@ -105,7 +109,9 @@ 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.default.createElement(_antdMobileIcons.CloseOutline, null)), props.children))));
   return _react.default.createElement(_shouldRender.ShouldRender, {
     active: active,

package/2x/cjs/components/steps/steps.css

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

package/2x/cjs/components/swiper/swiper.js

@@ -212,11 +212,14 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     } = props;
     (0, _react.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/2x/cjs/components/text-area/text-area.js

@@ -33,6 +33,8 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     (0, _devLog.devError)('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
   }
   const nativeTextAreaRef = (0, _react.useRef)(null);
+  // https://github.com/ant-design/ant-design-mobile/issues/5961
+  const heightRef = (0, _react.useRef)('auto');
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
       setValue('');
@@ -53,7 +55,7 @@ const TextArea = (0, _react.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);
@@ -65,6 +67,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
         height = Math.min(height, autoSize.maxRows * lineHeight);
       }
     }
+    heightRef.current = `${height}px`;
     textArea.style.height = `${height}px`;
   }, [value, autoSize]);
   const compositingRef = (0, _react.useRef)(false);

package/2x/cjs/locales/base.d.ts

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

package/2x/cjs/locales/base.js

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

package/2x/cjs/locales/en-US.d.ts

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

package/2x/cjs/locales/es-ES.d.ts

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

package/2x/cjs/locales/fa-IR.d.ts

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

package/2x/cjs/locales/fr-FR.d.ts

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

package/2x/cjs/locales/id-ID.d.ts

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

package/2x/cjs/locales/ja-JP.d.ts

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

package/2x/cjs/locales/kk-KZ.d.ts

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

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/es/components/steps/steps.css

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

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/es/locales/zh-CN.js

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

package/2x/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/2x/es/locales/zh-HK.js

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

package/2x/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/2x/es/locales/zh-TW.js

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

package/2x/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",