refactor(auth): 移除登录成功后的测试通知代码

feat(analytics): 添加antdv-next变更说明文档和演示功能
This commit is contained in:
dap 2026-01-14 15:18:58 +08:00
parent bc8ee604fb
commit 35e8549dcc
3 changed files with 31 additions and 17 deletions

View File

@ -71,16 +71,6 @@ export const useAuthStore = defineStore('auth', () => {
duration: 3,
title: $t('authentication.loginSuccess'),
});
await new Promise((resolve) => setTimeout(resolve, 1000));
Array.from({ length: 5 }).forEach((_, index) => {
setTimeout(() => {
notification.success({
title: '新的notification样式',
description: '这是一条新的通知消息',
});
}, index * 900);
});
}
} finally {
loginLoading.value = false;

View File

@ -0,0 +1,11 @@
## 变化(跟ant-design-vue对比)
从ant design (react) v6移植过来 详细也可以看[antd的文档](https://ant.design/changelog-cn#600)
- 支持css变量 不用再写**deep**或者加权重来覆盖样式
- 支持`组件语义化结构` [组件语义化结构](https://ant.design/docs/blog/semantic-beauty-cn)
- notification的新样式 (这个从antd5都已经有了 vue一直没有)
- RadioGroup支持水波纹效果
- 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一直没有

View File

@ -6,6 +6,7 @@ import {
AnalysisChartCard,
AnalysisChartsTabs,
AnalysisOverview,
MarkdownPreviewer,
} from '@vben/common-ui';
import {
SvgBellIcon,
@ -14,13 +15,14 @@ import {
SvgDownloadIcon,
} from '@vben/icons';
import { Alert } from 'antdv-next';
import { Alert, notification } from 'antdv-next';
import AnalyticsTrends from './analytics-trends.vue';
import AnalyticsVisitsData from './analytics-visits-data.vue';
import AnalyticsVisitsSales from './analytics-visits-sales.vue';
import AnalyticsVisitsSource from './analytics-visits-source.vue';
import AnalyticsVisits from './analytics-visits.vue';
import md from './change.md?raw';
const overviewItems: AnalysisOverviewItem[] = [
{
@ -63,16 +65,27 @@ const chartTabs: TabOption[] = [
value: 'visits',
},
];
function handleClick() {
notification.success({
title: '新的 notification 样式',
description: 'ant design',
});
}
</script>
<template>
<div class="p-5">
<Alert
class="mb-5"
:show-icon="true"
type="success"
title="该分支使用antdv-next替代不维护的ant-design-vue"
/>
<Alert class="mb-5" :show-icon="true" type="success">
<template #message>
该分支使用antdv-next替代不维护的ant-design-vue
<a-button class="ml-2" size="small" type="primary" @click="handleClick">
疯狂点击
</a-button>
</template>
</Alert>
<MarkdownPreviewer v-model:value="md" />
<AnalysisOverview :items="overviewItems" />
<AnalysisChartsTabs :tabs="chartTabs" class="mt-5">