refactor: 优化智能分页 DOM 检测机制并添加密钥名称复制功能

- useSmartPagination 使用 ResizeObserver 替代 nextTick 确保 DOM 稳定后检测
- 添加防抖机制避免频繁触发检测
- 组件卸载时清理 ResizeObserver 资源
- ProviderDetailDrawer 密钥名称支持点击复制
This commit is contained in:
AAEE86
2026-02-09 19:01:14 +08:00
parent 7f7f569148
commit 8e120e2665
2 changed files with 91 additions and 7 deletions

View File

@@ -234,7 +234,11 @@
</div>
<div class="flex flex-col min-w-0">
<div class="flex items-center gap-1.5">
<span class="text-sm font-medium truncate">{{ key.name || '未命名密钥' }}</span>
<span
class="text-sm font-medium truncate cursor-pointer hover:text-primary transition-colors"
title="点击复制"
@click.stop="copyToClipboard(key.name || '未命名密钥')"
>{{ key.name || '未命名密钥' }}</span>
<!-- OAuth 订阅类型标签 (Codex) -->
<Badge
v-if="key.oauth_plan_type"