perf: update tools

Author: ibuler

ui/components/SideBar/profile.vue

@@ -3,6 +3,7 @@ import type { DropdownMenuItem } from "@nuxt/ui";
 import type { UnlistenFn } from "@tauri-apps/api/event";
 import type { LangType, ThemeType, UserData } from "~/types/index";
 
+import { LogicalPosition } from "@tauri-apps/api/dpi";
 import { useSettingManager } from "~/composables/useSettingManager";
 import { useUserInfoStore } from "~/store/modules/userInfo";
 import RecentSites from "./recentSites.vue";
@@ -29,6 +30,7 @@ const userInfoStore = useUserInfoStore();
 
 const { t, locales, locale } = useI18n();
 const { loggedIn, currentSite, userMap, currentUser } = storeToRefs(userInfoStore);
+const { isMacOS } = usePlatform();
 
 const {
   setLang,
@@ -181,6 +183,21 @@ const appearanceChildren = computed<DropdownMenuItem[][]>(() => [
   }))
 ]);
 
+const toolChildren = computed<DropdownMenuItem[][]>(() => [
+  [
+    {
+      label: t("Menu.Player"),
+      icon: "lucide:clapperboard",
+      onClick: () => openToolWindow("videoplayer", t("Menu.Player"), "/videoplayer", 1480, 920, 1320, 860)
+    },
+    {
+      label: t("Menu.Transcode"),
+      icon: "lucide:repeat-2",
+      onClick: () => openToolWindow("transcode", t("Menu.Transcode"), "/transcode", 1180, 760, 960, 640)
+    }
+  ]
+]);
+
 const profileMenuItems = computed<DropdownMenuItem[][]>(() => [
   [
     {
@@ -198,6 +215,11 @@ const profileMenuItems = computed<DropdownMenuItem[][]>(() => [
       icon: "solar:palette-linear",
       children: appearanceChildren.value
     },
+    {
+      label: t("Menu.Tool"),
+      icon: "lucide:wrench",
+      children: toolChildren.value
+    },
     {
       label: t("Common.Language"),
       icon: "solar:global-outline",
@@ -245,6 +267,54 @@ function handleLanguageChange(code: LangType) {
   selectedLanguage.value = code;
 }
 
+async function openToolWindow(
+  label: string,
+  title: string,
+  path: string,
+  width: number,
+  height: number,
+  minWidth: number,
+  minHeight: number
+) {
+  const url = localePath({ path });
+
+  try {
+    const existing = await useTauriWebviewWindowWebviewWindow.getByLabel(label);
+
+    if (existing) {
+      if (await existing.isMinimized()) {
+        await existing.unminimize();
+      }
+
+      if (!(await existing.isVisible())) {
+        await existing.show();
+      }
+
+      await existing.setFocus();
+      return;
+    }
+
+    const isMac = isMacOS.value;
+
+    // eslint-disable-next-line no-new
+    new useTauriWebviewWindowWebviewWindow(label, {
+      title,
+      url,
+      width,
+      height,
+      minWidth,
+      minHeight,
+      hiddenTitle: true,
+      titleBarStyle: "overlay",
+      trafficLightPosition: new LogicalPosition(10, 22),
+      decorations: isMac,
+      shadow: isMac
+    });
+  } catch {
+    await navigateTo(url);
+  }
+}
+
 /**
  * @description 标准化站点输入：去除首尾空格 + 去除末尾斜杠
  * @param value 站点输入

ui/components/SideBar/sideBar.vue

@@ -35,12 +35,6 @@ const sideBarItems = computed<NavigationMenuItem[]>(() => {
       to: localePath("windows"),
       disabled: isLoading.value
     },
-    {
-      label: t("Menu.Other"),
-      icon: "lucide:boxes",
-      to: localePath("other"),
-      disabled: isLoading.value
-    },
     {
       label: t("Menu.Database"),
       icon: "gravity-ui:database",
@@ -60,25 +54,15 @@ const sideBarItems = computed<NavigationMenuItem[]>(() => {
       disabled: isLoading.value
     },
     {
-      label: t("Menu.Favorite"),
-      icon: "gravity-ui:star",
-      to: localePath("favorite"),
-      disabled: isLoading.value
-    },
-    {
-      label: t("Menu.Tool"),
-      type: "label"
-    },
-    {
-      label: t("Menu.Player"),
-      icon: "lucide:clapperboard",
-      to: localePath("videoplayer"),
+      label: t("Menu.Other"),
+      icon: "lucide:boxes",
+      to: localePath("other"),
       disabled: isLoading.value
     },
     {
-      label: t("Menu.Transcode"),
-      icon: "lucide:repeat-2",
-      to: localePath({ path: "/transcode" }),
+      label: t("Menu.Favorite"),
+      icon: "gravity-ui:star",
+      to: localePath("favorite"),
       disabled: isLoading.value
     }
   ];