zdl
42a3b0c6ad
fix: 修复 InvestmentCalendar Ant Design 5.x API 废弃警告
## 问题
控制台出现 4 个 Ant Design API 废弃警告:
```
[antd: Calendar] `dateCellRender` is deprecated. Please use `cellRender` instead.
[antd: Modal] `visible` is deprecated. Please use `open` instead.
[antd: Modal] `bodyStyle` is deprecated. Please use `styles.body` instead.
[antd: Drawer] `visible` is deprecated. Please use `open` instead.
```
## 修复内容
### 1. Calendar API (Line 137, 687)
**旧 API**:
```javascript
const dateCellRender = (value) => {
const dateStr = value.format('YYYY-MM-DD');
// ...
};
<Calendar dateCellRender={dateCellRender} />
```
**新 API (Ant Design 5.x)**:
```javascript
const cellRender = (current, info) => {
// 只处理日期单元格,月份单元格返回默认
if (info.type !== 'date') return info.originNode;
const dateStr = current.format('YYYY-MM-DD');
// ...
};
<Calendar cellRender={cellRender} />
```
### 2. Modal API (Line 701, 766)
`visible` → `open`
```javascript
// 旧 API
<Modal visible={modalVisible} />
// 新 API
<Modal open={modalVisible} />
```
### 3. Modal Styles API (Line 705)
`bodyStyle` → `styles.body`
```javascript
// 旧 API
<Modal bodyStyle={{ padding: '24px' }} />
// 新 API
<Modal styles={{ body: { padding: '24px' } }} />
```
### 4. Drawer API (Line 740)
`visible` → `open`
```javascript
// 旧 API
<Drawer visible={detailDrawerVisible} />
// 新 API
<Drawer open={detailDrawerVisible} />
```
## 影响
- ✅ 消除 4 个 Ant Design API 废弃警告
- ✅ 兼容 Ant Design 5.x
- ✅ 功能不受影响
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-30 19:04:30 +08:00
..
2025-10-30 19:04:30 +08:00
2025-10-29 11:40:32 +08:00
2025-10-27 15:59:13 +08:00
2025-10-29 11:48:29 +08:00