File tree 6 files changed +11
-7
lines changed
src/packages/__VUE/dialog
6 files changed +11
-7
lines changed Original file line number Diff line number Diff line change @@ -63,7 +63,8 @@ test('Dialog: header slot', async () => {
63
63
test ( 'Dialog: closeOnClickOverlay' , async ( ) => {
64
64
const wrapper1 = mount ( Dialog , {
65
65
props : {
66
- visible : true
66
+ visible : true ,
67
+ closeOnClickOverlay : true
67
68
}
68
69
} )
69
70
const wrapper2 = mount ( Dialog , {
Original file line number Diff line number Diff line change @@ -225,7 +225,7 @@ const teleportClick = (teleport) => {
225
225
| title | Title | string | - |
226
226
| content | Content, support HTML | string | - |
227
227
| teleport | Specifies a target element where Dialog will be mounted | string | ` "body" ` |
228
- | close-on-click-overlay | Whether to close when overlay is clicked | boolean | ` true ` |
228
+ | close-on-click-overlay | Whether to close when overlay is clicked | boolean | ` false ` |
229
229
| no-footer | Hide bottom button bar | boolean | ` false ` |
230
230
| no-ok-btn | Hide OK button | boolean | ` false ` |
231
231
| no-cancel-btn | Hide cancel button | boolean | ` false ` |
Original file line number Diff line number Diff line change @@ -225,7 +225,7 @@ const teleportClick = (teleport) => {
225
225
| title | 标题 | string | - |
226
226
| content | 内容,支持 HTML 和组件 | string \| VNode | |
227
227
| teleport | 指定挂载节点 | string | ` "body" ` |
228
- | close-on-click-overlay | 点击蒙层是否关闭对话框 | boolean | ` true ` |
228
+ | close-on-click-overlay | 点击蒙层是否关闭对话框 | boolean | ` false ` |
229
229
| no-footer | 是否隐藏底部按钮栏 | boolean | ` false ` |
230
230
| no-ok-btn | 是否隐藏确定按钮 | boolean | ` false ` |
231
231
| no-cancel-btn | 是否隐藏取消按钮 | boolean | ` false ` |
Original file line number Diff line number Diff line change @@ -140,15 +140,15 @@ const verticalClick = () => {
140
140
| title | 标题 | string | - |
141
141
| content | 内容,支持 ` HTML ` 和组件 | string \| VNode | - |
142
142
| teleport | 指定挂载节点 | string | ` "body" ` |
143
- | close-on-click-overlay | 点击蒙层是否关闭对话框 | boolean | ` true ` |
143
+ | close-on-click-overlay | 点击蒙层是否关闭对话框 | boolean | ` false ` |
144
144
| no-footer | 是否隐藏底部按钮栏 | boolean | ` false ` |
145
145
| no-ok-btn | 是否隐藏确定按钮 | boolean | ` false ` |
146
146
| no-cancel-btn | 是否隐藏取消按钮 | boolean | ` false ` |
147
147
| cancel-text | 取消按钮文案 | string | ` ”取消“ ` |
148
148
| ok-text | 确定按钮文案 | string | ` ”确 定“ ` |
149
149
| cancel-auto-close | 取消按钮是否默认关闭弹窗 | boolean | ` true ` |
150
150
| ok-auto-close` 4.2.1 ` | 确认按钮是否默认关闭弹窗 | boolean | ` true ` |
151
- | text-align | 文字对齐方向,可选值同 ` css ` 的 ` text-align ` | string | ` "center" ` |
151
+ | text-align | 文字对齐方向,可选值同 ` css ` 的 ` text-align ` | string | ` "center" ` |
152
152
| close-on-popstate | 是否在页面回退时自动关闭 | boolean | ` false ` |
153
153
| lock-scroll | 背景是否锁定 | boolean | ` true ` |
154
154
| footer-direction | 使用横纵方向 可选值 ` horizontal ` 、` vertical ` | string | ` horizontal ` |
Original file line number Diff line number Diff line change @@ -69,7 +69,7 @@ export default create({
69
69
... popupProps ,
70
70
closeOnClickOverlay: {
71
71
type: Boolean ,
72
- default: true
72
+ default: false
73
73
},
74
74
title: {
75
75
type: String ,
Original file line number Diff line number Diff line change @@ -69,7 +69,7 @@ export default create({
69
69
... popupProps ,
70
70
closeOnClickOverlay: {
71
71
type: Boolean ,
72
- default: true
72
+ default: false
73
73
},
74
74
title: {
75
75
type: String ,
@@ -182,7 +182,10 @@ export default create({
182
182
}
183
183
184
184
const onClickOverlay = () => {
185
+ console .log (1 )
186
+ console .log (props .closeOnClickOverlay )
185
187
if (props .closeOnClickOverlay ) {
188
+ console .log (2 )
186
189
closed (' ' )
187
190
}
188
191
}
You can’t perform that action at this time.
0 commit comments