@quantabit/notification-sdk 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1731 @@
+'use strict';
+
+var React = require('react');
+var sdkConfig = require('@quantabit/sdk-config');
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+function NotificationItem({
+  title,
+  message,
+  time,
+  avatar,
+  read = false,
+  type = 'info',
+  onRead,
+  onClick,
+  className = ''
+}) {
+  const typeColors = {
+    info: '#3b82f6',
+    success: '#22c55e',
+    warning: '#f59e0b',
+    error: '#ef4444'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qn-item ${className}`,
+    onClick: () => {
+      onClick?.();
+      onRead?.();
+    },
+    style: {
+      display: 'flex',
+      gap: 12,
+      padding: '12px 20px',
+      cursor: 'pointer',
+      transition: 'all 0.15s',
+      background: read ? 'transparent' : 'rgba(59,130,246,0.02)',
+      borderBottom: '1px solid #f4f4f5'
+    }
+  }, avatar ? /*#__PURE__*/React.createElement("img", {
+    src: avatar,
+    style: {
+      width: 36,
+      height: 36,
+      borderRadius: '50%',
+      objectFit: 'cover',
+      flexShrink: 0
+    },
+    alt: ""
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 36,
+      height: 36,
+      borderRadius: '50%',
+      background: typeColors[type] + '18',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: '50%',
+      background: typeColors[type]
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 13,
+      fontWeight: read ? 400 : 600,
+      color: '#18181b',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }, title), message && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: '#71717a',
+      marginTop: 2,
+      lineHeight: 1.4,
+      display: '-webkit-box',
+      WebkitLineClamp: 2,
+      WebkitBoxOrient: 'vertical',
+      overflow: 'hidden'
+    }
+  }, message), time && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 11,
+      color: '#a1a1aa',
+      marginTop: 4
+    }
+  }, time)), !read && /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 6,
+      height: 6,
+      borderRadius: '50%',
+      background: '#3b82f6',
+      flexShrink: 0,
+      marginTop: 4
+    }
+  }));
+}
+
+function NotificationCenter({
+  notifications = [],
+  onRead,
+  onReadAll,
+  onClear,
+  title = 'Notifications',
+  emptyText = 'No notifications',
+  className = ''
+}) {
+  const unread = notifications.filter(n => !n.read).length;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qn-center ${className}`,
+    style: {
+      width: 360,
+      background: '#fff',
+      borderRadius: 16,
+      boxShadow: '0 12px 48px rgba(0,0,0,0.12)',
+      border: '1px solid #e4e4e7',
+      overflow: 'hidden',
+      fontFamily: "-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      padding: '16px 20px',
+      borderBottom: '1px solid #f4f4f5'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 16,
+      fontWeight: 700
+    }
+  }, title), unread > 0 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 11,
+      fontWeight: 700,
+      background: '#ef4444',
+      color: '#fff',
+      borderRadius: 10,
+      padding: '1px 7px'
+    }
+  }, unread)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 8
+    }
+  }, onReadAll && /*#__PURE__*/React.createElement("button", {
+    onClick: onReadAll,
+    style: {
+      border: 'none',
+      background: 'none',
+      cursor: 'pointer',
+      fontSize: 12,
+      color: '#3b82f6',
+      fontWeight: 500
+    }
+  }, "Mark all read"), onClear && /*#__PURE__*/React.createElement("button", {
+    onClick: onClear,
+    style: {
+      border: 'none',
+      background: 'none',
+      cursor: 'pointer',
+      fontSize: 12,
+      color: '#a1a1aa'
+    }
+  }, "Clear"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxHeight: 400,
+      overflowY: 'auto'
+    }
+  }, notifications.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 40,
+      textAlign: 'center',
+      color: '#a1a1aa',
+      fontSize: 13
+    }
+  }, emptyText) : notifications.map((n, i) => /*#__PURE__*/React.createElement(NotificationItem, _extends({
+    key: n.id || i
+  }, n, {
+    onRead: () => onRead?.(n.id || i)
+  })))));
+}
+
+function NotificationBell({
+  notifications = [],
+  onRead,
+  onReadAll,
+  onClear,
+  size = 20,
+  className = ''
+}) {
+  const [open, setOpen] = React.useState(false);
+  const unread = notifications.filter(n => !n.read).length;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative',
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setOpen(!open),
+    className: `qn-bell ${className}`,
+    style: {
+      position: 'relative',
+      border: 'none',
+      background: 'transparent',
+      cursor: 'pointer',
+      padding: 8,
+      borderRadius: 8,
+      transition: 'all 0.2s'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0"
+  })), unread > 0 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: 'absolute',
+      top: 2,
+      right: 2,
+      width: 16,
+      height: 16,
+      borderRadius: '50%',
+      background: '#ef4444',
+      color: '#fff',
+      fontSize: 10,
+      fontWeight: 700,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      border: '2px solid #fff'
+    }
+  }, unread > 9 ? '9+' : unread)), open && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: '100%',
+      right: 0,
+      marginTop: 8,
+      zIndex: 9999
+    }
+  }, /*#__PURE__*/React.createElement(NotificationCenter, {
+    notifications: notifications,
+    onRead: onRead,
+    onReadAll: onReadAll,
+    onClear: onClear
+  })));
+}
+
+/**
+ * Notification SDK - API 客户端
+ * 通知系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 通知 API 客户端
+ */
+class NotificationApiClient extends sdkConfig.BaseApiClient {
+  constructor(config = {}) {
+    super('/notification', config);
+  }
+
+  // ============ 通知查询 ============
+
+  /**
+   * 获取通知列表
+   * @param {Object} params - 查询参数
+   */
+  async getNotifications(params = {}) {
+    return this.get('/list', params);
+  }
+
+  /**
+   * 获取通知详情
+   * @param {string} notificationId - 通知 ID
+   */
+  async getNotification(notificationId) {
+    return this.get(`/${notificationId}`);
+  }
+
+  /**
+   * 获取未读通知数
+   */
+  async getUnreadCount() {
+    return this.get('/unread-count');
+  }
+
+  /**
+   * 按类型获取通知
+   * @param {string} type - 通知类型
+   * @param {Object} params - 查询参数
+   */
+  async getNotificationsByType(type, params = {}) {
+    return this.get('/list', {
+      type,
+      ...params
+    });
+  }
+
+  // ============ 通知操作 ============
+
+  /**
+   * 标记为已读
+   * @param {string} notificationId - 通知 ID
+   */
+  async markAsRead(notificationId) {
+    return this.post(`/${notificationId}/read`);
+  }
+
+  /**
+   * 批量标记已读
+   * @param {string[]} notificationIds - 通知 ID 列表
+   */
+  async batchMarkAsRead(notificationIds) {
+    return this.post('/batch-read', {
+      ids: notificationIds
+    });
+  }
+
+  /**
+   * 全部标记已读
+   */
+  async markAllAsRead() {
+    return this.post('/read-all');
+  }
+
+  /**
+   * 删除通知
+   * @param {string} notificationId - 通知 ID
+   */
+  async deleteNotification(notificationId) {
+    return this.delete(`/${notificationId}`);
+  }
+
+  /**
+   * 批量删除通知
+   * @param {string[]} notificationIds - 通知 ID 列表
+   */
+  async batchDelete(notificationIds) {
+    return this.post('/batch-delete', {
+      ids: notificationIds
+    });
+  }
+
+  /**
+   * 清空所有通知
+   */
+  async clearAll() {
+    return this.delete('/all');
+  }
+
+  // ============ 通知设置 ============
+
+  /**
+   * 获取通知设置
+   */
+  async getSettings() {
+    return this.get('/settings');
+  }
+
+  /**
+   * 更新通知设置
+   * @param {Object} settings - 设置数据
+   */
+  async updateSettings(settings) {
+    return this.put('/settings', settings);
+  }
+
+  /**
+   * 获取各类型通知设置
+   */
+  async getTypeSettings() {
+    return this.get('/settings/types');
+  }
+
+  /**
+   * 更新类型通知设置
+   * @param {string} type - 通知类型
+   * @param {Object} settings - 设置数据
+   */
+  async updateTypeSettings(type, settings) {
+    return this.put(`/settings/types/${type}`, settings);
+  }
+
+  // ============ 设备管理 ============
+
+  /**
+   * 注册设备
+   * @param {Object} device - 设备信息
+   */
+  async registerDevice(device) {
+    return this.post('/devices', device);
+  }
+
+  /**
+   * 更新设备 Token
+   * @param {string} deviceId - 设备 ID
+   * @param {string} token - 推送 Token
+   */
+  async updateDeviceToken(deviceId, token) {
+    return this.put(`/devices/${deviceId}/token`, {
+      token
+    });
+  }
+
+  /**
+   * 删除设备
+   * @param {string} deviceId - 设备 ID
+   */
+  async removeDevice(deviceId) {
+    return this.delete(`/devices/${deviceId}`);
+  }
+
+  /**
+   * 获取我的设备列表
+   */
+  async getMyDevices() {
+    return this.get('/devices');
+  }
+
+  // ============ 推送订阅 ============
+
+  /**
+   * 订阅主题
+   * @param {string} topic - 主题
+   */
+  async subscribeToTopic(topic) {
+    return this.post('/topics/subscribe', {
+      topic
+    });
+  }
+
+  /**
+   * 取消订阅主题
+   * @param {string} topic - 主题
+   */
+  async unsubscribeFromTopic(topic) {
+    return this.post('/topics/unsubscribe', {
+      topic
+    });
+  }
+
+  /**
+   * 获取已订阅主题
+   */
+  async getSubscribedTopics() {
+    return this.get('/topics/subscribed');
+  }
+
+  // ============ 管理员操作 ============
+
+  /**
+   * 发送通知（管理员）
+   * @param {Object} notification - 通知数据
+   */
+  async sendNotification(notification) {
+    return this.post('/admin/send', notification);
+  }
+
+  /**
+   * 批量发送通知（管理员）
+   * @param {Object} notification - 通知数据
+   * @param {string[]} userIds - 用户 ID 列表
+   */
+  async batchSendNotification(notification, userIds) {
+    return this.post('/admin/batch-send', {
+      ...notification,
+      user_ids: userIds
+    });
+  }
+
+  /**
+   * 发送广播通知（管理员）
+   * @param {Object} notification - 通知数据
+   */
+  async broadcastNotification(notification) {
+    return this.post('/admin/broadcast', notification);
+  }
+
+  // ============ 隐私合规 ============
+
+  /**
+   * 清除所有通知和设备数据 — GDPR 第17条
+   * @returns {Promise<object>} 清除结果
+   */
+  async clearAllUserData() {
+    const results = {};
+    try {
+      results.notifications = await this.clearAll();
+    } catch (e) {
+      results.notifError = e.message;
+    }
+    try {
+      const devices = await this.getMyDevices();
+      for (const d of devices?.data || []) {
+        await this.removeDevice(d.id).catch(() => {});
+      }
+      results.devices = 'cleared';
+    } catch (e) {
+      results.deviceError = e.message;
+    }
+    return {
+      cleared: true,
+      timestamp: new Date().toISOString(),
+      ...results
+    };
+  }
+
+  /**
+   * 获取隐私数据声明
+   */
+  getDataDisclosure() {
+    return {
+      sdk: '@quantabit/notification-sdk',
+      privacyLevel: 'functional',
+      consentRequired: false,
+      collected: [{
+        type: 'device_info',
+        description: 'Device ID, push token, platform',
+        retention: 'Until device unregistered'
+      }, {
+        type: 'notification_history',
+        description: 'Sent notification records',
+        retention: '90 days'
+      }, {
+        type: 'notification_preferences',
+        description: 'User notification settings',
+        retention: 'Until account deletion'
+      }, {
+        type: 'topic_subscriptions',
+        description: 'Subscribed notification topics',
+        retention: 'Until unsubscribed'
+      }],
+      gdprCapabilities: ['delete'],
+      note: 'Notification delivery requires device registration. Users can unregister devices anytime.'
+    };
+  }
+}
+
+// 创建默认实例
+const notificationApi = new NotificationApiClient();
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {
+    'notif.title': 'Notifications',
+    'notif.empty': 'No notifications',
+    'notif.markAll': 'Mark all read',
+    'notif.clear': 'Clear'
+  },
+  zh: {
+    'notif.title': '通知',
+    'notif.empty': '暂无通知',
+    'notif.markAll': '全部已读',
+    'notif.clear': '清空'
+  },
+  ja: {
+    'notif.title': '通知',
+    'notif.empty': '通知はありません',
+    'notif.markAll': 'すべて既読にする',
+    'notif.clear': 'クリア'
+  },
+  ko: {
+    'notif.title': '알림',
+    'notif.empty': '알림이 없습니다',
+    'notif.markAll': '모두 읽음으로 표시',
+    'notif.clear': '지우기'
+  }
+};
+let currentLang = 'en';
+function initLanguage() {
+  // 从 localStorage 或浏览器检测初始化语言
+  if (typeof window !== 'undefined') {
+    const saved = localStorage.getItem('qbit_notification_lang');
+    if (saved && SUPPORTED_LANGUAGES.includes(saved)) {
+      currentLang = saved;
+    }
+  }
+  return currentLang;
+}
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(k, params = {}) {
+  let text = messages[currentLang]?.[k] || messages.en?.[k] || k;
+  Object.entries(params).forEach(([key, val]) => {
+    text = text.replace(new RegExp(`\\{${key}\\}`, 'g'), val);
+  });
+  return text;
+}
+
+/**
+ * Notification SDK - React Context
+ * 通知状态管理
+ */
+
+const NotificationContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * 通知Provider组件
+ */
+function NotificationProvider({
+  children,
+  apiBaseUrl,
+  getToken,
+  language,
+  enableWebSocket = true,
+  wsUrl,
+  onError,
+  onNewNotification
+}) {
+  // 状态
+  const [notifications, setNotifications] = React.useState([]);
+  const [unreadCount, setUnreadCount] = React.useState(0);
+  const [unreadByType, setUnreadByType] = React.useState({});
+  const [announcements, setAnnouncements] = React.useState([]);
+  const [preferences, setPreferences] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [connectionStatus, setConnectionStatus] = React.useState('disconnected');
+  const [currentFilter, setCurrentFilter] = React.useState({
+    status: 'unread',
+    type: null
+  });
+  const [pagination, setPagination] = React.useState({
+    page: 1,
+    pageSize: 20,
+    total: 0,
+    hasMore: true
+  });
+  const initialized = React.useRef(false);
+
+  // 初始化
+  React.useEffect(() => {
+    if (initialized.current) return;
+    initialized.current = true;
+
+    // 配置API
+    notificationApi.configure({
+      apiBaseUrl: apiBaseUrl || '/api/v1/notifications',
+      getToken: getToken || (() => {
+        if (typeof localStorage !== 'undefined') {
+          return localStorage.getItem('access_token');
+        }
+        return null;
+      }),
+      getLanguage: () => getLanguage(),
+      onError: err => {
+        setError(err.message);
+        onError?.(err);
+      }
+    });
+
+    // 初始化语言
+    if (language) {
+      setLanguage(language);
+    } else {
+      initLanguage();
+    }
+
+    // WebSocket连接状态回调
+    notificationApi.setConnectionChangeHandler(setConnectionStatus);
+
+    // 新通知回调
+    notificationApi.setNewNotificationHandler(notification => {
+      setNotifications(prev => [notification, ...prev]);
+      setUnreadCount(prev => prev + 1);
+      onNewNotification?.(notification);
+    });
+  }, [apiBaseUrl, getToken, language, onError, onNewNotification]);
+
+  // WebSocket连接管理
+  React.useEffect(() => {
+    if (enableWebSocket && getToken?.()) {
+      notificationApi.connectWebSocket(wsUrl);
+    }
+    return () => {
+      notificationApi.disconnectWebSocket();
+    };
+  }, [enableWebSocket, wsUrl, getToken]);
+
+  // 获取通知列表
+  const fetchNotifications = React.useCallback(async (options = {}) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await notificationApi.getNotifications({
+        ...currentFilter,
+        ...options,
+        page: options.page || 1,
+        pageSize: pagination.pageSize
+      });
+      if (options.page === 1 || !options.page) {
+        setNotifications(result.items || result.data || []);
+      } else {
+        setNotifications(prev => [...prev, ...(result.items || result.data || [])]);
+      }
+      setPagination({
+        page: result.page || options.page || 1,
+        pageSize: result.page_size || pagination.pageSize,
+        total: result.total || 0,
+        hasMore: (result.items || result.data || []).length >= pagination.pageSize
+      });
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [currentFilter, pagination.pageSize]);
+
+  // 加载更多
+  const loadMore = React.useCallback(async () => {
+    if (!pagination.hasMore || loading) return;
+    await fetchNotifications({
+      page: pagination.page + 1
+    });
+  }, [pagination, loading, fetchNotifications]);
+
+  // 获取未读数量
+  const fetchUnreadCount = React.useCallback(async () => {
+    try {
+      const result = await notificationApi.getUnreadCount();
+      setUnreadCount(result.count || result.total || 0);
+    } catch (err) {
+      console.error('Failed to fetch unread count:', err);
+    }
+  }, []);
+
+  // 获取分类未读数量
+  const fetchUnreadByType = React.useCallback(async () => {
+    try {
+      const result = await notificationApi.getUnreadCountByType();
+      setUnreadByType(result);
+    } catch (err) {
+      console.error('Failed to fetch unread by type:', err);
+    }
+  }, []);
+
+  // 标记已读
+  const markAsRead = React.useCallback(async notificationId => {
+    try {
+      await notificationApi.markAsRead(notificationId);
+      setNotifications(prev => prev.map(n => n.id === notificationId ? {
+        ...n,
+        status: 'read'
+      } : n));
+      setUnreadCount(prev => Math.max(0, prev - 1));
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+
+  // 全部标记已读
+  const markAllAsRead = React.useCallback(async (type = null) => {
+    try {
+      await notificationApi.markAllAsRead(type);
+      setNotifications(prev => prev.map(n => !type || n.type === type ? {
+        ...n,
+        status: 'read'
+      } : n));
+      if (type) {
+        setUnreadByType(prev => ({
+          ...prev,
+          [type]: 0
+        }));
+      } else {
+        setUnreadCount(0);
+        setUnreadByType({});
+      }
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+
+  // 删除通知
+  const deleteNotification = React.useCallback(async notificationId => {
+    try {
+      const notification = notifications.find(n => n.id === notificationId);
+      await notificationApi.deleteNotification(notificationId);
+      setNotifications(prev => prev.filter(n => n.id !== notificationId));
+      if (notification?.status === 'unread') {
+        setUnreadCount(prev => Math.max(0, prev - 1));
+      }
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, [notifications]);
+
+  // 归档通知
+  const archiveNotification = React.useCallback(async notificationId => {
+    try {
+      await notificationApi.archiveNotification(notificationId);
+      setNotifications(prev => prev.map(n => n.id === notificationId ? {
+        ...n,
+        status: 'archived'
+      } : n));
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+
+  // 获取公告
+  const fetchAnnouncements = React.useCallback(async (options = {}) => {
+    try {
+      const result = await notificationApi.getAnnouncements(options);
+      setAnnouncements(result.items || result.data || []);
+    } catch (err) {
+      console.error('Failed to fetch announcements:', err);
+    }
+  }, []);
+
+  // 获取偏好设置
+  const fetchPreferences = React.useCallback(async () => {
+    try {
+      const result = await notificationApi.getPreferences();
+      setPreferences(result);
+    } catch (err) {
+      console.error('Failed to fetch preferences:', err);
+    }
+  }, []);
+
+  // 更新偏好设置
+  const updatePreferences = React.useCallback(async newPreferences => {
+    try {
+      await notificationApi.updatePreferences(newPreferences);
+      setPreferences(prev => ({
+        ...prev,
+        ...newPreferences
+      }));
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+
+  // 设置筛选条件
+  const setFilter = React.useCallback(filter => {
+    setCurrentFilter(prev => ({
+      ...prev,
+      ...filter
+    }));
+    setPagination(prev => ({
+      ...prev,
+      page: 1,
+      hasMore: true
+    }));
+  }, []);
+
+  // 刷新
+  const refresh = React.useCallback(async () => {
+    await Promise.all([fetchNotifications({
+      page: 1
+    }), fetchUnreadCount()]);
+  }, [fetchNotifications, fetchUnreadCount]);
+
+  // Context值
+  const value = {
+    // 状态
+    notifications,
+    unreadCount,
+    unreadByType,
+    announcements,
+    preferences,
+    loading,
+    error,
+    connectionStatus,
+    currentFilter,
+    pagination,
+    // 方法
+    fetchNotifications,
+    loadMore,
+    fetchUnreadCount,
+    fetchUnreadByType,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    archiveNotification,
+    fetchAnnouncements,
+    fetchPreferences,
+    updatePreferences,
+    setFilter,
+    refresh,
+    // API
+    api: notificationApi
+  };
+  return /*#__PURE__*/React.createElement(NotificationContext.Provider, {
+    value: value
+  }, children);
+}
+
+/**
+ * 使用通知Context的Hook
+ */
+function useNotification() {
+  const context = React.useContext(NotificationContext);
+  if (!context) {
+    throw new Error('useNotification must be used within a NotificationProvider');
+  }
+  return context;
+}
+
+// 通用图标样式
+const iconStyle = {
+  width: '1em',
+  height: '1em',
+  fill: 'currentColor'
+};
+
+// 铃铛图标
+function BellIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"
+  }));
+}
+
+// 铃铛带数字图标
+function BellDotIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "18",
+    cy: "5",
+    r: "4",
+    fill: "currentColor"
+  }));
+}
+
+// 公告/喇叭图标
+function MegaphoneIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M18 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39.4-.53.8-1.07 1.2-1.6-.99-.74-2.24-1.68-3.2-2.4-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6-.99.74-2.24 1.68-3.2 2.4.4.53.8 1.07 1.2 1.6.96-.72 2.21-1.65 3.2-2.4zM4 9c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1v4h2v-4h1l5 3V6L8 9H4zm11.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"
+  }));
+}
+
+// 已读/勾选图标
+function CheckIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+  }));
+}
+
+// 双勾选图标
+function CheckDoubleIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"
+  }));
+}
+
+// 刷新图标
+function RefreshIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+  }));
+}
+
+// 关闭图标
+function CloseIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+  }));
+}
+
+// 筛选图标
+function FilterIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    style: iconStyle
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
+  }));
+}
+
+/**
+ * Notification SDK - 通知列表组件
+ * 显示通知消息列表
+ */
+
+function NotificationList({
+  showHeader = true,
+  showFilters = true,
+  showMarkAllRead = true,
+  emptyComponent,
+  className = '',
+  onItemClick,
+  maxHeight
+}) {
+  const {
+    notifications,
+    loading,
+    error,
+    currentFilter,
+    pagination,
+    fetchNotifications,
+    loadMore,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    archiveNotification,
+    setFilter,
+    refresh
+  } = useNotification();
+  React.useEffect(() => {
+    fetchNotifications();
+  }, [currentFilter]);
+  const handleScroll = React.useCallback(e => {
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    } = e.target;
+    if (scrollHeight - scrollTop <= clientHeight + 100 && pagination.hasMore && !loading) {
+      loadMore();
+    }
+  }, [pagination.hasMore, loading, loadMore]);
+  const filters = [{
+    value: 'unread',
+    label: t('unread')
+  }, {
+    value: 'all',
+    label: t('all')
+  }, {
+    value: 'read',
+    label: t('read')
+  }, {
+    value: 'archived',
+    label: t('archived')
+  }];
+  const typeFilters = [{
+    value: null,
+    label: t('all')
+  }, {
+    value: 'system',
+    label: t('system')
+  }, {
+    value: 'announcement',
+    label: t('announcement')
+  }, {
+    value: 'transaction',
+    label: t('transaction')
+  }, {
+    value: 'activity',
+    label: t('activity')
+  }];
+  const isEmpty = !loading && notifications.length === 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-notification-list ${className}`
+  }, showHeader && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__header"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "eco-notification-list__title"
+  }, t('notifications')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__actions"
+  }, showMarkAllRead && /*#__PURE__*/React.createElement("button", {
+    className: "eco-notification-list__action-btn",
+    onClick: () => markAllAsRead(),
+    title: t('markAllAsRead')
+  }, /*#__PURE__*/React.createElement(CheckDoubleIcon, null)), /*#__PURE__*/React.createElement("button", {
+    className: "eco-notification-list__action-btn",
+    onClick: refresh,
+    title: t('refresh')
+  }, /*#__PURE__*/React.createElement(RefreshIcon, {
+    className: loading ? 'eco-spin' : ''
+  })))), showFilters && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__filters"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__filter-group"
+  }, filters.map(filter => /*#__PURE__*/React.createElement("button", {
+    key: filter.value,
+    className: `eco-notification-list__filter-btn ${currentFilter.status === filter.value ? 'active' : ''}`,
+    onClick: () => setFilter({
+      status: filter.value
+    })
+  }, filter.label))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__type-filter"
+  }, /*#__PURE__*/React.createElement(FilterIcon, null), /*#__PURE__*/React.createElement("select", {
+    value: currentFilter.type || '',
+    onChange: e => setFilter({
+      type: e.target.value || null
+    })
+  }, typeFilters.map(filter => /*#__PURE__*/React.createElement("option", {
+    key: filter.value || 'all',
+    value: filter.value || ''
+  }, filter.label))))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__content",
+    onScroll: handleScroll,
+    style: maxHeight ? {
+      maxHeight,
+      overflowY: 'auto'
+    } : undefined
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__error"
+  }, /*#__PURE__*/React.createElement("span", null, error), /*#__PURE__*/React.createElement("button", {
+    onClick: refresh
+  }, t('tryAgain'))), isEmpty ? emptyComponent || /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__empty"
+  }, /*#__PURE__*/React.createElement("p", null, currentFilter.status === 'unread' ? t('noUnreadMessages') : t('noNotifications'))) : /*#__PURE__*/React.createElement(React.Fragment, null, notifications.map(notification => /*#__PURE__*/React.createElement(NotificationItem, {
+    key: notification.id,
+    notification: notification,
+    onClick: () => {
+      if (notification.status === 'unread') {
+        markAsRead(notification.id);
+      }
+      onItemClick?.(notification);
+    },
+    onDelete: () => deleteNotification(notification.id),
+    onArchive: () => archiveNotification(notification.id)
+  })), loading && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__loading"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-loading-spinner"
+  })), !pagination.hasMore && notifications.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-list__end"
+  }, t('noMoreMessages')))));
+}
+
+/**
+ * Notification SDK - 类型定义
+ * 通知消息中心类型常量
+ */
+
+// 消息类型
+const MessageType = {
+  SYSTEM: 'system',
+  // 系统通知
+  ANNOUNCEMENT: 'announcement',
+  // 公告
+  PERSONAL: 'personal',
+  // 私信
+  TRANSACTION: 'transaction',
+  // 交易通知
+  ACTIVITY: 'activity',
+  // 活动通知
+  REMINDER: 'reminder',
+  // 提醒
+  ALERT: 'alert',
+  // 告警
+  MARKETING: 'marketing' // 营销消息
+};
+
+// 消息状态
+const MessageStatus = {
+  UNREAD: 'unread',
+  READ: 'read',
+  ARCHIVED: 'archived',
+  DELETED: 'deleted'
+};
+
+// 消息优先级
+const MessagePriority = {
+  LOW: 'low',
+  NORMAL: 'normal',
+  HIGH: 'high',
+  URGENT: 'urgent'
+};
+
+// 通知渠道
+const NotificationChannel = {
+  IN_APP: 'in_app',
+  // 站内信
+  PUSH: 'push',
+  // APP推送
+  EMAIL: 'email',
+  // 邮件
+  SMS: 'sms',
+  // 短信
+  WEBSOCKET: 'websocket',
+  // WebSocket实时
+  WEBHOOK: 'webhook' // Webhook
+};
+
+// 公告范围
+const AnnouncementScope = {
+  ALL: 'all',
+  // 全体用户
+  SEGMENT: 'segment',
+  // 用户分群
+  VIP: 'vip',
+  // VIP用户
+  NEW_USER: 'new_user',
+  // 新用户
+  ACTIVE: 'active' // 活跃用户
+};
+
+// 消息模板类型
+const TemplateType = {
+  WELCOME: 'welcome',
+  // 欢迎消息
+  VERIFICATION: 'verification',
+  // 验证码
+  PASSWORD_RESET: 'password_reset',
+  // 密码重置
+  ORDER_UPDATE: 'order_update',
+  // 订单更新
+  PAYMENT: 'payment',
+  // 支付通知
+  PROMOTION: 'promotion',
+  // 促销活动
+  CUSTOM: 'custom' // 自定义
+};
+
+// 投递状态
+const DeliveryStatus = {
+  PENDING: 'pending',
+  // 待发送
+  SENDING: 'sending',
+  // 发送中
+  DELIVERED: 'delivered',
+  // 已送达
+  FAILED: 'failed',
+  // 发送失败
+  BOUNCED: 'bounced' // 被退回
+};
+const NotificationType = MessageType;
+const NotificationStatus = MessageStatus;
+const NotificationPriority = MessagePriority;
+
+/**
+ * Notification SDK - 通知设置面板
+ * 用户通知偏好设置
+ */
+
+function NotificationSettings({
+  showChannels = true,
+  showTypes = true,
+  showQuietHours = true,
+  onSave,
+  className = ''
+}) {
+  const {
+    preferences,
+    fetchPreferences,
+    updatePreferences,
+    loading
+  } = useNotification();
+  const [localPreferences, setLocalPreferences] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  const [quietHoursEnabled, setQuietHoursEnabled] = React.useState(false);
+  const [quietHoursStart, setQuietHoursStart] = React.useState('22:00');
+  const [quietHoursEnd, setQuietHoursEnd] = React.useState('08:00');
+  React.useEffect(() => {
+    fetchPreferences();
+  }, [fetchPreferences]);
+  React.useEffect(() => {
+    if (preferences) {
+      setLocalPreferences(preferences);
+      if (preferences.quiet_hours) {
+        setQuietHoursEnabled(preferences.quiet_hours.enabled);
+        setQuietHoursStart(preferences.quiet_hours.start || '22:00');
+        setQuietHoursEnd(preferences.quiet_hours.end || '08:00');
+      }
+    }
+  }, [preferences]);
+  const handleChannelToggle = channel => {
+    setLocalPreferences(prev => ({
+      ...prev,
+      channels: {
+        ...prev?.channels,
+        [channel]: !prev?.channels?.[channel]
+      }
+    }));
+  };
+  const handleTypeToggle = type => {
+    setLocalPreferences(prev => ({
+      ...prev,
+      types: {
+        ...prev?.types,
+        [type]: !prev?.types?.[type]
+      }
+    }));
+  };
+  const handleSave = async () => {
+    setSaving(true);
+    try {
+      const updatedPreferences = {
+        ...localPreferences,
+        quiet_hours: {
+          enabled: quietHoursEnabled,
+          start: quietHoursStart,
+          end: quietHoursEnd
+        }
+      };
+      await updatePreferences(updatedPreferences);
+      onSave?.(updatedPreferences);
+    } catch (err) {
+      console.error('Failed to save preferences:', err);
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (loading && !localPreferences) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: `eco-notification-settings ${className}`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-notification-settings__loading"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-loading-spinner"
+    })));
+  }
+  const channels = [{
+    key: NotificationChannel.IN_APP,
+    label: t('inApp')
+  }, {
+    key: NotificationChannel.PUSH,
+    label: t('push')
+  }, {
+    key: NotificationChannel.EMAIL,
+    label: t('email')
+  }, {
+    key: NotificationChannel.SMS,
+    label: t('sms')
+  }];
+  const types = [{
+    key: MessageType.SYSTEM,
+    label: t('notifyOnSystem')
+  }, {
+    key: MessageType.TRANSACTION,
+    label: t('notifyOnTransaction')
+  }, {
+    key: MessageType.ACTIVITY,
+    label: t('notifyOnActivity')
+  }, {
+    key: MessageType.MARKETING,
+    label: t('notifyOnMarketing')
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-notification-settings ${className}`
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "eco-notification-settings__title"
+  }, t('notificationSettings')), showChannels && /*#__PURE__*/React.createElement("section", {
+    className: "eco-notification-settings__section"
+  }, /*#__PURE__*/React.createElement("h4", null, t('pushNotifications')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-settings__options"
+  }, channels.map(({
+    key,
+    label
+  }) => /*#__PURE__*/React.createElement("label", {
+    key: key,
+    className: "eco-notification-settings__option"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: localPreferences?.channels?.[key] ?? true,
+    onChange: () => handleChannelToggle(key)
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "eco-notification-settings__checkbox"
+  }), /*#__PURE__*/React.createElement("span", null, label))))), showTypes && /*#__PURE__*/React.createElement("section", {
+    className: "eco-notification-settings__section"
+  }, /*#__PURE__*/React.createElement("h4", null, t('preferences')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-settings__options"
+  }, types.map(({
+    key,
+    label
+  }) => /*#__PURE__*/React.createElement("label", {
+    key: key,
+    className: "eco-notification-settings__option"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: localPreferences?.types?.[key] ?? true,
+    onChange: () => handleTypeToggle(key)
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "eco-notification-settings__checkbox"
+  }), /*#__PURE__*/React.createElement("span", null, label))))), showQuietHours && /*#__PURE__*/React.createElement("section", {
+    className: "eco-notification-settings__section"
+  }, /*#__PURE__*/React.createElement("h4", null, t('doNotDisturb')), /*#__PURE__*/React.createElement("p", {
+    className: "eco-notification-settings__desc"
+  }, t('doNotDisturbDesc')), /*#__PURE__*/React.createElement("label", {
+    className: "eco-notification-settings__option"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: quietHoursEnabled,
+    onChange: e => setQuietHoursEnabled(e.target.checked)
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "eco-notification-settings__checkbox"
+  }), /*#__PURE__*/React.createElement("span", null, t('quietHours'))), quietHoursEnabled && /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-settings__time-range"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: quietHoursStart,
+    onChange: e => setQuietHoursStart(e.target.value)
+  }), /*#__PURE__*/React.createElement("span", null, "-"), /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: quietHoursEnd,
+    onChange: e => setQuietHoursEnd(e.target.value)
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-notification-settings__actions"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "eco-notification-settings__save-btn",
+    onClick: handleSave,
+    disabled: saving
+  }, saving ? /*#__PURE__*/React.createElement("span", {
+    className: "eco-loading-spinner"
+  }) : t('settingsSaved').replace('已', ''))));
+}
+
+/**
+ * Notification SDK - Toast 通知组件
+ * 实时推送的弹窗通知
+ */
+
+
+// Toast 管理器
+const toastQueue = [];
+let updateCallback = null;
+function removeToast(id) {
+  const index = toastQueue.findIndex(t => t.id === id);
+  if (index > -1) {
+    toastQueue.splice(index, 1);
+    updateCallback?.([...toastQueue]);
+  }
+}
+
+// 单个 Toast 组件
+function ToastItem({
+  toast,
+  onRemove
+}) {
+  const [exiting, setExiting] = React.useState(false);
+  const {
+    notification,
+    onClick
+  } = toast;
+  const handleRemove = React.useCallback(() => {
+    setExiting(true);
+    setTimeout(() => {
+      onRemove(toast.id);
+    }, 200);
+  }, [toast.id, onRemove]);
+  const handleClick = () => {
+    onClick?.(notification);
+    handleRemove();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-toast ${exiting ? 'eco-toast--exiting' : ''}`,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-toast__icon"
+  }, /*#__PURE__*/React.createElement(CheckIcon, null)), /*#__PURE__*/React.createElement("div", {
+    className: "eco-toast__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-toast__title"
+  }, notification.title || t('newNotification')), notification.content && /*#__PURE__*/React.createElement("div", {
+    className: "eco-toast__body"
+  }, notification.content.substring(0, 100))), /*#__PURE__*/React.createElement("button", {
+    className: "eco-toast__close",
+    onClick: e => {
+      e.stopPropagation();
+      handleRemove();
+    }
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)));
+}
+
+// Toast 容器
+function NotificationToast({
+  position = 'top-right',
+  maxToasts = 5
+}) {
+  const [toasts, setToasts] = React.useState([]);
+  React.useEffect(() => {
+    updateCallback = setToasts;
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  const visibleToasts = toasts.filter(t => t.position === position).slice(0, maxToasts);
+  if (visibleToasts.length === 0) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-toast-container eco-toast-container--${position}`
+  }, visibleToasts.map(toast => /*#__PURE__*/React.createElement(ToastItem, {
+    key: toast.id,
+    toast: toast,
+    onRemove: removeToast
+  })));
+}
+
+/**
+ * Notification SDK - 通知徽章按钮
+ * 导航栏中的通知图标，带未读数量
+ */
+
+function NotificationBadge({
+  onClick,
+  showCount = true,
+  maxCount = 99,
+  className = '',
+  size = 'medium',
+  color
+}) {
+  const {
+    unreadCount,
+    fetchUnreadCount
+  } = useNotification();
+  React.useEffect(() => {
+    fetchUnreadCount();
+  }, [fetchUnreadCount]);
+  const sizeClass = {
+    small: 'eco-notification-badge--small',
+    medium: 'eco-notification-badge--medium',
+    large: 'eco-notification-badge--large'
+  }[size] || 'eco-notification-badge--medium';
+  const displayCount = unreadCount > maxCount ? `${maxCount}+` : unreadCount;
+  const hasUnread = unreadCount > 0;
+  return /*#__PURE__*/React.createElement("button", {
+    className: `eco-notification-badge ${sizeClass} ${className}`,
+    onClick: onClick,
+    title: hasUnread ? t('unreadCount', {
+      n: unreadCount
+    }) : t('notifications'),
+    "aria-label": t('notifications'),
+    style: color ? {
+      color
+    } : undefined
+  }, hasUnread ? /*#__PURE__*/React.createElement(BellDotIcon, null) : /*#__PURE__*/React.createElement(BellIcon, null), showCount && hasUnread && /*#__PURE__*/React.createElement("span", {
+    className: "eco-notification-badge__count"
+  }, displayCount));
+}
+
+/**
+ * Notification SDK - 公告横幅组件
+ * 页面顶部的公告条
+ */
+
+function AnnouncementBanner({
+  autoFetch = true,
+  autoHideDelay = 0,
+  showClose = true,
+  position = 'top',
+  onAnnouncementClick,
+  className = ''
+}) {
+  const {
+    announcements,
+    fetchAnnouncements
+  } = useNotification();
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const [visible, setVisible] = React.useState(true);
+  const [dismissed, setDismissed] = React.useState([]);
+  React.useEffect(() => {
+    if (autoFetch) {
+      fetchAnnouncements({
+        pinned: true
+      });
+    }
+  }, [autoFetch, fetchAnnouncements]);
+
+  // 自动切换公告
+  React.useEffect(() => {
+    if (announcements.length > 1) {
+      const timer = setInterval(() => {
+        setCurrentIndex(prev => (prev + 1) % announcements.length);
+      }, 5000);
+      return () => clearInterval(timer);
+    }
+  }, [announcements.length]);
+
+  // 自动隐藏
+  React.useEffect(() => {
+    if (autoHideDelay > 0) {
+      const timer = setTimeout(() => {
+        setVisible(false);
+      }, autoHideDelay);
+      return () => clearTimeout(timer);
+    }
+  }, [autoHideDelay]);
+
+  // 过滤已关闭的公告
+  const visibleAnnouncements = announcements.filter(a => !dismissed.includes(a.id));
+  if (!visible || visibleAnnouncements.length === 0) {
+    return null;
+  }
+  const current = visibleAnnouncements[currentIndex % visibleAnnouncements.length];
+  const handleDismiss = id => {
+    setDismissed(prev => [...prev, id]);
+    // 保存到localStorage
+    if (typeof localStorage !== 'undefined') {
+      const key = 'eco-dismissed-announcements';
+      const stored = JSON.parse(localStorage.getItem(key) || '[]');
+      stored.push(id);
+      localStorage.setItem(key, JSON.stringify(stored));
+    }
+  };
+  const getPriorityClass = priority => {
+    return {
+      high: 'eco-announcement-banner--high',
+      urgent: 'eco-announcement-banner--urgent'
+    }[priority] || '';
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-announcement-banner eco-announcement-banner--${position} ${getPriorityClass(current.priority)} ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-announcement-banner__content"
+  }, /*#__PURE__*/React.createElement(MegaphoneIcon, {
+    className: "eco-announcement-banner__icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "eco-announcement-banner__text",
+    onClick: () => onAnnouncementClick?.(current)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-announcement-banner__title"
+  }, current.title), current.content && /*#__PURE__*/React.createElement("span", {
+    className: "eco-announcement-banner__desc"
+  }, current.content.substring(0, 100), current.content.length > 100 ? '...' : ''))), visibleAnnouncements.length > 1 && /*#__PURE__*/React.createElement("div", {
+    className: "eco-announcement-banner__indicators"
+  }, visibleAnnouncements.map((_, index) => /*#__PURE__*/React.createElement("span", {
+    key: index,
+    className: `eco-announcement-banner__indicator ${index === currentIndex % visibleAnnouncements.length ? 'active' : ''}`,
+    onClick: () => setCurrentIndex(index)
+  }))), showClose && /*#__PURE__*/React.createElement("button", {
+    className: "eco-announcement-banner__close",
+    onClick: () => handleDismiss(current.id),
+    title: t('close')
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)));
+}
+
+function useNotifications(initial = []) {
+  const [notifications, setNotifications] = React.useState(initial);
+  const add = React.useCallback(n => setNotifications(prev => [{
+    ...n,
+    id: n.id || Date.now(),
+    read: false,
+    time: n.time || 'Just now'
+  }, ...prev]), []);
+  const read = React.useCallback(id => setNotifications(prev => prev.map(n => n.id === id ? {
+    ...n,
+    read: true
+  } : n)), []);
+  const readAll = React.useCallback(() => setNotifications(prev => prev.map(n => ({
+    ...n,
+    read: true
+  }))), []);
+  const remove = React.useCallback(id => setNotifications(prev => prev.filter(n => n.id !== id)), []);
+  const clear = React.useCallback(() => setNotifications([]), []);
+  const unreadCount = React.useMemo(() => notifications.filter(n => !n.read).length, [notifications]);
+  return {
+    notifications,
+    add,
+    read,
+    readAll,
+    remove,
+    clear,
+    unreadCount
+  };
+}
+
+exports.AnnouncementBanner = AnnouncementBanner;
+exports.AnnouncementScope = AnnouncementScope;
+exports.DeliveryStatus = DeliveryStatus;
+exports.MessagePriority = MessagePriority;
+exports.MessageStatus = MessageStatus;
+exports.MessageType = MessageType;
+exports.NotificationApiClient = NotificationApiClient;
+exports.NotificationBadge = NotificationBadge;
+exports.NotificationBell = NotificationBell;
+exports.NotificationCenter = NotificationCenter;
+exports.NotificationChannel = NotificationChannel;
+exports.NotificationItem = NotificationItem;
+exports.NotificationList = NotificationList;
+exports.NotificationPriority = NotificationPriority;
+exports.NotificationProvider = NotificationProvider;
+exports.NotificationSettings = NotificationSettings;
+exports.NotificationStatus = NotificationStatus;
+exports.NotificationToast = NotificationToast;
+exports.NotificationType = NotificationType;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.TemplateType = TemplateType;
+exports.getLanguage = getLanguage;
+exports.messages = messages;
+exports.notificationApi = notificationApi;
+exports.setLanguage = setLanguage;
+exports.t = t;
+exports.useNotificationContext = useNotification;
+exports.useNotifications = useNotifications;
+//# sourceMappingURL=index.cjs.map