Function ndialog

KeepChatGPT.user.js:549–614

(
        title = "KeepChatGPT",
        content = "",
        buttonvalue = "OK",
        buttonfun = function (t) {
            return t;
        },
        inputtype = "br",
        inputvalue = "",
    )

    // 通用弹窗：用于输入配置、显示更新信息、展示赞赏二维码等。
    const ndialog = function (
        title = "KeepChatGPT",
        content = "",
        buttonvalue = "OK",
        buttonfun = function (t) {
            return t;
        },
        inputtype = "br",
        inputvalue = "",
    ) {
        const ndivalert = document.createElement("div");
        ndivalert.setAttribute("class", "kdialog-overlay");
        ndivalert.innerHTML = `
<div class="kdialog-shell" role="dialog" aria-modal="true" aria-label="${title}">
  <div class="kdialog-head">
    <h2>${title}</h2>
  </div>
  <div class="kdialog-body">
    <p class="kdialogcontent">${content}</p>
    <${inputtype} class="kdialoginput"></${inputtype}>
    <div class="kdialog-actions">
      <button type="button" class="kdialogbtn">${buttonvalue}</button>
      <button type="button" class="kdialogclose">Cancel</button>
    </div>
  </div>
</div>
        `;

        if (inputtype === "br") {
            $(".kdialoginput", ndivalert).style = `display: none`;
            $(".kdialogcontent", ndivalert).style = `line-height: 2.2;`;
        } else if (inputtype === "img") {
            $(".kdialoginput", ndivalert).src = inputvalue;
            $(".kdialoginput", ndivalert).style =
                `max-height: 25rem; height: unset; width: unset; margin: 0 auto;`;
        } else if (inputtype === "textarea") {
            $(".kdialoginput", ndivalert).value = inputvalue;
            $(".kdialoginput", ndivalert).style = `height: 10rem;`;
        } else {
            $(".kdialoginput", ndivalert).value = inputvalue;
        }

        // 统一关闭逻辑，保证点击遮罩和取消按钮行为一致。
        const closeDialog = function () {
            ndivalert.remove();
            document.removeEventListener("keydown", onEsc);
        };
        const onEsc = function (event) {
            if (event.key === "Escape") {
                closeDialog();
            }
        };

        $(".kdialogclose", ndivalert).onclick = closeDialog;
        $(".kdialogbtn", ndivalert).onclick = function () {
            buttonfun(ndivalert);
            closeDialog();
        };