feat: add tooltip for right top widget of windows

frontend/src/components/common/ToolbarControlWidget.vue

@@ -4,7 +4,7 @@ import WindowMax from '@/components/icons/WindowMax.vue'
 import WindowClose from '@/components/icons/WindowClose.vue'
 import { computed } from 'vue'
 import { useThemeVars } from 'naive-ui'
-import { Quit, WindowMinimise, WindowToggleMaximise } from 'wailsjs/runtime/runtime.js'
+import { Quit, WindowIsMaximised, WindowMinimise, WindowToggleMaximise } from 'wailsjs/runtime/runtime.js'
 
 const themeVars = useThemeVars()
 const props = defineProps({
@@ -33,15 +33,30 @@ const handleClose = () => {
 
 <template>
     <n-space :wrap-item="false" align="center" justify="center" :size="0">
-        <div class="btn-wrapper" @click="handleMinimise">
+        <n-tooltip :show-arrow="false">
-            <window-min />
+            {{ $t('menu.minimise') }}
-        </div>
+            <template #trigger>
-        <div class="btn-wrapper" @click="handleMaximise">
+                <div class="btn-wrapper" @click="handleMinimise">
-            <window-max />
+                    <window-min />
-        </div>
+                </div>
-        <div class="btn-wrapper" @click="handleClose">
+            </template>
-            <window-close />
+        </n-tooltip>
-        </div>
+        <n-tooltip :show-arrow="false">
+            {{ WindowIsMaximised() ? $t('menu.restore') : $t('menu.maximise') }}
+            <template #trigger>
+                <div class="btn-wrapper" @click="handleMaximise">
+                    <window-max />
+                </div>
+            </template>
+        </n-tooltip>
+        <n-tooltip :show-arrow="false">
+            {{ $t('menu.close') }}
+            <template #trigger>
+                <div class="btn-wrapper" @click="handleClose">
+                    <window-close />
+                </div>
+            </template>
+        </n-tooltip>
     </n-space>
 </template>
 

frontend/src/langs/en.json

@@ -180,6 +180,10 @@
     }
   },
   "menu": {
+    "minimise": "Minimise",
+    "maximise": "Maximise",
+    "restore": "Restore Down",
+    "close": "Close",
     "preferences": "Preferences",
     "help": "Help",
     "check_update": "Check for Updates..."

frontend/src/langs/zh-cn.json

@@ -181,6 +181,10 @@
     }
   },
   "menu": {
+    "minimise": "最小化",
+    "maximise": "最大化",
+    "restore": "还原",
+    "close": "关闭",
     "preferences": "偏好设置",
     "help": "帮助",
     "check_update": "检查更新..."