chore: merge master into feature

README-zh_CN.md

@@ -78,6 +78,10 @@ npm install antd --save
 yarn add antd
 ```
 
+```bash
+pnpm add antd
+```
+
 ## 🔨 示例
 
 ```jsx

README.md

@@ -78,6 +78,10 @@ npm install antd
 yarn add antd
 ```
 
+```bash
+pnpm add antd
+```
+
 ## 🔨 Usage
 
 ```jsx

components/avatar/style/index.ts

@@ -5,8 +5,8 @@ import { genComponentStyleHook, mergeToken } from '../../theme/internal';
 
 export interface ComponentToken {
   /**
-   * @desc 头像背景色
+   * @desc 头像尺寸
-   * @descEN Background color of Avatar
+   * @descEN Size of Avatar
    */
   containerSize: number;
   /**

components/date-picker/style/index.ts

@@ -1,5 +1,6 @@
 import type { CSSObject } from '@ant-design/cssinjs';
 import { TinyColor } from '@ctrl/tinycolor';
+
 import type { SharedComponentToken, SharedInputToken } from '../../input/style';
 import {
   genActiveStyle,
@@ -682,7 +683,7 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
         textAlign: 'center',
 
         '&-extra': {
-          padding: `0 ${paddingSM}`,
+          padding: `0 ${paddingSM}px`,
           lineHeight: `${textHeight - 2 * lineWidth}px`,
           textAlign: 'start',
 

components/modal/ConfirmDialog.tsx

@@ -181,6 +181,7 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {
     closeIcon,
     modalRender,
     focusTriggerAfterClose,
+    onConfirm,
   } = props;
 
   if (process.env.NODE_ENV !== 'production') {
@@ -220,7 +221,10 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {
           { [`${confirmPrefixCls}-centered`]: !!props.centered },
           wrapClassName,
         )}
-        onCancel={() => close?.({ triggerCancel: true })}
+        onCancel={() => {
+          close?.({ triggerCancel: true });
+          onConfirm?.(false);
+        }}
         open={open}
         title=""
         footer={null}

components/modal/__tests__/hook.test.tsx

@@ -1,15 +1,15 @@
+import React from 'react';
 import CSSMotion from 'rc-motion';
 import { genCSSMotion } from 'rc-motion/lib/CSSMotion';
 import KeyCode from 'rc-util/lib/KeyCode';
-import React from 'react';
 import { act } from 'react-dom/test-utils';
 
 import Modal from '..';
-import zhCN from '../../locale/zh_CN';
 import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
 import Button from '../../button';
 import ConfigProvider from '../../config-provider';
 import Input from '../../input';
+import zhCN from '../../locale/zh_CN';
 import type { ModalFunc } from '../confirm';
 
 jest.mock('rc-util/lib/Portal');
@@ -410,7 +410,8 @@ describe('Modal.hook', () => {
     jest.useRealTimers();
   });
 
-  it('support await', async () => {
+  describe('support await', () => {
+    it('click', async () => {
       jest.useFakeTimers();
 
       let notReady = true;
@@ -454,3 +455,38 @@ describe('Modal.hook', () => {
       jest.useRealTimers();
     });
   });
+
+  it('esc', async () => {
+    jest.useFakeTimers();
+
+    let lastResult: boolean | null = null;
+
+    const Demo: React.FC = () => {
+      const [modal, contextHolder] = Modal.useModal();
+
+      React.useEffect(() => {
+        (async () => {
+          lastResult = await modal.confirm({
+            content: <Input />,
+          });
+        })();
+      }, []);
+
+      return contextHolder;
+    };
+
+    render(<Demo />);
+
+    // Wait for modal show
+    await waitFakeTimer();
+
+    // ESC to close
+    fireEvent.keyDown(document.querySelector('.ant-modal')!, {
+      key: 'Esc',
+      keyCode: KeyCode.ESC,
+    });
+    await waitFakeTimer();
+
+    expect(lastResult).toBe(false);
+  });
+});

components/tree/index.ts

@@ -22,7 +22,7 @@ export type {
   AntdTreeNodeAttribute,
   TreeProps,
 } from './Tree';
-export type { DataNode };
+export type { DataNode, BasicDataNode };
 
 type CompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(
   props: React.PropsWithChildren<TreeProps<T>> & { ref?: React.Ref<RcTree> },