feat(gui): macOS UX Improvements (#1631)

easytier-gui/src-tauri/src/lib.rs

@@ -392,19 +392,25 @@ async fn is_client_running() -> Result<bool, String> {
 }
 
 #[cfg(not(target_os = "android"))]
-fn toggle_window_visibility<R: tauri::Runtime>(app: &tauri::AppHandle<R>) {
+fn toggle_window_visibility(app: &tauri::AppHandle) {
     if let Some(window) = app.get_webview_window("main") {
-        if window.is_visible().unwrap_or_default() {
+        let visible = if window.is_visible().unwrap_or_default() {
             if window.is_minimized().unwrap_or_default() {
                 let _ = window.unminimize();
-                let _ = window.set_focus();
+                false
             } else {
-                let _ = window.hide();
+                true
             }
         } else {
             let _ = window.show();
+            false
+        };
+        if visible {
+            let _ = window.hide();
+        } else {
             let _ = window.set_focus();
         }
+        let _ = set_dock_visibility(app.clone(), !visible);
     }
 }
 
@@ -892,7 +898,7 @@ pub fn run_gui() -> std::process::ExitCode {
                 .icon(tauri::image::Image::from_bytes(include_bytes!(
                     "../icons/icon.png"
                 ))?)
-                .icon_as_template(false)
+                .icon_as_template(true)
                 .build(app)?;
 
             Ok(())
@@ -924,6 +930,7 @@ pub fn run_gui() -> std::process::ExitCode {
             #[cfg(not(target_os = "android"))]
             tauri::WindowEvent::CloseRequested { api, .. } => {
                 let _ = _win.hide();
+                let _ = set_dock_visibility(_win.app_handle().clone(), false);
                 api.prevent_close();
             }
             _ => {}
@@ -931,20 +938,8 @@ pub fn run_gui() -> std::process::ExitCode {
         .build(tauri::generate_context!())
         .unwrap();
 
-    #[cfg(not(target_os = "macos"))]
     app.run(|_app, _event| {});
 
-    #[cfg(target_os = "macos")]
-    {
-        use tauri::RunEvent;
-        app.run(|app, event| match event {
-            RunEvent::Reopen { .. } => {
-                toggle_window_visibility(app);
-            }
-            _ => {}
-        });
-    }
-
     std::process::ExitCode::SUCCESS
 }
 

easytier-gui/src/modules/dock_visibility.ts

@@ -1,18 +0,0 @@
-import { invoke } from '@tauri-apps/api/core'
-
-export async function loadDockVisibilityAsync(visible: boolean): Promise<boolean> {
-  try {
-    await invoke('set_dock_visibility', { visible })
-    localStorage.setItem('dock_visibility', JSON.stringify(visible))
-    return visible
-  }
-  catch (e) {
-    console.error('Failed to set dock visibility:', e)
-    return getDockVisibilityStatus()
-  }
-}
-
-export function getDockVisibilityStatus(): boolean {
-  const stored = localStorage.getItem('dock_visibility')
-  return stored !== null ? JSON.parse(stored) : true
-}

easytier-gui/src/pages/index.vue

@@ -10,7 +10,6 @@ import type { MenuItem } from 'primevue/menuitem'
 import { useTray } from '~/composables/tray'
 import { GUIRemoteClient } from '~/modules/api'
 
-import { getDockVisibilityStatus, loadDockVisibilityAsync } from '~/modules/dock_visibility'
 import { useToast, useConfirm } from 'primevue'
 import { loadMode, saveMode, type Mode } from '~/composables/mode'
 import ModeSwitcher from '~/components/ModeSwitcher.vue'
@@ -263,14 +262,6 @@ const setting_menu_items: Ref<MenuItem[]> = ref([
     command: openModeDialog,
     visible: () => type() !== 'android',
   },
-  {
-    label: () => getDockVisibilityStatus() ? t('hide_dock_icon') : t('show_dock_icon'),
-    icon: 'pi pi-eye-slash',
-    command: async () => {
-      await loadDockVisibilityAsync(!getDockVisibilityStatus())
-    },
-    visible: () => type() === 'macos',
-  },
   {
     key: 'logging_menu',
     label: () => t('logging'),