Merge pull request #24 from BernardXiong/branch_dev

完善更多特性，UI，自动刷新功能等；

Author: BernardXiong

src/dock.ts

@@ -341,6 +341,28 @@ export function initDockView(context: vscode.ExtensionContext) {
     context.subscriptions.push(view);
     vscode.commands.registerCommand('extension.refreshRTThread', () => refreshProjectFilesAndGroups());
 
+    // Auto-refresh trees when project/workspace descriptors change
+    const workspaceFolder = vscode.workspace.workspaceFolders?.[0];
+    if (workspaceFolder) {
+        const projectJsonPattern = new vscode.RelativePattern(workspaceFolder, '.vscode/project.json');
+        const workspaceJsonPattern = new vscode.RelativePattern(workspaceFolder, '.vscode/workspace.json');
+
+        const projectWatcher = vscode.workspace.createFileSystemWatcher(projectJsonPattern);
+        const workspaceWatcher = vscode.workspace.createFileSystemWatcher(workspaceJsonPattern);
+
+        const triggerRefresh = () => vscode.commands.executeCommand('extension.refreshRTThread');
+
+        projectWatcher.onDidChange(triggerRefresh);
+        projectWatcher.onDidCreate(triggerRefresh);
+        projectWatcher.onDidDelete(triggerRefresh);
+
+        workspaceWatcher.onDidChange(triggerRefresh);
+        workspaceWatcher.onDidCreate(triggerRefresh);
+        workspaceWatcher.onDidDelete(triggerRefresh);
+
+        context.subscriptions.push(projectWatcher, workspaceWatcher);
+    }
+
     // update$(cpus)
     const cpus = os.cpus().length;
     for (const [key, value] of Object.entries(cmds)) {
@@ -360,4 +382,3 @@ export function initDockView(context: vscode.ExtensionContext) {
     const treeDataprovider = new CmdTreeDataProvider();
     context.subscriptions.push(vscode.window.registerTreeDataProvider("treeId", treeDataprovider));
 }
-

src/vue/setting/view/environment/index.vue

@@ -32,10 +32,10 @@
                         <p class="status-title">RT-Thread Env 状态：</p>
                         <ul class="info-text">
                             <li v-if="envInfo.envStatus.installed">
-                                <el-tag type="success" effect="plain">✅ 已安装 - 版本 {{ envInfo.envStatus.envVersion || 'Unknown' }}</el-tag>
+                                <label>✅ 已安装 - 版本 {{ envInfo.envStatus.envVersion || 'Unknown' }}</label>
                             </li>
                             <li v-else>
-                                <el-tag type="warning" effect="plain">❌ 未安装</el-tag>
+                                <label>❌ 未安装</label>
                             </li>
                             <li>安装路径: {{ envInfo.envStatus.path }}</li>
                             <li v-if="envInfo.envStatus.envGitRev">

src/vue/setting/view/sdk/index.vue

@@ -61,15 +61,13 @@
                 <template #default="scope">
                     <div class="install-status">
                         <template v-if="scope.row.installed">
-                            <el-tag type="success" size="small">已安装</el-tag>
-                            <span class="installed-version">{{ scope.row.installedVersion }}</span>
+                            <label>已安装：{{ scope.row.installedVersion }}</label>
                         </template>
                         <template v-else-if="scope.row.selectedVersion">
-                            <el-tag type="warning" size="small">待安装</el-tag>
-                            <span class="selected-version">{{ scope.row.selectedVersion }}</span>
+                            <label>待安装：{{ scope.row.selectedVersion }}</label>
                         </template>
                         <template v-else>
-                            <el-tag type="info" size="small">未安装</el-tag>
+                            <label>未安装</label>
                         </template>
                     </div>
                 </template>
@@ -134,6 +132,7 @@
 import { ref, onMounted, computed, nextTick, onBeforeUnmount } from 'vue';
 import { sendCommand, showMessage } from '../../../api/vscode';
 import XTerminal from '../../../components/XTerminal.vue';
+import { languages } from 'vscode';
 
 // SDK包版本信息接口
 interface SDKVersion {

src/vue/setting/view/toolchains/index.less

@@ -72,13 +72,17 @@
   display: flex;
   column-gap: @spacing-sm;
   align-items: center;
+  width: 100%;
 
+  // Make the path input flexibly take available width
   .el-input {
-    flex: 1;
+    flex: 1 1 0;
+    min-width: 0; // allow shrinking in flex container
   }
 
   .el-button {
     min-width: 80px;
+    flex: 0 0 auto; // keep button size stable
   }
 }