refactor: 调整聊天组件为按需引入

- 移除 bootstrap 中 vue-element-plus-x 全局组件注册

- 在聊天与会话页面改为局部引入对应组件
This commit is contained in:
2026-03-11 22:06:14 +08:00
parent 373d7f8201
commit cac0fdf858
4 changed files with 7 additions and 15 deletions

View File

@@ -1,5 +1,4 @@
<script setup lang="ts">
import type { Sender } from 'vue-element-plus-x';
import type {
BubbleListInstance,
BubbleListProps,
@@ -11,6 +10,10 @@ import type { BotInfo, ChatMessage } from '@easyflow/types';
import { nextTick, onBeforeUnmount, onMounted, ref, watch, watchEffect } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import ElBubbleList from 'vue-element-plus-x/es/BubbleList/index.js';
import ElSender from 'vue-element-plus-x/es/Sender/index.js';
import ElThinking from 'vue-element-plus-x/es/Thinking/index.js';
import ElXMarkdown from 'vue-element-plus-x/es/XMarkdown/index.js';
import { IconifyIcon } from '@easyflow/icons';
import { $t } from '@easyflow/locales';
@@ -85,7 +88,7 @@ const bubbleListRef = ref<BubbleListInstance>();
const messageContainerRef = ref<HTMLElement | null>(null);
const bubbleListScrollElement = ref<HTMLElement | null>(null);
const showBackToBottomButton = ref(false);
const senderRef = ref<InstanceType<typeof Sender>>();
const senderRef = ref<InstanceType<typeof ElSender>>();
const senderValue = ref('');
const sending = ref(false);
const BACK_TO_BOTTOM_THRESHOLD = 160;