支持单独打开资源

Author: Silwings-git

src-tauri/src/api/launcher_api.rs

@@ -314,6 +314,13 @@ pub async fn launch(
     Ok(())
 }
 
+/// 打开路径
+#[tauri::command]
+pub async fn open_path(app: AppHandle, path: &str) -> Result<(), OneClickLaunchError> {
+    open_using_default_program(&app, path)?;
+    Ok(())
+}
+
 pub fn launch_resources(app: &AppHandle, resources: &[LauncherResource]) {
     for resource in resources.iter() {
         if let Err(e) = open_using_default_program(app, resource.path.as_str()) {

src-tauri/src/lib.rs

@@ -143,6 +143,7 @@ pub async fn run() -> Result<()> {
             launcher_api::delete_resource,
             launcher_api::query_launchers,
             launcher_api::launch,
+            launcher_api::open_path,
             setting_api::save_setting,
             setting_api::read_setting,
             setting_api::read_all_setting,

src/launcher.vue

@@ -54,15 +54,24 @@
                     </span>
                     <input v-if="editingResourceState.get(item.id)" v-model="newResourceName" class="name-input"
                         @blur="saveResourceName(item)" @keyup.enter="saveResourceName(item)" />
-                    <span>{{ item.path }}</span>
+                    <span>
+                        {{ item.path }}
+                    </span>
                 </span>
-                <button class="delete-button" @click="deleteRow(item.id)" title="删除">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16"
-                        height="16">
-                        <path
-                            d="M9 3v1H4v2h16V4h-5V3H9zM5 7v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7H5zm4 2h2v8H9V9zm4 0h2v8h-2V9z" />
-                    </svg>
-                </button>
+                <Press class="press" theme="outline" size="19" @click="openPath(item)" />
+                <el-popconfirm title="确定要删除吗？" confirm-button-text="确认" cancel-button-text="取消"
+                    @confirm="deleteRow(item.id)">
+                    <template #reference>
+                        <button class="delete-button" title="删除">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16"
+                                height="16">
+                                <path
+                                    d="M9 3v1H4v2h16V4h-5V3H9zM5 7v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7H5zm4 2h2v8H9V9zm4 0h2v8h-2V9z" />
+                            </svg>
+                        </button>
+                    </template>
+                </el-popconfirm>
+
             </div>
         </div>
         <button class="launch-button" :disabled="isLaunching" @click="launch">
@@ -88,6 +97,7 @@ import { invoke } from "@tauri-apps/api/core";
 import { useToast } from "vue-toastification";
 import { platform } from '@tauri-apps/plugin-os'
 import { ref, reactive, onMounted, nextTick, onBeforeMount } from 'vue';
+import { Press } from '@icon-park/vue-next';
 
 export default {
     props: {
@@ -96,6 +106,9 @@ export default {
             required: true, // 确保传入数据
         },
     },
+    components: {
+        Press
+    },
     setup(props, { emit }) {
         const toast = useToast()
         // 控制下拉菜单的显示
@@ -206,6 +219,10 @@ export default {
                 isLaunching.value = false; // 恢复按钮状态
             }
         };
+        const openPath = async (item) => {
+            await invoke("open_path", { path: item.path });
+            toast.success(item.name + " 已打开！");
+        };
         const showAddUrlDialog = () => {
             showDialog.value = true; // 打开添加网址的对话框
             dropdownVisible.value = false; // 关闭下拉菜单
@@ -269,7 +286,8 @@ export default {
             closeDialog,
             moveLauncher,
             debounce,
-            debouncedLaunch
+            debouncedLaunch,
+            openPath
         };
     }
 };
@@ -521,4 +539,21 @@ hr {
 .mo-launcher {
     font-size: 18px;
 }
+
+.press {
+    transition: transform 0.3s ease, fill 0.3s ease;
+    color: #a19797;
+}
+
+.press:hover {
+    transform: scale(1.05);
+    color: #218838;
+}
+
+.press:active {
+    /* 点击时更深的绿色 */
+    color: #1e7e34;
+    /* 点击时缩小效果 */
+    transform: scale(0.95);
+}
 </style>