From cac0fdf858d18556c2e6c3047389e72ed77ce6b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AD=90=E9=BB=98?= <925456043@qq.com>
Date: Wed, 11 Mar 2026 22:06:14 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E7=BB=84=E4=BB=B6=E4=B8=BA=E6=8C=89=E9=9C=80=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

- 在聊天与会话页面改为局部引入对应组件
---
 easyflow-ui-admin/app/src/bootstrap.ts              | 13 -------------
 easyflow-ui-admin/app/src/components/chat/chat.vue  |  7 +++++--
 .../app/src/views/ai/bots/pages/Run.vue             |  1 +
 .../app/src/views/publicChat/index.vue              |  1 +
 4 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/easyflow-ui-admin/app/src/bootstrap.ts b/easyflow-ui-admin/app/src/bootstrap.ts
index f3cfe54..b1dac52 100644
--- a/easyflow-ui-admin/app/src/bootstrap.ts
+++ b/easyflow-ui-admin/app/src/bootstrap.ts
@@ -1,11 +1,4 @@
 import { createApp, watchEffect } from 'vue';
-import {
-  BubbleList,
-  Conversations,
-  Sender,
-  Thinking,
-  XMarkdown,
-} from 'vue-element-plus-x';
 
 import { registerAccessDirective } from '@easyflow/access';
 import {
@@ -49,12 +42,6 @@ async function bootstrap(namespace: string) {
   // 注册Element Plus提供的v-loading指令
   app.directive('loading', ElLoading.directive);
 
-  app.component('ElBubbleList', BubbleList);
-  app.component('ElConversations', Conversations);
-  app.component('ElSender', Sender);
-  app.component('ElXMarkdown', XMarkdown);
-  app.component('ElThinking', Thinking);
-
   // 注册EasyFlow提供的v-loading和v-spinning指令
   registerLoadingDirective(app, {
     loading: false, // EasyFlow提供的v-loading指令和Element Plus提供的v-loading指令二选一即可，此处false表示不注册EasyFlow提供的v-loading指令
diff --git a/easyflow-ui-admin/app/src/components/chat/chat.vue b/easyflow-ui-admin/app/src/components/chat/chat.vue
index 6856a7a..ab9c51a 100644
--- a/easyflow-ui-admin/app/src/components/chat/chat.vue
+++ b/easyflow-ui-admin/app/src/components/chat/chat.vue
@@ -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;
diff --git a/easyflow-ui-admin/app/src/views/ai/bots/pages/Run.vue b/easyflow-ui-admin/app/src/views/ai/bots/pages/Run.vue
index 67d90ea..7df0e3a 100644
--- a/easyflow-ui-admin/app/src/views/ai/bots/pages/Run.vue
+++ b/easyflow-ui-admin/app/src/views/ai/bots/pages/Run.vue
@@ -3,6 +3,7 @@ import type { BotInfo, Session } from '@easyflow/types';
 
 import { onMounted, ref, watchEffect } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
+import ElConversations from 'vue-element-plus-x/es/Conversations/index.js';
 
 import { IconifyIcon } from '@easyflow/icons';
 import { preferences } from '@easyflow/preferences';
diff --git a/easyflow-ui-admin/app/src/views/publicChat/index.vue b/easyflow-ui-admin/app/src/views/publicChat/index.vue
index c6d2ea7..e0b44e0 100644
--- a/easyflow-ui-admin/app/src/views/publicChat/index.vue
+++ b/easyflow-ui-admin/app/src/views/publicChat/index.vue
@@ -4,6 +4,7 @@ import type {ServerSentEventMessage} from 'fetch-event-stream';
 
 import {computed, nextTick, onBeforeUnmount, onMounted, ref, watch} from 'vue';
 import {useRoute} from 'vue-router';
+import ElXMarkdown from 'vue-element-plus-x/es/XMarkdown/index.js';
 
 import {IconifyIcon} from '@easyflow/icons';
 import {$t} from '@easyflow/locales';