+
+
@@ -668,34 +671,44 @@ export default {
};
},
+ async processAndUploadImage(file) {
+ const formData = new FormData();
+ formData.append('file', file);
+
+ try {
+ const response = await axios.post('/api/chat/post_image', formData, {
+ headers: {
+ 'Content-Type': 'multipart/form-data'
+ }
+ });
+
+ const img = response.data.data.filename;
+ this.stagedImagesName.push(img); // Store just the filename
+ this.stagedImagesUrl.push(URL.createObjectURL(file)); // Create a blob URL for immediate display
+
+ } catch (err) {
+ console.error('Error uploading image:', err);
+ }
+ },
+
async handlePaste(event) {
console.log('Pasting image...');
const items = event.clipboardData.items;
for (let i = 0; i < items.length; i++) {
if (items[i].type.indexOf('image') !== -1) {
const file = items[i].getAsFile();
- const formData = new FormData();
- formData.append('file', file);
-
- try {
- const response = await axios.post('/api/chat/post_image', formData, {
- headers: {
- 'Content-Type': 'multipart/form-data'
- }
- });
-
- const img = response.data.data.filename;
- this.stagedImagesName.push(img); // Store just the filename
- this.stagedImagesUrl.push(URL.createObjectURL(file)); // Create a blob URL for immediate display
-
- } catch (err) {
- console.error('Error uploading image:', err);
- }
+ this.processAndUploadImage(file);
}
}
},
removeImage(index) {
+ // Revoke the blob URL to prevent memory leaks
+ const urlToRevoke = this.stagedImagesUrl[index];
+ if (urlToRevoke && urlToRevoke.startsWith('blob:')) {
+ URL.revokeObjectURL(urlToRevoke);
+ }
+
this.stagedImagesName.splice(index, 1);
this.stagedImagesUrl.splice(index, 1);
},
@@ -703,6 +716,21 @@ export default {
clearMessage() {
this.prompt = '';
},
+
+ triggerImageInput() {
+ this.$refs.imageInput.click();
+ },
+
+ handleFileSelect(event) {
+ const files = event.target.files;
+ if (files) {
+ for (const file of files) {
+ this.processAndUploadImage(file);
+ }
+ }
+ // Reset the input value to allow selecting the same file again
+ event.target.value = '';
+ },
getConversations() {
axios.get('/api/chat/conversations').then(response => {
this.conversations = response.data.data;
@@ -848,33 +876,42 @@ export default {
// URL is already updated in newConversation method
}
+ // 保存当前要发送的数据到临时变量
+ const promptToSend = this.prompt.trim();
+ const imageNamesToSend = [...this.stagedImagesName];
+ const audioNameToSend = this.stagedAudioUrl;
+
+ // 立即清空输入和附件预览
+ this.prompt = '';
+ this.stagedImagesName = [];
+ this.stagedImagesUrl = [];
+ this.stagedAudioUrl = "";
+
// Create a message object with actual URLs for display
const userMessage = {
type: 'user',
- message: this.prompt.trim(), // 使用 trim() 去除前后空格
+ message: promptToSend,
image_url: [],
audio_url: null
};
// Convert image filenames to blob URLs for display
- if (this.stagedImagesName.length > 0) {
- for (let i = 0; i < this.stagedImagesName.length; i++) {
- // If it's just a filename, get the blob URL
- if (!this.stagedImagesName[i].startsWith('blob:')) {
- const imgUrl = await this.getMediaFile(this.stagedImagesName[i]);
- userMessage.image_url.push(imgUrl);
- } else {
- userMessage.image_url.push(this.stagedImagesName[i]);
+ if (imageNamesToSend.length > 0) {
+ const imagePromises = imageNamesToSend.map(name => {
+ if (!name.startsWith('blob:')) {
+ return this.getMediaFile(name);
}
- }
+ return Promise.resolve(name);
+ });
+ userMessage.image_url = await Promise.all(imagePromises);
}
// Convert audio filename to blob URL for display
- if (this.stagedAudioUrl) {
- if (!this.stagedAudioUrl.startsWith('blob:')) {
- userMessage.audio_url = await this.getMediaFile(this.stagedAudioUrl);
+ if (audioNameToSend) {
+ if (!audioNameToSend.startsWith('blob:')) {
+ userMessage.audio_url = await this.getMediaFile(audioNameToSend);
} else {
- userMessage.audio_url = this.stagedAudioUrl;
+ userMessage.audio_url = audioNameToSend;
}
}
@@ -889,8 +926,6 @@ export default {
const selection = this.$refs.providerModelSelector?.getCurrentSelection();
const selectedProviderId = selection?.providerId || '';
const selectedModelName = selection?.modelName || '';
- let prompt = this.prompt.trim();
- this.prompt = ''; // 清空输入框
try {
const response = await fetch('/api/chat/send', {
@@ -900,10 +935,10 @@ export default {
'Authorization': 'Bearer ' + localStorage.getItem('token')
},
body: JSON.stringify({
- message: prompt,
+ message: promptToSend,
conversation_id: this.currCid,
- image_url: this.stagedImagesName,
- audio_url: this.stagedAudioUrl ? [this.stagedAudioUrl] : [],
+ image_url: imageNamesToSend,
+ audio_url: audioNameToSend ? [audioNameToSend] : [],
selected_provider: selectedProviderId,
selected_model: selectedModelName
})
@@ -1013,11 +1048,7 @@ export default {
}
}
- // Clear input after successful send
- this.prompt = '';
- this.stagedImagesName = [];
- this.stagedImagesUrl = [];
- this.stagedAudioUrl = "";
+ // Input and attachments are already cleared
this.loadingChat = false;
// get the latest conversations
diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
index 15ec44ca2..3f35d91d2 100644
--- a/dashboard/src/views/ConversationPage.vue
+++ b/dashboard/src/views/ConversationPage.vue
@@ -364,7 +364,6 @@ export default {
'telegram': 'blue-lighten-1',
'qq_official': 'purple-lighten-1',
'qq_official_webhook': 'purple-lighten-2',
- 'gewechat': 'green-lighten-1',
'aiocqhttp': 'deep-purple-lighten-1',
'lark': 'cyan-darken-1',
'wecom': 'green-darken-1',
diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 892034add..9d159990b 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -3,6 +3,7 @@ import ExtensionCard from '@/components/shared/ExtensionCard.vue';
import AstrBotConfig from '@/components/shared/AstrBotConfig.vue';
import ConsoleDisplayer from '@/components/shared/ConsoleDisplayer.vue';
import ReadmeDialog from '@/components/shared/ReadmeDialog.vue';
+import ProxySelector from '@/components/shared/ProxySelector.vue';
import axios from 'axios';
import { useCommonStore } from '@/stores/common';
import { useI18n, useModuleI18n } from '@/i18n/composables';
@@ -29,12 +30,12 @@ const extension_config = reactive({
config: {}
});
const pluginMarketData = ref([]);
- const loadingDialog = reactive({
- show: false,
- title: "",
- statusCode: 0, // 0: loading, 1: success, 2: error,
- result: ""
- });
+const loadingDialog = reactive({
+ show: false,
+ title: "",
+ statusCode: 0, // 0: loading, 1: success, 2: error,
+ result: ""
+});
const showPluginInfoDialog = ref(false);
const selectedPlugin = ref({});
const curr_namespace = ref("");
@@ -70,6 +71,7 @@ const uploadTab = ref('file');
const showPluginFullName = ref(false);
const marketSearch = ref("");
const filterKeys = ['name', 'desc', 'author'];
+const refreshingMarket = ref(false);
const plugin_handler_info_headers = computed(() => [
{ title: tm('table.headers.eventType'), key: 'event_type_h' },
@@ -184,8 +186,8 @@ const checkUpdate = () => {
if (matchedPlugin) {
extension.online_version = matchedPlugin.version;
- extension.has_update = extension.version !== matchedPlugin.version &&
- matchedPlugin.version !== tm('status.unknown');
+ extension.has_update = extension.version !== matchedPlugin.version &&
+ matchedPlugin.version !== tm('status.unknown');
} else {
extension.has_update = false;
}
@@ -559,6 +561,25 @@ const newExtension = async () => {
}
};
+// 刷新插件市场数据
+const refreshPluginMarket = async () => {
+ refreshingMarket.value = true;
+ try {
+ // 强制刷新插件市场数据
+ const data = await commonStore.getPluginCollections(true);
+ pluginMarketData.value = data;
+ trimExtensionName();
+ checkAlreadyInstalled();
+ checkUpdate();
+
+ toast(tm('messages.refreshSuccess'), "success");
+ } catch (err) {
+ toast(tm('messages.refreshFailed') + " " + err, "error");
+ } finally {
+ refreshingMarket.value = false;
+ }
+};
+
// 生命周期
onMounted(async () => {
await getExtensions();
@@ -622,27 +643,12 @@ onMounted(async () => {
-
+
-
+
@@ -678,33 +684,32 @@ onMounted(async () => {
mdi-plus
{{ tm('buttons.install') }}
-
-
-
-
-
- mdi-alert-circle
-
-
-
-
-
-
- mdi-alert-circle
- {{ tm('dialogs.error.title') }}
-
-
- {{ extension_data.message }}
- {{ tm('dialogs.error.checkConsole') }}
-
-
-
- {{ tm('buttons.close') }}
-
-
-
-
+
+
+
+
+ mdi-alert-circle
+
+
+
+
+
+ mdi-alert-circle
+ {{ tm('dialogs.error.title') }}
+
+
+ {{ extension_data.message }}
+ {{ tm('dialogs.error.checkConsole') }}
+
+
+
+ {{ tm('buttons.close') }}
+
+
+
+
+
@@ -726,7 +731,8 @@ onMounted(async () => {
{{ item.name }}
- {{ tm('status.system') }}
+ {{ tm('status.system')
+ }}