Leaf/amber-web
5
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

增加 图片预览

Browse Source
This commit is contained in:
ivamp 2024-08-25 05:17:56 +08:00
parent db47e2cba9
commit 0303734bb8
3 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
package-lock.json generated
View File

@ -15,6 +15,7 @@
"big.js": "^6.2.1",
"core-js": "^3.37.1",
"eslint-plugin-prettier": "^5.2.1",
"js-base64": "^3.7.7",
"pinia-plugin-persistedstate": "^3.2.1",
"roboto-fontface": "*",
"vue": "^3.4.31",
@ -4632,6 +4633,12 @@
"jiti": "bin/jiti.js"
}
},
"node_modules/js-base64": {
"version": "3.7.7",
"resolved": "https://mirrors.cloud.tencent.com/npm/js-base64/-/js-base64-3.7.7.tgz",
"integrity": "sha512-7rCnleh0z2CkXhH67J8K1Ytz0b2Y+yxTPL+/KOJoa20hfnVQ/3/T6W/KflYI4bRHRagNeXeU2bkNGI3v1oS/lw==",
"license": "BSD-3-Clause"
},
"node_modules/js-tokens": {
"version": "9.0.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/js-tokens/-/js-tokens-9.0.0.tgz",

11
src/pages/chats/[id]/index.vue
View File

@ -13,6 +13,7 @@
<div v-if="message.role == 'assistant'">AI</div>
<div v-else-if="message.role == 'system'">系统</div>
<div v-else-if="message.role == 'image'" class="text-right">图片</div>
<div v-else-if="message.role == 'user'" class="text-right">用户</div>
<div v-else>
@ -32,6 +33,12 @@
<div v-else-if="message.role == 'user'" class="text-right">
<vue-markdown :source="message.content" />
</div>
<div v-else-if="message.role == 'image'" class="text-right">
<img
:src="imageBaseUrl + '/' + message.content + '/download'"
width="30%"
/>
</div>
<div v-else>
{{ message.content }}
</div>
@ -75,6 +82,8 @@ import VueMarkdown from "vue-markdown-render";
import router from "@/router";
import { useChatStore } from "@/stores/chat";
import { ApiV1ChatPublicChatIdMessagesGet200Response } from "@/api";
import config from "@/config/config";
const chatStore = useChatStore();
// @ts-ignore
@ -88,6 +97,8 @@ const toolName = ref("");
const toolError = ref(false);
const toolCalling = ref(false);
const imageBaseUrl = config.backend + "/api/v1/files";
function sendMessage() {
if (input.value !== "") {
toolError.value = false;

5
yarn.lock
View File

@ -2300,6 +2300,11 @@ jiti@^1.21.0:
resolved "https://mirrors.cloud.tencent.com/npm/jiti/-/jiti-1.21.6.tgz"
integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
js-base64@^3.7.7:
version "3.7.7"
resolved "https://mirrors.cloud.tencent.com/npm/js-base64/-/js-base64-3.7.7.tgz"
integrity sha512-7rCnleh0z2CkXhH67J8K1Ytz0b2Y+yxTPL+/KOJoa20hfnVQ/3/T6W/KflYI4bRHRagNeXeU2bkNGI3v1oS/lw==
js-tokens@^4.0.0:
version "4.0.0"
resolved "https://mirrors.cloud.tencent.com/npm/js-tokens/-/js-tokens-4.0.0.tgz"