lint(web): [大量改动] 格式化前端代码

Author: xerrors

AGENTS.md

@@ -25,7 +25,7 @@ Don't create helpers, utilities, or abstractions for one-time operations. Don't
 - Icon 应该从 @ant-design/icons-vue 或者 lucide-vue-next （推荐，但是需要注意尺寸）
 - Vue 中的样式使用 less，非必要情况必须使用[base.css](web/src/assets/css/base.css) 中的颜色变量。
 - UI风格要简洁，同时要保持一致性，不要悬停位移，不要过度使用阴影以及渐变色。
-- 绝对不要尝试使用 npm/pnpm 等等运行前端开发服务器。
+- 开发完成后，可以在 docker 的 web 文件夹下，运行 npm run format 格式化代码
 
 
 ### 后端开发规范

CLAUDE.md

@@ -25,7 +25,7 @@ Don't create helpers, utilities, or abstractions for one-time operations. Don't
 - Icon 应该从 @ant-design/icons-vue 或者 lucide-vue-next （推荐，但是需要注意尺寸）
 - Vue 中的样式使用 less，非必要情况必须使用[base.css](web/src/assets/css/base.css) 中的颜色变量。
 - UI风格要简洁，同时要保持一致性，不要悬停位移，不要过度使用阴影以及渐变色。
-- 绝对不要尝试使用 npm/pnpm 等等运行前端开发服务器。
+- 开发完成后，可以在 docker 的 web 文件夹下，运行 npm run format 格式化代码
 
 
 ### 后端开发规范

web/src/App.vue

@@ -1,25 +1,22 @@
 <script setup>
-import zhCN from 'ant-design-vue/es/locale/zh_CN';
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
 import { useAgentStore } from '@/stores/agent'
 import { useUserStore } from '@/stores/user'
 import { useThemeStore } from '@/stores/theme'
 import { onMounted } from 'vue'
 
-const agentStore = useAgentStore();
-const userStore = useUserStore();
-const themeStore = useThemeStore();
+const agentStore = useAgentStore()
+const userStore = useUserStore()
+const themeStore = useThemeStore()
 
 onMounted(async () => {
   if (userStore.isLoggedIn) {
-    await agentStore.initialize();
+    await agentStore.initialize()
   }
 })
 </script>
 <template>
-  <a-config-provider
-    :theme="themeStore.currentTheme"
-    :locale="zhCN"
-  >
+  <a-config-provider :theme="themeStore.currentTheme" :locale="zhCN">
     <router-view />
   </a-config-provider>
 </template>

web/src/apis/agent_api.js

@@ -7,8 +7,6 @@ import { useUserStore } from '@/stores/user'
  * 权限要求: 任何已登录用户（普通用户、管理员、超级管理员）
  */
 
-
-
 // =============================================================================
 // === 智能体聊天分组 ===
 // =============================================================================
