Class NotificationManager

src/js/modules/notification-manager.js:8–153

import Logger from './logger.js';

class NotificationManager {
  constructor() {
    this.container = null;
    this.notifications = new Map();
    this.init();
  }

  /**
   * 初始化通知容器
   */
  init() {
    if (this.container) return;

    this.container = document.createElement('div');
    this.container.className = 'notification-container';
    this.container.setAttribute('aria-live', 'polite');
    this.container.setAttribute('aria-atomic', 'true');
    document.body.appendChild(this.container);
  }

  /**
   * 显示通知
   * @param {Object} options - 通知配置
   * @param {string} options.message - 通知消息
   * @param {string} options.type - 通知类型 (success|warning|error|info)
   * @param {number} options.duration - 持续时间(ms)，0表示不自动关闭
   * @param {boolean} options.closable - 是否可手动关闭
   */
  show({ message, type = 'info', duration = 5000, closable = true }) {
    const id = `notification-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
    const notification = this.createNotification(id, message, type, closable);

    this.container.appendChild(notification);
    this.notifications.set(id, notification);

    // 触发入场动画
    requestAnimationFrame(() => {
      notification.classList.add('show');
    });

    // 自动关闭
    if (duration > 0) {
      setTimeout(() => this.hide(id), duration);
    }

    Logger.log(`[Notification] ${type}: ${message}`);
    return id;
  }

  /**
   * 创建通知元素
   */
  createNotification(id, message, type, closable) {
    const notification = document.createElement('div');
    notification.className = `notification notification-${type}`;
    notification.setAttribute('role', 'alert');
    notification.setAttribute('data-id', id);