fix(notification): 统一使用title属性替代message属性

refactor: 将notification的message属性替换为title属性以保持一致性
feat: 在登录成功时添加新的notification样式演示
docs: 添加antdv-next替换ant-design-vue的提示

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 {

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