antd-mobile 5.34.0 → 5.36.0

package/2x/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/2x/es/components/picker-view/wheel.js

@@ -3,10 +3,11 @@ import { useSpring, animated } from '@react-spring/web';
 import { useDrag, useWheel } from '@use-gesture/react';
 import { rubberbandIfOutOfBounds } from '../../utils/rubberband';
 import { bound } from '../../utils/bound';
-import isEqual from 'lodash/isEqual';
+import isEqual from 'react-fast-compare';
 import { useIsomorphicLayoutEffect } from 'ahooks';
 import { measureCSSLength } from '../../utils/measure-css-length';
 import { supportsPassive } from '../../utils/supports-passive';
+import classNames from 'classnames';
 const classPrefix = `adm-picker-view`;
 export const Wheel = memo(props => {
   const {
@@ -214,8 +215,10 @@ export const Wheel = memo(props => {
     }
     return React.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
-      "data-selected": item.value === value,
-      className: `${classPrefix}-column-item`,
+      "data-selected": selected,
+      className: classNames(`${classPrefix}-column-item`, {
+        [`${classPrefix}-column-item-active`]: selected
+      }),
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? 'active' : ''

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

@@ -14,7 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: import("../../utils/with-stop-propagation").PropagationEvent[] | undefined;
     content: import("react").ReactNode;
 } & {
     className?: string | undefined;

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

@@ -32,7 +32,7 @@ export declare const Popover: React.ForwardRefExoticComponent<{
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: PropagationEvent[] | undefined;
     content: ReactNode;
 } & {
     className?: string | undefined;

package/2x/es/components/radio/radio.css

@@ -9,7 +9,7 @@
   cursor: pointer;
 }
 
-.adm-radio input {
+.adm-radio input[type='radio'] {
   display: none;
 }
 

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RadioValue = string | number;
 export declare type RadioProps = {

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

@@ -1,13 +1,13 @@
+import classNames from 'classnames';
 import React, { useContext } from 'react';
+import { devWarning } from '../../utils/dev-log';
+import { isDev } from '../../utils/is-dev';
 import { withNativeProps } from '../../utils/native-props';
-import classNames from 'classnames';
-import { RadioGroupContext } from './group-context';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
 import { CheckIcon } from '../checkbox/check-icon';
-import { devWarning } from '../../utils/dev-log';
-import { isDev } from '../../utils/is-dev';
 import { NativeInput } from '../checkbox/native-input';
+import { RadioGroupContext } from './group-context';
 const classPrefix = `adm-radio`;
 const defaultProps = {
   defaultChecked: false

package/2x/es/components/result-page/result-page.css

@@ -19,7 +19,7 @@
 }
 
 .adm-result-page-icon {
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   box-sizing: border-box;
   padding: 4px;
   margin-bottom: 16px;
@@ -31,7 +31,7 @@
 
 .adm-result-page-title {
   font-size: var(--adm-font-size-10);
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   line-height: 1.4;
   text-align: center;
 }
@@ -55,7 +55,7 @@
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: 10px;
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   font-size: var(--adm-font-size-6);
 }
 
@@ -69,8 +69,8 @@
   height: 20px;
   margin: auto;
   margin-bottom: 10px;
-  border-top: 4px solid var(--adm-color-background);
-  border-right: 4px solid var(--adm-color-background);
+  border-top: 4px solid var(--adm-color-text-light-solid);
+  border-right: 4px solid var(--adm-color-text-light-solid);
   transform: rotate(135deg);
 }
 

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

@@ -31,7 +31,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     closeOnTouchOutside?: boolean | undefined;
     closeOnAction?: boolean | undefined;
     children: ReactNode;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: PropagationEvent[] | undefined;
     onActionsReveal?: ((side: SideType) => void) | undefined;
 } & {
     className?: string | undefined;

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

@@ -67,10 +67,6 @@
   display: none;
 }
 
-.adm-text-area-element[readonly] {
-  pointer-events: none;
-}
-
 .adm-text-area-element-hidden {
   visibility: hidden;
   position: absolute;

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' | '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/2x/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/2x/es/global/css-vars-patch.css

@@ -59,13 +59,13 @@
   }
 
   .adm-button-danger {
-    background-color: #00b578;
-    border-color: #00b578;
+    background-color: #ff3141;
+    border-color: #ff3141;
   }
 
   .adm-button-danger.adm-button-fill-outline,
   .adm-button-danger.adm-button-fill-none {
-    color: #00b578;
+    color: #ff3141;
   }
 
   .adm-button-warning {

package/2x/es/index.d.ts

@@ -36,7 +36,7 @@ export { default as Checkbox } from './components/checkbox';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxRef, } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export type { CollapseProps, CollapsePanelProps } from './components/collapse';
-export { default as ConfigProvider } from './components/config-provider';
+export { default as ConfigProvider, useConfig } from './components/config-provider';
 export type { ConfigProviderProps } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
 export type { DatePickerProps, DatePickerRef } from './components/date-picker';

package/2x/es/index.js

@@ -18,7 +18,7 @@ export { default as CenterPopup } from './components/center-popup';
 export { default as CheckList } from './components/check-list';
 export { default as Checkbox } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
-export { default as ConfigProvider } from './components/config-provider';
+export { default as ConfigProvider, useConfig } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
 export { default as DatePickerView } from './components/date-picker-view';
 export { default as Dialog } from './components/dialog';

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