MadCcc
2 years ago
committed by
GitHub
GitHub
18 changed files with 213 additions and 27 deletions
@ -0,0 +1,57 @@ |
|||
--- |
|||
order: 999 |
|||
title: |
|||
zh-CN: 控制弹框动画原点 |
|||
en-US: control modal's animation origin position |
|||
debug: true |
|||
--- |
|||
|
|||
## zh-CN |
|||
|
|||
通过 `mousePosition` 控制弹框动画原点. |
|||
|
|||
## en-US |
|||
|
|||
pass `mousePosition` to control modal's animation origin position |
|||
|
|||
```tsx |
|||
import { Button, Modal } from 'antd'; |
|||
import React, { useState } from 'react'; |
|||
|
|||
const App: React.FC = () => { |
|||
const [isModalOpen, setIsModalOpen] = useState(false); |
|||
|
|||
const showModal = () => { |
|||
setIsModalOpen(true); |
|||
}; |
|||
|
|||
const handleOk = () => { |
|||
setIsModalOpen(false); |
|||
}; |
|||
|
|||
const handleCancel = () => { |
|||
setIsModalOpen(false); |
|||
}; |
|||
|
|||
return ( |
|||
<> |
|||
<Button type="primary" onClick={showModal}> |
|||
Open Modal |
|||
</Button> |
|||
<Modal |
|||
title="Basic Modal" |
|||
open={isModalOpen} |
|||
onOk={handleOk} |
|||
onCancel={handleCancel} |
|||
mousePosition={{ x: 300, y: 300 }} |
|||
> |
|||
<p>Some contents...</p> |
|||
<p>Some contents...</p> |
|||
<p>Some contents...</p> |
|||
</Modal> |
|||
</> |
|||
); |
|||
}; |
|||
|
|||
export default App; |
|||
``` |
|||
@ -0,0 +1,20 @@ |
|||
import React from 'react'; |
|||
import { render } from '../../../tests/utils'; |
|||
|
|||
import Base from '../Base'; |
|||
|
|||
describe('Typography keep prefixCls', () => { |
|||
describe('Base', () => { |
|||
it('should support className when has prefix', () => { |
|||
const { container: wrapper } = render( |
|||
<Base component="p" prefixCls="custom-prefixCls" className="custom-class"> |
|||
test prefixCls |
|||
</Base>, |
|||
); |
|||
expect( |
|||
(wrapper.firstChild as HTMLElement)?.className.includes('custom-prefixCls'), |
|||
).toBeTruthy(); |
|||
expect((wrapper.firstChild as HTMLElement)?.className.includes('custom-class')).toBeTruthy(); |
|||
}); |
|||
}); |
|||
}); |
|||
Loading…
Reference in new issue