`;
document.body.appendChild(promptDialog);
// 绑定事件
const regionInput = promptDialog.querySelector('#promptRegion');
const tokenInput = promptDialog.querySelector('#promptToken');
const confirmBtn = promptDialog.querySelector('#promptConfirm');
const cancelBtn = promptDialog.querySelector('#promptCancel');
// 如果有部分配置，预填充
if (settingsWindow) {
const panel = settingsWindow;
const currentRegion = panel.querySelector('#regionInput').value;
const currentToken = panel.querySelector('#tokenInput').value;
regionInput.value = currentRegion || config.region || '';
tokenInput.value = currentToken || config.token || '';
} else {
regionInput.value = config.region || '';
tokenInput.value = config.token || '';
}
confirmBtn.addEventListener('click', () => {
const region = regionInput.value.trim();
const token = tokenInput.value.trim();
if (!region || !token) {
alert('请填写完整的区域和密钥信息');
return;
}
config.region = region;
config.token = token;
// 保存配置到本地存储和Cookie
saveConfig();
// 同步到设置面板UI
updateConfigUI();
console.log('配置已保存并同步到设置面板');
document.body.removeChild(promptDialog);
resolve(true);
});
cancelBtn.addEventListener('click', () => {
document.body.removeChild(promptDialog);
resolve(false);
});
// ESC键取消
const handleEsc = (e) => {
if (e.key === 'Escape') {
document.body.removeChild(promptDialog);
document.removeEventListener('keydown', handleEsc);
resolve(false);
}
};
document.addEventListener('keydown', handleEsc);
// 聚焦到第一个输入框
setTimeout(() => regionInput.focus(), 100);
});
}
// 添加样式
function addStyles() {
const styleSheet = document.createElement('style');
styleSheet.textContent = styles;
document.head.appendChild(styleSheet);
}
// 创建设置面板
function createSettingsPanel() {
const panel = document.createElement('div');
panel.className = 'folo-reader-panel';
panel.innerHTML = `