feat: 优化交互

Author: sunxianfu

src/utils/elf/elf-parser.ts

@@ -9,6 +9,7 @@ export class ElfParser {
   private symbolTable!: Buffer;
   private symbolStringTable!: Buffer;
   private is64Bit: boolean = false;
+  private symbols: Symbol[] = [];
 
   constructor(filePath: string) {
     this.buffer = fs.readFileSync(filePath);
@@ -146,7 +147,7 @@ export class ElfParser {
   }
 
   private getSectionName(index: number): string {
-    if (!this.stringTable) return '';
+    if (!this.stringTable) {return '';}
     return this.getString(this.stringTable, index);
   }
 
@@ -169,6 +170,9 @@ export class ElfParser {
   }
 
   public getAllSymbols(): Symbol[] {
+    if(this.symbols.length > 0) {
+      return this.symbols;
+    }
     if (!this.symbolTable || !this.symbolStringTable) {
       return [];
     }
@@ -202,10 +206,10 @@ export class ElfParser {
       }
 
       const size = Number(entry.size);
-      if (size === 0) continue; // Skip symbols with zero size
+      if (size === 0) {continue;} // Skip symbols with zero size
 
       const name = this.getString(this.symbolStringTable, entry.name);
-      if (!name) continue;
+      if (!name) {continue;}
 
       const type = this.getSymbolType(entry.info);
       const sectionName = this.getSectionNameByIndex(entry.shndx);
@@ -219,7 +223,9 @@ export class ElfParser {
       });
     }
 
-    return symbols.sort((a, b) => b.size - a.size);
+
+    this.symbols =  symbols.sort((a, b) => b.size - a.size);
+    return this.symbols;
   }
 
   public getSymbolsBySection(sectionName: string): Symbol[] {

src/utils/elf/handleElf.ts

@@ -20,8 +20,6 @@ export async function handleElf(context: vscode.ExtensionContext, panel: vscode.
   const elfPath = path.join(projectPath, 'rtthread.elf');
   const mapPath = path.join(projectPath, 'rtthread.map');
 
-  console.log('\n==========================================');
-
   // Check if files exist
   const elfExists = fs.existsSync(elfPath);
   const mapExists = fs.existsSync(mapPath);
@@ -40,12 +38,20 @@ export async function handleElf(context: vscode.ExtensionContext, panel: vscode.
 
     // Test getSections
     const sections = analyzer.getSections();
-    panel.webview.postMessage({ eventName: SECTIONS, data: sections, from: 'extension' });
+    const postSections = [];
+    for(let i = 0; i < sections.length; i++) {
+      const section = sections[i];
+      const symbols = analyzer.getSymbolsBySection(section.name);
+      if(symbols.length > 0) {
+        postSections.push(section);
+      }
+    }
+    console.log('\n=== Sections (Top 5) ===', postSections);
+    panel.webview.postMessage({ eventName: SECTIONS, data: postSections, from: 'extension' });
 
     // 监听 Webview 发送的消息
     panel.webview.onDidReceiveMessage(
       (message) => {
-        console.log('Received message:', message);
         // 根据消息中的 command 处理不同逻辑
         switch (message.eventName) {
           case SYMBOLS_BY_SECTION:

src/vue/analyze/App.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <Banner sub-title="分析" />
 
-    <div>
+    <div class="content_area">
       <el-tabs
         v-model="activeName"
         class="demo-tabs"
@@ -13,7 +13,8 @@
           :label="item.name"
           :name="item.name"
         >
-          <el-table :data="tableData" style="width: 100%">
+          <el-table :data="tableData" style="width: 100%"  v-loading="tableLoading" >
+">
             <el-table-column
               v-for="item in tableColumns"
               :prop="item.prop"
@@ -45,7 +46,7 @@ const SYMBOLS_BY_SECTION_FROM_ELF = "symbolsBySectionFromElf";
 
 const activeName = ref();
 
-
+const tableLoading = ref(true);
 
 const tableColumns = [
   {
@@ -58,7 +59,7 @@ const tableColumns = [
   },
   {
     label: "地址",
-    prop: "addr",
+    prop: "address",
   },
   {
     label: "大小",
@@ -79,6 +80,7 @@ const handleSentMessage = (sectionName: string) => {
 };
 
 const handleVChanged = (name: TabPaneName) => {
+  tableLoading.value = true;
   handleSentMessage(`${name}`)
 };
 
@@ -99,6 +101,7 @@ onMounted(() => {
         break;
 
       case SYMBOLS_BY_SECTION_FROM_ELF:
+        tableLoading.value = false;
         tableData.value = message.data;
         break;
       default:
@@ -112,6 +115,7 @@ onMounted(() => {
 .container {
   padding: 0;
   background-color: #fff;
+  min-height: 100vh;
 }
 
 .demo-tabs > .el-tabs__content {