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'