Compare commits
No commits in common. "1b7d44ee198b242860665dbb4bb6a89a1ef7d640" and "5d09d6ebecdf42b7c8a91cf51c2ec8bbd0572832" have entirely different histories.
1b7d44ee19
...
5d09d6ebec
@ -1,53 +0,0 @@
|
|||||||
// 兼容verbatimModuleSyntax:拆分/标记类型与值导入
|
|
||||||
import { ElMessageBox } from "element-plus";
|
|
||||||
import type { ElMessageBoxOptions } from "element-plus";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 极简删除确认框封装(支持返回值判断)
|
|
||||||
* @param {string} [message] - 自定义删除提示信息(可选)
|
|
||||||
* @param {Partial<MessageBoxConfirmOptions>} [customOptions] - 自定义配置(可选)
|
|
||||||
* @returns {Promise<boolean>} 确认返回true,取消/关闭返回false
|
|
||||||
*/
|
|
||||||
export const deleteConfirm = (
|
|
||||||
message?: string,
|
|
||||||
customOptions?: Partial<ElMessageBoxOptions>
|
|
||||||
) => {
|
|
||||||
// 删除场景默认配置
|
|
||||||
const defaultOptions: ElMessageBoxOptions = {
|
|
||||||
title: "删除确认",
|
|
||||||
message: message || "此操作将永久删除该数据,无法恢复,是否继续?",
|
|
||||||
confirmButtonText: "确认删除",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "error",
|
|
||||||
//center: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
// 合并默认配置与自定义配置
|
|
||||||
const finalOptions = { ...defaultOptions, ...customOptions };
|
|
||||||
|
|
||||||
// 核心修改:无论确认/取消,都resolve布尔值,不触发reject
|
|
||||||
return new Promise<boolean>((resolve) => {
|
|
||||||
ElMessageBox.confirm(finalOptions.message, finalOptions.title, finalOptions)
|
|
||||||
.then(() => resolve(true)) // 确认:返回true
|
|
||||||
.catch(() => resolve(false)); // 取消/关闭:返回false(不再reject)
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 使用示例
|
|
||||||
const handleDelete = async (id: number) => {
|
|
||||||
// 直接获取返回值:true=确认,false=取消
|
|
||||||
const isConfirmed = await deleteConfirm('是否删除数据?', { title: '自定义标题', type: 'warning' })
|
|
||||||
|
|
||||||
if (isConfirmed) {
|
|
||||||
// 确认删除:执行业务逻辑
|
|
||||||
// await api.deleteData(id) // 真实接口请求
|
|
||||||
ElMessage.success(`ID为${id}的数据删除成功!`)
|
|
||||||
console.log(`执行删除操作,数据ID:${id}`)
|
|
||||||
} else {
|
|
||||||
// 取消删除:给出提示(可选)
|
|
||||||
ElMessage.info('已取消删除操作')
|
|
||||||
console.log('用户取消删除')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
Loading…
x
Reference in New Issue
Block a user