Function insertFailedTip

entrypoints/utils/icon.ts:22–55

(
  node: HTMLElement,
  errMsg: string,
  spinner: HTMLElement
)

// 插入失败提示并处理错误
export function insertFailedTip(
  node: HTMLElement,
  errMsg: string,
  spinner: HTMLElement
) {
  spinner?.remove(); // 取消转圈动画

  // 创建包装元素
  const wrapper = document.createElement("span");
  wrapper.classList.add("fluent-read-retry-wrapper");

  // 创建重试按钮
  const retryBtn = document.createElement("span");
  retryBtn.innerText = "重试";
  retryBtn.classList.add("fluent-read-retry");
  retryBtn.addEventListener("click", handleRetryClick(node, wrapper));

  // 添加失败标记
  node.classList.add("fluent-read-failure");

  // 创建错误信息提示按钮
  const errorTip = document.createElement("span");
  errorTip.innerText = "错误原因";
  errorTip.classList.add("fluent-read-reason");
  errorTip.addEventListener("click", handleErrorClick(errMsg));

  // 创建图标元素
  const retryElement = createIconElement(icon.retry);
  const warnElement = createIconElement(icon.warn);

  // 将所有元素批量添加到 wrapper
  wrapper.append(retryElement, retryBtn, warnElement, errorTip);
  node.appendChild(wrapper);
}

// 处理重试按钮点击事件
function handleRetryClick(node: HTMLElement, wrapper: HTMLElement) {