mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

docs: Update demo with Space (#35172)

Browse Source
This commit is contained in:
二货机器人 2022-04-22 13:35:27 +08:00 committed by GitHub
parent 3511642337
commit f8d728161c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 1140 additions and 711 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/config-provider/demo/theme.md
View File

@ -323,8 +323,11 @@ const FormSizeDemo = () => {
/> />
} }
> >
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>

105
components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2583,9 +2583,20 @@ Array [
exports[`renders ./components/dropdown/demo/basic.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/basic.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -2605,6 +2616,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -4529,9 +4542,20 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md extend context co
exports[`renders ./components/dropdown/demo/event.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Hover me, Click menu item Hover me, Click menu item
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4551,6 +4575,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -4743,9 +4769,20 @@ Array [
exports[`renders ./components/dropdown/demo/item.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/item.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4765,6 +4802,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -5488,9 +5527,20 @@ exports[`renders ./components/dropdown/demo/loading.md extend context correctly
exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Hover to check menu style Hover to check menu style
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -5510,6 +5560,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -6618,9 +6670,20 @@ Array [
exports[`renders ./components/dropdown/demo/overlay-visible.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/overlay-visible.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -6640,6 +6703,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -8154,9 +8219,20 @@ exports[`renders ./components/dropdown/demo/placement.md extend context correctl
exports[`renders ./components/dropdown/demo/sub-menu.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/sub-menu.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Cascading menu Cascading menu
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -8176,6 +8252,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -8653,9 +8731,20 @@ Array [
exports[`renders ./components/dropdown/demo/trigger.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/trigger.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
Click me Click me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -8675,6 +8764,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div

105
components/dropdown/__tests__/__snapshots__/demo.test.js.snap
View File

@ -110,9 +110,20 @@ Array [
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -132,6 +143,8 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
@ -356,9 +369,20 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me, Click menu item Hover me, Click menu item
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -378,14 +402,27 @@ exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -405,6 +442,8 @@ exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
@ -626,9 +665,20 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover to check menu style Hover to check menu style
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -648,14 +698,27 @@ exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me Hover me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -675,6 +738,8 @@ exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
@ -784,9 +849,20 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Cascading menu Cascading menu
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -806,14 +882,27 @@ exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Click me Click me
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -833,5 +922,7 @@ exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
`; `;

9
components/dropdown/demo/basic.md
View File

@ -14,7 +14,7 @@ title:
The most basic dropdown menu. The most basic dropdown menu.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined, SmileOutlined } from '@ant-design/icons'; import { DownOutlined, SmileOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -54,8 +54,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/event.md
View File

@ -14,7 +14,7 @@ title:
An event will be triggered when you click menu items, in which you can make different operations according to item's key. An event will be triggered when you click menu items, in which you can make different operations according to item's key.
```jsx ```jsx
import { Menu, Dropdown, message } from 'antd'; import { Menu, Dropdown, message, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const onClick = ({ key }) => { const onClick = ({ key }) => {
@ -43,8 +43,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me, Click menu item <DownOutlined /> <Space>
Hover me, Click menu item
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/item.md
View File

@ -14,7 +14,7 @@ title:
Divider and disabled menu item. Divider and disabled menu item.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -50,8 +50,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/menu-full.md
View File

@ -19,7 +19,7 @@ This demo was created for debugging Menu styles inside Dropdown.
[#19150](https://github.com/ant-design/ant-design/pull/19150) [#19150](https://github.com/ant-design/ant-design/pull/19150)
```tsx ```tsx
import { Menu, Dropdown, MenuProps } from 'antd'; import { Menu, Dropdown, MenuProps, Space } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined, DownOutlined } from '@ant-design/icons'; import { MailOutlined, AppstoreOutlined, SettingOutlined, DownOutlined } from '@ant-design/icons';
type MenuItem = Required<MenuProps>['items'][number]; type MenuItem = Required<MenuProps>['items'][number];
@ -71,8 +71,11 @@ const menu = <Menu selectedKeys={['1']} openKeys={['sub1']} items={items} />;
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover to check menu style <DownOutlined /> <Space>
Hover to check menu style
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/overlay-visible.md
View File

@ -14,7 +14,7 @@ title:
The default is to close the menu when you click on menu items, this feature can be turned off. The default is to close the menu when you click on menu items, this feature can be turned off.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
class OverlayVisible extends React.Component { class OverlayVisible extends React.Component {
@ -58,8 +58,11 @@ class OverlayVisible extends React.Component {
onVisibleChange={this.handleVisibleChange} onVisibleChange={this.handleVisibleChange}
visible={this.state.visible} visible={this.state.visible}
> >
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/sub-menu.md
View File

@ -14,7 +14,7 @@ title:
The menu has multiple levels. The menu has multiple levels.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const { SubMenu } = Menu; const { SubMenu } = Menu;
@ -71,8 +71,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Cascading menu <DownOutlined /> <Space>
Cascading menu
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

9
components/dropdown/demo/trigger.md
View File

@ -14,7 +14,7 @@ title:
The default trigger mode is `hover`, you can change it to `click`. The default trigger mode is `hover`, you can change it to `click`.
```tsx ```tsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -41,8 +41,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu} trigger={['click']}> <Dropdown overlay={menu} trigger={['click']}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Click me <DownOutlined /> <Space>
Click me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

150
components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3664,10 +3664,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3687,6 +3696,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3756,10 +3767,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3779,6 +3799,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3848,10 +3870,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3871,6 +3902,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3940,10 +3973,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3963,6 +4005,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4032,10 +4076,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4055,6 +4108,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4124,10 +4179,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4147,6 +4211,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4216,10 +4282,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4239,6 +4314,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4308,10 +4385,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4331,6 +4417,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4400,10 +4488,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4423,6 +4520,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4492,10 +4591,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -4515,6 +4623,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>

150
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

@ -2937,10 +2937,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -2960,6 +2969,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3029,10 +3040,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3052,6 +3072,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3121,10 +3143,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3144,6 +3175,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3213,10 +3246,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3236,6 +3278,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3305,10 +3349,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3328,6 +3381,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3397,10 +3452,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3420,6 +3484,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3489,10 +3555,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3512,6 +3587,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3581,10 +3658,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3604,6 +3690,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3673,10 +3761,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3696,6 +3793,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3765,10 +3864,19 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
> >
More actions More actions
</div>
<div
class="ant-space-item"
>
<span <span
aria-label="down" aria-label="down"
class="anticon anticon-down" class="anticon anticon-down"
@ -3788,6 +3896,8 @@ Array [
/> />
</svg> </svg>
</span> </span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>

7
components/table/demo/dynamic-settings.md
View File

@ -49,8 +49,11 @@ const columns = [
render: () => ( render: () => (
<Space size="middle"> <Space size="middle">
<a>Delete</a> <a>Delete</a>
<a className="ant-dropdown-link"> <a>
More actions <DownOutlined /> <Space>
More actions
<DownOutlined />
</Space>
</a> </a>
</Space> </Space>
), ),