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-parameter-modal/parameter-item.tsx | 59 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 30 insertions(+), 29 deletions(-)
diff --git a/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx b/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
index 3e969d7..376a08c 100644
--- a/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
+++ b/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
@@ -10,7 +10,6 @@
import Radio from '@/app/components/base/radio'
import { SimpleSelect } from '@/app/components/base/select'
import TagInput from '@/app/components/base/tag-input'
-import { useTranslation } from 'react-i18next'
export type ParameterValue = number | string | string[] | boolean | undefined
@@ -18,6 +17,7 @@
parameterRule: ModelParameterRule
value?: ParameterValue
onChange?: (value: ParameterValue) => void
+ className?: string
onSwitch?: (checked: boolean, assignValue: ParameterValue) => void
isInWorkflow?: boolean
}
@@ -25,10 +25,10 @@
parameterRule,
value,
onChange,
+ className,
onSwitch,
isInWorkflow,
}) => {
- const { t } = useTranslation()
const language = useLanguage()
const [localValue, setLocalValue] = useState(value)
const numberInputRef = useRef<HTMLInputElement>(null)
@@ -39,7 +39,7 @@
if (parameterRule.type === 'int' || parameterRule.type === 'float')
defaultValue = isNullOrUndefined(parameterRule.default) ? (parameterRule.min || 0) : parameterRule.default
else if (parameterRule.type === 'string' || parameterRule.type === 'text')
- defaultValue = parameterRule.default || ''
+ defaultValue = parameterRule.options?.length ? (parameterRule.default || '') : (parameterRule.default || '')
else if (parameterRule.type === 'boolean')
defaultValue = !isNullOrUndefined(parameterRule.default) ? parameterRule.default : false
else if (parameterRule.type === 'tag')
@@ -134,6 +134,8 @@
step = 1
else if (parameterRule.max < 1000)
step = 10
+ else if (parameterRule.max < 10000)
+ step = 100
}
return (
@@ -148,7 +150,7 @@
/>}
<input
ref={numberInputRef}
- className='system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none'
+ className='shrink-0 block ml-4 pl-3 w-16 h-8 appearance-none outline-none rounded-lg bg-gray-100 text-[13px] text-gra-900'
type='number'
max={parameterRule.max}
min={parameterRule.min}
@@ -173,7 +175,7 @@
/>}
<input
ref={numberInputRef}
- className='system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none'
+ className='shrink-0 block ml-4 pl-3 w-16 h-8 appearance-none outline-none rounded-lg bg-gray-100 text-[13px] text-gra-900'
type='number'
max={parameterRule.max}
min={parameterRule.min}
@@ -188,12 +190,12 @@
if (parameterRule.type === 'boolean') {
return (
<Radio.Group
- className='flex w-[178px] items-center'
+ className='w-[200px] flex items-center'
value={renderValue ? 1 : 0}
onChange={handleRadioChange}
>
- <Radio value={1} className='w-[83px]'>True</Radio>
- <Radio value={0} className='w-[83px]'>False</Radio>
+ <Radio value={1} className='!mr-1 w-[94px]'>True</Radio>
+ <Radio value={0} className='w-[94px]'>False</Radio>
</Radio.Group>
)
}
@@ -201,7 +203,7 @@
if (parameterRule.type === 'string' && !parameterRule.options?.length) {
return (
<input
- className={cn(isInWorkflow ? 'w-[178px]' : 'w-full', 'system-sm-regular ml-4 flex h-8 appearance-none items-center rounded-lg bg-components-input-bg-normal px-3 text-components-input-text-filled outline-none')}
+ className={cn(isInWorkflow ? 'w-[200px]' : 'w-full', 'ml-4 flex items-center px-3 h-8 appearance-none outline-none rounded-lg bg-gray-100 text-[13px] text-gra-900')}
value={renderValue as string}
onChange={handleStringInputChange}
/>
@@ -211,7 +213,7 @@
if (parameterRule.type === 'text') {
return (
<textarea
- className='system-sm-regular ml-4 h-20 w-full rounded-lg bg-components-input-bg-normal px-1 text-components-input-text-filled'
+ className='w-full h-20 ml-4 px-1 rounded-lg bg-gray-100 outline-none text-[12px] text-gray-900'
value={renderValue as string}
onChange={handleStringInputChange}
/>
@@ -222,7 +224,7 @@
return (
<SimpleSelect
className='!py-0'
- wrapperClassName={cn('!h-8 w-full')}
+ wrapperClassName={cn(isInWorkflow ? '!w-[200px]' : 'w-full', 'ml-4 !h-8')}
defaultValue={renderValue as string}
onSelect={handleSelect}
items={parameterRule.options.map(option => ({ value: option, name: option }))}
@@ -232,7 +234,7 @@
if (parameterRule.type === 'tag') {
return (
- <div className={cn('!h-8 w-full')}>
+ <div className={cn(isInWorkflow ? 'w-[200px]' : 'w-full', 'ml-4')}>
<TagInput
items={renderValue as string[]}
onChange={handleTagChange}
@@ -247,22 +249,11 @@
}
return (
- <div className='mb-2 flex items-center justify-between'>
- <div className='shrink-0 basis-1/2'>
- <div className={cn('flex w-full shrink-0 items-center')}>
- {
- !parameterRule.required && parameterRule.name !== 'stop' && (
- <div className='mr-2 w-7'>
- <Switch
- defaultValue={!isNullOrUndefined(value)}
- onChange={handleSwitch}
- size='md'
- />
- </div>
- )
- }
+ <div className={`flex items-center justify-between ${className}`}>
+ <div>
+ <div className={cn(isInWorkflow ? 'w-[140px]' : 'w-full', 'ml-4 shrink-0 flex items-center')}>
<div
- className='system-xs-regular mr-0.5 truncate text-text-secondary'
+ className='mr-0.5 text-[13px] font-medium text-gray-700 truncate'
title={parameterRule.label[language] || parameterRule.label.en_US}
>
{parameterRule.label[language] || parameterRule.label.en_US}
@@ -271,17 +262,27 @@
parameterRule.help && (
<Tooltip
popupContent={(
- <div className='w-[178px] whitespace-pre-wrap'>{parameterRule.help[language] || parameterRule.help.en_US}</div>
+ <div className='w-[200px] whitespace-pre-wrap'>{parameterRule.help[language] || parameterRule.help.en_US}</div>
)}
popupClassName='mr-1'
triggerClassName='mr-1 w-4 h-4 shrink-0'
/>
)
}
+ {
+ !parameterRule.required && parameterRule.name !== 'stop' && (
+ <Switch
+ className='mr-1'
+ defaultValue={!isNullOrUndefined(value)}
+ onChange={handleSwitch}
+ size='md'
+ />
+ )
+ }
</div>
{
parameterRule.type === 'tag' && (
- <div className={cn(!isInWorkflow && 'w-[178px]', 'system-xs-regular text-text-tertiary')}>
+ <div className={cn(!isInWorkflow && 'w-[200px]', 'text-gray-400 text-xs font-normal')}>
{parameterRule?.tagPlaceholder?.[language]}
</div>
)
--
Gitblit v1.8.0