index.tsx

/**
 * 徐立
 * 2019年9月11日
 * 通知提醒框二次封装
 */
import React from 'react';
import { notification, Modal } from 'antd';

/**
 *
 * @param {string} type 'success 成功 info 注意 warning 警告 error 错误'
 * @param {string} title '提示标题'
 * @param {string} content '主要内容'
 * @param {string} placement '弹出位置 topLeft topRight bottomLeft bottomRight'
 * @param {pbject} style '使用style 自定义弹出框样式
 */
export const openToast = (
	type: string,
	title: string,
	content: string,
	placement?: string,
	style?: object,
): void => {
	notification[type]({
		message: title,
		description: content,
		placement,
		style,
	});
};
/**
 * 点击提示,执行信息展示,只提供一个按钮用于关闭
 * @param {string} title 成功提示信息标题
 * @param {any} content 成功提示信息内容(可为html标签)
 * @param {Function} handleOk 点击确定回调
 */
export const success = (title: string, content: any, handleOk: () => {}): void => {
	Modal.success({
		title: title,
		content: <div>{content}</div>,
		onOk: handleOk,
	});
};
/**
 * 点击提示,执行信息展示,只提供一个按钮用于关闭
 * @param {string} title 错误提示信息标题
 * @param {any} content 错误提示信息内容(可为html标签)
 * @param {Function} handleOk 点击确定回调
 */
export const error = (title: string, content: any, handleOk: () => {}): void => {
	Modal.error({
		title: title,
		content: <div>{content}</div>,
		onOk: handleOk,
	});
};
/**
 * 点击提示,执行信息展示,只提供一个按钮用于关闭
 * @param {string} title 普通提示信息标题
 * @param {any} content 普通提示信息内容(可为html标签)
 * @param {Function} handleOk 点击确定回调
 */
export const info = (title: string, content: any, handleOk: () => {}): void => {
	Modal.info({
		title: title,
		content: <div>{content}</div>,
		onOk: handleOk,
	});
};
/**
 * 点击提示,执行信息展示,只提供一个按钮用于关闭
 * @param {string} title 警告提示信息标题
 * @param {any} content 警告提示信息内容(可为html标签)
 * @param {Function} handleOk 点击确定回调
 */
export const warning = (title: string, content: any, handleOk: () => {}): void => {
	Modal.warning({
		title: title,
		content: <div>{content}</div>,
		onOk: handleOk,
	});
};
/**
 * 含有确认取消按钮的消息确认框
 * @param {string} title 消息提示框标题
 * @param {any} content 消息提示框内容
 * @param {Function} handleOk 点击确认回调
 * @param {Function} handleCancel 点击取消回调
 * @param {string} okText 确定按钮文本内容默认确定
 * @param {string} cancelText 取消按钮文本内容默认取消
 */
export const confirm = (
	title: string,
	content: any,
	handleOk: () => {},
	handleCancel: () => {},
	okText: string = '确定',
	cancelText: string = '取消',
): void => {
	Modal.confirm({
		title: title,
		content: content,
		okText: okText,
		cancelText: cancelText,
		onOk: handleOk,
		onCancel: handleCancel,
	});
};