Function loadMenu

KeepChatGPT.user.js:717–998

()

    // 加载设置弹窗并绑定菜单行为。
    const loadMenu = function () {
        if ($(".kmenu") !== null) {
            return;
        }

        const icon = GM_info.script.icon
            ? GM_info.script.icon
            : `${GM_info.script.namespace}raw/main/assets/logo.svg`;
        const ndivmenu = document.createElement("div");
        ndivmenu.setAttribute("class", "kmenu khide");
        ndivmenu.setAttribute("aria-hidden", "true");
        ndivmenu.innerHTML = `
<div class="kmenu-backdrop"></div>
<div class="kmenu-panel" role="dialog" aria-modal="true" aria-label="KeepChatGPT" tabindex="-1">
  <div class="kmenu-head">
    <div class="kmenu-brand">
      <img src="${icon}" alt="KeepChatGPT">
      <div class="kmenu-brand-text">
        <strong>KeepChatGPT</strong>
        <span>by xcanwin</span>
      </div>
    </div>
    <button type="button" class="kmenu-close" aria-label="Close">×</button>
  </div>
  <div class="kmenu-content"></div>
</div>
`;

        const nmenuContent = $(".kmenu-content", ndivmenu);
        getMenuGroups().forEach((group) => {
            const ngroup = document.createElement("section");
            ngroup.className = "kmenu-group";
            ngroup.innerHTML = `<h3 class="kmenu-group-title">${group.title}</h3>`;

            const ngroupBody = document.createElement("div");
            ngroupBody.className = "kmenu-group-body";
            group.items.forEach((item) => {
                ngroupBody.appendChild(createMenuItem(item));
            });
            ngroup.appendChild(ngroupBody);
            nmenuContent.appendChild(ngroup);
        });
        document.body.appendChild(ndivmenu);

        // 点击遮罩或右上角关闭按钮都可以关闭设置弹窗。
        const closeMenu = function () {
            toggleMenu("hide");
        };
        $(".kmenu-close", ndivmenu).onclick = closeMenu;
        $(".kmenu-backdrop", ndivmenu).onclick = closeMenu;

        // 弹窗内使用 Tab 时保持焦点循环，避免焦点落到页面背景元素。
        ndivmenu.addEventListener("keydown", function (event) {
            if (event.key !== "Tab") {
                return;
            }
            const focusableSelector = `button, [href], input, textarea, [tabindex]:not([tabindex="-1"])`;
            const focusables = Array.from(