antd-mobile 5.10.1 → 5.10.4

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/safe-area/safe-area.css

@@ -4,9 +4,9 @@
 }
 
 .adm-safe-area-position-top {
-  padding-top: env(safe-area-inset-top);
+  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
 }
 
 .adm-safe-area-position-bottom {
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
 }

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/global/global.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 26px;
   --adm-color-text: #333333;
+  --adm-hd: 2;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;

package/2x/es/global/theme.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 26px;
   --adm-color-text: #333333;
+  --adm-hd: 2;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;

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

@@ -0,0 +1,105 @@
+declare const koKR: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default koKR;

package/2x/es/locales/ko-KR.js

@@ -0,0 +1,105 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} 유효하지 않은 ${type} 입니다';
+const koKR = mergeLocale(base, {
+  locale: 'ko-KR',
+  common: {
+    confirm: '확인',
+    cancel: '취소',
+    loading: '로딩중'
+  },
+  Calendar: {
+    markItems: ['월', '화', '수', '목', '금', '토', '일'],
+    renderYearAndMonth: (year, month) => `${year}년 ${month}월`
+  },
+  Cascader: {
+    placeholder: '선택됨'
+  },
+  Dialog: {
+    ok: '확인'
+  },
+  ErrorBlock: {
+    default: {
+      title: '문제가 발생했습니다',
+      description: '잠시 후 다시 시도해주세요'
+    },
+    busy: {
+      title: '로딩 되지 않았습니다.',
+      description: '페이지를 새로고침 해주세요'
+    },
+    disconnected: {
+      title: '네트워크를 사용 중 입니다',
+      description: '페이지를 새로고침 해주세요'
+    },
+    empty: {
+      title: '정보를 찾을 수 없습니다',
+      description: '정확한 검색어인가요?'
+    }
+  },
+  Form: {
+    required: '필수',
+    optional: '선택',
+    defaultValidateMessages: {
+      default: '필드 유효성 검사 오류 ${label}',
+      required: '${label} 입력해 주세요',
+      enum: '${label} [${enum}] 중에 하나여야 합니다',
+      whitespace: '${label} 비워둘 수 없습니다',
+      date: {
+        format: '${label} 유효하지 않은 날짜 형식입니다',
+        parse: '${label} 날짜 형식으로 변환될 수 없습니다',
+        invalid: '${label} 유효하지 않은 날짜입니다'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label} ${len}글자여야 합니다',
+        min: '${label} 적어도 ${min}글자 이상이어야 합니다',
+        max: '${label} ${max}글자 이하여야 합니다',
+        range: '${label} ${min}-${max}글자 사이어야 합니다'
+      },
+      number: {
+        len: '${label} 값은 ${len}이어야 합니다',
+        min: '${label} 최솟값은 ${min}입니다',
+        max: '${label} 최댓값은 ${max}입니다',
+        range: '${label} 값은 ${min}-${max} 사이어야 합니다'
+      },
+      array: {
+        len: '${len}이어야 합니다 ${label}',
+        min: '최소 ${min}이어야 합니다 ${label}',
+        max: '최대 ${max}이어야 합니다 ${label}',
+        range: '${label} ${min}-${max} 사이어야 합니다'
+      },
+      pattern: {
+        mismatch: '${label} ${pattern} 패턴과 일치하지 않습니다'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: '업로드 중...'
+  },
+  Mask: {
+    name: '마스크'
+  },
+  Modal: {
+    ok: '확인'
+  },
+  PullToRefresh: {
+    pulling: '스크롤을 당겨서 새로고침하십시오',
+    canRelease: '새로고침 하려면 놓으십시오',
+    complete: '새로고침 완료'
+  }
+});
+export default koKR;

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;
     };