@@ -21,11 +19,11 @@ export const agentApi = {
    * @returns {Promise} - 聊天响应流
    */
   sendAgentMessage: (agentId, data, options = {}) => {
-    const { signal, headers: extraHeaders, ...restOptions } = options || {};
+    const { signal, headers: extraHeaders, ...restOptions } = options || {}
     const baseHeaders = {
       'Content-Type': 'application/json',
       ...useUserStore().getAuthHeaders()
-    };
+    }
 
     return fetch(`/api/chat/agent/${agentId}`, {
       method: 'POST',
@@ -71,15 +69,17 @@ export const agentApi = {
    * @param {string} threadId - 会话ID
    * @returns {Promise} - 历史消息
    */
-  getAgentHistory: (agentId, threadId) => apiGet(`/api/chat/agent/${agentId}/history?thread_id=${threadId}`),
+  getAgentHistory: (agentId, threadId) =>
+    apiGet(`/api/chat/agent/${agentId}/history?thread_id=${threadId}`),
 
   /**
    * 获取指定会话的 AgentState
    * @param {string} agentId - 智能体ID
    * @param {string} threadId - 会话ID
    * @returns {Promise} - AgentState
    */
-  getAgentState: (agentId, threadId) => apiGet(`/api/chat/agent/${agentId}/state?thread_id=${threadId}`),
+  getAgentState: (agentId, threadId) =>
+    apiGet(`/api/chat/agent/${agentId}/state?thread_id=${threadId}`),
 
   /**
    * Submit feedback for a message
@@ -111,7 +111,8 @@ export const agentApi = {
    * @param {Array} models - 选中的模型列表
    * @returns {Promise} - 更新结果
    */
-  updateProviderModels: (provider, models) => apiPost(`/api/chat/models/update?model_provider=${provider}`, models),
+  updateProviderModels: (provider, models) =>
+    apiPost(`/api/chat/models/update?model_provider=${provider}`, models),
 
   /**
    * 获取智能体配置
@@ -130,8 +131,8 @@ export const agentApi = {
    * @returns {Promise} - 保存结果
    */
   saveAgentConfig: async (agentName, config, options = {}) => {
-    const queryParams = new URLSearchParams(options).toString();
-    const url = `/api/chat/agent/${agentName}/config` + (queryParams ? `?${queryParams}` : '');
+    const queryParams = new URLSearchParams(options).toString()
+    const url = `/api/chat/agent/${agentName}/config` + (queryParams ? `?${queryParams}` : '')
     return apiAdminPost(url, config)
   },
 
@@ -152,11 +153,11 @@ export const agentApi = {
    * @returns {Promise} - 恢复响应流
    */
   resumeAgentChat: (agentId, data, options = {}) => {
-    const { signal, headers: extraHeaders, ...restOptions } = options || {};
+    const { signal, headers: extraHeaders, ...restOptions } = options || {}
     const baseHeaders = {
       'Content-Type': 'application/json',
       ...useUserStore().getAuthHeaders()
-    };
+    }
 
     return fetch(`/api/chat/agent/${agentId}/resume`, {
       method: 'POST',
@@ -171,7 +172,6 @@ export const agentApi = {
   }
 }
 
-
 // =============================================================================
 // === 多模态图片支持分组 ===
 // =============================================================================
@@ -183,16 +183,19 @@ export const multimodalApi = {
    * @returns {Promise} - 上传结果
    */
   uploadImage: (file) => {
-    const formData = new FormData();
-    formData.append('file', file);
-
-    return apiRequest('/api/chat/image/upload', {
-      method: 'POST',
-      body: formData,
-    }, true);
-  },
+    const formData = new FormData()
+    formData.append('file', file)
 
-  };
+    return apiRequest(
+      '/api/chat/image/upload',
+      {
+        method: 'POST',
+        body: formData
+      },
+      true
+    )
+  }
+}
 
 // =============================================================================
 // === 对话线程分组 ===
@@ -205,8 +208,8 @@ export const threadApi = {
    * @returns {Promise} - 对话线程列表
    */
   getThreads: (agentId) => {
-    const url = `/api/chat/threads?agent_id=${agentId}`;
-    return apiGet(url);
+    const url = `/api/chat/threads?agent_id=${agentId}`
+    return apiGet(url)
   },
 
   /**
@@ -216,11 +219,12 @@ export const threadApi = {
    * @param {Object} metadata - 元数据
    * @returns {Promise} - 创建结果
    */
-  createThread: (agentId, title, metadata) => apiPost('/api/chat/thread', {
-    agent_id: agentId,
-    title: title || '新的对话',
-    metadata: metadata || {}
-  }),
+  createThread: (agentId, title, metadata) =>
+    apiPost('/api/chat/thread', {
+      agent_id: agentId,
+      title: title || '新的对话',
+      metadata: metadata || {}
+    }),
 
   /**
    * 更新对话线程
@@ -229,10 +233,11 @@ export const threadApi = {
    * @param {string} description - 对话描述
    * @returns {Promise} - 更新结果
    */
-  updateThread: (threadId, title, description) => apiPut(`/api/chat/thread/${threadId}`, {
-    title,
-    description
-  }),
+  updateThread: (threadId, title, description) =>
+    apiPut(`/api/chat/thread/${threadId}`, {
+      title,
+      description
+    }),
 
   /**
    * 删除对话线程
@@ -269,5 +274,6 @@ export const threadApi = {
    * @param {string} fileId
    * @returns {Promise}
    */
-  deleteThreadAttachment: (threadId, fileId) => apiDelete(`/api/chat/thread/${threadId}/attachments/${fileId}`)
-};
+  deleteThreadAttachment: (threadId, fileId) =>
+    apiDelete(`/api/chat/thread/${threadId}/attachments/${fileId}`)
+}

web/src/apis/base.js

@@ -22,8 +22,8 @@ export async function apiRequest(url, options = {}, requiresAuth = true, respons
       ...options,
       headers: {
         ...(!isFormData ? { 'Content-Type': 'application/json' } : {}),
-        ...options.headers,
-      },
+        ...options.headers
+      }
     }
 
     // 如果需要认证，添加认证头
@@ -50,12 +50,12 @@ export async function apiRequest(url, options = {}, requiresAuth = true, respons
         status: response.status,
         statusText: response.statusText,
         headers: Object.fromEntries(response.headers.entries())
-      });
+      })
 
       try {
         errorData = await response.json()
         errorMessage = errorData.detail || errorData.message || errorMessage
-        console.log('API错误详情:', errorData);
+        console.log('API错误详情:', errorData)
 
         // 如果是422错误，打印更详细的信息
         if (response.status === 422) {
@@ -65,11 +65,11 @@ export async function apiRequest(url, options = {}, requiresAuth = true, respons
             requestHeaders: requestOptions.headers,
             requestBody: requestOptions.body,
             responseData: errorData
-          });
+          })
         }
       } catch (e) {
         // 如果无法解析JSON，使用默认错误信息
-        console.log('无法解析错误响应JSON:', e);
+        console.log('无法解析错误响应JSON:', e)
       }
 
       // 特殊处理401和403错误
@@ -78,11 +78,12 @@ export async function apiRequest(url, options = {}, requiresAuth = true, respons
         const userStore = useUserStore()
 
         // 检查是否是token过期
-        const isTokenExpired = errorData &&
+        const isTokenExpired =
+          errorData &&
           (errorData.detail?.includes('令牌已过期') ||
-           errorData.detail?.includes('token expired') ||
-           errorMessage?.includes('令牌已过期') ||
-           errorMessage?.includes('token expired'))
+            errorData.detail?.includes('token expired') ||
+            errorMessage?.includes('令牌已过期') ||
+            errorMessage?.includes('token expired'))
 
         message.error(isTokenExpired ? '登录已过期，请重新登录' : '认证失败，请重新登录')
 
@@ -225,13 +226,11 @@ export function apiDelete(url, options = {}, requiresAuth = true, responseType =
   return apiRequest(url, { method: 'DELETE', ...options }, requiresAuth, responseType)
 }
 
-
 export function apiAdminDelete(url, options = {}) {
   checkAdminPermission()
   return apiDelete(url, options, true)
 }
 
-
 export function apiSuperAdminDelete(url, options = {}) {
   checkSuperAdminPermission()
   return apiDelete(url, options, true)

web/src/apis/dashboard_api.js

@@ -130,5 +130,3 @@ export const dashboardApi = {
     return apiAdminGet(`/api/dashboard/stats/calls/timeseries?type=${type}&time_range=${timeRange}`)
   }
 }
-
-