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

package/2x/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/2x/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/2x/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/2x/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/2x/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"

package/bundle/antd-mobile.cjs.development.js

@@ -9685,6 +9685,73 @@ const Button = React$2.forwardRef((p, ref2) => {
     className: `${classPrefix$1h}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : React$2.createElement("span", null, props.children)));
 });
+var isoWeek$1 = { exports: {} };
+(function(module2, exports2) {
+  !function(e2, t) {
+    module2.exports = t();
+  }(commonjsGlobal, function() {
+    var e2 = "day";
+    return function(t, i2, s) {
+      var a = function(t2) {
+        return t2.add(4 - t2.isoWeekday(), e2);
+      }, d = i2.prototype;
+      d.isoWeekYear = function() {
+        return a(this).year();
+      }, d.isoWeek = function(t2) {
+        if (!this.$utils().u(t2))
+          return this.add(7 * (t2 - this.isoWeek()), e2);
+        var i3, d2, n3, o, r = a(this), u = (i3 = this.isoWeekYear(), d2 = this.$u, n3 = (d2 ? s.utc : s)().year(i3).startOf("year"), o = 4 - n3.isoWeekday(), n3.isoWeekday() > 4 && (o += 7), n3.add(o, e2));
+        return r.diff(u, "week") + 1;
+      }, d.isoWeekday = function(e3) {
+        return this.$utils().u(e3) ? this.day() || 7 : this.day(this.day() % 7 ? e3 : e3 - 7);
+      };
+      var n2 = d.startOf;
+      d.startOf = function(e3, t2) {
+        var i3 = this.$utils(), s2 = !!i3.u(t2) || t2;
+        return "isoweek" === i3.p(e3) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n2.bind(this)(e3, t2);
+      };
+    };
+  });
+})(isoWeek$1);
+var isoWeekExports = isoWeek$1.exports;
+const isoWeek = /* @__PURE__ */ getDefaultExportFromCjs(isoWeekExports);
+function devWarning(component, message) {
+  {
+    console.warn(`[antd-mobile: ${component}] ${message}`);
+  }
+}
+function devError(component, message) {
+  {
+    console.error(`[antd-mobile: ${component}] ${message}`);
+  }
+}
+function replaceMessage$1(template, kv) {
+  return template.replace(/\$\{\w+\}/g, (str) => {
+    const key = str.slice(2, -1);
+    return kv[key];
+  });
+}
+function usePropsValue(options) {
+  const {
+    value,
+    defaultValue,
+    onChange
+  } = options;
+  const update2 = useUpdate$1();
+  const stateRef = React$2.useRef(value !== void 0 ? value : defaultValue);
+  if (value !== void 0) {
+    stateRef.current = value;
+  }
+  const setState = useMemoizedFn((v, forceTrigger = false) => {
+    const nextValue = typeof v === "function" ? v(stateRef.current) : v;
+    if (!forceTrigger && nextValue === stateRef.current)
+      return;
+    stateRef.current = nextValue;
+    update2();
+    return onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+  });
+  return [stateRef.current, setState];
+}
 const ArrowLeft = () => {
   return React$2.createElement("svg", {
     height: "1em",
@@ -9739,73 +9806,6 @@ const ArrowLeftDouble = () => {
     d: "M19.5305114,17.0699744 C19.0173831,17.5315665 18.9752295,18.3220903 19.436308,18.8357433 C19.4660129,18.8688164 19.4974585,18.9002801 19.5305113,18.9300007 L29.4833057,27.2801611 C30.1234001,27.8559077 30.1759552,28.8420707 29.6007967,29.4827774 C29.0256382,30.1235263 28.0404824,30.1761351 27.400388,29.6003885 L17.4475937,21.2502703 C17.3320874,21.1463692 17.2222026,21.036372 17.1184079,20.920748 C15.5069703,19.1256817 15.6543605,16.3628317 17.4475933,14.7497465 L27.4003877,6.39962828 C28.0404821,5.82383957 29.0256378,5.87649058 29.6007963,6.51723942 C30.1759548,7.1579461 30.1233997,8.14410915 29.4833053,8.7198557 L19.5305114,17.0699744 Z"
   }))))));
 };
-var isoWeek$1 = { exports: {} };
-(function(module2, exports2) {
-  !function(e2, t) {
-    module2.exports = t();
-  }(commonjsGlobal, function() {
-    var e2 = "day";
-    return function(t, i2, s) {
-      var a = function(t2) {
-        return t2.add(4 - t2.isoWeekday(), e2);
-      }, d = i2.prototype;
-      d.isoWeekYear = function() {
-        return a(this).year();
-      }, d.isoWeek = function(t2) {
-        if (!this.$utils().u(t2))
-          return this.add(7 * (t2 - this.isoWeek()), e2);
-        var i3, d2, n3, o, r = a(this), u = (i3 = this.isoWeekYear(), d2 = this.$u, n3 = (d2 ? s.utc : s)().year(i3).startOf("year"), o = 4 - n3.isoWeekday(), n3.isoWeekday() > 4 && (o += 7), n3.add(o, e2));
-        return r.diff(u, "week") + 1;
-      }, d.isoWeekday = function(e3) {
-        return this.$utils().u(e3) ? this.day() || 7 : this.day(this.day() % 7 ? e3 : e3 - 7);
-      };
-      var n2 = d.startOf;
-      d.startOf = function(e3, t2) {
-        var i3 = this.$utils(), s2 = !!i3.u(t2) || t2;
-        return "isoweek" === i3.p(e3) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n2.bind(this)(e3, t2);
-      };
-    };
-  });
-})(isoWeek$1);
-var isoWeekExports = isoWeek$1.exports;
-const isoWeek = /* @__PURE__ */ getDefaultExportFromCjs(isoWeekExports);
-function usePropsValue(options) {
-  const {
-    value,
-    defaultValue,
-    onChange
-  } = options;
-  const update2 = useUpdate$1();
-  const stateRef = React$2.useRef(value !== void 0 ? value : defaultValue);
-  if (value !== void 0) {
-    stateRef.current = value;
-  }
-  const setState = useMemoizedFn((v, forceTrigger = false) => {
-    const nextValue = typeof v === "function" ? v(stateRef.current) : v;
-    if (!forceTrigger && nextValue === stateRef.current)
-      return;
-    stateRef.current = nextValue;
-    update2();
-    return onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
-  });
-  return [stateRef.current, setState];
-}
-function replaceMessage$1(template, kv) {
-  return template.replace(/\$\{\w+\}/g, (str) => {
-    const key = str.slice(2, -1);
-    return kv[key];
-  });
-}
-function devWarning(component, message) {
-  {
-    console.warn(`[antd-mobile: ${component}] ${message}`);
-  }
-}
-function devError(component, message) {
-  {
-    console.error(`[antd-mobile: ${component}] ${message}`);
-  }
-}
 function convertValueToRange$1(selectionMode, value) {
   if (selectionMode === void 0 || value === null)
     return null;
@@ -9947,7 +9947,7 @@ const Calendar = React$2.forwardRef((p, ref2) => {
       }
       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$2.createElement("div", {
+      const originalCell = React$2.createElement("div", {
         key: d.valueOf(),
         className: classNames(`${classPrefix$1g}-cell`, (disabled || !inThisMonth) && `${classPrefix$1g}-cell-disabled`, inThisMonth && {
           [`${classPrefix$1g}-cell-today`]: d.isSame(today, "day"),
@@ -10005,7 +10005,13 @@ const Calendar = React$2.forwardRef((p, ref2) => {
         className: `${classPrefix$1g}-cell-top`
       }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React$2.createElement("div", {
         className: `${classPrefix$1g}-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())));
+      const cellWithKey = props.cellRender ? React$2.createElement(React$2.Fragment, {
+        key: d.valueOf()
+      }, props.cellRender(originalCell, {
+        date: d.toDate()
+      })) : originalCell;
+      cells.push(cellWithKey);
       iterator = iterator.add(1, "day");
     }
     return cells;