diff --git a/apps/web-antd/src/components/tree/src/helper.tsx b/apps/web-antd/src/components/tree/src/helper.tsx index 9e609dd3..ff700a98 100644 --- a/apps/web-antd/src/components/tree/src/helper.tsx +++ b/apps/web-antd/src/components/tree/src/helper.tsx @@ -155,7 +155,7 @@ function validateMenuTree(menu: MenuOption) { const description = `错误用法: [${menu.label} - 菜单]下不能放 目录/菜单 -> [${item.label}]`; console.warn(description); notification.warning({ - message: '提示', + title: '提示', description, duration: 0, }); @@ -172,7 +172,7 @@ function validateMenuTree(menu: MenuOption) { const description = `错误用法: [${menu.label} - 按钮]下不能放置'目录/菜单/按钮' -> [${item.label}]`; console.warn(description); notification.warning({ - message: '提示', + title: '提示', description, duration: 0, }); diff --git a/apps/web-antd/src/store/auth.ts b/apps/web-antd/src/store/auth.ts index eeac82f0..9e2c567d 100644 --- a/apps/web-antd/src/store/auth.ts +++ b/apps/web-antd/src/store/auth.ts @@ -69,7 +69,17 @@ export const useAuthStore = defineStore('auth', () => { notification.success({ description: `${$t('authentication.loginSuccessDesc')}:${userInfo?.realName}`, duration: 3, - message: $t('authentication.loginSuccess'), + 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 { diff --git a/apps/web-antd/src/store/notify.ts b/apps/web-antd/src/store/notify.ts index b5f5814f..52a9429f 100644 --- a/apps/web-antd/src/store/notify.ts +++ b/apps/web-antd/src/store/notify.ts @@ -5,6 +5,7 @@ import { computed, ref, watch } from 'vue'; import { SvgMessageUrl } from '@vben/icons'; import { $t } from '@vben/locales'; import { useUserStore } from '@vben/stores'; +import { buildUUID } from '@vben/utils'; import { Modal, notification } from 'antdv-next'; import dayjs from 'dayjs'; @@ -55,7 +56,7 @@ export const useNotifyStore = defineStore( notification.success({ description: message, duration: 3, - message: $t('component.notice.received'), + title: $t('component.notice.received'), }); notificationList.value.unshift({ @@ -66,6 +67,7 @@ export const useNotifyStore = defineStore( message, title: $t('component.notice.title'), userId: userId.value, + id: buildUUID(), }); // 需要手动置空 vue3在值相同时不会触发watch diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue index 5e3d6d28..00c20a08 100644 --- a/apps/web-antd/src/views/dashboard/analytics/index.vue +++ b/apps/web-antd/src/views/dashboard/analytics/index.vue @@ -14,6 +14,8 @@ import { SvgDownloadIcon, } from '@vben/icons'; +import { Alert } from 'antdv-next'; + import AnalyticsTrends from './analytics-trends.vue'; import AnalyticsVisitsData from './analytics-visits-data.vue'; import AnalyticsVisitsSales from './analytics-visits-sales.vue'; @@ -65,6 +67,13 @@ const chartTabs: TabOption[] = [