antd-mobile 5.7.0 → 5.8.0

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

@@ -2,8 +2,8 @@ import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ResultProps = {
     status: 'success' | 'error' | 'info' | 'waiting' | 'warning';
-    title: string;
-    description?: string;
+    title: ReactNode;
+    description?: ReactNode;
     icon?: ReactNode;
 } & NativeProps;
 export declare const Result: FC<ResultProps>;

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

@@ -40,7 +40,14 @@ export const SearchBar = forwardRef((p, ref) => {
       var _a;
 
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+
+    get nativeElement() {
+      var _a, _b;
+
+      return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
     }
+
   }));
 
   const renderCancelButton = () => {

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

@@ -50,6 +50,8 @@
   height: 44px;
   margin: 10px;
   border-radius: 50%;
+  text-align: center;
+  line-height: 44px;
   background: var(--adm-color-white);
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 6px -4px rgba(0, 0, 0, 0.25);
 }

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { SliderMarks } from './marks';
 export declare type SliderValue = number | [number, number];
@@ -12,6 +12,7 @@ export declare type SliderProps = {
     ticks?: boolean;
     disabled?: boolean;
     range?: boolean;
+    icon?: React.ReactNode;
     onChange?: (value: SliderValue) => void;
     onAfterChange?: (value: SliderValue) => void;
 } & NativeProps<'--fill-color'>;

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

