🚧 初步完成拓展管理页面

Author: Kyomotoi

frontend/src/client/api/schemas.gen.ts

@@ -55,6 +55,11 @@ export const AdapterSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string',
+      default: '0.0.0'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -238,6 +243,11 @@ export const DriverSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string',
+      default: '0.0.0'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -305,6 +315,36 @@ export const GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schem
     }
   } as const
 
+export const GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__Schema = {
+  title: 'GenericResponse[List[nb_cli_plugin_webui.app.models.base.ModuleInfo]]',
+  required: ['detail'],
+  type: 'object',
+  properties: {
+    detail: {
+      title: 'Detail',
+      type: 'array',
+      items: {
+        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
+      }
+    }
+  }
+} as const
+
+export const GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__Schema = {
+  title: 'GenericResponse[List[nb_cli_plugin_webui.app.models.base.Plugin]]',
+  required: ['detail'],
+  type: 'object',
+  properties: {
+    detail: {
+      title: 'Detail',
+      type: 'array',
+      items: {
+        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__Plugin'
+      }
+    }
+  }
+} as const
+
 export const GenericResponse_List_str__Schema = {
   title: 'GenericResponse[List[str]]',
   required: ['detail'],
@@ -940,6 +980,11 @@ export const nb_cli_plugin_webui__app__models__base__ModuleInfoSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string',
+      default: '0.0.0'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -1003,6 +1048,11 @@ export const nb_cli_plugin_webui__app__models__base__PluginSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string',
+      default: '0.0.0'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -1071,6 +1121,11 @@ export const nb_cli_plugin_webui__app__models__store__ModuleInfoSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string',
+      default: '0.0.0'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -1087,7 +1142,7 @@ export const nb_cli_plugin_webui__app__models__store__ModuleInfoSchema = {
 
 export const nb_cli_plugin_webui__app__models__store__PluginSchema = {
   title: 'Plugin',
-  required: ['valid', 'time', 'version', 'skip_test'],
+  required: ['version', 'valid', 'time', 'skip_test'],
   type: 'object',
   properties: {
     module_name: {
@@ -1141,6 +1196,10 @@ export const nb_cli_plugin_webui__app__models__store__PluginSchema = {
       type: 'boolean',
       default: false
     },
+    version: {
+      title: 'Version',
+      type: 'string'
+    },
     is_download: {
       title: 'Is Download',
       type: 'boolean',
@@ -1169,10 +1228,6 @@ export const nb_cli_plugin_webui__app__models__store__PluginSchema = {
       title: 'Time',
       type: 'string'
     },
-    version: {
-      title: 'Version',
-      type: 'string'
-    },
     skip_test: {
       title: 'Skip Test',
       type: 'boolean'

frontend/src/client/api/services.gen.ts

@@ -87,7 +87,16 @@ import type {
   ListProjectV1ProjectListGetResponse,
   CheckProjectTomlV1ProjectCheckTomlPostData,
   CheckProjectTomlV1ProjectCheckTomlPostError,
-  CheckProjectTomlV1ProjectCheckTomlPostResponse
+  CheckProjectTomlV1ProjectCheckTomlPostResponse,
+  GetPluginsV1ProjectPluginsGetData,
+  GetPluginsV1ProjectPluginsGetError,
+  GetPluginsV1ProjectPluginsGetResponse,
+  GetAdaptersV1ProjectAdaptersGetData,
+  GetAdaptersV1ProjectAdaptersGetError,
+  GetAdaptersV1ProjectAdaptersGetResponse,
+  GetDriversV1ProjectDriversGetData,
+  GetDriversV1ProjectDriversGetError,
+  GetDriversV1ProjectDriversGetResponse
 } from './types.gen'
 
 export const client = createClient(createConfig())
@@ -602,4 +611,55 @@ export class ProjectService {
       url: '/v1/project/check_toml'
     })
   }
+
+  /**
+   * Get Plugins
+   * - 获取实例的插件列表
+   */
+  public static getPluginsV1ProjectPluginsGet<ThrowOnError extends boolean = false>(
+    options: Options<GetPluginsV1ProjectPluginsGetData, ThrowOnError>
+  ) {
+    return (options?.client ?? client).get<
+      GetPluginsV1ProjectPluginsGetResponse,
+      GetPluginsV1ProjectPluginsGetError,
+      ThrowOnError
+    >({
+      ...options,
+      url: '/v1/project/plugins'
+    })
+  }
+
+  /**
+   * Get Adapters
+   * - 获取实例的适配器列表
+   */
+  public static getAdaptersV1ProjectAdaptersGet<ThrowOnError extends boolean = false>(
+    options: Options<GetAdaptersV1ProjectAdaptersGetData, ThrowOnError>
+  ) {
+    return (options?.client ?? client).get<
+      GetAdaptersV1ProjectAdaptersGetResponse,
+      GetAdaptersV1ProjectAdaptersGetError,
+      ThrowOnError
+    >({
+      ...options,
+      url: '/v1/project/adapters'
+    })
+  }
+
+  /**
+   * Get Drivers
+   * - 获取实例的驱动器列表
+   */
+  public static getDriversV1ProjectDriversGet<ThrowOnError extends boolean = false>(
+    options: Options<GetDriversV1ProjectDriversGetData, ThrowOnError>
+  ) {
+    return (options?.client ?? client).get<
+      GetDriversV1ProjectDriversGetResponse,
+      GetDriversV1ProjectDriversGetError,
+      ThrowOnError
+    >({
+      ...options,
+      url: '/v1/project/drivers'
+    })
+  }
 }

frontend/src/client/api/types.gen.ts

@@ -13,6 +13,7 @@ export type Adapter = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version?: string
   is_download?: boolean
 }
 
@@ -58,6 +59,7 @@ export type Driver = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version?: string
   is_download?: boolean
 }
 
@@ -77,6 +79,14 @@ export type GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schema
   detail: Array<ProcessLog>
 }
 
+export type GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__ = {
+  detail: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
+}
+
+export type GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__ = {
+  detail: Array<nb_cli_plugin_webui__app__models__base__Plugin>
+}
+
 export type GenericResponse_List_str__ = {
   detail: Array<string>
 }
@@ -245,6 +255,7 @@ export type nb_cli_plugin_webui__app__models__base__ModuleInfo = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version?: string
   is_download?: boolean
 }
 
