feat: add opt-in answer selection and global hidden panel
This commit is contained in:
suanyuit-cyber
+62
-17
@@ -2,7 +2,7 @@
|
||||
(() => {
|
||||
const CONFIG_KEY = 'huayi-qb.config.v1';
|
||||
const RECORDS_KEY = 'huayi-qb.records.v1';
|
||||
const DEFAULTS = { mode: 'open', keepLauncher: true, copyEnabled: true, collecting: true, tab: 'search' };
|
||||
const DEFAULTS = { mode: 'hidden', keepLauncher: false, copyEnabled: true, collecting: true, tab: 'search' };
|
||||
const pageWindow = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
|
||||
const storage = {
|
||||
get(key, fallback) {
|
||||
@@ -19,9 +19,13 @@
|
||||
try { rawConfig = storage.get(CONFIG_KEY, {}); } catch (_) { rawConfig = {}; }
|
||||
const config = { ...DEFAULTS, ...(rawConfig && typeof rawConfig === 'object' ? rawConfig : {}) };
|
||||
if (!['open', 'collapsed', 'hidden'].includes(config.mode)) config.mode = 'open';
|
||||
if (!['search', 'library', 'settings'].includes(config.tab)) config.tab = 'search';
|
||||
if (!['search', 'library', 'auto', 'settings'].includes(config.tab)) config.tab = 'search';
|
||||
['keepLauncher', 'copyEnabled', 'collecting'].forEach(key => { if (typeof config[key] !== 'boolean') config[key] = DEFAULTS[key]; });
|
||||
// Every new page starts completely hidden, including upgrades from older settings.
|
||||
config.mode = 'hidden';
|
||||
config.keepLauncher = false;
|
||||
let records = [];
|
||||
let recordsDirty = false;
|
||||
let loadError = '';
|
||||
try {
|
||||
const saved = storage.get(RECORDS_KEY, []);
|
||||
@@ -29,15 +33,37 @@
|
||||
records = QBCore.upsert([], saved);
|
||||
} catch (error) { loadError = `本地题库读取失败：${error.message}。请先保留已有备份。`; }
|
||||
let root, shadow, panel, launcher, resultBox, statusBox;
|
||||
let saveTimer, searchTimer, query = '', scope = '__current__', searchScope = '__current__', searchField = 'all';
|
||||
let networkEnabled = ['www.shhuayi-elearning.cn', 'shhuayi-elearning.cn'].includes(window.location.hostname);
|
||||
let saveTimer, searchTimer, query = '', scope = networkEnabled ? '__current__' : '', searchScope = scope, searchField = 'all';
|
||||
let activeBank = null, importing = false;
|
||||
let status = loadError || '准备就绪，可输入文字搜索，也可选中题干检索。';
|
||||
let storageError = false;
|
||||
let mounted = false;
|
||||
const adapter = QBAdapter.create({ window: pageWindow, document, onQuestions: receive, onStatus: adapterStatus, onBankChange: bankChanged });
|
||||
const createAdapter = () => QBAdapter.create({ window: pageWindow, document, onQuestions: receive, onStatus: adapterStatus, onBankChange: bankChanged, observeNetwork: networkEnabled });
|
||||
let adapter = createAdapter();
|
||||
const autoAnswer = QBAuto.create({ window: pageWindow, document, core: QBCore, getRecords: () => records, getQuestion: currentQuestion, getBank: currentBank,
|
||||
onStatus: message => { tell(message); }, onChange: () => { renderAuto(); } });
|
||||
|
||||
function activateKnownPage() {
|
||||
if (!networkEnabled && document.querySelector('.yxtulcdsdk-pc-marking-main')) {
|
||||
adapter.stop();
|
||||
adapter.setCopyEnabled(false);
|
||||
networkEnabled = true;
|
||||
scope = '__current__'; searchScope = '__current__';
|
||||
adapter = createAdapter();
|
||||
if (config.collecting) adapter.start();
|
||||
adapter.setCopyEnabled(Boolean(config.copyEnabled));
|
||||
}
|
||||
}
|
||||
|
||||
function bankChanged(bank) {
|
||||
if (!bank || (!bank.bankName && !bank.bankId)) return;
|
||||
if (!bank || (!bank.bankName && !bank.bankId)) {
|
||||
if (activeBank) {
|
||||
activeBank = null; scope = ''; searchScope = '';
|
||||
if (mounted) { refreshScope(); renderStats(); renderCurrent(); renderResults(); }
|
||||
}
|
||||
return;
|
||||
}
|
||||
const previous = activeBank;
|
||||
const sameName = previous && bankNameKey(previous.bankName) === bankNameKey(bank.bankName);
|
||||
const identityChanged = previous && (!sameName || (previous.taskId && bank.taskId && previous.taskId !== bank.taskId) || (previous.bankId && bank.bankId && previous.bankId !== bank.bankId));
|
||||
@@ -57,13 +83,14 @@
|
||||
}
|
||||
function persistRecords() {
|
||||
clearTimeout(saveTimer);
|
||||
if (loadError) return;
|
||||
if (loadError || !recordsDirty) return;
|
||||
try {
|
||||
// Merge other tabs before writing; GM change events also refresh an open panel.
|
||||
const stored = storage.get(RECORDS_KEY, []);
|
||||
if (!Array.isArray(stored)) throw new Error('现有题库结构异常，已停止覆盖');
|
||||
records = QBCore.upsert(stored, records);
|
||||
storage.set(RECORDS_KEY, records);
|
||||
recordsDirty = false;
|
||||
storageError = false;
|
||||
} catch (error) {
|
||||
storageError = true;
|
||||
@@ -86,6 +113,7 @@
|
||||
return names?.size === 1 ? QBCore.normalizeRecord({ ...record, bankName: [...names][0] }) : record;
|
||||
});
|
||||
records = QBCore.upsert(records, incoming);
|
||||
recordsDirty = true;
|
||||
clearTimeout(saveTimer);
|
||||
saveTimer = setTimeout(persistRecords, 250);
|
||||
if (mounted) { refreshScope(); renderStats(); renderResults(); renderCurrent(); }
|
||||
@@ -115,7 +143,7 @@
|
||||
if (!panel) return;
|
||||
panel.hidden = config.mode === 'hidden';
|
||||
panel.classList.toggle('collapsed', config.mode === 'collapsed');
|
||||
launcher.hidden = config.mode !== 'hidden' || !config.keepLauncher;
|
||||
launcher.hidden = true;
|
||||
const collapse = shadow.querySelector('[data-action="collapse"]');
|
||||
collapse.textContent = config.mode === 'collapsed' ? '展开' : '收起';
|
||||
collapse.setAttribute('aria-expanded', String(config.mode !== 'collapsed'));
|
||||
@@ -177,7 +205,7 @@
|
||||
}
|
||||
function scopeName(selectedScope = scope) {
|
||||
if (selectedScope === '') return '全部题库';
|
||||
if (selectedScope === '__current__') return currentBank()?.bankName || '未识别当前题库';
|
||||
if (selectedScope === '__current__') return currentBank()?.bankName || '当前网页未识别题库';
|
||||
const anchor = records.find(record => bankKey(record) === selectedScope);
|
||||
return anchor?.bankName || '未命名题库';
|
||||
}
|
||||
@@ -232,14 +260,23 @@
|
||||
if (!shadow) return;
|
||||
const bank = currentBank();
|
||||
const current = currentQuestion();
|
||||
const name = bank?.bankName || '尚未识别当前题库';
|
||||
const known = Boolean(bank?.bankName || bank?.bankId);
|
||||
const name = bank?.bankName || '通用网页 · 本地题库';
|
||||
shadow.getElementById('qb-context-name').textContent = name;
|
||||
shadow.getElementById('qb-context-name').title = name;
|
||||
const pool = scopedRecords('__current__');
|
||||
shadow.getElementById('qb-context-count').textContent = `${bank?.loading ? '切换中 · ' : ''}本库已采集 ${pool.length} 题 · 已确认 ${pool.filter(record => record.answerStatus === 'confirmed').length} 题`;
|
||||
shadow.getElementById('qb-context-count').textContent = known ? `${bank?.loading ? '切换中 · ' : ''}本库已采集 ${pool.length} 题 · 已确认 ${pool.filter(record => record.answerStatus === 'confirmed').length} 题` : `本地共 ${records.length} 题 · 可划词或输入文字搜索`;
|
||||
shadow.getElementById('qb-current-title').textContent = bank?.loading ? '题库切换中，等待当前题目加载。' : current?.stem || '打开练习题后，这里显示当前题目。';
|
||||
shadow.getElementById('qb-current-bank').textContent = name;
|
||||
}
|
||||
function renderAuto() {
|
||||
if (!shadow) return;
|
||||
const state = autoAnswer.getState();
|
||||
shadow.getElementById('qb-auto-enabled').checked = state.enabled;
|
||||
shadow.getElementById('qb-auto-status').textContent = state.message || '自动答题尚未开启。可先点击“答当前题”。';
|
||||
shadow.getElementById('qb-auto-count').textContent = `本页已选择 ${state.answeredCount || 0} 题 · 已跳过 ${state.skippedCount || 0} 题`;
|
||||
shadow.querySelector('[data-action="auto-answer-current"]').disabled = Boolean(state.busy);
|
||||
}
|
||||
function renderResults() {
|
||||
if (!resultBox) return;
|
||||
resultBox.replaceChildren();
|
||||
@@ -358,6 +395,7 @@
|
||||
const before = records.length;
|
||||
const merged = QBCore.upsert(records, incoming);
|
||||
records = merged;
|
||||
recordsDirty = true;
|
||||
persistRecords();
|
||||
refreshScope(); renderStats(); renderCurrent(); renderResults();
|
||||
const bankCount = new Set(incoming.map(bankKey)).size;
|
||||
@@ -379,6 +417,7 @@
|
||||
|
||||
function mount() {
|
||||
if (mounted || document.getElementById('huayi-qb-root')) return;
|
||||
activateKnownPage();
|
||||
root = node('div'); root.id = 'huayi-qb-root';
|
||||
shadow = root.attachShadow({ mode: 'open' });
|
||||
const style = node('style'); style.textContent = css;
|
||||
@@ -389,15 +428,19 @@
|
||||
<header class="header"><div><div class="brand">题库助手</div><div class="subtitle">HUAYI · 本地练习资料</div></div><div class="tools"><button type="button" data-action="collapse" title="收起或展开内容" aria-expanded="true">收起</button><button type="button" data-action="hide" title="隐藏面板，Alt + Shift + Q 恢复">隐藏</button></div></header>
|
||||
<div class="body">
|
||||
<div class="context"><span class="context-label">当前题库</span><strong id="qb-context-name">正在识别题库…</strong><div class="context-count" id="qb-context-count"></div></div>
|
||||
<nav class="tabs" role="tablist" aria-label="助手功能"><button type="button" data-tab="search" role="tab" aria-controls="qb-view-search">文字搜索</button><button type="button" data-tab="library" role="tab" aria-controls="qb-view-library">题库 / 导出</button><button type="button" data-tab="settings" role="tab" aria-controls="qb-view-settings">设置</button></nav>
|
||||
<nav class="tabs" role="tablist" aria-label="助手功能"><button type="button" data-tab="search" role="tab" aria-controls="qb-view-search">文字搜索</button><button type="button" data-tab="library" role="tab" aria-controls="qb-view-library">题库 / 导出</button><button type="button" data-tab="auto" role="tab" aria-controls="qb-view-auto">自动答题</button><button type="button" data-tab="settings" role="tab" aria-controls="qb-view-settings">设置</button></nav>
|
||||
<div class="view" id="qb-view-search" data-view="search" role="tabpanel"><div class="search-label"><label for="qb-search">输入或粘贴文字查答案</label><button type="button" class="text-button" data-action="clear-search">清空</button></div><div class="search-wrap"><input id="qb-search" type="search" maxlength="4000" placeholder="题干、选项或答案关键词…" aria-label="文字搜索"><button type="button" class="btn primary" data-action="search">搜索</button></div><div class="search-filters"><label>搜索题库<select id="qb-search-scope" aria-label="搜索题库"><option value="__current__">当前题库</option><option value="">全部题库</option></select></label><label>搜索内容<select id="qb-search-field" aria-label="搜索内容"><option value="all">全部文字</option><option value="stem">仅题干</option><option value="options">仅选项</option><option value="answer">仅标准答案</option></select></label></div><p class="hint" id="qb-query-state"></p><div id="qb-results" aria-live="polite"></div></div>
|
||||
<div class="view" id="qb-view-library" data-view="library" role="tabpanel" hidden>
|
||||
<div class="section"><h3>统计与导出范围</h3><label class="scope">选择题库<select id="qb-scope" aria-label="题库范围"><option value="__current__">当前题库</option><option value="">全部题库</option></select></label><p class="export-name" id="qb-export-name"></p><div class="stats"><div class="stat"><strong id="qb-stat-total">0</strong><span>范围内题数</span></div><div class="stat"><strong id="qb-stat-confirmed">0</strong><span>答案确认</span></div><div class="stat"><strong id="qb-stat-missing">0</strong><span>待补答案</span></div><div class="stat"><strong id="qb-stat-conflicts">0</strong><span>答案冲突</span></div></div><div class="row"><button type="button" class="btn primary" data-action="export-csv">导出 CSV</button><button type="button" class="btn" data-action="export-json">备份 JSON</button></div><p class="filename" id="qb-export-preview"></p></div>
|
||||
<div class="section"><div class="row spread"><h3>当前练习</h3><span class="state" id="qb-capture-state">采集中</span></div><p id="qb-current-bank"></p><div id="qb-current-title"></div><div class="row"><button type="button" class="btn small primary" data-action="capture-current">采集当前题</button><button type="button" class="btn small" data-action="toggle-capture">暂停采集</button></div><p>记录正常加载的练习题与标准答案。答案尚未返回的题目会标为待补，可在后续练习中继续补齐。</p></div>
|
||||
<div class="section"><div class="row spread"><h3>已保存题库</h3><button type="button" class="btn small" data-action="import">导入多个题库</button></div><input id="qb-import-file" type="file" accept=".csv,.json,text/csv,application/json" multiple hidden><p>可一次选择多个 CSV / JSON，分别保留题库名称。无名称的文件使用文件名作为题库名。</p><p id="qb-library-summary"></p><div class="bank-list" id="qb-bank-list"></div></div>
|
||||
</div>
|
||||
<div class="view" id="qb-view-auto" data-view="auto" role="tabpanel" hidden>
|
||||
<div class="section"><h3>自动选择正确答案</h3><p>根据本地已确认答案核对题干、题型和完整选项，按当前顺序选择。没有答案、答案冲突或无法唯一匹配的题目会跳过。</p><button type="button" class="btn primary" data-action="auto-answer-current">答当前题</button><label class="check"><input id="qb-auto-enabled" type="checkbox"><span>连续自动选择<small>开启后随题目变化自动选择，仅本页有效；刷新或打开新页面后关闭。</small></span></label><p id="qb-auto-status" role="status"></p><p id="qb-auto-count"></p><p>选择后按页面流程检查、提交或换题；部分网站会自动保存作答。</p></div>
|
||||
<div class="section"><h3>适配范围</h3><p>支持华谊练习页面，以及使用标准单选框／复选框和明确题干容器的网页。网页未识别时可继续使用文字搜索。</p></div>
|
||||
</div>
|
||||
<div class="view" id="qb-view-settings" data-view="settings" role="tabpanel" hidden>
|
||||
<div class="section"><h3>面板显示</h3><p>右上角可收起或隐藏，刷新后保持原状态。</p><label class="check"><input id="qb-keep-launcher" type="checkbox"><span>隐藏时保留悬浮按钮<small>取消后可完全隐藏，用快捷键或油猴菜单恢复。</small></span></label><p>显示 / 隐藏快捷键：<kbd class="kbd">Alt + Shift + Q</kbd></p><p>面板隐藏时，划选文字仍可更新检索内容，面板保持隐藏。</p><button type="button" class="btn small" data-action="hide">立即隐藏</button></div>
|
||||
<div class="section"><h3>面板显示</h3><p>每次打开或刷新网页都默认完全隐藏，不显示悬浮按钮。</p><p>显示 / 隐藏快捷键：<kbd class="kbd">Shift + Alt + Q</kbd></p><p>面板隐藏时，划选文字仍可更新检索内容，面板保持隐藏。</p><button type="button" class="btn small" data-action="hide">立即隐藏</button></div>
|
||||
<div class="section"><h3>选择与复制</h3><label class="check"><input id="qb-copy-enabled" type="checkbox"><span>恢复题目区域的选择复制<small>换题后自动适配，关闭后恢复原有处理。</small></span></label></div>
|
||||
<div class="section"><h3>答案规则</h3><p>按标准答案内容保存，再对应当前页面的选项位置。没有标准答案就显示待补；不同答案会保留冲突。所有资料保存在当前浏览器，建议定期导出备份。</p></div>
|
||||
</div>
|
||||
@@ -409,7 +452,6 @@
|
||||
panel = shadow.getElementById('qb-panel'); launcher = shadow.getElementById('qb-launcher');
|
||||
resultBox = shadow.getElementById('qb-results'); statusBox = shadow.getElementById('qb-status');
|
||||
mounted = true;
|
||||
shadow.getElementById('qb-keep-launcher').checked = Boolean(config.keepLauncher);
|
||||
shadow.getElementById('qb-copy-enabled').checked = Boolean(config.copyEnabled);
|
||||
shadow.addEventListener('click', event => {
|
||||
const button = event.target.closest('button');
|
||||
@@ -422,6 +464,7 @@
|
||||
case 'collapse': setMode(config.mode === 'collapsed' ? 'open' : 'collapsed'); break;
|
||||
case 'search': runSearch(shadow.getElementById('qb-search').value); break;
|
||||
case 'clear-search': clearTimeout(searchTimer); runSearch(''); shadow.getElementById('qb-search').focus(); break;
|
||||
case 'auto-answer-current': Promise.resolve(autoAnswer.answerCurrent()).catch(error => tell(`自动选择失败：${error.message}`, true)); break;
|
||||
case 'capture-current': {
|
||||
const captured = adapter.captureCurrent();
|
||||
renderCurrent();
|
||||
@@ -451,7 +494,7 @@
|
||||
shadow.getElementById('qb-scope').addEventListener('change', event => { scope = event.target.value; renderStats(); });
|
||||
shadow.getElementById('qb-search-scope').addEventListener('change', event => { searchScope = event.target.value; renderResults(); });
|
||||
shadow.getElementById('qb-search-field').addEventListener('change', event => { searchField = event.target.value; renderResults(); });
|
||||
shadow.getElementById('qb-keep-launcher').addEventListener('change', event => { config.keepLauncher = event.target.checked; persistConfig(); renderMode(); });
|
||||
shadow.getElementById('qb-auto-enabled').addEventListener('change', event => { autoAnswer.setEnabled(event.target.checked); renderAuto(); });
|
||||
shadow.getElementById('qb-copy-enabled').addEventListener('change', event => { config.copyEnabled = event.target.checked; adapter.setCopyEnabled(config.copyEnabled); persistConfig(); });
|
||||
shadow.getElementById('qb-import-file').addEventListener('change', async event => {
|
||||
const input = event.currentTarget;
|
||||
@@ -464,7 +507,7 @@
|
||||
catch (error) { tell(`导入失败，题库未替换：${error.message}`, true); }
|
||||
finally { input.value = ''; importing = false; button.disabled = false; }
|
||||
});
|
||||
refreshScope(); renderStats(); renderCurrent(); renderResults(); renderStatus(); selectTab(config.tab); renderMode();
|
||||
refreshScope(); renderStats(); renderCurrent(); renderResults(); renderAuto(); renderStatus(); selectTab(config.tab); renderMode();
|
||||
setInterval(() => { bankChanged(currentBank()); if (config.mode === 'open') renderCurrent(); }, 1000);
|
||||
}
|
||||
|
||||
@@ -486,11 +529,13 @@
|
||||
event.preventDefault(); setMode(config.mode === 'hidden' ? 'open' : 'hidden');
|
||||
}
|
||||
}, true);
|
||||
window.addEventListener('pagehide', persistRecords);
|
||||
window.addEventListener('pagehide', () => { autoAnswer.setEnabled(false); persistRecords(); });
|
||||
window.addEventListener('pageshow', event => {
|
||||
if (event.persisted) { autoAnswer.setEnabled(false); config.mode = 'hidden'; renderMode(); }
|
||||
});
|
||||
if (typeof GM_registerMenuCommand === 'function') {
|
||||
GM_registerMenuCommand('显示题库助手（Alt+Shift+Q）', () => setMode('open'));
|
||||
GM_registerMenuCommand('隐藏题库助手', () => setMode('hidden'));
|
||||
GM_registerMenuCommand('完全隐藏题库助手（快捷键或菜单恢复）', () => { config.keepLauncher = false; if (shadow) shadow.getElementById('qb-keep-launcher').checked = false; setMode('hidden'); });
|
||||
}
|
||||
if (typeof GM_addValueChangeListener === 'function') GM_addValueChangeListener(RECORDS_KEY, (_key, _old, value, remote) => {
|
||||
if (!remote || !Array.isArray(value)) return;
|
||||
|
||||
Reference in New Issue
Block a user