chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-03 03:10:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(auth-files): simplify modal structure and improve JSON display styling

Browse Source
This commit is contained in:
Supra4E8C
2025-11-20 18:03:10 +08:00
parent c5010adb82
commit 23d8d20dbf
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -6,7 +6,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"start": "npx serve .", "start": "npx serve .",
"dev": "npx serve . --port 3000", "dev": "npx serve . -l 3090",
"build": "node build.cjs", "build": "node build.cjs",
"lint": "echo '使用浏览器开发者工具检查代码'" "lint": "echo '使用浏览器开发者工具检查代码'"
}, },

14
src/modules/auth-files.js
View File

@@ -788,9 +788,6 @@ export const authFilesModule = {
}, },
showAuthFileDetails(filename, content) { showAuthFileDetails(filename, content) {
const detailsElement = document.getElementById('auth-file-details');
if (!detailsElement) return;
const file = (this.cachedAuthFiles || []).find(f => f && f.name === filename); const file = (this.cachedAuthFiles || []).find(f => f && f.name === filename);
if (!file) return; if (!file) return;
@@ -802,13 +799,14 @@ export const authFilesModule = {
const jsonContent = content || JSON.stringify(file, null, 2); const jsonContent = content || JSON.stringify(file, null, 2);
// 使用独立的 JSON 弹窗样式，避免被通用 .modal 的 display:none 覆盖
const modalHtml = ` const modalHtml = `
<div class="modal-overlay" id="json-modal"> <div class="json-modal" id="json-modal">
<div class="modal json-modal"> <div class="json-modal-content">
<div class="modal-header"> <div class="json-modal-header">
<h3>${i18n.t('auth_files.details_title')} - ${this.escapeHtml(filename)}</h3> <h3>${i18n.t('auth_files.details_title')} - ${this.escapeHtml(filename)}</h3>
</div> </div>
<div class="modal-body"> <div class="json-modal-body">
<div class="auth-file-meta"> <div class="auth-file-meta">
<div><strong>${i18n.t('auth_files.details_type')}:</strong> ${this.escapeHtml(type)}</div> <div><strong>${i18n.t('auth_files.details_type')}:</strong> ${this.escapeHtml(type)}</div>
<div><strong>${i18n.t('auth_files.details_provider')}:</strong> ${this.escapeHtml(provider)}</div> <div><strong>${i18n.t('auth_files.details_provider')}:</strong> ${this.escapeHtml(provider)}</div>
@@ -819,7 +817,7 @@ export const authFilesModule = {
</div> </div>
<pre class="json-content">${this.escapeHtml(jsonContent)}</pre> <pre class="json-content">${this.escapeHtml(jsonContent)}</pre>
</div> </div>
<div class="modal-footer"> <div class="json-modal-footer">
<button class="btn btn-secondary" data-action="copy"> <button class="btn btn-secondary" data-action="copy">
<i class="fas fa-copy"></i> <i class="fas fa-copy"></i>
${i18n.t('common.copy')} ${i18n.t('common.copy')}