diff --git a/web/src/helpers/render.js b/web/src/helpers/render.js index 6f00b914..00862b4a 100644 --- a/web/src/helpers/render.js +++ b/web/src/helpers/render.js @@ -31,6 +31,8 @@ import { Coze, SiliconCloud, FastGPT, + Kling, + Jimeng, } from '@lobehub/icons'; import { @@ -386,6 +388,10 @@ export function getChannelIcon(channelType) { return ; case 49: // Coze return ; + case 50: // 可灵 Kling + return ; + case 51: // 即梦 Jimeng + return ; case 8: // 自定义渠道 case 22: // 知识库:FastGPT return ; diff --git a/web/src/pages/Channel/EditChannel.js b/web/src/pages/Channel/EditChannel.js index 07d08221..0b1abfe3 100644 --- a/web/src/pages/Channel/EditChannel.js +++ b/web/src/pages/Channel/EditChannel.js @@ -1,4 +1,4 @@ -import React, { useEffect, useState, useRef } from 'react'; +import React, { useEffect, useState, useRef, useMemo } from 'react'; import { useNavigate } from 'react-router-dom'; import { useTranslation } from 'react-i18next'; import { @@ -27,7 +27,7 @@ import { Row, Col, } from '@douyinfe/semi-ui'; -import { getChannelModels, copy } from '../../helpers'; +import { getChannelModels, copy, getChannelIcon } from '../../helpers'; import { IconSave, IconClose, @@ -474,6 +474,20 @@ const EditChannel = (props) => { setBatch(!batch)}>{t('批量创建')} ) : null; + const channelOptionList = useMemo( + () => + CHANNEL_OPTIONS.map((opt) => ({ + ...opt, + label: ( + + {getChannelIcon(opt.value)} + {opt.label} + + ), + })), + [], + ); + return ( <> { label={t('类型')} placeholder={t('请选择渠道类型')} rules={[{ required: true, message: t('请选择渠道类型') }]} - optionList={CHANNEL_OPTIONS} + optionList={channelOptionList} style={{ width: '100%' }} filter searchPosition='dropdown'