refactor: 移除 KeyFormDialog 中的 OAuth 认证逻辑

OAuth 流程已由独立的 OAuthAccountDialog 处理,移除 KeyFormDialog 中冗余的
OAuth 表单、授权流程 UI 和状态管理代码。同时清理 provider_oauth.ts 中不再
使用的接口和函数,修复 ProviderOAuthCompleteRequest 重复声明问题。
This commit is contained in:
fawney19
2026-02-05 02:56:33 +08:00
parent d9d3a1afcf
commit 9c19a72d67
3 changed files with 22 additions and 460 deletions

View File

@@ -1,15 +1,5 @@
import client from '../client' import client from '../client'
export interface ProviderOAuthSupportedType {
provider_type: string
display_name: string
scopes: string[]
redirect_uri: string
authorize_url: string
token_url: string
use_pkce: boolean
}
export interface ProviderOAuthStartResponse { export interface ProviderOAuthStartResponse {
authorization_url: string authorization_url: string
redirect_uri: string redirect_uri: string
@@ -19,6 +9,7 @@ export interface ProviderOAuthStartResponse {
export interface ProviderOAuthCompleteRequest { export interface ProviderOAuthCompleteRequest {
callback_url: string callback_url: string
name?: string
} }
export interface ProviderOAuthCompleteResponse { export interface ProviderOAuthCompleteResponse {
@@ -28,22 +19,12 @@ export interface ProviderOAuthCompleteResponse {
email?: string | null email?: string | null
} }
export async function getProviderOAuthSupportedTypes(): Promise<ProviderOAuthSupportedType[]> { export interface ProviderOAuthCompleteResponseWithKey {
const resp = await client.get('/api/admin/provider-oauth/supported-types') key_id: string
return resp.data provider_type: string
} expires_at?: number | null
has_refresh_token: boolean
export async function startProviderOAuth(keyId: string): Promise<ProviderOAuthStartResponse> { email?: string | null
const resp = await client.post(`/api/admin/provider-oauth/keys/${keyId}/start`)
return resp.data
}
export async function completeProviderOAuth(
keyId: string,
data: ProviderOAuthCompleteRequest
): Promise<ProviderOAuthCompleteResponse> {
const resp = await client.post(`/api/admin/provider-oauth/keys/${keyId}/complete`, data)
return resp.data
} }
export async function refreshProviderOAuth(keyId: string): Promise<ProviderOAuthCompleteResponse> { export async function refreshProviderOAuth(keyId: string): Promise<ProviderOAuthCompleteResponse> {
@@ -53,19 +34,6 @@ export async function refreshProviderOAuth(keyId: string): Promise<ProviderOAuth
// Provider-level OAuth (不需要预先创建 key) // Provider-level OAuth (不需要预先创建 key)
export interface ProviderOAuthCompleteRequest {
callback_url: string
name?: string
}
export interface ProviderOAuthCompleteResponseWithKey {
key_id: string
provider_type: string
expires_at?: number | null
has_refresh_token: boolean
email?: string | null
}
export async function startProviderLevelOAuth(providerId: string): Promise<ProviderOAuthStartResponse> { export async function startProviderLevelOAuth(providerId: string): Promise<ProviderOAuthStartResponse> {
const resp = await client.post(`/api/admin/provider-oauth/providers/${providerId}/start`) const resp = await client.post(`/api/admin/provider-oauth/providers/${providerId}/start`)
return resp.data return resp.data

View File

@@ -37,7 +37,6 @@
<Select <Select
v-model="form.auth_type" v-model="form.auth_type"
v-model:open="authTypeSelectOpen" v-model:open="authTypeSelectOpen"
:disabled="authTypeDisabled"
> >
<SelectTrigger :id="authTypeSelectId"> <SelectTrigger :id="authTypeSelectId">
<SelectValue placeholder="选择认证类型" /> <SelectValue placeholder="选择认证类型" />
@@ -49,12 +48,6 @@
<SelectItem value="vertex_ai"> <SelectItem value="vertex_ai">
Vertex AI Vertex AI
</SelectItem> </SelectItem>
<SelectItem
v-if="!isCustomProvider"
value="oauth"
>
OAuth
</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
@@ -63,8 +56,8 @@
<!-- API 密钥 / Service Account JSON --> <!-- API 密钥 / Service Account JSON -->
<div> <div>
<Label :for="apiKeyInputId"> <Label :for="apiKeyInputId">
{{ form.auth_type === 'vertex_ai' ? 'Service Account JSON' : (form.auth_type === 'oauth' ? 'OAuth Token' : 'API 密钥') }} {{ form.auth_type === 'vertex_ai' ? 'Service Account JSON' : 'API 密钥' }}
{{ editingKey ? '' : (form.auth_type === 'oauth' ? '' : '*') }} {{ editingKey ? '' : '*' }}
</Label> </Label>
<template v-if="form.auth_type === 'vertex_ai'"> <template v-if="form.auth_type === 'vertex_ai'">
<Textarea <Textarea
@@ -82,7 +75,6 @@
</template> </template>
<template v-else> <template v-else>
<Input <Input
v-if="form.auth_type !== 'oauth'"
:id="apiKeyInputId" :id="apiKeyInputId"
v-model="form.api_key" v-model="form.api_key"
:name="apiKeyFieldName" :name="apiKeyFieldName"
@@ -90,13 +82,6 @@
:required="!editingKey" :required="!editingKey"
:placeholder="editingKey ? editingKey.api_key_masked : 'sk-...'" :placeholder="editingKey ? editingKey.api_key_masked : 'sk-...'"
/> />
<Input
v-else
:id="apiKeyInputId"
:model-value="editingKey?.api_key_masked || '[OAuth Token]'"
disabled
placeholder="[OAuth Token]"
/>
</template> </template>
<p <p
v-if="apiKeyError" v-if="apiKeyError"
@@ -110,164 +95,6 @@
> >
留空表示不修改 留空表示不修改
</p> </p>
<p
v-else-if="form.auth_type === 'oauth'"
class="text-xs text-muted-foreground mt-1"
>
OAuth Token 需在创建后通过开始授权/完成授权写入
</p>
<!-- OAuth 授权流程 -->
<div
v-if="form.auth_type === 'oauth'"
class="space-y-3 py-2 px-3 rounded-md border border-border/60 bg-muted/30 mt-2"
>
<div class="flex items-start justify-between gap-3">
<div class="space-y-0.5">
<Label class="text-sm font-medium">OAuth 授权</Label>
<p class="text-xs text-muted-foreground">
打开授权链接完成授权后将浏览器回调地址栏的完整 URL 粘贴回来
</p>
</div>
<Badge
:variant="oauthStatusVariant"
class="text-xs shrink-0"
>
{{ oauthStatusText }}
</Badge>
</div>
<p
v-if="oauthHelpText"
class="text-xs text-amber-600 dark:text-amber-400"
>
{{ oauthHelpText }}
</p>
<div class="flex flex-wrap gap-2 items-center">
<Button
size="sm"
type="button"
:disabled="!canStartOAuth"
@click="handleStartOAuth"
>
{{ oauth.starting ? '开始中...' : (oauth.step === 'completed' ? '重新授权' : '开始授权') }}
</Button>
<Button
size="sm"
variant="outline"
type="button"
:disabled="!canRefreshOAuth"
@click="handleRefreshOAuth"
>
<RefreshCw class="w-3.5 h-3.5 mr-1.5" />
{{ oauth.refreshing ? '刷新中...' : '强制刷新' }}
</Button>
<span
v-if="oauth.step === 'completed' && oauth.expires_at"
class="text-xs text-muted-foreground ml-2"
:class="isExpiredEpoch(oauth.expires_at) ? 'text-destructive' : ''"
>
到期: {{ formattedExpiresAt }}
</span>
</div>
<div
v-if="oauth.authorization_url"
class="space-y-2 pt-2 border-t border-border/40"
>
<div>
<Label class="text-xs">Authorization URL</Label>
<div class="flex gap-2">
<Input
:model-value="oauth.authorization_url"
disabled
class="h-8 text-xs font-mono"
/>
<Button
size="icon"
variant="outline"
type="button"
class="h-8 w-8"
:disabled="oauthBusy"
title="复制授权链接"
@click="copyToClipboard(oauth.authorization_url)"
>
<Copy class="w-3.5 h-3.5" />
</Button>
<Button
size="icon"
variant="outline"
type="button"
class="h-8 w-8"
:disabled="oauthBusy"
title="打开授权链接"
@click="openAuthorizationUrl"
>
<ExternalLink class="w-3.5 h-3.5" />
</Button>
</div>
</div>
<div>
<Label class="text-xs">Redirect URI</Label>
<div class="flex gap-2">
<Input
:model-value="oauth.redirect_uri"
disabled
class="h-8 text-xs font-mono"
/>
<Button
size="icon"
variant="outline"
type="button"
class="h-8 w-8"
:disabled="oauthBusy || !oauth.redirect_uri"
title="复制 Redirect URI"
@click="copyToClipboard(oauth.redirect_uri)"
>
<Copy class="w-3.5 h-3.5" />
</Button>
</div>
</div>
<div v-if="oauth.instructions">
<Label class="text-xs">说明</Label>
<Textarea
:model-value="oauth.instructions"
disabled
class="min-h-[80px] text-xs whitespace-pre-wrap"
/>
</div>
</div>
<div class="space-y-2 pt-2 border-t border-border/40">
<Label
class="text-xs"
:for="oauthCallbackId"
>回调 URL</Label>
<Textarea
:id="oauthCallbackId"
v-model="oauth.callback_url"
:disabled="!canOAuthOperate"
placeholder="粘贴浏览器地址栏中的完整回调 URL包含 code/state 等参数)"
class="min-h-[80px] text-xs font-mono"
spellcheck="false"
/>
<div class="flex flex-wrap gap-2">
<Button
size="sm"
type="button"
:disabled="!canCompleteOAuth"
@click="handleCompleteOAuth"
>
{{ oauth.completing ? '完成中...' : '完成授权' }}
</Button>
</div>
</div>
</div>
</div> </div>
<!-- 备注 --> <!-- 备注 -->
@@ -487,13 +314,11 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted, watch } from 'vue' import { ref, computed, onMounted } from 'vue'
import { Dialog, Button, Input, Label, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@/components/ui' import { Dialog, Button, Input, Label, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@/components/ui'
import Badge from '@/components/ui/badge.vue' import { Key, SquarePen } from 'lucide-vue-next'
import { Key, SquarePen, Copy, ExternalLink, RefreshCw } from 'lucide-vue-next'
import { useToast } from '@/composables/useToast' import { useToast } from '@/composables/useToast'
import { useFormDialog } from '@/composables/useFormDialog' import { useFormDialog } from '@/composables/useFormDialog'
import { useClipboard } from '@/composables/useClipboard'
import { parseApiError } from '@/utils/errorParser' import { parseApiError } from '@/utils/errorParser'
import { parseNumberInput, parseNullableNumberInput } from '@/utils/form' import { parseNumberInput, parseNullableNumberInput } from '@/utils/form'
import { log } from '@/utils/logger' import { log } from '@/utils/logger'
@@ -503,9 +328,6 @@ import {
getAllCapabilities, getAllCapabilities,
API_FORMAT_LABELS, API_FORMAT_LABELS,
sortApiFormats, sortApiFormats,
startProviderOAuth,
completeProviderOAuth,
refreshProviderOAuth,
type EndpointAPIKey, type EndpointAPIKey,
type EndpointAPIKeyUpdate, type EndpointAPIKeyUpdate,
type ProviderEndpoint, type ProviderEndpoint,
@@ -525,71 +347,15 @@ const props = defineProps<{
const emit = defineEmits<{ const emit = defineEmits<{
close: [] close: []
saved: [] saved: []
editCreatedKey: [key: EndpointAPIKey]
}>() }>()
const { success, error: showError } = useToast() const { success, error: showError } = useToast()
const { copyToClipboard } = useClipboard()
type OAuthStep = 'idle' | 'started' | 'completed'
interface OAuthState {
step: OAuthStep
authorization_url: string
redirect_uri: string
instructions: string
provider_type: string
callback_url: string
expires_at: number | null
has_refresh_token: boolean | null
starting: boolean
completing: boolean
refreshing: boolean
}
function createInitialOAuthState(): OAuthState {
return {
step: 'idle',
authorization_url: '',
redirect_uri: '',
instructions: '',
provider_type: '',
callback_url: '',
expires_at: null,
has_refresh_token: null,
starting: false,
completing: false,
refreshing: false,
}
}
const oauth = ref<OAuthState>(createInitialOAuthState())
function resetOAuthState() {
oauth.value = createInitialOAuthState()
}
// 排序后的可用 API 格式列表 // 排序后的可用 API 格式列表
const sortedApiFormats = computed(() => sortApiFormats(props.availableApiFormats)) const sortedApiFormats = computed(() => sortApiFormats(props.availableApiFormats))
// OAuth 专用提供商类型(认证类型固定为 OAuth // 默认认证类型
const OAUTH_ONLY_PROVIDER_TYPES: ProviderType[] = ['claude_code', 'codex', 'gemini_cli', 'antigravity'] const defaultAuthType = 'api_key' as const
// 是否为 OAuth 专用提供商
const isOAuthOnlyProvider = computed(() =>
props.providerType !== null && OAUTH_ONLY_PROVIDER_TYPES.includes(props.providerType)
)
// 是否为自定义提供商(不支持 OAuth
const isCustomProvider = computed(() => props.providerType === 'custom')
// 认证类型选择是否禁用OAuth 专用提供商不可修改)
const authTypeDisabled = computed(() => isOAuthOnlyProvider.value)
// 根据提供商类型获取默认认证类型
const defaultAuthType = computed<'api_key' | 'vertex_ai' | 'oauth'>(() => {
if (isOAuthOnlyProvider.value) return 'oauth'
return 'api_key'
})
// 显示自动获取模型警告:编辑模式下,原本未启用但现在启用,且已有 allowed_models // 显示自动获取模型警告:编辑模式下,原本未启用但现在启用,且已有 allowed_models
const showAutoFetchWarning = computed(() => { const showAutoFetchWarning = computed(() => {
@@ -626,7 +392,6 @@ const canSave = computed(() => {
if (!props.editingKey) { if (!props.editingKey) {
if (form.value.auth_type === 'api_key' && !form.value.api_key.trim()) return false if (form.value.auth_type === 'api_key' && !form.value.api_key.trim()) return false
if (form.value.auth_type === 'vertex_ai' && !form.value.auth_config_text.trim()) return false if (form.value.auth_type === 'vertex_ai' && !form.value.auth_config_text.trim()) return false
// OAuthtoken 由 provider-oauth 授权流程写入,这里不要求填写
} else { } else {
// 编辑模式下切换认证类型时,必须填写对应字段 // 编辑模式下切换认证类型时,必须填写对应字段
if (switchingToApiKey.value && !form.value.api_key.trim()) return false if (switchingToApiKey.value && !form.value.api_key.trim()) return false
@@ -648,87 +413,6 @@ const apiKeyInputId = computed(() => `api-key-${formNonce.value}`)
const authTypeSelectId = computed(() => `auth-type-${formNonce.value}`) const authTypeSelectId = computed(() => `auth-type-${formNonce.value}`)
const keyNameFieldName = computed(() => `key-name-field-${formNonce.value}`) const keyNameFieldName = computed(() => `key-name-field-${formNonce.value}`)
const apiKeyFieldName = computed(() => `api-key-field-${formNonce.value}`) const apiKeyFieldName = computed(() => `api-key-field-${formNonce.value}`)
const oauthCallbackId = computed(() => `oauth-callback-${formNonce.value}`)
const oauthBusy = computed(() =>
saving.value || oauth.value.starting || oauth.value.completing || oauth.value.refreshing
)
const canOAuthOperate = computed(() => {
if (form.value.auth_type !== 'oauth') return false
if (!props.editingKey?.id) return false
if (props.editingKey.auth_type !== 'oauth') return false
return true
})
const oauthHelpText = computed(() => {
if (form.value.auth_type !== 'oauth') return ''
if (!props.editingKey?.id) {
return '请先点击右下角"添加"保存密钥,保存后将自动进入授权流程。'
}
if (props.editingKey.auth_type !== 'oauth') {
return '已切换为 OAuth但尚未保存。请先点击右下角"保存",再开始授权。'
}
return ''
})
type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'dark'
function normalizeEpochMs(epoch: number): number {
return epoch > 1e12 ? epoch : epoch * 1000
}
function isExpiredEpoch(expiresAt: number | null): boolean {
if (!expiresAt) return false
const ms = normalizeEpochMs(expiresAt)
return Date.now() >= ms
}
const formattedExpiresAt = computed(() => {
if (!oauth.value.expires_at) return '—'
const ms = normalizeEpochMs(oauth.value.expires_at)
return new Date(ms).toLocaleString()
})
const oauthStatusText = computed(() => {
if (form.value.auth_type !== 'oauth') return '—'
if (!props.editingKey?.id) return '未保存'
if (props.editingKey.auth_type !== 'oauth') return '待保存'
if (oauth.value.step === 'started') return '等待回调'
if (oauth.value.step === 'completed') {
if (isExpiredEpoch(oauth.value.expires_at)) return '已过期'
return '已授权'
}
return '未开始'
})
const oauthStatusVariant = computed<BadgeVariant>(() => {
if (form.value.auth_type !== 'oauth') return 'secondary'
if (!props.editingKey?.id) return 'secondary'
if (props.editingKey.auth_type !== 'oauth') return 'warning'
if (oauth.value.step === 'started') return 'warning'
if (oauth.value.step === 'completed') {
if (isExpiredEpoch(oauth.value.expires_at)) return 'destructive'
return 'success'
}
return 'secondary'
})
const canStartOAuth = computed(() => canOAuthOperate.value && !oauthBusy.value)
const canRefreshOAuth = computed(() => {
if (!canOAuthOperate.value) return false
return !oauthBusy.value
})
const canCompleteOAuth = computed(() => {
if (!canOAuthOperate.value) return false
if (!oauth.value.authorization_url) return false
if (!oauth.value.callback_url.trim()) return false
return !oauthBusy.value
})
// 可用的能力列表 // 可用的能力列表
const availableCapabilities = ref<CapabilityDefinition[]>([]) const availableCapabilities = ref<CapabilityDefinition[]>([])
@@ -736,7 +420,7 @@ const availableCapabilities = ref<CapabilityDefinition[]>([])
const form = ref({ const form = ref({
name: '', name: '',
api_key: '', // 标准 API Key api_key: '', // 标准 API Key
auth_type: 'api_key' as 'api_key' | 'vertex_ai' | 'oauth', // 认证类型 auth_type: 'api_key' as 'api_key' | 'vertex_ai', // 认证类型
auth_config_text: '', // Service Account JSON 文本(用于表单输入) auth_config_text: '', // Service Account JSON 文本(用于表单输入)
api_formats: [] as string[], // 支持的 API 格式列表 api_formats: [] as string[], // 支持的 API 格式列表
rate_multipliers: {} as Record<string, number>, // 按 API 格式的成本倍率 rate_multipliers: {} as Record<string, number>, // 按 API 格式的成本倍率
@@ -820,12 +504,11 @@ const apiKeyError = computed(() => {
// 重置表单 // 重置表单
function resetForm() { function resetForm() {
resetOAuthState()
formNonce.value = createFieldNonce() formNonce.value = createFieldNonce()
form.value = { form.value = {
name: '', name: '',
api_key: '', api_key: '',
auth_type: defaultAuthType.value, auth_type: defaultAuthType,
auth_config_text: '', auth_config_text: '',
api_formats: [], // 默认不选中任何格式 api_formats: [], // 默认不选中任何格式
rate_multipliers: {}, rate_multipliers: {},
@@ -853,12 +536,11 @@ function clearForNextAdd() {
// 加载密钥数据(编辑模式) // 加载密钥数据(编辑模式)
function loadKeyData() { function loadKeyData() {
if (!props.editingKey) return if (!props.editingKey) return
resetOAuthState()
formNonce.value = createFieldNonce() formNonce.value = createFieldNonce()
form.value = { form.value = {
name: props.editingKey.name, name: props.editingKey.name,
api_key: '', api_key: '',
auth_type: props.editingKey.auth_type || 'api_key', auth_type: props.editingKey.auth_type === 'vertex_ai' ? 'vertex_ai' : 'api_key',
auth_config_text: '', // auth_config 不返回给前端,编辑时需要重新输入 auth_config_text: '', // auth_config 不返回给前端,编辑时需要重新输入
api_formats: props.editingKey.api_formats?.length > 0 api_formats: props.editingKey.api_formats?.length > 0
? [...props.editingKey.api_formats] ? [...props.editingKey.api_formats]
@@ -876,13 +558,6 @@ function loadKeyData() {
model_include_patterns_text: (props.editingKey.model_include_patterns || []).join(', '), model_include_patterns_text: (props.editingKey.model_include_patterns || []).join(', '),
model_exclude_patterns_text: (props.editingKey.model_exclude_patterns || []).join(', ') model_exclude_patterns_text: (props.editingKey.model_exclude_patterns || []).join(', ')
} }
// 如果是 OAuth 类型且有 token有 oauth_expires_at初始化 OAuth 状态为 completed
if (props.editingKey.auth_type === 'oauth' && props.editingKey.oauth_expires_at != null) {
oauth.value.step = 'completed'
oauth.value.expires_at = props.editingKey.oauth_expires_at
oauth.value.has_refresh_token = null // 后端不返回此字段,设为未知
}
} }
// 使用 useFormDialog 统一处理对话框逻辑 // 使用 useFormDialog 统一处理对话框逻辑
@@ -895,12 +570,6 @@ const { isEditMode, handleDialogUpdate, handleCancel } = useFormDialog({
resetForm, resetForm,
}) })
watch(() => form.value.auth_type, (newType, oldType) => {
if (oldType === 'oauth' && newType !== 'oauth') {
resetOAuthState()
}
})
function createFieldNonce(): string { function createFieldNonce(): string {
return Math.random().toString(36).slice(2, 10) return Math.random().toString(36).slice(2, 10)
} }
@@ -928,67 +597,6 @@ function parseAuthConfig(): Record<string, any> | null {
} }
} }
function openAuthorizationUrl() {
const url = oauth.value.authorization_url
if (!url) return
window.open(url, '_blank', 'noopener,noreferrer')
}
async function handleStartOAuth() {
if (!canStartOAuth.value) return
oauth.value.starting = true
try {
const resp = await startProviderOAuth(props.editingKey!.id)
oauth.value.authorization_url = resp.authorization_url
oauth.value.redirect_uri = resp.redirect_uri
oauth.value.instructions = resp.instructions
oauth.value.provider_type = resp.provider_type
oauth.value.step = 'started'
success('已生成授权链接')
} catch (err: any) {
const errorMessage = parseApiError(err, '开始授权失败')
showError(errorMessage, '错误')
} finally {
oauth.value.starting = false
}
}
async function handleCompleteOAuth() {
if (!canCompleteOAuth.value) return
oauth.value.completing = true
try {
const resp = await completeProviderOAuth(props.editingKey!.id, { callback_url: oauth.value.callback_url.trim() })
oauth.value.expires_at = resp.expires_at ?? null
oauth.value.has_refresh_token = resp.has_refresh_token
oauth.value.step = 'completed'
success('授权完成')
emit('saved')
} catch (err: any) {
const errorMessage = parseApiError(err, '完成授权失败')
showError(errorMessage, '错误')
} finally {
oauth.value.completing = false
}
}
async function handleRefreshOAuth() {
if (!canRefreshOAuth.value) return
oauth.value.refreshing = true
try {
const resp = await refreshProviderOAuth(props.editingKey!.id)
oauth.value.expires_at = resp.expires_at ?? null
oauth.value.has_refresh_token = resp.has_refresh_token
oauth.value.step = 'completed'
success('Token 已刷新')
emit('saved')
} catch (err: any) {
const errorMessage = parseApiError(err, '刷新 Token 失败')
showError(errorMessage, '错误')
} finally {
oauth.value.refreshing = false
}
}
async function handleSave() { async function handleSave() {
// 必须有 providerId // 必须有 providerId
if (!props.providerId) { if (!props.providerId) {
@@ -1010,7 +618,6 @@ async function handleSave() {
return return
} }
} else if (form.value.auth_type === 'vertex_ai') { } else if (form.value.auth_type === 'vertex_ai') {
// Service Account 模式:新增时必填,编辑时可选
if (!props.editingKey && !form.value.auth_config_text.trim()) { if (!props.editingKey && !form.value.auth_config_text.trim()) {
showError('请输入 Service Account JSON', '验证失败') showError('请输入 Service Account JSON', '验证失败')
return return
@@ -1028,8 +635,6 @@ async function handleSave() {
return return
} }
} }
} else if (form.value.auth_type === 'oauth') {
// OAuth不在此处输入 token由 provider-oauth 授权流程写入
} }
// 验证至少选择一个 API 格式 // 验证至少选择一个 API 格式
@@ -1096,9 +701,9 @@ async function handleSave() {
success('密钥已更新', '成功') success('密钥已更新', '成功')
} else { } else {
// 新增模式 // 新增模式
const createdKey = await addProviderKey(props.providerId, { await addProviderKey(props.providerId, {
api_formats: form.value.api_formats, api_formats: form.value.api_formats,
api_key: form.value.auth_type === 'api_key' ? form.value.api_key : '', api_key: form.value.api_key,
auth_type: form.value.auth_type, auth_type: form.value.auth_type,
auth_config: authConfig || undefined, auth_config: authConfig || undefined,
name: form.value.name, name: form.value.name,
@@ -1114,14 +719,6 @@ async function handleSave() {
model_exclude_patterns: parsePatternText(form.value.model_exclude_patterns_text) model_exclude_patterns: parsePatternText(form.value.model_exclude_patterns_text)
}) })
// OAuth 密钥:自动切换到编辑模式以便立即开始授权
if (form.value.auth_type === 'oauth') {
success('密钥已添加,现在可以开始 OAuth 授权', '成功')
emit('saved')
emit('editCreatedKey', createdKey)
return
}
success('密钥已添加', '成功') success('密钥已添加', '成功')
// 添加模式:不关闭对话框,只清除名称和密钥以便继续添加 // 添加模式:不关闭对话框,只清除名称和密钥以便继续添加
emit('saved') emit('saved')

View File

@@ -507,10 +507,12 @@
> >
<Key class="w-12 h-12 mx-auto mb-3 opacity-50" /> <Key class="w-12 h-12 mx-auto mb-3 opacity-50" />
<p class="text-sm"> <p class="text-sm">
暂无密钥配置 {{ provider.provider_type === 'custom' ? '暂无密钥配置' : '暂无账号配置' }}
</p> </p>
<p class="text-xs mt-1"> <p class="text-xs mt-1">
{{ endpoints.length > 0 ? '点击上方"添加密钥"按钮创建第一个密钥' : '请先添加端点,然后再添加密钥' }} {{ endpoints.length > 0
? (provider.provider_type === 'custom' ? '点击上方"添加密钥"按钮创建第一个密钥' : '点击上方"添加账号"按钮添加第一个账号')
: '请先添加端点,然后再添加密钥' }}
</p> </p>
</div> </div>
</Card> </Card>
@@ -565,7 +567,6 @@
:available-api-formats="provider?.api_formats || []" :available-api-formats="provider?.api_formats || []"
@close="keyFormDialogOpen = false" @close="keyFormDialogOpen = false"
@saved="handleKeyChanged" @saved="handleKeyChanged"
@edit-created-key="handleEditCreatedKey"
/> />
<!-- OAuth 账号对话框 --> <!-- OAuth 账号对话框 -->
@@ -948,10 +949,6 @@ function handleEditKey(endpoint: ProviderEndpoint | undefined, key: EndpointAPIK
keyFormDialogOpen.value = true keyFormDialogOpen.value = true
} }
function handleEditCreatedKey(key: EndpointAPIKey) {
editingKey.value = key
}
function handleKeyPermissions(key: EndpointAPIKey) { function handleKeyPermissions(key: EndpointAPIKey) {
editingKey.value = key editingKey.value = key
keyPermissionsDialogOpen.value = true keyPermissionsDialogOpen.value = true