36 lines
974 B
TypeScript
36 lines
974 B
TypeScript
import React, { useEffect, useState, ReactNode } from 'react';
|
||
import Modal, { ModalProps } from 'antd/lib/modal';
|
||
import { StarProps } from '../interface';
|
||
|
||
/**
|
||
* 星级模态框组件，基于Antd Modal的增强组件
|
||
* 提供国际化和组件生命周期管理功能
|
||
*/
|
||
const StarModal: React.FC<ModalProps & StarProps & { children: ReactNode }> = (props) => {
|
||
const { open, destroyOnClose, children, format: formate, ...rest } = props;
|
||
const [exist, setExist] = useState<boolean | undefined>(open);
|
||
|
||
useEffect(() => {
|
||
if (open) setExist(open);
|
||
}, [open]);
|
||
|
||
const elements = exist ? (
|
||
<Modal
|
||
destroyOnClose={destroyOnClose}
|
||
open={open}
|
||
afterClose={() => setExist(false)}
|
||
okText={formate ? formate({ id: 'confirm' }) : '确定'}
|
||
cancelText={formate ? formate({ id: 'cancel' }) : '取消'}
|
||
{...rest}
|
||
>
|
||
{children}
|
||
</Modal>
|
||
) : (
|
||
<div />
|
||
);
|
||
|
||
return elements;
|
||
};
|
||
|
||
export default StarModal;
|