优化：代码质量提升，修复重复逻辑和语法高亮支持

- 简化计算属性，删除重复代码
- 优化文件扩展名获取逻辑
- 新增文件工具函数库 fileHelpers.js
- 增强 CodeEditor 语法高亮（支持 30+ 语言）
- 修复 Office 文档文件服务器访问权限
- 添加特殊文件名支持（Dockerfile、Makefile 等）

web/src/App.vue

@@ -49,11 +49,10 @@
     </a-layout-header>
     <a-layout-content class="content">
       <!-- 动态渲染 Tab 内容 -->
-      <template v-for="tab in visibleTabs" :key="tab.key">
-        <KeepAlive>
-          <component :is="getComponent(tab.key)" v-if="activeTab === tab.key" />
-        </KeepAlive>
-      </template>
+      <!-- 使用 KeepAlive 缓存组件状态，避免切换时重新加载 -->
+      <KeepAlive include="FileSystem,DbCli,DeviceTest">
+        <component :is="getComponent(activeTab)" />
+      </KeepAlive>
     </a-layout-content>
 
     <!-- 设置抽屉 -->