59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
|
'use client';
|
|||
|
|
|
|||
|
|
import { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Button } from '@mui/material';
|
|||
|
|
import { useTranslation } from 'react-i18next';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 确认对话框组件
|
|||
|
|
* @param {Object} props
|
|||
|
|
* @param {boolean} props.open - 对话框是否打开
|
|||
|
|
* @param {Function} props.onClose - 关闭对话框的回调函数
|
|||
|
|
* @param {Function} props.onConfirm - 确认操作的回调函数
|
|||
|
|
* @param {string} props.title - 对话框标题
|
|||
|
|
* @param {string} props.content - 对话框内容
|
|||
|
|
* @param {string} props.confirmText - 确认按钮文本，默认为 "确认删除"
|
|||
|
|
* @param {string} props.cancelText - 取消按钮文本，默认为 "取消"
|
|||
|
|
* @param {string} props.confirmColor - 确认按钮颜色，默认为 "error"
|
|||
|
|
*/
|
|||
|
|
export default function ConfirmDialog({
|
|||
|
|
open,
|
|||
|
|
onClose,
|
|||
|
|
onConfirm,
|
|||
|
|
title,
|
|||
|
|
content,
|
|||
|
|
confirmText,
|
|||
|
|
cancelText,
|
|||
|
|
confirmColor = 'error'
|
|||
|
|
}) {
|
|||
|
|
const { t } = useTranslation();
|
|||
|
|
|
|||
|
|
const handleConfirm = () => {
|
|||
|
|
onClose();
|
|||
|
|
if (onConfirm) {
|
|||
|
|
onConfirm();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Dialog
|
|||
|
|
open={open}
|
|||
|
|
onClose={onClose}
|
|||
|
|
aria-labelledby="confirm-dialog-title"
|
|||
|
|
aria-describedby="confirm-dialog-description"
|
|||
|
|
>
|
|||
|
|
<DialogTitle id="confirm-dialog-title">{title}</DialogTitle>
|
|||
|
|
<DialogContent>
|
|||
|
|
<DialogContentText id="confirm-dialog-description">{content}</DialogContentText>
|
|||
|
|
</DialogContent>
|
|||
|
|
<DialogActions>
|
|||
|
|
<Button onClick={onClose} color="primary">
|
|||
|
|
{cancelText || t('common.cancel')}
|
|||
|
|
</Button>
|
|||
|
|
<Button onClick={handleConfirm} color={confirmColor} variant="contained" autoFocus>
|
|||
|
|
{confirmText || t('common.confirmDelete')}
|
|||
|
|
</Button>
|
|||
|
|
</DialogActions>
|
|||
|
|
</Dialog>
|
|||
|
|
);
|
|||
|
|
}
|