{
style={{ width: '100%' }}
value={inputs.aws_key_type || 'ak_sk'}
onChange={(value) => {
- handleChannelOtherSettingsChange('aws_key_type', value);
+ handleChannelOtherSettingsChange(
+ 'aws_key_type',
+ value,
+ );
}}
extraText={t(
'AK/SK 模式：使用 AccessKey 和 SecretAccessKey；API Key 模式：使用 API Key',
@@ -1925,7 +1983,9 @@ const EditChannelModal = (props) => {
placeholder={
inputs.type === 33
? inputs.aws_key_type === 'api_key'
- ? t('请输入 API Key，一行一个，格式：APIKey|Region')
+ ? t(
+ '请输入 API Key，一行一个，格式：APIKey|Region',
+ )
: t(
'请输入密钥，一行一个，格式：AccessKey|SecretAccessKey|Region',
)
@@ -2213,7 +2273,9 @@ const EditChannelModal = (props) => {
inputs.type === 33
? inputs.aws_key_type === 'api_key'
? t('请输入 API Key，格式：APIKey|Region')
- : t('按照如下格式输入：AccessKey|SecretAccessKey|Region')
+ : t(
+ '按照如下格式输入：AccessKey|SecretAccessKey|Region',
+ )
: t(type2secretPrompt(inputs.type))
}
rules={
@@ -2435,86 +2497,86 @@ const EditChannelModal = (props) => {
/>
)}
- {inputs.type === 3 && (
- <>
-
-
-
+
- handleInputChange('base_url', value)
- }
- showClear
- disabled={isIonetLocked}
+ className='!rounded-lg'
/>
-
-
-
- handleInputChange('other', value)
- }
- showClear
- />
-
-
-
- handleChannelOtherSettingsChange(
- 'azure_responses_version',
- value,
- )
- }
- showClear
- />
-
-
- )}
+
+
+ handleInputChange('base_url', value)
+ }
+ showClear
+ disabled={isIonetLocked}
+ />
+
+
+
+ handleInputChange('other', value)
+ }
+ showClear
+ />
+
+
+
+ handleChannelOtherSettingsChange(
+ 'azure_responses_version',
+ value,
+ )
+ }
+ showClear
+ />
+
+
+ )}
- {inputs.type === 8 && (
- <>
-
-
-
+
- handleInputChange('base_url', value)
- }
- showClear
- disabled={isIonetLocked}
+ className='!rounded-lg'
/>
-
-
- )}
+
+
+ handleInputChange('base_url', value)
+ }
+ showClear
+ disabled={isIonetLocked}
+ />
+
+
+ )}
{inputs.type === 37 && (
{
}
showClear
disabled={isIonetLocked}
- extraText={t(
- '对于官方渠道，new-api已经内置地址，除非是第三方代理站点或者Azure的特殊接入地址，否则不需要填写',
+ extraText={t(
+ '对于官方渠道，new-api已经内置地址，除非是第三方代理站点或者Azure的特殊接入地址，否则不需要填写',
+ )}
+ />
+
+ )}
+
+ {inputs.type === 22 && (
+
+
+ handleInputChange('base_url', value)
+ }
+ showClear
+ disabled={isIonetLocked}
/>
)}
- {inputs.type === 22 && (
-
-
- handleInputChange('base_url', value)
- }
- showClear
- disabled={isIonetLocked}
- />
-
- )}
-
- {inputs.type === 36 && (
-
-
- handleInputChange('base_url', value)
- }
- showClear
- disabled={isIonetLocked}
- />
-
- )}
-
- {inputs.type === 45 && !doubaoApiEditUnlocked && (
-
-
+ {inputs.type === 36 && (
+
+
handleInputChange('base_url', value)
- }
- optionList={[
- {
- value: 'https://ark.cn-beijing.volces.com',
- label: 'https://ark.cn-beijing.volces.com',
- },
- {
- value: 'https://ark.ap-southeast.bytepluses.com',
- label: 'https://ark.ap-southeast.bytepluses.com',
- },
- {
- value: 'doubao-coding-plan',
- label: 'Doubao Coding Plan',
- },
- ]}defaultValue='https://ark.cn-beijing.volces.com'
- disabled={isIonetLocked}
- />
-
- )}
+ }
+ showClear
+ disabled={isIonetLocked}
+ />
+
+
+ handleInputChange('base_url', value)
+ }
+ optionList={[
+ {
+ value: 'https://ark.cn-beijing.volces.com',
+ label: 'https://ark.cn-beijing.volces.com',
+ },
+ {
+ value:
+ 'https://ark.ap-southeast.bytepluses.com',
+ label:
+ 'https://ark.ap-southeast.bytepluses.com',
+ },
+ {
+ value: 'doubao-coding-plan',
+ label: 'Doubao Coding Plan',
+ },
+ ]}
+ defaultValue='https://ark.cn-beijing.volces.com'
+ disabled={isIonetLocked}
+ />
+
+ )}
)}
@@ -2708,79 +2773,81 @@ const EditChannelModal = (props) => {
)}
{inputs.type === 4 && isEdit && (
-
- )}
-
-
- {modelGroups &&
- modelGroups.length > 0 &&
- modelGroups.map((group) => (
- ))}
-
- }
- />
+ )}
+
+
+ {modelGroups &&
+ modelGroups.length > 0 &&
+ modelGroups.map((group) => (
+
+ ))}
+
+ }
+ />
{
templateLabel={t('填入模板')}
editorType='keyValue'
formApi={formApiRef.current}
+ renderStringValueSuffix={({ pairKey, value }) => {
+ if (!MODEL_FETCHABLE_TYPES.has(inputs.type)) {
+ return null;
+ }
+ const disabled = !String(pairKey ?? '').trim();
+ return (
+
+ }
+ disabled={disabled}
+ onClick={(e) => {
+ e.stopPropagation();
+ openModelMappingValueModal({ pairKey, value });
+ }}
+ />
+
+ );
+ }}
extraText={t(
'键为请求中的模型名称，值为要替换的模型名称',
)}
@@ -3353,6 +3441,53 @@ const EditChannelModal = (props) => {
onCancel={() => setModelModalVisible(false)}
/>
+ {
+ const modelName = String(selectedModel ?? '').trim();
+ if (!modelName) {
+ showError(t('请先选择模型！'));
+ return;
+ }
+
+ const mappingKey = String(modelMappingValueKey ?? '').trim();
+ if (!mappingKey) {
+ setModelMappingValueModalVisible(false);
+ return;
+ }
+
+ let parsed = {};
+ const currentMapping = inputs.model_mapping;
+ if (typeof currentMapping === 'string' && currentMapping.trim()) {
+ try {
+ parsed = JSON.parse(currentMapping);
+ } catch (error) {
+ parsed = {};
+ }
+ } else if (
+ currentMapping &&
+ typeof currentMapping === 'object' &&
+ !Array.isArray(currentMapping)
+ ) {
+ parsed = currentMapping;
+ }
+ if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+ parsed = {};
+ }
+
+ parsed[mappingKey] = modelName;
+ const nextMapping = JSON.stringify(parsed, null, 2);
+ handleInputChange('model_mapping', nextMapping);
+ if (formApiRef.current) {
+ formApiRef.current.setValue('model_mapping', nextMapping);
+ }
+ setModelMappingValueModalVisible(false);
+ }}
+ onCancel={() => setModelMappingValueModalVisible(false)}
+ />
+
setOllamaModalVisible(false)}
diff --git a/web/src/components/table/channels/modals/SingleModelSelectModal.jsx b/web/src/components/table/channels/modals/SingleModelSelectModal.jsx
new file mode 100644
index 00000000..fdeb2915
--- /dev/null
+++ b/web/src/components/table/channels/modals/SingleModelSelectModal.jsx
@@ -0,0 +1,195 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see .
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useIsMobile } from '../../../../hooks/common/useIsMobile';
+import {
+ Collapse,
+ Empty,
+ Input,
+ Modal,
+ Radio,
+ Typography,
+} from '@douyinfe/semi-ui';
+import {
+ IllustrationNoResult,
+ IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import { IconSearch } from '@douyinfe/semi-icons';
+import { getModelCategories } from '../../../../helpers/render';
+
+const SingleModelSelectModal = ({
+ visible,
+ models = [],
+ selected = '',
+ onConfirm,
+ onCancel,
+}) => {
+ const { t } = useTranslation();
+ const isMobile = useIsMobile();
+
+ const normalizeModelName = (model) => String(model ?? '').trim();
+ const normalizedModels = useMemo(() => {
+ const list = Array.isArray(models) ? models : [];
+ return Array.from(new Set(list.map(normalizeModelName).filter(Boolean)));
+ }, [models]);
+
+ const [keyword, setKeyword] = useState('');
+ const [selectedModel, setSelectedModel] = useState('');
+
+ useEffect(() => {
+ if (visible) {
+ setKeyword('');
+ setSelectedModel(normalizeModelName(selected));
+ }
+ }, [visible, selected]);
+
+ const filteredModels = useMemo(() => {
+ const lower = keyword.trim().toLowerCase();
+ if (!lower) return normalizedModels;
+ return normalizedModels.filter((m) => m.toLowerCase().includes(lower));
+ }, [normalizedModels, keyword]);
+
+ const modelsByCategory = useMemo(() => {
+ const categories = getModelCategories(t);
+ const categorized = {};
+ const uncategorized = [];
+
+ filteredModels.forEach((model) => {
+ let foundCategory = false;
+ for (const [key, category] of Object.entries(categories)) {
+ if (key !== 'all' && category.filter({ model_name: model })) {
+ if (!categorized[key]) {
+ categorized[key] = {
+ label: category.label,
+ icon: category.icon,
+ models: [],
+ };
+ }
+ categorized[key].models.push(model);
+ foundCategory = true;
+ break;
+ }
+ }
+ if (!foundCategory) {
+ uncategorized.push(model);
+ }
+ });
+
+ if (uncategorized.length > 0) {
+ categorized.other = {
+ label: t('其他'),
+ icon: null,
+ models: uncategorized,
+ };
+ }
+
+ return categorized;
+ }, [filteredModels, t]);
+
+ const categoryEntries = useMemo(
+ () => Object.entries(modelsByCategory),
+ [modelsByCategory],
+ );
+
+ return (
+
+
+ {t('选择模型')}
+
+
+ }
+ visible={visible}
+ onOk={() => onConfirm?.(selectedModel)}
+ onCancel={onCancel}
+ okText={t('确定')}
+ cancelText={t('取消')}
+ okButtonProps={{ disabled: !selectedModel }}
+ size={isMobile ? 'full-width' : 'large'}
+ closeOnEsc
+ maskClosable
+ centered
+ >
+ }
+ placeholder={t('搜索模型')}
+ value={keyword}
+ onChange={(v) => setKeyword(v)}
+ showClear
+ />
+
+
+ {filteredModels.length === 0 ? (
+
}
+ darkModeImage={
+
+ }
+ description={t('暂无匹配模型')}
+ style={{ padding: 30 }}
+ />
+ ) : (
+
{
+ const next = val && val.target ? val.target.value : val;
+ setSelectedModel(next);
+ }}
+ >
+
+ {categoryEntries.map(([key, categoryData], index) => (
+
+ {categoryData.icon}
+
+ {categoryData.label} ({categoryData.models.length})
+
+
+ }
+ >
+
+ {categoryData.models.map((model) => (
+
+ {model}
+
+ ))}
+
+
+ ))}
+
+
+ )}
+