Merge pull request #52 from OVINC-CN/feat_icon

feat(model): add icon display
OVINC-CN · Dec 30, 2024 · 8c54165 · 8c54165
2 parents 2232603 + 9661542
commit 8c54165
Show file tree

Hide file tree

Showing 9 changed files with 55 additions and 26 deletions.
diff --git a/public/extra-assets/img/anthropic.webp b/public/extra-assets/img/anthropic.webp
diff --git a/public/extra-assets/img/deepseek.webp b/public/extra-assets/img/deepseek.webp
diff --git a/public/extra-assets/img/gemini.svg b/public/extra-assets/img/gemini.svg
diff --git a/public/extra-assets/img/hunyuan.svg b/public/extra-assets/img/hunyuan.svg
diff --git a/public/extra-assets/img/midjourney.svg b/public/extra-assets/img/midjourney.svg
diff --git a/public/extra-assets/img/openai.webp b/public/extra-assets/img/openai.webp
diff --git a/public/extra-assets/img/qwen.webp b/public/extra-assets/img/qwen.webp
diff --git a/public/extra-assets/img/zhipu.svg b/public/extra-assets/img/zhipu.svg
diff --git a/src/components/ChatInput.vue b/src/components/ChatInput.vue
@@ -709,33 +709,44 @@ defineExpose({reGenerate, promptForm});
             :value="item.id"
             :label="item.name"
           >
-            <a-space
-              :size="2"
-            >
-              <span>
-                {{ item.name }}
-              </span>
-              <a-tag
-                v-if="item.config.support_system_define"
-                size="small"
-                color="orange"
-              >
-                {{ $t('SupportSystemDefine') }}
-              </a-tag>
-              <a-tag
-                v-if="item.config.support_vision"
-                size="small"
-                color="blue"
+            <a-space :size="8">
+              <a-space
+                class="model-select-model-detail-space"
+                :size="8"
               >
-                {{ $t('SupportVision') }}
-              </a-tag>
-              <a-tag
-                v-if="item.config.is_vision"
-                size="small"
-                color="magenta"
-              >
-                {{ $t('SupportImageGenerate') }}
-              </a-tag>
+                <div>
+                  <a-avatar
+                    style="background: unset;"
+                    :size="18"
+                    :image-url="item.icon || '/favicon.ico'"
+                    object-fit="cover"
+                  />
+                </div>
+                {{ item.name }}
+              </a-space>
+              <a-space :size="2">
+                <a-tag
+                  v-if="item.config.support_system_define"
+                  size="small"
+                  color="orange"
+                >
+                  {{ $t('SupportSystemDefine') }}
+                </a-tag>
+                <a-tag
+                  v-if="item.config.support_vision"
+                  size="small"
+                  color="blue"
+                >
+                  {{ $t('SupportVision') }}
+                </a-tag>
+                <a-tag
+                  v-if="item.config.is_vision"
+                  size="small"
+                  color="magenta"
+                >
+                  {{ $t('SupportImageGenerate') }}
+                </a-tag>
+              </a-space>
             </a-space>
           </a-option>
         </a-select>
@@ -825,4 +836,18 @@ defineExpose({reGenerate, promptForm});
 #chat-input-textarea {
   box-shadow: var(--shadow-special);
 }
+
+.model-select-model-detail-space :deep(.arco-avatar-image) {
+  line-height: 100%;
+}
+
+.model-select-model-detail-space > :deep(.arco-space-item) > div {
+  display: flex;
+  height: 20px;
+  width: 20px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 20px;
+  overflow: hidden;
+}
 </style>