drawer closeWithConfirm props
This commit is contained in:
parent
8df3da7d49
commit
68f3d86761
@ -11,7 +11,7 @@ group:
|
||||
|
||||
# Drawer - 抽屉
|
||||
|
||||
与 Ant Design
|
||||
通过 `Drawer.open(props)` 方法打开抽屉,无需预渲染,可在任意触发事件中使用,多层抽屉的实现也更为巧妙。
|
||||
|
||||
### 基础抽屉
|
||||
|
||||
@ -69,3 +69,35 @@ export default () => (
|
||||
}}>Open drawer</Button>
|
||||
);
|
||||
```
|
||||
|
||||
### 关闭时提示
|
||||
|
||||
```tsx
|
||||
/**
|
||||
* title: 关闭时提示
|
||||
* desc: 更多参数请参考 `Modal.confirm`
|
||||
*/
|
||||
import React from 'react';
|
||||
import { Button } from 'antd';
|
||||
import Drawer from './index.tsx';
|
||||
|
||||
export default () => (
|
||||
<Button onClick={() => {
|
||||
Drawer.open({
|
||||
title: 'Basic Drawer',
|
||||
content: ({ closeWithConfirm }) => {
|
||||
closeWithConfirm({
|
||||
title: '您确定关闭抽屉吗?'
|
||||
});
|
||||
return (
|
||||
<div>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
});
|
||||
}}>Open Drawer</Button>
|
||||
);
|
||||
```
|
||||
|
@ -84,7 +84,7 @@ export function Drawer(title: any, content: any): IDrawer {
|
||||
},
|
||||
};
|
||||
|
||||
const drawer = {
|
||||
const drawer: any = {
|
||||
open: (props: any) => {
|
||||
render(
|
||||
false,
|
||||
@ -113,7 +113,7 @@ export function Drawer(title: any, content: any): IDrawer {
|
||||
if (!env.root) return;
|
||||
if (drawer.closeWithConfirm) {
|
||||
Modal.confirm({
|
||||
title: '表单内容发生变化,确定不保存吗?',
|
||||
title: drawer.closeWithConfirm === true ? '表单内容发生变化,确定不保存吗?' : drawer.closeWithConfirm.title,
|
||||
okText: '确定',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
|
Loading…
Reference in New Issue
Block a user