fix: response modal (#2228)

This commit is contained in:
Archer
2024-07-31 16:11:04 +08:00
committed by GitHub
parent 2fdca621e6
commit 834d36981f
2 changed files with 65 additions and 71 deletions

View File

@@ -170,10 +170,8 @@ export const ResponseBox = React.memo(function ResponseBox({
</Box> </Box>
</Flex> </Flex>
) : ( ) : (
<> <Box h={'100%'} overflow={'auto'}>
<Box position={'relative'} overflow={isOpenMobileModal ? 'hidden' : ''}>
{!isOpenMobileModal && ( {!isOpenMobileModal && (
<Box height={'100%'}>
<WholeResponseSideTab <WholeResponseSideTab
response={sideResponse} response={sideResponse}
value={currentNodeId} value={currentNodeId}
@@ -183,10 +181,9 @@ export const ResponseBox = React.memo(function ResponseBox({
}} }}
isMobile={true} isMobile={true}
/> />
</Box>
)} )}
{isOpenMobileModal && ( {isOpenMobileModal && (
<Box h={'100%'} w={'100%'} zIndex={10} background={'white'}> <Flex flexDirection={'column'} h={'100%'}>
<Flex <Flex
align={'center'} align={'center'}
justifyContent={'center'} justifyContent={'center'}
@@ -228,23 +225,22 @@ export const ResponseBox = React.memo(function ResponseBox({
{t(activeModule.moduleName as any)} {t(activeModule.moduleName as any)}
</Box> </Box>
</Flex> </Flex>
<Box overflow={'auto'} height={'calc(100% - 40px)'}> <Box flex={'1 0 0'} overflow={'auto'}>
<WholeResponseContent <WholeResponseContent
activeModule={activeModule} activeModule={activeModule}
hideTabs={hideTabs} hideTabs={hideTabs}
showDetail={showDetail} showDetail={showDetail}
/> />
</Box> </Box>
</Box> </Flex>
)} )}
</Box> </Box>
</>
)} )}
</> </>
); );
}); });
const WholeResponseContent = ({ export const WholeResponseContent = ({
activeModule, activeModule,
hideTabs, hideTabs,
showDetail showDetail

View File

@@ -25,7 +25,7 @@ import { QuestionOutlineIcon } from '@chakra-ui/icons';
import MyTooltip from '@fastgpt/web/components/common/MyTooltip'; import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
import { useRequest2 } from '@fastgpt/web/hooks/useRequest'; import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
import { useWorkflowUtils } from '../../hooks/useUtils'; import { useWorkflowUtils } from '../../hooks/useUtils';
import { ResponseBox } from '@/components/core/chat/components/WholeResponseModal'; import { WholeResponseContent } from '@/components/core/chat/components/WholeResponseModal';
type Props = FlowNodeItemType & { type Props = FlowNodeItemType & {
children?: React.ReactNode | React.ReactNode[] | string; children?: React.ReactNode | React.ReactNode[] | string;
@@ -623,9 +623,7 @@ const NodeDebugResponse = React.memo(function NodeDebugResponse({
{debugResult.message} {debugResult.message}
</Box> </Box>
)} )}
{response && ( {response && <WholeResponseContent activeModule={response} showDetail />}
<ResponseBox useMobile={true} response={[response]} showDetail hideTabs />
)}
</Box> </Box>
</Card> </Card>
)} )}