Explorar o código

perf(base-卡2a): 6 处静态 import MiniChat 改 defineAsyncComponent 异步加载,首屏不再携带其重依赖

86132 hai 1 semana
pai
achega
1e683e3c41

+ 3 - 2
src/layouts/default/header/components/rightPositionBar.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, ref } from 'vue';
+  import { computed, defineAsyncComponent, ref } from 'vue';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useGlobSetting } from '/@/hooks/setting';
   import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
@@ -39,7 +39,8 @@
   import WeatherBroadcast from './weatherBroadcast.vue';
   import VoiceBroadcast from './VoiceBroadcast.vue';
   import VoiceBroadcastGsd from './VoiceBroadcastGsd.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖(echarts/@vue-office/markdown-vendor)
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import UserDropDown from './user-dropdown/index.vue';
   import AIOpenIcon from '/@/assets/images/ventAI/dataPicker/AI-open.svg';
   import AICloseIcon from '/@/assets/images/ventAI/dataPicker/AI-close.svg';

+ 3 - 2
src/views/vent/home/configurable/blue/components/content-FireNew.vue

@@ -108,7 +108,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import {
     CommonItem,
     Config,
@@ -134,7 +134,8 @@
   import QHCurve from '../../components/preset/QHCurve.vue';
   import MeasureDetail from '../../components/preset/MeasureDetail.vue';
   import CustomTabs from '../../components/preset/CustomTabs.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import DeviceAlarm from '../../components/preset/DeviceAlarm.vue';
   import MiniBoardNew from '../../components/detail/MiniBoard-New.vue';
   // import FIreWarn from './preset/FIreWarn.vue';

+ 3 - 2
src/views/vent/home/configurable/blue/components/content-New.vue

@@ -141,7 +141,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import {
     CommonItem,
     Config,
@@ -167,7 +167,8 @@
   import QHCurve from '../../components/preset/QHCurve.vue';
   import MeasureDetail from '../../components/preset/MeasureDetail.vue';
   import CustomTabs from '../../components/preset/CustomTabs.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import DeviceAlarm from '../../components/preset/DeviceAlarm.vue';
   import MiniBoardNew from '../../components/detail/MiniBoard-New.vue';
   import CustomTableNew from '../../components/detail/CustomTable-New.vue';

+ 3 - 2
src/views/vent/home/configurable/blue/components/content.vue

@@ -168,7 +168,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import {
     CommonItem,
     Config,
@@ -196,7 +196,8 @@
   import QHCurve from '../../components/preset/QHCurve.vue';
   import MeasureDetail from '../../components/preset/MeasureDetail.vue';
   import CustomTabs from '../../components/preset/CustomTabs.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import DeviceAlarm from '../../components/preset/DeviceAlarm.vue';
   import SelectCs from '../../components/preset/SelectCs.vue';
   import MiniBoardNew from '../../components/detail/MiniBoard-New.vue';

+ 3 - 2
src/views/vent/home/configurable/components/content-New.vue

@@ -141,7 +141,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import {
     CommonItem,
     Config,
@@ -167,7 +167,8 @@
   import QHCurve from './preset/QHCurve.vue';
   import MeasureDetail from './preset/MeasureDetail.vue';
   import CustomTabs from './preset/CustomTabs.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import DeviceAlarm from './preset/DeviceAlarm.vue';
   import MiniBoardNew from './detail/MiniBoard-New.vue';
   import CustomTableNew from './detail/CustomTable-New.vue';

+ 3 - 2
src/views/vent/home/configurable/green/components/content-green.vue

@@ -111,7 +111,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import { CommonItem, Config } from '../../../../deviceManager/configurationTable/types';
   import MiniBoard from './MiniBoard-green.vue';
   import ComplexList from './ComplexList-green.vue';
@@ -135,7 +135,8 @@
   import QHCurve from '../../components/preset/QHCurve.vue';
   import MeasureDetail from '../../components/preset/MeasureDetail.vue';
   import CustomTabs from '../../components/preset/CustomTabs.vue';
-  import AIChat from '/@/components/AIChat/MiniChat.vue';
+  // [perf-base-v1] 卡2a: MiniChat 异步化,首屏不加载其重依赖
+  const AIChat = defineAsyncComponent(() => import('/@/components/AIChat/MiniChat.vue'));
   import DeviceAlarm from '../../components/preset/DeviceAlarm.vue';
   import { config } from 'dotenv';