adai/MemoryBear
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #271 from SuanmoSuanyangTechnology/fix/customSelect_zy

Browse Source 
fix(web): Restructure the CustomSelect component, repair the interfac…
This commit is contained in:
yingzhao
2026-02-02 11:47:36 +08:00
committed by GitHub
parent be98db561d 6754834eb3
commit 4b8b6fe407
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/CustomSelect/index.tsx
View File

@@ -1,4 +1,4 @@
import { useEffect, useState, type FC, type Key } from 'react'; import { useEffect, useState, useMemo, type FC, type Key } from 'react';
import { Select } from 'antd'; import { Select } from 'antd';
import type { SelectProps, DefaultOptionType } from 'antd/es/select'; import type { SelectProps, DefaultOptionType } from 'antd/es/select';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
@@ -47,13 +47,14 @@ const CustomSelect: FC<CustomSelectProps> = ({
}) => { }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const [options, setOptions] = useState<OptionType[]>([]); const [options, setOptions] = useState<OptionType[]>([]);
const memoizedParams = useMemo(() => params, [JSON.stringify(params)]);
useEffect(() => { useEffect(() => {
request.get<ApiResponse<OptionType>>(url, params).then((res) => { request.get<ApiResponse<OptionType>>(url, memoizedParams).then((res) => {
const data = Array.isArray(res) ? res : res?.items || []; const data = Array.isArray(res) ? res : res?.items || [];
setOptions(data); setOptions(data);
}); });
}, [url, params]); }, [url, memoizedParams]);
const displayOptions = format ? format(options) : options; const displayOptions = format ? format(options) : options;

4
web/src/views/ApplicationConfig/components/AiPromptModal.tsx
View File

@@ -8,7 +8,7 @@ import { updatePromptMessages, createPromptSessions } from '@/api/prompt'
import { getModelListUrl } from '@/api/models' import { getModelListUrl } from '@/api/models'
import type { AiPromptModalRef, AiPromptVariableModalRef, AiPromptForm } from '../types' import type { AiPromptModalRef, AiPromptVariableModalRef, AiPromptForm } from '../types'
import RbModal from '@/components/RbModal' import RbModal from '@/components/RbModal'
import type { Model } from '@/views/ModelManagement/types' import type { ModelListItem } from '@/views/ModelManagement/types'
import ChatContent from '@/components/Chat/ChatContent' import ChatContent from '@/components/Chat/ChatContent'
import Empty from '@/components/Empty' import Empty from '@/components/Empty'
import ChatSendIcon from '@/assets/images/application/chatSend.svg' import ChatSendIcon from '@/assets/images/application/chatSend.svg'
@@ -21,7 +21,7 @@ import Editor from './Editor'
interface AiPromptModalProps { interface AiPromptModalProps {
refresh: (value: string) => void; refresh: (value: string) => void;
defaultModel: Model | null; defaultModel: ModelListItem | null;
} }
const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({

8
web/src/views/ApplicationConfig/components/ModelConfigModal.tsx
View File

@@ -3,14 +3,14 @@ import { Form, Select } from 'antd';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import type { ModelConfig, ModelConfigModalRef, Config, Source } from '../types' import type { ModelConfig, ModelConfigModalRef, Config, Source } from '../types'
import type { Model } from '@/views/ModelManagement/types' import type { ModelListItem } from '@/views/ModelManagement/types'
import RbModal from '@/components/RbModal' import RbModal from '@/components/RbModal'
import RbSlider from '@/components/RbSlider' import RbSlider from '@/components/RbSlider'
const FormItem = Form.Item; const FormItem = Form.Item;
interface ModelConfigModalProps { interface ModelConfigModalProps {
modelList?: Model[]; modelList?: ModelListItem[];
refresh: (values: ModelConfig, type: Source) => void; refresh: (values: ModelConfig, type: Source) => void;
data: Config; data: Config;
} }
@@ -76,9 +76,9 @@ const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(
console.log('err', err) console.log('err', err)
}); });
} }
const handleChange = (_value: string, option: Model | Model[] | undefined) => { const handleChange = (_value: string, option: ModelListItem | ModelListItem[] | undefined) => {
if (source === 'chat') { if (source === 'chat') {
form.setFieldValue('label', (option as Model).name) form.setFieldValue('label', (option as ModelListItem).name)
} }
} }