@@ -261,6 +272,7 @@ export type nb_cli_plugin_webui__app__models__base__Plugin = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version?: string
   is_download?: boolean
   config?: {
     [key: string]: unknown
@@ -280,6 +292,7 @@ export type nb_cli_plugin_webui__app__models__store__ModuleInfo = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version?: string
   is_download?: boolean
   module_type?: 'module'
 }
@@ -303,6 +316,7 @@ export type nb_cli_plugin_webui__app__models__store__Plugin = {
   }
   tags?: Array<ModuleTag>
   is_official?: boolean
+  version: string
   is_download?: boolean
   config?: {
     [key: string]: unknown
@@ -311,7 +325,6 @@ export type nb_cli_plugin_webui__app__models__store__Plugin = {
   supported_adapters?: Array<string>
   valid: boolean
   time: string
-  version: string
   skip_test: boolean
   module_type?: 'plugin'
 }
@@ -634,3 +647,36 @@ export type CheckProjectTomlV1ProjectCheckTomlPostData = {
 export type CheckProjectTomlV1ProjectCheckTomlPostResponse = GenericResponse_ProjectTomlDetail_
 
 export type CheckProjectTomlV1ProjectCheckTomlPostError = HTTPValidationError
+
+export type GetPluginsV1ProjectPluginsGetData = {
+  query: {
+    project_id: string
+  }
+}
+
+export type GetPluginsV1ProjectPluginsGetResponse =
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__
+
+export type GetPluginsV1ProjectPluginsGetError = HTTPValidationError
+
+export type GetAdaptersV1ProjectAdaptersGetData = {
+  query: {
+    project_id: string
+  }
+}
+
+export type GetAdaptersV1ProjectAdaptersGetResponse =
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__
+
+export type GetAdaptersV1ProjectAdaptersGetError = HTTPValidationError
+
+export type GetDriversV1ProjectDriversGetData = {
+  query: {
+    project_id: string
+  }
+}
+
+export type GetDriversV1ProjectDriversGetResponse =
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__
+
+export type GetDriversV1ProjectDriversGetError = HTTPValidationError

frontend/src/client/utils.ts

@@ -32,3 +32,31 @@ export const generateURLForWebUI = (path: string, isWebsocket = false) => {
 export const sleep = (ms: number) => {
   return new Promise((resolve) => setTimeout(resolve, ms))
 }
+
+export const compareSemanticVersion = (v1: string, v2: string) => {
+  const parseVersion = (v: string) => {
+    const [main, pre] = v.split('-')
+    const parts = main.split('.').map(Number)
+    return { parts, pre: pre || null }
+  }
+
+  const v1Parsed = parseVersion(v1)
+  const v2Parsed = parseVersion(v2)
+
+  // 逐位比较主版本号
+  const maxLength = Math.max(v1Parsed.parts.length, v2Parsed.parts.length)
+  for (let i = 0; i < maxLength; i++) {
+    const part1 = v1Parsed.parts[i] || 0
+    const part2 = v2Parsed.parts[i] || 0
+
+    if (part1 > part2) return 1
+    if (part1 < part2) return -1
+  }
+
+  // 比较预发行版本
+  if (!v1Parsed.pre && v2Parsed.pre) return 1 // v1 是正式版，v2 是预发行版
+  if (v1Parsed.pre && !v2Parsed.pre) return -1 // v1 是预发行版，v2 是正式版
+  if (v1Parsed.pre && v2Parsed.pre) return v1Parsed.pre.localeCompare(v2Parsed.pre) // 按字典顺序比较预发行版本
+
+  return 0 // 完全相等
+}

frontend/src/router/client.ts

@@ -42,6 +42,15 @@ export const defaultRoutes: NavItem[] = [
       component: () => import('@/views/Store/StoreIndex.vue')
     }
   },
+  {
+    googleIcon: 'power',
+    name: '拓展管理',
+    routeData: {
+      path: '/extension',
+      name: 'ExtensionManage',
+      component: () => import('@/views/ExtensionManage/ExtensionManageIndex.vue')
+    }
+  },
   {
     googleIcon: 'settings',
     name: '实例设置',