@ng-mfe/notification

通知服务 — 提供消息提示、通知管理与确认对话框功能。

安装

npm install @ng-mfe/notification

用法

import { NotificationService } from '@ng-mfe/notification';

const notify = new NotificationService();

// 发送通知（返回通知 ID）
const id = notify.success('操作成功');
notify.error('保存失败', { duration: 5000 });
notify.warning('即将过期');
notify.info('新版本可用', { persistent: true });

// 管理通知
notify.markAsRead(id);
notify.markAllAsRead();
notify.dismiss(id);
notify.dismissAll();

// 查询
const all = notify.getNotifications();
const unread = notify.getUnreadCount();

// 确认对话框
notify.setConfirmHandler(async (message, options) => {
  return window.confirm(message);
});
const confirmed = await notify.confirm('确认删除？', {
  title: '警告',
  confirmText: '删除',
  cancelText: '取消',
});

// 监听变更
const unsub = notify.onChange(notifications => {
  console.log('通知列表已更新:', notifications);
});
unsub();

API 接口

• NotificationService — 通知管理服务
  • success(message, options?) / error(...) / warning(...) / info(...) — 发送通知，返回 ID
  • confirm(message, options?) — 弹出确认对话框
  • setConfirmHandler(handler) — 自定义确认对话框处理函数
  • dismiss(id) / dismissAll() — 关闭通知
  • markAsRead(id) / markAllAsRead() — 标记已读
  • getNotifications() — 获取通知列表
  • getUnreadCount() — 获取未读数量
  • onChange(handler) — 监听变更，返回取消订阅函数
• 类型：Notification、NotificationType、NotifyOptions、ConfirmOptions

文档

查看主 README 获取完整文档。