Merge branch 'sunxianfu' into 'dev'

feat: 1.增加banner主题切换 2.优化表格滚动 3. 优化图标

See merge request cooperation/vscode-rt-smart!7

Author: BernardXiong

src/dock.ts

@@ -48,15 +48,15 @@ class CmdTreeDataProvider implements vscode.TreeDataProvider<vscode.TreeItem> {
             };
 
             let analyze = new vscode.TreeItem("Analyze", vscode.TreeItemCollapsibleState.None);
-            analyze.iconPath = new vscode.ThemeIcon("file");
+            analyze.iconPath = new vscode.ThemeIcon("search-fuzzy");
             analyze.label = "Analyze";
             analyze.command = {
                 command: "extension.showAnalyze",
                 title: "show Analyze page",
                 arguments: [],
             };
 
-            return [createProject, rtSetting, about, analyze];
+            return [analyze, createProject, rtSetting, about, ];
         }
 
         if (!element) {

src/vue/analyze/App.vue

@@ -13,8 +13,12 @@
           :label="item.name"
           :name="item.name"
         >
-          <el-table :data="tableData" style="width: 100%"  v-loading="tableLoading" >
-">
+          <el-table
+            :data="tableData"
+            style="width: 100%"
+            v-loading="tableLoading"
+            max-height="70vh"
+          >
             <el-table-column
               v-for="item in tableColumns"
               :prop="item.prop"
@@ -81,16 +85,16 @@ const handleSentMessage = (sectionName: string) => {
 
 const handleVChanged = (name: TabPaneName) => {
   tableLoading.value = true;
-  handleSentMessage(`${name}`)
+  handleSentMessage(`${name}`);
 };
 
 const sections = ref<Section[]>([]);
 
 onMounted(() => {
   window.addEventListener("message", (event) => {
     const message = event.data;
-    if(message.from !== 'extension') {
-        return;
+    if (message.from !== "extension") {
+      return;
     }
     console.log(message);
     switch (message.eventName) {

src/vue/components/Banner.vue

@@ -36,7 +36,8 @@ window.addEventListener('message', (e) => {
   display: flex;
   padding: 20px;
   gap: 8px;
-  background: #fff;
+  background: var(--vscode-editor-background);
+  color: var(--vscode-editor-foreground);
 }
 .logo {
   height: 60px;
@@ -48,12 +49,12 @@ window.addEventListener('message', (e) => {
 h1 {
   font-size: 16px;
   font-weight: 500;
-  color: #000;
+  color: var(--vscode-editor-foreground);
   margin: 0;
 }
 p {
   font-size: 12px;
-  color: #000;
+  color: var(--vscode-editor-foreground);
   margin: 4px 0 8px;
 }
 .bar {