refactor: improve type safety and code clarity in App.vue

Author: BernardXiong

src/vue/projects/App.vue

@@ -21,7 +21,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, nextTick } from 'vue';
+import { onMounted, ref } from 'vue';
+import type { ElTable } from 'element-plus';
 import { imgUrl } from '../assets/img';
 import { sendCommand } from '../api/vscode';
 
@@ -32,7 +33,7 @@ const collapseAll = () => {
     expandedRowKeys.value = []; // 清空展开的行
 };
 
-const tableRef = ref(null);
+const tableRef = ref<InstanceType<typeof ElTable>>();
 const tableData = ref([
     { id: "1", name: 'qemu-virt64-riscv', path: 'qemu-virt64-riscv'}
 ]);
@@ -42,12 +43,10 @@ const reloadBSPProjects = () => {
 };
 
 const saveBSPProjects = () => {
-    let args:string[] = [];
-    if (tableRef.value) {
-        const selectedRows = (tableRef.value as any).getSelectionRows();
-        if (selectedRows.length > 0) {
-            args = selectedRows.map(row => row.path);
-        }
+    let args: string[] = [];
+    const selectedRows = tableRef.value?.getSelectionRows();
+    if (selectedRows && selectedRows.length > 0) {
+        args = selectedRows.map((row: any) => row.path);
     }
 
     sendCommand('saveBSPProjects', [args]);
@@ -63,17 +62,11 @@ onMounted(() => {
         switch (message.command) {
             case 'updateProjects':
                 tableData.value = message.data.dirs;
-                let stars:string[] = message.data.stars;
-                
-                // 使用 nextTick 确保 DOM 更新完成后再执行选择操作
-                nextTick(() => {
-                    tableData.value.forEach((item, index) => {
-                        if (stars.includes(item.path)) {
-                            if (tableRef.value) {
-                                (tableRef.value as any).toggleRowSelection(item, true);
-                            }
-                        }
-                    });
+                let stars: string[] = message.data.stars;
+                tableData.value.forEach((item: any, index: number) => {
+                    if (stars.includes(item.path)) {
+                        tableRef.value?.toggleRowSelection(item, true);
+                    }
                 });
                 
                 loading.value = false; // 停止加载动画