${BRAND}
${esc(rule.tag || '*')}${rule.id ? ` #${esc(rule.id)}` : ''}${rule.classes?.length ? ` · .${esc(rule.classes.join('.'))}` : ''}
按一次拾取元素，快速按两次打开设置 · ${syncLabel}
正在检查元素标记与当前 profile 的 DSH 及插件源码…
${esc(file.file)}${file.evidence?.length ? `这个元素可能来自动态内容或纯样式，当前 profile 中没有足够的归属证据。
${esc(error)}
${exportActions()}`)) } } const action = async event => { const element = event.target instanceof Element ? event.target : undefined if (element?.classList.contains('dei-scrim')) return close() if (element?.closest('.dei-back')) { if (previousView) { const view = previousView; previousView = ''; render(view) } else close(); return } if (element?.closest('.dei-settings')) return settings() if (element?.closest('.dei-capture-hotkey')) { captureHotkey = true; element.textContent = '请按下新的快捷键…'; return } const remove = element?.closest('.dei-remove-hidden') if (remove) { const hidden = prefs.hidden.filter((_, index) => index !== Number(remove.dataset.index)); if (await savePreference('hidden', hidden)) { scheduleHidden(); settings() }; return } if (element?.closest('.dei-clear-hidden')) { if (await savePreference('hidden', [])) { scheduleHidden(); settings() }; return } if (element?.closest('.dei-hide-current') && selectedInfo) { const rule = createHiddenRule(selectedInfo); const hidden = prefs.hidden.some(item => JSON.stringify(item) === JSON.stringify(rule)) ? prefs.hidden : [...prefs.hidden, rule]; if (await savePreference('hidden', hidden)) { applyHidden(); settings() }; return } const exportButton = element?.closest('.dei-screenshot,.dei-copy-html,.dei-copy-markdown') if (exportButton && root?.contains(exportButton)) { event.preventDefault(); event.stopPropagation() if (!selectedElement) return notify('所选元素已失效，请重新选择', true) const originalLabel = exportButton.textContent exportButton.disabled = true exportButton.textContent = '处理中…' try { if (exportButton.classList.contains('dei-screenshot')) { const destination = await deliverScreenshot(await captureElementPng(selectedElement, ROOT_ID, window.devicePixelRatio)) notify(destination === 'clipboard' ? '元素截图已复制到剪贴板' : '元素截图已下载为 PNG') } else if (exportButton.classList.contains('dei-copy-html')) { await writeText(serializeElement(selectedElement, ROOT_ID)) notify('元素 HTML 已复制') } else { await writeText(elementToMarkdown(selectedElement, ROOT_ID)) notify('元素 Markdown 已复制') } } catch (error) { notify(`导出失败：${error instanceof Error ? error.message : String(error)}`, true) } finally { exportButton.disabled = false exportButton.textContent = originalLabel } return } const button = element?.closest('button[data-package]') if (!button || !root?.contains(button)) return event.preventDefault(); event.stopPropagation() const endpoint = button.classList.contains('dei-open-folder') ? 'open-folder' : 'open-repository' button.disabled = true const originalLabel = button.textContent button.textContent = '正在打开…' const controller = new AbortController() const timeout = setTimeout(() => controller.abort(), 5000) try { await callHost(ctx, endpoint, { packageName: button.dataset.package }, controller.signal) button.disabled = false button.textContent = originalLabel notify(endpoint === 'open-folder' ? '插件文件夹已在文件管理器中打开' : '源仓库已在浏览器中打开') } catch (error) { button.disabled = false button.textContent = originalLabel notify(error?.name === 'AbortError' ? '打开操作超时，请重试' : `打开失败：${error instanceof Error ? error.message : String(error)}`, true) } finally { clearTimeout(timeout) } } const click = event => { if (event.target instanceof Element && event.target.closest('.dei-close')) return close() return pick(event) } const key = event => { if (settingsCardCapturing) return if (captureHotkey) { if (event.key === 'Escape') { captureHotkey = false; return settings() }; if (event.key === 'Control' || event.key === 'Shift' || event.key === 'Alt' || event.key === 'Meta') return; const hotkey = eventHotkey(event); captureHotkey = false; void savePreference('hotkey', hotkey).then(() => settings()); return } if (eventHotkey(event) === prefs.hotkey) { event.preventDefault(); const now = Date.now(); if (key.last && now - key.last < 550) return settings(); key.last = now; return start() } if (event.key === 'Escape' && (active || root)) close() } key.last = 0 const observer = new MutationObserver(scheduleHidden) observer.observe(document.documentElement, { childList: true, subtree: true }) const syncPreferences = () => { settingsSnapshot = preferenceScope.getSnapshot() if (settingsSnapshot.status !== 'ready') return prefs = normalizePrefs(settingsSnapshot.value) writeStartupCache(prefs) scheduleHidden() if (root?.querySelector('.dei-panel[aria-label="设置"]') && !captureHotkey) settings() const user = settingsSnapshot.user const hasUserPreference = user && typeof user === 'object' && ('hotkey' in user || 'hidden' in user) const legacy = !migrationStarted && !hasUserPreference ? readLegacyPrefs() : undefined if (!legacy) return migrationStarted = true void (async () => { await preferenceScope.set('hotkey', legacy.hotkey) await preferenceScope.set('hidden', legacy.hidden) const accepted = preferenceScope.getSnapshot().value if (accepted?.hotkey === legacy.hotkey && JSON.stringify(accepted?.hidden) === JSON.stringify(legacy.hidden)) { try { localStorage.removeItem(LEGACY_STORAGE_KEY) } catch {} } })() } const unsubscribePreferences = preferenceScope.subscribe(syncPreferences) syncPreferences() applyHidden() document.addEventListener('keydown', key, true); document.addEventListener('mousemove', move, true); document.addEventListener('click', action, true); document.addEventListener('click', click, true) ctx.effect(() => () => { unsubscribePreferences(); observer.disconnect(); document.removeEventListener('keydown', key, true); document.removeEventListener('mousemove', move, true); document.removeEventListener('click', action, true); document.removeEventListener('click', click, true); close(); document.getElementById(STYLE_ID)?.remove() }, 'dsh-element-inspector: listeners') } module.exports = { apply, inject: ['settingsScope', 'connection', 'slots'] } return module.exports }, })