[feat] basic open path but having issue of path with spaces

src-tauri/src/cmds.rs

@@ -43,6 +43,11 @@ pub fn get_cs_path(name: &str) -> Result<String, String> {
     wrap_err!(steam::path::get_cs_path(name))
 }
 
+#[tauri::command]
+pub fn open_path(path: &str) -> Result<(), String> {
+    wrap_err!(common::open_path(path))
+}
+
 #[tauri::command]
 pub fn get_powerplan() -> Result<String, String> {
     #[cfg(target_os = "windows")]

src-tauri/src/main.rs

@@ -93,6 +93,7 @@ fn main() {
             cmds::kill_steam,
             cmds::get_steam_path,
             cmds::get_cs_path,
+            cmds::open_path,
             cmds::get_powerplan,
             cmds::set_powerplan,
             cmds::set_auto_login_user,

src-tauri/src/tool/common.rs

@@ -15,6 +15,7 @@ pub fn run_steam() -> std::io::Result<std::process::Output> {
         .output()
 }
 
+// FIXME wmic is deprecated
 pub fn get_exe_path(name: &str) -> Result<String, std::io::Error> {
     let command = format!("/C wmic process where name='{}' get ExecutablePath", name);
     let args = command.split_whitespace().collect::<Vec<&str>>();
@@ -33,3 +34,12 @@ pub fn get_exe_path(name: &str) -> Result<String, std::io::Error> {
         "Failed to get executable path",
     ))
 }
+
+pub fn open_path(path: &str) -> Result<(), std::io::Error> {
+    let p = format!("file:///{}", path);
+    Command::new("explorer")
+        .args([p])
+        .spawn()
+        .expect("Failed to open path");
+    Ok(())
+}

src/app/(main)/gear/page.tsx

@@ -9,6 +9,7 @@ import {
 import { ToolButton } from "@/components/window/ToolButton"
 import { Chip } from "@heroui/react"
 import { Refresh, SettingConfig } from "@icon-park/react"
+import { version } from "@tauri-apps/plugin-os"
 import { useEffect, useState } from "react"
 import { type AllSystemInfo, allSysInfo } from "tauri-plugin-system-info-api"
 export default function Page() {
@@ -42,6 +43,8 @@ function HardwareInfo() {
   // const [staticData, setStaticData] = useState("")
   // const [cpuData, setCpuData] = useState("")
   // const [batteryData, setBatteryData] = useState("")
+  const osVersion = version()
+
 
   useEffect(() => {
     const fetchData = async () => {
@@ -62,7 +65,7 @@ function HardwareInfo() {
       <Chip>CPU型号： {allSysData?.cpus[0]?.brand}</Chip>
       <Chip>线程数： {allSysData?.cpu_count}</Chip>
       <Chip>
-        系统： {allSysData?.name} {allSysData?.os_version}
+        系统： {allSysData?.name} {allSysData?.os_version} {osVersion}
       </Chip>
       <Chip>
         内存：

src/components/cstb/CommonDir.tsx

@@ -1,6 +1,10 @@
 import { addToast } from "@heroui/react"
 import { FolderFocusOne } from "@icon-park/react"
 import { Card, CardBody, CardHeader, CardIcon } from "../window/Card"
+import { invoke } from "@tauri-apps/api/core"
+import { configDir } from "@tauri-apps/api/path"
+import { useSteamStore } from "@/store/steam"
+import path from "path"
 
 interface RoundedButtonProps {
   children?: React.ReactNode
@@ -22,6 +26,8 @@ const RoundedButton = ({
 }
 
 const CommonDir = () => {
+  const steam = useSteamStore()
+
   return (
     <Card>
       <CardHeader>
@@ -32,50 +38,68 @@ const CommonDir = () => {
       <CardBody>
         <div className="flex gap-1.5">
           <RoundedButton
-            onClick={() => {
-              // 调用 tauri api open steam.Dir
+            onClick={async () => {
+              await invoke("open_path", {
+                path: steam.state.steamDir,
+              })
               addToast({ title: "Steam安装位置" })
             }}
           >
             Steam安装位置
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              await invoke("open_path", {
+                path: path.join(steam.state.cs2Dir, "game", "csgo", "cfg"),
+              })
               addToast({ title: "CS2游戏目录" })
             }}
           >
             CS2游戏目录
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              await invoke("open_path", {
+                path: path.join(steam.state.cs2Dir, "game", "csgo", "maps"),
+              })
               addToast({ title: "地图文件" })
             }}
           >
             地图文件
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              await invoke("open_path", {
+                path: path.join(steam.state.cs2Dir, "game", "csgo", "cfg"),
+              })
               addToast({ title: "游戏CFG目录" })
             }}
           >
             游戏CFG目录
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              await invoke("open_path", {
+                path: path.join(steam.state.steamDir, "userdata"),
+              })
               addToast({ title: "个人CFG目录" })
             }}
           >
             个人CFG目录
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              const appDataDirPath = await configDir()
+              await invoke("open_path", { path: `${appDataDirPath}/Wmpvp/demo` })
               addToast({ title: "完美平台录像" })
             }}
           >
             完美平台录像
           </RoundedButton>
           <RoundedButton
-            onClick={() => {
+            onClick={async () => {
+              const appDataDirPath = await configDir()
+              await invoke("open_path", { path: `${appDataDirPath}/5E对战平台/demo` })
               addToast({ title: "5E平台录像" })
             }}
           >