import * as React from 'react'; import { ModalFuncProps } from '../Modal'; import ConfirmDialog from '../ConfirmDialog'; import defaultLocale from '../../locale/default'; import LocaleReceiver from '../../locale-provider/LocaleReceiver'; import { ConfigContext } from '../../config-provider'; export interface HookModalProps { afterClose: () => void; config: ModalFuncProps; } export interface HookModalRef { destroy: () => void; update: (config: ModalFuncProps) => void; } interface ModalLocale { okText: string; cancelText: string; justOkText: string; } const HookModal: React.ForwardRefRenderFunction = ( { afterClose, config }, ref, ) => { const [visible, setVisible] = React.useState(true); const [innerConfig, setInnerConfig] = React.useState(config); const { direction } = React.useContext(ConfigContext); function close() { setVisible(false); } React.useImperativeHandle(ref, () => ({ destroy: close, update: (newConfig: ModalFuncProps) => { setInnerConfig(originConfig => ({ ...originConfig, ...newConfig, })); }, })); return ( {(modalLocale: ModalLocale) => ( )} ); }; export default React.forwardRef(HookModal);