fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-05 21:49:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(action-modal): improve modal visibility handling (#6305)

Browse Source
This commit is contained in:
Zeke Zhang 2025-02-26 22:52:51 +08:00 committed by GitHub
parent 8bd3d3625c
commit 376cb21a71
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/core/client/src/schema-component/antd/action/Action.Modal.tsx
View File

@ -13,7 +13,7 @@ import { Modal, ModalProps } from 'antd';
import classNames from 'classnames'; import classNames from 'classnames';
import { ErrorBoundary, FallbackProps } from 'react-error-boundary'; import { ErrorBoundary, FallbackProps } from 'react-error-boundary';
// @ts-ignore // @ts-ignore
import React, { FC, startTransition, useEffect, useMemo, useState } from 'react'; import React, { FC, startTransition, useEffect, useState } from 'react';
import { NocoBaseRecursionField } from '../../../formily/NocoBaseRecursionField'; import { NocoBaseRecursionField } from '../../../formily/NocoBaseRecursionField';
import { useToken } from '../../../style'; import { useToken } from '../../../style';
import { ErrorFallback } from '../error-fallback'; import { ErrorFallback } from '../error-fallback';
@ -85,17 +85,6 @@ export const InternalActionModal: React.FC<ActionDrawerProps<ModalProps>> = obse
return buf; return buf;
}); });
const { hidden } = useCurrentPopupContext(); const { hidden } = useCurrentPopupContext();
const styles: any = useMemo(() => {
return {
mask: {
display: hidden ? 'none' : 'block',
},
content: {
display: hidden ? 'none' : 'block',
},
};
}, [hidden]);
const showFooter = !!footerSchema; const showFooter = !!footerSchema;
if (process.env.__E2E__) { if (process.env.__E2E__) {
useSetAriaLabelForModal(visible); useSetAriaLabelForModal(visible);
@ -108,12 +97,11 @@ export const InternalActionModal: React.FC<ActionDrawerProps<ModalProps>> = obse
<zIndexContext.Provider value={zIndex}> <zIndexContext.Provider value={zIndex}>
<TabsContextProvider {...tabContext} tabBarExtraContent={null}> <TabsContextProvider {...tabContext} tabBarExtraContent={null}>
<Modal <Modal
zIndex={zIndex} zIndex={hidden ? -1 : zIndex}
width={actualWidth} width={actualWidth}
title={field.title} title={field.title}
{...(others as ModalProps)} {...(others as ModalProps)}
{...modalProps} {...modalProps}
styles={styles}
style={{ style={{
...modalProps?.style, ...modalProps?.style,
...others?.style, ...others?.style,