From ca55ad5512c65172c87e6322cb1b8f53d254d75a Mon Sep 17 00:00:00 2001 From: mamamiyear Date: Wed, 12 Nov 2025 16:14:10 +0800 Subject: [PATCH] refactor: avoid to use some deprecated properities --- src/components/ImageModal.tsx | 8 +++++--- src/components/ResourceList.tsx | 2 +- src/main.tsx | 7 ++++++- 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/src/components/ImageModal.tsx b/src/components/ImageModal.tsx index 45a2f74..99814ae 100644 --- a/src/components/ImageModal.tsx +++ b/src/components/ImageModal.tsx @@ -125,10 +125,12 @@ const ImageModal: React.FC = ({ visible, imageUrl, onClose }) = closable={false} width={isMobile ? '100vw' : '66vw'} style={modalStyle} - bodyStyle={modalBodyStyle} + styles={{ + body: modalBodyStyle, + mask: { backgroundColor: 'rgba(0, 0, 0, 0.8)' }, + }} centered={true} // 移动端和PC端都居中显示 - destroyOnClose - maskStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.8)' }} + destroyOnHidden wrapClassName={isMobile ? 'mobile-image-modal' : 'desktop-image-modal'} > {/* 自定义关闭按钮 */} diff --git a/src/components/ResourceList.tsx b/src/components/ResourceList.tsx index 5d0e59a..0d77c87 100644 --- a/src/components/ResourceList.tsx +++ b/src/components/ResourceList.tsx @@ -1063,7 +1063,7 @@ const ResourceList: React.FC = ({ inputOpen = false, onCloseInput, contai } } }} - destroyOnClose + destroyOnHidden okText="确认" cancelText="取消" > diff --git a/src/main.tsx b/src/main.tsx index 0a879c6..4ac1105 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -8,7 +8,12 @@ import App from './App.tsx' createRoot(document.getElementById('root')!).render( - + ,