antd-mobile 5.23.0 → 5.24.1

package/2x/cjs/utils/use-touch.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTouch = useTouch;
-
 var _react = require("react");
-
 const MIN_DISTANCE = 10;
-
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
     return 'horizontal';
   }
-
   if (y > x && y > MIN_DISTANCE) {
     return 'vertical';
   }
-
   return '';
 }
-
 function useTouch() {
   const startX = (0, _react.useRef)(0);
   const startY = (0, _react.useRef)(0);
@@ -29,11 +23,8 @@ function useTouch() {
   const offsetX = (0, _react.useRef)(0);
   const offsetY = (0, _react.useRef)(0);
   const direction = (0, _react.useRef)('');
-
   const isVertical = () => direction.current === 'vertical';
-
   const isHorizontal = () => direction.current === 'horizontal';
-
   const reset = () => {
     deltaX.current = 0;
     deltaY.current = 0;
@@ -41,26 +32,22 @@ function useTouch() {
     offsetY.current = 0;
     direction.current = '';
   };
-
   const start = event => {
     reset();
     startX.current = event.touches[0].clientX;
     startY.current = event.touches[0].clientY;
   };
-
   const move = event => {
-    const touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
-
+    const touch = event.touches[0];
+    // Fix: Safari back will set clientX to negative number
     deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
     deltaY.current = touch.clientY - startY.current;
     offsetX.current = Math.abs(deltaX.current);
     offsetY.current = Math.abs(deltaY.current);
-
     if (!direction.current) {
       direction.current = getDirection(offsetX.current, offsetY.current);
     }
   };
-
   return {
     move,
     start,

package/2x/cjs/utils/validate.js

@@ -11,38 +11,29 @@ exports.isMobile = isMobile;
 exports.isNumeric = isNumeric;
 exports.isObject = isObject;
 exports.isPromise = isPromise;
-
 var _canUseDom = require("./can-use-dom");
-
 function isDef(val) {
   return val !== undefined && val !== null;
 }
-
 function isObject(val) {
   return val !== null && typeof val === 'object';
 }
-
 function isPromise(obj) {
   return !!obj && typeof obj === 'object' && typeof obj.then === 'function';
 }
-
 function isDate(val) {
   return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
 }
-
 function isMobile(value) {
   value = value.replace(/[^-|\d]/g, '');
   return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
 }
-
 function isNumeric(val) {
   return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
 }
-
 function isAndroid() {
   return _canUseDom.canUseDom ? /android/.test(navigator.userAgent.toLowerCase()) : false;
 }
-
 function isIOS() {
   return _canUseDom.canUseDom ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withCache = withCache;
-
 function withCache(generate) {
   let cache = null;
   return () => {
     if (cache === null) {
       cache = generate();
     }
-
     return cache;
   };
 }

package/2x/cjs/utils/with-default-props.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mergeProps = mergeProps;
-
 var _assignWith = _interopRequireDefault(require("lodash/assignWith"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function mergeProps(...items) {
   function customizer(objValue, srcValue) {
     return srcValue === undefined ? objValue : srcValue;
   }
-
   let ret = Object.assign({}, items[0]);
-
   for (let i = 1; i < items.length; i++) {
     ret = (0, _assignWith.default)(ret, items[i], customizer);
   }
-
   return ret;
 }

package/2x/cjs/utils/with-stop-propagation.js

@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withStopPropagation = withStopPropagation;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const eventToPropRecord = {
   'click': 'onClick'
 };
-
 function withStopPropagation(events, element) {
   const props = Object.assign({}, element.props);
-
   for (const key of events) {
     const prop = eventToPropRecord[key];
-
     props[prop] = function (e) {
       var _a, _b;
-
       e.stopPropagation();
       (_b = (_a = element.props)[prop]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
     };
   }
-
   return _react.default.cloneElement(element, props);
 }

package/2x/es/components/action-sheet/action-sheet.js

@@ -22,9 +22,7 @@ export const ActionSheet = p => {
     visible: props.visible,
     onMaskClick: () => {
       var _a, _b;
-
       (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props);
-
       if (props.closeOnMaskClick) {
         (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
       }
@@ -52,10 +50,8 @@ export const ActionSheet = p => {
     }),
     onClick: () => {
       var _a, _b, _c;
-
       (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
       (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index);
-
       if (props.closeOnAction) {
         (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
       }
@@ -72,7 +68,6 @@ export const ActionSheet = p => {
     className: classNames('adm-plain-anchor', `${classPrefix}-button-item`),
     onClick: () => {
       var _a;
-
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React.createElement("div", {

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

@@ -28,13 +28,10 @@ export const Button = forwardRef((p, ref) => {
     get nativeElement() {
       return nativeButtonRef.current;
     }
-
   }));
-
   const handleClick = e => __awaiter(void 0, void 0, void 0, function* () {
     if (!props.onClick) return;
     const promise = props.onClick(e);
-
     if (isPromise(promise)) {
       try {
         setInnerLoading(true);
@@ -46,7 +43,6 @@ export const Button = forwardRef((p, ref) => {
       }
     }
   });
-
   return withNativeProps(props, React.createElement("button", {
     ref: nativeButtonRef,
     type: props.type,

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

@@ -1,9 +1,6 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
-declare type Page = {
-    month: number;
-    year: number;
-};
+import { Page } from './convert';
 export declare type CalendarRef = {
     jumpTo: (page: Page | ((page: Page) => Page)) => void;
     jumpToToday: () => void;
@@ -20,6 +17,8 @@ export declare type CalendarProps = {
     max?: Date;
     min?: Date;
     shouldDisableDate?: (date: Date) => boolean;
+    minPage?: Page;
+    maxPage?: Page;
 } & ({
     selectionMode?: undefined;
     value?: undefined;
@@ -37,4 +36,3 @@ export declare type CalendarProps = {
     onChange?: (val: [Date, Date] | null) => void;
 }) & NativeProps;
 export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<CalendarRef>>;
-export {};

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

@@ -9,7 +9,7 @@ import { useConfig } from '../config-provider';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import { useUpdateEffect } from 'ahooks';
 import { usePropsValue } from '../../utils/use-props-value';
-import { convertValueToRange } from './convert';
+import { convertValueToRange, convertPageToDayjs } from './convert';
 dayjs.extend(isoWeek);
 const classPrefix = 'adm-calendar';
 const defaultProps = {
@@ -28,18 +28,15 @@ export const Calendar = forwardRef((p, ref) => {
     locale
   } = useConfig();
   const markItems = [...locale.Calendar.markItems];
-
   if (props.weekStartsOn === 'Sunday') {
     const item = markItems.pop();
     if (item) markItems.unshift(item);
   }
-
   const [dateRange, setDateRange] = usePropsValue({
     value: props.value === undefined ? undefined : convertValueToRange(props.selectionMode, props.value),
     defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
     onChange: v => {
       var _a, _b;
-
       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') {
@@ -51,13 +48,11 @@ export const Calendar = forwardRef((p, ref) => {
   const [current, setCurrent] = useState(() => dayjs(dateRange ? dateRange[0] : today).date(1));
   useUpdateEffect(() => {
     var _a;
-
     (_a = props.onPageChange) === null || _a === void 0 ? void 0 : _a.call(props, current.year(), current.month() + 1);
   }, [current]);
   useImperativeHandle(ref, () => ({
     jumpTo: pageOrPageGenerator => {
       let page;
-
       if (typeof pageOrPageGenerator === 'function') {
         page = pageOrPageGenerator({
           year: current.year(),
@@ -66,64 +61,73 @@ export const Calendar = forwardRef((p, ref) => {
       } else {
         page = pageOrPageGenerator;
       }
-
-      setCurrent(dayjs().year(page.year).month(page.month - 1).date(1));
+      setCurrent(convertPageToDayjs(page));
     },
     jumpToToday: () => {
       setCurrent(dayjs().date(1));
     }
   }));
+  const handlePageChange = (action, num, type) => {
+    const nxtCurrent = current[action](num, type);
+    if (action === 'subtract' && props.minPage) {
+      const minPage = convertPageToDayjs(props.minPage);
+      if (nxtCurrent.isBefore(minPage, type)) {
+        return;
+      }
+    }
+    if (action === 'add' && props.maxPage) {
+      const maxPage = convertPageToDayjs(props.maxPage);
+      if (nxtCurrent.isAfter(maxPage, type)) {
+        return;
+      }
+    }
+    setCurrent(current[action](num, type));
+  };
   const header = React.createElement("div", {
     className: `${classPrefix}-header`
   }, React.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-year`,
     onClick: () => {
-      setCurrent(current.subtract(1, 'year'));
+      handlePageChange('subtract', 1, 'year');
     }
   }, props.prevYearButton), React.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-month`,
     onClick: () => {
-      setCurrent(current.subtract(1, 'month'));
+      handlePageChange('subtract', 1, 'month');
     }
   }, props.prevMonthButton), React.createElement("div", {
     className: `${classPrefix}-title`
   }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
-      setCurrent(current.add(1, 'month'));
+      handlePageChange('add', 1, 'month');
     }
   }, props.nextMonthButton), React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-year`),
     onClick: () => {
-      setCurrent(current.add(1, 'year'));
+      handlePageChange('add', 1, 'year');
     }
   }, props.nextYearButton));
   const maxDay = useMemo(() => props.max && dayjs(props.max), [props.max]);
   const minDay = useMemo(() => props.min && dayjs(props.min), [props.min]);
-
   function renderCells() {
     var _a;
-
     const cells = [];
     let iterator = current.subtract(current.isoWeekday(), 'day');
-
     if (props.weekStartsOn === 'Monday') {
       iterator = iterator.add(1, 'day');
     }
-
     while (cells.length < 6 * 7) {
       const d = iterator;
       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();
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
       cells.push(React.createElement("div", {
@@ -138,24 +142,20 @@ export const Calendar = forwardRef((p, ref) => {
           if (!props.selectionMode) return;
           if (disabled) 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') {
             if (props.allowClear && shouldClear()) {
               setDateRange(null);
               return;
             }
-
             setDateRange([date, date]);
           } else if (props.selectionMode === 'range') {
             if (!dateRange) {
@@ -163,13 +163,11 @@ export const Calendar = forwardRef((p, ref) => {
               setIntermediate(true);
               return;
             }
-
             if (shouldClear()) {
               setDateRange(null);
               setIntermediate(false);
               return;
             }
-
             if (intermediate) {
               const another = dateRange[0];
               setDateRange(another > date ? [date, another] : [another, date]);
@@ -187,10 +185,8 @@ export const Calendar = forwardRef((p, ref) => {
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, 'day');
     }
-
     return cells;
   }
-
   const body = React.createElement("div", {
     className: `${classPrefix}-cells`
   }, renderCells());

package/2x/es/components/calendar/convert.d.ts

@@ -1,2 +1,8 @@
+import dayjs from 'dayjs';
 export declare type DateRange = [Date, Date] | null;
+export declare type Page = {
+    month: number;
+    year: number;
+};
 export declare function convertValueToRange(selectionMode: 'single' | 'range' | undefined, value: Date | [Date, Date] | null): DateRange;
+export declare function convertPageToDayjs(page: Page): dayjs.Dayjs;

package/2x/es/components/calendar/convert.js

@@ -1,15 +1,16 @@
+import dayjs from 'dayjs';
 export function convertValueToRange(selectionMode, value) {
   if (selectionMode === undefined) {
     return null;
   }
-
   if (value === null) {
     return null;
   }
-
   if (Array.isArray(value)) {
     return value;
   }
-
   return [value, value];
+}
+export function convertPageToDayjs(page) {
+  return dayjs().year(page.year).month(page.month - 1).date(1);
 }

package/2x/es/components/capsule-tabs/capsule-tabs.js

@@ -14,7 +14,6 @@ export const CapsuleTab = () => {
 };
 export const CapsuleTabs = props => {
   var _a;
-
   const tabListContainerRef = useRef(null);
   const rootRef = useRef(null);
   const keyToIndexRecord = {};
@@ -24,11 +23,9 @@ export const CapsuleTabs = props => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
-
     if (index === 0) {
       firstActiveKey = key;
     }
-
     const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
@@ -37,7 +34,6 @@ export const CapsuleTabs = props => {
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
     onChange: v => {
       var _a;
-
       if (v === null) return;
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }
@@ -69,11 +65,9 @@ export const CapsuleTabs = props => {
         key
       } = pane;
       if (pane.props.disabled) return;
-
       if (key === undefined || key === null) {
         return;
       }
-
       setActiveKey(key.toString());
     },
     className: classNames(`${classPrefix}-tab`, {
@@ -84,7 +78,6 @@ export const CapsuleTabs = props => {
     if (pane.props.children === undefined) {
       return null;
     }
-
     const active = pane.key === activeKey;
     return React.createElement(ShouldRender, {
       key: pane.key,

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

@@ -7,7 +7,6 @@ export const Card = props => {
     if (!(props.title || props.extra)) {
       return null;
     }
-
     return React.createElement("div", {
       className: classNames(`${classPrefix}-header`, props.headerClassName),
       style: props.headerStyle,
@@ -16,19 +15,16 @@ export const Card = props => {
       className: `${classPrefix}-header-title`
     }, props.title), props.extra);
   };
-
   const renderBody = () => {
     if (!props.children) {
       return null;
     }
-
     return React.createElement("div", {
       className: classNames(`${classPrefix}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix,
     onClick: props.onClick

package/2x/es/components/cascade-picker/cascade-picker-utils.js

@@ -2,7 +2,6 @@ import { useMemo } from 'react';
 export function useColumnsFn(options) {
   const depth = useMemo(() => {
     let depth = 0;
-
     function traverse(options, currentDepth) {
       if (currentDepth > depth) depth = currentDepth;
       const nextDepth = currentDepth + 1;
@@ -12,7 +11,6 @@ export function useColumnsFn(options) {
         }
       });
     }
-
     traverse(options, 1);
     return depth;
   }, [options]);
@@ -20,7 +18,6 @@ export function useColumnsFn(options) {
     const columns = [];
     let currentOptions = options;
     let i = 0;
-
     while (true) {
       columns.push(currentOptions.map(option => ({
         label: option.label,
@@ -32,12 +29,10 @@ export function useColumnsFn(options) {
       currentOptions = targetOptions.children;
       i++;
     }
-
     while (i < depth - 1) {
       columns.push([]);
       i++;
     }
-
     return columns;
   };
 }

package/2x/es/components/cascade-picker/cascade-picker.js

@@ -4,10 +4,9 @@ import Picker from '../picker';
 import { useColumnsFn } from './cascade-picker-utils';
 export const CascadePicker = forwardRef((props, ref) => {
   const {
-    options
-  } = props,
-        pickerProps = __rest(props, ["options"]);
-
+      options
+    } = props,
+    pickerProps = __rest(props, ["options"]);
   const columnsFn = useColumnsFn(options);
   return React.createElement(Picker, Object.assign({}, pickerProps, {
     ref: ref,

package/2x/es/components/cascade-picker/prompt.js

@@ -12,26 +12,22 @@ export function prompt(props) {
         visible: visible,
         onConfirm: (val, extend) => {
           var _a;
-
           (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
           resolve(val);
         },
         onClose: () => {
           var _a;
-
           (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
           setVisible(false);
           resolve(null);
         },
         afterClose: () => {
           var _a;
-
           (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
           unmount();
         }
       }));
     };
-
     const unmount = renderToBody(React.createElement(Wrapper, null));
   });
 }

package/2x/es/components/cascade-picker-view/cascade-picker-view.js

@@ -4,10 +4,9 @@ import PickerView from '../picker-view';
 import { useColumnsFn } from '../cascade-picker/cascade-picker-utils';
 export const CascadePickerView = props => {
   const {
-    options
-  } = props,
-        pickerProps = __rest(props, ["options"]);
-
+      options
+    } = props,
+    pickerProps = __rest(props, ["options"]);
   const columnsFn = useColumnsFn(options);
   return React.createElement(PickerView, Object.assign({}, pickerProps, {
     columns: columnsFn

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

@@ -14,7 +14,6 @@ const defaultProps = {
 };
 export const Cascader = forwardRef((p, ref) => {
   var _a;
-
   const {
     locale
   } = useConfig();
@@ -28,7 +27,6 @@ export const Cascader = forwardRef((p, ref) => {
     defaultValue: false,
     onChange: v => {
       var _a;
-
       if (v === false) {
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
       }
@@ -49,7 +47,6 @@ export const Cascader = forwardRef((p, ref) => {
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
-
       (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
   }));
@@ -73,7 +70,6 @@ export const Cascader = forwardRef((p, ref) => {
     className: `${classPrefix}-header-button`,
     onClick: () => {
       var _a;
-
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       setVisible(false);
     }
@@ -91,9 +87,7 @@ export const Cascader = forwardRef((p, ref) => {
     value: innerValue,
     onChange: (val, ext) => {
       var _a;
-
       setInnerValue(val);
-
       if (visible) {
         (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, val, ext);
       }
@@ -104,7 +98,6 @@ export const Cascader = forwardRef((p, ref) => {
     position: 'bottom',
     onMaskClick: () => {
       var _a;
-
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       setVisible(false);
     },