feat(chat): 支持表情图片预览

- 将表情加入图片预览列表
- 支持在普通消息和合并聊天记录中点击预览表情

Author: 2977094657

frontend/components/chat/ChatOverlays.vue

@@ -822,9 +822,11 @@
                     <div
                       v-else-if="rec.renderType === 'emoji'"
                       class="inline-block"
+                      :class="rec.emojiUrl ? 'cursor-pointer' : ''"
+                      @click="rec.emojiUrl && openImagePreview(rec.emojiUrl)"
                       @contextmenu="openMediaContextMenu($event, rec, 'emoji')"
                     >
-                      <img v-if="rec.emojiUrl" :src="rec.emojiUrl" alt="表情" class="w-24 h-24 object-contain" />
+                      <img v-if="rec.emojiUrl" :src="rec.emojiUrl" alt="表情" class="w-24 h-24 object-contain hover:opacity-90 transition-opacity" />
                       <div v-else class="px-3 py-2 text-sm text-gray-700">{{ rec.content || '[表情]' }}</div>
                     </div>
 
@@ -1137,9 +1139,11 @@
                   <div
                     v-else-if="rec.renderType === 'emoji'"
                     class="inline-block"
+                    :class="rec.emojiUrl ? 'cursor-pointer' : ''"
+                    @click="rec.emojiUrl && openImagePreview(rec.emojiUrl)"
                     @contextmenu="openMediaContextMenu($event, rec, 'emoji')"
                   >
-                    <img v-if="rec.emojiUrl" :src="rec.emojiUrl" alt="表情" class="w-24 h-24 object-contain" />
+                    <img v-if="rec.emojiUrl" :src="rec.emojiUrl" alt="表情" class="w-24 h-24 object-contain hover:opacity-90 transition-opacity" />
                     <div v-else class="px-3 py-2 text-sm text-gray-700">{{ rec.content || '[表情]' }}</div>
                   </div>
 

frontend/components/chat/MessageContent.vue

@@ -133,10 +133,11 @@
                       <img
                         v-chat-lazy-src="message.emojiUrl"
                         alt="表情"
-                        class="w-24 h-24 object-contain"
+                        class="w-24 h-24 object-contain cursor-pointer hover:opacity-90 transition-opacity"
                         loading="lazy"
                         decoding="async"
                         fetchpriority="low"
+                        @click.stop="openImagePreview(message.emojiUrl)"
                         @contextmenu="openMediaContextMenu($event, message, 'emoji')"
                       >
                       <button

frontend/composables/chat/useChatMessages.js

@@ -361,6 +361,9 @@ export const useChatMessages = ({
       if (message?.renderType === 'image') {
         push(message.imageUrl, message)
       }
+      if (message?.renderType === 'emoji') {
+        push(message.emojiUrl, { ...message, id: `${message.id || ''}:emoji`, label: message.content || '表情' })
+      }
       if (message?.quoteImageUrl) {
         push(message.quoteImageUrl, { ...message, id: `${message.id || ''}:quote-image` })
       }