doc: update notification api doc (#42239)

* doc: update notification api doc

* doc: add api desc about hooks

components/notification/index.en-US.md

@@ -46,23 +46,34 @@ The properties of config are as follows:
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| bottom | Distance from the bottom of the viewport, when `placement` is `bottomRight` or `bottomLeft` (unit: pixels) | number | 24 |
 | btn | Customized close button | ReactNode | - |
 | className | Customized CSS class | string | - |
 | closeIcon | Custom close icon | ReactNode | - |
 | description | The content of notification box (required) | ReactNode | - |
 | duration | Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically | number | 4.5 |
-| getContainer | Return the mount node for Notification | () => HTMLNode | () => document.body |
 | icon | Customized icon | ReactNode | - |
 | key | The unique identifier of the Notification | string | - |
 | message | The title of notification box (required) | ReactNode | - |
 | placement | Position of Notification, can be one of `topLeft` `topRight` `bottomLeft` `bottomRight` | string | `topRight` |
 | style | Customized inline style | [CSSProperties](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e434515761b36830c3e58a970abf5186f005adac/types/react/index.d.ts#L794) | - |
-| top | Distance from the top of the viewport, when `placement` is `topRight` or `topLeft` (unit: pixels) | number | 24 |
 | onClick | Specify a function that will be called when the notification is clicked | function | - |
 | onClose | Trigger when notification closed | function | - |
 | props | An object that can contain `data-*`, `aria-*`, or `role` props, to be put on the notification `div`. This currently only allows `data-testid` instead of `data-*` in TypeScript. See https://github.com/microsoft/TypeScript/issues/28960. | Object | - |
 
+- `notification.useNotification(config)`
+
+The properties of config are as follows:
+
+| Property | Description | Type | Default | Version |
+| --- | --- | --- | --- | --- |
+| bottom | Distance from the bottom of the viewport, when `placement` is `bottomRight` or `bottomLeft` (unit: pixels) | number | 24 |  |
+| closeIcon | Custom close icon | ReactNode | - |  |
+| getContainer | Return the mount node for Notification | () => HTMLNode | () => document.body |  |
+| placement | Position of Notification, can be one of `topLeft` `topRight` `bottomLeft` `bottomRight` | string | `topRight` |  |
+| rtl | Whether to enable RTL mode | boolean | false |  |
+| top | Distance from the top of the viewport, when `placement` is `topRight` or `topLeft` (unit: pixels) | number | 24 |  |
+| maxCount | Max Notification show, drop oldest if exceed limit | number | - | 4.17.0 |
+
 `notification` also provides a global `config()` method that can be used for specifying the default options. Once this method is used, all the notification boxes will take into account these globally defined options when displaying.
 
 ### Global configuration

components/notification/index.zh-CN.md

@@ -47,23 +47,34 @@ config 参数如下：
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |
 | btn | 自定义关闭按钮 | ReactNode | - |
 | className | 自定义 CSS class | string | - |
 | closeIcon | 自定义关闭图标 | ReactNode | - |
 | description | 通知提醒内容，必选 | ReactNode | - |
 | duration | 默认 4.5 秒后自动关闭，配置为 null 则不自动关闭 | number | 4.5 |
-| getContainer | 配置渲染节点的输出位置 | () => HTMLNode | () => document.body |
 | icon | 自定义图标 | ReactNode | - |
 | key | 当前通知唯一标志 | string | - |
 | message | 通知提醒标题，必选 | ReactNode | - |
 | placement | 弹出位置，可选 `topLeft` `topRight` `bottomLeft` `bottomRight` | string | `topRight` |
 | style | 自定义内联样式 | [CSSProperties](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e434515761b36830c3e58a970abf5186f005adac/types/react/index.d.ts#L794) | - |
-| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |
 | onClick | 点击通知时触发的回调函数 | function | - |
 | onClose | 当通知关闭时触发 | function | - |
 | props | 透传至通知 `div` 上的 props 对象，支持传入 `data-*` `aria-*` 或 `role` 作为对象的属性。需要注意的是，虽然在 TypeScript 类型中声明的类型支持传入 `data-*` 作为对象的属性，但目前只允许传入 `data-testid` 作为对象的属性。 详见 https://github.com/microsoft/TypeScript/issues/28960 | Object | - |
 
+- `notification.useNotification(config)`
+
+config 参数如下：
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |  |
+| closeIcon | 自定义关闭图标 | ReactNode | - |  |
+| getContainer | 配置渲染节点的输出位置 | () => HTMLNode | () => document.body |  |
+| placement | 弹出位置，可选 `top` `topLeft` `topRight` `bottom` `bottomLeft` `bottomRight` | string | `topRight` |  |
+| rtl | 是否开启 RTL 模式 | boolean | false |  |
+| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |  |
+| maxCount | 最大显示数, 超过限制时，最早的消息会被自动关闭 | number | - | 4.17.0 |
+
 ### 全局配置
 
 还提供了一个全局配置方法，在调用前提前配置，全局一次生效。