antd-mobile 5.10.2 → 5.11.0

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

@@ -8,6 +8,7 @@ export declare type SearchBarProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'on
     maxLength?: number;
     placeholder?: string;
     clearable?: boolean;
+    onlyShowClearWhenFocus?: boolean;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean);
     cancelText?: string;
     icon?: ReactNode;
@@ -22,6 +23,7 @@ export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps,
     maxLength?: number | undefined;
     placeholder?: string | undefined;
     clearable?: boolean | undefined;
+    onlyShowClearWhenFocus?: boolean | undefined;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
     cancelText?: string | undefined;
     icon?: ReactNode;

package/es/components/search-bar/search-bar.js

@@ -10,6 +10,7 @@ import { useConfig } from '../config-provider';
 const classPrefix = `adm-search-bar`;
 const defaultProps = {
   clearable: true,
+  onlyShowClearWhenFocus: false,
   showCancelButton: false,
   defaultValue: '',
   clearOnCancel: true,
@@ -101,6 +102,7 @@ export const SearchBar = forwardRef((p, ref) => {
     maxLength: props.maxLength,
     placeholder: props.placeholder,
     clearable: props.clearable,
+    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
     onFocus: e => {
       var _a;
 

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

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {
     title?: ReactNode;
@@ -10,5 +11,6 @@ export declare type SideBarProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--width' | '--height' | '--item-border-radius' | '--background-color'>;
 export declare const SideBar: FC<SideBarProps>;

package/es/components/space/space.d.ts

@@ -7,5 +7,6 @@ export declare type SpaceProps = {
     wrap?: boolean;
     block?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Space: FC<SpaceProps>;

package/es/components/steps/steps.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Direction = 'horizontal' | 'vertical';
 export declare type StepsProps = {
     current?: number;
     direction?: Direction;
+    children?: React.ReactNode;
 } & NativeProps<'--title-font-size' | '--description-font-size' | '--indicator-margin-right' | '--icon-size'>;
 export declare const Steps: FC<StepsProps>;
 export {};

package/es/components/swiper/index.d.ts

@@ -1,24 +1,10 @@
 /// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
-} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
+declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        children?: import("react").ReactNode;
     } & import("../../utils/native-props").NativeProps<never>>;
 };
 export default _default;

package/es/components/swiper/swiper-item.d.ts

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Props = {
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const SwiperItem: FC<Props>;
 export {};

package/es/components/swiper/swiper.d.ts

@@ -22,19 +22,4 @@ export declare type SwiperProps = {
     rubberband?: boolean;
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
-} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;
+export declare const Swiper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

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

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {
@@ -12,5 +13,6 @@ export declare type TabBarProps = {
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
     safeArea?: boolean;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const TabBar: FC<TabBarProps>;

package/es/components/tabs/tabs.d.ts

@@ -1,10 +1,11 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type TabProps = {
     title: ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    children?: ReactNode;
 } & NativeProps;
 export declare const Tab: FC<TabProps>;
 export declare type TabsProps = {
@@ -13,5 +14,6 @@ export declare type TabsProps = {
     activeLineMode?: 'auto' | 'full' | 'fixed';
     stretch?: boolean;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
 export declare const Tabs: FC<TabsProps>;

package/es/components/tag/tag.d.ts

@@ -5,5 +5,6 @@ export declare type TagProps = {
     fill?: 'solid' | 'outline';
     round?: boolean;
     onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--border-color' | '--background-color' | '--text-color' | '--border-radius'>;
 export declare const Tag: FC<TagProps>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

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

@@ -115,7 +115,8 @@ export const TextArea = forwardRef((p, ref) => {
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,
-    onBlur: props.onBlur
+    onBlur: props.onBlur,
+    onClick: props.onClick
   }), count));
 });
 TextArea.defaultProps = defaultProps;

package/es/global/index.js

@@ -2,5 +2,7 @@ import "./global.css";
 import { canUseDom } from '../utils/can-use-dom';
 
 if (canUseDom) {
+  // Make sure the `:active` CSS selector of `button` and `a` take effect
+  // See: https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
   document.addEventListener('touchstart', () => {}, true);
 }

package/es/locales/base.d.ts

@@ -87,6 +87,9 @@ export declare const base: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/base.js

@@ -4,7 +4,7 @@ export const base = {
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',
-    loading: 'Loading...'
+    loading: 'Loading'
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
@@ -88,6 +88,9 @@ export const base = {
   ImageUploader: {
     uploading: 'Uploading...'
   },
+  InfiniteScroll: {
+    noMore: 'No more'
+  },
   Mask: {
     name: 'Mask'
   },

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

@@ -87,6 +87,9 @@ declare const enUS: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

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

@@ -87,6 +87,9 @@ declare const esES: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/es-ES.js

@@ -6,7 +6,7 @@ const esES = mergeLocale(base, {
   common: {
     confirm: 'Confirmar',
     cancel: 'Cancelar',
-    loading: 'Cargando...'
+    loading: 'Cargando'
   },
   Calendar: {
     markItems: ['Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],

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

@@ -87,6 +87,9 @@ declare const faIR: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

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

@@ -87,6 +87,9 @@ declare const koKR: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/ko-KR.js

@@ -6,11 +6,11 @@ const koKR = mergeLocale(base, {
   common: {
     confirm: '확인',
     cancel: '취소',
-    loading: '로딩중...'
+    loading: '로딩중'
   },
   Calendar: {
     markItems: ['월', '화', '수', '목', '금', '토', '일'],
-    renderYearAndMonth: (year, month) => `${year}년${month}일`
+    renderYearAndMonth: (year, month) => `${year}년 ${month}월`
   },
   Cascader: {
     placeholder: '선택됨'

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

@@ -87,6 +87,9 @@ declare const zhCN: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/zh-CN.js

@@ -6,7 +6,7 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: '确定',
     cancel: '取消',
-    loading: '加载中……'
+    loading: '加载中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -90,6 +90,9 @@ const zhCN = mergeLocale(base, {
   ImageUploader: {
     uploading: '上传中...'
   },
+  InfiniteScroll: {
+    noMore: '没有更多了'
+  },
   Mask: {
     name: '遮罩层'
   },

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

@@ -87,6 +87,9 @@ declare const zhHK: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/zh-HK.js

@@ -6,7 +6,7 @@ const zhHK = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中……'
+    loading: '加載中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -90,6 +90,9 @@ const zhHK = mergeLocale(base, {
   ImageUploader: {
     uploading: '上傳中...'
   },
+  InfiniteScroll: {
+    noMore: '沒有更多了'
+  },
   Mask: {
     name: '遮罩層'
   },

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

@@ -87,6 +87,9 @@ declare const zhTW: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/es/locales/zh-TW.js

@@ -6,7 +6,7 @@ const zhTW = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中……'
+    loading: '加載中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -90,6 +90,9 @@ const zhTW = mergeLocale(base, {
   ImageUploader: {
     uploading: '上傳中...'
   },
+  InfiniteScroll: {
+    noMore: '沒有更多了'
+  },
   Mask: {
     name: '遮罩層'
   },

package/es/utils/get-scroll-parent.js

@@ -1,22 +1,25 @@
 import { canUseDom } from './can-use-dom';
-const overflowScrollReg = /scroll|auto|overlay/i;
 const defaultRoot = canUseDom ? window : undefined;
+const overflowStylePatterns = ['scroll', 'auto', 'overlay'];
 
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
-} // https://github.com/youzan/vant/issues/3823
-
+}
 
 export function getScrollParent(el, root = defaultRoot) {
   let node = el;
 
   while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+
     const {
       overflowY
     } = window.getComputedStyle(node);
 
-    if (overflowScrollReg.test(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY)) {
       return node;
     }
 

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "antd-mobile",
-  "version": "5.10.2",
+  "version": "5.11.0",
   "dependencies": {
     "@floating-ui/dom": "^0.4.2",
     "@react-spring/web": "^9.4.4",
     "@types/big.js": "^6.1.3",
     "@types/react-is": "^17.0.3",
+    "@types/react-virtualized": "^9.21.21",
     "@types/resize-observer-browser": "^0.1.7",
     "@use-gesture/react": "^10.2.10",
     "ahooks": "^3.1.14",
@@ -15,7 +16,7 @@
     "classnames": "^2.3.1",
     "dayjs": "^1.11.0",
     "lodash": "^4.17.21",
-    "rc-field-form": "^1.24.0",
+    "rc-field-form": "^1.26.2",
     "react-is": "^17.0.2",
     "staged-components": "^1.1.2",
     "tslib": "^2.3.1"