diff --git a/src/components/ProviderForm.tsx b/src/components/ProviderForm.tsx index 7f1816a..db64918 100644 --- a/src/components/ProviderForm.tsx +++ b/src/components/ProviderForm.tsx @@ -51,6 +51,10 @@ const ProviderForm: React.FC = ({ initialData?.category, ); + // Claude 模型配置状态 + const [claudeModel, setClaudeModel] = useState(""); + const [claudeSmallFastModel, setClaudeSmallFastModel] = useState(""); + // Codex 特有的状态 const [codexAuth, setCodexAuth] = useState(""); const [codexConfig, setCodexConfig] = useState(""); @@ -99,7 +103,7 @@ const ProviderForm: React.FC = ({ const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString); setDisableCoAuthored(hasCoAuthoredDisabled); - // 初始化 Kimi 模型选择(编辑模式) + // 初始化模型配置(编辑模式) if ( initialData.settingsConfig && typeof initialData.settingsConfig === "object" @@ -108,6 +112,10 @@ const ProviderForm: React.FC = ({ env?: Record; }; if (config.env) { + setClaudeModel(config.env.ANTHROPIC_MODEL || ""); + setClaudeSmallFastModel(config.env.ANTHROPIC_SMALL_FAST_MODEL || ""); + + // 初始化 Kimi 模型选择 setKimiAnthropicModel(config.env.ANTHROPIC_MODEL || ""); setKimiAnthropicSmallFastModel( config.env.ANTHROPIC_SMALL_FAST_MODEL || "", @@ -268,35 +276,49 @@ const ProviderForm: React.FC = ({ const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString); setDisableCoAuthored(hasCoAuthoredDisabled); - // 如果是 Kimi 预设,初始化模型选择 - if ( - preset.name?.includes("Kimi") && - preset.settingsConfig && - typeof preset.settingsConfig === "object" - ) { + // 如果预设包含模型配置,初始化模型输入框 + if (preset.settingsConfig && typeof preset.settingsConfig === "object") { const config = preset.settingsConfig as { env?: Record }; if (config.env) { - setKimiAnthropicModel(config.env.ANTHROPIC_MODEL || ""); - setKimiAnthropicSmallFastModel( - config.env.ANTHROPIC_SMALL_FAST_MODEL || "", - ); + setClaudeModel(config.env.ANTHROPIC_MODEL || ""); + setClaudeSmallFastModel(config.env.ANTHROPIC_SMALL_FAST_MODEL || ""); + + // 如果是 Kimi 预设,同步 Kimi 模型选择 + if (preset.name?.includes("Kimi")) { + setKimiAnthropicModel(config.env.ANTHROPIC_MODEL || ""); + setKimiAnthropicSmallFastModel(config.env.ANTHROPIC_SMALL_FAST_MODEL || ""); + } + } else { + setClaudeModel(""); + setClaudeSmallFastModel(""); } - } else { - setKimiAnthropicModel(""); - setKimiAnthropicSmallFastModel(""); } }; // 处理点击自定义按钮 const handleCustomClick = () => { setSelectedPreset(-1); + + // 设置自定义模板 + const customTemplate = { + env: { + ANTHROPIC_BASE_URL: "https://your-api-endpoint.com", + ANTHROPIC_AUTH_TOKEN: "your-api-key-here", + // 可选配置 + // ANTHROPIC_MODEL: "your-model-name", + // ANTHROPIC_SMALL_FAST_MODEL: "your-fast-model-name" + } + }; + setFormData({ name: "", websiteUrl: "", - settingsConfig: "", + settingsConfig: JSON.stringify(customTemplate, null, 2), }); setApiKey(""); setDisableCoAuthored(false); + setClaudeModel(""); + setClaudeSmallFastModel(""); setKimiAnthropicModel(""); setKimiAnthropicSmallFastModel(""); setCategory("custom"); @@ -426,6 +448,34 @@ const ProviderForm: React.FC = ({ codexProviderPresets[selectedCodexPreset]?.category === "official")) || category === "official"; + // 处理模型输入变化,自动更新 JSON 配置 + const handleModelChange = (field: 'ANTHROPIC_MODEL' | 'ANTHROPIC_SMALL_FAST_MODEL', value: string) => { + if (field === 'ANTHROPIC_MODEL') { + setClaudeModel(value); + } else { + setClaudeSmallFastModel(value); + } + + // 更新 JSON 配置 + try { + const currentConfig = formData.settingsConfig ? JSON.parse(formData.settingsConfig) : { env: {} }; + if (!currentConfig.env) currentConfig.env = {}; + + if (value.trim()) { + currentConfig.env[field] = value.trim(); + } else { + delete currentConfig.env[field]; + } + + setFormData(prev => ({ + ...prev, + settingsConfig: JSON.stringify(currentConfig, null, 2), + })); + } catch (err) { + // 如果 JSON 解析失败,不做处理 + } + }; + // Kimi 模型选择处理函数 const handleKimiModelChange = ( field: "ANTHROPIC_MODEL" | "ANTHROPIC_SMALL_FAST_MODEL", @@ -557,6 +607,25 @@ const ProviderForm: React.FC = ({ /> +
+ + +
+ {!isCodex && showApiKey && ( = ({ /> )} -
- - -
- {/* Claude 或 Codex 的配置部分 */} {isCodex ? ( = ({ }} /> ) : ( - - handleChange({ - target: { name: "settingsConfig", value }, - } as React.ChangeEvent) - } - disableCoAuthored={disableCoAuthored} - onCoAuthoredToggle={handleCoAuthoredToggle} - /> + <> + {/* 可选的模型配置输入框 - 简化为一行 */} + {!isOfficialPreset && ( +
+
+ + handleModelChange('ANTHROPIC_MODEL', e.target.value)} + placeholder="例如: deepseek-chat" + autoComplete="off" + className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-colors" + /> +
+ +
+ + handleModelChange('ANTHROPIC_SMALL_FAST_MODEL', e.target.value)} + placeholder="例如: glm-4-flash" + autoComplete="off" + className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-colors" + /> +
+
+ )} + + + handleChange({ + target: { name: "settingsConfig", value }, + } as React.ChangeEvent) + } + disableCoAuthored={disableCoAuthored} + onCoAuthoredToggle={handleCoAuthoredToggle} + /> + )} diff --git a/src/components/ProviderForm/ClaudeConfigEditor.tsx b/src/components/ProviderForm/ClaudeConfigEditor.tsx index 8691859..6b16415 100644 --- a/src/components/ProviderForm/ClaudeConfigEditor.tsx +++ b/src/components/ProviderForm/ClaudeConfigEditor.tsx @@ -38,8 +38,8 @@ const ClaudeConfigEditor: React.FC = ({ onChange={onChange} placeholder={`{ "env": { - "ANTHROPIC_BASE_URL": "https://api.anthropic.com", - "ANTHROPIC_AUTH_TOKEN": "sk-your-api-key-here" + "ANTHROPIC_BASE_URL": "https://your-api-endpoint.com", + "ANTHROPIC_AUTH_TOKEN": "your-api-key-here" } }`} rows={12} diff --git a/src/config/providerPresets.ts b/src/config/providerPresets.ts index b1ce1bb..11a59c7 100644 --- a/src/config/providerPresets.ts +++ b/src/config/providerPresets.ts @@ -41,6 +41,8 @@ export const providerPresets: ProviderPreset[] = [ env: { ANTHROPIC_BASE_URL: "https://open.bigmodel.cn/api/anthropic", ANTHROPIC_AUTH_TOKEN: "", + ANTHROPIC_MODEL: "glm-4-plus", + ANTHROPIC_SMALL_FAST_MODEL: "glm-4-flash", }, }, category: "cn_official", @@ -50,9 +52,10 @@ export const providerPresets: ProviderPreset[] = [ websiteUrl: "https://bailian.console.aliyun.com", settingsConfig: { env: { - ANTHROPIC_BASE_URL: - "https://dashscope.aliyuncs.com/api/v2/apps/claude-code-proxy", + ANTHROPIC_BASE_URL: "https://dashscope.aliyuncs.com/api/v2/apps/claude-code-proxy", ANTHROPIC_AUTH_TOKEN: "", + ANTHROPIC_MODEL: "qwen-coder-turbo", + ANTHROPIC_SMALL_FAST_MODEL: "qwen-coder-turbo", }, }, category: "cn_official", @@ -75,8 +78,8 @@ export const providerPresets: ProviderPreset[] = [ websiteUrl: "https://modelscope.cn", settingsConfig: { env: { - ANTHROPIC_AUTH_TOKEN: "ms-your-api-key", ANTHROPIC_BASE_URL: "https://api-inference.modelscope.cn", + ANTHROPIC_AUTH_TOKEN: "", ANTHROPIC_MODEL: "ZhipuAI/GLM-4.5", ANTHROPIC_SMALL_FAST_MODEL: "ZhipuAI/GLM-4.5", },