feat: 添加信息提示hooks
This commit is contained in:
131
src/hooks/antd/useMessage.ts
Normal file
131
src/hooks/antd/useMessage.ts
Normal file
@@ -0,0 +1,131 @@
|
||||
// src/hooks/antd/useMessage.ts
|
||||
import { Modal, message, notification } from 'antd';
|
||||
|
||||
export const useMessage = () => {
|
||||
return {
|
||||
// 消息提示
|
||||
info(content: string) {
|
||||
message.info(content);
|
||||
},
|
||||
// 错误消息
|
||||
error(content: string) {
|
||||
message.error(content);
|
||||
},
|
||||
// 成功消息
|
||||
success(content: string) {
|
||||
message.success(content);
|
||||
},
|
||||
// 警告消息
|
||||
warning(content: string) {
|
||||
message.warning(content);
|
||||
},
|
||||
// 弹出提示
|
||||
alert(content: string) {
|
||||
Modal.info({
|
||||
title: '提示',
|
||||
content: content,
|
||||
okText: '确定',
|
||||
});
|
||||
},
|
||||
// 错误提示
|
||||
alertError(content: string) {
|
||||
Modal.error({
|
||||
title: '提示',
|
||||
content: content,
|
||||
okText: '确定',
|
||||
});
|
||||
},
|
||||
// 成功提示
|
||||
alertSuccess(content: string) {
|
||||
Modal.success({
|
||||
title: '提示',
|
||||
content: content,
|
||||
okText: '确定',
|
||||
});
|
||||
},
|
||||
// 警告提示
|
||||
alertWarning(content: string) {
|
||||
Modal.warning({
|
||||
title: '提示',
|
||||
content: content,
|
||||
okText: '确定',
|
||||
});
|
||||
},
|
||||
// 通知提示
|
||||
notify(content: string) {
|
||||
notification.info({
|
||||
message: content,
|
||||
});
|
||||
},
|
||||
// 错误通知
|
||||
notifyError(content: string) {
|
||||
notification.error({
|
||||
message: content,
|
||||
});
|
||||
},
|
||||
// 成功通知
|
||||
notifySuccess(content: string) {
|
||||
notification.success({
|
||||
message: content,
|
||||
});
|
||||
},
|
||||
// 警告通知
|
||||
notifyWarning(content: string) {
|
||||
notification.warning({
|
||||
message: content,
|
||||
});
|
||||
},
|
||||
// 确认窗体
|
||||
confirm(content: string, tip?: string) {
|
||||
return new Promise<boolean>((resolve) => {
|
||||
Modal.confirm({
|
||||
title: tip ? tip : '提示',
|
||||
content: content,
|
||||
okText: '确定',
|
||||
cancelText: '取消',
|
||||
onOk: () => resolve(true),
|
||||
onCancel: () => resolve(false),
|
||||
});
|
||||
});
|
||||
},
|
||||
// 删除窗体
|
||||
delConfirm(content?: string, tip?: string) {
|
||||
return new Promise<boolean>((resolve) => {
|
||||
Modal.confirm({
|
||||
title: tip ? tip : '提示',
|
||||
content: content ? content : '是否确认删除?',
|
||||
okText: '确定',
|
||||
cancelText: '取消',
|
||||
onOk: () => resolve(true),
|
||||
onCancel: () => resolve(false),
|
||||
});
|
||||
});
|
||||
},
|
||||
// 导出窗体
|
||||
exportConfirm(content?: string, tip?: string) {
|
||||
return new Promise<boolean>((resolve) => {
|
||||
Modal.confirm({
|
||||
title: tip ? tip : '提示',
|
||||
content: content ? content : '是否确认导出?',
|
||||
okText: '确定',
|
||||
cancelText: '取消',
|
||||
onOk: () => resolve(true),
|
||||
onCancel: () => resolve(false),
|
||||
});
|
||||
});
|
||||
},
|
||||
// 提交内容
|
||||
prompt(content: string, tip: string) {
|
||||
return new Promise<boolean>((resolve) => {
|
||||
Modal.confirm({
|
||||
title: tip,
|
||||
content: content,
|
||||
okText: '确定',
|
||||
cancelText: '取消',
|
||||
onOk: () => resolve(true),
|
||||
onCancel: () => resolve(false),
|
||||
});
|
||||
});
|
||||
},
|
||||
};
|
||||
};
|
||||
Reference in New Issue
Block a user