twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-07 00:47:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 函数式弹框组件添加 beforeCancel和beforeSure回调

Browse Source
This commit is contained in:
xiaoxian521 2023-05-10 17:42:43 +08:00
parent b2d06d2b3b
commit 47f951312e
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ReDialog/index.vue
View File

@ -19,7 +19,13 @@ const footerButtons = computed(() => {
text: true,
bg: true,
btnClick: ({ dialog: { options, index } }) => {
closeDialog(options, index, { command: "cancel" });
const done = () =>
closeDialog(options, index, { command: "cancel" });
if (options?.beforeCancel && isFunction(options?.beforeCancel)) {
options.beforeCancel(done);
} else {
done();
}
}
},
{
@ -28,7 +34,13 @@ const footerButtons = computed(() => {
text: true,
bg: true,
btnClick: ({ dialog: { options, index } }) => {
closeDialog(options, index, { command: "sure" });
const done = () =>
closeDialog(options, index, { command: "sure" });
if (options?.beforeSure && isFunction(options?.beforeSure)) {
options.beforeSure(done);
} else {
done();
}
}
}
] as Array<ButtonProps>);

4
src/components/ReDialog/type.ts
View File

@ -189,6 +189,10 @@ interface DialogOptions extends DialogProps {
options: DialogOptions;
index: number;
}) => void;
/** 点击底部取消按钮的回调，会暂停 `Dialog` 的关闭. 回调函数内执行 `done` 参数方法的时候才是真正关闭对话框的时候 */
beforeCancel?: (done: Function) => void;
/** 点击底部确定按钮的回调，会暂停 `Dialog` 的关闭. 回调函数内执行 `done` 参数方法的时候才是真正关闭对话框的时候 */
beforeSure?: (done: Function) => void;
}
export type { EventType, ArgsType, DialogProps, ButtonProps, DialogOptions };