mirror of
https://github.com/zyycn/codex-proxy-rs.git
synced 2026-11-06 16:06:08 +00:00
ZyyandCodex
0f0b464f4e
Select quota summaries by the most recently used model, streamline dashboard account identities, and align diagnostic client metadata with successful records. Co-authored-by: Codex <noreply@openai.com>
75 lines
2.6 KiB
Vue
75 lines
2.6 KiB
Vue
<script setup lang="ts">
|
||
import { Key, LinkAlt, Openai, Xai } from '@boxicons/vue'
|
||
import { computed } from 'vue'
|
||
import { formatProviderLabel } from '@/utils/providers'
|
||
|
||
const props = withDefaults(
|
||
defineProps<{
|
||
provider?: string | null
|
||
authenticationKind?: string | null
|
||
size?: 'xs' | 'sm' | 'md'
|
||
}>(),
|
||
{
|
||
size: 'md',
|
||
},
|
||
)
|
||
|
||
const normalizedProvider = computed(() => (props.provider ?? '').trim().toLowerCase())
|
||
const normalizedAuthenticationKind = computed(() => (props.authenticationKind ?? '').trim().toLowerCase())
|
||
const showAuthenticationKind = computed(() => props.authenticationKind !== undefined)
|
||
const groupGapClass = computed(() => {
|
||
if (props.size === 'xs')
|
||
return 'gap-0.75'
|
||
return props.size === 'sm' ? 'gap-1' : 'gap-2'
|
||
})
|
||
const iconContainerClass = computed(() => {
|
||
if (props.size === 'xs')
|
||
return 'size-4.5 rounded-md'
|
||
return props.size === 'sm' ? 'size-5 rounded-md' : 'size-7 rounded-lg'
|
||
})
|
||
const iconClass = computed(() => {
|
||
if (props.size === 'xs')
|
||
return 'size-2.5'
|
||
return props.size === 'sm' ? 'size-3' : 'size-4'
|
||
})
|
||
|
||
const providerLabel = computed(() => formatProviderLabel(props.provider, '未知平台'))
|
||
|
||
const authenticationLabel = computed(() => {
|
||
if (normalizedAuthenticationKind.value === 'oauth')
|
||
return 'OAuth'
|
||
if (normalizedAuthenticationKind.value === 'api_key')
|
||
return 'API Key'
|
||
return props.authenticationKind?.trim() || '未知认证类型'
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<span class="inline-flex items-center whitespace-nowrap" :class="groupGapClass">
|
||
<span
|
||
class="inline-flex shrink-0 items-center justify-center bg-cp-fill-secondary/80 text-cp-text"
|
||
:class="iconContainerClass"
|
||
:title="providerLabel"
|
||
>
|
||
<Openai v-if="normalizedProvider === 'openai'" :class="iconClass" />
|
||
<Xai v-else-if="normalizedProvider === 'xai'" :class="iconClass" />
|
||
<span v-else class="text-[10px] font-heavy text-cp-text-quaternary">?</span>
|
||
</span>
|
||
|
||
<span
|
||
v-if="showAuthenticationKind"
|
||
class="inline-flex shrink-0 items-center justify-center bg-cp-fill-secondary/80 text-cp-text"
|
||
:class="iconContainerClass"
|
||
:title="authenticationLabel"
|
||
>
|
||
<LinkAlt v-if="normalizedAuthenticationKind === 'oauth'" :class="iconClass" />
|
||
<Key v-else-if="normalizedAuthenticationKind === 'api_key'" :class="iconClass" />
|
||
<span v-else class="text-[10px] font-heavy text-cp-text-quaternary">?</span>
|
||
</span>
|
||
|
||
<span class="sr-only">
|
||
{{ providerLabel }}<template v-if="showAuthenticationKind">，{{ authenticationLabel }}</template>
|
||
</span>
|
||
</span>
|
||
</template>
|