diff --git a/apps/web-antd/src/api/bpm/category/index.ts b/apps/web-antd/src/api/bpm/category/index.ts
index d9926a3a8..852b2a868 100644
--- a/apps/web-antd/src/api/bpm/category/index.ts
+++ b/apps/web-antd/src/api/bpm/category/index.ts
@@ -15,12 +15,17 @@ export namespace BpmCategoryApi {
 
 /** 查询流程分类分页 */
 export async function getCategoryPage(params: PageParam) {
-  return requestClient.get<PageResult<BpmCategoryApi.CategoryVO>>('/bpm/category/page', { params });
+  return requestClient.get<PageResult<BpmCategoryApi.CategoryVO>>(
+    '/bpm/category/page',
+    { params },
+  );
 }
 
 /** 查询流程分类详情 */
 export async function getCategory(id: number) {
-  return requestClient.get<BpmCategoryApi.CategoryVO>(`/bpm/category/get?id=${id}`);
+  return requestClient.get<BpmCategoryApi.CategoryVO>(
+    `/bpm/category/get?id=${id}`,
+  );
 }
 
 /** 新增流程分类 */
diff --git a/apps/web-antd/src/api/infra/api-access-log/index.ts b/apps/web-antd/src/api/infra/api-access-log/index.ts
index 4eb727fb7..656e38084 100644
--- a/apps/web-antd/src/api/infra/api-access-log/index.ts
+++ b/apps/web-antd/src/api/infra/api-access-log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace InfraApiAccessLogApi {
   /** API 访问日志信息 */
-  export interface SystemApiAccessLog {
+  export interface ApiAccessLog {
     id: number;
     traceId: string;
     userId: number;
@@ -30,13 +30,15 @@ export namespace InfraApiAccessLogApi {
 
 /** 查询 API 访问日志列表 */
 export function getApiAccessLogPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraApiAccessLogApi.SystemApiAccessLog>>(
+  return requestClient.get<PageResult<InfraApiAccessLogApi.ApiAccessLog>>(
     '/infra/api-access-log/page',
-    { params }
+    { params },
   );
 }
 
 /** 导出 API 访问日志 */
 export function exportApiAccessLog(params: any) {
-  return requestClient.download('/infra/api-access-log/export-excel', { params });
+  return requestClient.download('/infra/api-access-log/export-excel', {
+    params,
+  });
 }
diff --git a/apps/web-antd/src/api/infra/api-error-log/index.ts b/apps/web-antd/src/api/infra/api-error-log/index.ts
index dcca22c5f..863f73e9b 100644
--- a/apps/web-antd/src/api/infra/api-error-log/index.ts
+++ b/apps/web-antd/src/api/infra/api-error-log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace InfraApiErrorLogApi {
   /** API 错误日志信息 */
-  export interface SystemApiErrorLog {
+  export interface ApiErrorLog {
     id: number;
     traceId: string;
     userId: number;
@@ -34,18 +34,22 @@ export namespace InfraApiErrorLogApi {
 
 /** 查询 API 错误日志列表 */
 export function getApiErrorLogPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraApiErrorLogApi.SystemApiErrorLog>>(
+  return requestClient.get<PageResult<InfraApiErrorLogApi.ApiErrorLog>>(
     '/infra/api-error-log/page',
-    { params }
+    { params },
   );
 }
 
 /** 更新 API 错误日志的处理状态 */
 export function updateApiErrorLogStatus(id: number, processStatus: number) {
-  return requestClient.put(`/infra/api-error-log/update-status?id=${id}&processStatus=${processStatus}`);
+  return requestClient.put(
+    `/infra/api-error-log/update-status?id=${id}&processStatus=${processStatus}`,
+  );
 }
 
 /** 导出 API 错误日志 */
 export function exportApiErrorLog(params: any) {
-  return requestClient.download('/infra/api-error-log/export-excel', { params });
+  return requestClient.download('/infra/api-error-log/export-excel', {
+    params,
+  });
 }
diff --git a/apps/web-antd/src/api/infra/codegen/index.ts b/apps/web-antd/src/api/infra/codegen/index.ts
index 6f3969fb0..d8fea0453 100644
--- a/apps/web-antd/src/api/infra/codegen/index.ts
+++ b/apps/web-antd/src/api/infra/codegen/index.ts
@@ -79,21 +79,30 @@ export namespace InfraCodegenApi {
 
 /** 查询列表代码生成表定义 */
 export function getCodegenTableList(dataSourceConfigId: number) {
-  return requestClient.get<InfraCodegenApi.CodegenTable[]>('/infra/codegen/table/list?', {
-    params: { dataSourceConfigId },
-  });
+  return requestClient.get<InfraCodegenApi.CodegenTable[]>(
+    '/infra/codegen/table/list?',
+    {
+      params: { dataSourceConfigId },
+    },
+  );
 }
 
 /** 查询列表代码生成表定义 */
 export function getCodegenTablePage(params: PageParam) {
-  return requestClient.get<PageResult<InfraCodegenApi.CodegenTable>>('/infra/codegen/table/page', { params });
+  return requestClient.get<PageResult<InfraCodegenApi.CodegenTable>>(
+    '/infra/codegen/table/page',
+    { params },
+  );
 }
 
 /** 查询详情代码生成表定义 */
 export function getCodegenTable(tableId: number) {
-  return requestClient.get<InfraCodegenApi.CodegenDetail>('/infra/codegen/detail', {
-    params: { tableId },
-  });
+  return requestClient.get<InfraCodegenApi.CodegenDetail>(
+    '/infra/codegen/detail',
+    {
+      params: { tableId },
+    },
+  );
 }
 
 /** 修改代码生成表定义 */
@@ -110,9 +119,12 @@ export function syncCodegenFromDB(tableId: number) {
 
 /** 预览生成代码 */
 export function previewCodegen(tableId: number) {
-  return requestClient.get<InfraCodegenApi.CodegenPreview[]>('/infra/codegen/preview', {
-    params: { tableId },
-  });
+  return requestClient.get<InfraCodegenApi.CodegenPreview[]>(
+    '/infra/codegen/preview',
+    {
+      params: { tableId },
+    },
+  );
 }
 
 /** 下载生成代码 */
@@ -124,11 +136,16 @@ export function downloadCodegen(tableId: number) {
 
 /** 获得表定义 */
 export function getSchemaTableList(params: any) {
-  return requestClient.get<InfraCodegenApi.DatabaseTable[]>('/infra/codegen/db/table/list', { params });
+  return requestClient.get<InfraCodegenApi.DatabaseTable[]>(
+    '/infra/codegen/db/table/list',
+    { params },
+  );
 }
 
 /** 基于数据库的表结构，创建代码生成器的表定义 */
-export function createCodegenList(data: InfraCodegenApi.CodegenCreateListReqVO) {
+export function createCodegenList(
+  data: InfraCodegenApi.CodegenCreateListReqVO,
+) {
   return requestClient.post('/infra/codegen/create-list', data);
 }
 
diff --git a/apps/web-antd/src/api/infra/config/index.ts b/apps/web-antd/src/api/infra/config/index.ts
index 059579f23..3911e01c7 100644
--- a/apps/web-antd/src/api/infra/config/index.ts
+++ b/apps/web-antd/src/api/infra/config/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace InfraConfigApi {
   /** 参数配置信息 */
-  export interface InfraConfig {
+  export interface Config {
     id?: number;
     category: string;
     name: string;
@@ -18,28 +19,33 @@ export namespace InfraConfigApi {
 
 /** 查询参数列表 */
 export function getConfigPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraConfigApi.InfraConfig>>('/infra/config/page', {
-    params
-  });
+  return requestClient.get<PageResult<InfraConfigApi.Config>>(
+    '/infra/config/page',
+    {
+      params,
+    },
+  );
 }
 
 /** 查询参数详情 */
 export function getConfig(id: number) {
-  return requestClient.get<InfraConfigApi.InfraConfig>(`/infra/config/get?id=${id}`);
+  return requestClient.get<InfraConfigApi.Config>(`/infra/config/get?id=${id}`);
 }
 
 /** 根据参数键名查询参数值 */
 export function getConfigKey(configKey: string) {
-  return requestClient.get<string>(`/infra/config/get-value-by-key?key=${configKey}`);
+  return requestClient.get<string>(
+    `/infra/config/get-value-by-key?key=${configKey}`,
+  );
 }
 
 /** 新增参数 */
-export function createConfig(data: InfraConfigApi.InfraConfig) {
+export function createConfig(data: InfraConfigApi.Config) {
   return requestClient.post('/infra/config/create', data);
 }
 
 /** 修改参数 */
-export function updateConfig(data: InfraConfigApi.InfraConfig) {
+export function updateConfig(data: InfraConfigApi.Config) {
   return requestClient.put('/infra/config/update', data);
 }
 
@@ -51,6 +57,6 @@ export function deleteConfig(id: number) {
 /** 导出参数 */
 export function exportConfig(params: any) {
   return requestClient.download('/infra/config/export', {
-    params
+    params,
   });
 }
diff --git a/apps/web-antd/src/api/infra/data-source-config/index.ts b/apps/web-antd/src/api/infra/data-source-config/index.ts
index 2b9b7617b..88641f654 100644
--- a/apps/web-antd/src/api/infra/data-source-config/index.ts
+++ b/apps/web-antd/src/api/infra/data-source-config/index.ts
@@ -2,7 +2,7 @@ import { requestClient } from '#/api/request';
 
 export namespace InfraDataSourceConfigApi {
   /** 数据源配置信息 */
-  export interface InfraDataSourceConfig {
+  export interface DataSourceConfig {
     id?: number;
     name: string;
     url: string;
@@ -14,25 +14,33 @@ export namespace InfraDataSourceConfigApi {
 
 /** 查询数据源配置列表 */
 export function getDataSourceConfigList() {
-  return requestClient.get<InfraDataSourceConfigApi.InfraDataSourceConfig[]>('/infra/data-source-config/list');
+  return requestClient.get<InfraDataSourceConfigApi.DataSourceConfig[]>(
+    '/infra/data-source-config/list',
+  );
 }
 
 /** 查询数据源配置详情 */
 export function getDataSourceConfig(id: number) {
-  return requestClient.get<InfraDataSourceConfigApi.InfraDataSourceConfig>(`/infra/data-source-config/get?id=${id}`);
+  return requestClient.get<InfraDataSourceConfigApi.DataSourceConfig>(
+    `/infra/data-source-config/get?id=${id}`,
+  );
 }
 
 /** 新增数据源配置 */
-export function createDataSourceConfig(data: InfraDataSourceConfigApi.InfraDataSourceConfig) {
+export function createDataSourceConfig(
+  data: InfraDataSourceConfigApi.DataSourceConfig,
+) {
   return requestClient.post('/infra/data-source-config/create', data);
 }
 
 /** 修改数据源配置 */
-export function updateDataSourceConfig(data: InfraDataSourceConfigApi.InfraDataSourceConfig) {
+export function updateDataSourceConfig(
+  data: InfraDataSourceConfigApi.DataSourceConfig,
+) {
   return requestClient.put('/infra/data-source-config/update', data);
 }
 
 /** 删除数据源配置 */
 export function deleteDataSourceConfig(id: number) {
   return requestClient.delete(`/infra/data-source-config/delete?id=${id}`);
-}
\ No newline at end of file
+}
diff --git a/apps/web-antd/src/api/infra/demo/demo01/index.ts b/apps/web-antd/src/api/infra/demo/demo01/index.ts
index 287117584..b03a2aef0 100644
--- a/apps/web-antd/src/api/infra/demo/demo01/index.ts
+++ b/apps/web-antd/src/api/infra/demo/demo01/index.ts
@@ -16,12 +16,17 @@ export namespace Demo01ContactApi {
 
 /** 查询示例联系人分页 */
 export function getDemo01ContactPage(params: PageParam) {
-  return requestClient.get<PageResult<Demo01ContactApi.Demo01Contact>>('/infra/demo01-contact/page', { params });
+  return requestClient.get<PageResult<Demo01ContactApi.Demo01Contact>>(
+    '/infra/demo01-contact/page',
+    { params },
+  );
 }
 
 /** 查询示例联系人详情 */
 export function getDemo01Contact(id: number) {
-  return requestClient.get<Demo01ContactApi.Demo01Contact>(`/infra/demo01-contact/get?id=${id}`);
+  return requestClient.get<Demo01ContactApi.Demo01Contact>(
+    `/infra/demo01-contact/get?id=${id}`,
+  );
 }
 
 /** 新增示例联系人 */
diff --git a/apps/web-antd/src/api/infra/demo/demo02/index.ts b/apps/web-antd/src/api/infra/demo/demo02/index.ts
index c231f8d94..45fcb148d 100644
--- a/apps/web-antd/src/api/infra/demo/demo02/index.ts
+++ b/apps/web-antd/src/api/infra/demo/demo02/index.ts
@@ -12,12 +12,17 @@ export namespace Demo02CategoryApi {
 
 /** 查询示例分类列表 */
 export function getDemo02CategoryList(params: any) {
-  return requestClient.get<Demo02CategoryApi.Demo02Category[]>('/infra/demo02-category/list', { params });
+  return requestClient.get<Demo02CategoryApi.Demo02Category[]>(
+    '/infra/demo02-category/list',
+    { params },
+  );
 }
 
 /** 查询示例分类详情 */
 export function getDemo02Category(id: number) {
-  return requestClient.get<Demo02CategoryApi.Demo02Category>(`/infra/demo02-category/get?id=${id}`);
+  return requestClient.get<Demo02CategoryApi.Demo02Category>(
+    `/infra/demo02-category/get?id=${id}`,
+  );
 }
 
 /** 新增示例分类 */
diff --git a/apps/web-antd/src/api/infra/demo/demo03/erp/index.ts b/apps/web-antd/src/api/infra/demo/demo03/erp/index.ts
index a77d78c3f..02183af11 100644
--- a/apps/web-antd/src/api/infra/demo/demo03/erp/index.ts
+++ b/apps/web-antd/src/api/infra/demo/demo03/erp/index.ts
@@ -31,12 +31,17 @@ export namespace Demo03StudentApi {
 
 /** 查询学生分页 */
 export function getDemo03StudentPage(params: PageParam) {
-  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>('/infra/demo03-student/page', { params });
+  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>(
+    '/infra/demo03-student/page',
+    { params },
+  );
 }
 
 /** 查询学生详情 */
 export function getDemo03Student(id: number) {
-  return requestClient.get<Demo03StudentApi.Demo03Student>(`/infra/demo03-student/get?id=${id}`);
+  return requestClient.get<Demo03StudentApi.Demo03Student>(
+    `/infra/demo03-student/get?id=${id}`,
+  );
 }
 
 /** 新增学生 */
@@ -63,9 +68,12 @@ export function exportDemo03Student(params: any) {
 
 /** 获得学生课程分页 */
 export function getDemo03CoursePage(params: PageParam) {
-  return requestClient.get<PageResult<Demo03StudentApi.Demo03Course>>(`/infra/demo03-student/demo03-course/page`, {
-    params,
-  });
+  return requestClient.get<PageResult<Demo03StudentApi.Demo03Course>>(
+    `/infra/demo03-student/demo03-course/page`,
+    {
+      params,
+    },
+  );
 }
 /** 新增学生课程 */
 export function createDemo03Course(data: Demo03StudentApi.Demo03Course) {
@@ -79,21 +87,28 @@ export function updateDemo03Course(data: Demo03StudentApi.Demo03Course) {
 
 /** 删除学生课程 */
 export function deleteDemo03Course(id: number) {
-  return requestClient.delete(`/infra/demo03-student/demo03-course/delete?id=${id}`);
+  return requestClient.delete(
+    `/infra/demo03-student/demo03-course/delete?id=${id}`,
+  );
 }
 
 /** 获得学生课程 */
 export function getDemo03Course(id: number) {
-  return requestClient.get<Demo03StudentApi.Demo03Course>(`/infra/demo03-student/demo03-course/get?id=${id}`);
+  return requestClient.get<Demo03StudentApi.Demo03Course>(
+    `/infra/demo03-student/demo03-course/get?id=${id}`,
+  );
 }
 
 // ==================== 子表（学生班级） ====================
 
 /** 获得学生班级分页 */
 export function getDemo03GradePage(params: PageParam) {
-  return requestClient.get<PageResult<Demo03StudentApi.Demo03Grade>>(`/infra/demo03-student/demo03-grade/page`, {
-    params,
-  });
+  return requestClient.get<PageResult<Demo03StudentApi.Demo03Grade>>(
+    `/infra/demo03-student/demo03-grade/page`,
+    {
+      params,
+    },
+  );
 }
 /** 新增学生班级 */
 export function createDemo03Grade(data: Demo03StudentApi.Demo03Grade) {
@@ -107,10 +122,14 @@ export function updateDemo03Grade(data: Demo03StudentApi.Demo03Grade) {
 
 /** 删除学生班级 */
 export function deleteDemo03Grade(id: number) {
-  return requestClient.delete(`/infra/demo03-student/demo03-grade/delete?id=${id}`);
+  return requestClient.delete(
+    `/infra/demo03-student/demo03-grade/delete?id=${id}`,
+  );
 }
 
 /** 获得学生班级 */
 export function getDemo03Grade(id: number) {
-  return requestClient.get<Demo03StudentApi.Demo03Grade>(`/infra/demo03-student/demo03-grade/get?id=${id}`);
+  return requestClient.get<Demo03StudentApi.Demo03Grade>(
+    `/infra/demo03-student/demo03-grade/get?id=${id}`,
+  );
 }
diff --git a/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts b/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts
index 08dae5165..a83cf4215 100644
--- a/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts
+++ b/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts
@@ -33,12 +33,17 @@ export namespace Demo03StudentApi {
 
 /** 查询学生分页 */
 export function getDemo03StudentPage(params: PageParam) {
-  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>('/infra/demo03-student/page', { params });
+  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>(
+    '/infra/demo03-student/page',
+    { params },
+  );
 }
 
 /** 查询学生详情 */
 export function getDemo03Student(id: number) {
-  return requestClient.get<Demo03StudentApi.Demo03Student>(`/infra/demo03-student/get?id=${id}`);
+  return requestClient.get<Demo03StudentApi.Demo03Student>(
+    `/infra/demo03-student/get?id=${id}`,
+  );
 }
 
 /** 新增学生 */
diff --git a/apps/web-antd/src/api/infra/demo/demo03/normal/index.ts b/apps/web-antd/src/api/infra/demo/demo03/normal/index.ts
index 08dae5165..a83cf4215 100644
--- a/apps/web-antd/src/api/infra/demo/demo03/normal/index.ts
+++ b/apps/web-antd/src/api/infra/demo/demo03/normal/index.ts
@@ -33,12 +33,17 @@ export namespace Demo03StudentApi {
 
 /** 查询学生分页 */
 export function getDemo03StudentPage(params: PageParam) {
-  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>('/infra/demo03-student/page', { params });
+  return requestClient.get<PageResult<Demo03StudentApi.Demo03Student>>(
+    '/infra/demo03-student/page',
+    { params },
+  );
 }
 
 /** 查询学生详情 */
 export function getDemo03Student(id: number) {
-  return requestClient.get<Demo03StudentApi.Demo03Student>(`/infra/demo03-student/get?id=${id}`);
+  return requestClient.get<Demo03StudentApi.Demo03Student>(
+    `/infra/demo03-student/get?id=${id}`,
+  );
 }
 
 /** 新增学生 */
diff --git a/apps/web-antd/src/api/infra/file-config/index.ts b/apps/web-antd/src/api/infra/file-config/index.ts
index d5992d3f0..e8371814e 100644
--- a/apps/web-antd/src/api/infra/file-config/index.ts
+++ b/apps/web-antd/src/api/infra/file-config/index.ts
@@ -1,6 +1,7 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace InfraFileConfigApi {
   /** 文件客户端配置 */
   export interface FileClientConfig {
@@ -18,7 +19,7 @@ export namespace InfraFileConfigApi {
   }
 
   /** 文件配置信息 */
-  export interface InfraFileConfig {
+  export interface FileConfig {
     id?: number;
     name: string;
     storage?: number;
@@ -32,14 +33,19 @@ export namespace InfraFileConfigApi {
 
 /** 查询文件配置列表 */
 export function getFileConfigPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraFileConfigApi.InfraFileConfig>>('/infra/file-config/page', {
-    params
-  });
+  return requestClient.get<PageResult<InfraFileConfigApi.FileConfig>>(
+    '/infra/file-config/page',
+    {
+      params,
+    },
+  );
 }
 
 /** 查询文件配置详情 */
 export function getFileConfig(id: number) {
-  return requestClient.get<InfraFileConfigApi.InfraFileConfig>(`/infra/file-config/get?id=${id}`);
+  return requestClient.get<InfraFileConfigApi.FileConfig>(
+    `/infra/file-config/get?id=${id}`,
+  );
 }
 
 /** 更新文件配置为主配置 */
@@ -48,12 +54,12 @@ export function updateFileConfigMaster(id: number) {
 }
 
 /** 新增文件配置 */
-export function createFileConfig(data: InfraFileConfigApi.InfraFileConfig) {
+export function createFileConfig(data: InfraFileConfigApi.FileConfig) {
   return requestClient.post('/infra/file-config/create', data);
 }
 
 /** 修改文件配置 */
-export function updateFileConfig(data: InfraFileConfigApi.InfraFileConfig) {
+export function updateFileConfig(data: InfraFileConfigApi.FileConfig) {
   return requestClient.put('/infra/file-config/update', data);
 }
 
diff --git a/apps/web-antd/src/api/infra/file/index.ts b/apps/web-antd/src/api/infra/file/index.ts
index 15ce8fae3..785dce14a 100644
--- a/apps/web-antd/src/api/infra/file/index.ts
+++ b/apps/web-antd/src/api/infra/file/index.ts
@@ -1,13 +1,13 @@
+import type { AxiosRequestConfig, PageParam, PageResult } from '@vben/request';
+
 import { requestClient } from '#/api/request';
-import type { PageParam, PageResult } from '@vben/request';
-import type { AxiosRequestConfig } from '@vben/request';
 
 /** Axios 上传进度事件 */
 export type AxiosProgressEvent = AxiosRequestConfig['onUploadProgress'];
 
 export namespace InfraFileApi {
   /** 文件信息 */
-  export interface InfraFile {
+  export interface File {
     id?: number;
     configId?: number;
     path: string;
@@ -34,8 +34,8 @@ export namespace InfraFileApi {
 
 /** 查询文件列表 */
 export function getFilePage(params: PageParam) {
-  return requestClient.get<PageResult<InfraFileApi.InfraFile>>('/infra/file/page', {
-    params
+  return requestClient.get<PageResult<InfraFileApi.File>>('/infra/file/page', {
+    params,
   });
 }
 
@@ -46,17 +46,24 @@ export function deleteFile(id: number) {
 
 /** 获取文件预签名地址 */
 export function getFilePresignedUrl(path: string) {
-  return requestClient.get<InfraFileApi.FilePresignedUrlRespVO>('/infra/file/presigned-url', {
-    params: { path }
-  });
+  return requestClient.get<InfraFileApi.FilePresignedUrlRespVO>(
+    '/infra/file/presigned-url',
+    {
+      params: { path },
+    },
+  );
 }
 
 /** 创建文件 */
-export function createFile(data: InfraFileApi.InfraFile) {
+export function createFile(data: InfraFileApi.File) {
   return requestClient.post('/infra/file/create', data);
 }
 
 /** 上传文件 */
-export function uploadFile(data: InfraFileApi.FileUploadReqVO, onUploadProgress?: AxiosProgressEvent) {
+// TODO @芋艿：这里有爆红
+export function uploadFile(
+  data: InfraFileApi.FileUploadReqVO,
+  onUploadProgress?: AxiosProgressEvent,
+) {
   return requestClient.upload('/infra/file/upload', data, { onUploadProgress });
 }
diff --git a/apps/web-antd/src/api/infra/job-log/index.ts b/apps/web-antd/src/api/infra/job-log/index.ts
index f2c756d61..e115b9df7 100644
--- a/apps/web-antd/src/api/infra/job-log/index.ts
+++ b/apps/web-antd/src/api/infra/job-log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace InfraJobLogApi {
   /** 任务日志信息 */
-  export interface InfraJobLog {
+  export interface JobLog {
     id?: number;
     jobId: number;
     handlerName: string;
@@ -22,12 +22,17 @@ export namespace InfraJobLogApi {
 
 /** 查询任务日志列表 */
 export function getJobLogPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraJobLogApi.InfraJobLog>>('/infra/job-log/page', { params });
+  return requestClient.get<PageResult<InfraJobLogApi.JobLog>>(
+    '/infra/job-log/page',
+    { params },
+  );
 }
 
 /** 查询任务日志详情 */
 export function getJobLog(id: number) {
-  return requestClient.get<InfraJobLogApi.InfraJobLog>(`/infra/job-log/get?id=${id}`);
+  return requestClient.get<InfraJobLogApi.JobLog>(
+    `/infra/job-log/get?id=${id}`,
+  );
 }
 
 /** 导出定时任务日志 */
diff --git a/apps/web-antd/src/api/infra/job/index.ts b/apps/web-antd/src/api/infra/job/index.ts
index 702446921..fcec25c83 100644
--- a/apps/web-antd/src/api/infra/job/index.ts
+++ b/apps/web-antd/src/api/infra/job/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace InfraJobApi {
   /** 任务信息 */
-  export interface InfraJob {
+  export interface Job {
     id?: number;
     name: string;
     status: number;
@@ -20,21 +20,23 @@ export namespace InfraJobApi {
 
 /** 查询任务列表 */
 export function getJobPage(params: PageParam) {
-  return requestClient.get<PageResult<InfraJobApi.InfraJob>>('/infra/job/page', { params });
+  return requestClient.get<PageResult<InfraJobApi.Job>>('/infra/job/page', {
+    params,
+  });
 }
 
 /** 查询任务详情 */
 export function getJob(id: number) {
-  return requestClient.get<InfraJobApi.InfraJob>(`/infra/job/get?id=${id}`);
+  return requestClient.get<InfraJobApi.Job>(`/infra/job/get?id=${id}`);
 }
 
 /** 新增任务 */
-export function createJob(data: InfraJobApi.InfraJob) {
+export function createJob(data: InfraJobApi.Job) {
   return requestClient.post('/infra/job/create', data);
 }
 
 /** 修改定时任务调度 */
-export function updateJob(data: InfraJobApi.InfraJob) {
+export function updateJob(data: InfraJobApi.Job) {
   return requestClient.put('/infra/job/update', data);
 }
 
@@ -52,7 +54,7 @@ export function exportJob(params: any) {
 export function updateJobStatus(id: number, status: number) {
   const params = {
     id,
-    status
+    status,
   };
   return requestClient.put('/infra/job/update-status', { params });
 }
diff --git a/apps/web-antd/src/api/infra/redis/index.ts b/apps/web-antd/src/api/infra/redis/index.ts
index 6a2202833..cb8179da5 100644
--- a/apps/web-antd/src/api/infra/redis/index.ts
+++ b/apps/web-antd/src/api/infra/redis/index.ts
@@ -1,15 +1,8 @@
 import { requestClient } from '#/api/request';
 
 export namespace InfraRedisApi {
-  /** Redis 监控信息 */
-  export interface InfraRedisMonitorInfo {
-    info: InfraRedisInfo;
-    dbSize: number;
-    commandStats: InfraRedisCommandStats[];
-  }
-
   /** Redis 信息 */
-  export interface InfraRedisInfo {
+  export interface RedisInfo {
     io_threaded_reads_processed: string;
     tracking_clients: string;
     uptime_in_seconds: string;
@@ -175,14 +168,23 @@ export namespace InfraRedisApi {
   }
 
   /** Redis 命令统计 */
-  export interface InfraRedisCommandStats {
+  export interface RedisCommandStats {
     command: string;
     calls: number;
     usec: number;
   }
+
+  /** Redis 监控信息 */
+  export interface RedisMonitorInfo {
+    info: RedisInfo;
+    dbSize: number;
+    commandStats: RedisCommandStats[];
+  }
 }
 
 /** 获取 Redis 监控信息 */
 export function getRedisMonitorInfo() {
-  return requestClient.get<InfraRedisApi.InfraRedisMonitorInfo>('/infra/redis/get-monitor-info');
+  return requestClient.get<InfraRedisApi.RedisMonitorInfo>(
+    '/infra/redis/get-monitor-info',
+  );
 }
diff --git a/apps/web-antd/src/api/request.ts b/apps/web-antd/src/api/request.ts
index fcefa2508..5b5c15fb7 100644
--- a/apps/web-antd/src/api/request.ts
+++ b/apps/web-antd/src/api/request.ts
@@ -77,7 +77,9 @@ function createRequestClient(baseURL: string, options?: RequestClientOptions) {
       config.headers.Authorization = formatToken(accessStore.accessToken);
       config.headers['Accept-Language'] = preferences.app.locale;
       // 添加租户编号
-      config.headers['tenant-id'] = tenantEnable ? accessStore.tenantId : undefined;
+      config.headers['tenant-id'] = tenantEnable
+        ? accessStore.tenantId
+        : undefined;
       return config;
     },
   });
@@ -131,7 +133,9 @@ baseRequestClient.addRequestInterceptor({
   fulfilled: (config) => {
     const accessStore = useAccessStore();
     // 添加租户编号
-    config.headers['tenant-id'] = tenantEnable? accessStore.tenantId : undefined;
+    config.headers['tenant-id'] = tenantEnable
+      ? accessStore.tenantId
+      : undefined;
     return config;
   },
 });
diff --git a/apps/web-antd/src/api/system/area/index.ts b/apps/web-antd/src/api/system/area/index.ts
index fb06eda3e..8d3361da5 100644
--- a/apps/web-antd/src/api/system/area/index.ts
+++ b/apps/web-antd/src/api/system/area/index.ts
@@ -2,7 +2,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemAreaApi {
   /** 地区信息 */
-  export interface SystemArea {
+  export interface Area {
     id?: number;
     name: string;
     code: string;
@@ -15,7 +15,7 @@ export namespace SystemAreaApi {
 
 /** 获得地区树 */
 export function getAreaTree() {
-  return requestClient.get<SystemAreaApi.SystemArea[]>('/system/area/tree');
+  return requestClient.get<SystemAreaApi.Area[]>('/system/area/tree');
 }
 
 /** 获得 IP 对应的地区名 */
diff --git a/apps/web-antd/src/api/system/dept/index.ts b/apps/web-antd/src/api/system/dept/index.ts
index f79c9c758..d2677a793 100644
--- a/apps/web-antd/src/api/system/dept/index.ts
+++ b/apps/web-antd/src/api/system/dept/index.ts
@@ -2,7 +2,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemDeptApi {
   /** 部门信息 */
-  export interface SystemDept {
+  export interface Dept {
     id?: number;
     name: string;
     parentId?: number;
@@ -12,13 +12,13 @@ export namespace SystemDeptApi {
     phone: string;
     email: string;
     createTime: Date;
-    children?: SystemDept[];
+    children?: Dept[];
   }
 }
 
 /** 查询部门（精简)列表 */
 export async function getSimpleDeptList() {
-  return requestClient.get<SystemDeptApi.SystemDept[]>('/system/dept/simple-list');
+  return requestClient.get<SystemDeptApi.Dept[]>('/system/dept/simple-list');
 }
 
 /** 查询部门列表 */
@@ -28,16 +28,16 @@ export async function getDeptList() {
 
 /** 查询部门详情 */
 export async function getDept(id: number) {
-  return requestClient.get<SystemDeptApi.SystemDept>(`/system/dept/get?id=${id}`);
+  return requestClient.get<SystemDeptApi.Dept>(`/system/dept/get?id=${id}`);
 }
 
 /** 新增部门 */
-export async function createDept(data: SystemDeptApi.SystemDept) {
+export async function createDept(data: SystemDeptApi.Dept) {
   return requestClient.post('/system/dept/create', data);
 }
 
 /** 修改部门 */
-export async function updateDept(data: SystemDeptApi.SystemDept) {
+export async function updateDept(data: SystemDeptApi.Dept) {
   return requestClient.put('/system/dept/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/dict/data/index.ts b/apps/web-antd/src/api/system/dict/data/index.ts
index 5cf156172..a873d63c0 100644
--- a/apps/web-antd/src/api/system/dict/data/index.ts
+++ b/apps/web-antd/src/api/system/dict/data/index.ts
@@ -2,17 +2,17 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemDictDataApi {
   /** 字典数据 */
-  export type SystemDictData = {
-    id?: number;
+  export type DictData = {
     colorType: string;
+    createTime: Date;
     cssClass: string;
     dictType: string;
+    id?: number;
     label: string;
     remark: string;
     sort?: number;
     status: number;
     value: string;
-    createTime: Date;
   };
 }
 
@@ -32,12 +32,12 @@ export function getDictData(id: number) {
 }
 
 // 新增字典数据
-export function createDictData(data: SystemDictDataApi.SystemDictData) {
+export function createDictData(data: SystemDictDataApi.DictData) {
   return requestClient.post('/system/dict-data/create', data);
 }
 
 // 修改字典数据
-export function updateDictData(data: SystemDictDataApi.SystemDictData) {
+export function updateDictData(data: SystemDictDataApi.DictData) {
   return requestClient.put('/system/dict-data/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/dict/type/index.ts b/apps/web-antd/src/api/system/dict/type/index.ts
index bf4e93586..612fe1052 100644
--- a/apps/web-antd/src/api/system/dict/type/index.ts
+++ b/apps/web-antd/src/api/system/dict/type/index.ts
@@ -2,13 +2,13 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemDictTypeApi {
   /** 字典类型 */
-  export type SystemDictType = {
+  export type DictType = {
+    createTime: Date;
     id?: number;
     name: string;
     remark: string;
     status: number;
     type: string;
-    createTime: Date;
   };
 }
 
@@ -28,12 +28,12 @@ export function getDictType(id: number) {
 }
 
 // 新增字典
-export function createDictType(data: SystemDictTypeApi.SystemDictType) {
+export function createDictType(data: SystemDictTypeApi.DictType) {
   return requestClient.post('/system/dict-type/create', data);
 }
 
 // 修改字典
-export function updateDictType(data: SystemDictTypeApi.SystemDictType) {
+export function updateDictType(data: SystemDictTypeApi.DictType) {
   return requestClient.put('/system/dict-type/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/login-log/index.ts b/apps/web-antd/src/api/system/login-log/index.ts
index 5b1bfdf06..4be20d9ed 100644
--- a/apps/web-antd/src/api/system/login-log/index.ts
+++ b/apps/web-antd/src/api/system/login-log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemLoginLogApi {
   /** 登录日志信息 */
-  export interface SystemLoginLog {
+  export interface LoginLog {
     id: number;
     logType: number;
     traceId: number;
@@ -21,8 +21,9 @@ export namespace SystemLoginLogApi {
 
 /** 查询登录日志列表 */
 export function getLoginLogPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemLoginLogApi.SystemLoginLog>>('/system/login-log/page',
-    { params }
+  return requestClient.get<PageResult<SystemLoginLogApi.LoginLog>>(
+    '/system/login-log/page',
+    { params },
   );
 }
 
diff --git a/apps/web-antd/src/api/system/mail/account/index.ts b/apps/web-antd/src/api/system/mail/account/index.ts
index dc488c35c..8a43a3326 100644
--- a/apps/web-antd/src/api/system/mail/account/index.ts
+++ b/apps/web-antd/src/api/system/mail/account/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemMailAccountApi {
   /** 邮箱账号 */
-  export interface SystemMailAccount {
+  export interface MailAccount {
     id: number;
     mail: string;
     username: string;
@@ -21,24 +21,26 @@ export namespace SystemMailAccountApi {
 
 /** 查询邮箱账号列表 */
 export function getMailAccountPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemMailAccountApi.SystemMailAccount>>(
+  return requestClient.get<PageResult<SystemMailAccountApi.MailAccount>>(
     '/system/mail-account/page',
-    { params }
+    { params },
   );
 }
 
 /** 查询邮箱账号详情 */
 export function getMailAccount(id: number) {
-  return requestClient.get<SystemMailAccountApi.SystemMailAccount>(`/system/mail-account/get?id=${id}`);
+  return requestClient.get<SystemMailAccountApi.MailAccount>(
+    `/system/mail-account/get?id=${id}`,
+  );
 }
 
 /** 新增邮箱账号 */
-export function createMailAccount(data: SystemMailAccountApi.SystemMailAccount) {
+export function createMailAccount(data: SystemMailAccountApi.MailAccount) {
   return requestClient.post('/system/mail-account/create', data);
 }
 
 /** 修改邮箱账号 */
-export function updateMailAccount(data: SystemMailAccountApi.SystemMailAccount) {
+export function updateMailAccount(data: SystemMailAccountApi.MailAccount) {
   return requestClient.put('/system/mail-account/update', data);
 }
 
@@ -49,5 +51,7 @@ export function deleteMailAccount(id: number) {
 
 /** 获得邮箱账号精简列表 */
 export function getSimpleMailAccountList() {
-  return requestClient.get<SystemMailAccountApi.SystemMailAccount[]>('/system/mail-account/simple-list');
+  return requestClient.get<SystemMailAccountApi.MailAccount[]>(
+    '/system/mail-account/simple-list',
+  );
 }
diff --git a/apps/web-antd/src/api/system/mail/log/index.ts b/apps/web-antd/src/api/system/mail/log/index.ts
index b328d2ce9..52c9947c5 100644
--- a/apps/web-antd/src/api/system/mail/log/index.ts
+++ b/apps/web-antd/src/api/system/mail/log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemMailLogApi {
   /** 邮件日志 */
-  export interface SystemMailLog {
+  export interface MailLog {
     id: number;
     userId: number;
     userType: number;
@@ -27,15 +27,17 @@ export namespace SystemMailLogApi {
 
 /** 查询邮件日志列表 */
 export function getMailLogPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemMailLogApi.SystemMailLog>>(
+  return requestClient.get<PageResult<SystemMailLogApi.MailLog>>(
     '/system/mail-log/page',
-    { params }
+    { params },
   );
 }
 
 /** 查询邮件日志详情 */
 export function getMailLog(id: number) {
-  return requestClient.get<SystemMailLogApi.SystemMailLog>(`/system/mail-log/get?id=${id}`);
+  return requestClient.get<SystemMailLogApi.MailLog>(
+    `/system/mail-log/get?id=${id}`,
+  );
 }
 
 /** 重新发送邮件 */
diff --git a/apps/web-antd/src/api/system/mail/template/index.ts b/apps/web-antd/src/api/system/mail/template/index.ts
index 6dc0d2fee..34b4a09d0 100644
--- a/apps/web-antd/src/api/system/mail/template/index.ts
+++ b/apps/web-antd/src/api/system/mail/template/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemMailTemplateApi {
   /** 邮件模版信息 */
-  export interface SystemMailTemplate {
+  export interface MailTemplate {
     id: number;
     name: string;
     code: string;
@@ -28,24 +28,26 @@ export namespace SystemMailTemplateApi {
 
 /** 查询邮件模版列表 */
 export function getMailTemplatePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemMailTemplateApi.SystemMailTemplate>>(
+  return requestClient.get<PageResult<SystemMailTemplateApi.MailTemplate>>(
     '/system/mail-template/page',
-    { params }
+    { params },
   );
 }
 
 /** 查询邮件模版详情 */
 export function getMailTemplate(id: number) {
-  return requestClient.get<SystemMailTemplateApi.SystemMailTemplate>(`/system/mail-template/get?id=${id}`);
+  return requestClient.get<SystemMailTemplateApi.MailTemplate>(
+    `/system/mail-template/get?id=${id}`,
+  );
 }
 
 /** 新增邮件模版 */
-export function createMailTemplate(data: SystemMailTemplateApi.SystemMailTemplate) {
+export function createMailTemplate(data: SystemMailTemplateApi.MailTemplate) {
   return requestClient.post('/system/mail-template/create', data);
 }
 
 /** 修改邮件模版 */
-export function updateMailTemplate(data: SystemMailTemplateApi.SystemMailTemplate) {
+export function updateMailTemplate(data: SystemMailTemplateApi.MailTemplate) {
   return requestClient.put('/system/mail-template/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/menu/index.ts b/apps/web-antd/src/api/system/menu/index.ts
index 7172b43e4..5d23e5230 100644
--- a/apps/web-antd/src/api/system/menu/index.ts
+++ b/apps/web-antd/src/api/system/menu/index.ts
@@ -2,7 +2,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemMenuApi {
   /** 菜单信息 */
-  export interface SystemMenu {
+  export interface Menu {
     id: number;
     name: string;
     permission: string;
@@ -23,26 +23,28 @@ export namespace SystemMenuApi {
 
 /** 查询菜单（精简）列表 */
 export async function getSimpleMenusList() {
-  return requestClient.get<SystemMenuApi.SystemMenu[]>('/system/menu/simple-list');
+  return requestClient.get<SystemMenuApi.Menu[]>('/system/menu/simple-list');
 }
 
 /** 查询菜单列表 */
 export async function getMenuList(params?: Record<string, any>) {
-  return requestClient.get<SystemMenuApi.SystemMenu[]>('/system/menu/list', { params });
+  return requestClient.get<SystemMenuApi.Menu[]>('/system/menu/list', {
+    params,
+  });
 }
 
 /** 获取菜单详情 */
 export async function getMenu(id: number) {
-  return requestClient.get<SystemMenuApi.SystemMenu>(`/system/menu/get?id=${id}`);
+  return requestClient.get<SystemMenuApi.Menu>(`/system/menu/get?id=${id}`);
 }
 
 /** 新增菜单 */
-export async function createMenu(data: SystemMenuApi.SystemMenu) {
+export async function createMenu(data: SystemMenuApi.Menu) {
   return requestClient.post('/system/menu/create', data);
 }
 
 /** 修改菜单 */
-export async function updateMenu(data: SystemMenuApi.SystemMenu) {
+export async function updateMenu(data: SystemMenuApi.Menu) {
   return requestClient.put('/system/menu/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/notice/index.ts b/apps/web-antd/src/api/system/notice/index.ts
index 260bb501f..dac9ec708 100644
--- a/apps/web-antd/src/api/system/notice/index.ts
+++ b/apps/web-antd/src/api/system/notice/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace SystemNoticeApi {
   /** 公告信息 */
-  export interface SystemNotice {
+  export interface Notice {
     id?: number;
     title: string;
     type: number;
@@ -17,21 +18,26 @@ export namespace SystemNoticeApi {
 
 /** 查询公告列表 */
 export function getNoticePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemNoticeApi.SystemNotice>>('/system/notice/page', { params });
+  return requestClient.get<PageResult<SystemNoticeApi.Notice>>(
+    '/system/notice/page',
+    { params },
+  );
 }
 
 /** 查询公告详情 */
 export function getNotice(id: number) {
-  return requestClient.get<SystemNoticeApi.SystemNotice>(`/system/notice/get?id=${id}`);
+  return requestClient.get<SystemNoticeApi.Notice>(
+    `/system/notice/get?id=${id}`,
+  );
 }
 
 /** 新增公告 */
-export function createNotice(data: SystemNoticeApi.SystemNotice) {
+export function createNotice(data: SystemNoticeApi.Notice) {
   return requestClient.post('/system/notice/create', data);
 }
 
 /** 修改公告 */
-export function updateNotice(data: SystemNoticeApi.SystemNotice) {
+export function updateNotice(data: SystemNoticeApi.Notice) {
   return requestClient.put('/system/notice/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/notify/message/index.ts b/apps/web-antd/src/api/system/notify/message/index.ts
index a84b516c3..a8a4e8968 100644
--- a/apps/web-antd/src/api/system/notify/message/index.ts
+++ b/apps/web-antd/src/api/system/notify/message/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemNotifyMessageApi {
   /** 站内信消息信息 */
-  export interface SystemNotifyMessage {
+  export interface NotifyMessage {
     id: number;
     userId: number;
     userType: number;
@@ -22,7 +22,7 @@ export namespace SystemNotifyMessageApi {
 
 /** 查询站内信消息列表 */
 export function getNotifyMessagePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemNotifyMessageApi.SystemNotifyMessage>>(
+  return requestClient.get<PageResult<SystemNotifyMessageApi.NotifyMessage>>(
     '/system/notify-message/page',
     { params },
   );
@@ -30,7 +30,7 @@ export function getNotifyMessagePage(params: PageParam) {
 
 /** 获得我的站内信分页 */
 export function getMyNotifyMessagePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemNotifyMessageApi.SystemNotifyMessage>>(
+  return requestClient.get<PageResult<SystemNotifyMessageApi.NotifyMessage>>(
     '/system/notify-message/my-page',
     { params },
   );
@@ -38,9 +38,13 @@ export function getMyNotifyMessagePage(params: PageParam) {
 
 /** 批量标记已读 */
 export function updateNotifyMessageRead(ids: number[]) {
-  return requestClient.put('/system/notify-message/update-read', {}, {
-    params: { ids },
-  });
+  return requestClient.put(
+    '/system/notify-message/update-read',
+    {},
+    {
+      params: { ids },
+    },
+  );
 }
 
 /** 标记所有站内信为已读 */
@@ -50,7 +54,9 @@ export function updateAllNotifyMessageRead() {
 
 /** 获取当前用户的最新站内信列表 */
 export function getUnreadNotifyMessageList() {
-  return requestClient.get<SystemNotifyMessageApi.SystemNotifyMessage[]>('/system/notify-message/get-unread-list');
+  return requestClient.get<SystemNotifyMessageApi.NotifyMessage[]>(
+    '/system/notify-message/get-unread-list',
+  );
 }
 
 /** 获得当前用户的未读站内信数量 */
diff --git a/apps/web-antd/src/api/system/notify/template/index.ts b/apps/web-antd/src/api/system/notify/template/index.ts
index 7c33f1b8b..5f2e3de29 100644
--- a/apps/web-antd/src/api/system/notify/template/index.ts
+++ b/apps/web-antd/src/api/system/notify/template/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemNotifyTemplateApi {
   /** 站内信模板信息 */
-  export interface SystemNotifyTemplate {
+  export interface NotifyTemplate {
     id?: number;
     name: string;
     nickname: string;
@@ -17,8 +17,9 @@ export namespace SystemNotifyTemplateApi {
   }
 
   /** 发送站内信请求 */
-  export interface SystemNotifySendReqVO {
+  export interface NotifySendReqVO {
     userId: number;
+    userType: number;
     templateCode: string;
     templateParams: Record<string, any>;
   }
@@ -26,7 +27,7 @@ export namespace SystemNotifyTemplateApi {
 
 /** 查询站内信模板列表 */
 export function getNotifyTemplatePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemNotifyTemplateApi.SystemNotifyTemplate>>(
+  return requestClient.get<PageResult<SystemNotifyTemplateApi.NotifyTemplate>>(
     '/system/notify-template/page',
     { params },
   );
@@ -34,16 +35,22 @@ export function getNotifyTemplatePage(params: PageParam) {
 
 /** 查询站内信模板详情 */
 export function getNotifyTemplate(id: number) {
-  return requestClient.get<SystemNotifyTemplateApi.SystemNotifyTemplate>(`/system/notify-template/get?id=${id}`);
+  return requestClient.get<SystemNotifyTemplateApi.NotifyTemplate>(
+    `/system/notify-template/get?id=${id}`,
+  );
 }
 
 /** 新增站内信模板 */
-export function createNotifyTemplate(data: SystemNotifyTemplateApi.SystemNotifyTemplate) {
+export function createNotifyTemplate(
+  data: SystemNotifyTemplateApi.NotifyTemplate,
+) {
   return requestClient.post('/system/notify-template/create', data);
 }
 
 /** 修改站内信模板 */
-export function updateNotifyTemplate(data: SystemNotifyTemplateApi.SystemNotifyTemplate) {
+export function updateNotifyTemplate(
+  data: SystemNotifyTemplateApi.NotifyTemplate,
+) {
   return requestClient.put('/system/notify-template/update', data);
 }
 
@@ -54,10 +61,12 @@ export function deleteNotifyTemplate(id: number) {
 
 /** 导出站内信模板 */
 export function exportNotifyTemplate(params: any) {
-  return requestClient.download('/system/notify-template/export-excel', { params });
+  return requestClient.download('/system/notify-template/export-excel', {
+    params,
+  });
 }
 
 /** 发送站内信 */
-export function sendNotify(data: SystemNotifyTemplateApi.SystemNotifySendReqVO) {
+export function sendNotify(data: SystemNotifyTemplateApi.NotifySendReqVO) {
   return requestClient.post('/system/notify-template/send-notify', data);
 }
diff --git a/apps/web-antd/src/api/system/oauth2/client/index.ts b/apps/web-antd/src/api/system/oauth2/client/index.ts
index 672eace83..7c1db7747 100644
--- a/apps/web-antd/src/api/system/oauth2/client/index.ts
+++ b/apps/web-antd/src/api/system/oauth2/client/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace SystemOAuth2ClientApi {
   /** OAuth2.0 客户端信息 */
-  export interface SystemOAuth2Client {
+  export interface OAuth2Client {
     id?: number;
     clientId: string;
     secret: string;
@@ -27,23 +28,26 @@ export namespace SystemOAuth2ClientApi {
 
 /** 查询 OAuth2.0 客户端列表 */
 export function getOAuth2ClientPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemOAuth2ClientApi.SystemOAuth2Client>>('/system/oauth2-client/page',
-    { params }
+  return requestClient.get<PageResult<SystemOAuth2ClientApi.OAuth2Client>>(
+    '/system/oauth2-client/page',
+    { params },
   );
 }
 
 /** 查询 OAuth2.0 客户端详情 */
 export function getOAuth2Client(id: number) {
-  return requestClient.get<SystemOAuth2ClientApi.SystemOAuth2Client>(`/system/oauth2-client/get?id=${id}`);
+  return requestClient.get<SystemOAuth2ClientApi.OAuth2Client>(
+    `/system/oauth2-client/get?id=${id}`,
+  );
 }
 
 /** 新增 OAuth2.0 客户端 */
-export function createOAuth2Client(data: SystemOAuth2ClientApi.SystemOAuth2Client) {
+export function createOAuth2Client(data: SystemOAuth2ClientApi.OAuth2Client) {
   return requestClient.post('/system/oauth2-client/create', data);
 }
 
 /** 修改 OAuth2.0 客户端 */
-export function updateOAuth2Client(data: SystemOAuth2ClientApi.SystemOAuth2Client) {
+export function updateOAuth2Client(data: SystemOAuth2ClientApi.OAuth2Client) {
   return requestClient.put('/system/oauth2-client/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/oauth2/open/index.ts b/apps/web-antd/src/api/system/oauth2/open/index.ts
index 7347001d5..16d9c7e62 100644
--- a/apps/web-antd/src/api/system/oauth2/open/index.ts
+++ b/apps/web-antd/src/api/system/oauth2/open/index.ts
@@ -1,20 +1,25 @@
 import { requestClient } from '#/api/request';
 
 /** OAuth2.0 授权信息响应 */
-export interface OAuth2OpenAuthorizeInfoRespVO {
-  client: {
-    name: string;
-    logo: string;
-  };
-  scopes: {
-    key: string;
-    value: boolean;
-  }[];
+export namespace SystemOAuth2ClientApi {
+  /** 授权信息 */
+  export interface AuthorizeInfoRespVO {
+    client: {
+      logo: string;
+      name: string;
+    };
+    scopes: {
+      key: string;
+      value: boolean;
+    }[];
+  }
 }
 
 /** 获得授权信息 */
 export function getAuthorize(clientId: string) {
-  return requestClient.get<OAuth2OpenAuthorizeInfoRespVO>(`/system/oauth2/authorize?clientId=${clientId}`);
+  return requestClient.get<SystemOAuth2ClientApi.AuthorizeInfoRespVO>(
+    `/system/oauth2/authorize?clientId=${clientId}`,
+  );
 }
 
 /** 发起授权 */
@@ -25,7 +30,7 @@ export function authorize(
   state: string,
   autoApprove: boolean,
   checkedScopes: string[],
-  uncheckedScopes: string[]
+  uncheckedScopes: string[],
 ) {
   // 构建 scopes
   const scopes: Record<string, boolean> = {};
@@ -35,19 +40,19 @@ export function authorize(
   for (const scope of uncheckedScopes) {
     scopes[scope] = false;
   }
-  
+
   // 发起请求
   return requestClient.post<string>('/system/oauth2/authorize', null, {
     headers: {
-      'Content-Type': 'application/x-www-form-urlencoded'
+      'Content-Type': 'application/x-www-form-urlencoded',
     },
     params: {
       response_type: responseType,
       client_id: clientId,
       redirect_uri: redirectUri,
-      state: state,
+      state,
       auto_approve: autoApprove,
-      scope: JSON.stringify(scopes)
-    }
+      scope: JSON.stringify(scopes),
+    },
   });
-} 
+}
diff --git a/apps/web-antd/src/api/system/oauth2/token/index.ts b/apps/web-antd/src/api/system/oauth2/token/index.ts
index 356537c48..bd3697915 100644
--- a/apps/web-antd/src/api/system/oauth2/token/index.ts
+++ b/apps/web-antd/src/api/system/oauth2/token/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace SystemOAuth2TokenApi {
   /** OAuth2.0 令牌信息 */
-  export interface SystemOAuth2Token {
+  export interface OAuth2Token {
     id?: number;
     accessToken: string;
     refreshToken: string;
@@ -17,12 +18,17 @@ export namespace SystemOAuth2TokenApi {
 
 /** 查询 OAuth2.0 令牌列表 */
 export function getOAuth2TokenPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemOAuth2TokenApi.SystemOAuth2Token>>('/system/oauth2-token/page', {
-    params
-  });
+  return requestClient.get<PageResult<SystemOAuth2TokenApi.OAuth2Token>>(
+    '/system/oauth2-token/page',
+    {
+      params,
+    },
+  );
 }
 
 /** 删除 OAuth2.0 令牌 */
 export function deleteOAuth2Token(accessToken: string) {
-  return requestClient.delete(`/system/oauth2-token/delete?accessToken=${accessToken}`);
+  return requestClient.delete(
+    `/system/oauth2-token/delete?accessToken=${accessToken}`,
+  );
 }
diff --git a/apps/web-antd/src/api/system/operate-log/index.ts b/apps/web-antd/src/api/system/operate-log/index.ts
index ab0cf4599..8b84a260e 100644
--- a/apps/web-antd/src/api/system/operate-log/index.ts
+++ b/apps/web-antd/src/api/system/operate-log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemOperateLogApi {
   /** 操作日志信息 */
-  export interface SystemOperateLog {
+  export interface OperateLog {
     id: number;
     traceId: string;
     userType: number;
@@ -27,8 +27,9 @@ export namespace SystemOperateLogApi {
 
 /** 查询操作日志列表 */
 export function getOperateLogPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemOperateLogApi.SystemOperateLog>>('/system/operate-log/page',
-    { params }
+  return requestClient.get<PageResult<SystemOperateLogApi.OperateLog>>(
+    '/system/operate-log/page',
+    { params },
   );
 }
 
diff --git a/apps/web-antd/src/api/system/permission/index.ts b/apps/web-antd/src/api/system/permission/index.ts
index fe958a04c..9039d9a05 100644
--- a/apps/web-antd/src/api/system/permission/index.ts
+++ b/apps/web-antd/src/api/system/permission/index.ts
@@ -2,19 +2,19 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemPermissionApi {
   /** 分配用户角色请求 */
-  export interface SystemAssignUserRoleReqVO {
+  export interface AssignUserRoleReqVO {
     userId: number;
     roleIds: number[];
   }
 
   /** 分配角色菜单请求 */
-  export interface SystemAssignRoleMenuReqVO {
+  export interface AssignRoleMenuReqVO {
     roleId: number;
     menuIds: number[];
   }
 
   /** 分配角色数据权限请求 */
-  export interface SystemAssignRoleDataScopeReqVO {
+  export interface AssignRoleDataScopeReqVO {
     roleId: number;
     dataScope: number;
     dataScopeDeptIds: number[];
@@ -30,14 +30,14 @@ export async function getRoleMenuList(roleId: number) {
 
 /** 赋予角色菜单权限 */
 export async function assignRoleMenu(
-  data: SystemPermissionApi.SystemAssignRoleMenuReqVO,
+  data: SystemPermissionApi.AssignRoleMenuReqVO,
 ) {
   return requestClient.post('/system/permission/assign-role-menu', data);
 }
 
 /** 赋予角色数据权限 */
 export async function assignRoleDataScope(
-  data: SystemPermissionApi.SystemAssignRoleDataScopeReqVO,
+  data: SystemPermissionApi.AssignRoleDataScopeReqVO,
 ) {
   return requestClient.post('/system/permission/assign-role-data-scope', data);
 }
@@ -51,7 +51,7 @@ export async function getUserRoleList(userId: number) {
 
 /** 赋予用户角色 */
 export async function assignUserRole(
-  data: SystemPermissionApi.SystemAssignUserRoleReqVO,
+  data: SystemPermissionApi.AssignUserRoleReqVO,
 ) {
   return requestClient.post('/system/permission/assign-user-role', data);
 }
diff --git a/apps/web-antd/src/api/system/post/index.ts b/apps/web-antd/src/api/system/post/index.ts
index 5caa023ff..a82f58155 100644
--- a/apps/web-antd/src/api/system/post/index.ts
+++ b/apps/web-antd/src/api/system/post/index.ts
@@ -1,9 +1,10 @@
+import type { PageParam, PageResult } from '@vben/request';
+
 import { requestClient } from '#/api/request';
-import type {PageParam, PageResult} from '@vben/request';
 
 export namespace SystemPostApi {
   /** 岗位信息 */
-  export interface SystemPost {
+  export interface Post {
     id?: number;
     name: string;
     code: string;
@@ -16,28 +17,31 @@ export namespace SystemPostApi {
 
 /** 查询岗位列表 */
 export function getPostPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemPostApi.SystemPost>>('/system/post/page', {
-    params
-  });
+  return requestClient.get<PageResult<SystemPostApi.Post>>(
+    '/system/post/page',
+    {
+      params,
+    },
+  );
 }
 
 /** 获取岗位精简信息列表 */
 export function getSimplePostList() {
-  return requestClient.get<SystemPostApi.SystemPost[]>('/system/post/simple-list');
+  return requestClient.get<SystemPostApi.Post[]>('/system/post/simple-list');
 }
 
- /** 查询岗位详情 */
+/** 查询岗位详情 */
 export function getPost(id: number) {
-  return requestClient.get<SystemPostApi.SystemPost>(`/system/post/get?id=${id}`);
+  return requestClient.get<SystemPostApi.Post>(`/system/post/get?id=${id}`);
 }
 
 /** 新增岗位 */
-export function createPost(data: SystemPostApi.SystemPost) {
+export function createPost(data: SystemPostApi.Post) {
   return requestClient.post('/system/post/create', data);
 }
 
 /** 修改岗位 */
-export function updatePost(data: SystemPostApi.SystemPost) {
+export function updatePost(data: SystemPostApi.Post) {
   return requestClient.put('/system/post/update', data);
 }
 
@@ -49,6 +53,6 @@ export function deletePost(id: number) {
 /** 导出岗位 */
 export function exportPost(params: any) {
   return requestClient.download('/system/post/export', {
-    params
+    params,
   });
 }
diff --git a/apps/web-antd/src/api/system/role/index.ts b/apps/web-antd/src/api/system/role/index.ts
index 4705d668b..07824c43e 100644
--- a/apps/web-antd/src/api/system/role/index.ts
+++ b/apps/web-antd/src/api/system/role/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace SystemRoleApi {
   /** 角色信息 */
-  export interface SystemRole {
+  export interface Role {
     id?: number;
     name: string;
     code: string;
@@ -18,26 +19,29 @@ export namespace SystemRoleApi {
 
 /** 查询角色列表 */
 export function getRolePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemRoleApi.SystemRole>>('/system/role/page', { params });
+  return requestClient.get<PageResult<SystemRoleApi.Role>>(
+    '/system/role/page',
+    { params },
+  );
 }
 
 /** 查询角色（精简)列表 */
 export function getSimpleRoleList() {
-  return requestClient.get<SystemRoleApi.SystemRole[]>('/system/role/simple-list');
+  return requestClient.get<SystemRoleApi.Role[]>('/system/role/simple-list');
 }
 
 /** 查询角色详情 */
 export function getRole(id: number) {
-  return requestClient.get<SystemRoleApi.SystemRole>(`/system/role/get?id=${id}`);
+  return requestClient.get<SystemRoleApi.Role>(`/system/role/get?id=${id}`);
 }
 
 /** 新增角色 */
-export function createRole(data: SystemRoleApi.SystemRole) {
+export function createRole(data: SystemRoleApi.Role) {
   return requestClient.post('/system/role/create', data);
 }
 
 /** 修改角色 */
-export function updateRole(data: SystemRoleApi.SystemRole) {
+export function updateRole(data: SystemRoleApi.Role) {
   return requestClient.put('/system/role/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/sms/channel/index.ts b/apps/web-antd/src/api/system/sms/channel/index.ts
index a6beb4e3d..56890bea5 100644
--- a/apps/web-antd/src/api/system/sms/channel/index.ts
+++ b/apps/web-antd/src/api/system/sms/channel/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemSmsChannelApi {
   /** 短信渠道信息 */
-  export interface SystemSmsChannel {
+  export interface SmsChannel {
     id?: number;
     code: string;
     status: number;
@@ -19,7 +19,7 @@ export namespace SystemSmsChannelApi {
 
 /** 查询短信渠道列表 */
 export function getSmsChannelPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemSmsChannelApi.SystemSmsChannel>>(
+  return requestClient.get<PageResult<SystemSmsChannelApi.SmsChannel>>(
     '/system/sms-channel/page',
     { params },
   );
@@ -27,21 +27,25 @@ export function getSmsChannelPage(params: PageParam) {
 
 /** 获得短信渠道精简列表 */
 export function getSimpleSmsChannelList() {
-  return requestClient.get<SystemSmsChannelApi.SystemSmsChannel[]>('/system/sms-channel/simple-list');
+  return requestClient.get<SystemSmsChannelApi.SmsChannel[]>(
+    '/system/sms-channel/simple-list',
+  );
 }
 
 /** 查询短信渠道详情 */
 export function getSmsChannel(id: number) {
-  return requestClient.get<SystemSmsChannelApi.SystemSmsChannel>(`/system/sms-channel/get?id=${id}`);
+  return requestClient.get<SystemSmsChannelApi.SmsChannel>(
+    `/system/sms-channel/get?id=${id}`,
+  );
 }
 
 /** 新增短信渠道 */
-export function createSmsChannel(data: SystemSmsChannelApi.SystemSmsChannel) {
+export function createSmsChannel(data: SystemSmsChannelApi.SmsChannel) {
   return requestClient.post('/system/sms-channel/create', data);
 }
 
 /** 修改短信渠道 */
-export function updateSmsChannel(data: SystemSmsChannelApi.SystemSmsChannel) {
+export function updateSmsChannel(data: SystemSmsChannelApi.SmsChannel) {
   return requestClient.put('/system/sms-channel/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/sms/log/index.ts b/apps/web-antd/src/api/system/sms/log/index.ts
index cea6cfbdf..8344f9932 100644
--- a/apps/web-antd/src/api/system/sms/log/index.ts
+++ b/apps/web-antd/src/api/system/sms/log/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemSmsLogApi {
   /** 短信日志信息 */
-  export interface SystemSmsLog {
+  export interface SmsLog {
     id?: number;
     channelId?: number;
     channelCode: string;
@@ -33,7 +33,10 @@ export namespace SystemSmsLogApi {
 
 /** 查询短信日志列表 */
 export function getSmsLogPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemSmsLogApi.SystemSmsLog>>('/system/sms-log/page', { params });
+  return requestClient.get<PageResult<SystemSmsLogApi.SmsLog>>(
+    '/system/sms-log/page',
+    { params },
+  );
 }
 
 /** 导出短信日志 */
diff --git a/apps/web-antd/src/api/system/sms/template/index.ts b/apps/web-antd/src/api/system/sms/template/index.ts
index e97bd3a8d..63660bdf9 100644
--- a/apps/web-antd/src/api/system/sms/template/index.ts
+++ b/apps/web-antd/src/api/system/sms/template/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemSmsTemplateApi {
   /** 短信模板信息 */
-  export interface SystemSmsTemplate {
+  export interface SmsTemplate {
     id?: number;
     type?: number;
     status: number;
@@ -20,7 +20,7 @@ export namespace SystemSmsTemplateApi {
   }
 
   /** 发送短信请求 */
-  export interface SystemSmsSendReqVO {
+  export interface SmsSendReqVO {
     mobile: string;
     templateCode: string;
     templateParams: Record<string, any>;
@@ -29,7 +29,7 @@ export namespace SystemSmsTemplateApi {
 
 /** 查询短信模板列表 */
 export function getSmsTemplatePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemSmsTemplateApi.SystemSmsTemplate>>(
+  return requestClient.get<PageResult<SystemSmsTemplateApi.SmsTemplate>>(
     '/system/sms-template/page',
     { params },
   );
@@ -37,16 +37,18 @@ export function getSmsTemplatePage(params: PageParam) {
 
 /** 查询短信模板详情 */
 export function getSmsTemplate(id: number) {
-  return requestClient.get<SystemSmsTemplateApi.SystemSmsTemplate>(`/system/sms-template/get?id=${id}`);
+  return requestClient.get<SystemSmsTemplateApi.SmsTemplate>(
+    `/system/sms-template/get?id=${id}`,
+  );
 }
 
 /** 新增短信模板 */
-export function createSmsTemplate(data: SystemSmsTemplateApi.SystemSmsTemplate) {
+export function createSmsTemplate(data: SystemSmsTemplateApi.SmsTemplate) {
   return requestClient.post('/system/sms-template/create', data);
 }
 
 /** 修改短信模板 */
-export function updateSmsTemplate(data: SystemSmsTemplateApi.SystemSmsTemplate) {
+export function updateSmsTemplate(data: SystemSmsTemplateApi.SmsTemplate) {
   return requestClient.put('/system/sms-template/update', data);
 }
 
@@ -57,10 +59,12 @@ export function deleteSmsTemplate(id: number) {
 
 /** 导出短信模板 */
 export function exportSmsTemplate(params: any) {
-  return requestClient.download('/system/sms-template/export-excel', { params });
+  return requestClient.download('/system/sms-template/export-excel', {
+    params,
+  });
 }
 
 /** 发送短信 */
-export function sendSms(data: SystemSmsTemplateApi.SystemSmsSendReqVO) {
+export function sendSms(data: SystemSmsTemplateApi.SmsSendReqVO) {
   return requestClient.post('/system/sms-template/send-sms', data);
 }
diff --git a/apps/web-antd/src/api/system/social/client/index.ts b/apps/web-antd/src/api/system/social/client/index.ts
index 59b1da639..d4da4dd48 100644
--- a/apps/web-antd/src/api/system/social/client/index.ts
+++ b/apps/web-antd/src/api/system/social/client/index.ts
@@ -1,9 +1,10 @@
-import { requestClient } from '#/api/request';
 import type { PageParam, PageResult } from '@vben/request';
 
+import { requestClient } from '#/api/request';
+
 export namespace SystemSocialClientApi {
   /** 社交客户端信息 */
-  export interface SystemSocialClient {
+  export interface SocialClient {
     id?: number;
     name: string;
     socialType: number;
@@ -18,23 +19,26 @@ export namespace SystemSocialClientApi {
 
 /** 查询社交客户端列表 */
 export function getSocialClientPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemSocialClientApi.SystemSocialClient>>('/system/social-client/page',
-    { params }
+  return requestClient.get<PageResult<SystemSocialClientApi.SocialClient>>(
+    '/system/social-client/page',
+    { params },
   );
 }
 
 /** 查询社交客户端详情 */
 export function getSocialClient(id: number) {
-  return requestClient.get<SystemSocialClientApi.SystemSocialClient>(`/system/social-client/get?id=${id}`);
+  return requestClient.get<SystemSocialClientApi.SocialClient>(
+    `/system/social-client/get?id=${id}`,
+  );
 }
 
 /** 新增社交客户端 */
-export function createSocialClient(data: SystemSocialClientApi.SystemSocialClient) {
+export function createSocialClient(data: SystemSocialClientApi.SocialClient) {
   return requestClient.post('/system/social-client/create', data);
 }
 
 /** 修改社交客户端 */
-export function updateSocialClient(data: SystemSocialClientApi.SystemSocialClient) {
+export function updateSocialClient(data: SystemSocialClientApi.SocialClient) {
   return requestClient.put('/system/social-client/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/social/user/index.ts b/apps/web-antd/src/api/system/social/user/index.ts
index d99a6129f..b91f15064 100644
--- a/apps/web-antd/src/api/system/social/user/index.ts
+++ b/apps/web-antd/src/api/system/social/user/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemSocialUserApi {
   /** 社交用户信息 */
-  export interface SystemSocialUser {
+  export interface SocialUser {
     id?: number;
     type: number;
     openid: string;
@@ -35,14 +35,17 @@ export namespace SystemSocialUserApi {
 
 /** 查询社交用户列表 */
 export function getSocialUserPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemSocialUserApi.SystemSocialUser>>('/system/social-user/page',
-    { params }
+  return requestClient.get<PageResult<SystemSocialUserApi.SocialUser>>(
+    '/system/social-user/page',
+    { params },
   );
 }
 
 /** 查询社交用户详情 */
 export function getSocialUser(id: number) {
-  return requestClient.get<SystemSocialUserApi.SystemSocialUser>(`/system/social-user/get?id=${id}`);
+  return requestClient.get<SystemSocialUserApi.SocialUser>(
+    `/system/social-user/get?id=${id}`,
+  );
 }
 
 /** 社交绑定，使用 code 授权码 */
@@ -57,5 +60,7 @@ export function socialUnbind(data: SystemSocialUserApi.SocialUserUnbindReqVO) {
 
 /** 获得绑定社交用户列表 */
 export function getBindSocialUserList() {
-  return requestClient.get<SystemSocialUserApi.SystemSocialUser[]>('/system/social-user/get-bind-list');
+  return requestClient.get<SystemSocialUserApi.SocialUser[]>(
+    '/system/social-user/get-bind-list',
+  );
 }
diff --git a/apps/web-antd/src/api/system/tenant-package/index.ts b/apps/web-antd/src/api/system/tenant-package/index.ts
index b034a9b5e..5066cea98 100644
--- a/apps/web-antd/src/api/system/tenant-package/index.ts
+++ b/apps/web-antd/src/api/system/tenant-package/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemTenantPackageApi {
   /** 租户套餐信息 */
-  export interface SystemTenantPackage {
+  export interface TenantPackage {
     id: number;
     name: string;
     status: number;
@@ -19,9 +19,9 @@ export namespace SystemTenantPackageApi {
 
 /** 租户套餐列表 */
 export function getTenantPackagePage(params: PageParam) {
-  return requestClient.get<PageResult<SystemTenantPackageApi.SystemTenantPackage>>(
+  return requestClient.get<PageResult<SystemTenantPackageApi.TenantPackage>>(
     '/system/tenant-package/page',
-    { params }
+    { params },
   );
 }
 
@@ -31,12 +31,16 @@ export function getTenantPackage(id: number) {
 }
 
 /** 新增租户套餐 */
-export function createTenantPackage(data: SystemTenantPackageApi.SystemTenantPackage) {
+export function createTenantPackage(
+  data: SystemTenantPackageApi.TenantPackage,
+) {
   return requestClient.post('/system/tenant-package/create', data);
 }
 
 /** 修改租户套餐 */
-export function updateTenantPackage(data: SystemTenantPackageApi.SystemTenantPackage) {
+export function updateTenantPackage(
+  data: SystemTenantPackageApi.TenantPackage,
+) {
   return requestClient.put('/system/tenant-package/update', data);
 }
 
@@ -47,5 +51,7 @@ export function deleteTenantPackage(id: number) {
 
 /** 获取租户套餐精简信息列表 */
 export function getTenantPackageList() {
-  return requestClient.get<SystemTenantPackageApi.SystemTenantPackage[]>('/system/tenant-package/get-simple-list');
+  return requestClient.get<SystemTenantPackageApi.TenantPackage[]>(
+    '/system/tenant-package/get-simple-list',
+  );
 }
diff --git a/apps/web-antd/src/api/system/tenant/index.ts b/apps/web-antd/src/api/system/tenant/index.ts
index 92fd905ea..cefacc511 100644
--- a/apps/web-antd/src/api/system/tenant/index.ts
+++ b/apps/web-antd/src/api/system/tenant/index.ts
@@ -4,7 +4,7 @@ import { requestClient } from '#/api/request';
 
 export namespace SystemTenantApi {
   /** 租户信息 */
-  export interface SystemTenant {
+  export interface Tenant {
     id?: number;
     name: string;
     packageId: number;
@@ -19,26 +19,33 @@ export namespace SystemTenantApi {
 
 /** 租户列表 */
 export function getTenantPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemTenantApi.SystemTenant>>('/system/tenant/page', { params });
+  return requestClient.get<PageResult<SystemTenantApi.Tenant>>(
+    '/system/tenant/page',
+    { params },
+  );
 }
 
 /** 获取租户精简信息列表 */
 export function getSimpleTenantList() {
-  return requestClient.get<SystemTenantApi.SystemTenant[]>('/system/tenant/simple-list');
+  return requestClient.get<SystemTenantApi.Tenant[]>(
+    '/system/tenant/simple-list',
+  );
 }
 
 /** 查询租户详情 */
 export function getTenant(id: number) {
-  return requestClient.get<SystemTenantApi.SystemTenant>(`/system/tenant/get?id=${id}`,);
+  return requestClient.get<SystemTenantApi.Tenant>(
+    `/system/tenant/get?id=${id}`,
+  );
 }
 
 /** 新增租户 */
-export function createTenant(data: SystemTenantApi.SystemTenant) {
+export function createTenant(data: SystemTenantApi.Tenant) {
   return requestClient.post('/system/tenant/create', data);
 }
 
 /** 修改租户 */
-export function updateTenant(data: SystemTenantApi.SystemTenant) {
+export function updateTenant(data: SystemTenantApi.Tenant) {
   return requestClient.put('/system/tenant/update', data);
 }
 
diff --git a/apps/web-antd/src/api/system/user/index.ts b/apps/web-antd/src/api/system/user/index.ts
index 7a49ace60..52d8cdd2e 100644
--- a/apps/web-antd/src/api/system/user/index.ts
+++ b/apps/web-antd/src/api/system/user/index.ts
@@ -1,10 +1,10 @@
-import type {PageParam, PageResult} from '@vben/request';
+import type { PageParam, PageResult } from '@vben/request';
 
 import { requestClient } from '#/api/request';
 
 export namespace SystemUserApi {
   /** 用户信息 */
-  export interface SystemUser {
+  export interface User {
     id?: number;
     username: string;
     nickname: string;
@@ -23,21 +23,24 @@ export namespace SystemUserApi {
 
 /** 查询用户管理列表 */
 export function getUserPage(params: PageParam) {
-  return requestClient.get<PageResult<SystemUserApi.SystemUser>>('/system/user/page', { params });
+  return requestClient.get<PageResult<SystemUserApi.User>>(
+    '/system/user/page',
+    { params },
+  );
 }
 
 /** 查询用户详情 */
 export function getUser(id: number) {
-  return requestClient.get<SystemUserApi.SystemUser>(`/system/user/get?id=${id}`);
+  return requestClient.get<SystemUserApi.User>(`/system/user/get?id=${id}`);
 }
 
 /** 新增用户 */
-export function createUser(data: SystemUserApi.SystemUser) {
+export function createUser(data: SystemUserApi.User) {
   return requestClient.post('/system/user/create', data);
 }
 
 /** 修改用户 */
-export function updateUser(data: SystemUserApi.SystemUser) {
+export function updateUser(data: SystemUserApi.User) {
   return requestClient.put('/system/user/update', data);
 }
 
@@ -60,7 +63,7 @@ export function importUserTemplate() {
 export function importUser(file: File, updateSupport: boolean) {
   return requestClient.upload('/system/user/import', {
     file,
-    updateSupport
+    updateSupport,
   });
 }
 
@@ -76,5 +79,5 @@ export function updateUserStatus(id: number, status: number) {
 
 /** 获取用户精简信息列表 */
 export function getSimpleUserList() {
-  return requestClient.get<SystemUserApi.SystemUser[]>('/system/user/simple-list');
+  return requestClient.get<SystemUserApi.User[]>('/system/user/simple-list');
 }
diff --git a/apps/web-antd/src/api/system/user/profile/index.ts b/apps/web-antd/src/api/system/user/profile/index.ts
index 5a5083c1f..97898e71a 100644
--- a/apps/web-antd/src/api/system/user/profile/index.ts
+++ b/apps/web-antd/src/api/system/user/profile/index.ts
@@ -36,15 +36,21 @@ export namespace SystemUserProfileApi {
 
 /** 获取登录用户信息 */
 export function getUserProfile() {
-  return requestClient.get<SystemUserProfileApi.UserProfileRespVO>('/system/user/profile/get');
+  return requestClient.get<SystemUserProfileApi.UserProfileRespVO>(
+    '/system/user/profile/get',
+  );
 }
 
 /** 修改用户个人信息 */
-export function updateUserProfile(data: SystemUserProfileApi.UpdateProfileReqVO) {
+export function updateUserProfile(
+  data: SystemUserProfileApi.UpdateProfileReqVO,
+) {
   return requestClient.put('/system/user/profile/update', data);
 }
 
 /** 修改用户个人密码 */
-export function updateUserPassword(data: SystemUserProfileApi.UpdatePasswordReqVO) {
+export function updateUserPassword(
+  data: SystemUserProfileApi.UpdatePasswordReqVO,
+) {
   return requestClient.put('/system/user/profile/update-password', data);
-}
\ No newline at end of file
+}
diff --git a/apps/web-antd/src/components/dict-tag/dict-tag.vue b/apps/web-antd/src/components/dict-tag/dict-tag.vue
index 4cab3653a..d000b6669 100644
--- a/apps/web-antd/src/components/dict-tag/dict-tag.vue
+++ b/apps/web-antd/src/components/dict-tag/dict-tag.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// TODO @芋艿：貌似不用 src 目录
 import { computed } from 'vue';
 
 import { Tag } from 'ant-design-vue';
diff --git a/apps/web-antd/src/components/dict-tag/index.ts b/apps/web-antd/src/components/dict-tag/index.ts
index f4357f590..881265a39 100644
--- a/apps/web-antd/src/components/dict-tag/index.ts
+++ b/apps/web-antd/src/components/dict-tag/index.ts
@@ -1,3 +1 @@
-import DictTag from './dict-tag.vue'
-
-export { DictTag }
+export { default as DictTag } from './dict-tag.vue';
diff --git a/apps/web-antd/src/components/doc-alert/doc-alert.vue b/apps/web-antd/src/components/doc-alert/doc-alert.vue
index 66b6fcd1d..d44d557f3 100644
--- a/apps/web-antd/src/components/doc-alert/doc-alert.vue
+++ b/apps/web-antd/src/components/doc-alert/doc-alert.vue
@@ -23,12 +23,7 @@ const goToUrl = () => {
 </script>
 
 <template>
-  <Alert
-    v-if="isDocAlertEnable()"
-    type="info"
-    show-icon
-    class="mb-2 rounded"
-  >
+  <Alert v-if="isDocAlertEnable()" type="info" show-icon class="mb-2 rounded">
     <template #message>
       <Typography.Link @click="goToUrl">
         【{{ title }}】文档地址：{{ url }}
diff --git a/apps/web-antd/src/components/doc-alert/index.ts b/apps/web-antd/src/components/doc-alert/index.ts
index aa4be3b72..213351536 100644
--- a/apps/web-antd/src/components/doc-alert/index.ts
+++ b/apps/web-antd/src/components/doc-alert/index.ts
@@ -1,3 +1 @@
-import DocAlert from './doc-alert.vue'
-
-export { DocAlert }
+export { default as DocAlert } from './doc-alert.vue';
diff --git a/apps/web-antd/src/components/iframe/iframe.vue b/apps/web-antd/src/components/iframe/iframe.vue
index f0c996b7e..de70d89a9 100644
--- a/apps/web-antd/src/components/iframe/iframe.vue
+++ b/apps/web-antd/src/components/iframe/iframe.vue
@@ -1,35 +1,38 @@
 <script setup lang="ts">
-// TODO @芋艿：貌似不用 src 目录
-import { onMounted, ref } from 'vue'
+import { onMounted, ref } from 'vue';
 
 interface IFrameProps {
-  /**
-   * iframe 的源地址
-   */
-  src: string
+  /** iframe 的源地址 */
+  src: string;
 }
 
-const props = defineProps<IFrameProps>()
+const props = defineProps<IFrameProps>();
 
-const loading = ref(true)
-const height = ref('')
-const frameRef = ref<HTMLElement | null>(null)
+const loading = ref(true);
+const height = ref('');
+const frameRef = ref<HTMLElement | null>(null);
 
 function init() {
-  height.value = `${document.documentElement.clientHeight - 94.5}px`
-  loading.value = false
+  height.value = `${document.documentElement.clientHeight - 94.5}px`;
+  loading.value = false;
 }
 
 onMounted(() => {
   setTimeout(() => {
-    init()
-  }, 300)
-})
+    init();
+  }, 300);
+});
 // TODO @芋艿：优化：未来使用 vben 自带的内链实现
 </script>
 
 <template>
   <div v-loading="loading" :style="`height:${height}`">
-    <iframe ref="frameRef" :src="props.src" style="width: 100%; height: 100%" frameborder="no" scrolling="auto" />
+    <iframe
+      ref="frameRef"
+      :src="props.src"
+      style="width: 100%; height: 100%"
+      frameborder="no"
+      scrolling="auto"
+    ></iframe>
   </div>
 </template>
diff --git a/apps/web-antd/src/components/iframe/index.ts b/apps/web-antd/src/components/iframe/index.ts
index c4c3da5c0..d437bc0d3 100644
--- a/apps/web-antd/src/components/iframe/index.ts
+++ b/apps/web-antd/src/components/iframe/index.ts
@@ -1,3 +1 @@
-import IFrame from './iframe.vue'
-
-export { IFrame }
+export { default as IFrame } from './iframe.vue';
diff --git a/apps/web-antd/src/components/tinymce/editor.vue b/apps/web-antd/src/components/tinymce/editor.vue
index 9223c2ccc..3b0f25ee8 100644
--- a/apps/web-antd/src/components/tinymce/editor.vue
+++ b/apps/web-antd/src/components/tinymce/editor.vue
@@ -1,11 +1,8 @@
 <script lang="ts" setup>
-import type { Editor as EditorType } from 'tinymce/tinymce';
 import type { IPropTypes } from '@tinymce/tinymce-vue/lib/cjs/main/ts/components/EditorPropTypes';
-type InitOptions = IPropTypes['init'];
-import type { PropType } from 'vue';
+import type { Editor as EditorType } from 'tinymce/tinymce';
 
-import Editor from '@tinymce/tinymce-vue';
-import ImgUpload from './img-upload.vue';
+import type { PropType } from 'vue';
 
 import {
   computed,
@@ -21,12 +18,21 @@ import {
 } from 'vue';
 
 import { preferences, usePreferences } from '@vben/preferences';
+import { buildShortUUID, isNumber } from '@vben/utils';
+
+import Editor from '@tinymce/tinymce-vue';
 
-import { isNumber, buildShortUUID } from '@vben/utils';
-import { bindHandlers } from './helper';
-import { plugins as defaultPlugins, toolbar as defaultToolbar } from './tinymce';
 import { useUpload } from '#/components/upload/use-upload';
 
+import { bindHandlers } from './helper';
+import ImgUpload from './img-upload.vue';
+import {
+  plugins as defaultPlugins,
+  toolbar as defaultToolbar,
+} from './tinymce';
+
+type InitOptions = IPropTypes['init'];
+
 defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
@@ -300,8 +306,8 @@ function handleError(name: string) {
   if (!editor) {
     return;
   }
-  const content = editor?.getContent()?? '';
-  const val = content?.replace(getUploadingImgName(name), '')?? '';
+  const content = editor?.getContent() ?? '';
+  const val = content?.replace(getUploadingImgName(name), '') ?? '';
   setValue(editor, val);
 }
 </script>
@@ -349,4 +355,4 @@ function handleError(name: string) {
 :deep(.tox-promotion) {
   display: none !important;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/apps/web-antd/src/components/tinymce/img-upload.vue b/apps/web-antd/src/components/tinymce/img-upload.vue
index 95eb602f3..fd1773ddc 100644
--- a/apps/web-antd/src/components/tinymce/img-upload.vue
+++ b/apps/web-antd/src/components/tinymce/img-upload.vue
@@ -1,10 +1,12 @@
 <script lang="ts" setup>
 import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
 
-import { Upload, Button } from 'ant-design-vue';
+import { computed, ref } from 'vue';
 
 import { $t } from '@vben/locales';
-import { computed, ref } from 'vue';
+
+import { Button, Upload } from 'ant-design-vue';
+
 import { useUpload } from '#/components/upload/use-upload';
 
 defineOptions({ name: 'TinymceImageUpload' });
@@ -14,7 +16,8 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
-  fullscreen: { // 图片上传，是否放到全屏的位置
+  fullscreen: {
+    // 图片上传，是否放到全屏的位置
     default: false,
     type: Boolean,
   },
@@ -45,7 +48,7 @@ async function customRequest(info: UploadRequestOption<any>) {
   try {
     const url = await httpRequest(file);
     emit('done', name, url);
-  } catch (e) {
+  } catch {
     emit('error', name);
   } finally {
     uploading.value = false;
diff --git a/apps/web-antd/src/components/upload/file-upload.vue b/apps/web-antd/src/components/upload/file-upload.vue
index c297d0aad..91d7cc669 100644
--- a/apps/web-antd/src/components/upload/file-upload.vue
+++ b/apps/web-antd/src/components/upload/file-upload.vue
@@ -1,15 +1,19 @@
 <script lang="ts" setup>
 import type { UploadFile, UploadProps } from 'ant-design-vue';
 import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
-import type { AxiosProgressEvent } from '#/api/infra/file';
+
 import type { AxiosResponse } from '@vben/request';
 
-import { CloudUpload } from '@vben/icons';
-import { message, Upload, Button } from 'ant-design-vue';
+import type { AxiosProgressEvent } from '#/api/infra/file';
 
-import { $t } from '@vben/locales';
 import { ref, toRefs, watch } from 'vue';
+
+import { CloudUpload } from '@vben/icons';
+import { $t } from '@vben/locales';
 import { isFunction, isObject, isString } from '@vben/utils';
+
+import { Button, message, Upload } from 'ant-design-vue';
+
 import { checkFileType } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
@@ -36,7 +40,7 @@ const props = withDefaults(
     resultField?: string;
     // 是否显示下面的描述
     showDescription?: boolean;
-    value?: string[] | string;
+    value?: string | string[];
   }>(),
   {
     value: () => [],
diff --git a/apps/web-antd/src/components/upload/helper.ts b/apps/web-antd/src/components/upload/helper.ts
index 094574e90..a7a67639d 100644
--- a/apps/web-antd/src/components/upload/helper.ts
+++ b/apps/web-antd/src/components/upload/helper.ts
@@ -3,7 +3,7 @@ export function checkFileType(file: File, accepts: string[]) {
     return true;
   }
   const newTypes = accepts.join('|');
-  const reg = new RegExp('\\.(' + newTypes + ')$', 'i');
+  const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
 
@@ -12,6 +12,9 @@ export function checkFileType(file: File, accepts: string[]) {
  */
 export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
 
-export function checkImgType(file: File, accepts: string[] = defaultImageAccepts) {
+export function checkImgType(
+  file: File,
+  accepts: string[] = defaultImageAccepts,
+) {
   return checkFileType(file, accepts);
-}
\ No newline at end of file
+}
diff --git a/apps/web-antd/src/components/upload/image-upload.vue b/apps/web-antd/src/components/upload/image-upload.vue
index e018f51d0..6d1d576fc 100644
--- a/apps/web-antd/src/components/upload/image-upload.vue
+++ b/apps/web-antd/src/components/upload/image-upload.vue
@@ -1,15 +1,19 @@
 <script lang="ts" setup>
 import type { UploadFile, UploadProps } from 'ant-design-vue';
 import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
-import type { AxiosProgressEvent } from '#/api/infra/file';
+
 import type { AxiosResponse } from '@vben/request';
 
-import { CloudUpload } from '@vben/icons';
-import { message, Upload, Modal } from 'ant-design-vue';
+import type { AxiosProgressEvent } from '#/api/infra/file';
 
-import { $t } from '@vben/locales';
 import { ref, toRefs, watch } from 'vue';
+
+import { CloudUpload } from '@vben/icons';
+import { $t } from '@vben/locales';
 import { isFunction, isObject, isString } from '@vben/utils';
+
+import { message, Modal, Upload } from 'ant-design-vue';
+
 import { checkImgType, defaultImageAccepts } from './helper';
 import { UploadResultStatus } from './typing';
 import { useUpload, useUploadType } from './use-upload';
@@ -37,7 +41,7 @@ const props = withDefaults(
     resultField?: string;
     // 是否显示下面的描述
     showDescription?: boolean;
-    value?: string[] | string;
+    value?: string | string[];
   }>(),
   {
     value: () => [],
@@ -231,7 +235,10 @@ function getValue() {
       @preview="handlePreview"
       @remove="handleRemove"
     >
-      <div v-if="fileList && fileList.length < maxNumber" class="flex flex-col items-center justify-center">
+      <div
+        v-if="fileList && fileList.length < maxNumber"
+        class="flex flex-col items-center justify-center"
+      >
         <CloudUpload />
         <div class="mt-2">{{ $t('ui.upload.imgUpload') }}</div>
       </div>
@@ -241,7 +248,7 @@ function getValue() {
       class="mt-2 flex flex-wrap items-center text-[14px]"
     >
       请上传不超过
-      <div class="mx-1 font-bold text-primary">{{ maxSize }}MB</div>
+      <div class="text-primary mx-1 font-bold">{{ maxSize }}MB</div>
       的
       <div class="text-primary mx-1 font-bold">{{ accept.join('/') }}</div>
       格式文件
diff --git a/apps/web-antd/src/components/upload/use-upload.ts b/apps/web-antd/src/components/upload/use-upload.ts
index 8e78a804d..c7c7aa2e4 100644
--- a/apps/web-antd/src/components/upload/use-upload.ts
+++ b/apps/web-antd/src/components/upload/use-upload.ts
@@ -113,6 +113,7 @@ export const useUpload = () => {
         });
     } else {
       // 模式二：后端上传
+      // TODO @芋艿：这里有爆红
       return uploadFile({ file }, onUploadProgress);
     }
   };
@@ -168,4 +169,4 @@ async function generateFileName(file: File) {
   // 拼接后缀
   const ext = file.name.slice(Math.max(0, file.name.lastIndexOf('.')));
   return `${sha256}${ext}`;
-}
\ No newline at end of file
+}
diff --git a/apps/web-antd/src/views/_core/profile/modules/user-social.vue b/apps/web-antd/src/views/_core/profile/modules/user-social.vue
index f1a0cda66..89b82882b 100644
--- a/apps/web-antd/src/views/_core/profile/modules/user-social.vue
+++ b/apps/web-antd/src/views/_core/profile/modules/user-social.vue
@@ -8,21 +8,25 @@ import { computed, ref, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { $t } from '#/locales';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getBindSocialUserList, socialUnbind, socialBind } from '#/api/system/social/user';
+import {
+  getBindSocialUserList,
+  socialUnbind,
+  socialBind,
+} from '#/api/system/social/user';
 import { socialAuthRedirect } from '#/api/core/auth';
 import { DICT_TYPE, getDictLabel } from '#/utils/dict';
 import { SystemUserSocialTypeEnum } from '#/utils/constants';
 
-const route = useRoute()
+const route = useRoute();
 const emit = defineEmits<{
-  (e: 'update:activeName', v: string): void
-}>()
+  (e: 'update:activeName', v: string): void;
+}>();
 
 /** 已经绑定的平台 */
-const bindList = ref<SystemSocialUserApi.SystemSocialUser[]>([]);
+const bindList = ref<SystemSocialUserApi.SocialUser[]>([]);
 const allBindList = computed<any[]>(() => {
   return Object.values(SystemUserSocialTypeEnum).map((social) => {
-    const socialUser = bindList.value.find(item => item.type === social.type);
+    const socialUser = bindList.value.find((item) => item.type === social.type);
     return {
       ...social,
       socialUser,
@@ -36,7 +40,10 @@ function useGridColumns(): VxeTableGridOptions['columns'] {
       field: 'type',
       title: '绑定平台',
       minWidth: 100,
-      cellRender: { name: 'CellDict', props: { type: DICT_TYPE.SYSTEM_SOCIAL_TYPE } },
+      cellRender: {
+        name: 'CellDict',
+        props: { type: DICT_TYPE.SYSTEM_SOCIAL_TYPE },
+      },
     },
     {
       field: 'openid',
@@ -55,9 +62,11 @@ function useGridColumns(): VxeTableGridOptions['columns'] {
       align: 'center',
       fixed: 'right',
       slots: {
-        default: ({ row }: { row: SystemSocialUserApi.SystemSocialUser }) => {
+        default: ({ row }: { row: SystemSocialUserApi.SocialUser }) => {
           return (
-            <Button onClick={() => onUnbind(row)} type="link">解绑</Button>
+            <Button onClick={() => onUnbind(row)} type="link">
+              解绑
+            </Button>
           );
         },
       },
@@ -87,11 +96,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     toolbarConfig: {
       enabled: false,
     },
-  } as VxeTableGridOptions<SystemSocialUserApi.SystemSocialUser>,
+  } as VxeTableGridOptions<SystemSocialUserApi.SocialUser>,
 });
 
 /** 解绑账号 */
-function onUnbind(row: SystemSocialUserApi.SystemSocialUser) {
+function onUnbind(row: SystemSocialUserApi.SocialUser) {
   Modal.confirm({
     type: 'warning',
     title: '提示',
@@ -117,10 +126,11 @@ async function onBind(bind: any) {
   try {
     // 计算 redirectUri
     // tricky: type 需要先 encode 一次，否则钉钉回调会丢失。配合 getUrlValue() 使用
-    const redirectUri = location.origin + '/profile?' + encodeURIComponent(`type=${type}`)
+    const redirectUri =
+      location.origin + '/profile?' + encodeURIComponent(`type=${type}`);
 
     // 进行跳转
-    window.location.href = await socialAuthRedirect(type, redirectUri)
+    window.location.href = await socialAuthRedirect(type, redirectUri);
   } catch (error) {
     console.error('社交绑定处理失败:', error);
   }
@@ -129,32 +139,32 @@ async function onBind(bind: any) {
 /** 监听路由变化，处理社交绑定回调 */
 async function bindSocial() {
   // 社交绑定
-  const type = Number(getUrlValue('type'))
-  const code = route.query.code as string
-  const state = route.query.state as string
+  const type = Number(getUrlValue('type'));
+  const code = route.query.code as string;
+  const state = route.query.state as string;
   if (!code) {
-    return
+    return;
   }
-  await socialBind({ type, code, state })
+  await socialBind({ type, code, state });
   // 提示成功
-  message.success('绑定成功')
-  emit('update:activeName', 'userSocial')
+  message.success('绑定成功');
+  emit('update:activeName', 'userSocial');
   await gridApi.reload();
   // 清理 URL 参数，避免刷新重复触发
-  window.history.replaceState({}, '', location.pathname)
+  window.history.replaceState({}, '', location.pathname);
 }
 
 // TODO @芋艿：后续搞到 util 里；
 // 双层 encode 需要在回调后进行 decode
 function getUrlValue(key: string): string {
-  const url = new URL(decodeURIComponent(location.href))
-  return url.searchParams.get(key) ?? ''
+  const url = new URL(decodeURIComponent(location.href));
+  return url.searchParams.get(key) ?? '';
 }
 
 /** 初始化 */
 onMounted(() => {
-  bindSocial()
-})
+  bindSocial();
+});
 </script>
 
 <template>
@@ -162,7 +172,9 @@ onMounted(() => {
     <Grid />
 
     <div class="pb-3">
-      <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 gap-2 px-2">
+      <div
+        class="grid grid-cols-1 gap-2 px-2 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3"
+      >
         <Card v-for="item in allBindList" :key="item.type" class="!mb-2">
           <div class="flex w-full items-center gap-4">
             <Image
@@ -174,7 +186,9 @@ onMounted(() => {
             />
             <div class="flex flex-1 items-center justify-between">
               <div class="flex flex-col">
-                <h4 class="mb-[4px] text-[14px] text-black/85 dark:text-white/85">
+                <h4
+                  class="mb-[4px] text-[14px] text-black/85 dark:text-white/85"
+                >
                   {{ getDictLabel(DICT_TYPE.SYSTEM_SOCIAL_TYPE, item.type) }}
                 </h4>
                 <span class="text-black/45 dark:text-white/45">
@@ -182,7 +196,9 @@ onMounted(() => {
                     {{ item.socialUser?.nickname || item.socialUser?.openid }}
                   </template>
                   <template v-else>
-                    绑定{{ getDictLabel(DICT_TYPE.SYSTEM_SOCIAL_TYPE, item.type) }}账号
+                    绑定{{
+                      getDictLabel(DICT_TYPE.SYSTEM_SOCIAL_TYPE, item.type)
+                    }}账号
                   </template>
                 </span>
               </div>
diff --git a/apps/web-antd/src/views/bpm/category/data.ts b/apps/web-antd/src/views/bpm/category/data.ts
index 272ee9bc6..cc7b6504a 100644
--- a/apps/web-antd/src/views/bpm/category/data.ts
+++ b/apps/web-antd/src/views/bpm/category/data.ts
@@ -3,6 +3,7 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { BpmCategoryApi } from '#/api/bpm/category';
 
 import { useAccess } from '@vben/access';
+
 import { z } from '#/adapter/form';
 import { CommonStatusEnum } from '#/utils/constants';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
diff --git a/apps/web-antd/src/views/bpm/category/index.vue b/apps/web-antd/src/views/bpm/category/index.vue
index 5a4c73dd3..76bc4c1a1 100644
--- a/apps/web-antd/src/views/bpm/category/index.vue
+++ b/apps/web-antd/src/views/bpm/category/index.vue
@@ -1,16 +1,20 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { BpmCategoryApi } from '#/api/bpm/category';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+
 import { Button, message } from 'ant-design-vue';
-import Form from './modules/form.vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteCategory, getCategoryPage } from '#/api/bpm/category';
 import { $t } from '#/locales';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
diff --git a/apps/web-antd/src/views/bpm/category/modules/form.vue b/apps/web-antd/src/views/bpm/category/modules/form.vue
index 9731e69c5..79dd1408f 100644
--- a/apps/web-antd/src/views/bpm/category/modules/form.vue
+++ b/apps/web-antd/src/views/bpm/category/modules/form.vue
@@ -1,12 +1,18 @@
 <script lang="ts" setup>
 import type { BpmCategoryApi } from '#/api/bpm/category';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import {createCategory, getCategory, updateCategory } from '#/api/bpm/category';
+import {
+  createCategory,
+  getCategory,
+  updateCategory,
+} from '#/api/bpm/category';
 import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
diff --git a/apps/web-antd/src/views/crm/backlog/index.vue b/apps/web-antd/src/views/crm/backlog/index.vue
index db8797791..2c8749d50 100644
--- a/apps/web-antd/src/views/crm/backlog/index.vue
+++ b/apps/web-antd/src/views/crm/backlog/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【通用】跟进记录、待办事项" url="https://doc.iocoder.cn/crm/follow-up/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【通用】跟进记录、待办事项"
+      url="https://doc.iocoder.cn/crm/follow-up/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/business/index.vue b/apps/web-antd/src/views/crm/business/index.vue
index 367a61bfa..7ac461c34 100644
--- a/apps/web-antd/src/views/crm/business/index.vue
+++ b/apps/web-antd/src/views/crm/business/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商机】商机管理、商机状态" url="https://doc.iocoder.cn/crm/business/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商机】商机管理、商机状态"
+      url="https://doc.iocoder.cn/crm/business/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/business/status/index.vue b/apps/web-antd/src/views/crm/business/status/index.vue
index 0b07cac3e..adb8b3bb0 100644
--- a/apps/web-antd/src/views/crm/business/status/index.vue
+++ b/apps/web-antd/src/views/crm/business/status/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商机】商机管理、商机状态" url="https://doc.iocoder.cn/crm/business/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商机】商机管理、商机状态"
+      url="https://doc.iocoder.cn/crm/business/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/clue/index.vue b/apps/web-antd/src/views/crm/clue/index.vue
index 40022caf3..51179ef83 100644
--- a/apps/web-antd/src/views/crm/clue/index.vue
+++ b/apps/web-antd/src/views/crm/clue/index.vue
@@ -1,19 +1,35 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="【线索】线索管理" url="https://doc.iocoder.cn/crm/clue/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/contact/index.vue b/apps/web-antd/src/views/crm/contact/index.vue
index 8c0b225ab..c17be72b3 100644
--- a/apps/web-antd/src/views/crm/contact/index.vue
+++ b/apps/web-antd/src/views/crm/contact/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【客户】客户管理、公海客户"
+      url="https://doc.iocoder.cn/crm/customer/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contact/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contact/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contact/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contact/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/contract/config/index.vue b/apps/web-antd/src/views/crm/contract/config/index.vue
index 788d5f84d..db64ed742 100644
--- a/apps/web-antd/src/views/crm/contract/config/index.vue
+++ b/apps/web-antd/src/views/crm/contract/config/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【合同】合同管理、合同提醒" url="https://doc.iocoder.cn/crm/contract/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【合同】合同管理、合同提醒"
+      url="https://doc.iocoder.cn/crm/contract/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/contract/index.vue b/apps/web-antd/src/views/crm/contract/index.vue
index eaa40025b..6622d144a 100644
--- a/apps/web-antd/src/views/crm/contract/index.vue
+++ b/apps/web-antd/src/views/crm/contract/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【合同】合同管理、合同提醒" url="https://doc.iocoder.cn/crm/contract/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【合同】合同管理、合同提醒"
+      url="https://doc.iocoder.cn/crm/contract/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/customer/index.vue b/apps/web-antd/src/views/crm/customer/index.vue
index 2bfdad12d..8614be3f1 100644
--- a/apps/web-antd/src/views/crm/customer/index.vue
+++ b/apps/web-antd/src/views/crm/customer/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【客户】客户管理、公海客户"
+      url="https://doc.iocoder.cn/crm/customer/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/customer/limitConfig/index.vue b/apps/web-antd/src/views/crm/customer/limitConfig/index.vue
index 0634105bb..3820d40e6 100644
--- a/apps/web-antd/src/views/crm/customer/limitConfig/index.vue
+++ b/apps/web-antd/src/views/crm/customer/limitConfig/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【客户】客户管理、公海客户"
+      url="https://doc.iocoder.cn/crm/customer/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/customer/pool/index.vue b/apps/web-antd/src/views/crm/customer/pool/index.vue
index 3120c1319..aa330f83c 100644
--- a/apps/web-antd/src/views/crm/customer/pool/index.vue
+++ b/apps/web-antd/src/views/crm/customer/pool/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【客户】客户管理、公海客户"
+      url="https://doc.iocoder.cn/crm/customer/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/customer/poolConfig/index.vue b/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
index 02111a482..717d8cbec 100644
--- a/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
+++ b/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【客户】客户管理、公海客户"
+      url="https://doc.iocoder.cn/crm/customer/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/product/category/index.vue b/apps/web-antd/src/views/crm/product/category/index.vue
index e695e4658..32f54cc97 100644
--- a/apps/web-antd/src/views/crm/product/category/index.vue
+++ b/apps/web-antd/src/views/crm/product/category/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【产品】产品管理、产品分类" url="https://doc.iocoder.cn/crm/product/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【产品】产品管理、产品分类"
+      url="https://doc.iocoder.cn/crm/product/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/product/index.vue b/apps/web-antd/src/views/crm/product/index.vue
index c06b1e3ac..805a634a5 100644
--- a/apps/web-antd/src/views/crm/product/index.vue
+++ b/apps/web-antd/src/views/crm/product/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【产品】产品管理、产品分类" url="https://doc.iocoder.cn/crm/product/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【产品】产品管理、产品分类"
+      url="https://doc.iocoder.cn/crm/product/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/receivable/index.vue b/apps/web-antd/src/views/crm/receivable/index.vue
index 20a527e95..016c4968a 100644
--- a/apps/web-antd/src/views/crm/receivable/index.vue
+++ b/apps/web-antd/src/views/crm/receivable/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【回款】回款管理、回款计划" url="https://doc.iocoder.cn/crm/receivable/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【回款】回款管理、回款计划"
+      url="https://doc.iocoder.cn/crm/receivable/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/receivable/plan/index.vue b/apps/web-antd/src/views/crm/receivable/plan/index.vue
index f719b58ec..dc177ae79 100644
--- a/apps/web-antd/src/views/crm/receivable/plan/index.vue
+++ b/apps/web-antd/src/views/crm/receivable/plan/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【回款】回款管理、回款计划" url="https://doc.iocoder.cn/crm/receivable/" />
-    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【回款】回款管理、回款计划"
+      url="https://doc.iocoder.cn/crm/receivable/"
+    />
+    <DocAlert
+      title="【通用】数据权限"
+      url="https://doc.iocoder.cn/crm/permission/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/statistics/customer/index.vue b/apps/web-antd/src/views/crm/statistics/customer/index.vue
index 1de8e4dbb..f86e725c7 100644
--- a/apps/web-antd/src/views/crm/statistics/customer/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/customer/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/statistics/funnel/index.vue b/apps/web-antd/src/views/crm/statistics/funnel/index.vue
index 906184a00..3d944187e 100644
--- a/apps/web-antd/src/views/crm/statistics/funnel/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/funnel/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/statistics/performance/index.vue b/apps/web-antd/src/views/crm/statistics/performance/index.vue
index 34e5eb8e5..54f2eb5cf 100644
--- a/apps/web-antd/src/views/crm/statistics/performance/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/performance/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/statistics/portrait/index.vue b/apps/web-antd/src/views/crm/statistics/portrait/index.vue
index 7e580cb15..857fc95e9 100644
--- a/apps/web-antd/src/views/crm/statistics/portrait/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/portrait/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/crm/statistics/rank/index.vue b/apps/web-antd/src/views/crm/statistics/rank/index.vue
index a653b6e07..52c96d9f1 100644
--- a/apps/web-antd/src/views/crm/statistics/rank/index.vue
+++ b/apps/web-antd/src/views/crm/statistics/rank/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/finance/account/index.vue b/apps/web-antd/src/views/erp/finance/account/index.vue
index 7c3729b9e..760d63495 100644
--- a/apps/web-antd/src/views/erp/finance/account/index.vue
+++ b/apps/web-antd/src/views/erp/finance/account/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【财务】采购付款、销售收款" url="https://doc.iocoder.cn/sale/finance-payment-receipt/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【财务】采购付款、销售收款"
+      url="https://doc.iocoder.cn/sale/finance-payment-receipt/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/account/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/account/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/account/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/account/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/finance/payment/index.vue b/apps/web-antd/src/views/erp/finance/payment/index.vue
index fd78044cf..149b25ca1 100644
--- a/apps/web-antd/src/views/erp/finance/payment/index.vue
+++ b/apps/web-antd/src/views/erp/finance/payment/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【财务】采购付款、销售收款" url="https://doc.iocoder.cn/sale/finance-payment-receipt/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【财务】采购付款、销售收款"
+      url="https://doc.iocoder.cn/sale/finance-payment-receipt/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/payment/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/payment/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/payment/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/payment/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/finance/receipt/index.vue b/apps/web-antd/src/views/erp/finance/receipt/index.vue
index 5755cc681..c70160cec 100644
--- a/apps/web-antd/src/views/erp/finance/receipt/index.vue
+++ b/apps/web-antd/src/views/erp/finance/receipt/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【财务】采购付款、销售收款" url="https://doc.iocoder.cn/sale/finance-payment-receipt/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【财务】采购付款、销售收款"
+      url="https://doc.iocoder.cn/sale/finance-payment-receipt/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/receipt/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/receipt/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/receipt/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/finance/receipt/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/home/index.vue b/apps/web-antd/src/views/erp/home/index.vue
index 5f6163df9..9a8c3811f 100644
--- a/apps/web-antd/src/views/erp/home/index.vue
+++ b/apps/web-antd/src/views/erp/home/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="ERP 手册（功能开启）" url="https://doc.iocoder.cn/erp/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="ERP 手册（功能开启）"
+      url="https://doc.iocoder.cn/erp/build/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/home/index.vue">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/home/index.vue 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/home/index.vue"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/home/index.vue
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/product/category/index.vue b/apps/web-antd/src/views/erp/product/category/index.vue
index 8b78ebc4e..2113e93ae 100644
--- a/apps/web-antd/src/views/erp/product/category/index.vue
+++ b/apps/web-antd/src/views/erp/product/category/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【产品】产品信息、分类、单位" url="https://doc.iocoder.cn/erp/product/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【产品】产品信息、分类、单位"
+      url="https://doc.iocoder.cn/erp/product/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/category/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/category/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/category/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/category/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/product/product/index.vue b/apps/web-antd/src/views/erp/product/product/index.vue
index ed7418e77..bc0001727 100644
--- a/apps/web-antd/src/views/erp/product/product/index.vue
+++ b/apps/web-antd/src/views/erp/product/product/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【产品】产品信息、分类、单位" url="https://doc.iocoder.cn/erp/product/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【产品】产品信息、分类、单位"
+      url="https://doc.iocoder.cn/erp/product/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/product/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/product/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/product/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/product/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/product/unit/index.vue b/apps/web-antd/src/views/erp/product/unit/index.vue
index 2c5558b78..1ddab46b9 100644
--- a/apps/web-antd/src/views/erp/product/unit/index.vue
+++ b/apps/web-antd/src/views/erp/product/unit/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【产品】产品信息、分类、单位" url="https://doc.iocoder.cn/erp/product/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【产品】产品信息、分类、单位"
+      url="https://doc.iocoder.cn/erp/product/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/unit/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/unit/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/unit/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/product/unit/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/purchase/in/index.vue b/apps/web-antd/src/views/erp/purchase/in/index.vue
index a5c2d26dd..344d0b3fd 100644
--- a/apps/web-antd/src/views/erp/purchase/in/index.vue
+++ b/apps/web-antd/src/views/erp/purchase/in/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【采购】采购订单、入库、退货" url="https://doc.iocoder.cn/erp/purchase/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【采购】采购订单、入库、退货"
+      url="https://doc.iocoder.cn/erp/purchase/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/in/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/in/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/in/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/in/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/purchase/order/index.vue b/apps/web-antd/src/views/erp/purchase/order/index.vue
index a9daff366..a554f7e7a 100644
--- a/apps/web-antd/src/views/erp/purchase/order/index.vue
+++ b/apps/web-antd/src/views/erp/purchase/order/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【采购】采购订单、入库、退货" url="https://doc.iocoder.cn/erp/purchase/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【采购】采购订单、入库、退货"
+      url="https://doc.iocoder.cn/erp/purchase/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/order/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/order/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/order/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/order/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/purchase/return/index.vue b/apps/web-antd/src/views/erp/purchase/return/index.vue
index fd2f74ecc..63757b5d0 100644
--- a/apps/web-antd/src/views/erp/purchase/return/index.vue
+++ b/apps/web-antd/src/views/erp/purchase/return/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【采购】采购订单、入库、退货" url="https://doc.iocoder.cn/erp/purchase/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【采购】采购订单、入库、退货"
+      url="https://doc.iocoder.cn/erp/purchase/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/return/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/return/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/return/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/return/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/purchase/supplier/index.vue b/apps/web-antd/src/views/erp/purchase/supplier/index.vue
index 2f0c3d64e..a67e06aa8 100644
--- a/apps/web-antd/src/views/erp/purchase/supplier/index.vue
+++ b/apps/web-antd/src/views/erp/purchase/supplier/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【采购】采购订单、入库、退货" url="https://doc.iocoder.cn/erp/purchase/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【采购】采购订单、入库、退货"
+      url="https://doc.iocoder.cn/erp/purchase/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/supplier/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/supplier/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/supplier/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/purchase/supplier/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/sale/customer/index.vue b/apps/web-antd/src/views/erp/sale/customer/index.vue
index ecb48a04c..548ccb6dd 100644
--- a/apps/web-antd/src/views/erp/sale/customer/index.vue
+++ b/apps/web-antd/src/views/erp/sale/customer/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【销售】销售订单、出库、退货" url="https://doc.iocoder.cn/erp/sale/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【销售】销售订单、出库、退货"
+      url="https://doc.iocoder.cn/erp/sale/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/customer/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/customer/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/customer/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/customer/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/sale/order/index.vue b/apps/web-antd/src/views/erp/sale/order/index.vue
index 05f3751aa..06dc84eff 100644
--- a/apps/web-antd/src/views/erp/sale/order/index.vue
+++ b/apps/web-antd/src/views/erp/sale/order/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【销售】销售订单、出库、退货" url="https://doc.iocoder.cn/erp/sale/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【销售】销售订单、出库、退货"
+      url="https://doc.iocoder.cn/erp/sale/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/order/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/order/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/order/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/order/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/sale/out/index.vue b/apps/web-antd/src/views/erp/sale/out/index.vue
index 016849978..fdb026f7a 100644
--- a/apps/web-antd/src/views/erp/sale/out/index.vue
+++ b/apps/web-antd/src/views/erp/sale/out/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【销售】销售订单、出库、退货" url="https://doc.iocoder.cn/erp/sale/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【销售】销售订单、出库、退货"
+      url="https://doc.iocoder.cn/erp/sale/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/out/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/out/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/out/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/out/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/sale/return/index.vue b/apps/web-antd/src/views/erp/sale/return/index.vue
index a46a80895..514d87fb6 100644
--- a/apps/web-antd/src/views/erp/sale/return/index.vue
+++ b/apps/web-antd/src/views/erp/sale/return/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【销售】销售订单、出库、退货" url="https://doc.iocoder.cn/erp/sale/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【销售】销售订单、出库、退货"
+      url="https://doc.iocoder.cn/erp/sale/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/return/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/return/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/return/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/sale/return/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/check/index.vue b/apps/web-antd/src/views/erp/stock/check/index.vue
index c999e35dc..5bea30714 100644
--- a/apps/web-antd/src/views/erp/stock/check/index.vue
+++ b/apps/web-antd/src/views/erp/stock/check/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】库存调拨、库存盘点" url="https://doc.iocoder.cn/erp/stock-move-check/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】库存调拨、库存盘点"
+      url="https://doc.iocoder.cn/erp/stock-move-check/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/check/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/check/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/check/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/check/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/in/index.vue b/apps/web-antd/src/views/erp/stock/in/index.vue
index 189060957..8f066e7fc 100644
--- a/apps/web-antd/src/views/erp/stock/in/index.vue
+++ b/apps/web-antd/src/views/erp/stock/in/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】其它入库、其它出库" url="https://doc.iocoder.cn/erp/stock-in-out/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】其它入库、其它出库"
+      url="https://doc.iocoder.cn/erp/stock-in-out/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/in/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/in/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/in/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/in/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/move/index.vue b/apps/web-antd/src/views/erp/stock/move/index.vue
index 09f716021..a99db0338 100644
--- a/apps/web-antd/src/views/erp/stock/move/index.vue
+++ b/apps/web-antd/src/views/erp/stock/move/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】库存调拨、库存盘点" url="https://doc.iocoder.cn/erp/stock-move-check/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】库存调拨、库存盘点"
+      url="https://doc.iocoder.cn/erp/stock-move-check/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/move/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/move/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/move/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/move/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/out/index.vue b/apps/web-antd/src/views/erp/stock/out/index.vue
index 7dcd31677..09d1b16d4 100644
--- a/apps/web-antd/src/views/erp/stock/out/index.vue
+++ b/apps/web-antd/src/views/erp/stock/out/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】其它入库、其它出库" url="https://doc.iocoder.cn/erp/stock-in-out/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】其它入库、其它出库"
+      url="https://doc.iocoder.cn/erp/stock-in-out/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/out/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/out/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/out/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/out/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/record/index.vue b/apps/web-antd/src/views/erp/stock/record/index.vue
index dedf5c1f4..fa3c43fa0 100644
--- a/apps/web-antd/src/views/erp/stock/record/index.vue
+++ b/apps/web-antd/src/views/erp/stock/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】产品库存、库存明细" url="https://doc.iocoder.cn/erp/stock/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】产品库存、库存明细"
+      url="https://doc.iocoder.cn/erp/stock/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/record/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/record/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/record/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/record/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/stock/index.vue b/apps/web-antd/src/views/erp/stock/stock/index.vue
index d8960e20b..c85b8a0f7 100644
--- a/apps/web-antd/src/views/erp/stock/stock/index.vue
+++ b/apps/web-antd/src/views/erp/stock/stock/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】产品库存、库存明细" url="https://doc.iocoder.cn/erp/stock/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】产品库存、库存明细"
+      url="https://doc.iocoder.cn/erp/stock/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/stock/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/stock/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/stock/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/stock/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/erp/stock/warehouse/index.vue b/apps/web-antd/src/views/erp/stock/warehouse/index.vue
index 744bfb9ad..24e57664a 100644
--- a/apps/web-antd/src/views/erp/stock/warehouse/index.vue
+++ b/apps/web-antd/src/views/erp/stock/warehouse/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【库存】产品库存、库存明细" url="https://doc.iocoder.cn/erp/stock/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【库存】产品库存、库存明细"
+      url="https://doc.iocoder.cn/erp/stock/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/warehouse/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/warehouse/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/warehouse/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/erp/stock/warehouse/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/apiAccessLog/data.ts b/apps/web-antd/src/views/infra/apiAccessLog/data.ts
index 21c6bd43d..6d398d5a9 100644
--- a/apps/web-antd/src/views/infra/apiAccessLog/data.ts
+++ b/apps/web-antd/src/views/infra/apiAccessLog/data.ts
@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-log';
 
-import {DICT_TYPE, getDictOptions} from '#/utils/dict';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 
@@ -70,7 +70,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraApiAccessLogApi.SystemApiAccessLog>(
+export function useGridColumns<T = InfraApiAccessLogApi.ApiAccessLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
@@ -125,9 +125,7 @@ export function useGridColumns<T = InfraApiAccessLogApi.SystemApiAccessLog>(
       title: '操作结果',
       minWidth: 150,
       formatter: ({ row }) => {
-        return row.resultCode === 0
-          ? '成功'
-          : `失败(${row.resultMsg})`;
+        return row.resultCode === 0 ? '成功' : `失败(${row.resultMsg})`;
       },
     },
     {
diff --git a/apps/web-antd/src/views/infra/apiAccessLog/index.vue b/apps/web-antd/src/views/infra/apiAccessLog/index.vue
index ea6846962..bdf9e115c 100644
--- a/apps/web-antd/src/views/infra/apiAccessLog/index.vue
+++ b/apps/web-antd/src/views/infra/apiAccessLog/index.vue
@@ -1,19 +1,26 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-log';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button } from 'ant-design-vue';
 import { Download } from '@vben/icons';
-import Detail from './modules/detail.vue';
-import { DocAlert } from '#/components/doc-alert';
 
-import { $t } from '#/locales';
+import { Button } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { exportApiAccessLog, getApiAccessLogPage } from '#/api/infra/api-access-log';
+import {
+  exportApiAccessLog,
+  getApiAccessLogPage,
+} from '#/api/infra/api-access-log';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';
 
 const [DetailModal, detailModalApi] = useVbenModal({
   connectedComponent: Detail,
@@ -32,7 +39,7 @@ async function onExport() {
 }
 
 /** 查看 API 访问日志详情 */
-function onDetail(row: InfraApiAccessLogApi.SystemApiAccessLog) {
+function onDetail(row: InfraApiAccessLogApi.ApiAccessLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -40,7 +47,7 @@ function onDetail(row: InfraApiAccessLogApi.SystemApiAccessLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraApiAccessLogApi.SystemApiAccessLog>) {
+}: OnActionClickParams<InfraApiAccessLogApi.ApiAccessLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -75,7 +82,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraApiAccessLogApi.SystemApiAccessLog>,
+  } as VxeTableGridOptions<InfraApiAccessLogApi.ApiAccessLog>,
 });
 </script>
 
@@ -86,11 +93,16 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <DetailModal @success="onRefresh" />
     <Grid table-title="API 访问日志列表">
       <template #toolbar-tools>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:api-access-log:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:api-access-log:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
       </template>
     </Grid>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue b/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue
index 1459d3270..edb378e6b 100644
--- a/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue
@@ -1,15 +1,17 @@
 <script lang="ts" setup>
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-log';
 
-import { useVbenModal } from '@vben/common-ui';
-import { Descriptions } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
 import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
 import { formatDateTime } from '@vben/utils';
+
+import { Descriptions } from 'ant-design-vue';
+
+import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<InfraApiAccessLogApi.SystemApiAccessLog>();
+const formData = ref<InfraApiAccessLogApi.ApiAccessLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -17,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraApiAccessLogApi.SystemApiAccessLog>();
+    const data = modalApi.getData<InfraApiAccessLogApi.ApiAccessLog>();
     if (!data || !data.id) {
       return;
     }
@@ -32,8 +34,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal title="API 访问日志详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions bordered :column="1" size="middle" class="mx-4" :label-style="{ width: '110px' }">
+  <Modal
+    title="API 访问日志详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      bordered
+      :column="1"
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '110px' }"
+    >
       <Descriptions.Item label="日志编号">
         {{ formData?.id }}
       </Descriptions.Item>
@@ -63,11 +76,15 @@ const [Modal, modalApi] = useVbenModal({
         {{ formData?.responseBody }}
       </Descriptions.Item>
       <Descriptions.Item label="请求时间">
-        {{ formatDateTime(formData?.beginTime || '') }} ~ {{ formatDateTime(formData?.endTime || '') }}
+        {{ formatDateTime(formData?.beginTime || '') }} ~
+        {{ formatDateTime(formData?.endTime || '') }}
+      </Descriptions.Item>
+      <Descriptions.Item label="请求耗时">
+        {{ formData?.duration }} ms
       </Descriptions.Item>
-      <Descriptions.Item label="请求耗时">{{ formData?.duration }} ms</Descriptions.Item>
       <Descriptions.Item label="操作结果">
         <div v-if="formData?.resultCode === 0">正常</div>
+        <!-- TODO @芋艿：处理爆红 -->
         <div v-else-if="formData?.resultCode > 0">
           失败 | {{ formData?.resultCode }} | {{ formData?.resultMsg }}
         </div>
@@ -79,7 +96,10 @@ const [Modal, modalApi] = useVbenModal({
         {{ formData?.operateName }}
       </Descriptions.Item>
       <Descriptions.Item label="操作类型">
-        <DictTag :type="DICT_TYPE.INFRA_OPERATE_TYPE" :value="formData?.operateType" />
+        <DictTag
+          :type="DICT_TYPE.INFRA_OPERATE_TYPE"
+          :value="formData?.operateType"
+        />
       </Descriptions.Item>
     </Descriptions>
   </Modal>
diff --git a/apps/web-antd/src/views/infra/apiErrorLog/data.ts b/apps/web-antd/src/views/infra/apiErrorLog/data.ts
index af766c81a..14a75df70 100644
--- a/apps/web-antd/src/views/infra/apiErrorLog/data.ts
+++ b/apps/web-antd/src/views/infra/apiErrorLog/data.ts
@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';
 
-import {DICT_TYPE, getDictOptions} from '#/utils/dict';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 import { InfraApiErrorLogProcessStatusEnum } from '#/utils/constants';
@@ -54,7 +54,10 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '处理状态',
       component: 'Select',
       componentProps: {
-        options: getDictOptions(DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS,
+          'number',
+        ),
         allowClear: true,
         placeholder: '请选择处理状态',
       },
@@ -64,7 +67,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraApiErrorLogApi.SystemApiErrorLog>(
+export function useGridColumns<T = InfraApiErrorLogApi.ApiErrorLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
@@ -144,17 +147,21 @@ export function useGridColumns<T = InfraApiErrorLogApi.SystemApiErrorLog>(
           {
             code: 'done',
             text: '已处理',
-            show: (row: InfraApiErrorLogApi.SystemApiErrorLog) => {
-              return row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
-                hasAccessByCodes(['infra:api-error-log:update-status']);
+            show: (row: InfraApiErrorLogApi.ApiErrorLog) => {
+              return (
+                row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
+                hasAccessByCodes(['infra:api-error-log:update-status'])
+              );
             },
           },
           {
             code: 'ignore',
             text: '已忽略',
-            show: (row: InfraApiErrorLogApi.SystemApiErrorLog) => {
-              return row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
-                hasAccessByCodes(['infra:api-error-log:update-status']);
+            show: (row: InfraApiErrorLogApi.ApiErrorLog) => {
+              return (
+                row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
+                hasAccessByCodes(['infra:api-error-log:update-status'])
+              );
             },
           },
         ],
diff --git a/apps/web-antd/src/views/infra/apiErrorLog/index.vue b/apps/web-antd/src/views/infra/apiErrorLog/index.vue
index 9d960275f..0bc11dc8d 100644
--- a/apps/web-antd/src/views/infra/apiErrorLog/index.vue
+++ b/apps/web-antd/src/views/infra/apiErrorLog/index.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message, Modal } from 'ant-design-vue';
 import { Download } from '@vben/icons';
-import Detail from './modules/detail.vue';
-import { DocAlert } from '#/components/doc-alert';
 
-import { $t } from '#/locales';
+import { Button, message, Modal } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { exportApiErrorLog, getApiErrorLogPage, updateApiErrorLogStatus } from '#/api/infra/api-error-log';
-import { downloadByData } from '#/utils/download';
+import {
+  exportApiErrorLog,
+  getApiErrorLogPage,
+  updateApiErrorLogStatus,
+} from '#/api/infra/api-error-log';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
 import { InfraApiErrorLogProcessStatusEnum } from '#/utils/constants';
+import { downloadByData } from '#/utils/download';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';
 
 const [DetailModal, detailModalApi] = useVbenModal({
   connectedComponent: Detail,
@@ -33,7 +41,7 @@ async function onExport() {
 }
 
 /** 查看 API 错误日志详情 */
-function onDetail(row: InfraApiErrorLogApi.SystemApiErrorLog) {
+function onDetail(row: InfraApiErrorLogApi.ApiErrorLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -50,7 +58,7 @@ async function onProcess(id: number, processStatus: number) {
         key: 'action_process_msg',
       });
       onRefresh();
-    }
+    },
   });
 }
 
@@ -58,7 +66,7 @@ async function onProcess(id: number, processStatus: number) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraApiErrorLogApi.SystemApiErrorLog>) {
+}: OnActionClickParams<InfraApiErrorLogApi.ApiErrorLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -101,7 +109,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraApiErrorLogApi.SystemApiErrorLog>,
+  } as VxeTableGridOptions<InfraApiErrorLogApi.ApiErrorLog>,
 });
 </script>
 
@@ -112,11 +120,16 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <DetailModal @success="onRefresh" />
     <Grid table-title="API 错误日志列表">
       <template #toolbar-tools>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:api-error-log:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:api-error-log:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
       </template>
     </Grid>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue b/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue
index 934d3391f..696e89273 100644
--- a/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue
@@ -1,15 +1,17 @@
 <script lang="ts" setup>
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';
 
-import { useVbenModal } from '@vben/common-ui';
-import { Descriptions, Input } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
 import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
 import { formatDateTime } from '@vben/utils';
+
+import { Descriptions, Input } from 'ant-design-vue';
+
+import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<InfraApiErrorLogApi.SystemApiErrorLog>();
+const formData = ref<InfraApiErrorLogApi.ApiErrorLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -17,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraApiErrorLogApi.SystemApiErrorLog>();
+    const data = modalApi.getData<InfraApiErrorLogApi.ApiErrorLog>();
     if (!data || !data.id) {
       return;
     }
@@ -32,8 +34,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal title="API错误日志详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions bordered :column="1" size="middle" class="mx-4" :label-style="{ width: '110px' }">
+  <Modal
+    title="API错误日志详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      bordered
+      :column="1"
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '110px' }"
+    >
       <Descriptions.Item label="日志编号">
         {{ formData?.id }}
       </Descriptions.Item>
@@ -68,7 +81,7 @@ const [Modal, modalApi] = useVbenModal({
       <Descriptions.Item v-if="formData?.exceptionStackTrace" label="异常堆栈">
         <Input.TextArea
           :value="formData?.exceptionStackTrace"
-          :autoSize="{ maxRows: 20 }"
+          :auto-size="{ maxRows: 20 }"
           readonly
         />
       </Descriptions.Item>
diff --git a/apps/web-antd/src/views/infra/codegen/data.ts b/apps/web-antd/src/views/infra/codegen/data.ts
index 660b99d51..39c8eab8c 100644
--- a/apps/web-antd/src/views/infra/codegen/data.ts
+++ b/apps/web-antd/src/views/infra/codegen/data.ts
@@ -129,7 +129,10 @@ export function useGenerationInfoBaseFormSchema(): VbenFormSchema[] {
       fieldName: 'templateType',
       label: '生成模板',
       componentProps: {
-        options: getDictOptions(DICT_TYPE.INFRA_CODEGEN_TEMPLATE_TYPE, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.INFRA_CODEGEN_TEMPLATE_TYPE,
+          'number',
+        ),
         class: 'w-full',
       },
       rules: 'selectRequired',
@@ -166,7 +169,7 @@ export function useGenerationInfoBaseFormSchema(): VbenFormSchema[] {
           data.unshift({
             id: 0,
             name: '顶级菜单',
-          } as SystemMenuApi.SystemMenu);
+          } as SystemMenuApi.Menu);
           return handleTree(data);
         },
         class: 'w-full',
@@ -232,7 +235,9 @@ export function useGenerationInfoBaseFormSchema(): VbenFormSchema[] {
 }
 
 /** 树表信息 schema */
-export function useGenerationInfoTreeFormSchema(columns: InfraCodegenApi.CodegenColumn[] = []): VbenFormSchema[] {
+export function useGenerationInfoTreeFormSchema(
+  columns: InfraCodegenApi.CodegenColumn[] = [],
+): VbenFormSchema[] {
   return [
     {
       component: 'Divider',
diff --git a/apps/web-antd/src/views/infra/codegen/edit/index.vue b/apps/web-antd/src/views/infra/codegen/edit/index.vue
index 0c6b32462..53fd8cabb 100644
--- a/apps/web-antd/src/views/infra/codegen/edit/index.vue
+++ b/apps/web-antd/src/views/infra/codegen/edit/index.vue
@@ -1,18 +1,20 @@
 <script lang="ts" setup>
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
-import BasicInfo from '../modules/basic-info.vue';
-import ColumnInfo from '../modules/column-info.vue';
-import GenerationInfo from '../modules/generation-info.vue';
+import { ref, unref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
 import { Page } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
+
 import { Button, message, Steps } from 'ant-design-vue';
 
 import { getCodegenTable, updateCodegenTable } from '#/api/infra/codegen';
 import { $t } from '#/locales';
-import { ref, unref } from 'vue';
 
-import { useTabs } from '@vben/hooks';
-import { useRoute, useRouter } from 'vue-router';
+import BasicInfo from '../modules/basic-info.vue';
+import ColumnInfo from '../modules/column-info.vue';
+import GenerationInfo from '../modules/generation-info.vue';
 
 const route = useRoute();
 const router = useRouter();
@@ -67,7 +69,10 @@ const submitForm = async () => {
     const basicInfo = await basicInfoRef.value?.getValues();
     const columns = columnInfoRef.value?.getData() || unref(formData).columns;
     const generateInfo = await generateInfoRef.value?.getValues();
-    await updateCodegenTable({ table: { ...unref(formData).table, ...basicInfo, ...generateInfo }, columns });
+    await updateCodegenTable({
+      table: { ...unref(formData).table, ...basicInfo, ...generateInfo },
+      columns,
+    });
     // 关闭并提示
     message.success({
       content: $t('ui.actionMessage.operationSuccess'),
@@ -118,15 +123,33 @@ getDetail();
 
 <template>
   <Page auto-content-height v-loading="loading">
-    <div class="flex h-[95%] flex-col rounded-md bg-white p-4 dark:bg-[#1f1f1f] dark:text-gray-300">
-      <Steps type="navigation" v-model:current="currentStep" class="mb-8 rounded shadow-sm dark:bg-[#141414]">
-        <Steps.Step v-for="(step, index) in steps" :key="index" :title="step.title" />
+    <div
+      class="flex h-[95%] flex-col rounded-md bg-white p-4 dark:bg-[#1f1f1f] dark:text-gray-300"
+    >
+      <Steps
+        type="navigation"
+        v-model:current="currentStep"
+        class="mb-8 rounded shadow-sm dark:bg-[#141414]"
+      >
+        <Steps.Step
+          v-for="(step, index) in steps"
+          :key="index"
+          :title="step.title"
+        />
       </Steps>
 
       <div class="flex-1 overflow-auto py-4">
         <!-- 根据当前步骤显示对应的组件 -->
-        <BasicInfo v-show="currentStep === 0" ref="basicInfoRef" :table="formData.table" />
-        <ColumnInfo v-show="currentStep === 1" ref="columnInfoRef" :columns="formData.columns" />
+        <BasicInfo
+          v-show="currentStep === 0"
+          ref="basicInfoRef"
+          :table="formData.table"
+        />
+        <ColumnInfo
+          v-show="currentStep === 1"
+          ref="columnInfoRef"
+          :columns="formData.columns"
+        />
         <GenerationInfo
           v-show="currentStep === 2"
           ref="generateInfoRef"
@@ -137,8 +160,12 @@ getDetail();
 
       <div class="mt-4 flex justify-end space-x-2">
         <Button v-show="currentStep > 0" @click="prevStep">上一步</Button>
-        <Button v-show="currentStep < steps.length - 1" @click="nextStep">下一步</Button>
-        <Button type="primary" :loading="loading" @click="submitForm"> 保存 </Button>
+        <Button v-show="currentStep < steps.length - 1" @click="nextStep">
+          下一步
+        </Button>
+        <Button type="primary" :loading="loading" @click="submitForm">
+          保存
+        </Button>
       </div>
     </div>
   </Page>
diff --git a/apps/web-antd/src/views/infra/codegen/index.vue b/apps/web-antd/src/views/infra/codegen/index.vue
index e10d8391a..11ceba829 100644
--- a/apps/web-antd/src/views/infra/codegen/index.vue
+++ b/apps/web-antd/src/views/infra/codegen/index.vue
@@ -1,5 +1,8 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 import type { InfraDataSourceConfigApi } from '#/api/infra/data-source-config';
 
@@ -11,7 +14,12 @@ import { Plus } from '@vben/icons';
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '#/api/infra/codegen';
+import {
+  deleteCodegenTable,
+  downloadCodegen,
+  getCodegenTablePage,
+  syncCodegenFromDB,
+} from '#/api/infra/codegen';
 import { getDataSourceConfigList } from '#/api/infra/data-source-config';
 import { $t } from '#/locales';
 import { ref } from 'vue';
@@ -21,11 +29,15 @@ import { useGridColumns, useGridFormSchema } from './data';
 import { useRouter } from 'vue-router';
 
 const router = useRouter();
-const dataSourceConfigList = ref<InfraDataSourceConfigApi.InfraDataSourceConfig[]>([]);
+const dataSourceConfigList = ref<InfraDataSourceConfigApi.DataSourceConfig[]>(
+  [],
+);
 
 /** 获取数据源名称 */
 const getDataSourceConfigName = (dataSourceConfigId: number) => {
-  return dataSourceConfigList.value.find((item) => item.id === dataSourceConfigId)?.name;
+  return dataSourceConfigList.value.find(
+    (item) => item.id === dataSourceConfigId,
+  )?.name;
 };
 
 const [ImportModal, importModalApi] = useVbenModal({
@@ -122,7 +134,10 @@ async function onGenerate(row: InfraCodegenApi.CodegenTable) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<InfraCodegenApi.CodegenTable>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<InfraCodegenApi.CodegenTable>) {
   switch (code) {
     case 'edit': {
       onEdit(row);
@@ -190,16 +205,29 @@ initDataSourceConfig();
 </script>
 <template>
   <Page auto-content-height>
-    <DocAlert title="代码生成（单表）" url="https://doc.iocoder.cn/new-feature/" />
-    <DocAlert title="代码生成（树表）" url="https://doc.iocoder.cn/new-feature/tree/" />
-    <DocAlert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
+    <DocAlert
+      title="代码生成（单表）"
+      url="https://doc.iocoder.cn/new-feature/"
+    />
+    <DocAlert
+      title="代码生成（树表）"
+      url="https://doc.iocoder.cn/new-feature/tree/"
+    />
+    <DocAlert
+      title="代码生成（主子表）"
+      url="https://doc.iocoder.cn/new-feature/master-sub/"
+    />
     <DocAlert title="单元测试" url="https://doc.iocoder.cn/unit-test/" />
 
     <ImportModal @success="onRefresh" />
     <PreviewModal />
     <Grid table-title="代码生成列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onImport" v-access:code="['infra:codegen:create']">
+        <Button
+          type="primary"
+          @click="onImport"
+          v-access:code="['infra:codegen:create']"
+        >
           <Plus class="size-5" />
           导入
         </Button>
diff --git a/apps/web-antd/src/views/infra/codegen/modules/column-info.vue b/apps/web-antd/src/views/infra/codegen/modules/column-info.vue
index 4c91ca142..2d55663a8 100644
--- a/apps/web-antd/src/views/infra/codegen/modules/column-info.vue
+++ b/apps/web-antd/src/views/infra/codegen/modules/column-info.vue
@@ -55,7 +55,7 @@ defineExpose({
 });
 
 /** 初始化 */
-const dictTypeOptions = ref<SystemDictTypeApi.SystemDictType[]>([]); // 字典类型选项
+const dictTypeOptions = ref<SystemDictTypeApi.DictType[]>([]); // 字典类型选项
 onMounted(async () => {
   dictTypeOptions.value = await getSimpleDictTypeList();
 });
@@ -71,7 +71,11 @@ onMounted(async () => {
     <!-- Java 类型 -->
     <template #javaType="{ row, column }">
       <Select v-model:value="row.javaType" style="width: 100%">
-        <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
+        <Select.Option
+          v-for="option in column.params.options"
+          :key="option.value"
+          :value="option.value"
+        >
           {{ option.label }}
         </Select.Option>
       </Select>
@@ -101,7 +105,11 @@ onMounted(async () => {
     <!-- 查询方式 -->
     <template #listOperationCondition="{ row, column }">
       <Select v-model:value="row.listOperationCondition" class="w-full">
-        <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
+        <Select.Option
+          v-for="option in column.params.options"
+          :key="option.value"
+          :value="option.value"
+        >
           {{ option.label }}
         </Select.Option>
       </Select>
@@ -115,7 +123,11 @@ onMounted(async () => {
     <!-- 显示类型 -->
     <template #htmlType="{ row, column }">
       <Select v-model:value="row.htmlType" class="w-full">
-        <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
+        <Select.Option
+          v-for="option in column.params.options"
+          :key="option.value"
+          :value="option.value"
+        >
           {{ option.label }}
         </Select.Option>
       </Select>
@@ -123,8 +135,17 @@ onMounted(async () => {
 
     <!-- 字典类型 -->
     <template #dictType="{ row }">
-      <Select v-model:value="row.dictType" class="w-full" allow-clear show-search>
-        <Select.Option v-for="option in dictTypeOptions" :key="option.type" :value="option.type">
+      <Select
+        v-model:value="row.dictType"
+        class="w-full"
+        allow-clear
+        show-search
+      >
+        <Select.Option
+          v-for="option in dictTypeOptions"
+          :key="option.type"
+          :value="option.type"
+        >
           {{ option.name }}
         </Select.Option>
       </Select>
diff --git a/apps/web-antd/src/views/infra/codegen/modules/generation-info.vue b/apps/web-antd/src/views/infra/codegen/modules/generation-info.vue
index 8281e0b3a..9e778f4a8 100644
--- a/apps/web-antd/src/views/infra/codegen/modules/generation-info.vue
+++ b/apps/web-antd/src/views/infra/codegen/modules/generation-info.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
+import { computed, ref, watch } from 'vue';
+
+import { isEmpty } from '@vben/utils';
+
 import { useVbenForm } from '#/adapter/form';
 import { getCodegenTableList } from '#/api/infra/codegen';
 import { InfraCodegenTemplateTypeEnum } from '#/utils/constants';
-import { computed, ref, watch } from 'vue';
-
-import { isEmpty } from '@vben/utils';
 
 import {
   useGenerationInfoBaseFormSchema,
@@ -23,8 +24,12 @@ const tables = ref<InfraCodegenApi.CodegenTable[]>([]);
 
 /** 计算当前模板类型 */
 const currentTemplateType = ref<number>();
-const isTreeTable = computed(() => currentTemplateType.value === InfraCodegenTemplateTypeEnum.TREE);
-const isSubTable = computed(() => currentTemplateType.value === InfraCodegenTemplateTypeEnum.SUB);
+const isTreeTable = computed(
+  () => currentTemplateType.value === InfraCodegenTemplateTypeEnum.TREE,
+);
+const isSubTable = computed(
+  () => currentTemplateType.value === InfraCodegenTemplateTypeEnum.SUB,
+);
 
 /** 基础表单实例 */
 const [BaseForm, baseFormApi] = useVbenForm({
@@ -34,7 +39,10 @@ const [BaseForm, baseFormApi] = useVbenForm({
   schema: useGenerationInfoBaseFormSchema(),
   handleValuesChange: (values) => {
     // 监听模板类型变化
-    if (values.templateType !== undefined && values.templateType !== currentTemplateType.value) {
+    if (
+      values.templateType !== undefined &&
+      values.templateType !== currentTemplateType.value
+    ) {
       currentTemplateType.value = values.templateType;
     }
   },
diff --git a/apps/web-antd/src/views/infra/codegen/modules/import-table.vue b/apps/web-antd/src/views/infra/codegen/modules/import-table.vue
index 6a52f116b..5c0b59d33 100644
--- a/apps/web-antd/src/views/infra/codegen/modules/import-table.vue
+++ b/apps/web-antd/src/views/infra/codegen/modules/import-table.vue
@@ -2,16 +2,19 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
+import { reactive } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { createCodegenList, getSchemaTableList } from '#/api/infra/codegen';
-import { reactive } from 'vue';
-
-import { $t } from '@vben/locales';
-
-import { useImportTableColumns, useImportTableFormSchema } from '#/views/infra/codegen/data';
+import {
+  useImportTableColumns,
+  useImportTableFormSchema,
+} from '#/views/infra/codegen/data';
 
 /** 定义组件事件 */
 const emit = defineEmits<{
@@ -63,7 +66,11 @@ const [Grid] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<InfraCodegenApi.DatabaseTable>,
   gridEvents: {
-    checkboxChange: ({ records }: { records: InfraCodegenApi.DatabaseTable[] }) => {
+    checkboxChange: ({
+      records,
+    }: {
+      records: InfraCodegenApi.DatabaseTable[];
+    }) => {
       formData.tableNames = records.map((item) => item.name);
     },
   },
diff --git a/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue b/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
index 66043944a..fda701659 100644
--- a/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
+++ b/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
@@ -2,14 +2,13 @@
 // TODO @芋艿：待定，vben2.0 有 CodeEditor，不确定官方后续会不会迁移！！！
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
-import { useVbenModal } from '@vben/common-ui';
-import { Copy } from '@vben/icons';
-import { Button, DirectoryTree, message, Tabs } from 'ant-design-vue';
-
-import { previewCodegen } from '#/api/infra/codegen';
 import { h, ref } from 'vue';
 
+import { useVbenModal } from '@vben/common-ui';
+import { Copy } from '@vben/icons';
+
 import { useClipboard } from '@vueuse/core';
+import { Button, DirectoryTree, message, Tabs } from 'ant-design-vue';
 import hljs from 'highlight.js/lib/core';
 import java from 'highlight.js/lib/languages/java';
 import javascript from 'highlight.js/lib/languages/javascript';
@@ -17,6 +16,8 @@ import sql from 'highlight.js/lib/languages/sql';
 import typescript from 'highlight.js/lib/languages/typescript';
 import xml from 'highlight.js/lib/languages/xml';
 
+import { previewCodegen } from '#/api/infra/codegen';
+
 /** 注册代码高亮语言 */
 hljs.registerLanguage('java', java);
 hljs.registerLanguage('xml', xml);
@@ -72,7 +73,9 @@ const removeCodeMapKey = (targetKey: any) => {
 /** 复制代码 */
 const copyCode = async () => {
   const { copy } = useClipboard();
-  const file = previewFiles.value.find((item) => item.filePath === activeKey.value);
+  const file = previewFiles.value.find(
+    (item) => item.filePath === activeKey.value,
+  );
   if (file) {
     await copy(file.code);
     message.success('复制成功');
@@ -123,7 +126,18 @@ const handleFiles = (data: InfraCodegenApi.CodegenPreview[]): FileNode[] => {
         let packagePath = '';
         while (cursor < paths.length) {
           const nextPath = paths[cursor] || '';
-          if (['controller', 'convert', 'dal', 'dataobject', 'enums', 'mysql', 'service', 'vo'].includes(nextPath)) {
+          if (
+            [
+              'controller',
+              'convert',
+              'dal',
+              'dataobject',
+              'enums',
+              'mysql',
+              'service',
+              'vo',
+            ].includes(nextPath)
+          ) {
             break;
           }
           packagePath = packagePath ? `${packagePath}.${nextPath}` : nextPath;
@@ -213,7 +227,9 @@ const [Modal, modalApi] = useVbenModal({
   <Modal title="代码预览">
     <div class="flex h-full" v-loading="loading">
       <!-- 文件树 -->
-      <div class="h-full w-1/3 overflow-auto border-r border-gray-200 pr-4 dark:border-gray-700">
+      <div
+        class="h-full w-1/3 overflow-auto border-r border-gray-200 pr-4 dark:border-gray-700"
+      >
         <DirectoryTree
           v-if="fileTree.length > 0"
           default-expand-all
@@ -224,15 +240,31 @@ const [Modal, modalApi] = useVbenModal({
       </div>
       <!-- 代码预览 -->
       <div class="h-full w-2/3 overflow-auto pl-4">
-        <Tabs v-model:active-key="activeKey" hide-add type="editable-card" @edit="removeCodeMapKey">
-          <Tabs.TabPane v-for="key in codeMap.keys()" :key="key" :tab="key.split('/').pop()">
-            <div class="h-full rounded-md bg-gray-50 !p-0 text-gray-800 dark:bg-gray-800 dark:text-gray-200">
+        <Tabs
+          v-model:active-key="activeKey"
+          hide-add
+          type="editable-card"
+          @edit="removeCodeMapKey"
+        >
+          <Tabs.TabPane
+            v-for="key in codeMap.keys()"
+            :key="key"
+            :tab="key.split('/').pop()"
+          >
+            <div
+              class="h-full rounded-md bg-gray-50 !p-0 text-gray-800 dark:bg-gray-800 dark:text-gray-200"
+            >
               <!-- eslint-disable-next-line vue/no-v-html -->
-              <code v-html="codeMap.get(activeKey)" class="code-highlight"></code>
+              <code
+                v-html="codeMap.get(activeKey)"
+                class="code-highlight"
+              ></code>
             </div>
           </Tabs.TabPane>
           <template #rightExtra>
-            <Button type="primary" ghost @click="copyCode" :icon="h(Copy)"> 复制代码 </Button>
+            <Button type="primary" ghost @click="copyCode" :icon="h(Copy)">
+              复制代码
+            </Button>
           </template>
         </Tabs>
       </div>
diff --git a/apps/web-antd/src/views/infra/config/data.ts b/apps/web-antd/src/views/infra/config/data.ts
index 2a53dfe5f..0f0df0178 100644
--- a/apps/web-antd/src/views/infra/config/data.ts
+++ b/apps/web-antd/src/views/infra/config/data.ts
@@ -2,10 +2,11 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraConfigApi } from '#/api/infra/config';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
-import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 
+import { getRangePickerDefaultProps } from '#/utils/date';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
@@ -73,7 +74,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Textarea',
       componentProps: {
         placeholder: '请输入备注',
-      }
+      },
     },
   ];
 }
@@ -88,7 +89,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入参数名称',
         clearable: true,
-      }
+      },
     },
     {
       fieldName: 'key',
@@ -97,7 +98,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入参数键名',
         clearable: true,
-      }
+      },
     },
     {
       fieldName: 'type',
@@ -122,7 +123,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraConfigApi.InfraConfig>(
+export function useGridColumns<T = InfraConfigApi.Config>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/infra/config/index.vue b/apps/web-antd/src/views/infra/config/index.vue
index 7d07d49c1..958063357 100644
--- a/apps/web-antd/src/views/infra/config/index.vue
+++ b/apps/web-antd/src/views/infra/config/index.vue
@@ -1,18 +1,23 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraConfigApi } from '#/api/infra/config';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message } from 'ant-design-vue';
-import { Plus, Download } from '@vben/icons';
-import Form from './modules/form.vue';
+import { Download, Plus } from '@vben/icons';
+
+import { Button, message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getConfigPage, deleteConfig, exportConfig } from '#/api/infra/config';
-import { useGridColumns, useGridFormSchema } from './data';
+import { deleteConfig, exportConfig, getConfigPage } from '#/api/infra/config';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
   destroyOnClose: true,
@@ -35,12 +40,12 @@ function onCreate() {
 }
 
 /** 编辑参数 */
-function onEdit(row: InfraConfigApi.InfraConfig) {
+function onEdit(row: InfraConfigApi.Config) {
   formModalApi.setData(row).open();
 }
 
 /** 删除参数 */
-async function onDelete(row: InfraConfigApi.InfraConfig) {
+async function onDelete(row: InfraConfigApi.Config) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -53,7 +58,7 @@ async function onDelete(row: InfraConfigApi.InfraConfig) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
@@ -62,22 +67,22 @@ async function onDelete(row: InfraConfigApi.InfraConfig) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraConfigApi.InfraConfig>) {
+}: OnActionClickParams<InfraConfigApi.Config>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(onActionClick),
@@ -101,7 +106,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraConfigApi.InfraConfig>,
+  } as VxeTableGridOptions<InfraConfigApi.Config>,
 });
 </script>
 
@@ -110,11 +115,20 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="onRefresh" />
     <Grid table-title="参数列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['infra:config:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:config:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['参数']) }}
         </Button>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:config:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:config:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
diff --git a/apps/web-antd/src/views/infra/config/modules/form.vue b/apps/web-antd/src/views/infra/config/modules/form.vue
index 2a1c27361..a9aab4a96 100644
--- a/apps/web-antd/src/views/infra/config/modules/form.vue
+++ b/apps/web-antd/src/views/infra/config/modules/form.vue
@@ -1,18 +1,20 @@
 <script lang="ts" setup>
 import type { InfraConfigApi } from '#/api/infra/config';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createConfig, updateConfig, getConfig } from '#/api/infra/config';
+import { createConfig, getConfig, updateConfig } from '#/api/infra/config';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraConfigApi.InfraConfig>();
+const formData = ref<InfraConfigApi.Config>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['参数'])
@@ -33,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraConfigApi.InfraConfig;
+    const data = (await formApi.getValues()) as InfraConfigApi.Config;
     try {
       await (formData.value?.id ? updateConfig(data) : createConfig(data));
       // 关闭并提示
@@ -52,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraConfigApi.InfraConfig>();
+    const data = modalApi.getData<InfraConfigApi.Config>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/infra/dataSourceConfig/data.ts b/apps/web-antd/src/views/infra/dataSourceConfig/data.ts
index 71424a8f6..c22a368ad 100644
--- a/apps/web-antd/src/views/infra/dataSourceConfig/data.ts
+++ b/apps/web-antd/src/views/infra/dataSourceConfig/data.ts
@@ -58,7 +58,7 @@ export function useFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraDataSourceConfigApi.InfraDataSourceConfig>(
+export function useGridColumns<T = InfraDataSourceConfigApi.DataSourceConfig>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/infra/dataSourceConfig/index.vue b/apps/web-antd/src/views/infra/dataSourceConfig/index.vue
index eade76669..1e3eb5c3c 100644
--- a/apps/web-antd/src/views/infra/dataSourceConfig/index.vue
+++ b/apps/web-antd/src/views/infra/dataSourceConfig/index.vue
@@ -1,18 +1,27 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraDataSourceConfigApi } from '#/api/infra/data-source-config';
 
-import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message } from 'ant-design-vue';
-import { Plus, } from '@vben/icons';
-import Form from './modules/form.vue';
-
-import { $t } from '#/locales';
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getDataSourceConfigList, deleteDataSourceConfig } from '#/api/infra/data-source-config';
-import { useGridColumns } from './data';
 import { onMounted } from 'vue';
 
+import { Page, useVbenModal } from '@vben/common-ui';
+import { Plus } from '@vben/icons';
+
+import { Button, message } from 'ant-design-vue';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteDataSourceConfig,
+  getDataSourceConfigList,
+} from '#/api/infra/data-source-config';
+import { $t } from '#/locales';
+
+import { useGridColumns } from './data';
+import Form from './modules/form.vue';
+
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
   destroyOnClose: true,
@@ -24,12 +33,12 @@ function onCreate() {
 }
 
 /** 编辑数据源 */
-function onEdit(row: InfraDataSourceConfigApi.InfraDataSourceConfig) {
+function onEdit(row: InfraDataSourceConfigApi.DataSourceConfig) {
   formModalApi.setData(row).open();
 }
 
 /** 删除数据源 */
-async function onDelete(row: InfraDataSourceConfigApi.InfraDataSourceConfig) {
+async function onDelete(row: InfraDataSourceConfigApi.DataSourceConfig) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -42,7 +51,7 @@ async function onDelete(row: InfraDataSourceConfigApi.InfraDataSourceConfig) {
       key: 'action_process_msg',
     });
     await handleLoadData();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
@@ -51,16 +60,16 @@ async function onDelete(row: InfraDataSourceConfigApi.InfraDataSourceConfig) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraDataSourceConfigApi.InfraDataSourceConfig>) {
+}: OnActionClickParams<InfraDataSourceConfigApi.DataSourceConfig>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -77,10 +86,10 @@ const [Grid, gridApi] = useVbenVxeGrid({
     },
     proxyConfig: {
       ajax: {
-        query: getDataSourceConfigList
-      }
+        query: getDataSourceConfigList,
+      },
     },
-  } as VxeTableGridOptions<InfraDataSourceConfigApi.InfraDataSourceConfig>,
+  } as VxeTableGridOptions<InfraDataSourceConfigApi.DataSourceConfig>,
 });
 
 /** 加载数据 */
@@ -104,11 +113,15 @@ onMounted(() => {
     <FormModal @success="onRefresh" />
     <Grid table-title="数据源列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['infra:data-source-config:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:data-source-config:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['数据源']) }}
         </Button>
       </template>
     </Grid>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/dataSourceConfig/modules/form.vue b/apps/web-antd/src/views/infra/dataSourceConfig/modules/form.vue
index 1978f9593..569e06c0b 100644
--- a/apps/web-antd/src/views/infra/dataSourceConfig/modules/form.vue
+++ b/apps/web-antd/src/views/infra/dataSourceConfig/modules/form.vue
@@ -1,18 +1,24 @@
 <script lang="ts" setup>
 import type { InfraDataSourceConfigApi } from '#/api/infra/data-source-config';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createDataSourceConfig, updateDataSourceConfig, getDataSourceConfig } from '#/api/infra/data-source-config';
+import {
+  createDataSourceConfig,
+  getDataSourceConfig,
+  updateDataSourceConfig,
+} from '#/api/infra/data-source-config';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraDataSourceConfigApi.InfraDataSourceConfig>();
+const formData = ref<InfraDataSourceConfigApi.DataSourceConfig>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['数据源'])
@@ -33,9 +39,12 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraDataSourceConfigApi.InfraDataSourceConfig;
+    const data =
+      (await formApi.getValues()) as InfraDataSourceConfigApi.DataSourceConfig;
     try {
-      await (formData.value?.id ? updateDataSourceConfig(data) : createDataSourceConfig(data));
+      await (formData.value?.id
+        ? updateDataSourceConfig(data)
+        : createDataSourceConfig(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -52,7 +61,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraDataSourceConfigApi.InfraDataSourceConfig>();
+    const data = modalApi.getData<InfraDataSourceConfigApi.DataSourceConfig>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/infra/demo/demo01/data.ts b/apps/web-antd/src/views/infra/demo/demo01/data.ts
index 860bc859b..efea6d703 100644
--- a/apps/web-antd/src/views/infra/demo/demo01/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo01/data.ts
@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
diff --git a/apps/web-antd/src/views/infra/demo/demo01/index.vue b/apps/web-antd/src/views/infra/demo/demo01/index.vue
index ac3b59e27..fa551bf59 100644
--- a/apps/web-antd/src/views/infra/demo/demo01/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo01/index.vue
@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
-import Form from './modules/form.vue';
+import { h } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo01Contact, exportDemo01Contact, getDemo01ContactPage } from '#/api/infra/demo/demo01';
+import {
+  deleteDemo01Contact,
+  exportDemo01Contact,
+  getDemo01ContactPage,
+} from '#/api/infra/demo/demo01';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -61,16 +70,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo01ContactApi.Demo01Contact>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo01ContactApi.Demo01Contact>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -113,7 +125,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
     <Grid table-title="示例联系人列表">
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo01-contact:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo01-contact:create']"
+        >
           {{ $t('ui.actionTitle.create', ['示例联系人']) }}
         </Button>
         <Button
diff --git a/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue
index 1965f1bae..0ccfedd39 100644
--- a/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo01Contact, getDemo01Contact, updateDemo01Contact } from '#/api/infra/demo/demo01';
+import {
+  createDemo01Contact,
+  getDemo01Contact,
+  updateDemo01Contact,
+} from '#/api/infra/demo/demo01';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo01ContactApi.Demo01Contact>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['示例联系人']) : $t('ui.actionTitle.create', ['示例联系人']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['示例联系人'])
+    : $t('ui.actionTitle.create', ['示例联系人']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -33,7 +41,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = (await formApi.getValues()) as Demo01ContactApi.Demo01Contact;
     try {
-      await (formData.value?.id ? updateDemo01Contact(data) : createDemo01Contact(data));
+      await (formData.value?.id
+        ? updateDemo01Contact(data)
+        : createDemo01Contact(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
diff --git a/apps/web-antd/src/views/infra/demo/demo02/data.ts b/apps/web-antd/src/views/infra/demo/demo02/data.ts
index f6e6c9d0e..8bc459c6a 100644
--- a/apps/web-antd/src/views/infra/demo/demo02/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo02/data.ts
@@ -1,14 +1,15 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getDemo02CategoryList } from '#/api/infra/demo/demo02';
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { handleTree } from '#/utils/tree';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
diff --git a/apps/web-antd/src/views/infra/demo/demo02/index.vue b/apps/web-antd/src/views/infra/demo/demo02/index.vue
index 012534168..5a2ad6d74 100644
--- a/apps/web-antd/src/views/infra/demo/demo02/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo02/index.vue
@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo02Category, exportDemo02Category, getDemo02CategoryList } from '#/api/infra/demo/demo02';
+import {
+  deleteDemo02Category,
+  exportDemo02Category,
+  getDemo02CategoryList,
+} from '#/api/infra/demo/demo02';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -73,7 +82,10 @@ async function onDelete(row: Demo02CategoryApi.Demo02Category) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo02CategoryApi.Demo02Category>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo02CategoryApi.Demo02Category>) {
   switch (code) {
     case 'append': {
       onAppend(row);
@@ -135,7 +147,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
         <Button @click="toggleExpand" class="mr-2">
           {{ isExpanded ? '收缩' : '展开' }}
         </Button>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo02-category:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo02-category:create']"
+        >
           {{ $t('ui.actionTitle.create', ['示例分类']) }}
         </Button>
         <Button
diff --git a/apps/web-antd/src/views/infra/demo/demo02/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo02/modules/form.vue
index 4d583ed61..e8b2e9ec9 100644
--- a/apps/web-antd/src/views/infra/demo/demo02/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo02/modules/form.vue
@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo02Category, getDemo02Category, updateDemo02Category } from '#/api/infra/demo/demo02';
+import {
+  createDemo02Category,
+  getDemo02Category,
+  updateDemo02Category,
+} from '#/api/infra/demo/demo02';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
@@ -19,7 +25,9 @@ const getTitle = computed(() => {
   if (formData.value?.id) {
     return $t('ui.actionTitle.edit', ['示例分类']);
   }
-  return parentId.value ? $t('ui.actionTitle.create', ['下级示例分类']) : $t('ui.actionTitle.create', ['示例分类']);
+  return parentId.value
+    ? $t('ui.actionTitle.create', ['下级示例分类'])
+    : $t('ui.actionTitle.create', ['示例分类']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -36,9 +44,12 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as Demo02CategoryApi.Demo02Category;
+    const data =
+      (await formApi.getValues()) as Demo02CategoryApi.Demo02Category;
     try {
-      await (formData.value?.id ? updateDemo02Category(data) : createDemo02Category(data));
+      await (formData.value?.id
+        ? updateDemo02Category(data)
+        : createDemo02Category(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts b/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
index deb4855ea..020912130 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/data.ts
@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
index 497fcf59d..3073f6c93 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
@@ -1,21 +1,30 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
-import Demo03CourseList from './modules/demo03-course-list.vue';
-import Demo03GradeList from './modules/demo03-grade-list.vue';
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message, Tabs } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Demo03CourseList from './modules/demo03-course-list.vue';
+import Demo03GradeList from './modules/demo03-grade-list.vue';
+import Form from './modules/form.vue';
 
 /** 子表的列表 */
 const subTabsName = ref('demo03Course');
@@ -67,16 +76,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -126,7 +138,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <div>
       <Grid table-title="学生列表">
         <template #toolbar-tools>
-          <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+          <Button
+            :icon="h(Plus)"
+            type="primary"
+            @click="onCreate"
+            v-access:code="['infra:demo03-student:create']"
+          >
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
index ac475d75c..2d208959c 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Course, getDemo03Course, updateDemo03Course } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Course,
+  getDemo03Course,
+  updateDemo03Course,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useDemo03CourseFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Course>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生课程']) : $t('ui.actionTitle.create', ['学生课程']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生课程'])
+    : $t('ui.actionTitle.create', ['学生课程']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -35,7 +43,9 @@ const [Modal, modalApi] = useVbenModal({
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Course;
     data.studentId = formData.value?.studentId;
     try {
-      await (formData.value?.id ? updateDemo03Course(data) : createDemo03Course(data));
+      await (formData.value?.id
+        ? updateDemo03Course(data)
+        : createDemo03Course(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
index 86f11f31a..505567886 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { h, nextTick, watch } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
 import { Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Course, getDemo03CoursePage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Course,
+  getDemo03CoursePage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
-import { useDemo03CourseGridColumns, useDemo03CourseGridFormSchema } from '../data';
+import {
+  useDemo03CourseGridColumns,
+  useDemo03CourseGridFormSchema,
+} from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
 
 const props = defineProps<{
@@ -57,16 +68,19 @@ async function onDelete(row: Demo03StudentApi.Demo03Course) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +143,12 @@ watch(
   <FormModal @success="onRefresh" />
   <Grid table-title="学生课程列表">
     <template #toolbar-tools>
-      <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+      <Button
+        :icon="h(Plus)"
+        type="primary"
+        @click="onCreate"
+        v-access:code="['infra:demo03-student:create']"
+      >
         {{ $t('ui.actionTitle.create', ['学生课程']) }}
       </Button>
     </template>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
index 89b4c4899..153daadc5 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Grade, getDemo03Grade, updateDemo03Grade } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Grade,
+  getDemo03Grade,
+  updateDemo03Grade,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Grade>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生班级']) : $t('ui.actionTitle.create', ['学生班级']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生班级'])
+    : $t('ui.actionTitle.create', ['学生班级']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -35,7 +43,9 @@ const [Modal, modalApi] = useVbenModal({
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Grade;
     data.studentId = formData.value?.studentId;
     try {
-      await (formData.value?.id ? updateDemo03Grade(data) : createDemo03Grade(data));
+      await (formData.value?.id
+        ? updateDemo03Grade(data)
+        : createDemo03Grade(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
index 1d6468e78..5bf09f523 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { h, nextTick, watch } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
 import { Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Grade, getDemo03GradePage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Grade,
+  getDemo03GradePage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
-import { useDemo03GradeGridColumns, useDemo03GradeGridFormSchema } from '../data';
+import {
+  useDemo03GradeGridColumns,
+  useDemo03GradeGridFormSchema,
+} from '../data';
 import Demo03GradeForm from './demo03-grade-form.vue';
 
 const props = defineProps<{
@@ -57,16 +68,19 @@ async function onDelete(row: Demo03StudentApi.Demo03Grade) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Grade>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Grade>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +143,12 @@ watch(
   <FormModal @success="onRefresh" />
   <Grid table-title="学生班级列表">
     <template #toolbar-tools>
-      <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+      <Button
+        :icon="h(Plus)"
+        type="primary"
+        @click="onCreate"
+        v-access:code="['infra:demo03-student:create']"
+      >
         {{ $t('ui.actionTitle.create', ['学生班级']) }}
       </Button>
     </template>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/form.vue
index a0bab233d..f72017656 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/form.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -33,7 +41,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Student;
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/data.ts b/apps/web-antd/src/views/infra/demo/demo03/inner/data.ts
index f46b47192..aaba6985f 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/data.ts
@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
index d9a076929..0e59a05d5 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
@@ -1,21 +1,30 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
-import Demo03CourseList from './modules/demo03-course-list.vue';
-import Demo03GradeList from './modules/demo03-grade-list.vue';
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message, Tabs } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/inner';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Demo03CourseList from './modules/demo03-course-list.vue';
+import Demo03GradeList from './modules/demo03-grade-list.vue';
+import Form from './modules/form.vue';
 
 /** 子表的列表 */
 const subTabsName = ref('demo03Course');
@@ -66,16 +75,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +141,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
         </Tabs>
       </template>
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo03-student:create']"
+        >
           {{ $t('ui.actionTitle.create', ['学生']) }}
         </Button>
         <Button
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
index ea6146f4c..38ae31fd2 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
@@ -2,13 +2,15 @@
 import type { OnActionClickParams } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { h, nextTick, watch } from 'vue';
+
 import { Plus } from '@vben/icons';
+
 import { Button, Input } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridEditColumns } from '../data';
 
@@ -17,7 +19,10 @@ const props = defineProps<{
 }>();
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -59,8 +64,10 @@ const onDelete = async (row: Demo03StudentApi.Demo03Course) => {
 defineExpose({
   getData: (): Demo03StudentApi.Demo03Course[] => {
     const data = gridApi.grid.getData() as Demo03StudentApi.Demo03Course[];
-    const removeRecords = gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
-    const insertRecords = gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
+    const removeRecords =
+      gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
+    const insertRecords =
+      gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
     return data
       .filter((row) => !removeRecords.some((removed) => removed.id === row.id))
       .concat(insertRecords.map((row: any) => ({ ...row, id: undefined })));
@@ -75,7 +82,9 @@ watch(
       return;
     }
     await nextTick();
-    await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+    await gridApi.grid.loadData(
+      await getDemo03CourseListByStudentId(props.studentId!),
+    );
   },
   { immediate: true },
 );
@@ -91,7 +100,13 @@ watch(
     </template>
   </Grid>
   <div class="-mt-4 flex justify-center">
-    <Button :icon="h(Plus)" type="primary" ghost @click="onAdd" v-access:code="['infra:demo03-student:create']">
+    <Button
+      :icon="h(Plus)"
+      type="primary"
+      ghost
+      @click="onAdd"
+      v-access:code="['infra:demo03-student:create']"
+    >
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-list.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-list.vue
index 47136c7c3..c0d159d17 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-list.vue
@@ -2,9 +2,10 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { nextTick, watch } from 'vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridColumns } from '../data';
 
@@ -31,7 +32,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 /** 刷新表格 */
 const onRefresh = async () => {
-  await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+  await gridApi.grid.loadData(
+    await getDemo03CourseListByStudentId(props.studentId!),
+  );
 };
 
 /** 监听主表的关联字段的变化，加载对应的子表数据 */
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-form.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-form.vue
index a50a6d696..bdfff11fc 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-form.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { nextTick, watch } from 'vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-list.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-list.vue
index c467662c3..7806df602 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-list.vue
@@ -2,9 +2,10 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { nextTick, watch } from 'vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeGridColumns } from '../data';
 
@@ -31,7 +32,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 /** 刷新表格 */
 const onRefresh = async () => {
-  await gridApi.grid.loadData([await getDemo03GradeByStudentId(props.studentId!)]);
+  await gridApi.grid.loadData([
+    await getDemo03GradeByStudentId(props.studentId!),
+  ]);
 };
 
 /** 监听主表的关联字段的变化，加载对应的子表数据 */
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/form.vue
index 9c18b73f5..08fd4bec7 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/form.vue
@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message, Tabs } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/inner';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
@@ -16,7 +22,9 @@ import Demo03GradeForm from './demo03-grade-form.vue';
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 /** 子表的表单 */
@@ -49,7 +57,9 @@ const [Modal, modalApi] = useVbenModal({
     data.demo03Courses = demo03CourseFormRef.value?.getData();
     data.demo03Grade = await demo03GradeFormRef.value?.getValues();
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -93,7 +103,10 @@ const [Modal, modalApi] = useVbenModal({
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
       <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
-        <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData?.id" />
+        <Demo03CourseForm
+          ref="demo03CourseFormRef"
+          :student-id="formData?.id"
+        />
       </Tabs.TabPane>
       <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts b/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
index 0f80d3810..3fbb8a618 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/data.ts
@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
index f844248b7..f3a68ea8b 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import Form from './modules/form.vue';
+import { h } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/normal';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -61,16 +70,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -113,7 +125,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
     <Grid table-title="学生列表">
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo03-student:create']"
+        >
           {{ $t('ui.actionTitle.create', ['学生']) }}
         </Button>
         <Button
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
index 5153c0ca7..07aff6686 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
@@ -2,13 +2,15 @@
 import type { OnActionClickParams } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
+import { h, nextTick, watch } from 'vue';
+
 import { Plus } from '@vben/icons';
+
 import { Button, Input } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridEditColumns } from '../data';
 
@@ -17,7 +19,10 @@ const props = defineProps<{
 }>();
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -59,8 +64,10 @@ const onDelete = async (row: Demo03StudentApi.Demo03Course) => {
 defineExpose({
   getData: (): Demo03StudentApi.Demo03Course[] => {
     const data = gridApi.grid.getData() as Demo03StudentApi.Demo03Course[];
-    const removeRecords = gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
-    const insertRecords = gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
+    const removeRecords =
+      gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
+    const insertRecords =
+      gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
     return data
       .filter((row) => !removeRecords.some((removed) => removed.id === row.id))
       .concat(insertRecords.map((row: any) => ({ ...row, id: undefined })));
@@ -75,7 +82,9 @@ watch(
       return;
     }
     await nextTick();
-    await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+    await gridApi.grid.loadData(
+      await getDemo03CourseListByStudentId(props.studentId!),
+    );
   },
   { immediate: true },
 );
@@ -91,7 +100,13 @@ watch(
     </template>
   </Grid>
   <div class="-mt-4 flex justify-center">
-    <Button :icon="h(Plus)" type="primary" ghost @click="onAdd" v-access:code="['infra:demo03-student:create']">
+    <Button
+      :icon="h(Plus)"
+      type="primary"
+      ghost
+      @click="onAdd"
+      v-access:code="['infra:demo03-student:create']"
+    >
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-grade-form.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-grade-form.vue
index 41a74b7fe..75a8147dc 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-grade-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-grade-form.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { nextTick, watch } from 'vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/normal';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/form.vue
index b824af181..0eaa4ab62 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/form.vue
@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message, Tabs } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/normal';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
@@ -16,7 +22,9 @@ import Demo03GradeForm from './demo03-grade-form.vue';
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 /** 子表的表单 */
@@ -49,7 +57,9 @@ const [Modal, modalApi] = useVbenModal({
     data.demo03Courses = demo03CourseFormRef.value?.getData();
     data.demo03Grade = await demo03GradeFormRef.value?.getValues();
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -93,7 +103,10 @@ const [Modal, modalApi] = useVbenModal({
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
       <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
-        <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData?.id" />
+        <Demo03CourseForm
+          ref="demo03CourseFormRef"
+          :student-id="formData?.id"
+        />
       </Tabs.TabPane>
       <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />
diff --git a/apps/web-antd/src/views/infra/druid/index.vue b/apps/web-antd/src/views/infra/druid/index.vue
index 138e9cb1a..8c5cf70f1 100644
--- a/apps/web-antd/src/views/infra/druid/index.vue
+++ b/apps/web-antd/src/views/infra/druid/index.vue
@@ -1,31 +1,35 @@
 <script lang="ts" setup>
-import { Page } from '@vben/common-ui'
-import { DocAlert } from '#/components/doc-alert'
-import { IFrame } from '#/components/iframe'
+import { onMounted, ref } from 'vue';
 
-import { ref, onMounted } from 'vue'
-import { getConfigKey } from '#/api/infra/config'
+import { Page } from '@vben/common-ui';
 
-const loading = ref(true) // 是否加载中
-const src = ref(import.meta.env.VITE_BASE_URL + '/druid/index.html')
+import { getConfigKey } from '#/api/infra/config';
+import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+const loading = ref(true); // 是否加载中
+const src = ref(`${import.meta.env.VITE_BASE_URL}/druid/index.html`);
 
 /** 初始化 */
 onMounted(async () => {
   try {
-    const data = await getConfigKey('url.druid')
+    const data = await getConfigKey('url.druid');
     if (data && data.length > 0) {
-      src.value = data
+      src.value = data;
     }
   } finally {
-    loading.value = false
+    loading.value = false;
   }
-})
+});
 </script>
 
 <template>
   <Page auto-content-height>
     <DocAlert title="数据库 MyBatis" url="https://doc.iocoder.cn/mybatis/" />
-    <DocAlert title="多数据源（读写分离）" url="https://doc.iocoder.cn/dynamic-datasource/" />
+    <DocAlert
+      title="多数据源（读写分离）"
+      url="https://doc.iocoder.cn/dynamic-datasource/"
+    />
 
     <IFrame v-if="!loading" v-loading="loading" :src="src" />
   </Page>
diff --git a/apps/web-antd/src/views/infra/file/data.ts b/apps/web-antd/src/views/infra/file/data.ts
index 7308cb29f..dd43e8426 100644
--- a/apps/web-antd/src/views/infra/file/data.ts
+++ b/apps/web-antd/src/views/infra/file/data.ts
@@ -1,8 +1,9 @@
-import { type VbenFormSchema } from '#/adapter/form';
+import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraFileApi } from '#/api/infra/file';
 
 import { useAccess } from '@vben/access';
+
 import { getRangePickerDefaultProps } from '#/utils/date';
 
 const { hasAccessByCodes } = useAccess();
@@ -18,7 +19,7 @@ export function useFormSchema(): VbenFormSchema[] {
         placeholder: '请选择要上传的文件',
       },
       rules: 'required',
-    }
+    },
   ];
 }
 
@@ -56,7 +57,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraFileApi.InfraFile>(
+export function useGridColumns<T = InfraFileApi.File>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
@@ -86,9 +87,9 @@ export function useGridColumns<T = InfraFileApi.InfraFile>(
         if (!cellValue) return '0 B';
         const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
         const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / Math.pow(1024, index);
+        const size = cellValue / 1024 ** index;
         const formattedSize = size.toFixed(2);
-        return formattedSize + ' ' + unitArr[index];
+        return `${formattedSize} ${unitArr[index]}`;
       },
     },
     {
diff --git a/apps/web-antd/src/views/infra/file/index.vue b/apps/web-antd/src/views/infra/file/index.vue
index aef029f58..ac0ff5436 100644
--- a/apps/web-antd/src/views/infra/file/index.vue
+++ b/apps/web-antd/src/views/infra/file/index.vue
@@ -1,17 +1,22 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraFileApi } from '#/api/infra/file';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message, Image } from 'ant-design-vue';
 import { Upload } from '@vben/icons';
-import Form from './modules/form.vue';
 
-import { $t } from '#/locales';
 import { useClipboard } from '@vueuse/core';
+import { Button, Image, message } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getFilePage, deleteFile } from '#/api/infra/file';
+import { deleteFile, getFilePage } from '#/api/infra/file';
+import { $t } from '#/locales';
+
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -30,7 +35,7 @@ function onUpload() {
 
 /** 复制链接到剪贴板 */
 const { copy } = useClipboard({ legacy: true });
-async function onCopyUrl(row: InfraFileApi.InfraFile) {
+async function onCopyUrl(row: InfraFileApi.File) {
   if (!row.url) {
     message.error('文件 URL 为空');
     return;
@@ -39,7 +44,7 @@ async function onCopyUrl(row: InfraFileApi.InfraFile) {
   try {
     await copy(row.url);
     message.success('复制成功');
-  } catch (error) {
+  } catch {
     message.error('复制失败');
   }
 }
@@ -52,7 +57,7 @@ function openUrl(url?: string) {
 }
 
 /** 删除文件 */
-async function onDelete(row: InfraFileApi.InfraFile) {
+async function onDelete(row: InfraFileApi.File) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name || row.path]),
     duration: 0,
@@ -65,31 +70,28 @@ async function onDelete(row: InfraFileApi.InfraFile) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<InfraFileApi.InfraFile>) {
+function onActionClick({ code, row }: OnActionClickParams<InfraFileApi.File>) {
   switch (code) {
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
     case 'copyUrl': {
       onCopyUrl(row);
       break;
     }
+    case 'delete': {
+      onDelete(row);
+      break;
+    }
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(onActionClick),
@@ -113,7 +115,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraFileApi.InfraFile>,
+  } as VxeTableGridOptions<InfraFileApi.File>,
 });
 </script>
 
@@ -129,8 +131,16 @@ const [Grid, gridApi] = useVbenVxeGrid({
       </template>
       <template #file-content="{ row }">
         <Image v-if="row.type && row.type.includes('image')" :src="row.url" />
-        <Button v-else-if="row.type && row.type.includes('pdf')" type="link" @click="() => openUrl(row.url)"> 预览 </Button>
-        <Button v-else type="link" @click="() => openUrl(row.url)"> 下载 </Button>
+        <Button
+          v-else-if="row.type && row.type.includes('pdf')"
+          type="link"
+          @click="() => openUrl(row.url)"
+        >
+          预览
+        </Button>
+        <Button v-else type="link" @click="() => openUrl(row.url)">
+          下载
+        </Button>
       </template>
     </Grid>
   </Page>
diff --git a/apps/web-antd/src/views/infra/file/modules/form.vue b/apps/web-antd/src/views/infra/file/modules/form.vue
index 9c3df1848..42992ed3f 100644
--- a/apps/web-antd/src/views/infra/file/modules/form.vue
+++ b/apps/web-antd/src/views/infra/file/modules/form.vue
@@ -2,12 +2,12 @@
 import type { FileType } from 'ant-design-vue/es/upload/interface';
 
 import { useVbenModal } from '@vben/common-ui';
-import { message } from 'ant-design-vue';
-import { Upload } from 'ant-design-vue';
 
-import { $t } from '#/locales';
+import { message, Upload } from 'ant-design-vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { useUpload } from '#/components/upload/use-upload';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
@@ -15,11 +15,11 @@ const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
-  schema: useFormSchema().map(item => ({ ...item, label: '' })), // 去除label
+  schema: useFormSchema().map((item) => ({ ...item, label: '' })), // 去除label
   showDefaultActions: false,
   commonConfig: {
     hideLabel: true,
-  }
+  },
 });
 
 const [Modal, modalApi] = useVbenModal({
@@ -43,7 +43,7 @@ const [Modal, modalApi] = useVbenModal({
     } finally {
       modalApi.lock(false);
     }
-  }
+  },
 });
 
 /** 上传前 */
@@ -63,7 +63,7 @@ function beforeUpload(file: FileType) {
             name="file"
             :max-count="1"
             accept=".jpg,.png,.gif,.webp"
-            :beforeUpload="beforeUpload"
+            :before-upload="beforeUpload"
             list-type="picture-card"
           >
             <p class="ant-upload-drag-icon">
diff --git a/apps/web-antd/src/views/infra/fileConfig/data.ts b/apps/web-antd/src/views/infra/fileConfig/data.ts
index 0dd41a075..877f87421 100644
--- a/apps/web-antd/src/views/infra/fileConfig/data.ts
+++ b/apps/web-antd/src/views/infra/fileConfig/data.ts
@@ -2,10 +2,11 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraFileConfigApi } from '#/api/infra/file-config';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
-import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 
+import { getRangePickerDefaultProps } from '#/utils/date';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
@@ -39,7 +40,7 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['id'],
-        show: (formValues) => !formValues.id
+        show: (formValues) => !formValues.id,
       },
     },
     {
@@ -61,7 +62,8 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['storage'],
-        show: (formValues) => formValues.storage >= 10 && formValues.storage <= 12,
+        show: (formValues) =>
+          formValues.storage >= 10 && formValues.storage <= 12,
       },
     },
     {
@@ -74,7 +76,8 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['storage'],
-        show: (formValues) => formValues.storage >= 11 && formValues.storage <= 12,
+        show: (formValues) =>
+          formValues.storage >= 11 && formValues.storage <= 12,
       },
     },
     {
@@ -90,7 +93,8 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['storage'],
-        show: (formValues) => formValues.storage >= 11 && formValues.storage <= 12,
+        show: (formValues) =>
+          formValues.storage >= 11 && formValues.storage <= 12,
       },
     },
     {
@@ -103,7 +107,8 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['storage'],
-        show: (formValues) => formValues.storage >= 11 && formValues.storage <= 12,
+        show: (formValues) =>
+          formValues.storage >= 11 && formValues.storage <= 12,
       },
     },
     {
@@ -116,7 +121,8 @@ export function useFormSchema(): VbenFormSchema[] {
       rules: 'required',
       dependencies: {
         triggerFields: ['storage'],
-        show: (formValues) => formValues.storage >= 11 && formValues.storage <= 12,
+        show: (formValues) =>
+          formValues.storage >= 11 && formValues.storage <= 12,
       },
     },
     {
@@ -240,7 +246,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraFileConfigApi.InfraFileConfig>(
+export function useGridColumns<T = InfraFileConfigApi.FileConfig>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/infra/fileConfig/index.vue b/apps/web-antd/src/views/infra/fileConfig/index.vue
index d52ee8dc9..5c8921ecb 100644
--- a/apps/web-antd/src/views/infra/fileConfig/index.vue
+++ b/apps/web-antd/src/views/infra/fileConfig/index.vue
@@ -1,16 +1,26 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraFileConfigApi } from '#/api/infra/file-config';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message, Modal } from 'ant-design-vue';
 import { Plus } from '@vben/icons';
-import Form from './modules/form.vue';
 
-import { $t } from '#/locales';
+import { Button, message, Modal } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getFileConfigPage, deleteFileConfig, updateFileConfigMaster, testFileConfig } from '#/api/infra/file-config';
+import {
+  deleteFileConfig,
+  getFileConfigPage,
+  testFileConfig,
+  updateFileConfigMaster,
+} from '#/api/infra/file-config';
+import { $t } from '#/locales';
+
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -28,12 +38,12 @@ function onCreate() {
 }
 
 /** 编辑文件配置 */
-function onEdit(row: InfraFileConfigApi.InfraFileConfig) {
+function onEdit(row: InfraFileConfigApi.FileConfig) {
   formModalApi.setData(row).open();
 }
 
 /** 设为主配置 */
-async function onMaster(row: InfraFileConfigApi.InfraFileConfig) {
+async function onMaster(row: InfraFileConfigApi.FileConfig) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.updating', [row.name]),
     duration: 0,
@@ -46,13 +56,13 @@ async function onMaster(row: InfraFileConfigApi.InfraFileConfig) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
 
 /** 测试文件配置 */
-async function onTest(row: InfraFileConfigApi.InfraFileConfig) {
+async function onTest(row: InfraFileConfigApi.FileConfig) {
   const hideLoading = message.loading({
     content: '测试上传中...',
     duration: 0,
@@ -71,13 +81,13 @@ async function onTest(row: InfraFileConfigApi.InfraFileConfig) {
         window.open(response, '_blank');
       },
     });
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
 
 /** 删除文件配置 */
-async function onDelete(row: InfraFileConfigApi.InfraFileConfig) {
+async function onDelete(row: InfraFileConfigApi.FileConfig) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -90,7 +100,7 @@ async function onDelete(row: InfraFileConfigApi.InfraFileConfig) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
@@ -99,8 +109,12 @@ async function onDelete(row: InfraFileConfigApi.InfraFileConfig) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraFileConfigApi.InfraFileConfig>) {
+}: OnActionClickParams<InfraFileConfigApi.FileConfig>) {
   switch (code) {
+    case 'delete': {
+      onDelete(row);
+      break;
+    }
     case 'edit': {
       onEdit(row);
       break;
@@ -113,16 +127,12 @@ function onActionClick({
       onTest(row);
       break;
     }
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(onActionClick),
@@ -146,7 +156,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraFileConfigApi.InfraFileConfig>,
+  } as VxeTableGridOptions<InfraFileConfigApi.FileConfig>,
 });
 </script>
 
@@ -155,7 +165,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="onRefresh" />
     <Grid table-title="文件配置列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['infra:file-config:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:file-config:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['文件配置']) }}
         </Button>
diff --git a/apps/web-antd/src/views/infra/fileConfig/modules/form.vue b/apps/web-antd/src/views/infra/fileConfig/modules/form.vue
index 55c123982..0af78db8b 100644
--- a/apps/web-antd/src/views/infra/fileConfig/modules/form.vue
+++ b/apps/web-antd/src/views/infra/fileConfig/modules/form.vue
@@ -1,18 +1,24 @@
 <script lang="ts" setup>
 import type { InfraFileConfigApi } from '#/api/infra/file-config';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createFileConfig, updateFileConfig, getFileConfig } from '#/api/infra/file-config';
+import {
+  createFileConfig,
+  getFileConfig,
+  updateFileConfig,
+} from '#/api/infra/file-config';
 import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraFileConfigApi.InfraFileConfig>();
+const formData = ref<InfraFileConfigApi.FileConfig>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['文件配置'])
@@ -33,9 +39,11 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraFileConfigApi.InfraFileConfig;
+    const data = (await formApi.getValues()) as InfraFileConfigApi.FileConfig;
     try {
-      await (formData.value?.id ? updateFileConfig(data) : createFileConfig(data));
+      await (formData.value?.id
+        ? updateFileConfig(data)
+        : createFileConfig(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -52,7 +60,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraFileConfigApi.InfraFileConfig>();
+    const data = modalApi.getData<InfraFileConfigApi.FileConfig>();
     if (!data || !data.id) {
       return;
     }
@@ -72,4 +80,4 @@ const [Modal, modalApi] = useVbenModal({
   <Modal :title="getTitle">
     <Form class="mx-4" />
   </Modal>
-</template> 
+</template>
diff --git a/apps/web-antd/src/views/infra/job/data.ts b/apps/web-antd/src/views/infra/job/data.ts
index 8047b3b60..d66f3f91f 100644
--- a/apps/web-antd/src/views/infra/job/data.ts
+++ b/apps/web-antd/src/views/infra/job/data.ts
@@ -2,9 +2,10 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraJobApi } from '#/api/infra/job';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { useAccess } from '@vben/access';
+
 import { InfraJobStatusEnum } from '#/utils/constants';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
 const { hasAccessByCodes } = useAccess();
 
@@ -75,7 +76,7 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入重试间隔，单位：毫秒。设置为 0 时，无需间隔',
         min: 0,
-        class: 'w-full'
+        class: 'w-full',
       },
       rules: 'required',
     },
@@ -127,7 +128,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 表格列配置 */
-export function useGridColumns<T = InfraJobApi.InfraJob>(
+export function useGridColumns<T = InfraJobApi.Job>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
@@ -147,7 +148,7 @@ export function useGridColumns<T = InfraJobApi.InfraJob>(
       minWidth: 100,
       cellRender: {
         name: 'CellDict',
-        props: { type: DICT_TYPE.INFRA_JOB_STATUS, },
+        props: { type: DICT_TYPE.INFRA_JOB_STATUS },
       },
     },
     {
@@ -186,14 +187,16 @@ export function useGridColumns<T = InfraJobApi.InfraJob>(
           {
             code: 'update-status',
             text: '开启',
-            show: (row: any) => hasAccessByCodes(['infra:job:update'])
-              && row.status === InfraJobStatusEnum.STOP,
+            show: (row: any) =>
+              hasAccessByCodes(['infra:job:update']) &&
+              row.status === InfraJobStatusEnum.STOP,
           },
           {
             code: 'update-status',
             text: '暂停',
-            show: (row: any) => hasAccessByCodes(['infra:job:update'])
-              && row.status == InfraJobStatusEnum.NORMAL,
+            show: (row: any) =>
+              hasAccessByCodes(['infra:job:update']) &&
+              row.status == InfraJobStatusEnum.NORMAL,
           },
           {
             code: 'trigger',
diff --git a/apps/web-antd/src/views/infra/job/index.vue b/apps/web-antd/src/views/infra/job/index.vue
index 4aa5fe49b..f13213b93 100644
--- a/apps/web-antd/src/views/infra/job/index.vue
+++ b/apps/web-antd/src/views/infra/job/index.vue
@@ -1,22 +1,33 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraJobApi } from '#/api/infra/job';
 
-import { Page, useVbenModal } from '@vben/common-ui';
-import { Download, Plus, History } from '@vben/icons';
-import { Button, message, Modal } from 'ant-design-vue';
-import Form from './modules/form.vue';
-import Detail from './modules/detail.vue';
-import { DocAlert } from '#/components/doc-alert';
-
-import { $t } from '#/locales';
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { useRouter } from 'vue-router';
-import { InfraJobStatusEnum} from '#/utils/constants';
-import { deleteJob, exportJob, getJobPage, runJob, updateJobStatus } from '#/api/infra/job';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+import { Download, History, Plus } from '@vben/icons';
+
+import { Button, message, Modal } from 'ant-design-vue';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteJob,
+  exportJob,
+  getJobPage,
+  runJob,
+  updateJobStatus,
+} from '#/api/infra/job';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
+import { InfraJobStatusEnum } from '#/utils/constants';
 import { downloadByData } from '#/utils/download';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';
+import Form from './modules/form.vue';
 
 const { push } = useRouter();
 
@@ -47,18 +58,21 @@ function onCreate() {
 }
 
 /** 编辑任务 */
-function onEdit(row: InfraJobApi.InfraJob) {
+function onEdit(row: InfraJobApi.Job) {
   formModalApi.setData(row).open();
 }
 
 /** 查看任务详情 */
-function onDetail(row: InfraJobApi.InfraJob) {
+function onDetail(row: InfraJobApi.Job) {
   detailModalApi.setData({ id: row.id }).open();
 }
 
 /** 更新任务状态 */
-async function onUpdateStatus(row: InfraJobApi.InfraJob) {
-  const status = row.status === InfraJobStatusEnum.STOP ? InfraJobStatusEnum.NORMAL : InfraJobStatusEnum.STOP;
+async function onUpdateStatus(row: InfraJobApi.Job) {
+  const status =
+    row.status === InfraJobStatusEnum.STOP
+      ? InfraJobStatusEnum.NORMAL
+      : InfraJobStatusEnum.STOP;
   const statusText = status === InfraJobStatusEnum.NORMAL ? '启用' : '停用';
   Modal.confirm({
     title: '确认操作',
@@ -70,12 +84,12 @@ async function onUpdateStatus(row: InfraJobApi.InfraJob) {
         key: 'action_process_msg',
       });
       onRefresh();
-    }
+    },
   });
 }
 
 /** 执行一次任务 */
-async function onTrigger(row: InfraJobApi.InfraJob) {
+async function onTrigger(row: InfraJobApi.Job) {
   Modal.confirm({
     title: '确认操作',
     content: `确定执行一次 ${row.name} 吗？`,
@@ -85,12 +99,12 @@ async function onTrigger(row: InfraJobApi.InfraJob) {
         content: $t('ui.actionMessage.operationSuccess'),
         key: 'action_process_msg',
       });
-    }
+    },
   });
 }
 
 /** 跳转到任务日志 */
-function onLog(row?: InfraJobApi.InfraJob) {
+function onLog(row?: InfraJobApi.Job) {
   push({
     name: 'InfraJobLog',
     query: row?.id ? { id: row.id } : {},
@@ -98,7 +112,7 @@ function onLog(row?: InfraJobApi.InfraJob) {
 }
 
 /** 删除任务 */
-async function onDelete(row: InfraJobApi.InfraJob) {
+async function onDelete(row: InfraJobApi.Job) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -117,35 +131,32 @@ async function onDelete(row: InfraJobApi.InfraJob) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<InfraJobApi.InfraJob>) {
+function onActionClick({ code, row }: OnActionClickParams<InfraJobApi.Job>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
-    case 'update-status': {
-      onUpdateStatus(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
-    case 'trigger': {
-      onTrigger(row);
-      break;
-    }
     case 'detail': {
       onDetail(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
     case 'log': {
       onLog(row);
       break;
     }
+    case 'trigger': {
+      onTrigger(row);
+      break;
+    }
+    case 'update-status': {
+      onUpdateStatus(row);
+      break;
+    }
   }
 }
 
@@ -175,7 +186,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraJobApi.InfraJob>,
+  } as VxeTableGridOptions<InfraJobApi.Job>,
 });
 </script>
 
@@ -189,15 +200,29 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <DetailModal />
     <Grid table-title="定时任务列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['infra:job:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:job:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['任务']) }}
         </Button>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:job:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:job:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
-        <Button type="primary" class="ml-2" @click="onLog(undefined)" v-access:code="['infra:job:query']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onLog(undefined)"
+          v-access:code="['infra:job:query']"
+        >
           <History class="size-5" />
           执行日志
         </Button>
diff --git a/apps/web-antd/src/views/infra/job/logger/data.ts b/apps/web-antd/src/views/infra/job/logger/data.ts
index d8c7f92ac..e16ed6950 100644
--- a/apps/web-antd/src/views/infra/job/logger/data.ts
+++ b/apps/web-antd/src/views/infra/job/logger/data.ts
@@ -2,11 +2,13 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraJobLogApi } from '#/api/infra/job-log';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { useAccess } from '@vben/access';
-import dayjs from 'dayjs';
 import { formatDateTime } from '@vben/utils';
 
+import dayjs from 'dayjs';
+
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();
 
 /** 列表的搜索表单 */
@@ -63,7 +65,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 表格列配置 */
-export function useGridColumns<T = InfraJobLogApi.InfraJobLog>(
+export function useGridColumns<T = InfraJobLogApi.JobLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/infra/job/logger/index.vue b/apps/web-antd/src/views/infra/job/logger/index.vue
index 4b1698bf9..97d1a731c 100644
--- a/apps/web-antd/src/views/infra/job/logger/index.vue
+++ b/apps/web-antd/src/views/infra/job/logger/index.vue
@@ -1,20 +1,25 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraJobLogApi } from '#/api/infra/job-log';
 
+import { useRoute } from 'vue-router';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download } from '@vben/icons';
-import { Button } from 'ant-design-vue';
-import Detail from './modules/detail.vue';
-import { DocAlert } from '#/components/doc-alert';
 
-import { $t } from '#/locales';
+import { Button } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { useRoute } from 'vue-router';
 import { exportJobLog, getJobLogPage } from '#/api/infra/job-log';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';
 
 const { query } = useRoute();
 
@@ -30,7 +35,7 @@ async function onExport() {
 }
 
 /** 查看日志详情 */
-function onDetail(row: InfraJobLogApi.InfraJobLog) {
+function onDetail(row: InfraJobLogApi.JobLog) {
   detailModalApi.setData({ id: row.id }).open();
 }
 
@@ -38,7 +43,7 @@ function onDetail(row: InfraJobLogApi.InfraJobLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraJobLogApi.InfraJobLog>) {
+}: OnActionClickParams<InfraJobLogApi.JobLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -77,7 +82,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraJobLogApi.InfraJobLog>,
+  } as VxeTableGridOptions<InfraJobLogApi.JobLog>,
 });
 </script>
 
@@ -90,7 +95,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <DetailModal />
     <Grid table-title="任务日志列表">
       <template #toolbar-tools>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:job:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:job:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
diff --git a/apps/web-antd/src/views/infra/job/logger/modules/detail.vue b/apps/web-antd/src/views/infra/job/logger/modules/detail.vue
index 7caa255be..e43d56094 100644
--- a/apps/web-antd/src/views/infra/job/logger/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/job/logger/modules/detail.vue
@@ -1,16 +1,18 @@
 <script lang="ts" setup>
 import type { InfraJobLogApi } from '#/api/infra/job-log';
 
-import { Descriptions } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
-import { useVbenModal } from '@vben/common-ui';
-import { DICT_TYPE } from '#/utils/dict';
-import { formatDateTime } from '@vben/utils';
-import { getJobLog } from '#/api/infra/job-log';
 import { ref } from 'vue';
 
-const formData = ref<InfraJobLogApi.InfraJobLog>();
+import { useVbenModal } from '@vben/common-ui';
+import { formatDateTime } from '@vben/utils';
+
+import { Descriptions } from 'ant-design-vue';
+
+import { getJobLog } from '#/api/infra/job-log';
+import { DictTag } from '#/components/dict-tag';
+import { DICT_TYPE } from '#/utils/dict';
+
+const formData = ref<InfraJobLogApi.JobLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -33,8 +35,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal title="日志详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions :column="1" bordered size="middle" class="mx-4" :label-style="{ width: '140px' }">
+  <Modal
+    title="日志详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      :column="1"
+      bordered
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '140px' }"
+    >
       <Descriptions.Item label="日志编号">
         {{ formData?.id }}
       </Descriptions.Item>
@@ -55,10 +68,13 @@ const [Modal, modalApi] = useVbenModal({
         {{ formData?.endTime ? formatDateTime(formData.endTime) : '' }}
       </Descriptions.Item>
       <Descriptions.Item label="执行时长">
-        {{ formData?.duration ? formData.duration + ' 毫秒' : '' }}
+        {{ formData?.duration ? `${formData.duration} 毫秒` : '' }}
       </Descriptions.Item>
       <Descriptions.Item label="任务状态">
-        <DictTag :type="DICT_TYPE.INFRA_JOB_LOG_STATUS" :value="formData?.status" />
+        <DictTag
+          :type="DICT_TYPE.INFRA_JOB_LOG_STATUS"
+          :value="formData?.status"
+        />
       </Descriptions.Item>
       <Descriptions.Item label="执行结果">
         {{ formData?.result }}
diff --git a/apps/web-antd/src/views/infra/job/modules/detail.vue b/apps/web-antd/src/views/infra/job/modules/detail.vue
index 3823664e2..92fbd825f 100644
--- a/apps/web-antd/src/views/infra/job/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/job/modules/detail.vue
@@ -1,16 +1,18 @@
 <script lang="ts" setup>
 import type { InfraJobApi } from '#/api/infra/job';
 
-import { Descriptions, Timeline } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
-import { useVbenModal } from '@vben/common-ui';
-import { DICT_TYPE } from '#/utils/dict';
-import { formatDateTime } from '@vben/utils';
-import { getJob, getJobNextTimes } from '#/api/infra/job';
 import { ref } from 'vue';
 
-const formData = ref<InfraJobApi.InfraJob>(); // 任务详情
+import { useVbenModal } from '@vben/common-ui';
+import { formatDateTime } from '@vben/utils';
+
+import { Descriptions, Timeline } from 'ant-design-vue';
+
+import { getJob, getJobNextTimes } from '#/api/infra/job';
+import { DictTag } from '#/components/dict-tag';
+import { DICT_TYPE } from '#/utils/dict';
+
+const formData = ref<InfraJobApi.Job>(); // 任务详情
 const nextTimes = ref<Date[]>([]); // 下一次执行时间
 
 const [Modal, modalApi] = useVbenModal({
@@ -36,8 +38,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal title="任务详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions :column="1" bordered size="middle" class="mx-4" :label-style="{ width: '140px' }">
+  <Modal
+    title="任务详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      :column="1"
+      bordered
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '140px' }"
+    >
       <Descriptions.Item label="任务编号">
         {{ formData?.id }}
       </Descriptions.Item>
@@ -60,14 +73,24 @@ const [Modal, modalApi] = useVbenModal({
         {{ formData?.retryCount }}
       </Descriptions.Item>
       <Descriptions.Item label="重试间隔">
-        {{ formData?.retryInterval ? formData.retryInterval + ' 毫秒' : '无间隔' }}
+        {{
+          formData?.retryInterval ? `${formData.retryInterval} 毫秒` : '无间隔'
+        }}
       </Descriptions.Item>
       <Descriptions.Item label="监控超时时间">
-        {{ formData?.monitorTimeout && formData.monitorTimeout > 0 ? formData.monitorTimeout + ' 毫秒' : '未开启' }}
+        {{
+          formData?.monitorTimeout && formData.monitorTimeout > 0
+            ? `${formData.monitorTimeout} 毫秒`
+            : '未开启'
+        }}
       </Descriptions.Item>
       <Descriptions.Item label="后续执行时间">
         <Timeline class="h-[180px]">
-          <Timeline.Item v-for="(nextTime, index) in nextTimes" :key="index" color="blue">
+          <Timeline.Item
+            v-for="(nextTime, index) in nextTimes"
+            :key="index"
+            color="blue"
+          >
             第 {{ index + 1 }} 次：{{ formatDateTime(nextTime.toString()) }}
           </Timeline.Item>
         </Timeline>
diff --git a/apps/web-antd/src/views/infra/job/modules/form.vue b/apps/web-antd/src/views/infra/job/modules/form.vue
index c9f72e1ec..2de926070 100644
--- a/apps/web-antd/src/views/infra/job/modules/form.vue
+++ b/apps/web-antd/src/views/infra/job/modules/form.vue
@@ -1,18 +1,20 @@
 <script lang="ts" setup>
 import type { InfraJobApi } from '#/api/infra/job';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
 import { createJob, getJob, updateJob } from '#/api/infra/job';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraJobApi.InfraJob>();
+const formData = ref<InfraJobApi.Job>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['任务'])
@@ -24,8 +26,8 @@ const [Form, formApi] = useVbenForm({
   schema: useFormSchema(),
   showDefaultActions: false,
   commonConfig: {
-    labelWidth: 140
-  }
+    labelWidth: 140,
+  },
 });
 
 const [Modal, modalApi] = useVbenModal({
@@ -36,11 +38,9 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraJobApi.InfraJob;
+    const data = (await formApi.getValues()) as InfraJobApi.Job;
     try {
-      await (formData.value?.id
-        ? updateJob(data)
-        : createJob(data));
+      await (formData.value?.id ? updateJob(data) : createJob(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -57,7 +57,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraJobApi.InfraJob>();
+    const data = modalApi.getData<InfraJobApi.Job>();
     if (!data || !data.id) {
       return;
     }
@@ -77,4 +77,4 @@ const [Modal, modalApi] = useVbenModal({
   <Modal :title="getTitle">
     <Form class="mx-4" />
   </Modal>
-</template> 
+</template>
diff --git a/apps/web-antd/src/views/infra/redis/index.vue b/apps/web-antd/src/views/infra/redis/index.vue
index e69aaf355..b017abd1e 100644
--- a/apps/web-antd/src/views/infra/redis/index.vue
+++ b/apps/web-antd/src/views/infra/redis/index.vue
@@ -1,17 +1,20 @@
 <script lang="ts" setup>
 import type { InfraRedisApi } from '#/api/infra/redis';
 
-import { Card } from 'ant-design-vue';
+import { onMounted, ref } from 'vue';
+
 import { Page } from '@vben/common-ui';
-import Memory from './modules/memory.vue';
-import Commands from './modules/commands.vue';
-import Info from './modules/info.vue';
+
+import { Card } from 'ant-design-vue';
+
+import { getRedisMonitorInfo } from '#/api/infra/redis';
 import { DocAlert } from '#/components/doc-alert';
 
-import { onMounted, ref } from 'vue';
-import { getRedisMonitorInfo } from '#/api/infra/redis';
+import Commands from './modules/commands.vue';
+import Info from './modules/info.vue';
+import Memory from './modules/memory.vue';
 
-const redisData = ref<InfraRedisApi.InfraRedisMonitorInfo>();
+const redisData = ref<InfraRedisApi.RedisMonitorInfo>();
 
 /** 统一加载 Redis 数据 */
 const loadRedisData = async () => {
@@ -36,7 +39,7 @@ onMounted(() => {
       <Info :redis-data="redisData" />
     </Card>
 
-    <div class="mt-5 grid grid-cols-1 md:grid-cols-2 gap-4">
+    <div class="mt-5 grid grid-cols-1 gap-4 md:grid-cols-2">
       <Card title="内存使用">
         <Memory :redis-data="redisData" />
       </Card>
diff --git a/apps/web-antd/src/views/infra/redis/modules/commands.vue b/apps/web-antd/src/views/infra/redis/modules/commands.vue
index 4d1be24ee..5c7e375b8 100644
--- a/apps/web-antd/src/views/infra/redis/modules/commands.vue
+++ b/apps/web-antd/src/views/infra/redis/modules/commands.vue
@@ -1,13 +1,14 @@
 <script lang="ts" setup>
 import type { EchartsUIType } from '@vben/plugins/echarts';
-import type { InfraRedisApi } from '#/api/infra/redis';
 
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+import type { InfraRedisApi } from '#/api/infra/redis';
 
 import { onMounted, ref, watch } from 'vue';
 
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
 const props = defineProps<{
-  redisData?: InfraRedisApi.InfraRedisMonitorInfo;
+  redisData?: InfraRedisApi.RedisMonitorInfo;
 }>();
 
 const chartRef = ref<EchartsUIType>();
@@ -25,7 +26,7 @@ const renderCommandStats = () => {
   props.redisData.commandStats.forEach((row) => {
     commandStats.push({
       name: row.command,
-      value: row.calls
+      value: row.calls,
     });
     nameList.push(row.command);
   });
@@ -34,11 +35,11 @@ const renderCommandStats = () => {
   renderEcharts({
     title: {
       text: '命令统计',
-      left: 'center'
+      left: 'center',
     },
     tooltip: {
       trigger: 'item',
-      formatter: '{a} <br/>{b} : {c} ({d}%)'
+      formatter: '{a} <br/>{b} : {c} ({d}%)',
     },
     legend: {
       type: 'scroll',
@@ -48,8 +49,8 @@ const renderCommandStats = () => {
       bottom: 20,
       data: nameList,
       textStyle: {
-        color: '#a1a1a1'
-      }
+        color: '#a1a1a1',
+      },
     },
     series: [
       {
@@ -60,29 +61,33 @@ const renderCommandStats = () => {
         data: commandStats,
         roseType: 'radius',
         label: {
-          show: true
+          show: true,
         },
         emphasis: {
           label: {
-            show: true
+            show: true,
           },
           itemStyle: {
             shadowBlur: 10,
             shadowOffsetX: 0,
-            shadowColor: 'rgba(0, 0, 0, 0.5)'
-          }
-        }
-      }
-    ]
+            shadowColor: 'rgba(0, 0, 0, 0.5)',
+          },
+        },
+      },
+    ],
   });
 };
 
 /** 监听数据变化，重新渲染图表 */
-watch(() => props.redisData, (newVal) => {
-  if (newVal) {
-    renderCommandStats();
-  }
-}, { deep: true });
+watch(
+  () => props.redisData,
+  (newVal) => {
+    if (newVal) {
+      renderCommandStats();
+    }
+  },
+  { deep: true },
+);
 
 onMounted(() => {
   if (props.redisData) {
diff --git a/apps/web-antd/src/views/infra/redis/modules/info.vue b/apps/web-antd/src/views/infra/redis/modules/info.vue
index 9273907c3..8b1822a96 100644
--- a/apps/web-antd/src/views/infra/redis/modules/info.vue
+++ b/apps/web-antd/src/views/infra/redis/modules/info.vue
@@ -1,15 +1,20 @@
 <script lang="ts" setup>
-import { type InfraRedisApi } from '#/api/infra/redis';
+import type { InfraRedisApi } from '#/api/infra/redis';
 
 import { Descriptions } from 'ant-design-vue';
 
 defineProps<{
-  redisData?: InfraRedisApi.InfraRedisMonitorInfo;
+  redisData?: InfraRedisApi.RedisMonitorInfo;
 }>();
 </script>
 
 <template>
-  <Descriptions :column="6" bordered size="middle" :label-style="{ width: '138px' }">
+  <Descriptions
+    :column="6"
+    bordered
+    size="middle"
+    :label-style="{ width: '138px' }"
+  >
     <Descriptions.Item label="Redis 版本">
       {{ redisData?.info?.redis_version }}
     </Descriptions.Item>
@@ -29,7 +34,11 @@ defineProps<{
       {{ redisData?.info?.used_memory_human }}
     </Descriptions.Item>
     <Descriptions.Item label="使用 CPU">
-      {{ redisData?.info ? parseFloat(redisData?.info?.used_cpu_user_children).toFixed(2) : '' }}
+      {{
+        redisData?.info
+          ? parseFloat(redisData?.info?.used_cpu_user_children).toFixed(2)
+          : ''
+      }}
     </Descriptions.Item>
     <Descriptions.Item label="内存配置">
       {{ redisData?.info?.maxmemory_human }}
diff --git a/apps/web-antd/src/views/infra/redis/modules/memory.vue b/apps/web-antd/src/views/infra/redis/modules/memory.vue
index 1abe667af..04f26756c 100644
--- a/apps/web-antd/src/views/infra/redis/modules/memory.vue
+++ b/apps/web-antd/src/views/infra/redis/modules/memory.vue
@@ -1,13 +1,14 @@
 <script lang="ts" setup>
 import type { EchartsUIType } from '@vben/plugins/echarts';
-import type { InfraRedisApi } from '#/api/infra/redis';
 
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+import type { InfraRedisApi } from '#/api/infra/redis';
 
 import { onMounted, ref, watch } from 'vue';
 
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
 const props = defineProps<{
-  redisData?: InfraRedisApi.InfraRedisMonitorInfo;
+  redisData?: InfraRedisApi.RedisMonitorInfo;
 }>();
 
 const chartRef = ref<EchartsUIType>();
@@ -22,8 +23,8 @@ const parseMemoryValue = (memStr: string | undefined): number => {
     // 从字符串中提取数字部分，例如 "1.2M" 中的 1.2
     const str = String(memStr); // 显式转换为字符串类型
     const match = str.match(/^([\d.]+)/);
-    return match ? parseFloat(match[1] as string) : 0;
-  } catch (e) {
+    return match ? Number.parseFloat(match[1] as string) : 0;
+  } catch {
     return 0;
   }
 };
@@ -45,7 +46,7 @@ const renderMemoryChart = () => {
       left: 'center',
     },
     tooltip: {
-      formatter: '{b} <br/>{a} : ' + usedMemory
+      formatter: `{b} <br/>{a} : ${usedMemory}`,
     },
     series: [
       {
@@ -64,59 +65,63 @@ const renderMemoryChart = () => {
             color: [
               [0.2, '#7FFF00'],
               [0.8, '#00FFFF'],
-              [1, '#FF0000']
+              [1, '#FF0000'],
             ],
-            width: 10
-          }
+            width: 10,
+          },
         },
         axisTick: {
           length: 5,
           lineStyle: {
-            color: '#76D9D7'
-          }
+            color: '#76D9D7',
+          },
         },
         splitLine: {
           length: 20,
           lineStyle: {
-            color: '#76D9D7'
-          }
+            color: '#76D9D7',
+          },
         },
         axisLabel: {
           color: '#76D9D7',
           distance: 15,
-          fontSize: 15
+          fontSize: 15,
         },
         pointer: {
           width: 7,
-          show: true
+          show: true,
         },
         detail: {
           show: true,
           offsetCenter: [0, '50%'],
           color: 'auto',
           fontSize: 30,
-          formatter: usedMemory
+          formatter: usedMemory,
         },
         progress: {
-          show: true
+          show: true,
         },
         data: [
           {
             value: memoryValue,
-            name: '内存消耗'
-          }
-        ]
-      }
-    ]
+            name: '内存消耗',
+          },
+        ],
+      },
+    ],
   });
 };
 
 /** 监听数据变化，重新渲染图表 */
-watch(() => props.redisData, (newVal) => {
-  if (newVal) {
-    renderMemoryChart();
-  }
-}, { deep: true });
+watch(
+  () => props.redisData,
+  (newVal) => {
+    if (newVal) {
+      renderMemoryChart();
+    }
+  },
+  { deep: true },
+);
 
 onMounted(() => {
   if (props.redisData) {
diff --git a/apps/web-antd/src/views/infra/server/index.vue b/apps/web-antd/src/views/infra/server/index.vue
index 42bd8140d..4e7455a1b 100644
--- a/apps/web-antd/src/views/infra/server/index.vue
+++ b/apps/web-antd/src/views/infra/server/index.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
-import { Page } from '@vben/common-ui'
-import { IFrame } from '#/components/iframe'
-import { DocAlert } from '#/components/doc-alert'
+import { onMounted, ref } from 'vue';
 
-import { ref, onMounted } from 'vue'
-import { getConfigKey } from '#/api/infra/config'
+import { Page } from '@vben/common-ui';
 
-const loading = ref(true) // 是否加载中
-const src = ref(import.meta.env.VITE_BASE_URL + '/admin/applications')
+import { getConfigKey } from '#/api/infra/config';
+import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+const loading = ref(true); // 是否加载中
+const src = ref(`${import.meta.env.VITE_BASE_URL}/admin/applications`);
 
 /** 初始化 */
 onMounted(async () => {
@@ -15,14 +16,14 @@ onMounted(async () => {
     // 友情提示：如果访问出现 404 问题：
     // 1）boot 参考 https://doc.iocoder.cn/server-monitor/ 解决；
     // 2）cloud 参考 https://cloud.iocoder.cn/server-monitor/ 解决
-    const data = await getConfigKey('url.spring-boot-admin')
+    const data = await getConfigKey('url.spring-boot-admin');
     if (data && data.length > 0) {
-      src.value = data
+      src.value = data;
     }
   } finally {
-    loading.value = false
+    loading.value = false;
   }
-})
+});
 </script>
 
 <template>
@@ -31,4 +32,4 @@ onMounted(async () => {
 
     <IFrame v-if="!loading" v-loading="loading" :src="src" />
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/skywalking/index.vue b/apps/web-antd/src/views/infra/skywalking/index.vue
index d75b016f1..aeeb36aa8 100644
--- a/apps/web-antd/src/views/infra/skywalking/index.vue
+++ b/apps/web-antd/src/views/infra/skywalking/index.vue
@@ -1,25 +1,26 @@
 <script setup lang="ts">
-import { Page } from '@vben/common-ui'
-import { DocAlert } from '#/components/doc-alert'
-import { IFrame } from '#/components/iframe'
+import { onMounted, ref } from 'vue';
 
-import { ref, onMounted } from 'vue'
-import { getConfigKey } from '#/api/infra/config'
+import { Page } from '@vben/common-ui';
 
-const loading = ref(true) // 是否加载中
-const src = ref('http://skywalking.shop.iocoder.cn')
+import { getConfigKey } from '#/api/infra/config';
+import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+const loading = ref(true); // 是否加载中
+const src = ref('http://skywalking.shop.iocoder.cn');
 
 /** 初始化 */
 onMounted(async () => {
   try {
-    const data = await getConfigKey('url.skywalking')
+    const data = await getConfigKey('url.skywalking');
     if (data && data.length > 0) {
-      src.value = data
+      src.value = data;
     }
   } finally {
-    loading.value = false
+    loading.value = false;
   }
-})
+});
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/infra/swagger/index.vue b/apps/web-antd/src/views/infra/swagger/index.vue
index 229c0181e..3e3c1c530 100644
--- a/apps/web-antd/src/views/infra/swagger/index.vue
+++ b/apps/web-antd/src/views/infra/swagger/index.vue
@@ -1,26 +1,27 @@
 <script lang="ts" setup>
-import { Page } from '@vben/common-ui'
-import { DocAlert } from '#/components/doc-alert'
-import { IFrame } from '#/components/iframe'
+import { onMounted, ref } from 'vue';
 
-import { ref, onMounted } from 'vue'
-import { getConfigKey } from '#/api/infra/config'
+import { Page } from '@vben/common-ui';
 
-const loading = ref(true) // 是否加载中
-const src = ref(import.meta.env.VITE_BASE_URL + '/doc.html') // Knife4j UI
+import { getConfigKey } from '#/api/infra/config';
+import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+const loading = ref(true); // 是否加载中
+const src = ref(`${import.meta.env.VITE_BASE_URL}/doc.html`); // Knife4j UI
 // const src = ref(import.meta.env.VITE_BASE_URL + '/swagger-ui') // Swagger UI
 
 /** 初始化 */
 onMounted(async () => {
   try {
-    const data = await getConfigKey('url.swagger')
+    const data = await getConfigKey('url.swagger');
     if (data && data.length > 0) {
-      src.value = data
+      src.value = data;
     }
   } finally {
-    loading.value = false
+    loading.value = false;
   }
-})
+});
 </script>
 
 <template>
@@ -29,4 +30,4 @@ onMounted(async () => {
 
     <IFrame v-if="!loading" :src="src" />
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/infra/webSocket/index.vue b/apps/web-antd/src/views/infra/webSocket/index.vue
index 0dab64689..a0f45232f 100644
--- a/apps/web-antd/src/views/infra/webSocket/index.vue
+++ b/apps/web-antd/src/views/infra/webSocket/index.vue
@@ -1,41 +1,56 @@
 <script lang="ts" setup>
-import type { SystemUserApi } from '#/api/system/user'
+import type { SystemUserApi } from '#/api/system/user';
 
-import { message } from 'ant-design-vue'
-import { Card, Tag, Divider, Input, Button, Select, Avatar, Empty, Badge } from 'ant-design-vue'
-import { Page } from '@vben/common-ui'
-import { DocAlert } from '#/components/doc-alert'
+import { computed, onMounted, ref, watchEffect } from 'vue';
 
-import { formatDate } from '@vben/utils'
-import { useWebSocket } from '@vueuse/core'
-import { getSimpleUserList } from '#/api/system/user'
-import { ref, computed, watchEffect, onMounted } from 'vue'
-import { useAccessStore } from '@vben/stores'
+import { Page } from '@vben/common-ui';
+import { useAccessStore } from '@vben/stores';
+import { formatDate } from '@vben/utils';
 
-const accessStore = useAccessStore()
-const refreshToken = accessStore.refreshToken as string
+import { useWebSocket } from '@vueuse/core';
+import {
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  Divider,
+  Empty,
+  Input,
+  message,
+  Select,
+  Tag,
+} from 'ant-design-vue';
+
+import { getSimpleUserList } from '#/api/system/user';
+import { DocAlert } from '#/components/doc-alert';
+
+const accessStore = useAccessStore();
+const refreshToken = accessStore.refreshToken as string;
 
 const server = ref(
-  (import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') +
-    '?token=' +
-    refreshToken // 使用 refreshToken，而不使用 accessToken 方法的原因：WebSocket 无法方便的刷新访问令牌
-) // WebSocket 服务地址
-const getIsOpen = computed(() => status.value === 'OPEN') // WebSocket 连接是否打开
-const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red')) // WebSocket 连接的展示颜色
-const getStatusText = computed(() => (getIsOpen.value ? '已连接' : '未连接')) // 连接状态文本
+  `${`${import.meta.env.VITE_BASE_URL}/infra/ws`.replace(
+    'http',
+    'ws',
+  )}?token=${refreshToken}`, // 使用 refreshToken，而不使用 accessToken 方法的原因：WebSocket 无法方便的刷新访问令牌
+); // WebSocket 服务地址
+const getIsOpen = computed(() => status.value === 'OPEN'); // WebSocket 连接是否打开
+const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red')); // WebSocket 连接的展示颜色
+const getStatusText = computed(() => (getIsOpen.value ? '已连接' : '未连接')); // 连接状态文本
 
 /** 发起 WebSocket 连接 */
 const { status, data, send, close, open } = useWebSocket(server.value, {
   autoReconnect: true,
-  heartbeat: true
-})
+  heartbeat: true,
+});
 
 /** 监听接收到的数据 */
-const messageList = ref([] as { time: number; text: string; type?: string; userId?: string }[]) // 消息列表
-const messageReverseList = computed(() => messageList.value.slice().reverse())
+const messageList = ref(
+  [] as { text: string; time: number; type?: string; userId?: string }[],
+); // 消息列表
+const messageReverseList = computed(() => [...messageList.value].reverse());
 watchEffect(() => {
   if (!data.value) {
-    return
+    return;
   }
   try {
     // 1. 收到心跳
@@ -44,109 +59,128 @@ watchEffect(() => {
       //   text: '【心跳】',
       //   time: new Date().getTime()
       // })
-      return
+      return;
     }
 
     // 2.1 解析 type 消息类型
-    const jsonMessage = JSON.parse(data.value)
-    const type = jsonMessage.type
-    const content = JSON.parse(jsonMessage.content)
+    const jsonMessage = JSON.parse(data.value);
+    const type = jsonMessage.type;
+    const content = JSON.parse(jsonMessage.content);
     if (!type) {
-      message.error('未知的消息类型：' + data.value)
-      return
+      message.error(`未知的消息类型：${data.value}`);
+      return;
     }
     // 2.2 消息类型：demo-message-receive
     if (type === 'demo-message-receive') {
-      const single = content.single
+      const single = content.single;
       messageList.value.push({
         text: content.text,
-        time: new Date().getTime(),
+        time: Date.now(),
         type: single ? 'single' : 'group',
-        userId: content.fromUserId
-      })
-      return
+        userId: content.fromUserId,
+      });
+      return;
     }
     // 2.3 消息类型：notice-push
     if (type === 'notice-push') {
       messageList.value.push({
         text: content.title,
-        time: new Date().getTime(),
-        type: 'system'
-      })
-      return
+        time: Date.now(),
+        type: 'system',
+      });
+      return;
     }
-    message.error('未处理消息：' + data.value)
+    message.error(`未处理消息：${data.value}`);
   } catch (error) {
-    message.error('处理消息发生异常：' + data.value)
-    console.error(error)
+    message.error(`处理消息发生异常：${data.value}`);
+    console.error(error);
   }
-})
+});
 
 /** 发送消息 */
-const sendText = ref('') // 发送内容
-const sendUserId = ref('') // 发送人
+const sendText = ref(''); // 发送内容
+const sendUserId = ref(''); // 发送人
 const handlerSend = () => {
   if (!sendText.value.trim()) {
-    message.warning('消息内容不能为空')
-    return
+    message.warning('消息内容不能为空');
+    return;
   }
-  
+
   // 1.1 先 JSON 化 message 消息内容
   const messageContent = JSON.stringify({
     text: sendText.value,
-    toUserId: sendUserId.value
-  })
+    toUserId: sendUserId.value,
+  });
   // 1.2 再 JSON 化整个消息
   const jsonMessage = JSON.stringify({
     type: 'demo-message-send',
-    content: messageContent
-  })
+    content: messageContent,
+  });
   // 2. 最后发送消息
-  send(jsonMessage)
-  sendText.value = ''
-}
+  send(jsonMessage);
+  sendText.value = '';
+};
 
 /** 切换 websocket 连接状态 */
 const toggleConnectStatus = () => {
   if (getIsOpen.value) {
-    close()
+    close();
   } else {
-    open()
+    open();
   }
-}
+};
 
 /** 获取消息类型的徽标颜色 */
 const getMessageBadgeColor = (type?: string) => {
   switch (type) {
-    case 'single': return 'blue'
-    case 'group': return 'green'
-    case 'system': return 'red'
-    default: return 'default'
+    case 'group': {
+      return 'green';
+    }
+    case 'single': {
+      return 'blue';
+    }
+    case 'system': {
+      return 'red';
+    }
+    default: {
+      return 'default';
+    }
   }
-}
+};
 
 /** 获取消息类型的文本 */
 const getMessageTypeText = (type?: string) => {
   switch (type) {
-    case 'single': return '单发'
-    case 'group': return '群发'
-    case 'system': return '系统'
-    default: return '未知'
+    case 'group': {
+      return '群发';
+    }
+    case 'single': {
+      return '单发';
+    }
+    case 'system': {
+      return '系统';
+    }
+    default: {
+      return '未知';
+    }
   }
-}
+};
 
-/** 初始化 **/
-const userList = ref<SystemUserApi.SystemUser[]>([]) // 用户列表
+/** 初始化 */
+const userList = ref<SystemUserApi.User[]>([]); // 用户列表
 onMounted(async () => {
-  userList.value = await getSimpleUserList()
-})
+  userList.value = await getSimpleUserList();
+});
 </script>
 
 <template>
   <Page>
-    <DocAlert title="WebSocket 实时通信" url="https://doc.iocoder.cn/websocket/" />
+    <DocAlert
+      title="WebSocket 实时通信"
+      url="https://doc.iocoder.cn/websocket/"
+    />
 
-    <div class="flex flex-col md:flex-row gap-4 mt-4">
+    <div class="mt-4 flex flex-col gap-4 md:flex-row">
       <!-- 左侧：建立连接、发送消息 -->
       <Card :bordered="false" class="w-full md:w-1/2">
         <template #title>
@@ -155,16 +189,17 @@ onMounted(async () => {
             <span class="ml-2 text-lg font-medium">连接管理</span>
           </div>
         </template>
-        <div class="flex items-center mb-4 bg-gray-50 p-3 rounded-lg">
+        <div class="mb-4 flex items-center rounded-lg bg-gray-50 p-3">
           <span class="mr-4 font-medium">连接状态:</span>
           <Tag :color="getTagColor" class="px-3 py-1">{{ getStatusText }}</Tag>
         </div>
-        <div class="flex space-x-2 mb-6">
-          <Input 
-            v-model:value="server" 
+        <div class="mb-6 flex space-x-2">
+          <Input
+            v-model:value="server"
             disabled
             class="rounded-md"
-            size="large">
+            size="large"
+          >
             <template #addonBefore>
               <span class="text-gray-600">服务地址</span>
             </template>
@@ -179,17 +214,18 @@ onMounted(async () => {
             {{ getIsOpen ? '关闭连接' : '开启连接' }}
           </Button>
         </div>
-        
+
         <Divider>
           <span class="text-gray-500">消息发送</span>
         </Divider>
 
-        <Select 
-          v-model:value="sendUserId" 
-          class="w-full mb-3" 
+        <Select
+          v-model:value="sendUserId"
+          class="mb-3 w-full"
           size="large"
           placeholder="请选择接收人"
-          :disabled="!getIsOpen">
+          :disabled="!getIsOpen"
+        >
           <Select.Option key="" value="" label="所有人">
             <div class="flex items-center">
               <Avatar size="small" class="mr-2">全</Avatar>
@@ -203,61 +239,72 @@ onMounted(async () => {
             :label="user.nickname"
           >
             <div class="flex items-center">
-              <Avatar size="small" class="mr-2">{{ user.nickname.slice(0, 1) }}</Avatar>
+              <Avatar size="small" class="mr-2">
+                {{ user.nickname.slice(0, 1) }}
+              </Avatar>
               <span>{{ user.nickname }}</span>
             </div>
           </Select.Option>
         </Select>
-        
+
         <Input.TextArea
           v-model:value="sendText"
           :auto-size="{ minRows: 3, maxRows: 6 }"
           :disabled="!getIsOpen"
-          class="rounded-lg border-1 border-gray-300"
-          allowClear
+          class="border-1 rounded-lg border-gray-300"
+          allow-clear
           placeholder="请输入你要发送的消息..."
         />
-        
-        <Button 
-          :disabled="!getIsOpen" 
-          block 
-          class="mt-4" 
-          type="primary" 
+
+        <Button
+          :disabled="!getIsOpen"
+          block
+          class="mt-4"
+          type="primary"
           size="large"
-          @click="handlerSend">
+          @click="handlerSend"
+        >
           <template #icon>
-            <span class="i-ant-design:send-outlined mr-1" />
+            <span class="i-ant-design:send-outlined mr-1"></span>
           </template>
           发送消息
         </Button>
       </Card>
-      
+
       <!-- 右侧：消息记录 -->
       <Card :bordered="false" class="w-full md:w-1/2">
         <template #title>
           <div class="flex items-center">
-            <span class="i-ant-design:message-outlined mr-2 text-lg" />
+            <span class="i-ant-design:message-outlined mr-2 text-lg"></span>
             <span class="text-lg font-medium">消息记录</span>
-            <Tag v-if="messageList.length > 0" class="ml-2">{{ messageList.length }} 条</Tag>
+            <Tag v-if="messageList.length > 0" class="ml-2">
+              {{ messageList.length }} 条
+            </Tag>
           </div>
         </template>
-        <div class="h-96 overflow-auto p-2 bg-gray-50 rounded-lg">
+        <div class="h-96 overflow-auto rounded-lg bg-gray-50 p-2">
           <Empty v-if="messageList.length === 0" description="暂无消息记录" />
           <div v-else class="space-y-3">
-            <div 
-              v-for="msg in messageReverseList" 
-              :key="msg.time" 
-              class="p-3 bg-white rounded-lg shadow-sm"
+            <div
+              v-for="msg in messageReverseList"
+              :key="msg.time"
+              class="rounded-lg bg-white p-3 shadow-sm"
             >
-              <div class="flex items-center justify-between mb-1">
+              <div class="mb-1 flex items-center justify-between">
                 <div class="flex items-center">
                   <Badge :color="getMessageBadgeColor(msg.type)" />
-                  <span class="ml-1 text-gray-600 font-medium">{{ getMessageTypeText(msg.type) }}</span>
-                  <span v-if="msg.userId" class="ml-2 text-gray-500">用户 ID: {{ msg.userId }}</span>
+                  <span class="ml-1 font-medium text-gray-600">{{
+                    getMessageTypeText(msg.type)
+                  }}</span>
+                  <span v-if="msg.userId" class="ml-2 text-gray-500"
+                    >用户 ID: {{ msg.userId }}</span
+                  >
                 </div>
-                <span class="text-xs text-gray-400">{{ formatDate(msg.time) }}</span>
+                <span class="text-xs text-gray-400">{{
+                  formatDate(msg.time)
+                }}</span>
               </div>
-              <div class="mt-2 text-gray-800 break-words">
+              <div class="mt-2 break-words text-gray-800">
                 {{ msg.text }}
               </div>
             </div>
diff --git a/apps/web-antd/src/views/iot/device/device/index.vue b/apps/web-antd/src/views/iot/device/device/index.vue
index 5f1d123c4..04fad976b 100644
--- a/apps/web-antd/src/views/iot/device/device/index.vue
+++ b/apps/web-antd/src/views/iot/device/device/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/device/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/device/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/device/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/device/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/device/group/index.vue b/apps/web-antd/src/views/iot/device/group/index.vue
index 0d2a94d92..d21c2c5a8 100644
--- a/apps/web-antd/src/views/iot/device/group/index.vue
+++ b/apps/web-antd/src/views/iot/device/group/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/group/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/group/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/group/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/device/group/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/home/index.vue b/apps/web-antd/src/views/iot/home/index.vue
index b27d6da8a..10705d5af 100644
--- a/apps/web-antd/src/views/iot/home/index.vue
+++ b/apps/web-antd/src/views/iot/home/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/home/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/home/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/home/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/home/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/plugin/index.vue b/apps/web-antd/src/views/iot/plugin/index.vue
index e7a865a7a..b23ae2719 100644
--- a/apps/web-antd/src/views/iot/plugin/index.vue
+++ b/apps/web-antd/src/views/iot/plugin/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/plugin/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/plugin/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/plugin/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/plugin/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/product/category/index.vue b/apps/web-antd/src/views/iot/product/category/index.vue
index 986674734..aa372022b 100644
--- a/apps/web-antd/src/views/iot/product/category/index.vue
+++ b/apps/web-antd/src/views/iot/product/category/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/category/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/category/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/category/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/category/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/product/product/index.vue b/apps/web-antd/src/views/iot/product/product/index.vue
index b3d8e4805..1908600c1 100644
--- a/apps/web-antd/src/views/iot/product/product/index.vue
+++ b/apps/web-antd/src/views/iot/product/product/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/product/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/product/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/product/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/product/product/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/rule/databridge/index.vue b/apps/web-antd/src/views/iot/rule/databridge/index.vue
index 7b3538aa9..b92d8cd7f 100644
--- a/apps/web-antd/src/views/iot/rule/databridge/index.vue
+++ b/apps/web-antd/src/views/iot/rule/databridge/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/rule/databridge/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/rule/databridge/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/rule/databridge/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/rule/databridge/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/iot/thingmodel/index.vue b/apps/web-antd/src/views/iot/thingmodel/index.vue
index 36b5a101a..b283703aa 100644
--- a/apps/web-antd/src/views/iot/thingmodel/index.vue
+++ b/apps/web-antd/src/views/iot/thingmodel/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/thingmodel/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/thingmodel/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/thingmodel/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/iot/thingmodel/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/home/index.vue b/apps/web-antd/src/views/mall/home/index.vue
index 7113de0b8..f109a3943 100644
--- a/apps/web-antd/src/views/mall/home/index.vue
+++ b/apps/web-antd/src/views/mall/home/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="商城手册（功能开启）" url="https://doc.iocoder.cn/mall/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="商城手册（功能开启）"
+      url="https://doc.iocoder.cn/mall/build/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/home/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/home/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/home/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/home/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/product/brand/index.vue b/apps/web-antd/src/views/mall/product/brand/index.vue
index 73917c75f..48ddb8da0 100644
--- a/apps/web-antd/src/views/mall/product/brand/index.vue
+++ b/apps/web-antd/src/views/mall/product/brand/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="商城手册（功能开启）" url="https://doc.iocoder.cn/mall/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="商城手册（功能开启）"
+      url="https://doc.iocoder.cn/mall/build/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/brand/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/brand/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/brand/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/brand/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/product/category/index.vue b/apps/web-antd/src/views/mall/product/category/index.vue
index abd4e05cc..c48f35d8f 100644
--- a/apps/web-antd/src/views/mall/product/category/index.vue
+++ b/apps/web-antd/src/views/mall/product/category/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商品】商品分类" url="https://doc.iocoder.cn/mall/product-category/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商品】商品分类"
+      url="https://doc.iocoder.cn/mall/product-category/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/category/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/category/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/category/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/category/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/product/comment/index.vue b/apps/web-antd/src/views/mall/product/comment/index.vue
index d235e3a28..1a59c945a 100644
--- a/apps/web-antd/src/views/mall/product/comment/index.vue
+++ b/apps/web-antd/src/views/mall/product/comment/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商品】商品评价" url="https://doc.iocoder.cn/mall/product-comment/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商品】商品评价"
+      url="https://doc.iocoder.cn/mall/product-comment/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/comment/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/comment/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/comment/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/comment/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/product/property/index.vue b/apps/web-antd/src/views/mall/product/property/index.vue
index 4f25c71c2..e8aff091a 100644
--- a/apps/web-antd/src/views/mall/product/property/index.vue
+++ b/apps/web-antd/src/views/mall/product/property/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商品】商品属性" url="https://doc.iocoder.cn/mall/product-property/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商品】商品属性"
+      url="https://doc.iocoder.cn/mall/product-property/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/property/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/property/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/property/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/property/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/product/spu/index.vue b/apps/web-antd/src/views/mall/product/spu/index.vue
index 53afa9b18..761da1334 100644
--- a/apps/web-antd/src/views/mall/product/spu/index.vue
+++ b/apps/web-antd/src/views/mall/product/spu/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【商品】商品 SPU 与 SKU" url="https://doc.iocoder.cn/mall/product-spu-sku/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【商品】商品 SPU 与 SKU"
+      url="https://doc.iocoder.cn/mall/product-spu-sku/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/spu/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/spu/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/spu/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/product/spu/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/article/category/index.vue b/apps/web-antd/src/views/mall/promotion/article/category/index.vue
index 9f6219878..ee5c387d2 100644
--- a/apps/web-antd/src/views/mall/promotion/article/category/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/article/category/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/category/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/category/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/category/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/category/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/article/index.vue b/apps/web-antd/src/views/mall/promotion/article/index.vue
index fcaa684f6..de9715d80 100644
--- a/apps/web-antd/src/views/mall/promotion/article/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/article/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】内容管理" url="https://doc.iocoder.cn/mall/promotion-content/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】内容管理"
+      url="https://doc.iocoder.cn/mall/promotion-content/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/article/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/banner/index.vue b/apps/web-antd/src/views/mall/promotion/banner/index.vue
index 48137eeca..572e9a50c 100644
--- a/apps/web-antd/src/views/mall/promotion/banner/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/banner/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】内容管理" url="https://doc.iocoder.cn/mall/promotion-content/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】内容管理"
+      url="https://doc.iocoder.cn/mall/promotion-content/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/banner/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/banner/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/banner/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/banner/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/bargain/activity/index.vue b/apps/web-antd/src/views/mall/promotion/bargain/activity/index.vue
index 86692b654..08945dcc1 100644
--- a/apps/web-antd/src/views/mall/promotion/bargain/activity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/bargain/activity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】砍价活动" url="https://doc.iocoder.cn/mall/promotion-bargain/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】砍价活动"
+      url="https://doc.iocoder.cn/mall/promotion-bargain/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/activity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/activity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/activity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/activity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/bargain/record/index.vue b/apps/web-antd/src/views/mall/promotion/bargain/record/index.vue
index da2c04452..45107fbd6 100644
--- a/apps/web-antd/src/views/mall/promotion/bargain/record/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/bargain/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】砍价活动" url="https://doc.iocoder.cn/mall/promotion-bargain/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】砍价活动"
+      url="https://doc.iocoder.cn/mall/promotion-bargain/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/record/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/record/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/record/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/bargain/record/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/combination/activity/index.vue b/apps/web-antd/src/views/mall/promotion/combination/activity/index.vue
index 4ac8b8f12..51201644f 100644
--- a/apps/web-antd/src/views/mall/promotion/combination/activity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/combination/activity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】拼团活动" url="https://doc.iocoder.cn/mall/promotion-combination/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】拼团活动"
+      url="https://doc.iocoder.cn/mall/promotion-combination/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/activity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/activity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/activity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/activity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/combination/record/index.vue b/apps/web-antd/src/views/mall/promotion/combination/record/index.vue
index b6a863854..285063b3f 100644
--- a/apps/web-antd/src/views/mall/promotion/combination/record/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/combination/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】拼团活动" url="https://doc.iocoder.cn/mall/promotion-combination/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】拼团活动"
+      url="https://doc.iocoder.cn/mall/promotion-combination/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/record/index.vue">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/record/index.vue 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/record/index.vue"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/combination/record/index.vue
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/coupon/index.vue b/apps/web-antd/src/views/mall/promotion/coupon/index.vue
index 3a5958cdb..9faeb7a1f 100644
--- a/apps/web-antd/src/views/mall/promotion/coupon/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/coupon/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】优惠劵" url="https://doc.iocoder.cn/mall/promotion-coupon/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】优惠劵"
+      url="https://doc.iocoder.cn/mall/promotion-coupon/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/coupon/template/index.vue b/apps/web-antd/src/views/mall/promotion/coupon/template/index.vue
index 35a2c4a29..5117fc5d8 100644
--- a/apps/web-antd/src/views/mall/promotion/coupon/template/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/coupon/template/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】优惠劵" url="https://doc.iocoder.cn/mall/promotion-coupon/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】优惠劵"
+      url="https://doc.iocoder.cn/mall/promotion-coupon/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/template/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/template/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/template/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/coupon/template/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/discountActivity/index.vue b/apps/web-antd/src/views/mall/promotion/discountActivity/index.vue
index f288545c9..75bfcad38 100644
--- a/apps/web-antd/src/views/mall/promotion/discountActivity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/discountActivity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】限时折扣" url="https://doc.iocoder.cn/mall/promotion-discount/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】限时折扣"
+      url="https://doc.iocoder.cn/mall/promotion-discount/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/discountActivity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/discountActivity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/discountActivity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/discountActivity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/diy/page/index.vue b/apps/web-antd/src/views/mall/promotion/diy/page/index.vue
index 8f03804f8..038bf8419 100644
--- a/apps/web-antd/src/views/mall/promotion/diy/page/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/diy/page/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="【营销】商城装修" url="https://doc.iocoder.cn/mall/diy/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/page/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/page/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/page/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/page/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/diy/template/index.vue b/apps/web-antd/src/views/mall/promotion/diy/template/index.vue
index b709d07ad..b86540fa6 100644
--- a/apps/web-antd/src/views/mall/promotion/diy/template/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/diy/template/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="【营销】商城装修" url="https://doc.iocoder.cn/mall/diy/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/template/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/template/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/template/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/diy/template/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/kefu/index.vue b/apps/web-antd/src/views/mall/promotion/kefu/index.vue
index 4641efce9..59a7d2179 100644
--- a/apps/web-antd/src/views/mall/promotion/kefu/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/kefu/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/kefu/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/kefu/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/kefu/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/kefu/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/point/activity/index.vue b/apps/web-antd/src/views/mall/promotion/point/activity/index.vue
index bbe67e2a4..f90ac817f 100644
--- a/apps/web-antd/src/views/mall/promotion/point/activity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/point/activity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】积分商城活动" url="https://doc.iocoder.cn/mall/promotion-point/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】积分商城活动"
+      url="https://doc.iocoder.cn/mall/promotion-point/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/point/activity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/point/activity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/point/activity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/point/activity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/rewardActivity/index.vue b/apps/web-antd/src/views/mall/promotion/rewardActivity/index.vue
index b4ce380d8..be2f574be 100644
--- a/apps/web-antd/src/views/mall/promotion/rewardActivity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/rewardActivity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】满减送" url="https://doc.iocoder.cn/mall/promotion-record/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】满减送"
+      url="https://doc.iocoder.cn/mall/promotion-record/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/rewardActivity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/rewardActivity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/rewardActivity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/rewardActivity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/seckill/activity/index.vue b/apps/web-antd/src/views/mall/promotion/seckill/activity/index.vue
index 6ba7add25..f61a94ba1 100644
--- a/apps/web-antd/src/views/mall/promotion/seckill/activity/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/seckill/activity/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】秒杀活动" url="https://doc.iocoder.cn/mall/promotion-seckill/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】秒杀活动"
+      url="https://doc.iocoder.cn/mall/promotion-seckill/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/activity/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/activity/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/activity/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/activity/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/promotion/seckill/config/index.vue b/apps/web-antd/src/views/mall/promotion/seckill/config/index.vue
index 8102667df..e77732589 100644
--- a/apps/web-antd/src/views/mall/promotion/seckill/config/index.vue
+++ b/apps/web-antd/src/views/mall/promotion/seckill/config/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【营销】秒杀活动" url="https://doc.iocoder.cn/mall/promotion-seckill/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【营销】秒杀活动"
+      url="https://doc.iocoder.cn/mall/promotion-seckill/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/config/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/config/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/config/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/promotion/seckill/config/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/statistics/member/index.vue b/apps/web-antd/src/views/mall/statistics/member/index.vue
index bc4ceb601..402060eef 100644
--- a/apps/web-antd/src/views/mall/statistics/member/index.vue
+++ b/apps/web-antd/src/views/mall/statistics/member/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【统计】会员、商品、交易统计" url="https://doc.iocoder.cn/mall/statistics/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【统计】会员、商品、交易统计"
+      url="https://doc.iocoder.cn/mall/statistics/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/member/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/member/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/member/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/member/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/statistics/product/index.vue b/apps/web-antd/src/views/mall/statistics/product/index.vue
index 0a59efd3f..71441ccd3 100644
--- a/apps/web-antd/src/views/mall/statistics/product/index.vue
+++ b/apps/web-antd/src/views/mall/statistics/product/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【统计】会员、商品、交易统计" url="https://doc.iocoder.cn/mall/statistics/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【统计】会员、商品、交易统计"
+      url="https://doc.iocoder.cn/mall/statistics/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/product/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/product/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/product/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/product/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/statistics/trade/index.vue b/apps/web-antd/src/views/mall/statistics/trade/index.vue
index 462ea7f0d..5e209ab7d 100644
--- a/apps/web-antd/src/views/mall/statistics/trade/index.vue
+++ b/apps/web-antd/src/views/mall/statistics/trade/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【统计】会员、商品、交易统计" url="https://doc.iocoder.cn/mall/statistics/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【统计】会员、商品、交易统计"
+      url="https://doc.iocoder.cn/mall/statistics/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/trade/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/trade/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/trade/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/statistics/trade/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/afterSale/index.vue b/apps/web-antd/src/views/mall/trade/afterSale/index.vue
index 15f962cd3..35bd2fb55 100644
--- a/apps/web-antd/src/views/mall/trade/afterSale/index.vue
+++ b/apps/web-antd/src/views/mall/trade/afterSale/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】售后退款" url="https://doc.iocoder.cn/mall/trade-aftersale/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】售后退款"
+      url="https://doc.iocoder.cn/mall/trade-aftersale/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/afterSale/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/afterSale/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/afterSale/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/afterSale/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/brokerage/record/index.vue b/apps/web-antd/src/views/mall/trade/brokerage/record/index.vue
index 3e105dffc..c6e65f48f 100644
--- a/apps/web-antd/src/views/mall/trade/brokerage/record/index.vue
+++ b/apps/web-antd/src/views/mall/trade/brokerage/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】分销返佣" url="https://doc.iocoder.cn/mall/trade-brokerage/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】分销返佣"
+      url="https://doc.iocoder.cn/mall/trade-brokerage/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/record/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/record/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/record/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/record/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/brokerage/user/index.vue b/apps/web-antd/src/views/mall/trade/brokerage/user/index.vue
index dfa47c71e..1eba24576 100644
--- a/apps/web-antd/src/views/mall/trade/brokerage/user/index.vue
+++ b/apps/web-antd/src/views/mall/trade/brokerage/user/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】分销返佣" url="https://doc.iocoder.cn/mall/trade-brokerage/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】分销返佣"
+      url="https://doc.iocoder.cn/mall/trade-brokerage/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/user/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/user/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/user/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/user/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/brokerage/withdraw/index.vue b/apps/web-antd/src/views/mall/trade/brokerage/withdraw/index.vue
index caf7cdca6..1c1e1bacc 100644
--- a/apps/web-antd/src/views/mall/trade/brokerage/withdraw/index.vue
+++ b/apps/web-antd/src/views/mall/trade/brokerage/withdraw/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】分销返佣" url="https://doc.iocoder.cn/mall/trade-brokerage/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】分销返佣"
+      url="https://doc.iocoder.cn/mall/trade-brokerage/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/withdraw/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/withdraw/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/withdraw/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/brokerage/withdraw/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/config/index.vue b/apps/web-antd/src/views/mall/trade/config/index.vue
index 8a6720efe..f33c73328 100644
--- a/apps/web-antd/src/views/mall/trade/config/index.vue
+++ b/apps/web-antd/src/views/mall/trade/config/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】交易订单" url="https://doc.iocoder.cn/mall/trade-order/" />
-    <DocAlert title="【交易】购物车" url="https://doc.iocoder.cn/mall/trade-cart/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】交易订单"
+      url="https://doc.iocoder.cn/mall/trade-order/"
+    />
+    <DocAlert
+      title="【交易】购物车"
+      url="https://doc.iocoder.cn/mall/trade-cart/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/config/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/config/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/config/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/config/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/delivery/express/index.vue b/apps/web-antd/src/views/mall/trade/delivery/express/index.vue
index fbea16f1b..9f64b29fa 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/express/index.vue
+++ b/apps/web-antd/src/views/mall/trade/delivery/express/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】快递发货" url="https://doc.iocoder.cn/mall/trade-delivery-express/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】快递发货"
+      url="https://doc.iocoder.cn/mall/trade-delivery-express/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/express/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/express/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/express/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/express/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/index.vue b/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/index.vue
index b877ed2eb..c9183ddac 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/index.vue
+++ b/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】快递发货" url="https://doc.iocoder.cn/mall/trade-delivery-express/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】快递发货"
+      url="https://doc.iocoder.cn/mall/trade-delivery-express/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/expressTemplate/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/expressTemplate/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/expressTemplate/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/expressTemplate/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/delivery/pickUpOrder/index.vue b/apps/web-antd/src/views/mall/trade/delivery/pickUpOrder/index.vue
index 881df1e53..2e1a8ea51 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/pickUpOrder/index.vue
+++ b/apps/web-antd/src/views/mall/trade/delivery/pickUpOrder/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】交易订单" url="https://doc.iocoder.cn/mall/trade-order/" />
-    <DocAlert title="【交易】购物车" url="https://doc.iocoder.cn/mall/trade-cart/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】交易订单"
+      url="https://doc.iocoder.cn/mall/trade-order/"
+    />
+    <DocAlert
+      title="【交易】购物车"
+      url="https://doc.iocoder.cn/mall/trade-cart/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpOrder/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpOrder/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpOrder/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpOrder/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/delivery/pickUpStore/index.vue b/apps/web-antd/src/views/mall/trade/delivery/pickUpStore/index.vue
index c5cb3061b..de4700a85 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/pickUpStore/index.vue
+++ b/apps/web-antd/src/views/mall/trade/delivery/pickUpStore/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】快递发货" url="https://doc.iocoder.cn/mall/trade-delivery-express/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】快递发货"
+      url="https://doc.iocoder.cn/mall/trade-delivery-express/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpStore/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpStore/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpStore/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/delivery/pickUpStore/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mall/trade/order/index.vue b/apps/web-antd/src/views/mall/trade/order/index.vue
index fd89f0ce5..ec875f829 100644
--- a/apps/web-antd/src/views/mall/trade/order/index.vue
+++ b/apps/web-antd/src/views/mall/trade/order/index.vue
@@ -1,19 +1,38 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="【交易】交易订单" url="https://doc.iocoder.cn/mall/trade-order/" />
-    <DocAlert title="【交易】购物车" url="https://doc.iocoder.cn/mall/trade-cart/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="【交易】交易订单"
+      url="https://doc.iocoder.cn/mall/trade-order/"
+    />
+    <DocAlert
+      title="【交易】购物车"
+      url="https://doc.iocoder.cn/mall/trade-cart/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/order/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/order/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/order/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mall/trade/order/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/config/index.vue b/apps/web-antd/src/views/member/config/index.vue
index b047119fd..3bcd2e0a5 100644
--- a/apps/web-antd/src/views/member/config/index.vue
+++ b/apps/web-antd/src/views/member/config/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员手册（功能开启）" url="https://doc.iocoder.cn/member/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员手册（功能开启）"
+      url="https://doc.iocoder.cn/member/build/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/config/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/config/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/config/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/config/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/group/index.vue b/apps/web-antd/src/views/member/group/index.vue
index 001269703..692c3f277 100644
--- a/apps/web-antd/src/views/member/group/index.vue
+++ b/apps/web-antd/src/views/member/group/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员用户、标签、分组" url="https://doc.iocoder.cn/member/user/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员用户、标签、分组"
+      url="https://doc.iocoder.cn/member/user/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/group/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/group/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/group/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/group/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/level/index.vue b/apps/web-antd/src/views/member/level/index.vue
index 89712580a..70fdaaf1c 100644
--- a/apps/web-antd/src/views/member/level/index.vue
+++ b/apps/web-antd/src/views/member/level/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员等级、积分、签到" url="https://doc.iocoder.cn/member/level/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员等级、积分、签到"
+      url="https://doc.iocoder.cn/member/level/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/level/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/level/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/level/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/level/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/point/record/index.vue b/apps/web-antd/src/views/member/point/record/index.vue
index e3e4c824f..50ce2e1aa 100644
--- a/apps/web-antd/src/views/member/point/record/index.vue
+++ b/apps/web-antd/src/views/member/point/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员等级、积分、签到" url="https://doc.iocoder.cn/member/level/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员等级、积分、签到"
+      url="https://doc.iocoder.cn/member/level/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/point/record/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/point/record/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/point/record/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/point/record/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/signin/config/index.vue b/apps/web-antd/src/views/member/signin/config/index.vue
index bd0dba3d7..1f2de1f06 100644
--- a/apps/web-antd/src/views/member/signin/config/index.vue
+++ b/apps/web-antd/src/views/member/signin/config/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员等级、积分、签到" url="https://doc.iocoder.cn/member/level/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员等级、积分、签到"
+      url="https://doc.iocoder.cn/member/level/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/config/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/config/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/config/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/config/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/signin/record/index.vue b/apps/web-antd/src/views/member/signin/record/index.vue
index 421540208..06baddb46 100644
--- a/apps/web-antd/src/views/member/signin/record/index.vue
+++ b/apps/web-antd/src/views/member/signin/record/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员等级、积分、签到" url="https://doc.iocoder.cn/member/level/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员等级、积分、签到"
+      url="https://doc.iocoder.cn/member/level/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/record/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/record/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/record/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/signin/record/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/tag/index.vue b/apps/web-antd/src/views/member/tag/index.vue
index d00228b8d..532f0a838 100644
--- a/apps/web-antd/src/views/member/tag/index.vue
+++ b/apps/web-antd/src/views/member/tag/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员用户、标签、分组" url="https://doc.iocoder.cn/member/user/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员用户、标签、分组"
+      url="https://doc.iocoder.cn/member/user/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/tag/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/tag/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/tag/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/tag/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/member/user/index.vue b/apps/web-antd/src/views/member/user/index.vue
index f8de58cd2..19068b619 100644
--- a/apps/web-antd/src/views/member/user/index.vue
+++ b/apps/web-antd/src/views/member/user/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="会员用户、标签、分组" url="https://doc.iocoder.cn/member/user/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="会员用户、标签、分组"
+      url="https://doc.iocoder.cn/member/user/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/user/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/user/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/user/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/member/user/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/account/index.vue b/apps/web-antd/src/views/mp/account/index.vue
index bf99c4114..34f349e11 100644
--- a/apps/web-antd/src/views/mp/account/index.vue
+++ b/apps/web-antd/src/views/mp/account/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号接入" url="https://doc.iocoder.cn/mp/account/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/account/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/account/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/account/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/account/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/autoReply/index.vue b/apps/web-antd/src/views/mp/autoReply/index.vue
index 07c44f7d6..1a0d7e41f 100644
--- a/apps/web-antd/src/views/mp/autoReply/index.vue
+++ b/apps/web-antd/src/views/mp/autoReply/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/draft/index.vue b/apps/web-antd/src/views/mp/draft/index.vue
index 07af24c1e..c2b7e73b1 100644
--- a/apps/web-antd/src/views/mp/draft/index.vue
+++ b/apps/web-antd/src/views/mp/draft/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/draft/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/draft/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/draft/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/draft/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/freePublish/index.vue b/apps/web-antd/src/views/mp/freePublish/index.vue
index fe6672c9a..aa6cea2e6 100644
--- a/apps/web-antd/src/views/mp/freePublish/index.vue
+++ b/apps/web-antd/src/views/mp/freePublish/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/freePublish/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/freePublish/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/freePublish/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/freePublish/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/material/index.vue b/apps/web-antd/src/views/mp/material/index.vue
index d10cf7c3a..7378bbb71 100644
--- a/apps/web-antd/src/views/mp/material/index.vue
+++ b/apps/web-antd/src/views/mp/material/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号素材" url="https://doc.iocoder.cn/mp/material/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/material/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/material/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/material/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/material/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/menu/index.vue b/apps/web-antd/src/views/mp/menu/index.vue
index fe77152b5..b5e5f736c 100644
--- a/apps/web-antd/src/views/mp/menu/index.vue
+++ b/apps/web-antd/src/views/mp/menu/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号菜单" url="https://doc.iocoder.cn/mp/menu/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/message/index.vue b/apps/web-antd/src/views/mp/message/index.vue
index 8da141b4a..9f1028820 100644
--- a/apps/web-antd/src/views/mp/message/index.vue
+++ b/apps/web-antd/src/views/mp/message/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/message/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/message/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/message/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/message/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/statistics/index.vue b/apps/web-antd/src/views/mp/statistics/index.vue
index f0b7e0d6a..034e0e623 100644
--- a/apps/web-antd/src/views/mp/statistics/index.vue
+++ b/apps/web-antd/src/views/mp/statistics/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/statistics/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/statistics/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/statistics/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/statistics/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/tag/index.vue b/apps/web-antd/src/views/mp/tag/index.vue
index b57192f65..a54db51e9 100644
--- a/apps/web-antd/src/views/mp/tag/index.vue
+++ b/apps/web-antd/src/views/mp/tag/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号标签" url="https://doc.iocoder.cn/mp/tag/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/tag/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/tag/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/tag/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/tag/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/mp/user/index.vue b/apps/web-antd/src/views/mp/user/index.vue
index f3b91c8e8..e098586ab 100644
--- a/apps/web-antd/src/views/mp/user/index.vue
+++ b/apps/web-antd/src/views/mp/user/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="公众号粉丝" url="https://doc.iocoder.cn/mp/user/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/user/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/user/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/user/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/user/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/app/index.vue b/apps/web-antd/src/views/pay/app/index.vue
index a9a5f962f..199d0ebd2 100644
--- a/apps/web-antd/src/views/pay/app/index.vue
+++ b/apps/web-antd/src/views/pay/app/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="支付功能开启" url="https://doc.iocoder.cn/pay/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/app/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/app/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/app/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/app/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/demo/order/index.vue b/apps/web-antd/src/views/pay/demo/order/index.vue
index b22e1d3c2..aa40025f6 100644
--- a/apps/web-antd/src/views/pay/demo/order/index.vue
+++ b/apps/web-antd/src/views/pay/demo/order/index.vue
@@ -1,21 +1,46 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="支付宝支付接入" url="https://doc.iocoder.cn/pay/alipay-pay-demo/" />
-    <DocAlert title="支付宝、微信退款接入" url="https://doc.iocoder.cn/pay/refund-demo/" />
-    <DocAlert title="微信公众号支付接入" url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/" />
-    <DocAlert title="微信小程序支付接入" url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="支付宝支付接入"
+      url="https://doc.iocoder.cn/pay/alipay-pay-demo/"
+    />
+    <DocAlert
+      title="支付宝、微信退款接入"
+      url="https://doc.iocoder.cn/pay/refund-demo/"
+    />
+    <DocAlert
+      title="微信公众号支付接入"
+      url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/"
+    />
+    <DocAlert
+      title="微信小程序支付接入"
+      url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/order/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/order/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/order/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/order/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/demo/transfer/index.vue b/apps/web-antd/src/views/pay/demo/transfer/index.vue
index 85b6a250d..3a7e0556b 100644
--- a/apps/web-antd/src/views/pay/demo/transfer/index.vue
+++ b/apps/web-antd/src/views/pay/demo/transfer/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/demo/transfer/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/notify/index.vue b/apps/web-antd/src/views/pay/notify/index.vue
index 11f48ad01..006c77a13 100644
--- a/apps/web-antd/src/views/pay/notify/index.vue
+++ b/apps/web-antd/src/views/pay/notify/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="支付功能开启" url="https://doc.iocoder.cn/pay/build/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/notify/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/notify/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/notify/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/notify/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/order/index.vue b/apps/web-antd/src/views/pay/order/index.vue
index 3e8075abe..83f695e4b 100644
--- a/apps/web-antd/src/views/pay/order/index.vue
+++ b/apps/web-antd/src/views/pay/order/index.vue
@@ -1,20 +1,42 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="支付宝支付接入" url="https://doc.iocoder.cn/pay/alipay-pay-demo/" />
-    <DocAlert title="微信公众号支付接入" url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/" />
-    <DocAlert title="微信小程序支付接入" url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="支付宝支付接入"
+      url="https://doc.iocoder.cn/pay/alipay-pay-demo/"
+    />
+    <DocAlert
+      title="微信公众号支付接入"
+      url="https://doc.iocoder.cn/pay/wx-pub-pay-demo/"
+    />
+    <DocAlert
+      title="微信小程序支付接入"
+      url="https://doc.iocoder.cn/pay/wx-lite-pay-demo/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/order/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/order/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/order/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/order/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/refund/index.vue b/apps/web-antd/src/views/pay/refund/index.vue
index 16e6ae5f9..fcc2a406d 100644
--- a/apps/web-antd/src/views/pay/refund/index.vue
+++ b/apps/web-antd/src/views/pay/refund/index.vue
@@ -1,18 +1,34 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
-    <DocAlert title="支付宝、微信退款接入" url="https://doc.iocoder.cn/pay/refund-demo/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <DocAlert
+      title="支付宝、微信退款接入"
+      url="https://doc.iocoder.cn/pay/refund-demo/"
+    />
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/refund/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/refund/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/refund/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/refund/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/transfer/index.vue b/apps/web-antd/src/views/pay/transfer/index.vue
index 8acb24c92..4544ff2c8 100644
--- a/apps/web-antd/src/views/pay/transfer/index.vue
+++ b/apps/web-antd/src/views/pay/transfer/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/transfer/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/wallet/balance/index.vue b/apps/web-antd/src/views/pay/wallet/balance/index.vue
index 776fa650e..e33be0dbb 100644
--- a/apps/web-antd/src/views/pay/wallet/balance/index.vue
+++ b/apps/web-antd/src/views/pay/wallet/balance/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/balance/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/pay/wallet/rechargePackage/index.vue b/apps/web-antd/src/views/pay/wallet/rechargePackage/index.vue
index d5becaec0..472b3c341 100644
--- a/apps/web-antd/src/views/pay/wallet/rechargePackage/index.vue
+++ b/apps/web-antd/src/views/pay/wallet/rechargePackage/index.vue
@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
 </script>
 
 <template>
   <Page>
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/pay/wallet/rechargePackage/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/report/goview/index.vue b/apps/web-antd/src/views/report/goview/index.vue
index d6a298cc3..20e518c14 100644
--- a/apps/web-antd/src/views/report/goview/index.vue
+++ b/apps/web-antd/src/views/report/goview/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="大屏设计器" url="https://doc.iocoder.cn/report/screen/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/report/jmreport/index.vue b/apps/web-antd/src/views/report/jmreport/index.vue
index 0f65f0dd9..a720940c8 100644
--- a/apps/web-antd/src/views/report/jmreport/index.vue
+++ b/apps/web-antd/src/views/report/jmreport/index.vue
@@ -1,18 +1,31 @@
 <script lang="ts" setup>
-import { DocAlert } from '#/components/doc-alert';
-import { Button } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
+
+import { Button } from 'ant-design-vue';
+
+import { DocAlert } from '#/components/doc-alert';
 </script>
 
 <template>
   <Page>
     <DocAlert title="报表设计器" url="https://doc.iocoder.cn/report/" />
-    <Button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+    <Button
+      danger
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
+    >
       该功能支持 Vue3 + element-plus 版本！
     </Button>
     <br />
-    <Button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index">
-      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index 代码，pull request 贡献给我们！
+    <Button
+      type="link"
+      target="_blank"
+      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index"
+    >
+      可参考
+      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index
+      代码，pull request 贡献给我们！
     </Button>
   </Page>
-</template>
\ No newline at end of file
+</template>
diff --git a/apps/web-antd/src/views/system/area/data.ts b/apps/web-antd/src/views/system/area/data.ts
index 07af5d098..46aceccdb 100644
--- a/apps/web-antd/src/views/system/area/data.ts
+++ b/apps/web-antd/src/views/system/area/data.ts
@@ -28,7 +28,7 @@ export function useFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns(): VxeTableGridOptions<SystemAreaApi.SystemArea>['columns'] {
+export function useGridColumns(): VxeTableGridOptions<SystemAreaApi.Area>['columns'] {
   return [
     {
       field: 'id',
diff --git a/apps/web-antd/src/views/system/dept/data.ts b/apps/web-antd/src/views/system/dept/data.ts
index ce12f4cd3..0225228cc 100644
--- a/apps/web-antd/src/views/system/dept/data.ts
+++ b/apps/web-antd/src/views/system/dept/data.ts
@@ -3,7 +3,6 @@ import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { SystemDeptApi } from '#/api/system/dept';
-import type { SystemUserApi } from '#/api/system/user';
 
 import { useAccess } from '@vben/access';
 
@@ -124,9 +123,9 @@ export function useFormSchema(): VbenFormSchema[] {
 
 /** 列表的字段 */
 export function useGridColumns(
-  onActionClick?: OnActionClickFn<SystemDeptApi.SystemDept>,
+  onActionClick?: OnActionClickFn<SystemDeptApi.Dept>,
   getLeaderName?: (userId: number) => string | undefined,
-): VxeTableGridOptions<SystemDeptApi.SystemDept>['columns'] {
+): VxeTableGridOptions<SystemDeptApi.Dept>['columns'] {
   return [
     {
       field: 'name',
@@ -192,7 +191,7 @@ export function useGridColumns(
           {
             code: 'delete',
             show: hasAccessByCodes(['system:dept:delete']),
-            disabled: (row: SystemDeptApi.SystemDept) => {
+            disabled: (row: SystemDeptApi.Dept) => {
               return !!(row.children && row.children.length > 0);
             },
           },
diff --git a/apps/web-antd/src/views/system/dept/index.vue b/apps/web-antd/src/views/system/dept/index.vue
index f15cabd34..d01f84ef2 100644
--- a/apps/web-antd/src/views/system/dept/index.vue
+++ b/apps/web-antd/src/views/system/dept/index.vue
@@ -26,7 +26,7 @@ const [FormModal, formModalApi] = useVbenModal({
   destroyOnClose: true,
 });
 
-const userList = ref<SystemUserApi.SystemUser[]>([]);
+const userList = ref<SystemUserApi.User[]>([]);
 
 /** 获取负责人名称 */
 const getLeaderName = (userId: number) => {
@@ -51,17 +51,17 @@ function onCreate() {
 }
 
 /** 添加下级部门 */
-function onAppend(row: SystemDeptApi.SystemDept) {
+function onAppend(row: SystemDeptApi.Dept) {
   formModalApi.setData({ parentId: row.id }).open();
 }
 
 /** 编辑部门 */
-function onEdit(row: SystemDeptApi.SystemDept) {
+function onEdit(row: SystemDeptApi.Dept) {
   formModalApi.setData(row).open();
 }
 
 /** 删除部门 */
-async function onDelete(row: SystemDeptApi.SystemDept) {
+async function onDelete(row: SystemDeptApi.Dept) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -80,10 +80,7 @@ async function onDelete(row: SystemDeptApi.SystemDept) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemDeptApi.SystemDept>) {
+function onActionClick({ code, row }: OnActionClickParams<SystemDeptApi.Dept>) {
   switch (code) {
     case 'append': {
       onAppend(row);
diff --git a/apps/web-antd/src/views/system/dept/modules/form.vue b/apps/web-antd/src/views/system/dept/modules/form.vue
index 47caa917a..fd0f3701c 100644
--- a/apps/web-antd/src/views/system/dept/modules/form.vue
+++ b/apps/web-antd/src/views/system/dept/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemDeptApi.SystemDept>();
+const formData = ref<SystemDeptApi.Dept>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['部门'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemDeptApi.SystemDept;
+    const data = (await formApi.getValues()) as SystemDeptApi.Dept;
     try {
       await (formData.value?.id ? updateDept(data) : createDept(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    let data = modalApi.getData<SystemDeptApi.SystemDept>();
+    let data = modalApi.getData<SystemDeptApi.Dept>();
     if (!data) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/dict/modules/data-form.vue b/apps/web-antd/src/views/system/dict/modules/data-form.vue
index c3a69ed6f..3dbdbd08b 100644
--- a/apps/web-antd/src/views/system/dict/modules/data-form.vue
+++ b/apps/web-antd/src/views/system/dict/modules/data-form.vue
@@ -20,7 +20,7 @@ import { useDataFormSchema } from '../data';
 defineOptions({ name: 'SystemDictDataForm' });
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemDictDataApi.SystemDictData>();
+const formData = ref<SystemDictDataApi.DictData>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['字典数据'])
@@ -41,8 +41,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data =
-      (await formApi.getValues()) as SystemDictDataApi.SystemDictData;
+    const data = (await formApi.getValues()) as SystemDictDataApi.DictData;
     try {
       await (formData.value?.id ? updateDictData(data) : createDictData(data));
       // 关闭并提示
@@ -62,7 +61,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     // 加载数据
     const data = modalApi.getData<
-      SystemDictDataApi.SystemDictData | { dictType?: string }
+      SystemDictDataApi.DictData | { dictType?: string }
     >();
 
     // 如果有ID，表示是编辑
diff --git a/apps/web-antd/src/views/system/dict/modules/type-form.vue b/apps/web-antd/src/views/system/dict/modules/type-form.vue
index a877deb3e..db9a43e86 100644
--- a/apps/web-antd/src/views/system/dict/modules/type-form.vue
+++ b/apps/web-antd/src/views/system/dict/modules/type-form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useTypeFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemDictTypeApi.SystemDictType>();
+const formData = ref<SystemDictTypeApi.DictType>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['字典类型'])
@@ -39,8 +39,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data =
-      (await formApi.getValues()) as SystemDictTypeApi.SystemDictType;
+    const data = (await formApi.getValues()) as SystemDictTypeApi.DictType;
     try {
       await (formData.value?.id ? updateDictType(data) : createDictType(data));
       // 关闭并提示
@@ -59,7 +58,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemDictTypeApi.SystemDictType>();
+    const data = modalApi.getData<SystemDictTypeApi.DictType>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/dict/modules/type-grid.vue b/apps/web-antd/src/views/system/dict/modules/type-grid.vue
index a5d1ec63a..b94a28330 100644
--- a/apps/web-antd/src/views/system/dict/modules/type-grid.vue
+++ b/apps/web-antd/src/views/system/dict/modules/type-grid.vue
@@ -48,14 +48,14 @@ function onEdit(row: any) {
 }
 
 /** 删除字典类型 */
-async function onDelete(row: SystemDictTypeApi.SystemDictType) {
+async function onDelete(row: SystemDictTypeApi.DictType) {
   const hideLoading = message.loading({
     content: $t('common.processing'),
     duration: 0,
     key: 'process_message',
   });
   try {
-    await deleteDictType(row.id);
+    await deleteDictType(row.id as number);
     message.success({
       content: $t('common.operationSuccess'),
       key: 'process_message',
@@ -81,6 +81,7 @@ function onActionClick({ code, row }: OnActionClickParams) {
 }
 
 /** 表格事件 */
+// TODO @芋艿：这里有爆红
 const gridEvents: VxeGridListeners<RowType> = {
   cellClick: ({ row }) => {
     emit('select', row.type);
diff --git a/apps/web-antd/src/views/system/loginlog/data.ts b/apps/web-antd/src/views/system/loginlog/data.ts
index 98239cfa1..8ccb4c101 100644
--- a/apps/web-antd/src/views/system/loginlog/data.ts
+++ b/apps/web-antd/src/views/system/loginlog/data.ts
@@ -43,7 +43,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemLoginLogApi.SystemLoginLog>(
+export function useGridColumns<T = SystemLoginLogApi.LoginLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/loginlog/index.vue b/apps/web-antd/src/views/system/loginlog/index.vue
index 88d8a43bc..fce4bc00b 100644
--- a/apps/web-antd/src/views/system/loginlog/index.vue
+++ b/apps/web-antd/src/views/system/loginlog/index.vue
@@ -36,7 +36,7 @@ async function onExport() {
 }
 
 /** 查看登录日志详情 */
-function onDetail(row: SystemLoginLogApi.SystemLoginLog) {
+function onDetail(row: SystemLoginLogApi.LoginLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -44,7 +44,7 @@ function onDetail(row: SystemLoginLogApi.SystemLoginLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemLoginLogApi.SystemLoginLog>) {
+}: OnActionClickParams<SystemLoginLogApi.LoginLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -79,7 +79,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemLoginLogApi.SystemLoginLog>,
+  } as VxeTableGridOptions<SystemLoginLogApi.LoginLog>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/loginlog/modules/detail.vue b/apps/web-antd/src/views/system/loginlog/modules/detail.vue
index a567b01f4..6e0002389 100644
--- a/apps/web-antd/src/views/system/loginlog/modules/detail.vue
+++ b/apps/web-antd/src/views/system/loginlog/modules/detail.vue
@@ -11,7 +11,7 @@ import { Descriptions } from 'ant-design-vue';
 import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemLoginLogApi.SystemLoginLog>();
+const formData = ref<SystemLoginLogApi.LoginLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -19,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemLoginLogApi.SystemLoginLog>();
+    const data = modalApi.getData<SystemLoginLogApi.LoginLog>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/mail/account/data.ts b/apps/web-antd/src/views/system/mail/account/data.ts
index d9410b81a..9d453cb58 100644
--- a/apps/web-antd/src/views/system/mail/account/data.ts
+++ b/apps/web-antd/src/views/system/mail/account/data.ts
@@ -125,7 +125,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemMailAccountApi.SystemMailAccount>(
+export function useGridColumns<T = SystemMailAccountApi.MailAccount>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/mail/account/index.vue b/apps/web-antd/src/views/system/mail/account/index.vue
index c0bd8bd76..9d2d9a2be 100644
--- a/apps/web-antd/src/views/system/mail/account/index.vue
+++ b/apps/web-antd/src/views/system/mail/account/index.vue
@@ -37,12 +37,12 @@ function onCreate() {
 }
 
 /** 编辑邮箱账号 */
-function onEdit(row: SystemMailAccountApi.SystemMailAccount) {
+function onEdit(row: SystemMailAccountApi.MailAccount) {
   formModalApi.setData(row).open();
 }
 
 /** 删除邮箱账号 */
-async function onDelete(row: SystemMailAccountApi.SystemMailAccount) {
+async function onDelete(row: SystemMailAccountApi.MailAccount) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.mail]),
     duration: 0,
@@ -64,7 +64,7 @@ async function onDelete(row: SystemMailAccountApi.SystemMailAccount) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemMailAccountApi.SystemMailAccount>) {
+}: OnActionClickParams<SystemMailAccountApi.MailAccount>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -103,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemMailAccountApi.SystemMailAccount>,
+  } as VxeTableGridOptions<SystemMailAccountApi.MailAccount>,
 });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/system/mail/account/modules/form.vue b/apps/web-antd/src/views/system/mail/account/modules/form.vue
index f20303763..e8e45ca9b 100644
--- a/apps/web-antd/src/views/system/mail/account/modules/form.vue
+++ b/apps/web-antd/src/views/system/mail/account/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemMailAccountApi.SystemMailAccount>();
+const formData = ref<SystemMailAccountApi.MailAccount>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['邮箱账号'])
@@ -43,7 +43,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemMailAccountApi.SystemMailAccount;
+      (await formApi.getValues()) as SystemMailAccountApi.MailAccount;
     try {
       await (formData.value?.id
         ? updateMailAccount(data)
@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemMailAccountApi.SystemMailAccount>();
+    const data = modalApi.getData<SystemMailAccountApi.MailAccount>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/mail/log/data.ts b/apps/web-antd/src/views/system/mail/log/data.ts
index 585269e4a..6b9c95e93 100644
--- a/apps/web-antd/src/views/system/mail/log/data.ts
+++ b/apps/web-antd/src/views/system/mail/log/data.ts
@@ -76,7 +76,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemMailLogApi.SystemMailLog>(
+export function useGridColumns<T = SystemMailLogApi.MailLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/mail/log/index.vue b/apps/web-antd/src/views/system/mail/log/index.vue
index 0b1148943..6fa3e4a62 100644
--- a/apps/web-antd/src/views/system/mail/log/index.vue
+++ b/apps/web-antd/src/views/system/mail/log/index.vue
@@ -25,7 +25,7 @@ function onRefresh() {
 }
 
 /** 查看邮件日志 */
-function onDetail(row: SystemMailLogApi.SystemMailLog) {
+function onDetail(row: SystemMailLogApi.MailLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -33,7 +33,7 @@ function onDetail(row: SystemMailLogApi.SystemMailLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemMailLogApi.SystemMailLog>) {
+}: OnActionClickParams<SystemMailLogApi.MailLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -68,7 +68,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemMailLogApi.SystemMailLog>,
+  } as VxeTableGridOptions<SystemMailLogApi.MailLog>,
 });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/system/mail/log/modules/detail.vue b/apps/web-antd/src/views/system/mail/log/modules/detail.vue
index 3b6c2b327..7e7b098d2 100644
--- a/apps/web-antd/src/views/system/mail/log/modules/detail.vue
+++ b/apps/web-antd/src/views/system/mail/log/modules/detail.vue
@@ -11,7 +11,7 @@ import { Descriptions } from 'ant-design-vue';
 import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemMailLogApi.SystemMailLog>();
+const formData = ref<SystemMailLogApi.MailLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -19,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemMailLogApi.SystemMailLog>();
+    const data = modalApi.getData<SystemMailLogApi.MailLog>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/mail/template/data.ts b/apps/web-antd/src/views/system/mail/template/data.ts
index f0dd3adec..482ff151d 100644
--- a/apps/web-antd/src/views/system/mail/template/data.ts
+++ b/apps/web-antd/src/views/system/mail/template/data.ts
@@ -1,6 +1,5 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { SystemMailAccountApi } from '#/api/system/mail/account';
 import type { SystemMailTemplateApi } from '#/api/system/mail/template';
 
 import { useAccess } from '@vben/access';
@@ -192,7 +191,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemMailTemplateApi.SystemMailTemplate>(
+export function useGridColumns<T = SystemMailTemplateApi.MailTemplate>(
   onActionClick: OnActionClickFn<T>,
   getAccountMail?: (accountId: number) => string | undefined,
 ): VxeTableGridOptions['columns'] {
diff --git a/apps/web-antd/src/views/system/mail/template/index.vue b/apps/web-antd/src/views/system/mail/template/index.vue
index 61e8f3e66..a6c991385 100644
--- a/apps/web-antd/src/views/system/mail/template/index.vue
+++ b/apps/web-antd/src/views/system/mail/template/index.vue
@@ -26,7 +26,7 @@ import { useGridColumns, useGridFormSchema } from './data';
 import Form from './modules/form.vue';
 import SendForm from './modules/send-form.vue';
 
-const accountList = ref<SystemMailAccountApi.SystemMailAccount[]>([]);
+const accountList = ref<SystemMailAccountApi.MailAccount[]>([]);
 
 /** 获取邮箱账号 */
 const getAccountMail = (accountId: number) => {
@@ -54,17 +54,17 @@ function onCreate() {
 }
 
 /** 编辑邮件模板 */
-function onEdit(row: SystemMailTemplateApi.SystemMailTemplate) {
+function onEdit(row: SystemMailTemplateApi.MailTemplate) {
   formModalApi.setData(row).open();
 }
 
 /** 发送测试邮件 */
-function onSend(row: SystemMailTemplateApi.SystemMailTemplate) {
+function onSend(row: SystemMailTemplateApi.MailTemplate) {
   sendModalApi.setData(row).open();
 }
 
 /** 删除邮件模板 */
-async function onDelete(row: SystemMailTemplateApi.SystemMailTemplate) {
+async function onDelete(row: SystemMailTemplateApi.MailTemplate) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -86,7 +86,7 @@ async function onDelete(row: SystemMailTemplateApi.SystemMailTemplate) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemMailTemplateApi.SystemMailTemplate>) {
+}: OnActionClickParams<SystemMailTemplateApi.MailTemplate>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -129,7 +129,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemMailTemplateApi.SystemMailTemplate>,
+  } as VxeTableGridOptions<SystemMailTemplateApi.MailTemplate>,
 });
 
 /** 初始化 */
diff --git a/apps/web-antd/src/views/system/mail/template/modules/form.vue b/apps/web-antd/src/views/system/mail/template/modules/form.vue
index 8c52054b8..278bcbe4c 100644
--- a/apps/web-antd/src/views/system/mail/template/modules/form.vue
+++ b/apps/web-antd/src/views/system/mail/template/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemMailTemplateApi.SystemMailTemplate>();
+const formData = ref<SystemMailTemplateApi.MailTemplate>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['邮件模板'])
@@ -40,7 +40,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemMailTemplateApi.SystemMailTemplate;
+      (await formApi.getValues()) as SystemMailTemplateApi.MailTemplate;
     try {
       await (formData.value?.id
         ? updateMailTemplate(data)
@@ -61,7 +61,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemMailTemplateApi.SystemMailTemplate>();
+    const data = modalApi.getData<SystemMailTemplateApi.MailTemplate>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/mail/template/modules/send-form.vue b/apps/web-antd/src/views/system/mail/template/modules/send-form.vue
index 38c6e2028..655789e6d 100644
--- a/apps/web-antd/src/views/system/mail/template/modules/send-form.vue
+++ b/apps/web-antd/src/views/system/mail/template/modules/send-form.vue
@@ -13,7 +13,7 @@ import { sendMail } from '#/api/system/mail/template';
 import { useSendMailFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemMailTemplateApi.SystemMailTemplate>();
+const formData = ref<SystemMailTemplateApi.MailTemplate>();
 
 const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
@@ -62,7 +62,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 获取数据
-    const data = modalApi.getData<SystemMailTemplateApi.SystemMailTemplate>();
+    const data = modalApi.getData<SystemMailTemplateApi.MailTemplate>();
     if (!data) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/menu/data.ts b/apps/web-antd/src/views/system/menu/data.ts
index b82eda5d7..0115723e4 100644
--- a/apps/web-antd/src/views/system/menu/data.ts
+++ b/apps/web-antd/src/views/system/menu/data.ts
@@ -42,7 +42,7 @@ export function useFormSchema(): VbenFormSchema[] {
           data.unshift({
             id: 0,
             name: '顶级部门',
-          } as SystemMenuApi.SystemMenu);
+          } as SystemMenuApi.Menu);
           return handleTree(data);
         },
         class: 'w-full',
@@ -270,8 +270,8 @@ export function useFormSchema(): VbenFormSchema[] {
 
 /** 列表的字段 */
 export function useGridColumns(
-  onActionClick: OnActionClickFn<SystemMenuApi.SystemMenu>,
-): VxeTableGridOptions<SystemMenuApi.SystemMenu>['columns'] {
+  onActionClick: OnActionClickFn<SystemMenuApi.Menu>,
+): VxeTableGridOptions<SystemMenuApi.Menu>['columns'] {
   return [
     {
       field: 'name',
diff --git a/apps/web-antd/src/views/system/menu/index.vue b/apps/web-antd/src/views/system/menu/index.vue
index 1cdd55878..3ff2c39d7 100644
--- a/apps/web-antd/src/views/system/menu/index.vue
+++ b/apps/web-antd/src/views/system/menu/index.vue
@@ -37,17 +37,17 @@ function onCreate() {
 }
 
 /** 添加下级菜单 */
-function onAppend(row: SystemMenuApi.SystemMenu) {
+function onAppend(row: SystemMenuApi.Menu) {
   formModalApi.setData({ pid: row.id }).open();
 }
 
 /** 编辑菜单 */
-function onEdit(row: SystemMenuApi.SystemMenu) {
+function onEdit(row: SystemMenuApi.Menu) {
   formModalApi.setData(row).open();
 }
 
 /** 删除菜单 */
-async function onDelete(row: SystemMenuApi.SystemMenu) {
+async function onDelete(row: SystemMenuApi.Menu) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -66,10 +66,7 @@ async function onDelete(row: SystemMenuApi.SystemMenu) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemMenuApi.SystemMenu>) {
+function onActionClick({ code, row }: OnActionClickParams<SystemMenuApi.Menu>) {
   switch (code) {
     case 'append': {
       onAppend(row);
diff --git a/apps/web-antd/src/views/system/menu/modules/form.vue b/apps/web-antd/src/views/system/menu/modules/form.vue
index 0251b59f6..9c9b832b1 100644
--- a/apps/web-antd/src/views/system/menu/modules/form.vue
+++ b/apps/web-antd/src/views/system/menu/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemMenuApi.SystemMenu>();
+const formData = ref<SystemMenuApi.Menu>();
 const getTitle = computed(() =>
   formData.value?.id
     ? $t('ui.actionTitle.edit', ['菜单'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemMenuApi.SystemMenu;
+    const data = (await formApi.getValues()) as SystemMenuApi.Menu;
     try {
       await (formData.value?.id ? updateMenu(data) : createMenu(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    let data = modalApi.getData<SystemMenuApi.SystemMenu>();
+    let data = modalApi.getData<SystemMenuApi.Menu>();
     if (!data) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/notice/data.ts b/apps/web-antd/src/views/system/notice/data.ts
index 90cb3097f..95b90b3cb 100644
--- a/apps/web-antd/src/views/system/notice/data.ts
+++ b/apps/web-antd/src/views/system/notice/data.ts
@@ -92,7 +92,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemNoticeApi.SystemNotice>(
+export function useGridColumns<T = SystemNoticeApi.Notice>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/notice/index.vue b/apps/web-antd/src/views/system/notice/index.vue
index f2aa02a50..c89e70ef4 100644
--- a/apps/web-antd/src/views/system/notice/index.vue
+++ b/apps/web-antd/src/views/system/notice/index.vue
@@ -33,12 +33,12 @@ function onCreate() {
 }
 
 /** 编辑公告 */
-function onEdit(row: SystemNoticeApi.SystemNotice) {
+function onEdit(row: SystemNoticeApi.Notice) {
   formModalApi.setData(row).open();
 }
 
 /** 删除公告 */
-async function onDelete(row: SystemNoticeApi.SystemNotice) {
+async function onDelete(row: SystemNoticeApi.Notice) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.title]),
     duration: 0,
@@ -57,7 +57,7 @@ async function onDelete(row: SystemNoticeApi.SystemNotice) {
 }
 
 /** 推送公告 */
-async function onPush(row: SystemNoticeApi.SystemNotice) {
+async function onPush(row: SystemNoticeApi.Notice) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.processing', ['推送']),
     duration: 0,
@@ -78,7 +78,7 @@ async function onPush(row: SystemNoticeApi.SystemNotice) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemNoticeApi.SystemNotice>) {
+}: OnActionClickParams<SystemNoticeApi.Notice>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -121,7 +121,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemNoticeApi.SystemNotice>,
+  } as VxeTableGridOptions<SystemNoticeApi.Notice>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/notice/modules/form.vue b/apps/web-antd/src/views/system/notice/modules/form.vue
index e719da799..b4baed9ed 100644
--- a/apps/web-antd/src/views/system/notice/modules/form.vue
+++ b/apps/web-antd/src/views/system/notice/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemNoticeApi.SystemNotice>();
+const formData = ref<SystemNoticeApi.Notice>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['公告'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemNoticeApi.SystemNotice;
+    const data = (await formApi.getValues()) as SystemNoticeApi.Notice;
     try {
       await (formData.value?.id ? updateNotice(data) : createNotice(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemNoticeApi.SystemNotice>();
+    const data = modalApi.getData<SystemNoticeApi.Notice>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/notify/message/data.ts b/apps/web-antd/src/views/system/notify/message/data.ts
index bf51bcaf1..49bf68094 100644
--- a/apps/web-antd/src/views/system/notify/message/data.ts
+++ b/apps/web-antd/src/views/system/notify/message/data.ts
@@ -66,7 +66,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemNotifyMessageApi.SystemNotifyMessage>(
+export function useGridColumns<T = SystemNotifyMessageApi.NotifyMessage>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/notify/message/index.vue b/apps/web-antd/src/views/system/notify/message/index.vue
index f96252ec4..407096ec3 100644
--- a/apps/web-antd/src/views/system/notify/message/index.vue
+++ b/apps/web-antd/src/views/system/notify/message/index.vue
@@ -25,7 +25,7 @@ function onRefresh() {
 }
 
 /** 查看站内信详情 */
-function onDetail(row: SystemNotifyMessageApi.SystemNotifyMessage) {
+function onDetail(row: SystemNotifyMessageApi.NotifyMessage) {
   detailModalApi.setData(row).open();
 }
 
@@ -33,7 +33,7 @@ function onDetail(row: SystemNotifyMessageApi.SystemNotifyMessage) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemNotifyMessageApi.SystemNotifyMessage>) {
+}: OnActionClickParams<SystemNotifyMessageApi.NotifyMessage>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -68,7 +68,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemNotifyMessageApi.SystemNotifyMessage>,
+  } as VxeTableGridOptions<SystemNotifyMessageApi.NotifyMessage>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/notify/message/modules/detail.vue b/apps/web-antd/src/views/system/notify/message/modules/detail.vue
index eb6c75fac..fd7be874f 100644
--- a/apps/web-antd/src/views/system/notify/message/modules/detail.vue
+++ b/apps/web-antd/src/views/system/notify/message/modules/detail.vue
@@ -11,7 +11,7 @@ import { Descriptions } from 'ant-design-vue';
 import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemNotifyMessageApi.SystemNotifyMessage>();
+const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -19,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemNotifyMessageApi.SystemNotifyMessage>();
+    const data = modalApi.getData<SystemNotifyMessageApi.NotifyMessage>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/notify/my/data.ts b/apps/web-antd/src/views/system/notify/my/data.ts
index c594a3d9b..9d86c72ac 100644
--- a/apps/web-antd/src/views/system/notify/my/data.ts
+++ b/apps/web-antd/src/views/system/notify/my/data.ts
@@ -31,7 +31,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemNotifyMessageApi.SystemNotifyMessage>(
+export function useGridColumns<T = SystemNotifyMessageApi.NotifyMessage>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/notify/my/index.vue b/apps/web-antd/src/views/system/notify/my/index.vue
index 0c5690ef6..712f8d8c4 100644
--- a/apps/web-antd/src/views/system/notify/my/index.vue
+++ b/apps/web-antd/src/views/system/notify/my/index.vue
@@ -1,11 +1,13 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { SystemNotifyMessageApi } from '#/api/system/notify/message';
 
-import { DocAlert } from '#/components/doc-alert';
-import Detail from './modules/detail.vue';
 import { Page, useVbenModal } from '@vben/common-ui';
 import { MdiCheckboxMarkedCircleOutline } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -14,8 +16,10 @@ import {
   updateAllNotifyMessageRead,
   updateNotifyMessageRead,
 } from '#/api/system/notify/message';
+import { DocAlert } from '#/components/doc-alert';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';
 
 const [DetailModal, detailModalApi] = useVbenModal({
   connectedComponent: Detail,
@@ -28,12 +32,12 @@ function onRefresh() {
 }
 
 /** 查看站内信详情 */
-function onDetail(row: SystemNotifyMessageApi.SystemNotifyMessage) {
+function onDetail(row: SystemNotifyMessageApi.NotifyMessage) {
   detailModalApi.setData(row).open();
 }
 
 /** 标记一条站内信已读 */
-async function onRead(row: SystemNotifyMessageApi.SystemNotifyMessage) {
+async function onRead(row: SystemNotifyMessageApi.NotifyMessage) {
   message.loading({
     content: '正在标记已读...',
     duration: 0,
@@ -63,7 +67,7 @@ async function onMarkRead() {
     return;
   }
 
-  const ids = rows.map((row: SystemNotifyMessageApi.SystemNotifyMessage) => row.id);
+  const ids = rows.map((row: SystemNotifyMessageApi.NotifyMessage) => row.id);
   message.loading({
     content: '正在标记已读...',
     duration: 0,
@@ -99,7 +103,10 @@ async function onMarkAllRead() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<SystemNotifyMessageApi.SystemNotifyMessage>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<SystemNotifyMessageApi.NotifyMessage>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -139,10 +146,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
       search: true,
     },
     checkboxConfig: {
-      checkMethod: (params: { row: SystemNotifyMessageApi.SystemNotifyMessage }) => !params.row.readStatus,
+      checkMethod: (params: { row: SystemNotifyMessageApi.NotifyMessage }) =>
+        !params.row.readStatus,
       highlight: true,
     },
-  } as VxeTableGridOptions<SystemNotifyMessageApi.SystemNotifyMessage>,
+  } as VxeTableGridOptions<SystemNotifyMessageApi.NotifyMessage>,
 });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/system/notify/my/modules/detail.vue b/apps/web-antd/src/views/system/notify/my/modules/detail.vue
index 97f99f3b9..24b424bc9 100644
--- a/apps/web-antd/src/views/system/notify/my/modules/detail.vue
+++ b/apps/web-antd/src/views/system/notify/my/modules/detail.vue
@@ -11,7 +11,7 @@ import { Descriptions } from 'ant-design-vue';
 import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemNotifyMessageApi.SystemNotifyMessage>();
+const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -19,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemNotifyMessageApi.SystemNotifyMessage>();
+    const data = modalApi.getData<SystemNotifyMessageApi.NotifyMessage>();
     if (!data || !data.id) {
       return;
     }
@@ -43,6 +43,7 @@ const [Modal, modalApi] = useVbenModal({
       <Descriptions.Item label="发送人">
         {{ formData?.templateNickname }}
       </Descriptions.Item>
+      <!-- TODO @芋艿：报错 -->
       <Descriptions.Item label="发送时间">
         {{ formatDateTime(formData?.createTime) }}
       </Descriptions.Item>
diff --git a/apps/web-antd/src/views/system/notify/template/data.ts b/apps/web-antd/src/views/system/notify/template/data.ts
index 9d9a4e1a6..8e689b0b0 100644
--- a/apps/web-antd/src/views/system/notify/template/data.ts
+++ b/apps/web-antd/src/views/system/notify/template/data.ts
@@ -64,7 +64,10 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '模板类型',
       component: 'Select',
       componentProps: {
-        options: getDictOptions(DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE,
+          'number',
+        ),
         class: 'w-full',
         placeholder: '请选择模板类型',
       },
@@ -128,7 +131,10 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '模板类型',
       component: 'Select',
       componentProps: {
-        options: getDictOptions(DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE,
+          'number',
+        ),
         allowClear: true,
         placeholder: '请选择模板类型',
       },
@@ -221,7 +227,7 @@ export function useSendNotifyFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemNotifyTemplateApi.SystemNotifyTemplate>(
+export function useGridColumns<T = SystemNotifyTemplateApi.NotifyTemplate>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/notify/template/index.vue b/apps/web-antd/src/views/system/notify/template/index.vue
index fd8a95671..d89fb5a2a 100644
--- a/apps/web-antd/src/views/system/notify/template/index.vue
+++ b/apps/web-antd/src/views/system/notify/template/index.vue
@@ -1,5 +1,8 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { SystemNotifyTemplateApi } from '#/api/system/notify/template';
 
 import { DocAlert } from '#/components/doc-alert';
@@ -10,7 +13,11 @@ import { Download, Plus } from '@vben/icons';
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteNotifyTemplate, exportNotifyTemplate, getNotifyTemplatePage } from '#/api/system/notify/template';
+import {
+  deleteNotifyTemplate,
+  exportNotifyTemplate,
+  getNotifyTemplatePage,
+} from '#/api/system/notify/template';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
@@ -43,17 +50,17 @@ function onCreate() {
 }
 
 /** 编辑站内信模板 */
-function onEdit(row: SystemNotifyTemplateApi.SystemNotifyTemplate) {
+function onEdit(row: SystemNotifyTemplateApi.NotifyTemplate) {
   formModalApi.setData(row).open();
 }
 
 /** 发送测试站内信 */
-function onSend(row: SystemNotifyTemplateApi.SystemNotifyTemplate) {
+function onSend(row: SystemNotifyTemplateApi.NotifyTemplate) {
   sendModalApi.setData(row).open();
 }
 
 /** 删除站内信模板 */
-async function onDelete(row: SystemNotifyTemplateApi.SystemNotifyTemplate) {
+async function onDelete(row: SystemNotifyTemplateApi.NotifyTemplate) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -72,7 +79,10 @@ async function onDelete(row: SystemNotifyTemplateApi.SystemNotifyTemplate) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<SystemNotifyTemplateApi.SystemNotifyTemplate>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<SystemNotifyTemplateApi.NotifyTemplate>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -115,7 +125,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemNotifyTemplateApi.SystemNotifyTemplate>,
+  } as VxeTableGridOptions<SystemNotifyTemplateApi.NotifyTemplate>,
 });
 </script>
 
@@ -127,11 +137,20 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <SendModal />
     <Grid table-title="站内信模板列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['system:notify-template:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['system:notify-template:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['站内信模板']) }}
         </Button>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['system:notify-template:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['system:notify-template:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>
diff --git a/apps/web-antd/src/views/system/notify/template/modules/form.vue b/apps/web-antd/src/views/system/notify/template/modules/form.vue
index 589b932bb..d05270821 100644
--- a/apps/web-antd/src/views/system/notify/template/modules/form.vue
+++ b/apps/web-antd/src/views/system/notify/template/modules/form.vue
@@ -5,16 +5,22 @@ import { useVbenModal } from '@vben/common-ui';
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createNotifyTemplate, getNotifyTemplate, updateNotifyTemplate } from '#/api/system/notify/template';
+import {
+  createNotifyTemplate,
+  getNotifyTemplate,
+  updateNotifyTemplate,
+} from '#/api/system/notify/template';
 import { $t } from '#/locales';
 import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemNotifyTemplateApi.SystemNotifyTemplate>();
+const formData = ref<SystemNotifyTemplateApi.NotifyTemplate>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['站内信模板']) : $t('ui.actionTitle.create', ['站内信模板']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['站内信模板'])
+    : $t('ui.actionTitle.create', ['站内信模板']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -31,9 +37,12 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemNotifyTemplateApi.SystemNotifyTemplate;
+    const data =
+      (await formApi.getValues()) as SystemNotifyTemplateApi.NotifyTemplate;
     try {
-      await (formData.value?.id ? updateNotifyTemplate(data) : createNotifyTemplate(data));
+      await (formData.value?.id
+        ? updateNotifyTemplate(data)
+        : createNotifyTemplate(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -51,7 +60,7 @@ const [Modal, modalApi] = useVbenModal({
     }
 
     // 加载数据
-    const data = modalApi.getData<SystemNotifyTemplateApi.SystemNotifyTemplate>();
+    const data = modalApi.getData<SystemNotifyTemplateApi.NotifyTemplate>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/notify/template/modules/send-form.vue b/apps/web-antd/src/views/system/notify/template/modules/send-form.vue
index 050ec2ebd..aff73b4a2 100644
--- a/apps/web-antd/src/views/system/notify/template/modules/send-form.vue
+++ b/apps/web-antd/src/views/system/notify/template/modules/send-form.vue
@@ -12,7 +12,7 @@ import { ref } from 'vue';
 import { useSendNotifyFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemNotifyTemplateApi.SystemNotifyTemplate>();
+const formData = ref<SystemNotifyTemplateApi.NotifyTemplate>();
 
 const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
@@ -37,7 +37,7 @@ const [Modal, modalApi] = useVbenModal({
         paramsObj[param] = values[`param_${param}`];
       });
     }
-    const data: SystemNotifyTemplateApi.SystemNotifySendReqVO = {
+    const data: SystemNotifyTemplateApi.NotifySendReqVO = {
       userId: values.userId,
       userType: values.userType,
       templateCode: formData.value?.code || '',
@@ -65,7 +65,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 获取数据
-    const data = modalApi.getData<SystemNotifyTemplateApi.SystemNotifyTemplate>();
+    const data = modalApi.getData<SystemNotifyTemplateApi.NotifyTemplate>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/oauth2/client/data.ts b/apps/web-antd/src/views/system/oauth2/client/data.ts
index 5bece7672..c035cdd2b 100644
--- a/apps/web-antd/src/views/system/oauth2/client/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/client/data.ts
@@ -201,7 +201,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemOAuth2ClientApi.SystemOAuth2Client>(
+export function useGridColumns<T = SystemOAuth2ClientApi.OAuth2Client>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/oauth2/client/index.vue b/apps/web-antd/src/views/system/oauth2/client/index.vue
index e612290bd..ac21a5f12 100644
--- a/apps/web-antd/src/views/system/oauth2/client/index.vue
+++ b/apps/web-antd/src/views/system/oauth2/client/index.vue
@@ -37,12 +37,12 @@ function onCreate() {
 }
 
 /** 编辑 OAuth2 客户端 */
-function onEdit(row: SystemOAuth2ClientApi.SystemOAuth2Client) {
+function onEdit(row: SystemOAuth2ClientApi.OAuth2Client) {
   formModalApi.setData(row).open();
 }
 
 /** 删除 OAuth2 客户端 */
-async function onDelete(row: SystemOAuth2ClientApi.SystemOAuth2Client) {
+async function onDelete(row: SystemOAuth2ClientApi.OAuth2Client) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -64,7 +64,7 @@ async function onDelete(row: SystemOAuth2ClientApi.SystemOAuth2Client) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemOAuth2ClientApi.SystemOAuth2Client>) {
+}: OnActionClickParams<SystemOAuth2ClientApi.OAuth2Client>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -103,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemOAuth2ClientApi.SystemOAuth2Client>,
+  } as VxeTableGridOptions<SystemOAuth2ClientApi.OAuth2Client>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/oauth2/client/modules/form.vue b/apps/web-antd/src/views/system/oauth2/client/modules/form.vue
index b4f3618bf..5c658425d 100644
--- a/apps/web-antd/src/views/system/oauth2/client/modules/form.vue
+++ b/apps/web-antd/src/views/system/oauth2/client/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemOAuth2ClientApi.SystemOAuth2Client>();
+const formData = ref<SystemOAuth2ClientApi.OAuth2Client>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', [' OAuth2.0 客户端'])
@@ -43,7 +43,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemOAuth2ClientApi.SystemOAuth2Client;
+      (await formApi.getValues()) as SystemOAuth2ClientApi.OAuth2Client;
     try {
       await (formData.value?.id
         ? updateOAuth2Client(data)
@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemOAuth2ClientApi.SystemOAuth2Client>();
+    const data = modalApi.getData<SystemOAuth2ClientApi.OAuth2Client>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/oauth2/token/data.ts b/apps/web-antd/src/views/system/oauth2/token/data.ts
index 51e41ce22..e4a4b59fa 100644
--- a/apps/web-antd/src/views/system/oauth2/token/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/token/data.ts
@@ -40,7 +40,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemOAuth2TokenApi.SystemOAuth2Token>(
+export function useGridColumns<T = SystemOAuth2TokenApi.OAuth2Token>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/oauth2/token/index.vue b/apps/web-antd/src/views/system/oauth2/token/index.vue
index 8b176096b..e924512bb 100644
--- a/apps/web-antd/src/views/system/oauth2/token/index.vue
+++ b/apps/web-antd/src/views/system/oauth2/token/index.vue
@@ -25,7 +25,7 @@ function onRefresh() {
 }
 
 /** 删除 OAuth2 令牌 */
-async function onDelete(row: SystemOAuth2TokenApi.SystemOAuth2Token) {
+async function onDelete(row: SystemOAuth2TokenApi.OAuth2Token) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', ['令牌']),
     duration: 0,
@@ -47,7 +47,7 @@ async function onDelete(row: SystemOAuth2TokenApi.SystemOAuth2Token) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemOAuth2TokenApi.SystemOAuth2Token>) {
+}: OnActionClickParams<SystemOAuth2TokenApi.OAuth2Token>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -82,7 +82,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemOAuth2TokenApi.SystemOAuth2Token>,
+  } as VxeTableGridOptions<SystemOAuth2TokenApi.OAuth2Token>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/operatelog/data.ts b/apps/web-antd/src/views/system/operatelog/data.ts
index 13ec140b0..8d2869991 100644
--- a/apps/web-antd/src/views/system/operatelog/data.ts
+++ b/apps/web-antd/src/views/system/operatelog/data.ts
@@ -75,7 +75,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemOperateLogApi.SystemOperateLog>(
+export function useGridColumns<T = SystemOperateLogApi.OperateLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/operatelog/index.vue b/apps/web-antd/src/views/system/operatelog/index.vue
index 2db3a58aa..bdae9e5c9 100644
--- a/apps/web-antd/src/views/system/operatelog/index.vue
+++ b/apps/web-antd/src/views/system/operatelog/index.vue
@@ -36,7 +36,7 @@ async function onExport() {
 }
 
 /** 查看操作日志详情 */
-function onDetail(row: SystemOperateLogApi.SystemOperateLog) {
+function onDetail(row: SystemOperateLogApi.OperateLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -44,7 +44,7 @@ function onDetail(row: SystemOperateLogApi.SystemOperateLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemOperateLogApi.SystemOperateLog>) {
+}: OnActionClickParams<SystemOperateLogApi.OperateLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -79,7 +79,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemOperateLogApi.SystemOperateLog>,
+  } as VxeTableGridOptions<SystemOperateLogApi.OperateLog>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/operatelog/modules/detail.vue b/apps/web-antd/src/views/system/operatelog/modules/detail.vue
index d381908af..c4e378472 100644
--- a/apps/web-antd/src/views/system/operatelog/modules/detail.vue
+++ b/apps/web-antd/src/views/system/operatelog/modules/detail.vue
@@ -8,7 +8,7 @@ import { formatDateTime } from '@vben/utils';
 
 import { Descriptions } from 'ant-design-vue';
 
-const formData = ref<SystemOperateLogApi.SystemOperateLog>();
+const formData = ref<SystemOperateLogApi.OperateLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -16,7 +16,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemOperateLogApi.SystemOperateLog>();
+    const data = modalApi.getData<SystemOperateLogApi.OperateLog>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/post/data.ts b/apps/web-antd/src/views/system/post/data.ts
index 599629437..9c4969b66 100644
--- a/apps/web-antd/src/views/system/post/data.ts
+++ b/apps/web-antd/src/views/system/post/data.ts
@@ -90,7 +90,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemPostApi.SystemPost>(
+export function useGridColumns<T = SystemPostApi.Post>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/post/index.vue b/apps/web-antd/src/views/system/post/index.vue
index d98aaeb87..b435c4bd0 100644
--- a/apps/web-antd/src/views/system/post/index.vue
+++ b/apps/web-antd/src/views/system/post/index.vue
@@ -40,12 +40,12 @@ function onCreate() {
 }
 
 /** 编辑岗位 */
-function onEdit(row: SystemPostApi.SystemPost) {
+function onEdit(row: SystemPostApi.Post) {
   formModalApi.setData(row).open();
 }
 
 /** 删除岗位 */
-async function onDelete(row: SystemPostApi.SystemPost) {
+async function onDelete(row: SystemPostApi.Post) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -64,10 +64,7 @@ async function onDelete(row: SystemPostApi.SystemPost) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemPostApi.SystemPost>) {
+function onActionClick({ code, row }: OnActionClickParams<SystemPostApi.Post>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -106,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemPostApi.SystemPost>,
+  } as VxeTableGridOptions<SystemPostApi.Post>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/post/modules/form.vue b/apps/web-antd/src/views/system/post/modules/form.vue
index 1fa863d2a..4cf5d08e5 100644
--- a/apps/web-antd/src/views/system/post/modules/form.vue
+++ b/apps/web-antd/src/views/system/post/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemPostApi.SystemPost>();
+const formData = ref<SystemPostApi.Post>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['岗位'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemPostApi.SystemPost;
+    const data = (await formApi.getValues()) as SystemPostApi.Post;
     try {
       await (formData.value?.id ? updatePost(data) : createPost(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemPostApi.SystemPost>();
+    const data = modalApi.getData<SystemPostApi.Post>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/role/data.ts b/apps/web-antd/src/views/system/role/data.ts
index d12dd928b..f8214e9dc 100644
--- a/apps/web-antd/src/views/system/role/data.ts
+++ b/apps/web-antd/src/views/system/role/data.ts
@@ -187,7 +187,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemRoleApi.SystemRole>(
+export function useGridColumns<T = SystemRoleApi.Role>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/role/index.vue b/apps/web-antd/src/views/system/role/index.vue
index dd0c17bbb..deb19cd3f 100644
--- a/apps/web-antd/src/views/system/role/index.vue
+++ b/apps/web-antd/src/views/system/role/index.vue
@@ -49,7 +49,7 @@ async function onExport() {
 }
 
 /** 编辑角色 */
-function onEdit(row: SystemRoleApi.SystemRole) {
+function onEdit(row: SystemRoleApi.Role) {
   formModalApi.setData(row).open();
 }
 
@@ -59,7 +59,7 @@ function onCreate() {
 }
 
 /** 删除角色 */
-async function onDelete(row: SystemRoleApi.SystemRole) {
+async function onDelete(row: SystemRoleApi.Role) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -78,20 +78,17 @@ async function onDelete(row: SystemRoleApi.SystemRole) {
 }
 
 /** 分配角色的数据权限 */
-function onAssignDataPermission(row: SystemRoleApi.SystemRole) {
+function onAssignDataPermission(row: SystemRoleApi.Role) {
   assignDataPermissionFormApi.setData(row).open();
 }
 
 /** 分配角色的菜单权限 */
-function onAssignMenu(row: SystemRoleApi.SystemRole) {
+function onAssignMenu(row: SystemRoleApi.Role) {
   assignMenuFormApi.setData(row).open();
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemRoleApi.SystemRole>) {
+function onActionClick({ code, row }: OnActionClickParams<SystemRoleApi.Role>) {
   switch (code) {
     case 'assign-data-permission': {
       onAssignDataPermission(row);
@@ -138,7 +135,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemRoleApi.SystemRole>,
+  } as VxeTableGridOptions<SystemRoleApi.Role>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/role/modules/assign-data-permission-form.vue b/apps/web-antd/src/views/system/role/modules/assign-data-permission-form.vue
index 6510e85ab..5ad0a8b32 100644
--- a/apps/web-antd/src/views/system/role/modules/assign-data-permission-form.vue
+++ b/apps/web-antd/src/views/system/role/modules/assign-data-permission-form.vue
@@ -20,7 +20,7 @@ import { useAssignDataPermissionFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 
-const deptTree = ref<SystemDeptApi.SystemDept[]>([]); // 部门树
+const deptTree = ref<SystemDeptApi.Dept[]>([]); // 部门树
 const deptLoading = ref(false); // 加载部门列表
 const isAllSelected = ref(false); // 全选状态
 const isExpanded = ref(false); // 展开状态
@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
     if (!isOpen) {
       return;
     }
-    const data = modalApi.getData<SystemRoleApi.SystemRole>();
+    const data = modalApi.getData<SystemRoleApi.Role>();
     if (!data || !data.id) {
       return;
     }
@@ -86,7 +86,7 @@ async function loadDeptTree() {
   deptLoading.value = true;
   try {
     const data = await getDeptList();
-    deptTree.value = handleTree(data) as SystemDeptApi.SystemDept[];
+    deptTree.value = handleTree(data) as SystemDeptApi.Dept[];
   } finally {
     deptLoading.value = false;
   }
diff --git a/apps/web-antd/src/views/system/role/modules/assign-menu-form.vue b/apps/web-antd/src/views/system/role/modules/assign-menu-form.vue
index d60da4598..926e9d196 100644
--- a/apps/web-antd/src/views/system/role/modules/assign-menu-form.vue
+++ b/apps/web-antd/src/views/system/role/modules/assign-menu-form.vue
@@ -18,7 +18,7 @@ import { useAssignMenuFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 
-const menuTree = ref<SystemDeptApi.SystemDept[]>([]); // 菜单树
+const menuTree = ref<SystemDeptApi.Dept[]>([]); // 菜单树
 const menuLoading = ref(false); // 加载菜单列表
 const isAllSelected = ref(false); // 全选状态
 const isExpanded = ref(false); // 展开状态
@@ -59,7 +59,7 @@ const [Modal, modalApi] = useVbenModal({
     if (!isOpen) {
       return;
     }
-    const data = modalApi.getData<SystemRoleApi.SystemRole>();
+    const data = modalApi.getData<SystemRoleApi.Role>();
     if (!data || !data.id) {
       return;
     }
@@ -83,7 +83,7 @@ async function loadMenuTree() {
   menuLoading.value = true;
   try {
     const data = await getMenuList();
-    menuTree.value = handleTree(data) as SystemDeptApi.SystemDept[];
+    menuTree.value = handleTree(data) as SystemDeptApi.Dept[];
   } finally {
     menuLoading.value = false;
   }
diff --git a/apps/web-antd/src/views/system/role/modules/form.vue b/apps/web-antd/src/views/system/role/modules/form.vue
index 74710a24a..b97bed27f 100644
--- a/apps/web-antd/src/views/system/role/modules/form.vue
+++ b/apps/web-antd/src/views/system/role/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemRoleApi.SystemRole>();
+const formData = ref<SystemRoleApi.Role>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['角色'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemRoleApi.SystemRole;
+    const data = (await formApi.getValues()) as SystemRoleApi.Role;
     try {
       await (formData.value?.id ? updateRole(data) : createRole(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemRoleApi.SystemRole>();
+    const data = modalApi.getData<SystemRoleApi.Role>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/sms/channel/data.ts b/apps/web-antd/src/views/system/sms/channel/data.ts
index 95d8f021a..29fc3f3e1 100644
--- a/apps/web-antd/src/views/system/sms/channel/data.ts
+++ b/apps/web-antd/src/views/system/sms/channel/data.ts
@@ -133,7 +133,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemSmsChannelApi.SystemSmsChannel>(
+export function useGridColumns<T = SystemSmsChannelApi.SmsChannel>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/sms/channel/index.vue b/apps/web-antd/src/views/system/sms/channel/index.vue
index 888b3b69a..3fa0e7a31 100644
--- a/apps/web-antd/src/views/system/sms/channel/index.vue
+++ b/apps/web-antd/src/views/system/sms/channel/index.vue
@@ -45,12 +45,12 @@ function onCreate() {
 }
 
 /** 编辑短信渠道 */
-function onEdit(row: SystemSmsChannelApi.SystemSmsChannel) {
+function onEdit(row: SystemSmsChannelApi.SmsChannel) {
   formModalApi.setData(row).open();
 }
 
 /** 删除短信渠道 */
-async function onDelete(row: SystemSmsChannelApi.SystemSmsChannel) {
+async function onDelete(row: SystemSmsChannelApi.SmsChannel) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.signature]),
     duration: 0,
@@ -72,7 +72,7 @@ async function onDelete(row: SystemSmsChannelApi.SystemSmsChannel) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemSmsChannelApi.SystemSmsChannel>) {
+}: OnActionClickParams<SystemSmsChannelApi.SmsChannel>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -111,7 +111,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemSmsChannelApi.SystemSmsChannel>,
+  } as VxeTableGridOptions<SystemSmsChannelApi.SmsChannel>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/sms/channel/modules/form.vue b/apps/web-antd/src/views/system/sms/channel/modules/form.vue
index dfd72df42..c588ad073 100644
--- a/apps/web-antd/src/views/system/sms/channel/modules/form.vue
+++ b/apps/web-antd/src/views/system/sms/channel/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemSmsChannelApi.SystemSmsChannel>();
+const formData = ref<SystemSmsChannelApi.SmsChannel>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['短信渠道'])
@@ -42,8 +42,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data =
-      (await formApi.getValues()) as SystemSmsChannelApi.SystemSmsChannel;
+    const data = (await formApi.getValues()) as SystemSmsChannelApi.SmsChannel;
     try {
       await (formData.value?.id
         ? updateSmsChannel(data)
@@ -64,7 +63,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemSmsChannelApi.SystemSmsChannel>();
+    const data = modalApi.getData<SystemSmsChannelApi.SmsChannel>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/sms/log/data.ts b/apps/web-antd/src/views/system/sms/log/data.ts
index dcbb38d09..ade2d001e 100644
--- a/apps/web-antd/src/views/system/sms/log/data.ts
+++ b/apps/web-antd/src/views/system/sms/log/data.ts
@@ -85,7 +85,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemSmsLogApi.SystemSmsLog>(
+export function useGridColumns<T = SystemSmsLogApi.SmsLog>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/sms/log/index.vue b/apps/web-antd/src/views/system/sms/log/index.vue
index efc00cb73..76966efbd 100644
--- a/apps/web-antd/src/views/system/sms/log/index.vue
+++ b/apps/web-antd/src/views/system/sms/log/index.vue
@@ -36,7 +36,7 @@ async function onExport() {
 }
 
 /** 查看短信日志详情 */
-function onDetail(row: SystemSmsLogApi.SystemSmsLog) {
+function onDetail(row: SystemSmsLogApi.SmsLog) {
   detailModalApi.setData(row).open();
 }
 
@@ -44,7 +44,7 @@ function onDetail(row: SystemSmsLogApi.SystemSmsLog) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemSmsLogApi.SystemSmsLog>) {
+}: OnActionClickParams<SystemSmsLogApi.SmsLog>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -79,7 +79,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemSmsLogApi.SystemSmsLog>,
+  } as VxeTableGridOptions<SystemSmsLogApi.SmsLog>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/sms/log/modules/detail.vue b/apps/web-antd/src/views/system/sms/log/modules/detail.vue
index f3b616a3c..c5b7c91a2 100644
--- a/apps/web-antd/src/views/system/sms/log/modules/detail.vue
+++ b/apps/web-antd/src/views/system/sms/log/modules/detail.vue
@@ -11,7 +11,7 @@ import { Descriptions } from 'ant-design-vue';
 import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemSmsLogApi.SystemSmsLog>();
+const formData = ref<SystemSmsLogApi.SmsLog>();
 
 const [Modal, modalApi] = useVbenModal({
   async onOpenChange(isOpen: boolean) {
@@ -19,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemSmsLogApi.SystemSmsLog>();
+    const data = modalApi.getData<SystemSmsLogApi.SmsLog>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/sms/template/data.ts b/apps/web-antd/src/views/system/sms/template/data.ts
index 2b0a4cee8..b04e9b3fa 100644
--- a/apps/web-antd/src/views/system/sms/template/data.ts
+++ b/apps/web-antd/src/views/system/sms/template/data.ts
@@ -203,7 +203,7 @@ export function useSendSmsFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemSmsTemplateApi.SystemSmsTemplate>(
+export function useGridColumns<T = SystemSmsTemplateApi.SmsTemplate>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/sms/template/index.vue b/apps/web-antd/src/views/system/sms/template/index.vue
index 7e0ea47a1..398bb0c3c 100644
--- a/apps/web-antd/src/views/system/sms/template/index.vue
+++ b/apps/web-antd/src/views/system/sms/template/index.vue
@@ -51,17 +51,17 @@ function onCreate() {
 }
 
 /** 编辑短信模板 */
-function onEdit(row: SystemSmsTemplateApi.SystemSmsTemplate) {
+function onEdit(row: SystemSmsTemplateApi.SmsTemplate) {
   formModalApi.setData(row).open();
 }
 
 /** 发送测试短信 */
-function onSend(row: SystemSmsTemplateApi.SystemSmsTemplate) {
+function onSend(row: SystemSmsTemplateApi.SmsTemplate) {
   sendModalApi.setData(row).open();
 }
 
 /** 删除短信模板 */
-async function onDelete(row: SystemSmsTemplateApi.SystemSmsTemplate) {
+async function onDelete(row: SystemSmsTemplateApi.SmsTemplate) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -83,7 +83,7 @@ async function onDelete(row: SystemSmsTemplateApi.SystemSmsTemplate) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemSmsTemplateApi.SystemSmsTemplate>) {
+}: OnActionClickParams<SystemSmsTemplateApi.SmsTemplate>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -126,7 +126,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemSmsTemplateApi.SystemSmsTemplate>,
+  } as VxeTableGridOptions<SystemSmsTemplateApi.SmsTemplate>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/sms/template/modules/form.vue b/apps/web-antd/src/views/system/sms/template/modules/form.vue
index e83adf645..b97765082 100644
--- a/apps/web-antd/src/views/system/sms/template/modules/form.vue
+++ b/apps/web-antd/src/views/system/sms/template/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemSmsTemplateApi.SystemSmsTemplate>();
+const formData = ref<SystemSmsTemplateApi.SmsTemplate>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['短信模板'])
@@ -43,7 +43,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemSmsTemplateApi.SystemSmsTemplate;
+      (await formApi.getValues()) as SystemSmsTemplateApi.SmsTemplate;
     try {
       await (formData.value?.id
         ? updateSmsTemplate(data)
@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemSmsTemplateApi.SystemSmsTemplate>();
+    const data = modalApi.getData<SystemSmsTemplateApi.SmsTemplate>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/sms/template/modules/send-form.vue b/apps/web-antd/src/views/system/sms/template/modules/send-form.vue
index 2dc4a62e1..bf54f665c 100644
--- a/apps/web-antd/src/views/system/sms/template/modules/send-form.vue
+++ b/apps/web-antd/src/views/system/sms/template/modules/send-form.vue
@@ -13,7 +13,7 @@ import { sendSms } from '#/api/system/sms/template';
 import { useSendSmsFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemSmsTemplateApi.SystemSmsTemplate>();
+const formData = ref<SystemSmsTemplateApi.SmsTemplate>();
 
 const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
@@ -38,7 +38,7 @@ const [Modal, modalApi] = useVbenModal({
         paramsObj[param] = values[`param_${param}`];
       });
     }
-    const data: SystemSmsTemplateApi.SystemSmsSendReqVO = {
+    const data: SystemSmsTemplateApi.SmsSendReqVO = {
       mobile: values.mobile,
       templateCode: formData.value?.code || '',
       templateParams: paramsObj,
@@ -65,7 +65,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 获取数据
-    const data = modalApi.getData<SystemSmsTemplateApi.SystemSmsTemplate>();
+    const data = modalApi.getData<SystemSmsTemplateApi.SmsTemplate>();
     if (!data) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/social/client/data.ts b/apps/web-antd/src/views/system/social/client/data.ts
index a030bfad0..2a494318e 100644
--- a/apps/web-antd/src/views/system/social/client/data.ts
+++ b/apps/web-antd/src/views/system/social/client/data.ts
@@ -149,7 +149,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemSocialClientApi.SystemSocialClient>(
+export function useGridColumns<T = SystemSocialClientApi.SocialClient>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/social/client/index.vue b/apps/web-antd/src/views/system/social/client/index.vue
index dca3d97c6..6d912847b 100644
--- a/apps/web-antd/src/views/system/social/client/index.vue
+++ b/apps/web-antd/src/views/system/social/client/index.vue
@@ -37,12 +37,12 @@ function onCreate() {
 }
 
 /** 编辑社交客户端 */
-function onEdit(row: SystemSocialClientApi.SystemSocialClient) {
+function onEdit(row: SystemSocialClientApi.SocialClient) {
   formModalApi.setData(row).open();
 }
 
 /** 删除社交客户端 */
-async function onDelete(row: SystemSocialClientApi.SystemSocialClient) {
+async function onDelete(row: SystemSocialClientApi.SocialClient) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -64,7 +64,7 @@ async function onDelete(row: SystemSocialClientApi.SystemSocialClient) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemSocialClientApi.SystemSocialClient>) {
+}: OnActionClickParams<SystemSocialClientApi.SocialClient>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -103,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemSocialClientApi.SystemSocialClient>,
+  } as VxeTableGridOptions<SystemSocialClientApi.SocialClient>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/social/client/modules/form.vue b/apps/web-antd/src/views/system/social/client/modules/form.vue
index 7fda1712c..1d0ae52e9 100644
--- a/apps/web-antd/src/views/system/social/client/modules/form.vue
+++ b/apps/web-antd/src/views/system/social/client/modules/form.vue
@@ -18,7 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemSocialClientApi.SystemSocialClient>();
+const formData = ref<SystemSocialClientApi.SocialClient>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['社交客户端'])
@@ -40,7 +40,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemSocialClientApi.SystemSocialClient;
+      (await formApi.getValues()) as SystemSocialClientApi.SocialClient;
     try {
       await (formData.value?.id
         ? updateSocialClient(data)
@@ -61,7 +61,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemSocialClientApi.SystemSocialClient>();
+    const data = modalApi.getData<SystemSocialClientApi.SocialClient>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/social/user/data.ts b/apps/web-antd/src/views/system/social/user/data.ts
index 9e8f4289a..02b1fddcb 100644
--- a/apps/web-antd/src/views/system/social/user/data.ts
+++ b/apps/web-antd/src/views/system/social/user/data.ts
@@ -53,7 +53,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemSocialUserApi.SystemSocialUser>(
+export function useGridColumns<T = SystemSocialUserApi.SocialUser>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/social/user/index.vue b/apps/web-antd/src/views/system/social/user/index.vue
index b5ead8107..214e591b5 100644
--- a/apps/web-antd/src/views/system/social/user/index.vue
+++ b/apps/web-antd/src/views/system/social/user/index.vue
@@ -25,7 +25,7 @@ const [DetailModal, detailModalApi] = useVbenModal({
 // }
 
 /** 查看详情 */
-function onDetail(row: SystemSocialUserApi.SystemSocialUser) {
+function onDetail(row: SystemSocialUserApi.SocialUser) {
   detailModalApi.setData(row).open();
 }
 
@@ -33,7 +33,7 @@ function onDetail(row: SystemSocialUserApi.SystemSocialUser) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemSocialUserApi.SystemSocialUser>) {
+}: OnActionClickParams<SystemSocialUserApi.SocialUser>) {
   switch (code) {
     case 'detail': {
       onDetail(row);
@@ -68,7 +68,7 @@ const [Grid] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemSocialUserApi.SystemSocialUser>,
+  } as VxeTableGridOptions<SystemSocialUserApi.SocialUser>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/social/user/modules/detail.vue b/apps/web-antd/src/views/system/social/user/modules/detail.vue
index 1ca913ee2..e6262bea5 100644
--- a/apps/web-antd/src/views/system/social/user/modules/detail.vue
+++ b/apps/web-antd/src/views/system/social/user/modules/detail.vue
@@ -12,7 +12,7 @@ import { DictTag } from '#/components/dict-tag';
 import { $t } from '#/locales';
 import { DICT_TYPE } from '#/utils/dict';
 
-const formData = ref<SystemSocialUserApi.SystemSocialUser>();
+const formData = ref<SystemSocialUserApi.SocialUser>();
 
 const [Modal, modalApi] = useVbenModal({
   title: $t('ui.actionTitle.detail'),
diff --git a/apps/web-antd/src/views/system/tenant/data.ts b/apps/web-antd/src/views/system/tenant/data.ts
index dc385968c..af083c22a 100644
--- a/apps/web-antd/src/views/system/tenant/data.ts
+++ b/apps/web-antd/src/views/system/tenant/data.ts
@@ -182,7 +182,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemTenantApi.SystemTenant>(
+export function useGridColumns<T = SystemTenantApi.Tenant>(
   onActionClick: OnActionClickFn<T>,
   getPackageName?: (packageId: number) => string | undefined,
 ): VxeTableGridOptions['columns'] {
diff --git a/apps/web-antd/src/views/system/tenant/index.vue b/apps/web-antd/src/views/system/tenant/index.vue
index 5fb7c904b..c59ad2251 100644
--- a/apps/web-antd/src/views/system/tenant/index.vue
+++ b/apps/web-antd/src/views/system/tenant/index.vue
@@ -23,7 +23,7 @@ import { downloadByData } from '#/utils/download';
 import { useGridColumns, useGridFormSchema } from './data';
 import Form from './modules/form.vue';
 
-const tenantPackageList = ref<SystemTenantPackageApi.SystemTenantPackage[]>([]);
+const tenantPackageList = ref<SystemTenantPackageApi.TenantPackage[]>([]);
 
 /** 获取套餐名称 */
 const getPackageName = (packageId: number) => {
@@ -55,12 +55,12 @@ function onCreate() {
 }
 
 /** 编辑租户 */
-function onEdit(row: SystemTenantApi.SystemTenant) {
+function onEdit(row: SystemTenantApi.Tenant) {
   formModalApi.setData(row).open();
 }
 
 /** 删除租户 */
-async function onDelete(row: SystemTenantApi.SystemTenant) {
+async function onDelete(row: SystemTenantApi.Tenant) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -82,7 +82,7 @@ async function onDelete(row: SystemTenantApi.SystemTenant) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemTenantApi.SystemTenant>) {
+}: OnActionClickParams<SystemTenantApi.Tenant>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -121,7 +121,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemTenantApi.SystemTenant>,
+  } as VxeTableGridOptions<SystemTenantApi.Tenant>,
 });
 
 /** 初始化 */
diff --git a/apps/web-antd/src/views/system/tenant/modules/form.vue b/apps/web-antd/src/views/system/tenant/modules/form.vue
index 3b3d641c0..e9ac269a0 100644
--- a/apps/web-antd/src/views/system/tenant/modules/form.vue
+++ b/apps/web-antd/src/views/system/tenant/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemTenantApi.SystemTenant>();
+const formData = ref<SystemTenantApi.Tenant>();
 const getTitle = computed(() => {
   return formData.value
     ? $t('ui.actionTitle.edit', ['租户'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemTenantApi.SystemTenant;
+    const data = (await formApi.getValues()) as SystemTenantApi.Tenant;
     try {
       await (formData.value ? updateTenant(data) : createTenant(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemTenantApi.SystemTenant>();
+    const data = modalApi.getData<SystemTenantApi.Tenant>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/tenantPackage/data.ts b/apps/web-antd/src/views/system/tenantPackage/data.ts
index 2d2cc3251..4e559681c 100644
--- a/apps/web-antd/src/views/system/tenantPackage/data.ts
+++ b/apps/web-antd/src/views/system/tenantPackage/data.ts
@@ -94,7 +94,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemTenantPackageApi.SystemTenantPackage>(
+export function useGridColumns<T = SystemTenantPackageApi.TenantPackage>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
diff --git a/apps/web-antd/src/views/system/tenantPackage/index.vue b/apps/web-antd/src/views/system/tenantPackage/index.vue
index 3590b8844..afb1b0300 100644
--- a/apps/web-antd/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/index.vue
@@ -36,12 +36,12 @@ function onCreate() {
 }
 
 /** 编辑租户套餐 */
-function onEdit(row: SystemTenantPackageApi.SystemTenantPackage) {
+function onEdit(row: SystemTenantPackageApi.TenantPackage) {
   formModalApi.setData(row).open();
 }
 
 /** 删除租户套餐 */
-async function onDelete(row: SystemTenantPackageApi.SystemTenantPackage) {
+async function onDelete(row: SystemTenantPackageApi.TenantPackage) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -63,7 +63,7 @@ async function onDelete(row: SystemTenantPackageApi.SystemTenantPackage) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<SystemTenantPackageApi.SystemTenantPackage>) {
+}: OnActionClickParams<SystemTenantPackageApi.TenantPackage>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -103,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemTenantPackageApi.SystemTenantPackage>,
+  } as VxeTableGridOptions<SystemTenantPackageApi.TenantPackage>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/tenantPackage/modules/form.vue b/apps/web-antd/src/views/system/tenantPackage/modules/form.vue
index ebfd8cba0..3c7760955 100644
--- a/apps/web-antd/src/views/system/tenantPackage/modules/form.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/modules/form.vue
@@ -21,13 +21,13 @@ import { handleTree } from '#/utils/tree';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemTenantPackageApi.SystemTenantPackage>();
+const formData = ref<SystemTenantPackageApi.TenantPackage>();
 const getTitle = computed(() => {
   return formData.value
     ? $t('ui.actionTitle.edit', ['套餐'])
     : $t('ui.actionTitle.create', ['套餐']);
 });
-const menuTree = ref<SystemDeptApi.SystemDept[]>([]); // 菜单树
+const menuTree = ref<SystemDeptApi.Dept[]>([]); // 菜单树
 const menuLoading = ref(false); // 加载菜单列表
 const isAllSelected = ref(false); // 全选状态
 const isExpanded = ref(false); // 展开状态
@@ -48,7 +48,7 @@ const [Modal, modalApi] = useVbenModal({
     modalApi.lock();
     // 提交表单
     const data =
-      (await formApi.getValues()) as SystemTenantPackageApi.SystemTenantPackage;
+      (await formApi.getValues()) as SystemTenantPackageApi.TenantPackage;
     try {
       await (formData.value
         ? updateTenantPackage(data)
@@ -70,7 +70,7 @@ const [Modal, modalApi] = useVbenModal({
     if (!isOpen) {
       return;
     }
-    const data = modalApi.getData<SystemTenantPackageApi.SystemTenantPackage>();
+    const data = modalApi.getData<SystemTenantPackageApi.TenantPackage>();
     if (!data || !data.id) {
       return;
     }
@@ -89,7 +89,7 @@ async function loadMenuTree() {
   menuLoading.value = true;
   try {
     const data = await getMenuList();
-    menuTree.value = handleTree(data) as SystemDeptApi.SystemDept[];
+    menuTree.value = handleTree(data) as SystemDeptApi.Dept[];
   } finally {
     menuLoading.value = false;
   }
diff --git a/apps/web-antd/src/views/system/user/data.ts b/apps/web-antd/src/views/system/user/data.ts
index 573297602..d7f085a33 100644
--- a/apps/web-antd/src/views/system/user/data.ts
+++ b/apps/web-antd/src/views/system/user/data.ts
@@ -279,7 +279,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = SystemUserApi.SystemUser>(
+export function useGridColumns<T = SystemUserApi.User>(
   onActionClick: OnActionClickFn<T>,
   onStatusChange?: (
     newStatus: number,
diff --git a/apps/web-antd/src/views/system/user/index.vue b/apps/web-antd/src/views/system/user/index.vue
index 4c599416f..bf47f3a47 100644
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@@ -65,7 +65,7 @@ async function onExport() {
 
 /** 选择部门 */
 const searchDeptId = ref<number | undefined>(undefined);
-async function onDeptSelect(dept: SystemDeptApi.SystemDept) {
+async function onDeptSelect(dept: SystemDeptApi.Dept) {
   searchDeptId.value = dept.id;
   onRefresh();
 }
@@ -81,12 +81,12 @@ function onImport() {
 }
 
 /** 编辑用户 */
-function onEdit(row: SystemUserApi.SystemUser) {
+function onEdit(row: SystemUserApi.User) {
   formModalApi.setData(row).open();
 }
 
 /** 删除用户 */
-async function onDelete(row: SystemUserApi.SystemUser) {
+async function onDelete(row: SystemUserApi.User) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.username]),
     duration: 0,
@@ -105,12 +105,12 @@ async function onDelete(row: SystemUserApi.SystemUser) {
 }
 
 /** 重置密码 */
-function onResetPassword(row: SystemUserApi.SystemUser) {
+function onResetPassword(row: SystemUserApi.User) {
   resetPasswordModalApi.setData(row).open();
 }
 
 /** 分配角色 */
-function onAssignRole(row: SystemUserApi.SystemUser) {
+function onAssignRole(row: SystemUserApi.User) {
   assignRoleModalApi.setData(row).open();
 }
 
@@ -118,7 +118,7 @@ function onAssignRole(row: SystemUserApi.SystemUser) {
 /** 更新用户状态 */
 async function onStatusChange(
   newStatus: number,
-  row: SystemUserApi.SystemUser,
+  row: SystemUserApi.User,
 ): Promise<boolean | undefined> {
   return new Promise((resolve, reject) => {
     Modal.confirm({
@@ -147,10 +147,7 @@ async function onStatusChange(
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<SystemUserApi.SystemUser>) {
+function onActionClick({ code, row }: OnActionClickParams<SystemUserApi.User>) {
   switch (code) {
     case 'assign-role': {
       onAssignRole(row);
@@ -198,7 +195,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<SystemUserApi.SystemUser>,
+  } as VxeTableGridOptions<SystemUserApi.User>,
 });
 </script>
 
diff --git a/apps/web-antd/src/views/system/user/modules/assign-role-form.vue b/apps/web-antd/src/views/system/user/modules/assign-role-form.vue
index 925867ab9..1912ab1bc 100644
--- a/apps/web-antd/src/views/system/user/modules/assign-role-form.vue
+++ b/apps/web-antd/src/views/system/user/modules/assign-role-form.vue
@@ -48,7 +48,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemUserApi.SystemUser>();
+    const data = modalApi.getData<SystemUserApi.User>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/user/modules/dept-tree.vue b/apps/web-antd/src/views/system/user/modules/dept-tree.vue
index 2163d8862..3184e5e41 100644
--- a/apps/web-antd/src/views/system/user/modules/dept-tree.vue
+++ b/apps/web-antd/src/views/system/user/modules/dept-tree.vue
@@ -11,7 +11,7 @@ import { getSimpleDeptList } from '#/api/system/dept';
 import { handleTree } from '#/utils/tree';
 
 const emit = defineEmits(['select']);
-const deptList = ref<SystemDeptApi.SystemDept[]>([]); // 部门列表
+const deptList = ref<SystemDeptApi.Dept[]>([]); // 部门列表
 const deptTree = ref<any[]>([]); // 部门树
 const expandedKeys = ref<number[]>([]); // 展开的节点
 const loading = ref(false); // 加载状态
diff --git a/apps/web-antd/src/views/system/user/modules/form.vue b/apps/web-antd/src/views/system/user/modules/form.vue
index b552341dd..a5433a71c 100644
--- a/apps/web-antd/src/views/system/user/modules/form.vue
+++ b/apps/web-antd/src/views/system/user/modules/form.vue
@@ -14,7 +14,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemUserApi.SystemUser>();
+const formData = ref<SystemUserApi.User>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['用户'])
@@ -35,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as SystemUserApi.SystemUser;
+    const data = (await formApi.getValues()) as SystemUserApi.User;
     try {
       await (formData.value?.id ? updateUser(data) : createUser(data));
       // 关闭并提示
@@ -54,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemUserApi.SystemUser>();
+    const data = modalApi.getData<SystemUserApi.User>();
     if (!data || !data.id) {
       return;
     }
diff --git a/apps/web-antd/src/views/system/user/modules/reset-password-form.vue b/apps/web-antd/src/views/system/user/modules/reset-password-form.vue
index 833991540..7b1375e31 100644
--- a/apps/web-antd/src/views/system/user/modules/reset-password-form.vue
+++ b/apps/web-antd/src/views/system/user/modules/reset-password-form.vue
@@ -45,7 +45,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemUserApi.SystemUser>();
+    const data = modalApi.getData<SystemUserApi.User>();
     if (!data || !data.id) {
       return;
     }