From f47ff981600d8d153f613c23fa27e250a75e6868 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 14 Jan 2026 16:44:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(analytics):=20=E4=BF=AE=E5=A4=8D=E5=88=86?=
 =?UTF-8?q?=E6=9E=90=E9=A1=B5=E9=9D=A2=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=B9=B6=E6=9B=B4=E6=96=B0=E5=8F=98=E6=9B=B4=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加Spin组件处理Markdown预览加载状态
更新change.md文档，移除已废弃组件并添加已知问题
---
 .../src/views/dashboard/analytics/change.md         |  6 ++++++
 .../src/views/dashboard/analytics/index.vue         | 13 +++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/dashboard/analytics/change.md b/apps/web-antd/src/views/dashboard/analytics/change.md
index 7b9e7a50..101eac6a 100644
--- a/apps/web-antd/src/views/dashboard/analytics/change.md
+++ b/apps/web-antd/src/views/dashboard/analytics/change.md
@@ -9,7 +9,13 @@
 - modal/drawer支持blur效果
 - 支持颜色与变体 需要绿色按钮？不用再写css了[Button 组件](https://ant.design/components/button-cn#button-demo-color-variant)
 - 支持颜色选择器[ColorPicker 组件](https://ant.design/components/color-picker-cn) 这个也是从antd5就开始有了 vue一直没有
+- 一些xxxItem组件 如`DescriotionsItem` `MenuItem` `TimeLineItem` 已经移除 使用对应父组件的`items`属性代替
 
 ## 框架级别的变化
 
 - message/modal/notification直接导入使用(静态方法)无法获取context 即主题/国际化无效 需要通过`window.xxx`进行调用
+
+## 已知问题
+
+- 夜间模式切换 antd组件不会跟随切换(dev是正常的 打包后会有问题) 等待antdv-next更新
+- message的duration无效
diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue
index 86a8a4c3..5faf6671 100644
--- a/apps/web-antd/src/views/dashboard/analytics/index.vue
+++ b/apps/web-antd/src/views/dashboard/analytics/index.vue
@@ -2,6 +2,8 @@
 import type { AnalysisOverviewItem } from '@vben/common-ui';
 import type { TabOption } from '@vben/types';
 
+import { ref } from 'vue';
+
 import {
   AnalysisChartCard,
   AnalysisChartsTabs,
@@ -15,7 +17,7 @@ import {
   SvgDownloadIcon,
 } from '@vben/icons';
 
-import { Alert } from 'antdv-next';
+import { Alert, Spin } from 'antdv-next';
 
 import AnalyticsTrends from './analytics-trends.vue';
 import AnalyticsVisitsData from './analytics-visits-data.vue';
@@ -72,6 +74,8 @@ function handleClick() {
     description: 'ant design',
   });
 }
+
+const loading = ref(true);
 </script>
 
 <template>
@@ -85,7 +89,12 @@ function handleClick() {
       </template>
     </Alert>
 
-    <MarkdownPreviewer v-model:value="md" />
+    <Spin :spinning="loading">
+      <MarkdownPreviewer
+        v-model:value="md"
+        @mounted="() => (loading = false)"
+      />
+    </Spin>
 
     <AnalysisOverview :items="overviewItems" />
     <AnalysisChartsTabs :tabs="chartTabs" class="mt-5">