🐛 fix(system): 修复系统托盘图标切换问题

src/assets/img/no_data.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="647.63626" height="632.17383" viewBox="0 0 647.63626 632.17383" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M687.3279,276.08691H512.81813a15.01828,15.01828,0,0,0-15,15v387.85l-2,.61005-42.81006,13.11a8.00676,8.00676,0,0,1-9.98974-5.31L315.678,271.39691a8.00313,8.00313,0,0,1,5.31006-9.99l65.97022-20.2,191.25-58.54,65.96972-20.2a7.98927,7.98927,0,0,1,9.99024,5.3l32.5498,106.32Z" transform="translate(-276.18187 -133.91309)" fill="#f2f2f2"/><path d="M725.408,274.08691l-39.23-128.14a16.99368,16.99368,0,0,0-21.23-11.28l-92.75,28.39L380.95827,221.60693l-92.75,28.4a17.0152,17.0152,0,0,0-11.28028,21.23l134.08008,437.93a17.02661,17.02661,0,0,0,16.26026,12.03,16.78926,16.78926,0,0,0,4.96972-.75l63.58008-19.46,2-.62v-2.09l-2,.61-64.16992,19.65a15.01489,15.01489,0,0,1-18.73-9.95l-134.06983-437.94a14.97935,14.97935,0,0,1,9.94971-18.73l92.75-28.4,191.24024-58.54,92.75-28.4a15.15551,15.15551,0,0,1,4.40966-.66,15.01461,15.01461,0,0,1,14.32032,10.61l39.0498,127.56.62012,2h2.08008Z" transform="translate(-276.18187 -133.91309)" fill="#3f3d56"/><path d="M398.86279,261.73389a9.0157,9.0157,0,0,1-8.61133-6.3667l-12.88037-42.07178a8.99884,8.99884,0,0,1,5.9712-11.24023l175.939-53.86377a9.00867,9.00867,0,0,1,11.24072,5.9707l12.88037,42.07227a9.01029,9.01029,0,0,1-5.9707,11.24072L401.49219,261.33887A8.976,8.976,0,0,1,398.86279,261.73389Z" transform="translate(-276.18187 -133.91309)" fill="#13987f"/><circle cx="190.15351" cy="24.95465" r="20" fill="#13987f"/><circle cx="190.15351" cy="24.95465" r="12.66462" fill="#fff"/><path d="M878.81836,716.08691h-338a8.50981,8.50981,0,0,1-8.5-8.5v-405a8.50951,8.50951,0,0,1,8.5-8.5h338a8.50982,8.50982,0,0,1,8.5,8.5v405A8.51013,8.51013,0,0,1,878.81836,716.08691Z" transform="translate(-276.18187 -133.91309)" fill="#e6e6e6"/><path d="M723.31813,274.08691h-210.5a17.02411,17.02411,0,0,0-17,17v407.8l2-.61v-407.19a15.01828,15.01828,0,0,1,15-15H723.93825Zm183.5,0h-394a17.02411,17.02411,0,0,0-17,17v458a17.0241,17.0241,0,0,0,17,17h394a17.0241,17.0241,0,0,0,17-17v-458A17.02411,17.02411,0,0,0,906.81813,274.08691Zm15,475a15.01828,15.01828,0,0,1-15,15h-394a15.01828,15.01828,0,0,1-15-15v-458a15.01828,15.01828,0,0,1,15-15h394a15.01828,15.01828,0,0,1,15,15Z" transform="translate(-276.18187 -133.91309)" fill="#3f3d56"/><path d="M801.81836,318.08691h-184a9.01015,9.01015,0,0,1-9-9v-44a9.01016,9.01016,0,0,1,9-9h184a9.01016,9.01016,0,0,1,9,9v44A9.01015,9.01015,0,0,1,801.81836,318.08691Z" transform="translate(-276.18187 -133.91309)" fill="#13987f"/><circle cx="433.63626" cy="105.17383" r="20" fill="#13987f"/><circle cx="433.63626" cy="105.17383" r="12.18187" fill="#fff"/></svg>

src/layout/left/config.ts

@@ -2,6 +2,7 @@ import { useWindow } from '@/hooks/useWindow.ts'
 import { emit } from '@tauri-apps/api/event'
 import { EventEnum } from '@/enums'
 import { delay } from 'lodash-es'
+import { invoke } from '@tauri-apps/api/tauri'
 
 const { createWebviewWindow } = useWindow()
 const itemsTop = ref<OPT.L.Top[]>([
@@ -78,6 +79,10 @@ const moreList = ref<OPT.L.MoreList[]>([
       await createWebviewWindow('登录', 'login', 320, 448, 'home', true, false, 320, 448).then(() => {
         /* 给一点延迟，不然创建登录窗口后还没有来得及设置阴影和圆角效果 */
         delay(async () => {
+          /* 如果图标在闪烁则先暂停闪烁 */
+          await invoke('tray_blink', { isRun: false }).catch((error) => {
+            console.error('暂停闪烁失败:', error)
+          })
           /* 通知全部打开的窗口然后关闭 */
           await emit(EventEnum.LOGOUT)
           await emit('logout_success')

src/views/home-window/message/index.vue

@@ -44,11 +44,11 @@
   </n-scrollbar>
 
   <!-- 暂无消息 -->
-  <n-flex id="image-no-data" v-else align="center" vertical class="size-full mt-60px text-[--text-color] text-14px">
+  <n-flex id="image-no-data" v-else :size="20" align="center" vertical>
     <n-image
       width="120px"
       height="110px"
-      src="src/assets/img/no_data.png"
+      src="src/assets/img/no_data.svg"
       lazy
       :intersection-observer-options="{
         root: '#image-no-data'
@@ -95,4 +95,7 @@ onMounted(() => {
 
 <style scoped lang="scss">
 @import '@/styles/scss/message';
+#image-no-data {
+  @apply size-full mt-60px text-[--text-color] text-14px;
+}
 </style>

src/views/login-window/Login.vue

@@ -235,6 +235,16 @@ const giveAccount = (item: STO.Setting['login']['accountInfo']) => {
   arrowStatus.value = false
 }
 
+/**
+ * 设置登录状态(系统托盘图标，系统托盘菜单选项)
+ */
+const setLoginState = async () => {
+  await emit('login_success')
+  await invoke('set_main_icon').catch((error) => {
+    console.error('设置主要图标失败:', error)
+  })
+}
+
 /*登录后创建主页窗口*/
 const loginWin = () => {
   loading.value = true
@@ -248,10 +258,7 @@ const loginWin = () => {
         avatar: avatarRef.value,
         name: nameRef.value
       })
-      await emit('login_success')
-      await invoke('set_main_icon').catch((error) => {
-        console.error('设置主要图标失败:', error)
-      })
+      await setLoginState()
     }
   }, 1000)
 }
@@ -272,9 +279,10 @@ onMounted(async () => {
     isAutoLogin.value = true
     // TODO 检查用户网络是否连接 (nyh -> 2024-03-16 12:06:59)
     loginText.value = '网络连接中'
-    delay(() => {
+    delay(async () => {
       loginWin()
       loginText.value = '登录'
+      await setLoginState()
     }, 1000)
   }
   window.addEventListener('click', handleClickOutside, true)