mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-05 23:46:28 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore(deps): bump typescript to v5 (#41301)

Browse Source 
* chore(deps): bump typescript to v5

* fix

* fix

* type fix

* Update components/statistic/demo/countdown.tsx

Co-authored-by: MadCcc <1075746765@qq.com>

* Update components/statistic/demo/countdown.tsx

Co-authored-by: MadCcc <1075746765@qq.com>

* fix

* fix type

* update demo

---------

Co-authored-by: MadCcc <1075746765@qq.com>
This commit is contained in:
lijianan 2023-03-20 14:52:35 +08:00 committed by GitHub
parent b4a4c93800
commit fb5ed95853
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
components/statistic/demo/countdown.tsx
View File

@ -1,37 +1,36 @@
import React from 'react';
import type { CountdownProps } from 'antd';
import { Col, Row, Statistic } from 'antd';
import type { StatisticProps } from 'antd';
import React from 'react';
const { Countdown } = Statistic;
const deadline = Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30; // Dayjs is also OK
const App: React.FC = () => {
const onFinish = () => {
console.log('finished!');
};
const onChange = (val: StatisticProps['value']) => {
if (val && 4.95 * 1000 < val && val < 5 * 1000) {
console.log('changed!');
}
};
return (
<Row gutter={16}>
<Col span={12}>
<Countdown title="Countdown" value={deadline} onFinish={onFinish} />
</Col>
<Col span={12}>
<Countdown title="Million Seconds" value={deadline} format="HH:mm:ss:SSS" />
</Col>
<Col span={24} style={{ marginTop: 32 }}>
<Countdown title="Day Level" value={deadline} format="D 天 H 时 m 分 s 秒" />
</Col>
<Col span={12}>
<Countdown title="Countdown" value={Date.now() + 10 * 1000} onChange={onChange} />
</Col>
</Row>
);
const onFinish: CountdownProps['onFinish'] = () => {
console.log('finished!');
};
const onChange: CountdownProps['onChange'] = (val) => {
if (typeof val === 'number' && 4.95 * 1000 < val && val < 5 * 1000) {
console.log('changed!');
}
};
const App: React.FC = () => (
<Row gutter={16}>
<Col span={12}>
<Countdown title="Countdown" value={deadline} onFinish={onFinish} />
</Col>
<Col span={12}>
<Countdown title="Million Seconds" value={deadline} format="HH:mm:ss:SSS" />
</Col>
<Col span={24} style={{ marginTop: 32 }}>
<Countdown title="Day Level" value={deadline} format="D 天 H 时 m 分 s 秒" />
</Col>
<Col span={12}>
<Countdown title="Countdown" value={Date.now() + 10 * 1000} onChange={onChange} />
</Col>
</Row>
);
export default App;

6
components/table/demo/virtual-list.tsx
View File

@ -1,8 +1,8 @@
import React, { useEffect, useRef, useState } from 'react';
import { Table, theme } from 'antd';
import type { TableProps } from 'antd';
import { Table, theme } from 'antd';
import classNames from 'classnames';
import ResizeObserver from 'rc-resize-observer';
import React, { useEffect, useRef, useState } from 'react';
import { VariableSizeGrid as Grid } from 'react-window';
const VirtualTable = <RecordType extends object>(props: TableProps<RecordType>) => {
@ -62,7 +62,7 @@ const VirtualTable = <RecordType extends object>(props: TableProps<RecordType>)
columnCount={mergedColumns.length}
columnWidth={(index: number) => {
const { width } = mergedColumns[index];
return totalHeight > scroll!.y! && index === mergedColumns.length - 1
return totalHeight > (scroll?.y as number) && index === mergedColumns.length - 1
? (width as number) - scrollbarSize - 1
: (width as number);
}}

2
package.json
View File

@ -284,7 +284,7 @@
"terser": "^5.16.1",
"ts-node": "^10.8.2",
"typedoc": "^0.23.21",
"typescript": "~4.9.3",
"typescript": "~5.0.2",
"vanilla-jsoneditor": "^0.16.0",
"webpack-bundle-analyzer": "^4.1.0",
"xhr-mock": "^2.4.1",