fix(analytics): 修复分析页面加载状态并更新变更文档

添加Spin组件处理Markdown预览加载状态
更新change.md文档，移除已废弃组件并添加已知问题

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无效

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">