@@ -26,7 +26,8 @@ export const Slider = p => {
     disabled,
     marks,
     ticks,
-    step
+    step,
+    icon
   } = props;
 
   function sortValue(val) {
@@ -126,6 +127,7 @@ export const Slider = p => {
 
   const renderThumb = index => {
     return React.createElement(Thumb, {
+      icon: icon,
       key: index,
       value: sliderValue[index],
       min: min,

package/2x/es/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import React, { FC, RefObject } from 'react';
 declare type ThumbProps = {
     value: number;
     min: number;
@@ -6,6 +6,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
+    icon?: React.ReactNode;
 };
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/2x/es/components/slider/thumb.js

@@ -9,7 +9,8 @@ const Thumb = props => {
     min,
     max,
     disabled,
-    onDrag
+    onDrag,
+    icon
   } = props;
   const prevValue = useRef(value);
 
@@ -45,7 +46,7 @@ const Thumb = props => {
     style: currentPosition()
   }, bind()), React.createElement("div", {
     className: `${classPrefix}-thumb`
-  }, React.createElement(ThumbIcon, {
+  }, icon ? icon : React.createElement(ThumbIcon, {
     className: `${classPrefix}-thumb-icon`
   })));
 };

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' | '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'> & {
     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" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "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

@@ -111,6 +111,7 @@ export const TextArea = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,

package/2x/es/components/virtual-input/virtual-input.js

@@ -64,6 +64,28 @@ export const VirtualInput = forwardRef((p, ref) => {
     (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
   }
 
+  const keyboard = props.keyboard;
+  const keyboardElement = keyboard && React.cloneElement(keyboard, {
+    onInput: v => {
+      var _a, _b;
+
+      setValue(value + v);
+      (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
+    },
+    onDelete: () => {
+      var _a, _b;
+
+      setValue(value.slice(0, -1));
+      (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    visible: hasFocus,
+    onClose: () => {
+      var _a, _b, _c;
+
+      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+    }
+  });
   return withNativeProps(props, React.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix, {
@@ -91,18 +113,5 @@ export const VirtualInput = forwardRef((p, ref) => {
     }
   }, React.createElement(CloseCircleFill, null)), !value && React.createElement("div", {
     className: `${classPrefix}-placeholder`
-  }, props.placeholder), props.keyboard && React.cloneElement(props.keyboard, {
-    onInput: v => {
-      setValue(value + v);
-    },
-    onDelete: () => {
-      setValue(value.slice(0, -1));
-    },
-    visible: hasFocus,
-    onClose: () => {
-      var _a;
-
-      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-  })));
+  }, props.placeholder), keyboardElement));
 });

package/2x/es/locales/base.d.ts

@@ -1,7 +1,9 @@
 export declare const base: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;
+        loading: string;
     };
     Calendar: {
         markItems: string[];
@@ -91,5 +93,10 @@ export declare const base: {
     Modal: {
         ok: string;
     };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
 };
 export declare type Locale = typeof base;

package/2x/es/locales/base.js

@@ -1,8 +1,10 @@
 const typeTemplate = '${label} is not a valid ${type}';
 export const base = {
+  locale: 'en',
   common: {
     confirm: 'Confirm',
-    cancel: 'Cancel'
+    cancel: 'Cancel',
+    loading: 'Loading...'
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
@@ -91,5 +93,10 @@ export const base = {
   },
   Modal: {
     ok: 'OK'
+  },
+  PullToRefresh: {
+    pulling: 'Scroll down to refresh',
+    canRelease: 'Release to refresh immediately',
+    complete: 'Refresh successful'
   }
 };

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

@@ -1,7 +1,9 @@
 declare const enUS: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;
+        loading: string;
     };
     Calendar: {
         markItems: string[];
@@ -91,5 +93,10 @@ declare const enUS: {
     Modal: {
         ok: string;
     };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
 };
 export default enUS;

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

@@ -0,0 +1,102 @@
+declare const faIR: {
+    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;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default faIR;

package/2x/es/locales/fa-IR.js

@@ -0,0 +1,99 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} یک ${type} معتبر نیست';
+const faIR = mergeLocale(base, {
+  locale: 'fa-IR',
+  common: {
+    confirm: 'تایید',
+    cancel: 'لغو'
+  },
+  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: 'طول آیتم‌های ${label} باید برابر با ${len} باشد',
+        min: 'آیتم‌های ${label} باید حداقل ${min} باشد',
+        max: 'آیتم‌های ${label} باید حداکثر ${max} باشد',
+        range: 'آیتم‌های ${label} باید بین ${min}-${max} باشد'
+      },
+      pattern: {
+        mismatch: '${label} با الگوی ${pattern} مطابقت ندارد'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'در حال آپلود...'
+  },
+  Mask: {
+    name: 'ماسک'
+  },
+  Modal: {
+    ok: 'باشه'
+  }
+});
+export default faIR;

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

@@ -1,7 +1,9 @@
 declare const zhCN: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;
+        loading: string;
     };
     Calendar: {
         markItems: string[];
@@ -91,5 +93,10 @@ declare const zhCN: {
     Modal: {
         ok: string;
     };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
 };
 export default zhCN;

package/2x/es/locales/zh-CN.js

@@ -2,9 +2,11 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const typeTemplate = '${label}不是一个有效的${type}';
 const zhCN = mergeLocale(base, {
+  locale: 'zh-CH',
   common: {
     confirm: '确定',
-    cancel: '取消'
+    cancel: '取消',
+    loading: '加载中……'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -93,6 +95,11 @@ const zhCN = mergeLocale(base, {
   },
   Modal: {
     ok: '我知道了'
+  },
+  PullToRefresh: {
+    pulling: '下拉刷新',
+    canRelease: '释放立即刷新',
+    complete: '刷新成功'
   }
 });
 export default zhCN;

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

@@ -0,0 +1,102 @@
+declare const zhHK: {
+    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;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default zhHK;

package/2x/es/locales/zh-HK.js

@@ -0,0 +1,49 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const zhHK = mergeLocale(base, {
+  locale: 'zh-HK',
+  common: {
+    confirm: '確定',
+    cancel: '取消',
+    loading: '加載中……'
+  },
+  Cascader: {
+    placeholder: '請選擇'
+  },
+  Dialog: {
+    ok: '我知道了'
+  },
+  ErrorBlock: {
+    default: {
+      title: '頁面遇到一些小問題',
+      description: '待會來試試'
+    },
+    busy: {
+      title: '前方擁堵',
+      description: '刷新試試'
+    },
+    disconnected: {
+      title: '網絡有點忙',
+      description: '動動手指幫忙修復'
+    },
+    empty: {
+      title: '沒有找到您需要的東西',
+      description: '找找其他的吧'
+    }
+  },
+  ImageUploader: {
+    uploading: '上傳中...'
+  },
+  Mask: {
+    name: '遮罩層'
+  },
+  Modal: {
+    ok: '我知道了'
+  },
+  PullToRefresh: {
+    pulling: '下拉刷新',
+    canRelease: '釋放立即刷新',
+    complete: '刷新成功'
+  }
+});
+export default zhHK;