Merge branch 'feature/1.6-cx' into 'main'

feat: feature/1.6-Integrate custom model

See merge request apipark/APIPark!265

frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterModelConfig.tsx

@@ -10,7 +10,7 @@ import { DefaultOptionType } from 'antd/es/select'
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
 
 export type AiServiceRouterModelConfigHandle = {
-  save: () => Promise<{ id: string; config: string, type: string, provider: string }>
+  save: () => Promise<{ id: string; config: string; type: string; provider: string }>
 }
 
 export type AiServiceRouterModelConfigProps = {
@@ -49,7 +49,7 @@ const AiServiceRouterModelConfig = forwardRef<AiServiceRouterModelConfigHandle,
 
     /**
      * 获取本地模型列表
-     * @param setDefaultValue 
+     * @param setDefaultValue
      */
     const getLocalLlmList = (setDefaultValue?: boolean) => {
       fetchData<LocalLlmType[]>('simple/ai/models/local/configured', {
@@ -113,12 +113,11 @@ const AiServiceRouterModelConfig = forwardRef<AiServiceRouterModelConfigHandle,
         const { code, data, msg } = response
         if (code === STATUS_CODE.SUCCESS) {
           setProviderList(
-            data.providers
-              ?.map((x: SimpleAiProviderItem) => {
-                return { ...x, label: x.name, value: x.id }
-              })
+            data.providers?.map((x: SimpleAiProviderItem) => {
+              return { ...x, label: x.name, value: x.id }
+            })
           )
-        if (setDefaultValue && data.providers.length) {
+          if (setDefaultValue && data.providers.length) {
             const id = data.providers[0].id
             form.setFieldValue('provider', id)
             getLlmList(id)
@@ -179,9 +178,14 @@ const AiServiceRouterModelConfig = forwardRef<AiServiceRouterModelConfigHandle,
             rules={[{ required: true }]}
           >
             <Select
+              showSearch
               className="w-INPUT_NORMAL"
+              filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
               placeholder={$t(PLACEHOLDER.select)}
-              options={providerList}
+              options={providerList.map((x) => ({
+                ...x,
+                searchText: x.name.toLowerCase()
+              }))}
               onChange={(e) => {
                 getLlmList(e)
               }}
@@ -191,19 +195,20 @@ const AiServiceRouterModelConfig = forwardRef<AiServiceRouterModelConfigHandle,
 
         <Form.Item<AiServiceRouterModelConfigField> label={$t('模型')} name="id" rules={[{ required: true }]}>
           <Select
+            showSearch
             className="w-INPUT_NORMAL"
             placeholder={$t(PLACEHOLDER.select)}
-            options={
-              llmList?.map((x) => ({
-                value: x.id,
-                label: (
-                  <div className="flex items-center gap-[10px]" key={x.id}>
-                    <span>{x.name || x.id}</span>
-                    {modelType === 'online' && x?.scopes?.map((s: any) => <Tag>{s?.toLocaleUpperCase()}</Tag>)}
-                  </div>
-                )
-              }))
-            }
+            filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
+            options={llmList?.map((x) => ({
+              value: x.id,
+              label: (
+                <div className="flex items-center gap-[10px]" key={x.id}>
+                  <span>{x.name || x.id}</span>
+                  {modelType === 'online' && x?.scopes?.map((s: any) => <Tag>{s?.toLocaleUpperCase()}</Tag>)}
+                </div>
+              ),
+              searchText: x.name.toLowerCase()
+            }))}
             onChange={(e) => {
               form.setFieldValue('config', llmList.find((x) => x.id === e)?.config)
             }}

frontend/packages/core/src/pages/loadBalancing/AddModel.tsx

@@ -182,7 +182,9 @@ const AddLoadBalancingModel = forwardRef<LoadBalancingHandle>((props, ref: any)
       {modelType === 'online' && (
         <Form.Item<LoadModelDetailData> label={$t('模型供应商')} name="provider" rules={[{ required: true }]}>
           <Select
+            showSearch
             className="w-INPUT_NORMAL"
+            filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
             placeholder={$t(PLACEHOLDER.select)}
             loading={modelProviderLoading}
             options={modelProviderData?.map((x) => ({
@@ -191,7 +193,8 @@ const AddLoadBalancingModel = forwardRef<LoadBalancingHandle>((props, ref: any)
                 <div className="flex items-center gap-[10px]">
                   <span>{x.name}</span>
                 </div>
-              )
+              ),
+              searchText: x.name.toLowerCase()
             }))}
             onChange={(e) => {
               modelProviderChange(e)
@@ -201,8 +204,10 @@ const AddLoadBalancingModel = forwardRef<LoadBalancingHandle>((props, ref: any)
       )}
       <Form.Item label={$t('模型')} name="model" className="mt-[16px]" rules={[{ required: true }]}>
         <Select
+          showSearch
           className="w-INPUT_NORMAL"
           placeholder={$t(PLACEHOLDER.input)}
+          filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
           loading={llmListLoading}
           options={
             llmList?.map((x) => ({
@@ -212,7 +217,8 @@ const AddLoadBalancingModel = forwardRef<LoadBalancingHandle>((props, ref: any)
                     <span>{x.name || x.id}</span>
                     { modelType === 'online' &&x?.scopes?.map((s: any) => <Tag key={s}>{s?.toLocaleUpperCase()}</Tag>)}
                   </div>
-                )
+                ),
+                searchText: x.name.toLowerCase()
               }))
           }
           onChange={(value) => {

frontend/packages/core/src/pages/system/SystemConfig.tsx

@@ -450,9 +450,14 @@ const SystemConfig = forwardRef<SystemConfigHandle>((_, ref) => {
                 >
                   {providerOptionList && providerOptionList.length > 0 ? (
                     <Select
+                      showSearch
                       className="w-INPUT_NORMAL"
+                      filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
                       placeholder={$t(PLACEHOLDER.input)}
-                      options={providerOptionList}
+                      options={providerOptionList.map((x) => ({
+                        ...x,
+                        searchText: x.name.toLowerCase()
+                      }))}
                       onChange={(e) => {
                         modelProviderChange(e)
                       }}
@@ -467,7 +472,16 @@ const SystemConfig = forwardRef<SystemConfigHandle>((_, ref) => {
                   )}
                 </Form.Item>
                 <Form.Item<AiServiceConfigFieldType> label={$t('默认模型')} name="model" rules={[{ required: true }]}>
-                  <Select className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.input)} options={modelList}></Select>
+                  <Select
+                    showSearch
+                    filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
+                    className="w-INPUT_NORMAL"
+                    placeholder={$t(PLACEHOLDER.input)}
+                    options={modelList ? modelList.map((x) => ({
+                      ...x,
+                      searchText: x.name.toLowerCase()
+                    })) : []}
+                  ></Select>
                 </Form.Item>
               </>
             )}