perf: optimize build chunks and add bundle size visualization

src/client/components/danmaku/danmakuUtils.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import type { DanmakuWindowSettings } from '../../store/useDanmakuWindow'
 import type { EventModel } from '@/api/api-models'
 import { computed } from 'vue'
@@ -67,7 +67,8 @@ export interface BaseDanmakuItemProps {
 
 export function useDanmakuUtils(
   props: BaseDanmakuItemProps,
-  emojiData: { data: { inline: { [key: string]: string }, plain: { [key: string]: string } } },
+  emojiData: Ref<{ updateAt?: number, data: { inline: { [key: string]: string }, plain: { [key: string]: string } } }>
+    | { data: { inline: { [key: string]: string }, plain: { [key: string]: string } } },
 ) {
   // 计算SC弹幕的颜色类
   const scColorClass = computed(() => {
@@ -124,7 +125,12 @@ export function useDanmakuUtils(
     let match
 
     try {
-      const availableEmojis = emojiData.data || {} // 确保 emojiData 已加载
+      // 兼容 Ref 和 普通对象两种传参
+      const store = (emojiData as any)?.value ?? emojiData
+      const availableEmojis = (store?.data ?? { inline: {}, plain: {} }) as {
+        inline?: { [key: string]: string }
+        plain?: { [key: string]: string }
+      }
 
       while ((match = regex.exec(props.item.msg)) !== null) {
         // 添加表情前的文本部分
@@ -133,7 +139,12 @@ export function useDanmakuUtils(
         }
 
         const emojiFullName = match[0] // 完整匹配，例如 "[哈哈]"
-        const emojiInfo = availableEmojis.inline[emojiFullName] || availableEmojis.plain[emojiFullName]
+        const emojiName = match[1] // 去除方括号后的名称，例如 "哈哈"
+        // 兼容键名为带/不带方括号的两种情况
+        const emojiInfo = (availableEmojis.inline?.[emojiFullName]
+          ?? availableEmojis.inline?.[emojiName]
+          ?? availableEmojis.plain?.[emojiFullName]
+          ?? availableEmojis.plain?.[emojiName]) as string | undefined
 
         if (emojiInfo) {
           // 找到了表情

src/components.d.ts

@@ -22,13 +22,19 @@ declare module 'vue' {
     NAvatar: typeof import('naive-ui')['NAvatar']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
+    NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NEmpty: typeof import('naive-ui')['NEmpty']
     NFlex: typeof import('naive-ui')['NFlex']
+    NFormItemGi: typeof import('naive-ui')['NFormItemGi']
+    NGridItem: typeof import('naive-ui')['NGridItem']
     NIcon: typeof import('naive-ui')['NIcon']
     NImage: typeof import('naive-ui')['NImage']
     NPopconfirm: typeof import('naive-ui')['NPopconfirm']
+    NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSpace: typeof import('naive-ui')['NSpace']
     NTag: typeof import('naive-ui')['NTag']
     NText: typeof import('naive-ui')['NText']
+    NTime: typeof import('naive-ui')['NTime']
     PointGoodsItem: typeof import('./components/manage/PointGoodsItem.vue')['default']
     PointHistoryCard: typeof import('./components/manage/PointHistoryCard.vue')['default']
     PointOrderCard: typeof import('./components/manage/PointOrderCard.vue')['default']

src/router/index.ts

@@ -14,7 +14,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
     name: 'index',
-    component: IndexView,
+    component: async () => import('@/views/IndexView.vue'),
     meta: {
       title: '你好',
     },