雨霖铃
86 lines
2.8 KiB
TypeScript
86 lines
2.8 KiB
TypeScript
import type { ContextMenuClickedPayload } from '@/utils/messages';
|
|
import { MessageAction, onMessage } from '@/utils/messages';
|
|
import { getTextStats } from '@/utils/textStatistics';
|
|
import { hidePopover, showTextStatsResult, showTimestampResult } from './uiPopover';
|
|
|
|
// 💡 1. 国际化超进化：对接 chrome.i18n 插件标准 API，如果环境不支持则安全降级，拒绝硬编码中文
|
|
function getI18nText(key: string, fallback: string): string {
|
|
if (typeof chrome !== 'undefined' && chrome.i18n) {
|
|
return chrome.i18n.getMessage(key) || fallback;
|
|
}
|
|
return fallback;
|
|
}
|
|
|
|
function convertTimestamp(input: string): string {
|
|
const invalidText = getI18nText('invalidTimestamp', 'Invalid Timestamp');
|
|
const num = Number(input.trim());
|
|
|
|
if (isNaN(num)) {
|
|
return invalidText;
|
|
}
|
|
|
|
// 1e12 判定毫秒级/秒级时间戳兼容
|
|
const d = num > 1e12 ? new Date(num) : new Date(num * 1000);
|
|
|
|
if (isNaN(d.getTime())) {
|
|
return invalidText;
|
|
}
|
|
|
|
const year = d.getFullYear();
|
|
const month = String(d.getMonth() + 1).padStart(2, '0');
|
|
const day = String(d.getDate()).padStart(2, '0');
|
|
const hours = String(d.getHours()).padStart(2, '0');
|
|
const minutes = String(d.getMinutes()).padStart(2, '0');
|
|
const seconds = String(d.getSeconds()).padStart(2, '0');
|
|
|
|
return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
|
|
}
|
|
|
|
let lastClickX = 0;
|
|
let lastClickY = 0;
|
|
|
|
// 💡 使用 capture: true 确保在任何极其复杂的单页应用（SPA）中都能精准捕获右键坐标
|
|
document.addEventListener(
|
|
'contextmenu',
|
|
(e) => {
|
|
lastClickX = e.clientX;
|
|
lastClickY = e.clientY;
|
|
},
|
|
{ capture: true, passive: true }, // 优化滚动与捕获性能
|
|
);
|
|
|
|
export function initContextMenuHandler(): void {
|
|
// 💡 2. 全局自净化大闸（Global Auto-Purge Grid）：
|
|
// 当用户在网页上进行左键点击、滚动视视口、或调整大小时，
|
|
// 证明心流已经移开，自发隐退所有浮动的 Popover 弹窗，体验顺滑得丝丝入扣！
|
|
const dismissPopover = (): void => {
|
|
hidePopover();
|
|
};
|
|
|
|
document.addEventListener('click', dismissPopover, { passive: true });
|
|
document.addEventListener('scroll', dismissPopover, { passive: true });
|
|
window.addEventListener('resize', dismissPopover, { passive: true });
|
|
|
|
onMessage(MessageAction.CONTEXT_MENU_CLICKED, (message) => {
|
|
const { featureKey, payload } = message.data as ContextMenuClickedPayload;
|
|
|
|
switch (featureKey) {
|
|
case 'timestamp': {
|
|
const result = convertTimestamp(payload);
|
|
showTimestampResult(lastClickX, lastClickY, payload, result);
|
|
break;
|
|
}
|
|
|
|
case 'textStatistics': {
|
|
const stats = getTextStats(payload);
|
|
showTextStatsResult(lastClickX, lastClickY, payload, stats);
|
|
break;
|
|
}
|
|
|
|
default:
|
|
hidePopover();
|
|
break;
|
|
}
|
|
});
|
|
}
|