antd-mobile 5.6.1 → 5.7.2

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

@@ -0,0 +1,98 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} یک ${type} معتبر نیست';
+const faIR = mergeLocale(base, {
+  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

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

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

@@ -4,7 +4,8 @@ const typeTemplate = '${label}不是一个有效的${type}';
 const zhCN = mergeLocale(base, {
   common: {
     confirm: '确定',
-    cancel: '取消'
+    cancel: '取消',
+    loading: '加载中……'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -93,6 +94,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,101 @@
+declare const zhHK: {
+    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,48 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const zhHK = mergeLocale(base, {
+  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;

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

@@ -0,0 +1,101 @@
+declare const zhTW: {
+    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 zhTW;

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

@@ -0,0 +1,48 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const zhTW = mergeLocale(base, {
+  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 zhTW;

package/2x/es/utils/with-cache.d.ts

@@ -0,0 +1 @@
+export declare function withCache<T>(generate: () => T): () => T;

package/2x/es/utils/with-cache.js

@@ -0,0 +1,10 @@
+export function withCache(generate) {
+  let cache = null;
+  return () => {
+    if (cache === null) {
+      cache = generate();
+    }
+
+    return cache;
+  };
+}

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.6.1",
+  "version": "5.7.2",
   "dependencies": {
     "@floating-ui/dom": "^0.3.1",
     "@react-spring/web": "^9.4.3",

package/cjs/components/calendar/calendar.d.ts

@@ -9,9 +9,10 @@ export declare type CalenderRef = {
     jumpToToday: () => void;
 };
 export declare type CalendarProps = {
+    onPageChange?: (year: number, month: number) => void;
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => string | null | undefined;
-    onPageChange?: (year: number, month: number) => void;
+    allowClear?: boolean;
 } & ({
     selectionMode?: undefined;
     value?: undefined;
@@ -21,12 +22,12 @@ export declare type CalendarProps = {
     selectionMode: 'single';
     value?: Date | null;
     defaultValue?: Date | null;
-    onChange?: (val: Date) => void;
+    onChange?: (val: Date | null) => void;
 } | {
     selectionMode: 'range';
     value?: [Date, Date] | null;
     defaultValue?: [Date, Date] | null;
-    onChange?: (val: [Date, Date]) => void;
+    onChange?: (val: [Date, Date] | null) => void;
 }) & NativeProps;
 export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<CalenderRef>>;
 export {};

package/cjs/components/calendar/calendar.js

@@ -25,6 +25,10 @@ var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 
 var _ahooks = require("ahooks");
 
+var _usePropsValue = require("../../utils/use-props-value");
+
+var _convert = require("./convert");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,7 +39,9 @@ _dayjs.default.extend(_isoWeek.default);
 
 const classPrefix = 'adm-calendar';
 const defaultProps = {
-  weekStartsOn: 'Sunday'
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true
 };
 const Calendar = (0, _react.forwardRef)((p, ref) => {
   const today = (0, _dayjs.default)();
@@ -50,29 +56,21 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
     if (item) markItems.unshift(item);
   }
 
-  const dateRange = (0, _react.useMemo)(() => {
-    var _a, _b, _c, _d;
+  const [dateRange, setDateRange] = (0, _usePropsValue.usePropsValue)({
+    value: props.value === undefined ? undefined : (0, _convert.convertValueToRange)(props.selectionMode, props.value),
+    defaultValue: (0, _convert.convertValueToRange)(props.selectionMode, props.defaultValue),
+    onChange: v => {
+      var _a, _b;
 
-    if (props.selectionMode === 'single') {
-      const value = (_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : null;
-      return [value, value];
-    } else if (props.selectionMode === 'range') {
-      return (_d = (_c = props.value) !== null && _c !== void 0 ? _c : props.defaultValue) !== null && _d !== void 0 ? _d : [null, null];
-    } else {
-      return [null, null];
+      if (props.selectionMode === 'single') {
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v ? v[0] : null);
+      } else if (props.selectionMode === 'range') {
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
+      }
     }
-  }, [props.selectionMode, props.value, props.defaultValue]);
-  const [begin, setBegin] = (0, _react.useState)(null);
-  const [end, setEnd] = (0, _react.useState)(null);
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    setBegin(dateRange[0] ? (0, _dayjs.default)(dateRange[0]) : null);
-    setEnd(dateRange[1] ? (0, _dayjs.default)(dateRange[1]) : null);
-  }, [dateRange[0], dateRange[1]]);
-  const [current, setCurrent] = (0, _react.useState)(() => {
-    var _a;
-
-    return (0, _dayjs.default)((_a = dateRange[0]) !== null && _a !== void 0 ? _a : today).date(1);
   });
+  const [intermediate, setIntermediate] = (0, _react.useState)(false);
+  const [current, setCurrent] = (0, _react.useState)(() => (0, _dayjs.default)(dateRange ? dateRange[0] : today).date(1));
   (0, _ahooks.useUpdateEffect)(() => {
     var _a;
 
@@ -136,14 +134,16 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
 
     while (cells.length < 6 * 7) {
       const d = iterator;
-
-      const isSelect = (() => {
-        if (!begin) return false;
-        if (d.isSame(begin, 'day')) return true;
-        if (!end) return false;
-        if (d.isSame(end, 'day')) return true;
-        return d.isAfter(begin, 'day') && d.isBefore(end, 'day');
-      })();
+      let isSelect = false;
+      let isBegin = false;
+      let isEnd = false;
+
+      if (dateRange) {
+        const [begin, end] = dateRange;
+        isBegin = d.isSame(begin, 'day');
+        isEnd = d.isSame(end, 'day');
+        isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
+      }
 
       const inThisMonth = d.month() === current.month();
       cells.push(_react.default.createElement("div", {
@@ -151,41 +151,52 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
         className: (0, _classnames.default)(`${classPrefix}-cell`, inThisMonth ? `${classPrefix}-cell-in` : `${classPrefix}-cell-out`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
-          [`${classPrefix}-cell-selected-begin`]: isSelect && d.isSame(begin, 'day'),
-          [`${classPrefix}-cell-selected-end`]: isSelect && (!end || d.isSame(end, 'day'))
+          [`${classPrefix}-cell-selected-begin`]: isBegin,
+          [`${classPrefix}-cell-selected-end`]: isEnd
         }),
         onClick: () => {
-          var _a, _b, _c;
-
           if (!props.selectionMode) return;
+          const date = d.toDate();
+
+          if (!inThisMonth) {
+            setCurrent(d.clone().date(1));
+          }
+
+          function shouldClear() {
+            if (!props.allowClear) return false;
+            if (!dateRange) return false;
+            const [begin, end] = dateRange;
+            return d.isSame(begin, 'date') && d.isSame(end, 'day');
+          }
 
           if (props.selectionMode === 'single') {
-            setBegin(d);
-            setEnd(d);
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate());
+            if (props.allowClear && shouldClear()) {
+              setDateRange(null);
+              return;
+            }
+
+            setDateRange([date, date]);
           } else if (props.selectionMode === 'range') {
-            if (begin !== null && end === null) {
-              if (begin.isSame(d.toDate())) {
-                setBegin(null);
-                setEnd(null);
-              } else {
-                if (d.isBefore(begin)) {
-                  setEnd(begin);
-                  setBegin(d);
-                  (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, [d.toDate(), begin.toDate()]);
-                } else {
-                  setEnd(d);
-                  (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, [begin.toDate(), d.toDate()]);
-                }
-              }
-            } else {
-              setBegin(d);
-              setEnd(null);
+            if (!dateRange) {
+              setDateRange([date, date]);
+              setIntermediate(true);
+              return;
             }
-          }
 
-          if (!inThisMonth) {
-            setCurrent(d.clone().date(1));
+            if (shouldClear()) {
+              setDateRange(null);
+              setIntermediate(false);
+              return;
+            }
+
+            if (intermediate) {
+              const another = dateRange[0];
+              setDateRange(another > date ? [date, another] : [another, date]);
+              setIntermediate(false);
+            } else {
+              setDateRange([date, date]);
+              setIntermediate(true);
+            }
           }
         }
       }, _react.default.createElement("div", {

package/cjs/components/calendar/convert.d.ts

@@ -0,0 +1,2 @@
+export declare type DateRange = [Date, Date] | null;
+export declare function convertValueToRange(selectionMode: 'single' | 'range' | undefined, value: Date | [Date, Date] | null): DateRange;

package/cjs/components/calendar/convert.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertValueToRange = convertValueToRange;
+
+function convertValueToRange(selectionMode, value) {
+  if (selectionMode === undefined) {
+    return null;
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (Array.isArray(value)) {
+    return value;
+  }
+
+  return [value, value];
+}