antd-mobile 5.35.0 → 5.36.0

package/es/components/input/input.js

@@ -4,10 +4,10 @@ import { CloseCircleFill } from 'antd-mobile-icons';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 import classNames from 'classnames';
-import { useIsomorphicLayoutEffect } from 'ahooks';
 import { bound } from '../../utils/bound';
 import { isIOS } from '../../utils/validate';
 import { useConfig } from '../config-provider';
+import useInputHandleKeyDown from './useInputHandleKeyDown';
 const classPrefix = `adm-input`;
 const defaultProps = {
   defaultValue: '',
@@ -22,6 +22,12 @@ export const Input = forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
+  const handleKeydown = useInputHandleKeyDown({
+    onEnterPress: props.onEnterPress,
+    onKeyDown: props.onKeyDown,
+    nativeInputRef,
+    enterKeyHint: props.enterKeyHint
+  });
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue('');
@@ -38,22 +44,6 @@ export const Input = forwardRef((p, ref) => {
       return nativeInputRef.current;
     }
   }));
-  const handleKeydown = e => {
-    var _a;
-    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
-      props.onEnterPress(e);
-    }
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  };
-  useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (!props.enterKeyHint) return;
-    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
-    return () => {
-      var _a;
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
-    };
-  }, [props.enterKeyHint]);
   function checkValue() {
     let nextValue = value;
     if (props.type === 'number') {
@@ -104,6 +94,7 @@ export const Input = forwardRef((p, ref) => {
     max: props.max,
     min: props.min,
     autoComplete: props.autoComplete,
+    enterKeyHint: props.enterKeyHint,
     autoFocus: props.autoFocus,
     pattern: props.pattern,
     inputMode: props.inputMode,

package/es/components/input/useInputHandleKeyDown.d.ts

@@ -0,0 +1,8 @@
+interface InputHandleKeyDownType<T> {
+    onEnterPress?: (e: React.KeyboardEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint'];
+    nativeInputRef: React.RefObject<T>;
+}
+export default function useInputHandleKeyDown<T extends HTMLInputElement | HTMLTextAreaElement>({ onEnterPress, onKeyDown, nativeInputRef, enterKeyHint, }: InputHandleKeyDownType<T>): (e: React.KeyboardEvent<T>) => void;
+export {};

package/es/components/input/useInputHandleKeyDown.js

@@ -0,0 +1,23 @@
+import { useIsomorphicLayoutEffect } from 'ahooks';
+export default function useInputHandleKeyDown({
+  onEnterPress,
+  onKeyDown,
+  nativeInputRef,
+  enterKeyHint
+}) {
+  const handleKeydown = e => {
+    if (onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
+      onEnterPress(e);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+  };
+  useIsomorphicLayoutEffect(() => {
+    const ele = nativeInputRef.current;
+    if (!enterKeyHint || !ele) return;
+    ele.setAttribute('enterkeyhint', enterKeyHint);
+    return () => {
+      ele.removeAttribute('enterkeyhint');
+    };
+  }, [enterKeyHint]);
+  return handleKeydown;
+}

package/es/components/result-page/result-page.d.ts

@@ -7,7 +7,7 @@ interface ResultPageDetail {
     bold?: boolean;
 }
 declare type ResultPageDetails = ResultPageDetail[];
-declare type OnClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
+declare type OnClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
 export declare type ResultPageProps = {
     status?: 'success' | 'error' | 'info' | 'waiting' | 'warning';
     title: ReactNode;

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

@@ -3,7 +3,7 @@ export type { SwiperProps, SwiperRef } from './swiper';
 declare const _default: import("react").ForwardRefExoticComponent<{
     defaultIndex?: number | undefined;
     allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
+    autoplay?: boolean | "reverse" | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;

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

@@ -16,7 +16,7 @@ export declare type SwiperRef = {
 export declare type SwiperProps = {
     defaultIndex?: number;
     allowTouchMove?: boolean;
-    autoplay?: boolean;
+    autoplay?: boolean | 'reverse';
     autoplayInterval?: number;
     loop?: boolean;
     direction?: 'horizontal' | 'vertical';
@@ -40,7 +40,7 @@ export declare type SwiperProps = {
 export declare const Swiper: React.ForwardRefExoticComponent<{
     defaultIndex?: number | undefined;
     allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
+    autoplay?: boolean | "reverse" | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;

package/es/components/swiper/swiper.js

@@ -219,7 +219,11 @@ export const Swiper = forwardRef(staged((p, ref) => {
     } = props;
     const runTimeSwiper = () => {
       timeoutRef.current = window.setTimeout(() => {
-        swipeNext();
+        if (autoplay === 'reverse') {
+          swipePrev();
+        } else {
+          swipeNext();
+        }
         runTimeSwiper();
       }, autoplayInterval);
     };

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' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'onKeyDown'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -14,6 +14,8 @@ export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaH
         maxRows?: number;
     };
     id?: string;
+    onEnterPress?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 } & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--count-text-align'>;
 export declare type TextAreaRef = {
     clear: () => void;
@@ -21,7 +23,7 @@ export declare type TextAreaRef = {
     blur: () => void;
     nativeElement: HTMLTextAreaElement | null;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoFocus" | "name" | "readOnly" | "autoComplete"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "autoFocus" | "name" | "readOnly" | "autoComplete"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;
@@ -34,6 +36,8 @@ export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.Detail
         maxRows?: number | undefined;
     } | undefined;
     id?: string | undefined;
+    onEnterPress?: ((e: React.KeyboardEvent<HTMLTextAreaElement>) => void) | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align", string>>) | undefined;

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

@@ -5,6 +5,7 @@ import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
 import { devError } from '../../utils/dev-log';
+import useInputHandleKeyDown from '../../components/input/useInputHandleKeyDown';
 const classPrefix = 'adm-text-area';
 const defaultProps = {
   rows: 2,
@@ -30,6 +31,12 @@ export const TextArea = forwardRef((p, ref) => {
   const heightRef = useRef('auto');
   // https://github.com/ant-design/ant-design-mobile/issues/6051
   const hiddenTextAreaRef = useRef(null);
+  const handleKeydown = useInputHandleKeyDown({
+    onEnterPress: props.onEnterPress,
+    onKeyDown: props.onKeyDown,
+    nativeInputRef: nativeTextAreaRef,
+    enterKeyHint: props.enterKeyHint
+  });
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue('');
@@ -123,7 +130,8 @@ export const TextArea = forwardRef((p, ref) => {
     name: props.name,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    onClick: props.onClick
+    onClick: props.onClick,
+    onKeyDown: handleKeydown
   }), count, autoSize && React.createElement("textarea", {
     ref: hiddenTextAreaRef,
     className: `${classPrefix}-element ${classPrefix}-element-hidden`,

package/es/locales/ar-SA.d.ts

@@ -0,0 +1,139 @@
+declare const arSA: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: 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;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default arSA;

package/es/locales/ar-SA.js

@@ -0,0 +1,142 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} غير صالح ${type}';
+const arSA = mergeLocale(base, {
+  'locale': 'ar-SA',
+  'common': {
+    'confirm': 'نعم',
+    'cancel': 'إلغاء',
+    'loading': 'جار التحميل',
+    'close': 'إغلاق'
+  },
+  'Calendar': {
+    'title': 'اختيار التاريخ',
+    'confirm': 'تأكيد',
+    'start': 'يبدأ',
+    'end': 'ينهي',
+    'today': 'اليوم',
+    'markItems': ['واحد', 'اثنين', 'ثلاثة', 'أربعة', 'خمسة', 'ستة', 'يوم'],
+    'yearAndMonth': '${year} سنة ${month} شهر'
+  },
+  'Cascader': {
+    'placeholder': 'اختر من فضلك'
+  },
+  'Dialog': {
+    'ok': 'عرفت'
+  },
+  'DatePicker': {
+    'tillNow': 'إلى اليوم'
+  },
+  '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': 'جارٍ التحميل...',
+    'upload': 'تحميل'
+  },
+  'InfiniteScroll': {
+    'noMore': '-لا يوجد أكثر-',
+    'failedToLoad': 'فشل التحميل',
+    'retry': 'إعادة التحميل'
+  },
+  'Input': {
+    'clear': 'إزالة'
+  },
+  'Mask': {
+    'name': 'قناع الخلفية'
+  },
+  'Modal': {
+    'ok': 'عرفت'
+  },
+  'PasscodeInput': {
+    'name': 'مربع إدخال كلمة المرور'
+  },
+  'PullToRefresh': {
+    'pulling': 'اسحب إلى الأسفل للتحديث',
+    'canRelease': 'حرر للتحديث على الفور',
+    'complete': 'تم التحديث بنجاح'
+  },
+  'SearchBar': {
+    'name': 'شريط البحث'
+  },
+  'Slider': {
+    'name': 'شريط الإدخال المنزلق'
+  },
+  'Stepper': {
+    'decrease': 'يقلل',
+    'increase': 'يزيد'
+  },
+  'Switch': {
+    'name': 'زر الفتح والإغلاق'
+  },
+  'Selector': {
+    'name': 'اختر مجموعة'
+  }
+});
+export default arSA;

package/es/locales/de-DE.d.ts

@@ -0,0 +1,139 @@
+declare const deDE: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: 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;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default deDE;