guangfei.zhao
74c4f798a5
refactor(knowledge): reorganize parser configuration components into accordions
72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
import React from 'react';
|
||
import {
|
||
Box,
|
||
Typography,
|
||
Accordion,
|
||
AccordionSummary,
|
||
AccordionDetails,
|
||
Divider,
|
||
} from '@mui/material';
|
||
import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
|
||
import { useFormContext } from 'react-hook-form';
|
||
import { useTranslation } from 'react-i18next';
|
||
import { ConfigurationFormContainer, MainContainer } from './configuration-form-container';
|
||
import {
|
||
ChunkMethodItem,
|
||
AutoKeywordsItem,
|
||
AutoQuestionsItem,
|
||
RaptorConfigItems,
|
||
KnowledgeGraphConfigItems,
|
||
} from './common-items';
|
||
|
||
export function AudioConfiguration() {
|
||
const { formState: { errors } } = useFormContext();
|
||
const { t } = useTranslation();
|
||
|
||
return (
|
||
<ConfigurationFormContainer>
|
||
<MainContainer>
|
||
{/* 第一部分：basicConfig 基础配置 */}
|
||
<Accordion defaultExpanded>
|
||
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
||
<Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
|
||
</AccordionSummary>
|
||
<AccordionDetails>
|
||
{/* 切片方法 */}
|
||
<Box sx={{ mb: 3 }}>
|
||
<ChunkMethodItem />
|
||
</Box>
|
||
<Divider />
|
||
|
||
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, mt: 3 }}>
|
||
{/* 自动关键词提取 */}
|
||
<AutoKeywordsItem />
|
||
{/* 自动问题提取 */}
|
||
<AutoQuestionsItem />
|
||
</Box>
|
||
</AccordionDetails>
|
||
</Accordion>
|
||
|
||
{/* 第二部分：RAPTOR策略 */}
|
||
<Accordion>
|
||
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
||
<Typography variant="h6">{t('knowledge.config.raptorStrategy')}</Typography>
|
||
</AccordionSummary>
|
||
<AccordionDetails>
|
||
<RaptorConfigItems />
|
||
</AccordionDetails>
|
||
</Accordion>
|
||
|
||
{/* 第三部分：Knowledge Graph 知识图谱 */}
|
||
<Accordion>
|
||
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
||
<Typography variant="h6">{t('knowledge.config.knowledgeGraph')}</Typography>
|
||
</AccordionSummary>
|
||
<AccordionDetails>
|
||
<KnowledgeGraphConfigItems />
|
||
</AccordionDetails>
|
||
</Accordion>
|
||
</MainContainer>
|
||
</ConfigurationFormContainer>
|
||
);
|
||
} |