mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-13 21:32:56 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

demo(space): replace 'overlay' in Dropdown (#48867)

Browse Source 
* demo(space): replace 'overlay' in Dropdown

* test: update snap
This commit is contained in:
thinkasany 2024-05-10 19:19:35 +08:00 committed by GitHub
parent eb218e80c6
commit 7af1cc616b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 37 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -10005,11 +10005,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
</div> </div>
`; `;
exports[`renders components/space/demo/compact-buttons.tsx extend context correctly 2`] = ` exports[`renders components/space/demo/compact-buttons.tsx extend context correctly 2`] = `[]`;
[
"Warning: [antd: Dropdown] \`overlay\` is deprecated. Please use \`menu\` instead.",
]
`;
exports[`renders components/space/demo/compact-debug.tsx extend context correctly 1`] = ` exports[`renders components/space/demo/compact-debug.tsx extend context correctly 1`] = `
<div <div

22
components/space/demo/compact-buttons.tsx
View File

@ -11,7 +11,7 @@ import {
StarOutlined, StarOutlined,
WarningOutlined, WarningOutlined,
} from '@ant-design/icons'; } from '@ant-design/icons';
import { Button, Dropdown, Menu, Space, Tooltip } from 'antd'; import { Button, Dropdown, Space, Tooltip } from 'antd';
const App: React.FC = () => ( const App: React.FC = () => (
<div> <div>
@ -36,9 +36,8 @@ const App: React.FC = () => (
</Tooltip> </Tooltip>
<Dropdown <Dropdown
placement="bottomRight" placement="bottomRight"
overlay={ menu={{
<Menu items: [
items={[
{ {
key: '1', key: '1',
label: 'Report', label: 'Report',
@ -54,9 +53,8 @@ const App: React.FC = () => (
label: 'Mobile', label: 'Mobile',
icon: <MobileOutlined />, icon: <MobileOutlined />,
}, },
]} ],
/> }}
}
trigger={['click']} trigger={['click']}
> >
<Button icon={<EllipsisOutlined />} /> <Button icon={<EllipsisOutlined />} />
@ -89,9 +87,8 @@ const App: React.FC = () => (
<Button type="primary">Button 4</Button> <Button type="primary">Button 4</Button>
<Dropdown <Dropdown
placement="bottomRight" placement="bottomRight"
overlay={ menu={{
<Menu items: [
items={[
{ {
key: '1', key: '1',
label: '1st item', label: '1st item',
@ -104,9 +101,8 @@ const App: React.FC = () => (
key: '3', key: '3',
label: '3rd item', label: '3rd item',
}, },
]} ],
/> }}
}
trigger={['click']} trigger={['click']}
> >
<Button type="primary" icon={<EllipsisOutlined />} /> <Button type="primary" icon={<EllipsisOutlined />} />