perf: modal

This commit is contained in:
archer
2023-07-27 14:36:21 +08:00
parent 1c4d2e92cf
commit aebe789e9f
7 changed files with 40 additions and 21 deletions

View File

@@ -13,7 +13,14 @@ const ContextModal = ({
const theme = useTheme(); const theme = useTheme();
return ( return (
<MyModal isOpen={true} onClose={onClose} title={`完整对话记录(${context.length}条)`} h={'80vh'}> <MyModal
isOpen={true}
onClose={onClose}
title={`完整对话记录(${context.length}条)`}
minW={['90vw', '600px']}
h={['90vh', '80vh']}
isCentered
>
<ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}> <ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
{context.map((item, i) => ( {context.map((item, i) => (
<Box <Box

View File

@@ -61,13 +61,21 @@ const QuoteModal = ({
return ( return (
<> <>
<MyModal isOpen={true} onClose={onClose} h={'80vh'}> <MyModal
<ModalHeader> isOpen={true}
onClose={onClose}
h={['90vh', '80vh']}
isCentered
minW={['90vw', '600px']}
title={
<>
({rawSearch.length}) ({rawSearch.length})
<Box fontSize={'sm'} fontWeight={'normal'}> <Box fontSize={['xs', 'sm']} fontWeight={'normal'}>
注意: 修改知识库内容成功后 注意: 修改知识库内容成功后
</Box> </Box>
</ModalHeader> </>
}
>
<ModalCloseButton /> <ModalCloseButton />
<ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}> <ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
{rawSearch.map((item) => ( {rawSearch.map((item) => (

View File

@@ -5,9 +5,9 @@ import {
ModalContent, ModalContent,
ModalHeader, ModalHeader,
ModalCloseButton, ModalCloseButton,
ModalContentProps ModalContentProps,
Box
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { DefaultTFuncReturn } from 'i18next';
interface Props extends ModalContentProps { interface Props extends ModalContentProps {
showCloseBtn?: boolean; showCloseBtn?: boolean;
@@ -32,16 +32,20 @@ const MyModal = ({
<Modal isOpen={isOpen} onClose={onClose} autoFocus={false} isCentered={isCentered}> <Modal isOpen={isOpen} onClose={onClose} autoFocus={false} isCentered={isCentered}>
<ModalOverlay /> <ModalOverlay />
<ModalContent <ModalContent
display={'flex'}
flexDirection={'column'}
w={w} w={w}
minW={['300px', '400px']} minW={['90vw', '400px']}
maxW={maxW} maxW={maxW}
position={'relative'} position={'relative'}
overflow={'overlay'} maxH={'90vh'}
{...props} {...props}
> >
{!!title && <ModalHeader>{title}</ModalHeader>} {!!title && <ModalHeader>{title}</ModalHeader>}
<Box overflow={'overlay'}>
{showCloseBtn && <ModalCloseButton />} {showCloseBtn && <ModalCloseButton />}
{children} {children}
</Box>
</ModalContent> </ModalContent>
</Modal> </Modal>
); );

View File

@@ -132,10 +132,10 @@ export const KbParamsModal = ({
}); });
return ( return (
<MyModal isOpen={true} onClose={onClose} title={'搜索参数调整'}> <MyModal isOpen={true} onClose={onClose} title={'搜索参数调整'} minW={['90vw', '600px']}>
<Flex flexDirection={'column'}> <Flex flexDirection={'column'}>
<ModalBody> <ModalBody>
<Box display={['block', 'flex']} pt={3} pb={5}> <Box display={['block', 'flex']} py={5} pt={[0, 5]}>
<Box flex={'0 0 100px'} mb={[8, 0]}> <Box flex={'0 0 100px'} mb={[8, 0]}>
<MyTooltip label={'高相似度推荐0.8及以上。'} forceShow> <MyTooltip label={'高相似度推荐0.8及以上。'} forceShow>

View File

@@ -130,8 +130,9 @@ const InputDataModal = ({
title={defaultValues.dataId ? '变更数据' : '手动导入数据'} title={defaultValues.dataId ? '变更数据' : '手动导入数据'}
w={'90vw'} w={'90vw'}
maxW={'90vw'} maxW={'90vw'}
h={'90vh'}
> >
<Flex display={'flex'} flexDirection={'column'} h={'90vh'}> <Flex flexDirection={'column'} h={'100%'}>
<Box <Box
display={'flex'} display={'flex'}
flexDirection={['column', 'row']} flexDirection={['column', 'row']}

View File

@@ -1,6 +1,7 @@
import { Configuration, OpenAIApi } from 'openai'; import { Configuration, OpenAIApi } from 'openai';
const baseUrl = process.env.ONEAPI_URL || process.env.OPENAI_BASE_URL || 'api.openai.com'; const baseUrl =
process.env.ONEAPI_URL || process.env.OPENAI_BASE_URL || 'https://api.openai.com/v1';
export const getSystemOpenAiKey = () => { export const getSystemOpenAiKey = () => {
return process.env.ONEAPI_KEY || process.env.OPENAIKEY || ''; return process.env.ONEAPI_KEY || process.env.OPENAIKEY || '';

View File

@@ -50,7 +50,7 @@ export async function connectToDatabase(): Promise<void> {
minPoolSize: 2 minPoolSize: 2
}); });
initRootUser(); await initRootUser();
initPg(); initPg();
console.log('mongo connected'); console.log('mongo connected');
} catch (error) { } catch (error) {
@@ -84,7 +84,6 @@ async function initRootUser() {
}); });
} catch (error) { } catch (error) {
console.log('init root user error', error); console.log('init root user error', error);
initRootUser();
} }
} }
async function initPg() { async function initPg() {
@@ -108,7 +107,6 @@ async function initPg() {
console.log('init pg successful'); console.log('init pg successful');
} catch (error) { } catch (error) {
console.log('init pg error', error); console.log('init pg error', error);
initPg();
} }
} }