From 24b1142738e42d7f5bec0cbe834c118e833ed57f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AD=90=E9=BB=98?= <925456043@qq.com>
Date: Mon, 27 Jul 2026 19:42:03 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=94=B6=E6=95=9B=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=8C=89=E9=9C=80=E5=8A=A0=E8=BD=BD=E4=B8=8E=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 延迟加载第三方登录组件并使用按需 SVG 图标入口

- 修复 CardList 图标依赖并整理组件格式
---
 .../app/src/components/ai-chat/AiMessage.vue  |  2 +-
 .../app/src/components/page/CardList.vue      | 12 ++-----
 .../ai/documentCollection/SegmenterDoc.vue    | 11 +++---
 .../src/views/dashboard/analytics/index.vue   |  2 +-
 .../chat-timeline/ChatKnowledgeCard.vue       | 35 +++++++++++--------
 .../src/ui/authentication/dingding-login.vue  |  2 +-
 .../common-ui/src/ui/authentication/login.vue |  7 ++--
 .../ui/authentication/third-party-login.vue   |  2 +-
 8 files changed, 38 insertions(+), 35 deletions(-)

diff --git a/easyflow-ui-admin/app/src/components/ai-chat/AiMessage.vue b/easyflow-ui-admin/app/src/components/ai-chat/AiMessage.vue
index 857f7575..e500ffcf 100644
--- a/easyflow-ui-admin/app/src/components/ai-chat/AiMessage.vue
+++ b/easyflow-ui-admin/app/src/components/ai-chat/AiMessage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type {AiChatMessage, AiToolApprovalPayload} from './types';
+import type { AiChatMessage, AiToolApprovalPayload } from './types';
 
 import AiErrorNotice from './AiErrorNotice.vue';
 import AiKnowledgeCard from './AiKnowledgeCard.vue';
diff --git a/easyflow-ui-admin/app/src/components/page/CardList.vue b/easyflow-ui-admin/app/src/components/page/CardList.vue
index 47fc21ab..3e0a8d64 100644
--- a/easyflow-ui-admin/app/src/components/page/CardList.vue
+++ b/easyflow-ui-admin/app/src/components/page/CardList.vue
@@ -4,6 +4,7 @@ import type { TagProps } from 'element-plus';
 import { computed } from 'vue';
 
 import { useAccess } from '@easyflow/access';
