Function createTranslationTooltip

entrypoints/content.ts:832–866

* 创建并显示翻译提示弹窗

(element: HTMLElement, message: string, type: 'translating' | 'success' | 'error')

 * 创建并显示翻译提示弹窗
 */
function createTranslationTooltip(element: HTMLElement, message: string, type: 'translating' | 'success' | 'error'): HTMLElement {
    // 移除已存在的提示
    removeExistingTooltip();
    
    const tooltip = document.createElement('div');
    tooltip.className = `fluent-input-tooltip ${type}`;
    tooltip.id = 'fluent-input-translation-tooltip';
    
    // 添加图标和文字
    const icon = getTooltipIcon(type);
    tooltip.innerHTML = `${icon} ${message}`;
    
    // 计算位置
    const rect = element.getBoundingClientRect();
    const tooltipTop = rect.bottom + window.scrollY + 12;
    const tooltipLeft = rect.left + window.scrollX + (rect.width / 2);
    
    tooltip.style.top = `${tooltipTop}px`;
    tooltip.style.left = `${tooltipLeft}px`;
    tooltip.style.transform = 'translateX(-50%)';
    
    // 如果禁用动画，直接显示，否则使用淡入效果
    if (!config.animations) {
        tooltip.style.opacity = '1';
        tooltip.style.transform = 'translateX(-50%) translateY(0)';
    } else {
        tooltip.style.opacity = '0';
        setTimeout(() => {
            tooltip.classList.add('show');
        }, 10);
    }
    
    document.body.appendChild(tooltip);
    return tooltip;
}

/**
 * 获取提示图标