feat(ui): mark runtime-only auth files and disable actions

This commit is contained in:
hkfires
2025-11-07 22:02:29 +08:00
parent 61e75eee97
commit aa1dedc932
2 changed files with 45 additions and 18 deletions

42
app.js
View File

@@ -3370,17 +3370,13 @@ class CLIProxyManager {
if (fileStats.success === 0 && fileStats.failure === 0) { if (fileStats.success === 0 && fileStats.failure === 0) {
const nameWithoutExt = file.name.replace(/\.[^/.]+$/, ""); // 去掉扩展名 const nameWithoutExt = file.name.replace(/\.[^/.]+$/, ""); // 去掉扩展名
// 后端有两种脱敏规则,都要尝试:
// 规则1完整描述脱敏 - mikiunameina@gmail.com (ethereal-advice-465201-t0) -> 脱敏 -> miki...-t0)
// 规则2直接整体脱敏 - mikiunameina@gmail.com-ethereal-advice-465201-t0 -> 脱敏 -> ???
const possibleSources = []; const possibleSources = [];
// 规则1尝试完整描述脱敏 // 规则1尝试完整描述脱敏
const match = nameWithoutExt.match(/^([^@]+@[^-]+)-(.+)$/); const match = nameWithoutExt.match(/^([^@]+@[^-]+)-(.+)$/);
if (match) { if (match) {
const email = match[1]; // mikiunameina@gmail.com const email = match[1];
const projectName = match[2]; // ethereal-advice-465201-t0 const projectName = match[2];
// 组合成完整的描述格式 // 组合成完整的描述格式
const fullDescription = `${email} (${projectName})`; const fullDescription = `${email} (${projectName})`;
@@ -3448,8 +3444,28 @@ class CLIProxyManager {
} }
const typeBadge = `<span class="file-type-badge ${fileType}">${i18n.t(typeDisplayKey)}</span>`; const typeBadge = `<span class="file-type-badge ${fileType}">${i18n.t(typeDisplayKey)}</span>`;
// 检查是否为 runtime-only 文件
const isRuntimeOnly = file.runtime_only === true;
// 生成操作按钮 HTMLruntime-only 文件显示虚拟标记
const actionsHtml = isRuntimeOnly ? `
<div class="item-actions">
<span class="virtual-auth-badge">虚拟认证文件</span>
</div>` : `
<div class="item-actions" data-filename="${file.name}">
<button class="btn-small btn-info" data-action="showDetails" title="详细信息">
<i class="fas fa-info-circle"></i>
</button>
<button class="btn-small btn-primary" data-action="download" title="下载">
<i class="fas fa-download"></i>
</button>
<button class="btn-small btn-danger" data-action="delete" title="删除">
<i class="fas fa-trash"></i>
</button>
</div>`;
return ` return `
<div class="file-item" data-file-type="${fileType}"> <div class="file-item" data-file-type="${fileType}" ${isRuntimeOnly ? 'data-runtime-only="true"' : ''}>
<div class="item-content"> <div class="item-content">
<div class="item-title">${typeBadge}${file.name}</div> <div class="item-title">${typeBadge}${file.name}</div>
<div class="item-meta"> <div class="item-meta">
@@ -3465,17 +3481,7 @@ class CLIProxyManager {
<i class="fas fa-times-circle"></i> ${i18n.t('stats.failure')}: ${fileStats.failure} <i class="fas fa-times-circle"></i> ${i18n.t('stats.failure')}: ${fileStats.failure}
</span> </span>
</div> </div>
<div class="item-actions" data-filename="${file.name}"> ${actionsHtml}
<button class="btn-small btn-info" data-action="showDetails" title="详细信息">
<i class="fas fa-info-circle"></i>
</button>
<button class="btn-small btn-primary" data-action="download" title="下载">
<i class="fas fa-download"></i>
</button>
<button class="btn-small btn-danger" data-action="delete" title="删除">
<i class="fas fa-trash"></i>
</button>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -1683,6 +1683,27 @@ input:checked+.slider:before {
border: 1px dashed #666666; border: 1px dashed #666666;
} }
/* 虚拟认证文件标记样式 */
.virtual-auth-badge {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
color: white;
font-size: 13px;
padding: 4px 8px;
border-radius: 12px;
font-weight: 500;
text-align: center;
display: inline-block;
width: 100%;
box-shadow: 0 2px 4px rgba(59, 130, 246, 0.25);
letter-spacing: 0.3px;
}
[data-theme="dark"] .virtual-auth-badge {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
box-shadow: 0 2px 4px rgba(96, 165, 250, 0.25);
}
.provider-list { .provider-list {
/* 默认不限制高度,动态设置 */ /* 默认不限制高度,动态设置 */
min-height: 0; min-height: 0;