From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/header/account-setting/model-provider-page/model-selector/popup.tsx | 74 +++++++++++-------------------------
1 files changed, 23 insertions(+), 51 deletions(-)
diff --git a/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx b/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
index 63849bd..1e43439 100644
--- a/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
+++ b/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
@@ -1,8 +1,6 @@
import type { FC } from 'react'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import { useState } from 'react'
import {
- RiArrowRightUpLine,
RiSearchLine,
} from '@remixicon/react'
import type {
@@ -10,78 +8,59 @@
Model,
ModelItem,
} from '../declarations'
-import { ModelFeatureEnum } from '../declarations'
import { useLanguage } from '../hooks'
import PopupItem from './popup-item'
import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
-import { useModalContext } from '@/context/modal-context'
-import { supportFunctionCall } from '@/utils/tool-call'
type PopupProps = {
defaultModel?: DefaultModel
modelList: Model[]
onSelect: (provider: string, model: ModelItem) => void
- scopeFeatures?: string[]
- onHide: () => void
}
const Popup: FC<PopupProps> = ({
defaultModel,
modelList,
onSelect,
- scopeFeatures = [],
- onHide,
}) => {
- const { t } = useTranslation()
const language = useLanguage()
const [searchText, setSearchText] = useState('')
- const { setShowAccountSettingModal } = useModalContext()
- const filteredModelList = useMemo(() => {
- return modelList.map((model) => {
- const filteredModels = model.models
- .filter((modelItem) => {
- if (modelItem.label[language] !== undefined)
- return modelItem.label[language].toLowerCase().includes(searchText.toLowerCase())
- return Object.values(modelItem.label).some(label =>
- label.toLowerCase().includes(searchText.toLowerCase()),
- )
- })
- .filter((modelItem) => {
- if (scopeFeatures.length === 0)
- return true
- return scopeFeatures.every((feature) => {
- if (feature === ModelFeatureEnum.toolCall)
- return supportFunctionCall(modelItem.features)
- return modelItem.features?.some(featureItem => featureItem === feature)
- })
- })
- return { ...model, models: filteredModels }
- }).filter(model => model.models.length > 0)
- }, [language, modelList, scopeFeatures, searchText])
+ const filteredModelList = modelList.map((model) => {
+ const filteredModels = model.models.filter((modelItem) => {
+ if (modelItem.label[language] !== undefined)
+ return modelItem.label[language].toLowerCase().includes(searchText.toLowerCase())
+
+ return Object.values(modelItem.label).some(label =>
+ label.toLowerCase().includes(searchText.toLowerCase()),
+ )
+ })
+
+ return { ...model, models: filteredModels }
+ }).filter(model => model.models.length > 0)
return (
- <div className='max-h-[480px] w-[320px] overflow-y-auto rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
- <div className='sticky top-0 z-10 bg-components-panel-bg pb-1 pl-3 pr-2 pt-3'>
+ <div className='w-[320px] max-h-[480px] rounded-lg border-[0.5px] border-gray-200 bg-white shadow-lg overflow-y-auto'>
+ <div className='sticky top-0 pl-3 pt-3 pr-2 pb-1 bg-white z-10'>
<div className={`
- flex h-8 items-center rounded-lg border pl-[9px] pr-[10px]
- ${searchText ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-transparent bg-components-input-bg-normal'}
+ flex items-center pl-[9px] pr-[10px] h-8 rounded-lg border
+ ${searchText ? 'bg-white border-gray-300 shadow-xs' : 'bg-gray-100 border-transparent'}
`}>
<RiSearchLine
className={`
- mr-[7px] h-[14px] w-[14px] shrink-0
- ${searchText ? 'text-text-tertiary' : 'text-text-quaternary'}
+ shrink-0 mr-[7px] w-[14px] h-[14px]
+ ${searchText ? 'text-gray-500' : 'text-gray-400'}
`}
/>
<input
- className='block h-[18px] grow appearance-none bg-transparent text-[13px] text-text-primary outline-none'
- placeholder={t('datasetSettings.form.searchModel') || ''}
+ className='block grow h-[18px] text-[13px] appearance-none outline-none bg-transparent'
+ placeholder='Search model'
value={searchText}
onChange={e => setSearchText(e.target.value)}
/>
{
searchText && (
<XCircle
- className='ml-1.5 h-[14px] w-[14px] shrink-0 cursor-pointer text-text-quaternary'
+ className='shrink-0 ml-1.5 w-[14px] h-[14px] text-gray-400 cursor-pointer'
onClick={() => setSearchText('')}
/>
)
@@ -101,18 +80,11 @@
}
{
!filteredModelList.length && (
- <div className='break-all px-3 py-1.5 text-center text-xs leading-[18px] text-text-tertiary'>
+ <div className='px-3 py-1.5 leading-[18px] text-center text-xs text-gray-500 break-all'>
{`No model found for 鈥�${searchText}鈥漙}
</div>
)
}
- </div>
- <div className='sticky bottom-0 flex cursor-pointer items-center rounded-b-lg border-t border-divider-subtle bg-components-panel-bg px-4 py-2 text-text-accent-light-mode-only' onClick={() => {
- onHide()
- setShowAccountSettingModal({ payload: 'provider' })
- }}>
- <span className='system-xs-medium'>{t('common.model.settingsLink')}</span>
- <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
</div>
</div>
)
--
Gitblit v1.8.0