迁移聊天图片预览事件到Vite模块

resources/views/chat/frame.blade.php

@@ -186,15 +186,15 @@
     {{-- 聊天图片大图预览层 --}}
     <div id="chat-image-lightbox"
         style="display:none; position:fixed; inset:0; z-index:10020; background:rgba(15,23,42,.86); backdrop-filter:blur(4px);"
-        onclick="closeChatImageLightbox(event)">
+        data-chat-image-lightbox-close>
         <div
             style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:32px;"
-            onclick="closeChatImageLightbox(event)">
+            data-chat-image-lightbox-close>
             <img id="chat-image-lightbox-img" src="" alt="聊天图片预览"
-                onclick="event.stopPropagation()"
+                data-chat-image-lightbox-image
                 style="max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.45);">
         </div>
-        <button type="button" onclick="closeChatImageLightbox(event)"
+        <button type="button" data-chat-image-lightbox-close
             style="position:absolute; top:20px; right:24px; z-index:10021; border:none; background:transparent; color:#fff; font-size:34px; cursor:pointer;">&times;</button>
         <div id="chat-image-lightbox-name"
             style="position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:10021; max-width:88vw; color:#e2e8f0; font-size:12px; text-align:center; word-break:break-all;">

resources/views/chat/partials/scripts.blade.php

@@ -1449,8 +1449,7 @@
 
             return `
                 <span style="display:inline-flex; align-items:flex-start; gap:6px; vertical-align:middle;">
-                    <a href="${fullUrl}" data-full="${fullUrl}" data-alt="${imageName}"
-                        onclick="openChatImageLightbox(this.dataset.full, this.dataset.alt); return false;"
+                    <a href="${fullUrl}" data-full="${fullUrl}" data-alt="${imageName}" data-chat-image-lightbox-open
                         style="display:inline-block; border:1px solid rgba(15,23,42,.14); border-radius:10px; overflow:hidden; background:#f8fafc; box-shadow:0 2px 10px rgba(15,23,42,.10);">
                         <img src="${thumbUrl}" alt="${imageName}"
                             style="display:block; max-width:96px; max-height:96px; object-fit:cover; cursor:zoom-in;">