fix: use alibaba cloud icon for qwen provider
This commit is contained in:
@@ -0,0 +1 @@
|
||||
<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>AlibabaCloud</title><path d="M14.752 4.64h5.274C22.242 4.64 24 6.475 24 8.691V15.8a3.947 3.947 0 01-3.974 3.975h-5.274l1.299-1.835 3.822-1.222c.688-.23 1.146-.918 1.146-1.605v-5.81c0-.687-.458-1.375-1.146-1.605L16.05 6.475l-1.3-1.835zM2.98 15.111c0 .688.46 1.376 1.147 1.606l3.822 1.146 1.3 1.835H3.974A3.947 3.947 0 010 15.723V8.69c0-2.216 1.758-4.05 3.975-4.05h5.273L7.95 6.474 4.127 7.697c-.688.23-1.146.918-1.146 1.606v5.808z" fill="#FF6A00"></path><path d="M16.051 11.213H8.025v1.835h8.026v-1.835z" fill="#FF6A00"></path></svg>
|
||||
|
After Width: | Height: | Size: 656 B |
@@ -25,7 +25,7 @@ export default {
|
||||
'ai.provider.ollama': 'Ollama',
|
||||
'ai.provider.openai': 'OpenAI',
|
||||
'ai.provider.openrouter': 'OpenRouter',
|
||||
'ai.provider.qwen': 'Qwen',
|
||||
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
|
||||
'ai.provider.spark': 'Spark',
|
||||
'ai.provider.stepfun': 'StepFun',
|
||||
'ai.provider.together-ai': 'TogetherAI',
|
||||
|
||||
@@ -25,7 +25,7 @@ export default {
|
||||
'ai.provider.ollama': 'Ollama',
|
||||
'ai.provider.openai': 'OpenAI',
|
||||
'ai.provider.openrouter': 'OpenRouter',
|
||||
'ai.provider.qwen': 'Qwen',
|
||||
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
|
||||
'ai.provider.spark': 'Spark',
|
||||
'ai.provider.stepfun': 'StepFun',
|
||||
'ai.provider.together-ai': 'TogetherAI',
|
||||
|
||||
@@ -25,7 +25,7 @@ export default {
|
||||
'ai.provider.ollama': 'Ollama',
|
||||
'ai.provider.openai': 'OpenAI',
|
||||
'ai.provider.openrouter': 'OpenRouter',
|
||||
'ai.provider.qwen': 'Qwen',
|
||||
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
|
||||
'ai.provider.spark': 'Spark',
|
||||
'ai.provider.stepfun': 'StepFun',
|
||||
'ai.provider.together-ai': 'TogetherAI',
|
||||
|
||||
@@ -25,7 +25,7 @@ export default {
|
||||
'ai.provider.ollama': 'Ollama',
|
||||
'ai.provider.openai': 'OpenAI',
|
||||
'ai.provider.openrouter': 'OpenRouter',
|
||||
'ai.provider.qwen': 'Qwen',
|
||||
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
|
||||
'ai.provider.spark': 'Spark',
|
||||
'ai.provider.stepfun': 'StepFun',
|
||||
'ai.provider.together-ai': 'TogetherAI',
|
||||
|
||||
@@ -25,7 +25,7 @@ export default {
|
||||
'ai.provider.ollama': 'Ollama',
|
||||
'ai.provider.openai': 'OpenAI',
|
||||
'ai.provider.openrouter': 'OpenRouter',
|
||||
'ai.provider.qwen': '通义千问',
|
||||
'ai.provider.qwen': '阿里云百炼',
|
||||
'ai.provider.spark': '讯飞星火',
|
||||
'ai.provider.stepfun': '阶跃星辰',
|
||||
'ai.provider.together-ai': 'Together AI',
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import GPUStackLogo from '@/assets/images/small-logo-200x200.png';
|
||||
import ai360 from '@/assets/providers-logo/ai360.svg';
|
||||
import qwen from '@/assets/providers-logo/alibabacloud.svg';
|
||||
import azure from '@/assets/providers-logo/azureai.svg';
|
||||
import baichuan from '@/assets/providers-logo/baichuan.svg';
|
||||
import baiduCloud from '@/assets/providers-logo/baiducloud.svg';
|
||||
@@ -26,7 +27,6 @@ import triton from '@/assets/providers-logo/nvidia.svg';
|
||||
import ollama from '@/assets/providers-logo/ollama.svg';
|
||||
import openai from '@/assets/providers-logo/openai.svg';
|
||||
import openrouter from '@/assets/providers-logo/openrouter.svg';
|
||||
import qwen from '@/assets/providers-logo/qwen.svg';
|
||||
import spark from '@/assets/providers-logo/spark.svg';
|
||||
import stepfun from '@/assets/providers-logo/stepfun.svg';
|
||||
import togetherai from '@/assets/providers-logo/together.svg';
|
||||
|
||||
@@ -12,7 +12,9 @@ import ProviderLogo from '../components/provider-logo';
|
||||
import { useFormContext } from '../config/form-context';
|
||||
import { maasProviderOptions } from '../config/providers';
|
||||
import { FormData } from '../config/types';
|
||||
import providerTypeStyles from '../styles/provider-type.less';
|
||||
import ProviderConfigs from './provider-configs';
|
||||
|
||||
const Basic: React.FC<{
|
||||
onAPIKeyBlur?: (e: any) => void;
|
||||
}> = ({ onAPIKeyBlur }) => {
|
||||
@@ -38,6 +40,20 @@ const Basic: React.FC<{
|
||||
);
|
||||
};
|
||||
|
||||
const renderLogoPrefix = () => {
|
||||
const hasProvider = maasProviderOptions.some(
|
||||
(option) => option.value === providerType
|
||||
);
|
||||
if (hasProvider) {
|
||||
return (
|
||||
<div style={{ display: 'flex', alignItems: 'end', height: '100%' }}>
|
||||
<ProviderLogo provider={providerType as string} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Form.Item<FormData>
|
||||
@@ -73,9 +89,10 @@ const Basic: React.FC<{
|
||||
filterOption: filterOption
|
||||
}}
|
||||
required
|
||||
className={providerTypeStyles.providerType}
|
||||
prefix={renderLogoPrefix()}
|
||||
options={maasProviderOptions}
|
||||
optionRender={optionRender}
|
||||
labelRender={optionRender}
|
||||
label={intl.formatMessage({
|
||||
id: 'common.table.type'
|
||||
})}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
.providerType {
|
||||
:global {
|
||||
.ant-select-prefix {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
:global(input.ant-select-input) {
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user