diff --git a/components/breadcrumb/demo/separator.md b/components/breadcrumb/demo/separator.md index 086794584a..9798c7b6e7 100644 --- a/components/breadcrumb/demo/separator.md +++ b/components/breadcrumb/demo/separator.md @@ -11,7 +11,7 @@ title: ## en-US -The separator can be customized by setting the separator property: separator=">". +The separator can be customized by setting the separator property: `separator=">"`. ```jsx import { Breadcrumb } from 'antd'; diff --git a/components/breadcrumb/index.en-US.md b/components/breadcrumb/index.en-US.md index aad519220a..200a69b377 100644 --- a/components/breadcrumb/index.en-US.md +++ b/components/breadcrumb/index.en-US.md @@ -30,8 +30,8 @@ A breadcrumb displays the current location within a hierarchy. It allows going b | --- | --- | --- | --- | --- | | dropdownProps | The dropdown props | [Dropdown](/components/dropdown) | - | | | href | Target of hyperlink | string | - | | +| onClick | Set the handler to handle click event | (e:MouseEvent) => void | - | | | overlay | The dropdown menu | [Menu](/components/menu) \| () => Menu | - | | -| onClick | Set the handler to handle `click` event | (e:MouseEvent) => void | - | | ### Breadcrumb.Separator diff --git a/components/breadcrumb/index.zh-CN.md b/components/breadcrumb/index.zh-CN.md index b2062fada9..749efa81d4 100644 --- a/components/breadcrumb/index.zh-CN.md +++ b/components/breadcrumb/index.zh-CN.md @@ -31,8 +31,8 @@ cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg | --- | --- | --- | --- | --- | | dropdownProps | 弹出下拉菜单的自定义配置 | [Dropdown](/components/dropdown) | - | | | href | 链接的目的地 | string | - | | -| overlay | 下拉菜单的内容 | [Menu](/components/menu) \| () => Menu | - | | | onClick | 单击事件 | (e:MouseEvent) => void | - | | +| overlay | 下拉菜单的内容 | [Menu](/components/menu) \| () => Menu | - | | ### Breadcrumb.Separator diff --git a/components/dropdown/index.en-US.md b/components/dropdown/index.en-US.md index a29323e2fc..49e9d6f3c7 100644 --- a/components/dropdown/index.en-US.md +++ b/components/dropdown/index.en-US.md @@ -19,14 +19,14 @@ When there are more than a few options to choose from, you can wrap them in a `D | --- | --- | --- | --- | --- | | arrow | Whether the dropdown arrow should be visible | boolean | false | | | disabled | Whether the dropdown menu is disabled | boolean | - | | -| getPopupContainer | To set the container of the dropdown menu. The default is to create a `div` element in `body`, but you can reset it to the scrolling area and make a relative reposition. [Example on CodePen](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | function(triggerNode) | () => document.body | | +| getPopupContainer | To set the container of the dropdown menu. The default is to create a div element in body, but you can reset it to the scrolling area and make a relative reposition. [Example on CodePen](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | function(triggerNode) | () => document.body | | | overlay | The dropdown menu | [Menu](/components/menu) \| () => Menu | - | | -| overlayClassName | Class name of the dropdown root element | string | - | | -| overlayStyle | Style of the dropdown root element | object | - | | +| overlayClassName | The class name of the dropdown root element | string | - | | +| overlayStyle | The style of the dropdown root element | object | - | | +| onVisibleChange | Called when the visible state is changed | function(visible) | - | | | placement | Placement of popup menu: `bottomLeft`, `bottomCenter`, `bottomRight`, `topLeft`, `topCenter` or `topRight` | string | `bottomLeft` | | | trigger | The trigger mode which executes the dropdown action. Note that hover can't be used on touchscreens | Array<`click`\|`hover`\|`contextMenu`> | \[`hover`] | | | visible | Whether the dropdown menu is currently visible | boolean | - | | -| onVisibleChange | Called when the visible state is changed | function(visible) | - | | You should use [Menu](/components/menu/) as `overlay`. The menu items and dividers are also available by using `Menu.Item` and `Menu.Divider`. @@ -38,14 +38,14 @@ You should use [Menu](/components/menu/) as `overlay`. The menu items and divide | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | +| buttonsRender | Custom buttons inside Dropdown.Button | ([buttons: ReactNode[]]) => ReactNode | - | | | disabled | Whether the dropdown menu is disabled | boolean | - | | | icon | Icon (appears on the right) | ReactNode | - | | +| onClick | The same as [Button](/components/button): called when you click the button on the left | function | - | | +| onVisibleChange | Called when the visible state is changed | function | - | | | overlay | The dropdown menu | [Menu](/components/menu) | - | | | placement | Placement of popup menu: `bottomLeft` `bottomCenter` `bottomRight` `topLeft` `topCenter` `topRight` | string | `bottomLeft` | | | size | Size of the button, the same as [Button](/components/button) | string | `default` | | | trigger | The trigger mode which executes the dropdown action | Array<`click`\|`hover`\|`contextMenu`> | \[`hover`] | | | type | Type of the button, the same as [Button](/components/button) | string | `default` | | | visible | Whether the dropdown menu is currently visible | boolean | - | | -| onClick | The same as [Button](/components/button): called when you click the button on the left | function | - | | -| onVisibleChange | Called when the visible state is changed | function | - | | -| buttonsRender | Custom buttons inside Dropdown.Button | ([buttons: ReactNode[]]) => ReactNode | - | | diff --git a/components/dropdown/index.zh-CN.md b/components/dropdown/index.zh-CN.md index 3104f7732b..53210e9f4f 100644 --- a/components/dropdown/index.zh-CN.md +++ b/components/dropdown/index.zh-CN.md @@ -27,29 +27,29 @@ cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg | overlay | 菜单 | [Menu](/components/menu) \| () => Menu | - | | | overlayClassName | 下拉根元素的类名称 | string | - | | | overlayStyle | 下拉根元素的样式 | object | - | | +| onVisibleChange | 菜单显示状态改变时调用，参数为 `visible` | function(visible) | - | | | placement | 菜单弹出位置：`bottomLeft` `bottomCenter` `bottomRight` `topLeft` `topCenter` `topRight` | string | `bottomLeft` | | | trigger | 触发下拉的行为, 移动端不支持 hover | Array<`click`\|`hover`\|`contextMenu`> | \[`hover`] | | | visible | 菜单是否显示 | boolean | - | | -| onVisibleChange | 菜单显示状态改变时调用，参数为 `visible` | function(visible) | - | | `overlay` 菜单使用 [Menu](/components/menu/)，还包括菜单项 `Menu.Item`，分割线 `Menu.Divider`。 > 注意： Menu.Item 必须设置唯一的 key 属性。 > -> Dropdown 下的 Menu 默认不可选中。如果需要菜单可选中，可以指定 ``. +> Dropdown 下的 Menu 默认不可选中。如果需要菜单可选中，可以指定 ``。 ### Dropdown.Button | 参数 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | +| buttonsRender | 自定义左右两个按钮 | ([buttons: ReactNode[]]) => ReactNode | - | | | disabled | 菜单是否禁用 | boolean | - | | | icon | 右侧的 icon | ReactNode | - | | +| onClick | 点击左侧按钮的回调，和 [Button](/components/button/) 一致 | function | - | | +| onVisibleChange | 菜单显示状态改变时调用，参数为 `visible` | function | - | | | overlay | 菜单 | [Menu](/components/menu/) | - | | | placement | 菜单弹出位置：`bottomLeft` `bottomCenter` `bottomRight` `topLeft` `topCenter` `topRight` | string | `bottomLeft` | | | size | 按钮大小，和 [Button](/components/button/) 一致 | string | `default` | | | trigger | 触发下拉的行为 | Array<`click`\|`hover`\|`contextMenu`> | \[`hover`] | | | type | 按钮类型，和 [Button](/components/button/) 一致 | string | `default` | | | visible | 菜单是否显示 | boolean | - | | -| onClick | 点击左侧按钮的回调，和 [Button](/components/button/) 一致 | function | - | | -| onVisibleChange | 菜单显示状态改变时调用，参数为 `visible` | function | - | | -| buttonsRender | 自定义左右两个按钮 | ([buttons: ReactNode[]]) => ReactNode | - | |