启用翻译功能
`;
document.body.appendChild(panel);
return {
panel,
closeBtn: panel.querySelector('.settings-panel-close-btn'),
header: panel.querySelector('.settings-panel-header'),
masterSwitch: panel.querySelector('#setting-master-switch'),
swapLangBtn: panel.querySelector('#swap-lang-btn'),
engineSelect: panel.querySelector('#setting-trans-engine'),
serviceDetailsToggleContainer: panel.querySelector('#service-details-toggle-container'),
serviceDetailsToggleBtn: panel.querySelector('.service-details-toggle-btn'),
fromLangSelect: panel.querySelector('#setting-from-lang'),
toLangSelect: panel.querySelector('#setting-to-lang'),
modelGroup: panel.querySelector('#setting-model-group'),
modelSelect: panel.querySelector('#setting-trans-model'),
displayModeSelect: panel.querySelector('#setting-display-mode'),
apiKeyGroup: panel.querySelector('#api-key-group'),
apiKeyInput: panel.querySelector('#setting-input-apikey'),
apiKeySaveBtn: panel.querySelector('#setting-btn-apikey-save'),
customServiceContainer: panel.querySelector('#custom-service-container'),
glossaryActionsSelect: panel.querySelector('#setting-glossary-actions'),
editableSections: panel.querySelectorAll('.editable-section'),
aiSettingsSection: panel.querySelector('#editable-section-ai-settings'),
aiParamSelect: panel.querySelector('#ai-param-select'),
aiParamInputArea: panel.querySelector('#ai-param-input-area'),
langDetectSection: panel.querySelector('#editable-section-lang-detect'),
langDetectSelect: panel.querySelector('#setting-lang-detector'),
localManageSection: panel.querySelector('#editable-section-local-manage'),
localGlossarySelect: panel.querySelector('#setting-local-glossary-select'),
localEditModeSelect: panel.querySelector('#setting-local-edit-mode'),
localContainerName: panel.querySelector('#local-edit-container-name'),
localContainerTranslation: panel.querySelector('#local-edit-container-translation'),
localContainerForbidden: panel.querySelector('#local-edit-container-forbidden'),
localGlossaryNameInput: panel.querySelector('#setting-local-glossary-name'),
localGlossarySaveNameBtn: panel.querySelector('#setting-btn-local-glossary-save-name'),
localSensitiveInput: panel.querySelector('#setting-input-local-sensitive'),
localSensitiveSaveBtn: panel.querySelector('#setting-btn-local-sensitive-save'),
localInsensitiveInput: panel.querySelector('#setting-input-local-insensitive'),
localInsensitiveSaveBtn: panel.querySelector('#setting-btn-local-insensitive-save'),
localForbiddenInput: panel.querySelector('#setting-input-local-forbidden'),
localForbiddenSaveBtn: panel.querySelector('#setting-btn-local-forbidden-save'),
onlineManageSection: panel.querySelector('#editable-section-online-manage'),
glossaryImportUrlInput: panel.querySelector('#setting-input-glossary-import-url'),
glossaryImportSaveBtn: panel.querySelector('#setting-btn-glossary-import-save'),
glossaryManageSelect: panel.querySelector('#setting-select-glossary-manage'),
glossaryManageDetailsContainer: panel.querySelector('#online-glossary-details-container'),
glossaryManageInfo: panel.querySelector('#online-glossary-info'),
glossaryManageDeleteBtn: panel.querySelector('#online-glossary-delete-btn'),
postReplaceSection: panel.querySelector('#editable-section-post-replace'),
postReplaceInput: panel.querySelector('#setting-input-post-replace'),
postReplaceSaveBtn: panel.querySelector('#setting-btn-post-replace-save'),
dataSyncActionsContainer: panel.querySelector('#data-sync-actions-container'),
debugActionsContainer: panel.querySelector('#debug-actions-container'),
toggleDebugBtn: panel.querySelector('#btn-toggle-debug'),
exportLogBtn: panel.querySelector('#btn-export-log'),
importDataBtn: panel.querySelector('#btn-import-data'),
exportDataBtn: panel.querySelector('#btn-export-data'),
};
}
/**
* 显示一个自定义的确认模态框
*/
function showCustomConfirm(message, title = '提示', options = {}) {
const { textAlign = 'left', useTextIndent = false } = options;
return new Promise((resolve, reject) => {
if (document.getElementById('ao3-custom-confirm-overlay')) {
return reject(new Error('已有提示框正在显示中。'));
}
GM_addStyle(`
#ao3-custom-confirm-overlay {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2147483647; display: flex; align-items: center; justify-content: center;
}
#ao3-custom-confirm-modal {
background-color: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.2);
width: 90%; max-width: 360px; overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
display: flex; flex-direction: column;
}
.ao3-custom-confirm-header {
padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,0.12);
text-align: center;
}
.ao3-custom-confirm-header h3 {
margin: 0; font-size: 16px; font-weight: 600; color: #000000DE;
}
.ao3-custom-confirm-body {
padding: 20px 16px; font-size: 14px; line-height: 1.6; color: #000000DE;
white-space: pre-wrap;
}
.ao3-custom-confirm-body p {
margin: 0;
}
.ao3-custom-confirm-body.with-indent p {
text-indent: 2em;
}
.ao3-custom-confirm-footer {
padding: 12px 16px; background-color: #fff;
display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px;
}
.ao3-custom-confirm-btn {
flex: 1;
padding: 6px 0; border: none; border-radius: 4px;
font-size: 14px; font-weight: 500; cursor: pointer;
background: transparent !important;
color: #333; text-align: center;
transition: opacity 0.2s;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.ao3-custom-confirm-btn:focus { outline: none; }
.ao3-custom-confirm-btn:hover { opacity: 0.7; }
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
#ao3-custom-confirm-modal { background-color: #1e1e1e; color: #e0e0e0; }
.ao3-custom-confirm-header { border-bottom-color: rgba(255,255,255,0.12); }
.ao3-custom-confirm-header h3 { color: #e0e0e0; }
.ao3-custom-confirm-body { color: #e0e0e0; }
.ao3-custom-confirm-footer { background-color: #1e1e1e; }
.ao3-custom-confirm-btn { color: #e0e0e0; }
}
`);
const overlay = document.createElement('div');
overlay.id = 'ao3-custom-confirm-overlay';
const modal = document.createElement('div');
modal.id = 'ao3-custom-confirm-modal';
const indentClass = useTextIndent ? ' with-indent' : '';
modal.innerHTML = `
${message.split('\n').map(line => `
${line}
`).join('')}