guangfei.zhao
ddce6638ad
add build mode parameter to all configuration components to toggle between built-in and pipeline modes export new common items and update chunk method form to handle build mode selection
74 lines
2.4 KiB
TypeScript
74 lines
2.4 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({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
|
||
const { formState: { errors } } = useFormContext();
|
||
const { t } = useTranslation();
|
||
|
||
return (
|
||
<ConfigurationFormContainer>
|
||
<MainContainer>
|
||
{/* 第一部分：basicConfig 基础配置 */}
|
||
{buildMode === 'buildIn' && (
|
||
<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>
|
||
);
|
||
} |