antd-mobile 5.10.2 → 5.10.3

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

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

package/2x/es/components/picker/picker.d.ts

@@ -17,5 +17,6 @@ export declare type PickerProps = {
     cancelText?: ReactNode;
     children?: (items: (PickerColumnItem | null)[]) => ReactNode;
     renderLabel?: (item: PickerColumnItem) => ReactNode;
+    mouseWheel?: boolean;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation'> & NativeProps<'--header-button-font-size' | '--title-font-size' | '--item-font-size' | '--item-height'>;
 export declare const Picker: React.NamedExoticComponent<PickerProps>;

package/2x/es/components/picker/picker.js

@@ -82,6 +82,7 @@ export const Picker = memo(p => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange: onChange
   }))));
   const popupElement = React.createElement(Popup, {

package/2x/es/components/picker-view/picker-view.d.ts

@@ -16,6 +16,7 @@ export declare type PickerViewProps = {
     columns: PickerColumn[] | ((value: PickerValue[]) => PickerColumn[]);
     value?: PickerValue[];
     defaultValue?: PickerValue[];
+    mouseWheel?: boolean;
     onChange?: (value: PickerValue[], extend: PickerValueExtend) => void;
 } & Pick<PickerProps, 'renderLabel'> & NativeProps<'--height' | '--item-height' | '--item-font-size'>;
 export declare const PickerView: React.NamedExoticComponent<PickerViewProps>;

package/2x/es/components/picker-view/picker-view.js

@@ -8,7 +8,8 @@ import { defaultRenderLabel } from '../picker/picker-utils';
 const classPrefix = `adm-picker-view`;
 const defaultProps = {
   defaultValue: [],
-  renderLabel: defaultRenderLabel
+  renderLabel: defaultRenderLabel,
+  mouseWheel: false
 };
 export const PickerView = memo(p => {
   const props = mergeProps(defaultProps, p);
@@ -58,7 +59,8 @@ export const PickerView = memo(p => {
     column: column,
     value: innerValue[index],
     onSelect: handleSelect,
-    renderLabel: props.renderLabel
+    renderLabel: props.renderLabel,
+    mouseWheel: props.mouseWheel
   })), React.createElement("div", {
     className: `${classPrefix}-mask`
   }, React.createElement("div", {

package/2x/es/components/picker-view/wheel.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     value: PickerValue;
     onSelect: (value: PickerValue, index: number) => void;
     renderLabel: (item: PickerColumnItem) => ReactNode;
+    mouseWheel: boolean;
 };
 export declare const Wheel: React.NamedExoticComponent<Props>;
 export {};

package/2x/es/components/picker-view/wheel.js

@@ -1,11 +1,12 @@
 import React, { memo, useRef } from 'react';
 import { useSpring, animated } from '@react-spring/web';
-import { useDrag } from '@use-gesture/react';
+import { useDrag, useWheel } from '@use-gesture/react';
 import { rubberbandIfOutOfBounds } from '../../utils/rubberband';
 import { bound } from '../../utils/bound';
 import isEqual from 'lodash/isEqual';
 import { useIsomorphicLayoutEffect } from 'ahooks';
 import { measureCSSLength } from '../../utils/measure-css-length';
+import { supportsPassive } from '../../utils/supports-passive';
 const classPrefix = `adm-picker-view`;
 export const Wheel = memo(props => {
   const {
@@ -71,7 +72,7 @@ export const Wheel = memo(props => {
     onSelect(item.value);
   }
 
-  const bind = useDrag(state => {
+  const handleDrag = state => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
@@ -87,13 +88,31 @@ export const Wheel = memo(props => {
         y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
+  };
+
+  useDrag(state => {
+    state.event.stopPropagation();
+    handleDrag(state);
   }, {
     axis: 'y',
     from: () => [0, y.get()],
     filterTaps: true,
     pointer: {
       touch: true
-    }
+    },
+    target: rootRef
+  });
+  useWheel(state => {
+    state.event.stopPropagation();
+    handleDrag(state);
+  }, {
+    axis: 'y',
+    from: () => [0, y.get()],
+    preventDefault: true,
+    target: props.mouseWheel ? rootRef : undefined,
+    eventOptions: supportsPassive ? {
+      passive: false
+    } : false
   });
   let selectedIndex = null;
 
@@ -130,10 +149,10 @@ export const Wheel = memo(props => {
     }, "-")));
   }
 
-  return React.createElement("div", Object.assign({
+  return React.createElement("div", {
     ref: rootRef,
     className: `${classPrefix}-column`
-  }, bind()), React.createElement(animated.div, {
+  }, React.createElement(animated.div, {
     style: {
       translateY: y
     },

package/2x/es/components/popover/wrapper.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare class Wrapper extends React.Component<{}, {}> {
+export declare class Wrapper extends React.Component<{
+    children?: React.ReactNode;
+}, {}> {
     element: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;

package/2x/es/components/popup/popup.d.ts

@@ -18,5 +18,6 @@ export declare type PopupProps = {
     maskStyle?: React.CSSProperties;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
+    children?: React.ReactNode;
 } & NativeProps<'--z-index'>;
 export declare const Popup: FC<PopupProps>;

package/2x/es/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 export declare type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 export declare type PullToRefreshProps = {
     onRefresh?: () => Promise<any>;
@@ -11,6 +11,7 @@ export declare type PullToRefreshProps = {
     threshold?: number;
     disabled?: boolean;
     renderText?: (status: PullStatus) => ReactNode;
+    children?: React.ReactNode;
 };
 export declare const defaultProps: {
     pullingText: string;

package/2x/es/components/pull-to-refresh/pull-to-refresh.js

@@ -13,7 +13,7 @@ const classPrefix = `adm-pull-to-refresh`;
 export const defaultProps = {
   pullingText: '下拉刷新',
   canReleaseText: '释放立即刷新',
-  refreshingText: '加载中……',
+  refreshingText: '加载中...',
   completeText: '刷新成功',
   completeDelay: 500,
   disabled: false,
@@ -26,7 +26,7 @@ export const PullToRefresh = p => {
     locale
   } = useConfig();
   const props = mergeProps(defaultProps, {
-    refreshingText: locale.common.loading,
+    refreshingText: `${locale.common.loading}...`,
     pullingText: locale.PullToRefresh.pulling,
     canReleaseText: locale.PullToRefresh.canRelease,
     completeText: locale.PullToRefresh.complete

package/2x/es/components/radio/group.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { RadioValue } from '.';
 export interface RadioGroupProps {
     value?: RadioValue | null;
     onChange?: (val: RadioValue) => void;
     defaultValue?: RadioValue | null;
     disabled?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Group: FC<RadioGroupProps>;

package/2x/es/components/radio/radio.d.ts

@@ -10,5 +10,6 @@ export declare type RadioProps = {
     block?: boolean;
     id?: string;
     icon?: (checked: boolean) => React.ReactNode;
+    children?: React.ReactNode;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/2x/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/2x/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/2x/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/2x/es/components/swiper/index.d.ts

@@ -19,6 +19,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
 } & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
     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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/es/locales/base.d.ts

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

package/2x/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/2x/es/locales/en-US.d.ts

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

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

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

package/2x/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/2x/es/locales/fa-IR.d.ts

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

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

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

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

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

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

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

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

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

package/2x/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/2x/package.json

@@ -1,11 +1,12 @@
 {
   "name": "antd-mobile",
-  "version": "5.10.2",
+  "version": "5.10.3",
   "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",