迁移全局弹窗按钮事件绑定

resources/js/chat-room.js

@@ -1,6 +1,7 @@
 // 聊天室 Vite 入口，集中导出从 Blade 内联脚本迁移出的纯前端工具。
 
 export { escapeHtml, escapeHtmlWithLineBreaks } from "./chat-room/html.js";
+export { bindGlobalDialogControls } from "./chat-room/dialog.js";
 export { applyFontSize, bindChatFontSizeControl, CHAT_FONT_SIZE_STORAGE_KEY, restoreChatFontSize } from "./chat-room/font-size.js";
 export { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 export { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
@@ -32,6 +33,7 @@ export {
 export { createMessageQueue } from "./chat-room/message-queue.js";
 
 import { escapeHtml, escapeHtmlWithLineBreaks } from "./chat-room/html.js";
+import { bindGlobalDialogControls } from "./chat-room/dialog.js";
 import { applyFontSize, bindChatFontSizeControl, CHAT_FONT_SIZE_STORAGE_KEY, restoreChatFontSize } from "./chat-room/font-size.js";
 import { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 import { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
@@ -66,6 +68,7 @@ if (typeof window !== "undefined") {
     window.ChatRoomTools = {
         escapeHtml,
         escapeHtmlWithLineBreaks,
+        bindGlobalDialogControls,
         applyFontSize,
         bindChatFontSizeControl,
         bindChatImageUploadControl,
@@ -101,6 +104,7 @@ if (typeof window !== "undefined") {
     window.closeChatImageLightbox = closeChatImageLightbox;
     window.openChatImageLightbox = openChatImageLightbox;
     window.applyFontSize = applyFontSize;
+    bindGlobalDialogControls();
     bindChatFontSizeControl();
     bindChatImageUploadControl();
     bindChatRightPanelControls();

resources/js/chat-room/dialog.js

@@ -0,0 +1,38 @@
+// 聊天室全局弹窗事件绑定，替代 Blade 内联 onclick。
+
+let globalDialogEventsBound = false;
+
+/**
+ * 绑定全局弹窗确认与取消按钮。
+ *
+ * @returns {void}
+ */
+export function bindGlobalDialogControls() {
+    if (globalDialogEventsBound || typeof document === "undefined") {
+        return;
+    }
+
+    globalDialogEventsBound = true;
+    document.addEventListener("click", (event) => {
+        if (!(event.target instanceof Element)) {
+            return;
+        }
+
+        const actionButton = event.target.closest("[data-chat-dialog-action]");
+        if (!actionButton) {
+            return;
+        }
+
+        event.preventDefault();
+
+        const action = actionButton.getAttribute("data-chat-dialog-action");
+        if (action === "confirm") {
+            window.chatDialog?._confirm?.();
+            return;
+        }
+
+        if (action === "cancel") {
+            window.chatDialog?._cancel?.();
+        }
+    });
+}