迁移欢迎语菜单事件绑定

resources/js/chat-room.js

@@ -5,6 +5,7 @@ export { applyFontSize, bindChatFontSizeControl, CHAT_FONT_SIZE_STORAGE_KEY, res
 export { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 export { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
 export { bindMobileDrawerControls } from "./chat-room/mobile-drawer.js";
+export { bindWelcomeMenuControls } from "./chat-room/welcome-menu.js";
 export {
     BLOCKABLE_SYSTEM_SENDERS,
     BLOCKED_SYSTEM_SENDERS_STORAGE_KEY,
@@ -35,6 +36,7 @@ import { applyFontSize, bindChatFontSizeControl, CHAT_FONT_SIZE_STORAGE_KEY, res
 import { bindChatImageUploadControl } from "./chat-room/image-upload.js";
 import { closeChatImageLightbox, initChatImageLightboxEvents, openChatImageLightbox } from "./chat-room/lightbox.js";
 import { bindMobileDrawerControls } from "./chat-room/mobile-drawer.js";
+import { bindWelcomeMenuControls } from "./chat-room/welcome-menu.js";
 import {
     BLOCKABLE_SYSTEM_SENDERS,
     BLOCKED_SYSTEM_SENDERS_STORAGE_KEY,
@@ -68,6 +70,7 @@ if (typeof window !== "undefined") {
         bindChatFontSizeControl,
         bindChatImageUploadControl,
         bindMobileDrawerControls,
+        bindWelcomeMenuControls,
         CHAT_FONT_SIZE_STORAGE_KEY,
         restoreChatFontSize,
         closeChatImageLightbox,
@@ -102,5 +105,6 @@ if (typeof window !== "undefined") {
     bindChatImageUploadControl();
     bindChatRightPanelControls();
     bindMobileDrawerControls();
+    bindWelcomeMenuControls();
     bindBlockMenuControls();
 }

resources/js/chat-room/welcome-menu.js

@@ -0,0 +1,47 @@
+// 聊天室欢迎语快捷菜单事件绑定，替代 Blade 内联 onclick。
+
+let welcomeMenuEventsBound = false;
+
+/**
+ * 绑定欢迎语菜单按钮、菜单内点击拦截与模板发送事件。
+ *
+ * @returns {void}
+ */
+export function bindWelcomeMenuControls() {
+    if (welcomeMenuEventsBound || typeof document === "undefined") {
+        return;
+    }
+
+    welcomeMenuEventsBound = true;
+
+    document.addEventListener("click", (event) => {
+        if (!(event.target instanceof Element)) {
+            return;
+        }
+
+        const toggleButton = event.target.closest("[data-chat-welcome-menu-toggle]");
+        if (toggleButton) {
+            event.preventDefault();
+            window.toggleWelcomeMenu?.(event);
+
+            return;
+        }
+
+        const menu = event.target.closest("[data-chat-welcome-menu]");
+        if (!menu) {
+            return;
+        }
+
+        event.stopPropagation();
+
+        const item = event.target.closest("[data-chat-welcome-template]");
+        if (!item || !menu.contains(item)) {
+            return;
+        }
+
+        const template = item.getAttribute("data-chat-welcome-template") || "";
+        if (template && typeof window.sendWelcomeTpl === "function") {
+            window.sendWelcomeTpl(template);
+        }
+    });
+}