+import { IconifyIcon } from '@easyflow/icons';
 
 import { Loading, MoreFilled } from '@element-plus/icons-vue';
 import {
@@ -243,10 +244,7 @@ function resolveMetaItems(item: any) {
               </ElTag>
             </slot>
           </div>
-          <div
-            v-if="resolveMetaItems(item).length > 0"
-            class="card-meta-row"
-          >
+          <div v-if="resolveMetaItems(item).length > 0" class="card-meta-row">
             <span
               v-for="meta in resolveMetaItems(item)"
               :key="meta.label"
@@ -274,11 +272,7 @@ function resolveMetaItems(item: any) {
             </div>
           </div>
 
-          <div
-            v-if="hasVisibleActions(item)"
-            class="card-actions"
-            @click.stop
-          >
+          <div v-if="hasVisibleActions(item)" class="card-actions" @click.stop>
             <ElButton
               v-for="(action, actionIndex) in resolveInlineActions(item)"
               :key="`${item.id ?? index}-inline-${actionIndex}`"
diff --git a/easyflow-ui-admin/app/src/views/ai/documentCollection/SegmenterDoc.vue b/easyflow-ui-admin/app/src/views/ai/documentCollection/SegmenterDoc.vue
index 260642b9..3b1bf2bc 100644
--- a/easyflow-ui-admin/app/src/views/ai/documentCollection/SegmenterDoc.vue
+++ b/easyflow-ui-admin/app/src/views/ai/documentCollection/SegmenterDoc.vue
@@ -127,11 +127,12 @@ const strategyOptions = [
   },
 ];
 
-const fileExt = computed(() =>
-  String(props.documentTitle || '')
-    .split('.')
-    .pop()
-    ?.toLowerCase() || '',
+const fileExt = computed(
+  () =>
+    String(props.documentTitle || '')
+      .split('.')
+      .pop()
+      ?.toLowerCase() || '',
 );
 
 const isPptx = computed(() => fileExt.value === 'pptx');
diff --git a/easyflow-ui-admin/app/src/views/dashboard/analytics/index.vue b/easyflow-ui-admin/app/src/views/dashboard/analytics/index.vue
index 9c270c23..76bee859 100644
--- a/easyflow-ui-admin/app/src/views/dashboard/analytics/index.vue
+++ b/easyflow-ui-admin/app/src/views/dashboard/analytics/index.vue
@@ -12,7 +12,7 @@ import {
   SvgCakeIcon,
   SvgCardIcon,
   SvgDownloadIcon,
-} from '@easyflow/icons';
+} from '@easyflow/icons/svg';
 
 import AnalyticsTrends from './analytics-trends.vue';
 import AnalyticsVisitsData from './analytics-visits-data.vue';
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/components/chat-timeline/ChatKnowledgeCard.vue b/easyflow-ui-admin/packages/effects/common-ui/src/components/chat-timeline/ChatKnowledgeCard.vue
index 90192367..d34e326e 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/components/chat-timeline/ChatKnowledgeCard.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/components/chat-timeline/ChatKnowledgeCard.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import type {ChatTimelineKnowledgeHit} from './types';
+import type { ChatTimelineKnowledgeHit } from './types';
 
-import {BookOpenText, X} from '@easyflow/icons';
-import {computed, ref} from 'vue';
+import { computed, ref } from 'vue';
+
+import { BookOpenText, X } from '@easyflow/icons';
 
 interface KnowledgeCitation {
   id: string;
@@ -50,13 +51,15 @@ function resolveGroupKey(item: ChatTimelineKnowledgeHit, index: number) {
     return `faq:${label || asText(item.knowledgeId) || index}`;
   }
   const sourceName = asText(item.documentName) || sourceFileName(item);
-  return [
-    'doc',
-    sourceName || asText(item.sourceUri) || label || asText(item.documentId),
-    asText(item.knowledgeId),
-  ]
-    .filter(Boolean)
-    .join(':') || `doc:${index}`;
+  return (
+    [
+      'doc',
+      sourceName || asText(item.sourceUri) || label || asText(item.documentId),
+      asText(item.knowledgeId),
+    ]
+      .filter(Boolean)
+      .join(':') || `doc:${index}`
+  );
 }
 
 function formatScore(score: ChatTimelineKnowledgeHit['score']) {
@@ -65,7 +68,9 @@ function formatScore(score: ChatTimelineKnowledgeHit['score']) {
   }
   const numberValue = Number(score);
   if (Number.isFinite(numberValue)) {
-    return numberValue > 1 ? numberValue.toFixed(2) : `${Math.round(numberValue * 100)}%`;
+    return numberValue > 1
+      ? numberValue.toFixed(2)
+      : `${Math.round(numberValue * 100)}%`;
   }
   return String(score);
 }
@@ -97,8 +102,8 @@ const citations = computed<KnowledgeCitation[]>(() => {
   return [...groups.values()];
 });
 
-const activeCitation = computed(
-  () => citations.value.find((citation) => citation.id === activeId.value),
+const activeCitation = computed(() =>
+  citations.value.find((citation) => citation.id === activeId.value),
 );
 
 function toggleCitation(id: string) {
@@ -318,7 +323,7 @@ function toggleCitation(id: string) {
 .chat-knowledge-card__popover-meta span + span::before {
   margin-right: 6px;
   color: var(--el-border-color);
-  content: "·";
+  content: '·';
 }
 
 .chat-knowledge-card__close {
@@ -369,7 +374,7 @@ function toggleCitation(id: string) {
 .chat-knowledge-card__meta span + span::before {
   margin-right: 6px;
   color: var(--el-border-color);
-  content: "/";
+  content: '/';
 }
 
 .chat-knowledge-card__content {
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/dingding-login.vue b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/dingding-login.vue
index 87ee9bc2..8edcb416 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/dingding-login.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/dingding-login.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useRoute } from 'vue-router';
 
-import { SvgDingDingIcon } from '@easyflow/icons';
+import { SvgDingDingIcon } from '@easyflow/icons/svg';
 import { $t } from '@easyflow/locales';
 
 import { alert, useEasyFlowModal } from '@easyflow-core/popup-ui';
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/login.vue b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/login.vue
index 4376c86b..93b165a2 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/login.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/login.vue
@@ -5,7 +5,7 @@ import type { EasyFlowFormSchema } from '@easyflow-core/form-ui';
 
 import type { AuthenticationProps } from './types';
 
-import { computed, onMounted, reactive, ref } from 'vue';
+import { computed, defineAsyncComponent, onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { $t } from '@easyflow/locales';
@@ -14,7 +14,6 @@ import { useEasyFlowForm } from '@easyflow-core/form-ui';
 import { EasyFlowButton, EasyFlowCheckbox } from '@easyflow-core/shadcn-ui';
 
 import Title from './auth-title.vue';
-import ThirdPartyLogin from './third-party-login.vue';
 
 interface Props extends AuthenticationProps {
   formSchema?: EasyFlowFormSchema[];
@@ -47,6 +46,10 @@ const emit = defineEmits<{
   submit: [Recordable<any>];
 }>();
 
+const ThirdPartyLogin = defineAsyncComponent(
+  () => import('./third-party-login.vue'),
+);
+
 const [Form, formApi] = useEasyFlowForm(
   reactive({
     commonConfig: {
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/third-party-login.vue b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/third-party-login.vue
index 9525409c..cebbbc8e 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/third-party-login.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/ui/authentication/third-party-login.vue
@@ -5,7 +5,7 @@ import {
   SvgGoogleIcon,
   SvgQQChatIcon,
   SvgWeChatIcon,
-} from '@easyflow/icons';
+} from '@easyflow/icons/svg';
 import { $t } from '@easyflow/locales';
 
 import { EasyFlowIconButton } from '@easyflow-core/shadcn-ui';