antd-mobile 5.27.0 → 5.28.0

package/bundle/css-vars-patch.css

@@ -85,6 +85,9 @@
   .adm-button.adm-button-shape-rectangular {
     border-radius: 0;
   }
+  .adm-cascader .adm-cascader-view-content {
+    height: 310px;
+  }
   .adm-center-popup {
     z-index: 1000;
   }

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

@@ -13,6 +13,7 @@ export declare type CalendarProps = {
     onPageChange?: (year: number, month: number) => void;
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => React.ReactNode;
+    renderDate?: (date: Date) => React.ReactNode;
     allowClear?: boolean;
     max?: Date;
     min?: Date;

package/cjs/components/calendar/calendar.js

@@ -197,7 +197,7 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
         }
       }, _react.default.createElement("div", {
         className: `${classPrefix}-cell-top`
-      }, d.date()), _react.default.createElement("div", {
+      }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), _react.default.createElement("div", {
         className: `${classPrefix}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, 'day');

package/cjs/components/cascader/cascader.patch.css

@@ -0,0 +1,3 @@
+.adm-cascader .adm-cascader-view-content {
+  height: 310px;
+}

package/cjs/components/footer/footer.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
-var _divider = require("../divider/divider");
+var _divider = _interopRequireDefault(require("../divider"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-footer`;
 const defaultProps = {
@@ -42,7 +42,7 @@ const Footer = p => {
     className: (0, _classnames.default)(classPrefix)
   }, label && _react.default.createElement("div", {
     className: `${classPrefix}-label`
-  }, _react.default.createElement(_divider.Divider, null, label)), links && links.length > 0 && _react.default.createElement("div", {
+  }, _react.default.createElement(_divider.default, null, label)), links && links.length > 0 && _react.default.createElement("div", {
     className: `${classPrefix}-links`
   }, links.map((link, index) => {
     return _react.default.createElement(_react.default.Fragment, {
@@ -51,7 +51,7 @@ const Footer = p => {
       href: link.href,
       rel: 'noopener noreferrer',
       onClick: event => clickLinkItem(link, index, event)
-    }, link.text), index !== links.length - 1 && _react.default.createElement(_divider.Divider, {
+    }, link.text), index !== links.length - 1 && _react.default.createElement(_divider.default, {
       direction: 'vertical'
     }));
   })), content && _react.default.createElement("div", {

package/cjs/components/input/input.js

@@ -129,6 +129,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onClick: props.onClick,
+    step: props.step,
     role: props.role,
     "aria-valuenow": props['aria-valuenow'],
     "aria-valuemax": props['aria-valuemax'],

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

@@ -14,6 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;

package/cjs/components/swiper/swiper.d.ts

@@ -1,6 +1,12 @@
 import React, { ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
+declare const eventToPropRecord: {
+    readonly mousedown: "onMouseDown";
+    readonly mousemove: "onMouseMove";
+    readonly mouseup: "onMouseUp";
+};
+declare type PropagationEvent = keyof typeof eventToPropRecord;
 export declare type SwiperRef = {
     swipeTo: (index: number) => void;
     swipeNext: () => void;
@@ -20,6 +26,7 @@ export declare type SwiperProps = {
     trackOffset?: number;
     stuckAtBoundary?: boolean;
     rubberband?: boolean;
+    stopPropagation?: PropagationEvent[];
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
 export declare const Swiper: React.ForwardRefExoticComponent<{
@@ -36,9 +43,11 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
+export {};

package/cjs/components/swiper/swiper.js

@@ -17,10 +17,16 @@ var _stagedComponents = require("staged-components");
 var _useRefState = require("../../utils/use-ref-state");
 var _bound = require("../../utils/bound");
 var _ahooks = require("ahooks");
+var _withFuncProps = require("../../utils/with-func-props");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const classPrefix = `adm-swiper`;
+const eventToPropRecord = {
+  'mousedown': 'onMouseDown',
+  'mousemove': 'onMouseMove',
+  'mouseup': 'onMouseUp'
+};
 const defaultProps = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -31,7 +37,8 @@ const defaultProps = {
   slideSize: 100,
   trackOffset: 0,
   stuckAtBoundary: true,
-  rubberband: true
+  rubberband: true,
+  stopPropagation: []
 };
 let currentUid;
 const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
@@ -248,6 +255,15 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
     };
+    const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+    const stopPropagationProps = {};
+    for (const key of props.stopPropagation) {
+      const prop = eventToPropRecord[key];
+      stopPropagationProps[prop] = function (e) {
+        e.stopPropagation();
+      };
+    }
+    const mergedProps = (0, _withFuncProps.mergeFuncProps)(dragProps, stopPropagationProps);
     return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
       className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.direction}`),
       style: style
@@ -262,7 +278,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         }
         forceCancelDrag();
       }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? _react.default.createElement("div", {
+    }, mergedProps), renderTrackInner()), props.indicator === undefined ? _react.default.createElement("div", {
       className: `${classPrefix}-indicator`
     }, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
       total: count,

package/cjs/global/css-vars-patch.css

@@ -85,6 +85,9 @@
   .adm-button.adm-button-shape-rectangular {
     border-radius: 0;
   }
+  .adm-cascader .adm-cascader-view-content {
+    height: 310px;
+  }
   .adm-center-popup {
     z-index: 1000;
   }

package/cjs/utils/with-func-props.d.ts

@@ -0,0 +1,5 @@
+declare type Merge<T, P> = {
+    [K in keyof T & keyof P]: P[K] | T[K];
+};
+export declare function mergeFuncProps<T extends Record<string, any>, P extends Record<string, any>>(p1: T, p2: P): Merge<T, P>;
+export {};

package/cjs/utils/with-func-props.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeFuncProps = mergeFuncProps;
+function mergeFuncProps(p1, p2) {
+  const p1Keys = Object.keys(p1);
+  const p2Keys = Object.keys(p2);
+  const keys = new Set([...p1Keys, ...p2Keys]);
+  const res = {};
+  keys.forEach(key => {
+    const p1Value = p1[key];
+    const p2Value = p2[key];
+    if (typeof p1Value === 'function' && typeof p2Value === 'function') {
+      res[key] = function (...args) {
+        p1Value(...args);
+        p2Value(...args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}

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

@@ -13,6 +13,7 @@ export declare type CalendarProps = {
     onPageChange?: (year: number, month: number) => void;
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => React.ReactNode;
+    renderDate?: (date: Date) => React.ReactNode;
     allowClear?: boolean;
     max?: Date;
     min?: Date;

package/es/components/calendar/calendar.js

@@ -188,7 +188,7 @@ export const Calendar = forwardRef((p, ref) => {
         }
       }, React.createElement("div", {
         className: `${classPrefix}-cell-top`
-      }, d.date()), React.createElement("div", {
+      }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React.createElement("div", {
         className: `${classPrefix}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, 'day');

package/es/components/cascader/cascader.patch.css

@@ -0,0 +1,3 @@
+.adm-cascader .adm-cascader-view-content {
+  height: 310px;
+}

package/es/components/footer/footer.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
-import { Divider } from '../divider/divider';
+import Divider from '../divider';
 const classPrefix = `adm-footer`;
 const defaultProps = {
   label: '',

package/es/components/input/input.js

@@ -120,6 +120,7 @@ export const Input = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onClick: props.onClick,
+    step: props.step,
     role: props.role,
     "aria-valuenow": props['aria-valuenow'],
     "aria-valuemax": props['aria-valuemax'],

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

@@ -14,6 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;

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

@@ -1,6 +1,12 @@
 import React, { ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
+declare const eventToPropRecord: {
+    readonly mousedown: "onMouseDown";
+    readonly mousemove: "onMouseMove";
+    readonly mouseup: "onMouseUp";
+};
+declare type PropagationEvent = keyof typeof eventToPropRecord;
 export declare type SwiperRef = {
     swipeTo: (index: number) => void;
     swipeNext: () => void;
@@ -20,6 +26,7 @@ export declare type SwiperProps = {
     trackOffset?: number;
     stuckAtBoundary?: boolean;
     rubberband?: boolean;
+    stopPropagation?: PropagationEvent[];
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
 export declare const Swiper: React.ForwardRefExoticComponent<{
@@ -36,9 +43,11 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
+export {};

package/es/components/swiper/swiper.js

@@ -11,7 +11,13 @@ import { staged } from 'staged-components';
 import { useRefState } from '../../utils/use-ref-state';
 import { bound } from '../../utils/bound';
 import { useIsomorphicLayoutEffect, useUpdateEffect } from 'ahooks';
+import { mergeFuncProps } from '../../utils/with-func-props';
 const classPrefix = `adm-swiper`;
+const eventToPropRecord = {
+  'mousedown': 'onMouseDown',
+  'mousemove': 'onMouseMove',
+  'mouseup': 'onMouseUp'
+};
 const defaultProps = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -22,7 +28,8 @@ const defaultProps = {
   slideSize: 100,
   trackOffset: 0,
   stuckAtBoundary: true,
-  rubberband: true
+  rubberband: true,
+  stopPropagation: []
 };
 let currentUid;
 export const Swiper = forwardRef(staged((p, ref) => {
@@ -239,6 +246,15 @@ export const Swiper = forwardRef(staged((p, ref) => {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
     };
+    const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+    const stopPropagationProps = {};
+    for (const key of props.stopPropagation) {
+      const prop = eventToPropRecord[key];
+      stopPropagationProps[prop] = function (e) {
+        e.stopPropagation();
+      };
+    }
+    const mergedProps = mergeFuncProps(dragProps, stopPropagationProps);
     return withNativeProps(props, React.createElement("div", {
       className: classNames(classPrefix, `${classPrefix}-${props.direction}`),
       style: style
@@ -253,7 +269,7 @@ export const Swiper = forwardRef(staged((p, ref) => {
         }
         forceCancelDrag();
       }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
+    }, mergedProps), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
       className: `${classPrefix}-indicator`
     }, React.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,

package/es/global/css-vars-patch.css

@@ -85,6 +85,9 @@
   .adm-button.adm-button-shape-rectangular {
     border-radius: 0;
   }
+  .adm-cascader .adm-cascader-view-content {
+    height: 310px;
+  }
   .adm-center-popup {
     z-index: 1000;
   }

package/es/utils/with-func-props.d.ts

@@ -0,0 +1,5 @@
+declare type Merge<T, P> = {
+    [K in keyof T & keyof P]: P[K] | T[K];
+};
+export declare function mergeFuncProps<T extends Record<string, any>, P extends Record<string, any>>(p1: T, p2: P): Merge<T, P>;
+export {};

package/es/utils/with-func-props.js

@@ -0,0 +1,19 @@
+export function mergeFuncProps(p1, p2) {
+  const p1Keys = Object.keys(p1);
+  const p2Keys = Object.keys(p2);
+  const keys = new Set([...p1Keys, ...p2Keys]);
+  const res = {};
+  keys.forEach(key => {
+    const p1Value = p1[key];
+    const p2Value = p2[key];
+    if (typeof p1Value === 'function' && typeof p2Value === 'function') {
+      res[key] = function (...args) {
+        p1Value(...args);
+        p2Value(...args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.27.0",
+  "version": "5.28.0",
   "dependencies": {
     "@floating-ui/dom": "^1.0.6",
     "@rc-component/mini-decimal": "^1.0.1",