+
+
+ handleProviderChange(editingProviderIndex, 'name', e.target.value)} />
+
+
+
+ handleProviderChange(editingProviderIndex, 'api_base_url', e.target.value)} />
+
+
+
+ handleProviderChange(editingProviderIndex, 'api_key', e.target.value)} />
+
+
+
+
+
+
+ {hasFetchedModels[editingProviderIndex] ? (
+ ({ label: model, value: model }))}
+ value=""
+ onChange={(_) => {
+ // 只更新输入值，不添加模型
+ }}
+ onEnter={(value) => {
+ if (editingProviderIndex !== null) {
+ handleAddModel(editingProviderIndex, value);
+ }
+ }}
+ inputPlaceholder={t("providers.models_placeholder")}
+ />
+ ) : (
+ {
+ if (e.key === 'Enter' && e.currentTarget.value.trim() && editingProviderIndex !== null) {
+ handleAddModel(editingProviderIndex, e.currentTarget.value);
+ e.currentTarget.value = '';
+ }
+ }}
+ />
+ )}
+
+
+ {/*
*/}
+
+
+ {editingProvider.models.map((model, modelIndex) => (
+
+ {model}
+
+
+ ))}
+
+
+
+
+ {/* Provider Transformer Selection */}
+
+
+
+ {/* Add new transformer */}
+
+ ({
+ label: t.path.split('/').pop() || t.path,
+ value: t.path
+ }))}
+ value=""
+ onChange={(value) => {
+ if (editingProviderIndex !== null) {
+ handleProviderTransformerChange(editingProviderIndex, value);
+ }
+ }}
+ placeholder={t("providers.select_transformer")}
+ emptyPlaceholder={t("providers.no_transformers")}
+ />
+
+
+ {/* Display existing transformers */}
+ {editingProvider.transformer?.use && editingProvider.transformer.use.length > 0 && (
+
+
{t("providers.selected_transformers")}
+ {editingProvider.transformer.use.map((transformer: any, transformerIndex: number) => (
+
+
+
+ {typeof transformer === 'string' ? transformer : Array.isArray(transformer) ? String(transformer[0]) : String(transformer)}
+
+
+
+
+ {/* Transformer-specific Parameters */}
+
+
+
+
+
{
+ const key = `provider-${editingProviderIndex}-transformer-${transformerIndex}`;
+ setProviderParamInputs(prev => ({
+ ...prev,
+ [key]: {
+ ...prev[key] || {name: "", value: ""},
+ name: e.target.value
+ }
+ }));
+ }}
+ />
+
{
+ const key = `provider-${editingProviderIndex}-transformer-${transformerIndex}`;
+ setProviderParamInputs(prev => ({
+ ...prev,
+ [key]: {
+ ...prev[key] || {name: "", value: ""},
+ value: e.target.value
+ }
+ }));
+ }}
+ />
+
+
+
+ {/* Display existing parameters for this transformer */}
+ {(() => {
+ // Get parameters for this specific transformer
+ if (!editingProvider.transformer?.use || editingProvider.transformer.use.length <= transformerIndex) {
+ return null;
+ }
+
+ const targetTransformer = editingProvider.transformer.use[transformerIndex];
+ let params = {};
+
+ if (Array.isArray(targetTransformer) && targetTransformer.length > 1) {
+ // Check if the second element is an object (parameters object)
+ if (typeof targetTransformer[1] === 'object' && targetTransformer[1] !== null) {
+ params = targetTransformer[1] as Record
;
+ }
+ }
+
+ return Object.keys(params).length > 0 ? (
+
+ {Object.entries(params).map(([key, value]) => (
+
+
+ {key}: {String(value)}
+
+
+
+ ))}
+
+
+
+ ))}
+
+ )}
+
+
+ {/* Model-specific Transformers */}
+ {editingProvider.models.length > 0 && (
+
+
+
+ {editingProvider.models.map((model, modelIndex) => (
+
+
{model}
+ {/* Add new transformer */}
+
+
+ ({
+ label: t.path.split('/').pop() || t.path,
+ value: t.path
+ }))}
+ value=""
+ onChange={(value) => {
+ if (editingProviderIndex !== null) {
+ handleModelTransformerChange(editingProviderIndex, model, value);
+ }
+ }}
+ placeholder={t("providers.select_transformer")}
+ emptyPlaceholder={t("providers.no_transformers")}
+ />
+
+
+
+ {/* Display existing transformers */}
+ {editingProvider.transformer?.[model]?.use && editingProvider.transformer[model].use.length > 0 && (
+
+
{t("providers.selected_transformers")}
+ {editingProvider.transformer[model].use.map((transformer: any, transformerIndex: number) => (
+
+
+
+ {typeof transformer === 'string' ? transformer : Array.isArray(transformer) ? String(transformer[0]) : String(transformer)}
+
+
+
+
+ {/* Transformer-specific Parameters */}
+
+
+
+
+
{
+ const key = `model-${editingProviderIndex}-${model}-transformer-${transformerIndex}`;
+ setModelParamInputs(prev => ({
+ ...prev,
+ [key]: {
+ ...prev[key] || {name: "", value: ""},
+ name: e.target.value
+ }
+ }));
+ }}
+ />
+
{
+ const key = `model-${editingProviderIndex}-${model}-transformer-${transformerIndex}`;
+ setModelParamInputs(prev => ({
+ ...prev,
+ [key]: {
+ ...prev[key] || {name: "", value: ""},
+ value: e.target.value
+ }
+ }));
+ }}
+ />
+
+
+
+ {/* Display existing parameters for this transformer */}
+ {(() => {
+ // Get parameters for this specific transformer
+ if (!editingProvider.transformer?.[model]?.use || editingProvider.transformer[model].use.length <= transformerIndex) {
+ return null;
+ }
+
+ const targetTransformer = editingProvider.transformer[model].use[transformerIndex];
+ let params = {};
+
+ if (Array.isArray(targetTransformer) && targetTransformer.length > 1) {
+ // Check if the second element is an object (parameters object)
+ if (typeof targetTransformer[1] === 'object' && targetTransformer[1] !== null) {
+ params = targetTransformer[1] as Record
;
+ }
+ }
+
+ return Object.keys(params).length > 0 ? (
+
+ {Object.entries(params).map(([key, value]) => (
+
+
+ {key}: {String(value)}
+
+
+
+ ))}
+
+
+
+ ))}
+
+ )}
+
+ ))}
+
+
+ )}
+
+