mirror of
https://github.com/langgenius/dify.git
synced 2026-04-25 01:26:57 +08:00
bbe975c6bc
Signed-off-by: yyh <yuanyouhuilyz@gmail.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: CodingOnStar <hanxujiang@dify.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Coding On Star <447357187@qq.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: -LAN- <laipz8200@outlook.com> Co-authored-by: statxc <tyleradams93226@gmail.com>
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import type { ReactNode } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Button from '@/app/components/base/button'
|
|
import { Brush01 } from '@/app/components/base/icons/src/vender/solid/editor'
|
|
import { Scales02 } from '@/app/components/base/icons/src/vender/solid/FinanceAndECommerce'
|
|
import { Target04 } from '@/app/components/base/icons/src/vender/solid/general'
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from '@/app/components/base/ui/dropdown-menu'
|
|
import { TONE_LIST } from '@/config'
|
|
|
|
const toneI18nKeyMap = {
|
|
Creative: 'model.tone.Creative',
|
|
Balanced: 'model.tone.Balanced',
|
|
Precise: 'model.tone.Precise',
|
|
Custom: 'model.tone.Custom',
|
|
} as const
|
|
|
|
const TONE_ICONS: Record<number, ReactNode> = {
|
|
1: <Brush01 className="mr-2 h-[14px] w-[14px] text-[#6938EF]" />,
|
|
2: <Scales02 className="mr-2 h-[14px] w-[14px] text-indigo-600" />,
|
|
3: <Target04 className="mr-2 h-[14px] w-[14px] text-[#107569]" />,
|
|
}
|
|
|
|
type PresetsParameterProps = {
|
|
onSelect: (toneId: number) => void
|
|
}
|
|
|
|
function PresetsParameter({ onSelect }: PresetsParameterProps) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger
|
|
render={(
|
|
<Button
|
|
size="small"
|
|
variant="secondary"
|
|
className="data-[popup-open]:bg-state-base-hover"
|
|
/>
|
|
)}
|
|
>
|
|
{t('modelProvider.loadPresets', { ns: 'common' })}
|
|
<span className="i-ri-arrow-down-s-line ml-0.5 h-3.5 w-3.5" />
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent>
|
|
{TONE_LIST.slice(0, 3).map(tone => (
|
|
<DropdownMenuItem key={tone.id} onClick={() => onSelect(tone.id)}>
|
|
{TONE_ICONS[tone.id]}
|
|
{t(toneI18nKeyMap[tone.name], { ns: 'common' })}
|
|
</DropdownMenuItem>
|
|
))}
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
)
|
|
}
|
|
|
|
export default PresetsParameter
|