antd-mobile 5.41.0-alpha.0 → 5.41.0-alpha.1

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { Page } from './convert';
 export declare type CalendarRef = {
@@ -14,6 +14,9 @@ export declare type CalendarProps = {
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => React.ReactNode;
     renderDate?: (date: Date) => React.ReactNode;
+    cellRender?: (oriNode: React.ReactElement, info: {
+        date: Date;
+    }) => ReactNode;
     allowClear?: boolean;
     max?: Date;
     min?: Date;

package/cjs/components/calendar/calendar.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Calendar = void 0;
+var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 var _react = _interopRequireWildcard(require("react"));
+var _devLog = require("../../utils/dev-log");
 var _nativeProps = require("../../utils/native-props");
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _replaceMessage = require("../../utils/replace-message");
+var _usePropsValue = require("../../utils/use-props-value");
 var _withDefaultProps = require("../../utils/with-default-props");
+var _configProvider = require("../config-provider");
 var _arrowLeft = require("./arrow-left");
 var _arrowLeftDouble = require("./arrow-left-double");
-var _configProvider = require("../config-provider");
-var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
-var _ahooks = require("ahooks");
-var _usePropsValue = require("../../utils/use-props-value");
-var _replaceMessage = require("../../utils/replace-message");
-var _devLog = require("../../utils/dev-log");
 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); }
 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 _dayjs.default.extend(_isoWeek.default);
 const classPrefix = 'adm-calendar';
 const defaultProps = {
@@ -150,7 +150,7 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
       }
       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.default.createElement("div", {
+      const originalCell = _react.default.createElement("div", {
         key: d.valueOf(),
         className: (0, _classnames.default)(`${classPrefix}-cell`, (disabled || !inThisMonth) && `${classPrefix}-cell-disabled`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
@@ -204,7 +204,14 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
         className: `${classPrefix}-cell-top`
       }, 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()))));
+      }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate())));
+      // Wrap with Fragment to ensure key is properly set
+      const cellWithKey = props.cellRender ? _react.default.createElement(_react.default.Fragment, {
+        key: d.valueOf()
+      }, props.cellRender(originalCell, {
+        date: d.toDate()
+      })) : originalCell;
+      cells.push(cellWithKey);
       iterator = iterator.add(1, 'day');
     }
     return cells;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { Page } from './convert';
 export declare type CalendarRef = {
@@ -14,6 +14,9 @@ export declare type CalendarProps = {
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => React.ReactNode;
     renderDate?: (date: Date) => React.ReactNode;
+    cellRender?: (oriNode: React.ReactElement, info: {
+        date: Date;
+    }) => ReactNode;
     allowClear?: boolean;
     max?: Date;
     min?: Date;

package/es/components/calendar/calendar.js

@@ -1,17 +1,17 @@
-import React, { forwardRef, useState, useImperativeHandle, useMemo, useEffect } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import dayjs from 'dayjs';
+import { useUpdateEffect } from 'ahooks';
 import classNames from 'classnames';
+import dayjs from 'dayjs';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { devWarning } from '../../utils/dev-log';
+import { withNativeProps } from '../../utils/native-props';
+import { replaceMessage } from '../../utils/replace-message';
+import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
+import { useConfig } from '../config-provider';
 import { ArrowLeft } from './arrow-left';
 import { ArrowLeftDouble } from './arrow-left-double';
-import { useConfig } from '../config-provider';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import { useUpdateEffect } from 'ahooks';
-import { usePropsValue } from '../../utils/use-props-value';
-import { replaceMessage } from '../../utils/replace-message';
-import { devWarning } from '../../utils/dev-log';
-import { convertValueToRange, convertPageToDayjs } from './convert';
+import { convertPageToDayjs, convertValueToRange } from './convert';
 dayjs.extend(isoWeek);
 const classPrefix = 'adm-calendar';
 const defaultProps = {
@@ -141,7 +141,7 @@ export const Calendar = forwardRef((p, ref) => {
       }
       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", {
+      const originalCell = React.createElement("div", {
         key: d.valueOf(),
         className: classNames(`${classPrefix}-cell`, (disabled || !inThisMonth) && `${classPrefix}-cell-disabled`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
@@ -195,7 +195,14 @@ export const Calendar = forwardRef((p, ref) => {
         className: `${classPrefix}-cell-top`
       }, 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()))));
+      }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate())));
+      // Wrap with Fragment to ensure key is properly set
+      const cellWithKey = props.cellRender ? React.createElement(React.Fragment, {
+        key: d.valueOf()
+      }, props.cellRender(originalCell, {
+        date: d.toDate()
+      })) : originalCell;
+      cells.push(cellWithKey);
       iterator = iterator.add(1, 'day');
     }
     return cells;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.41.0-alpha.0",
+  "version": "5.41.0-alpha.1",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"