mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +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()}>
Hover me <DownOutlined />
<a onClick={e => e.preventDefault()}>
<Space>
Hover me
<DownOutlined />
</Space>
</a>
</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`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -2605,6 +2616,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<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`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -4551,6 +4575,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<div>
<div
@ -4743,9 +4769,20 @@ Array [
exports[`renders ./components/dropdown/demo/item.md extend context correctly 1`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -4765,6 +4802,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<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`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -5510,6 +5560,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<div>
<div
@ -6618,9 +6670,20 @@ Array [
exports[`renders ./components/dropdown/demo/overlay-visible.md extend context correctly 1`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -6640,6 +6703,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<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`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -8176,6 +8252,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<div>
<div
@ -8653,9 +8731,20 @@ Array [
exports[`renders ./components/dropdown/demo/trigger.md extend context correctly 1`] = `
Array [
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -8675,6 +8764,8 @@ Array [
/>
</svg>
</span>
</div>
</div>
</a>,
<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`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -132,6 +143,8 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
@ -356,9 +369,20 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -378,14 +402,27 @@ exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -405,6 +442,8 @@ exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
@ -626,9 +665,20 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -648,14 +698,27 @@ exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -675,6 +738,8 @@ exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
@ -784,9 +849,20 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -806,14 +882,27 @@ exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<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
</div>
<div
class="ant-space-item"
>
<span
aria-label="down"
class="anticon anticon-down"
@ -833,5 +922,7 @@ exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
/>
</svg>
</span>
</div>
</div>
</a>
`;

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

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

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

@ -14,7 +14,7 @@ title:
Divider and disabled menu item.
```jsx
import { Menu, Dropdown } from 'antd';
import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons';
const menu = (
@ -50,8 +50,11 @@ const menu = (
export default () => (
<Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
Hover me <DownOutlined />
<a onClick={e => e.preventDefault()}>
<Space>
Hover me
<DownOutlined />
</Space>
</a>
</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)
```tsx
import { Menu, Dropdown, MenuProps } from 'antd';
import { Menu, Dropdown, MenuProps, Space } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined, DownOutlined } from '@ant-design/icons';
type MenuItem = Required<MenuProps>['items'][number];
@ -71,8 +71,11 @@ const menu = <Menu selectedKeys={['1']} openKeys={['sub1']} items={items} />;
export default () => (
<Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
Hover to check menu style <DownOutlined />
<a onClick={e => e.preventDefault()}>
<Space>
Hover to check menu style
<DownOutlined />
</Space>
</a>
</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.
```jsx
import { Menu, Dropdown } from 'antd';
import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons';
class OverlayVisible extends React.Component {
@ -58,8 +58,11 @@ class OverlayVisible extends React.Component {
onVisibleChange={this.handleVisibleChange}
visible={this.state.visible}
>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
Hover me <DownOutlined />
<a onClick={e => e.preventDefault()}>
<Space>
Hover me
<DownOutlined />
</Space>
</a>
</Dropdown>
);

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

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

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

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

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

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

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

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