i/Aether
1
0
Fork 0
mirror of https://github.com/fawney19/Aether.git synced 2026-09-03 01:40:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust provider detail key pagination

Browse Source
This commit is contained in:
fawney19
2026-05-16 21:08:25 +08:00
parent 3a5922d4ee
commit ed9267562b
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/features/providers/components/ProviderDetailDrawer.vue
View File

@@ -1361,7 +1361,14 @@ let providerLoadRequestId = 0
let endpointsLoadRequestId = 0 let endpointsLoadRequestId = 0
let keysLoadRequestId = 0 let keysLoadRequestId = 0
let mappingPreviewLoadRequestId = 0 let mappingPreviewLoadRequestId = 0
const PROVIDER_KEYS_PAGE_SIZE = 20 const DEFAULT_PROVIDER_KEYS_PAGE_SIZE = 3
const CUSTOM_PROVIDER_KEYS_PAGE_SIZE = 4
function getProviderKeysPageSize(providerType?: string | null): number {
return (providerType || '').trim().toLowerCase() === 'custom'
? CUSTOM_PROVIDER_KEYS_PAGE_SIZE
: DEFAULT_PROVIDER_KEYS_PAGE_SIZE
}
// 系统级格式转换配置 // 系统级格式转换配置
const systemFormatConversionEnabled = ref(false) const systemFormatConversionEnabled = ref(false)
@@ -1521,7 +1528,7 @@ function syncCurrentSelections(
// ===== 账号列表后端分页 ===== // ===== 账号列表后端分页 =====
const providerKeysTotal = ref(0) const providerKeysTotal = ref(0)
const currentKeyPage = ref(1) const currentKeyPage = ref(1)
const keyPageSize = ref(PROVIDER_KEYS_PAGE_SIZE) const keyPageSize = ref(DEFAULT_PROVIDER_KEYS_PAGE_SIZE)
const totalKeyPages = computed(() => Math.max(1, Math.ceil(providerKeysTotal.value / keyPageSize.value))) const totalKeyPages = computed(() => Math.max(1, Math.ceil(providerKeysTotal.value / keyPageSize.value)))
const shouldPaginateKeys = computed(() => totalKeyPages.value > 1) const shouldPaginateKeys = computed(() => totalKeyPages.value > 1)
const paginatedKeys = computed(() => allKeys.value) const paginatedKeys = computed(() => allKeys.value)
@@ -1548,15 +1555,16 @@ watch(
const hasInitialProvider = props.initialProvider?.id === newId const hasInitialProvider = props.initialProvider?.id === newId
if (hasInitialProvider) { if (hasInitialProvider) {
provider.value = props.initialProvider provider.value = props.initialProvider
keyPageSize.value = getProviderKeysPageSize(provider.value?.provider_type)
loading.value = false loading.value = false
} }
void loadSystemFormatConversionConfig() void loadSystemFormatConversionConfig()
// mapping-preview 较慢，不阻塞首屏渲染 // mapping-preview 较慢，不阻塞首屏渲染
void loadMappingPreview() void loadMappingPreview()
const endpointsPromise = loadEndpoints()
if (!hasInitialProvider) { if (!hasInitialProvider) {
await loadProvider() await loadProvider()
} }
const endpointsPromise = loadEndpoints()
// 仅在抽屉刚打开时启动倒计时 // 仅在抽屉刚打开时启动倒计时
if (newOpen && !oldOpen) { if (newOpen && !oldOpen) {
startCountdownTimer() startCountdownTimer()
@@ -1578,7 +1586,7 @@ watch(
providerKeys.value = [] // 清空 Provider 级别的 keys providerKeys.value = [] // 清空 Provider 级别的 keys
providerKeysTotal.value = 0 providerKeysTotal.value = 0
currentKeyPage.value = 1 currentKeyPage.value = 1
keyPageSize.value = PROVIDER_KEYS_PAGE_SIZE keyPageSize.value = DEFAULT_PROVIDER_KEYS_PAGE_SIZE
providerModels.value = [] providerModels.value = []
providerMappingPreview.value = null providerMappingPreview.value = null
loadingProviderEndpoints.value = false loadingProviderEndpoints.value = false
@@ -3484,6 +3492,7 @@ async function loadProvider() {
const providerData = await getProvider(props.providerId) const providerData = await getProvider(props.providerId)
if (requestId !== providerLoadRequestId) return if (requestId !== providerLoadRequestId) return
provider.value = providerData provider.value = providerData
keyPageSize.value = getProviderKeysPageSize(providerData.provider_type)
if (!provider.value) { if (!provider.value) {
throw new Error('Provider 不存在') throw new Error('Provider 不存在')