@robot-admin/naive-ui-components 0.3.0

package/dist/C_NotificationCenter2.js

@@ -0,0 +1,1383 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { i as setItem, t as getItem } from "./storage.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, readonly, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+
+//#region src/components/C_NotificationCenter/constants.ts
+/** 默认角标最大显示数 */
+const DEFAULT_MAX_BADGE_COUNT = 99;
+/** 默认每页条数 */
+const DEFAULT_PAGE_SIZE = 20;
+/** 默认轮询间隔（ms）：60 秒 */
+const DEFAULT_POLLING_INTERVAL = 6e4;
+/** 默认缓存 key */
+const DEFAULT_STORAGE_KEY = "notification_center";
+/** WebSocket 默认重连间隔（ms） */
+const DEFAULT_WS_RECONNECT_INTERVAL = 3e3;
+/** WebSocket 默认最大重连次数 */
+const DEFAULT_WS_MAX_RECONNECT = 5;
+/** WebSocket 默认心跳间隔（ms） */
+const DEFAULT_WS_HEARTBEAT_INTERVAL = 3e4;
+/** WebSocket 默认心跳消息 */
+const DEFAULT_WS_HEARTBEAT_MESSAGE = "ping";
+/** 分类标签映射 */
+const CATEGORY_MAP = {
+	system: {
+		label: "系统通知",
+		icon: "mdi:cog-outline",
+		color: "info"
+	},
+	business: {
+		label: "业务消息",
+		icon: "mdi:briefcase-outline",
+		color: "success"
+	},
+	alarm: {
+		label: "告警预警",
+		icon: "mdi:alert-outline",
+		color: "warning"
+	}
+};
+/** 分类 Tab 列表 */
+const CATEGORY_TABS = [
+	{
+		key: "all",
+		label: "全部"
+	},
+	{
+		key: "system",
+		label: "系统通知"
+	},
+	{
+		key: "business",
+		label: "业务消息"
+	},
+	{
+		key: "alarm",
+		label: "告警预警"
+	}
+];
+/** 优先级标签映射 */
+const PRIORITY_MAP = {
+	low: {
+		label: "低",
+		type: "default"
+	},
+	normal: {
+		label: "普通",
+		type: "info"
+	},
+	high: {
+		label: "重要",
+		type: "warning"
+	},
+	urgent: {
+		label: "紧急",
+		type: "error"
+	}
+};
+/** 模拟消息列表 */
+const MOCK_MESSAGES = [
+	{
+		id: "msg-001",
+		title: "系统维护通知",
+		summary: "系统将于今晚 22:00-23:00 进行例行维护升级，届时部分功能可能暂时不可用。",
+		content: "<p>尊敬的用户：</p><p>为了提升系统性能和稳定性，我们计划于 <strong>2026年2月27日 22:00-23:00</strong> 对系统进行例行维护升级。</p><p>维护期间，以下功能可能暂时不可用：</p><ul><li>报表导出</li><li>数据同步</li><li>定时任务</li></ul><p>请提前保存好未完成的工作，感谢您的理解与支持！</p>",
+		category: "system",
+		priority: "high",
+		status: "unread",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 15 * 6e4)).toISOString(),
+		sender: {
+			name: "系统管理员",
+			avatar: ""
+		}
+	},
+	{
+		id: "msg-002",
+		title: "审批流程待处理",
+		summary: "张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。",
+		category: "business",
+		priority: "urgent",
+		status: "unread",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 30 * 6e4)).toISOString(),
+		sender: {
+			name: "张三",
+			avatar: "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png"
+		},
+		actionUrl: "/workflow/approval",
+		actionText: "去审批"
+	},
+	{
+		id: "msg-003",
+		title: "服务器 CPU 使用率告警",
+		summary: "生产环境节点 prod-node-03 CPU 使用率持续超过 90%，已触发告警阈值。",
+		category: "alarm",
+		priority: "urgent",
+		status: "unread",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 2 * 6e4)).toISOString(),
+		sender: { name: "监控中心" },
+		actionUrl: "/monitor/server",
+		actionText: "查看详情"
+	},
+	{
+		id: "msg-004",
+		title: "新版本发布 v1.14.0",
+		summary: "系统已升级至 v1.14.0，新增通知中心、工作流增强等多项功能。",
+		category: "system",
+		priority: "normal",
+		status: "unread",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 3 * 36e5)).toISOString(),
+		sender: { name: "系统管理员" }
+	},
+	{
+		id: "msg-005",
+		title: "项目交付提醒",
+		summary: "「Robot Admin 二期」项目交付截止日期为 3月15日，当前进度 78%。",
+		category: "business",
+		priority: "high",
+		status: "read",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 8 * 36e5)).toISOString(),
+		sender: { name: "项目管理系统" }
+	},
+	{
+		id: "msg-006",
+		title: "数据库连接池告警",
+		summary: "数据库连接池使用率达到 85%，建议关注并适时扩容。",
+		category: "alarm",
+		priority: "high",
+		status: "read",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 12 * 36e5)).toISOString(),
+		sender: { name: "监控中心" }
+	},
+	{
+		id: "msg-007",
+		title: "周报提交提醒",
+		summary: "本周周报提交截止时间为周五 18:00，请及时提交。",
+		category: "business",
+		priority: "normal",
+		status: "read",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 24 * 36e5)).toISOString(),
+		sender: { name: "OA 系统" }
+	},
+	{
+		id: "msg-008",
+		title: "账号安全提醒",
+		summary: "检测到您的账号在新设备上登录，如非本人操作请及时修改密码。",
+		category: "system",
+		priority: "high",
+		status: "unread",
+		timestamp: (/* @__PURE__ */ new Date(Date.now() - 45 * 6e4)).toISOString(),
+		sender: { name: "安全中心" }
+	}
+];
+
+//#endregion
+//#region src/components/C_NotificationCenter/composables/useNotificationWS.ts
+/**
+* WebSocket 连接管理
+*
+* 管理 WebSocket 的建连、重连、心跳保活、消息解析。
+* 支持自动重连、鉴权 token、心跳检测。
+*/
+function useNotificationWS(onMessage, onStatusChange) {
+	/** 连接状态 */
+	const status = ref("disconnected");
+	/** WebSocket 实例 */
+	let ws = null;
+	/** 重连计数器 */
+	let reconnectCount = 0;
+	/** 重连定时器 */
+	let reconnectTimer = null;
+	/** 心跳定时器 */
+	let heartbeatTimer = null;
+	/** 当前配置 */
+	let currentConfig = null;
+	/**
+	* 更新连接状态
+	*/
+	function setStatus(s) {
+		status.value = s;
+		onStatusChange?.(s);
+	}
+	/**
+	* 建立连接
+	*/
+	function connect(config) {
+		currentConfig = config;
+		reconnectCount = 0;
+		createConnection(config);
+	}
+	/**
+	* 创建 WebSocket 连接
+	*/
+	function createConnection(config) {
+		cleanup();
+		const url = buildUrl(config);
+		setStatus("connecting");
+		try {
+			ws = new WebSocket(url);
+		} catch {
+			setStatus("disconnected");
+			scheduleReconnect(config);
+			return;
+		}
+		ws.addEventListener("open", () => {
+			setStatus("connected");
+			reconnectCount = 0;
+			startHeartbeat(config);
+		});
+		ws.addEventListener("message", (event) => {
+			handleMessage(event.data);
+		});
+		ws.addEventListener("close", () => {
+			stopHeartbeat();
+			setStatus("disconnected");
+			if (config.autoReconnect !== false) scheduleReconnect(config);
+		});
+		ws.addEventListener("error", () => {});
+	}
+	/**
+	* 构建带 token 的 WebSocket URL
+	*/
+	function buildUrl(config) {
+		const token = config.getToken?.();
+		if (token) {
+			const separator = config.url.includes("?") ? "&" : "?";
+			return `${config.url}${separator}token=${encodeURIComponent(token)}`;
+		}
+		return config.url;
+	}
+	/**
+	* 处理接收到的消息
+	*/
+	function handleMessage(raw) {
+		if (typeof raw !== "string") return;
+		if (raw === "pong") return;
+		try {
+			onMessage(JSON.parse(raw));
+		} catch {}
+	}
+	/**
+	* 调度重连
+	*/
+	function scheduleReconnect(config) {
+		const maxAttempts = config.maxReconnectAttempts ?? DEFAULT_WS_MAX_RECONNECT;
+		if (reconnectCount >= maxAttempts) return;
+		reconnectCount++;
+		setStatus("reconnecting");
+		const interval = config.reconnectInterval ?? DEFAULT_WS_RECONNECT_INTERVAL;
+		reconnectTimer = setTimeout(() => {
+			createConnection(config);
+		}, interval);
+	}
+	/**
+	* 启动心跳
+	*/
+	function startHeartbeat(config) {
+		const interval = config.heartbeatInterval ?? DEFAULT_WS_HEARTBEAT_INTERVAL;
+		if (interval <= 0) return;
+		const message = config.heartbeatMessage ?? DEFAULT_WS_HEARTBEAT_MESSAGE;
+		heartbeatTimer = setInterval(() => {
+			if (ws?.readyState === WebSocket.OPEN) ws.send(message);
+		}, interval);
+	}
+	/**
+	* 停止心跳
+	*/
+	function stopHeartbeat() {
+		if (heartbeatTimer) {
+			clearInterval(heartbeatTimer);
+			heartbeatTimer = null;
+		}
+	}
+	/**
+	* 清理资源
+	*/
+	function cleanup() {
+		stopHeartbeat();
+		if (reconnectTimer) {
+			clearTimeout(reconnectTimer);
+			reconnectTimer = null;
+		}
+		if (ws) {
+			ws.close();
+			ws = null;
+		}
+	}
+	/**
+	* 断开连接
+	*/
+	function disconnect() {
+		currentConfig = null;
+		reconnectCount = Infinity;
+		cleanup();
+		setStatus("disconnected");
+	}
+	/**
+	* 手动重新连接
+	*/
+	function reconnect() {
+		if (currentConfig) {
+			reconnectCount = 0;
+			createConnection(currentConfig);
+		}
+	}
+	onBeforeUnmount(cleanup);
+	return {
+		status: readonly(status),
+		connect,
+		disconnect,
+		reconnect
+	};
+}
+
+//#endregion
+//#region src/components/C_NotificationCenter/composables/useNotificationCore.ts
+/** 防抖持久化延迟（ms） */
+const PERSIST_DEBOUNCE = 300;
+/**
+* 通知中心核心状态管理
+*
+* 统一管理消息列表、未读数、分类过滤、已读标记、
+* API 交互、WebSocket 桥接、轮询调度和本地缓存。
+*/
+function useNotificationCore(props) {
+	/** 消息列表 */
+	const messages = ref([]);
+	/** 当前选中分类 */
+	const activeCategory = ref("all");
+	/** 是否正在加载 */
+	const loading = ref(false);
+	/** 总条数 */
+	const total = ref(0);
+	/** 当前页码 */
+	const page = ref(1);
+	/** 选中的消息（详情展示） */
+	const selectedMessage = ref(null);
+	/** Popover 展开状态 */
+	const popoverVisible = ref(false);
+	/** WebSocket 连接状态 */
+	const wsStatus = ref("disconnected");
+	/** 未读消息总数 */
+	const unreadCount = computed(() => messages.value.filter((m) => m.status === "unread").length);
+	/** 各分类未读数 */
+	const unreadByCategory = computed(() => {
+		const counts = {
+			system: 0,
+			business: 0,
+			alarm: 0
+		};
+		for (const m of messages.value) if (m.status === "unread" && m.category in counts) counts[m.category]++;
+		return counts;
+	});
+	/** 当前分类下的消息列表 */
+	const filteredMessages = computed(() => {
+		if (activeCategory.value === "all") return messages.value;
+		return messages.value.filter((m) => m.category === activeCategory.value);
+	});
+	/** 是否有更多消息可加载 */
+	const hasMore = computed(() => messages.value.length < total.value);
+	/** 缓存 key */
+	const storageKey = computed(() => props.storageKey ?? DEFAULT_STORAGE_KEY);
+	/**
+	* 从缓存恢复未读状态
+	*/
+	function restoreFromCache() {
+		const cached = getItem(storageKey.value);
+		if (cached?.unreadIds) {
+			const idSet = new Set(cached.unreadIds);
+			for (const msg of messages.value) if (idSet.has(msg.id)) msg.status = "unread";
+		}
+	}
+	/** 防抖持久化定时器 */
+	let persistTimer = null;
+	/**
+	* 持久化未读状态到本地缓存（防抖）
+	*/
+	function persistToCache() {
+		if (persistTimer) clearTimeout(persistTimer);
+		persistTimer = setTimeout(() => {
+			const unreadIds = messages.value.filter((m) => m.status === "unread").map((m) => m.id);
+			setItem(storageKey.value, {
+				unreadIds,
+				lastFetchTime: Date.now()
+			});
+			persistTimer = null;
+		}, PERSIST_DEBOUNCE);
+	}
+	/**
+	* 拉取消息列表
+	*/
+	async function fetchMessages(reset = false) {
+		if (reset) page.value = 1;
+		loading.value = true;
+		try {
+			if (props.fetchNotifications) {
+				const categoryParam = activeCategory.value === "all" ? void 0 : activeCategory.value;
+				const pageSize = props.pageSize ?? DEFAULT_PAGE_SIZE;
+				const result = await props.fetchNotifications({
+					category: categoryParam,
+					page: page.value,
+					pageSize
+				});
+				if (reset) messages.value = result.list;
+				else messages.value.push(...result.list);
+				total.value = result.total;
+			} else loadMockData();
+			restoreFromCache();
+		} finally {
+			loading.value = false;
+		}
+	}
+	/**
+	* 加载模拟数据（全量加载，filteredMessages 负责客户端过滤）
+	*/
+	function loadMockData() {
+		messages.value = MOCK_MESSAGES.map((m) => ({ ...m }));
+		total.value = MOCK_MESSAGES.length;
+	}
+	/**
+	* 加载更多
+	*/
+	async function loadMore() {
+		if (!hasMore.value || loading.value) return;
+		page.value++;
+		await fetchMessages();
+	}
+	/**
+	* 标记指定消息为已读
+	*/
+	async function markAsRead(ids) {
+		const idSet = new Set(ids);
+		for (const msg of messages.value) if (idSet.has(msg.id)) msg.status = "read";
+		persistToCache();
+		if (props.markAsRead) try {
+			await props.markAsRead(ids);
+		} catch {
+			for (const msg of messages.value) if (idSet.has(msg.id)) msg.status = "unread";
+			persistToCache();
+		}
+	}
+	/**
+	* 标记全部已读
+	*/
+	async function markAllAsRead(category) {
+		const targetMessages = category ? messages.value.filter((m) => m.category === category && m.status === "unread") : messages.value.filter((m) => m.status === "unread");
+		for (const msg of targetMessages) msg.status = "read";
+		persistToCache();
+		if (props.markAllRead) try {
+			await props.markAllRead(category);
+		} catch {
+			for (const msg of targetMessages) msg.status = "unread";
+			persistToCache();
+		}
+	}
+	/**
+	* 删除消息
+	*/
+	async function deleteMessages(ids) {
+		const idSet = new Set(ids);
+		const backup = [...messages.value];
+		messages.value = messages.value.filter((m) => !idSet.has(m.id));
+		total.value = Math.max(0, total.value - ids.length);
+		persistToCache();
+		if (props.deleteNotification) try {
+			await props.deleteNotification(ids);
+		} catch {
+			messages.value = backup;
+			total.value += ids.length;
+			persistToCache();
+		}
+	}
+	/**
+	* 清空消息
+	*/
+	async function clearMessages(category) {
+		const backup = [...messages.value];
+		const backupTotal = total.value;
+		if (category) messages.value = messages.value.filter((m) => m.category !== category);
+		else messages.value = [];
+		total.value = messages.value.length;
+		persistToCache();
+		if (props.clearNotifications) try {
+			await props.clearNotifications(category);
+		} catch {
+			messages.value = backup;
+			total.value = backupTotal;
+			persistToCache();
+		}
+	}
+	/**
+	* 处理 WebSocket 推送消息
+	*/
+	function handleWSMessage(payload) {
+		switch (payload.type) {
+			case "new_message": {
+				const msg = payload.data;
+				if (!messages.value.some((m) => m.id === msg.id)) {
+					messages.value.unshift(msg);
+					total.value++;
+					persistToCache();
+					showDesktopNotification(msg);
+				}
+				break;
+			}
+			case "read_sync": {
+				const syncMessages = payload.data;
+				const readIds = new Set(syncMessages.map((m) => m.id));
+				for (const msg of messages.value) if (readIds.has(msg.id)) msg.status = "read";
+				persistToCache();
+				break;
+			}
+			case "count_update": break;
+		}
+	}
+	/** WebSocket 连接状态变更回调 */
+	function handleWSStatusChange(s) {
+		wsStatus.value = s;
+	}
+	const { connect: wsConnect, disconnect: wsDisconnect } = useNotificationWS(handleWSMessage, handleWSStatusChange);
+	/**
+	* 发送桌面通知
+	*/
+	function showDesktopNotification(msg) {
+		if (!props.desktopNotification) return;
+		if (!("Notification" in window)) return;
+		if (Notification.permission === "granted") createDesktopNotification(msg);
+		else if (Notification.permission !== "denied") Notification.requestPermission().then((permission) => {
+			if (permission === "granted") createDesktopNotification(msg);
+		});
+	}
+	/**
+	* 创建桌面通知实例
+	*/
+	function createDesktopNotification(msg) {
+		const n = new Notification(msg.title, {
+			body: msg.summary,
+			icon: msg.sender?.avatar || "/robot-avatar.png",
+			tag: msg.id
+		});
+		n.addEventListener("click", () => {
+			window.focus();
+			selectMessage(msg);
+			n.close();
+		});
+		setTimeout(() => n.close(), 5e3);
+	}
+	let pollingTimer = null;
+	/**
+	* 启动轮询
+	*/
+	function startPolling() {
+		stopPolling();
+		const interval = props.pollingInterval ?? DEFAULT_POLLING_INTERVAL;
+		if (interval <= 0) return;
+		pollingTimer = setInterval(() => {
+			fetchMessages(true);
+		}, interval);
+	}
+	/**
+	* 停止轮询
+	*/
+	function stopPolling() {
+		if (pollingTimer) {
+			clearInterval(pollingTimer);
+			pollingTimer = null;
+		}
+	}
+	/**
+	* 选中/查看消息
+	*/
+	function selectMessage(msg) {
+		selectedMessage.value = msg;
+		if (msg.status === "unread") markAsRead([msg.id]);
+	}
+	/**
+	* 返回列表
+	*/
+	function clearSelection() {
+		selectedMessage.value = null;
+	}
+	/**
+	* 切换分类
+	*
+	* 纯客户端过滤（Mock / 已加载数据）直接切换，
+	* API 模式则重新拉取对应分类数据。
+	*/
+	function switchCategory(category) {
+		activeCategory.value = category;
+		selectedMessage.value = null;
+		if (props.fetchNotifications) fetchMessages(true);
+	}
+	/**
+	* 初始化
+	*/
+	function init() {
+		fetchMessages(true);
+		startPolling();
+		if (props.wsConfig) wsConnect(props.wsConfig);
+	}
+	/**
+	* 销毁
+	*/
+	function destroy() {
+		stopPolling();
+		wsDisconnect();
+		if (persistTimer) {
+			clearTimeout(persistTimer);
+			persistTimer = null;
+		}
+	}
+	onMounted(init);
+	onBeforeUnmount(destroy);
+	return {
+		messages,
+		activeCategory,
+		loading,
+		total,
+		page,
+		selectedMessage,
+		popoverVisible,
+		wsStatus,
+		unreadCount,
+		unreadByCategory,
+		filteredMessages,
+		hasMore,
+		fetchMessages,
+		loadMore,
+		markAsRead,
+		markAllAsRead,
+		deleteMessages,
+		clearMessages,
+		selectMessage,
+		clearSelection,
+		switchCategory,
+		connectWS: wsConnect,
+		disconnectWS: wsDisconnect
+	};
+}
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = { class: "notification-badge" };
+const _hoisted_2$4 = {
+	key: 0,
+	class: "notification-badge__count"
+};
+const _hoisted_3$4 = {
+	key: 0,
+	class: "notification-badge__pulse"
+};
+var NotificationBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NotificationBadge",
+	props: {
+		count: { default: 0 },
+		maxCount: { default: DEFAULT_MAX_BADGE_COUNT },
+		hasUrgent: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props) {
+		const props = __props;
+		/** 显示文本 */
+		const displayCount = computed(() => props.count > props.maxCount ? `${props.maxCount}+` : String(props.count));
+		return (_ctx, _cache) => {
+			const _component_NTooltip = resolveComponent("NTooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(_component_NTooltip, {
+				trigger: "hover",
+				placement: "bottom"
+			}, {
+				trigger: withCtx(() => [createElementVNode("div", {
+					class: "notification-badge__trigger",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+				}, [
+					createVNode(C_Icon_default, {
+						name: "mdi:bell-outline",
+						size: 18,
+						class: "notification-badge__icon"
+					}),
+					createCommentVNode(" 未读角标 "),
+					createVNode(Transition, { name: "badge-bounce" }, {
+						default: withCtx(() => [_ctx.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(displayCount.value), 1)) : createCommentVNode("v-if", true)]),
+						_: 1
+					}),
+					createCommentVNode(" 脉冲动画（有紧急消息时） "),
+					_ctx.hasUrgent ? (openBlock(), createElementBlock("span", _hoisted_3$4)) : createCommentVNode("v-if", true)
+				])]),
+				default: withCtx(() => [createTextVNode(" 消息通知" + toDisplayString(_ctx.count > 0 ? `（${_ctx.count} 条未读）` : ""), 1)]),
+				_: 1
+			})]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationBadge.vue
+var NotificationBadge_default = /* @__PURE__ */ export_helper_default(NotificationBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-da0cc98c"]]);
+
+//#endregion
+//#region src/components/C_NotificationCenter/composables/useNotificationFormat.ts
+/** 时间单位阈值 */
+const MINUTE = 6e4;
+const HOUR = 36e5;
+const DAY = 864e5;
+const WEEK = 7 * DAY;
+const MONTH = 30 * DAY;
+const YEAR = 365 * DAY;
+/** 单例缓存 */
+let _instance = null;
+/**
+* 通知时间格式化（单例）
+*
+* 将 ISO 时间戳格式化为人类友好的相对时间描述，
+* 如 "刚刚"、"5分钟前"、"昨天 14:30" 等。
+*/
+function useNotificationFormat() {
+	if (!_instance) _instance = createNotificationFormat();
+	return _instance;
+}
+/**
+* 创建格式化工具实例
+*/
+function createNotificationFormat() {
+	/**
+	* 格式化相对时间
+	* @param timestamp ISO 8601 时间字符串
+	*/
+	function formatRelativeTime(timestamp) {
+		const date = new Date(timestamp);
+		const diff = Date.now() - date.getTime();
+		if (diff < 0) return "刚刚";
+		if (diff < MINUTE) return "刚刚";
+		if (diff < HOUR) return `${Math.floor(diff / MINUTE)}分钟前`;
+		if (diff < DAY) return `${Math.floor(diff / HOUR)}小时前`;
+		const today = /* @__PURE__ */ new Date();
+		today.setHours(0, 0, 0, 0);
+		if (date >= new Date(today.getTime() - DAY) && date < today) return `昨天 ${padTime(date.getHours())}:${padTime(date.getMinutes())}`;
+		if (diff < WEEK) return `${Math.floor(diff / DAY)}天前`;
+		if (diff < MONTH) return `${Math.floor(diff / WEEK)}周前`;
+		if (diff < YEAR) return `${Math.floor(diff / MONTH)}个月前`;
+		return formatFullDate(date);
+	}
+	/**
+	* 格式化完整日期时间
+	* @param date Date 对象
+	*/
+	function formatFullDate(date) {
+		return `${date.getFullYear()}-${padTime(date.getMonth() + 1)}-${padTime(date.getDate())} ${padTime(date.getHours())}:${padTime(date.getMinutes())}`;
+	}
+	/**
+	* 补零
+	* @param n 数字
+	*/
+	function padTime(n) {
+		return n < 10 ? `0${n}` : String(n);
+	}
+	return {
+		formatRelativeTime,
+		formatFullDate
+	};
+}
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "notification-item__indicator" };
+const _hoisted_2$3 = { class: "notification-item__avatar" };
+const _hoisted_3$3 = { class: "notification-item__body" };
+const _hoisted_4$3 = { class: "notification-item__header" };
+const _hoisted_5$2 = { class: "notification-item__title" };
+const _hoisted_6$2 = { class: "notification-item__summary" };
+const _hoisted_7$2 = { class: "notification-item__meta" };
+const _hoisted_8$2 = { class: "notification-item__time" };
+const _hoisted_9$1 = {
+	key: 0,
+	class: "notification-item__sender"
+};
+var NotificationItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NotificationItem",
+	props: { message: {} },
+	emits: [
+		"click",
+		"read",
+		"delete"
+	],
+	setup(__props) {
+		const props = __props;
+		const { formatRelativeTime } = useNotificationFormat();
+		/** 分类图标 */
+		const categoryIcon = computed(() => CATEGORY_MAP[props.message.category]?.icon ?? "mdi:bell-outline");
+		/** 优先级配置 */
+		const priorityConfig = computed(() => PRIORITY_MAP[props.message.priority] ?? PRIORITY_MAP.normal);
+		/** 格式化时间 */
+		const formattedTime = computed(() => formatRelativeTime(props.message.timestamp));
+		return (_ctx, _cache) => {
+			const _component_NAvatar = resolveComponent("NAvatar");
+			const _component_NTag = resolveComponent("NTag");
+			const _component_NTooltip = resolveComponent("NTooltip");
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["notification-item", {
+					"notification-item--unread": _ctx.message.status === "unread",
+					"notification-item--urgent": _ctx.message.priority === "urgent"
+				}]),
+				onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", _ctx.message))
+			}, [
+				createCommentVNode(" 未读指示点 "),
+				createElementVNode("div", _hoisted_1$3, [_ctx.message.status === "unread" ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["notification-item__dot", `notification-item__dot--${_ctx.message.priority}`])
+				}, null, 2)) : createCommentVNode("v-if", true)]),
+				createCommentVNode(" 头像 "),
+				createElementVNode("div", _hoisted_2$3, [_ctx.message.sender?.avatar ? (openBlock(), createBlock(_component_NAvatar, {
+					key: 0,
+					src: _ctx.message.sender.avatar,
+					size: 36,
+					round: ""
+				}, null, 8, ["src"])) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["notification-item__avatar-placeholder", `notification-item__avatar-placeholder--${_ctx.message.category}`])
+				}, [createVNode(C_Icon_default, {
+					name: categoryIcon.value,
+					size: 16
+				}, null, 8, ["name"])], 2))]),
+				createCommentVNode(" 内容 "),
+				createElementVNode("div", _hoisted_3$3, [
+					createElementVNode("div", _hoisted_4$3, [createElementVNode("span", _hoisted_5$2, toDisplayString(_ctx.message.title), 1), _ctx.message.priority === "urgent" || _ctx.message.priority === "high" ? (openBlock(), createBlock(_component_NTag, {
+						key: 0,
+						type: priorityConfig.value.type,
+						size: "tiny",
+						bordered: false,
+						round: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(priorityConfig.value.label), 1)]),
+						_: 1
+					}, 8, ["type"])) : createCommentVNode("v-if", true)]),
+					createElementVNode("div", _hoisted_6$2, toDisplayString(_ctx.message.summary), 1),
+					createElementVNode("div", _hoisted_7$2, [createElementVNode("span", _hoisted_8$2, toDisplayString(formattedTime.value), 1), _ctx.message.sender?.name ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(_ctx.message.sender.name), 1)) : createCommentVNode("v-if", true)])
+				]),
+				createCommentVNode(" 操作区 "),
+				createElementVNode("div", {
+					class: "notification-item__actions",
+					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+				}, [_ctx.message.status === "unread" ? (openBlock(), createBlock(_component_NTooltip, {
+					key: 0,
+					trigger: "hover",
+					placement: "top"
+				}, {
+					trigger: withCtx(() => [createElementVNode("span", {
+						class: "notification-item__action",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("read", _ctx.message.id))
+					}, [createVNode(C_Icon_default, {
+						name: "mdi:check",
+						size: 16
+					})])]),
+					default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 标记已读 ", -1))]),
+					_: 1,
+					__: [4]
+				})) : createCommentVNode("v-if", true), createVNode(_component_NTooltip, {
+					trigger: "hover",
+					placement: "top"
+				}, {
+					trigger: withCtx(() => [createElementVNode("span", {
+						class: "notification-item__action",
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("delete", _ctx.message.id))
+					}, [createVNode(C_Icon_default, {
+						name: "mdi:delete-outline",
+						size: 16
+					})])]),
+					default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 删除 ", -1))]),
+					_: 1,
+					__: [5]
+				})])
+			], 2);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationItem.vue
+var NotificationItem_default = /* @__PURE__ */ export_helper_default(NotificationItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0104dbfc"]]);
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "notification-list" };
+const _hoisted_2$2 = { class: "notification-list__tabs" };
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = {
+	key: 0,
+	class: "notification-list__tab-count"
+};
+const _hoisted_5$1 = {
+	key: 0,
+	class: "notification-list__toolbar"
+};
+const _hoisted_6$1 = { class: "notification-list__skeleton-text" };
+const _hoisted_7$1 = { class: "notification-list__items" };
+const _hoisted_8$1 = { class: "notification-list__empty" };
+var NotificationList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NotificationList",
+	props: {
+		messages: {},
+		activeCategory: {},
+		unreadByCategory: {},
+		unreadCount: {},
+		loading: { type: Boolean },
+		hasMore: { type: Boolean },
+		scrollHeight: { default: 420 }
+	},
+	emits: [
+		"switchCategory",
+		"itemClick",
+		"read",
+		"delete",
+		"markAllRead",
+		"clear",
+		"loadMore"
+	],
+	setup(__props) {
+		const props = __props;
+		/** 当前分类下的未读数 */
+		const currentUnread = computed(() => {
+			if (props.activeCategory === "all") return props.unreadCount;
+			return props.unreadByCategory[props.activeCategory] ?? 0;
+		});
+		/** 获取 Tab 的未读数 */
+		function getTabCount(key) {
+			if (key === "all") return props.unreadCount;
+			return props.unreadByCategory[key] ?? 0;
+		}
+		return (_ctx, _cache) => {
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NSkeleton = resolveComponent("NSkeleton");
+			const _component_NSpin = resolveComponent("NSpin");
+			const _component_NScrollbar = resolveComponent("NScrollbar");
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createCommentVNode(" 分类 Tab "),
+				createElementVNode("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(CATEGORY_TABS), (tab) => {
+					return openBlock(), createElementBlock("div", {
+						key: tab.key,
+						class: normalizeClass(["notification-list__tab", { "notification-list__tab--active": _ctx.activeCategory === tab.key }]),
+						onClick: ($event) => _ctx.$emit("switchCategory", tab.key)
+					}, [createElementVNode("span", null, toDisplayString(tab.label), 1), getTabCount(tab.key) > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(getTabCount(tab.key)), 1)) : createCommentVNode("v-if", true)], 10, _hoisted_3$2);
+				}), 128))]),
+				createCommentVNode(" 操作栏 "),
+				_ctx.messages.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$1, [createVNode(_component_NButton, {
+					text: "",
+					size: "tiny",
+					disabled: currentUnread.value === 0,
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("markAllRead"))
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:check-all",
+						size: 14
+					})]),
+					default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" 全部已读 ", -1))]),
+					_: 1,
+					__: [6]
+				}, 8, ["disabled"]), createVNode(_component_NButton, {
+					text: "",
+					size: "tiny",
+					onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("clear"))
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:delete-sweep-outline",
+						size: 14
+					})]),
+					default: withCtx(() => [_cache[7] || (_cache[7] = createTextVNode(" 清空 ", -1))]),
+					_: 1,
+					__: [7]
+				})])) : createCommentVNode("v-if", true),
+				createCommentVNode(" 消息列表 "),
+				createVNode(_component_NScrollbar, {
+					class: "notification-list__scroll",
+					style: normalizeStyle({ maxHeight: `${_ctx.scrollHeight}px` })
+				}, {
+					default: withCtx(() => [_ctx.loading && _ctx.messages.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createCommentVNode(" 骨架屏 "), (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+						return createElementVNode("div", {
+							key: i,
+							class: "notification-list__skeleton"
+						}, [createVNode(_component_NSkeleton, {
+							circle: "",
+							width: 36,
+							height: 36
+						}), createElementVNode("div", _hoisted_6$1, [
+							createVNode(_component_NSkeleton, {
+								text: "",
+								width: "60%",
+								height: 14
+							}),
+							createVNode(_component_NSkeleton, {
+								text: "",
+								width: "90%",
+								height: 12
+							}),
+							createVNode(_component_NSkeleton, {
+								text: "",
+								width: "40%",
+								height: 10
+							})
+						])]);
+					}), 64))], 64)) : _ctx.messages.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						createElementVNode("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messages, (msg) => {
+							return openBlock(), createBlock(NotificationItem_default, {
+								key: msg.id,
+								message: msg,
+								onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("itemClick", $event)),
+								onRead: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("read", $event)),
+								onDelete: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("delete", $event))
+							}, null, 8, ["message"]);
+						}), 128))]),
+						createCommentVNode(" 加载更多 "),
+						_ctx.hasMore ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: "notification-list__load-more",
+							onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("loadMore"))
+						}, [_ctx.loading ? (openBlock(), createBlock(_component_NSpin, {
+							key: 0,
+							size: 14
+						})) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(_ctx.loading ? "加载中..." : "加载更多"), 1)])) : createCommentVNode("v-if", true)
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" 空状态 "), createElementVNode("div", _hoisted_8$1, [createVNode(C_Icon_default, {
+						name: "mdi:bell-off-outline",
+						size: 48,
+						class: "notification-list__empty-icon"
+					}), _cache[8] || (_cache[8] = createElementVNode("span", { class: "notification-list__empty-text" }, "暂无消息", -1))])], 2112))]),
+					_: 1
+				}, 8, ["style"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationList.vue
+var NotificationList_default = /* @__PURE__ */ export_helper_default(NotificationList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-47e5497f"]]);
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "notification-detail" };
+const _hoisted_2$1 = { class: "notification-detail__back" };
+const _hoisted_3$1 = { class: "notification-detail__header" };
+const _hoisted_4$1 = { class: "notification-detail__title" };
+const _hoisted_5 = { class: "notification-detail__meta" };
+const _hoisted_6 = { class: "notification-detail__time" };
+const _hoisted_7 = {
+	key: 0,
+	class: "notification-detail__sender"
+};
+const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = {
+	key: 1,
+	class: "notification-detail__body"
+};
+const _hoisted_10 = {
+	key: 0,
+	class: "notification-detail__footer"
+};
+var NotificationDetail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NotificationDetail",
+	props: {
+		message: {},
+		scrollHeight: { default: 320 }
+	},
+	emits: [
+		"back",
+		"action",
+		"navigate"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { formatRelativeTime } = useNotificationFormat();
+		/** 分类标签 */
+		const categoryTag = computed(() => CATEGORY_MAP[props.message.category] ?? CATEGORY_MAP.system);
+		/** 优先级标签 */
+		const priorityTag = computed(() => PRIORITY_MAP[props.message.priority] ?? PRIORITY_MAP.normal);
+		/** 格式化时间 */
+		const formattedTime = computed(() => formatRelativeTime(props.message.timestamp));
+		/** 处理操作按钮点击 */
+		function handleAction() {
+			const url = props.message.actionUrl;
+			if (!url) return;
+			emit("action", url);
+			if (url.startsWith("http")) window.open(url, "_blank");
+			else emit("navigate", url);
+		}
+		return (_ctx, _cache) => {
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NTag = resolveComponent("NTag");
+			const _component_NAvatar = resolveComponent("NAvatar");
+			const _component_NScrollbar = resolveComponent("NScrollbar");
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createCommentVNode(" 返回栏 "),
+				createElementVNode("div", _hoisted_2$1, [createVNode(_component_NButton, {
+					text: "",
+					size: "small",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back"))
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:arrow-left",
+						size: 16
+					})]),
+					default: withCtx(() => [_cache[1] || (_cache[1] = createTextVNode(" 返回列表 ", -1))]),
+					_: 1,
+					__: [1]
+				})]),
+				createCommentVNode(" 消息头部 "),
+				createElementVNode("div", _hoisted_3$1, [
+					createElementVNode("h3", _hoisted_4$1, toDisplayString(_ctx.message.title), 1),
+					createElementVNode("div", _hoisted_5, [
+						createVNode(_component_NTag, {
+							type: categoryTag.value.color,
+							size: "tiny",
+							bordered: false,
+							round: ""
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: categoryTag.value.icon,
+								size: 12
+							}, null, 8, ["name"])]),
+							default: withCtx(() => [createTextVNode(" " + toDisplayString(categoryTag.value.label), 1)]),
+							_: 1
+						}, 8, ["type"]),
+						_ctx.message.priority === "urgent" || _ctx.message.priority === "high" ? (openBlock(), createBlock(_component_NTag, {
+							key: 0,
+							type: priorityTag.value.type,
+							size: "tiny",
+							bordered: false,
+							round: ""
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(priorityTag.value.label), 1)]),
+							_: 1
+						}, 8, ["type"])) : createCommentVNode("v-if", true),
+						createElementVNode("span", _hoisted_6, toDisplayString(formattedTime.value), 1)
+					]),
+					_ctx.message.sender ? (openBlock(), createElementBlock("div", _hoisted_7, [_ctx.message.sender.avatar ? (openBlock(), createBlock(_component_NAvatar, {
+						key: 0,
+						src: _ctx.message.sender.avatar,
+						size: 20,
+						round: ""
+					}, null, 8, ["src"])) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(_ctx.message.sender.name), 1)])) : createCommentVNode("v-if", true)
+				]),
+				createCommentVNode(" 消息内容 "),
+				createVNode(_component_NScrollbar, {
+					class: "notification-detail__content",
+					style: normalizeStyle({ maxHeight: `${_ctx.scrollHeight}px` })
+				}, {
+					default: withCtx(() => [_ctx.message.content ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "notification-detail__body",
+						innerHTML: _ctx.message.content
+					}, null, 8, _hoisted_8)) : (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.message.summary), 1))]),
+					_: 1
+				}, 8, ["style"]),
+				createCommentVNode(" 操作区 "),
+				_ctx.message.actionUrl ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(_component_NButton, {
+					type: "primary",
+					size: "small",
+					onClick: handleAction
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:arrow-right",
+						size: 16
+					})]),
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.message.actionText || "查看详情") + " ", 1)]),
+					_: 1
+				})])) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_NotificationCenter/components/NotificationDetail.vue
+var NotificationDetail_default = /* @__PURE__ */ export_helper_default(NotificationDetail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d10a445e"]]);
+
+//#endregion
+//#region src/components/C_NotificationCenter/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-notification-center" };
+const _hoisted_2 = { class: "c-notification-center__panel" };
+const _hoisted_3 = { class: "c-notification-center__header" };
+const _hoisted_4 = { class: "c-notification-center__header-extra" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_NotificationCenter",
+	__name: "index",
+	props: {
+		fetchNotifications: {},
+		markAsRead: {},
+		markAllRead: {},
+		deleteNotification: {},
+		clearNotifications: {},
+		wsConfig: {},
+		desktopNotification: {
+			type: Boolean,
+			default: false
+		},
+		maxBadgeCount: { default: 99 },
+		pollingInterval: { default: 6e4 },
+		pageSize: { default: 20 },
+		storageKey: { default: "notification_center" }
+	},
+	emits: [
+		"itemClick",
+		"read",
+		"allRead",
+		"delete",
+		"unreadChange",
+		"wsStatusChange",
+		"newMessage",
+		"navigate"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const core = useNotificationCore(props);
+		/** 是否有紧急未读消息 */
+		const hasUrgentMessage = computed(() => core.messages.value.some((m) => m.status === "unread" && m.priority === "urgent"));
+		/** WebSocket 状态文本 */
+		const wsStatusText = computed(() => {
+			return {
+				connected: "已连接",
+				connecting: "连接中...",
+				disconnected: "未连接",
+				reconnecting: "重连中..."
+			}[core.wsStatus.value] ?? "未知";
+		});
+		watch(() => core.unreadCount.value, (count) => {
+			emit("unreadChange", count);
+		});
+		/** 角标点击 */
+		function handleBadgeClick() {
+			core.popoverVisible.value = !core.popoverVisible.value;
+		}
+		/** 点击消息 */
+		function handleItemClick(message) {
+			core.selectMessage(message);
+			emit("itemClick", message);
+		}
+		/** 标记已读 */
+		function handleRead(id) {
+			core.markAsRead([id]);
+			emit("read", [id]);
+		}
+		/** 删除消息 */
+		function handleDelete(id) {
+			core.deleteMessages([id]);
+			emit("delete", [id]);
+		}
+		/** 全部已读 */
+		function handleMarkAllRead() {
+			const category = core.activeCategory.value === "all" ? void 0 : core.activeCategory.value;
+			core.markAllAsRead(category);
+			emit("allRead", category);
+		}
+		/** 清空 */
+		function handleClear() {
+			const category = core.activeCategory.value === "all" ? void 0 : core.activeCategory.value;
+			core.clearMessages(category);
+		}
+		/** 操作链接跳转 */
+		function handleAction() {
+			core.popoverVisible.value = false;
+		}
+		/** Popover 关闭后重置详情 */
+		function handlePopoverClose() {
+			core.clearSelection();
+		}
+		__expose({
+			refresh: () => core.fetchMessages(true),
+			connectWS: () => {
+				if (props.wsConfig) core.connectWS(props.wsConfig);
+			},
+			disconnectWS: core.disconnectWS,
+			getUnreadCount: () => core.unreadCount.value,
+			getMessages: () => core.messages.value,
+			markRead: (ids) => core.markAsRead(ids),
+			markAllAsRead: (category) => core.markAllAsRead(category)
+		});
+		return (_ctx, _cache) => {
+			const _component_NTooltip = resolveComponent("NTooltip");
+			const _component_NPopover = resolveComponent("NPopover");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_NPopover, {
+				show: unref(core).popoverVisible.value,
+				"onUpdate:show": _cache[1] || (_cache[1] = ($event) => unref(core).popoverVisible.value = $event),
+				width: 420,
+				trigger: "click",
+				placement: "bottom-end",
+				"show-arrow": false,
+				"content-class": "c-notification-center__popover",
+				onAfterLeave: handlePopoverClose
+			}, {
+				trigger: withCtx(() => [createVNode(NotificationBadge_default, {
+					count: unref(core).unreadCount.value,
+					"max-count": props.maxBadgeCount,
+					"has-urgent": hasUrgentMessage.value,
+					onClick: handleBadgeClick
+				}, null, 8, [
+					"count",
+					"max-count",
+					"has-urgent"
+				])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_2, [
+					createCommentVNode(" 头部标题 "),
+					createElementVNode("div", _hoisted_3, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "c-notification-center__title" }, "消息中心", -1)), createElementVNode("div", _hoisted_4, [createCommentVNode(" WebSocket 连接状态 "), props.wsConfig ? (openBlock(), createBlock(_component_NTooltip, {
+						key: 0,
+						trigger: "hover",
+						placement: "top"
+					}, {
+						trigger: withCtx(() => [createElementVNode("span", { class: normalizeClass(["c-notification-center__ws-dot", `c-notification-center__ws-dot--${unref(core).wsStatus.value}`]) }, null, 2)]),
+						default: withCtx(() => [createTextVNode(" " + toDisplayString(wsStatusText.value), 1)]),
+						_: 1
+					})) : createCommentVNode("v-if", true)])]),
+					createCommentVNode(" 列表 / 详情切换 "),
+					createVNode(Transition, {
+						name: "slide-fade",
+						mode: "out-in"
+					}, {
+						default: withCtx(() => [unref(core).selectedMessage.value ? (openBlock(), createBlock(NotificationDetail_default, {
+							key: unref(core).selectedMessage.value.id,
+							message: unref(core).selectedMessage.value,
+							onBack: unref(core).clearSelection,
+							onAction: handleAction,
+							onNavigate: _cache[0] || (_cache[0] = (url) => emit("navigate", url))
+						}, null, 8, ["message", "onBack"])) : (openBlock(), createBlock(NotificationList_default, {
+							key: 1,
+							messages: unref(core).filteredMessages.value,
+							"active-category": unref(core).activeCategory.value,
+							"unread-by-category": unref(core).unreadByCategory.value,
+							"unread-count": unref(core).unreadCount.value,
+							loading: unref(core).loading.value,
+							"has-more": unref(core).hasMore.value,
+							onSwitchCategory: unref(core).switchCategory,
+							onItemClick: handleItemClick,
+							onRead: handleRead,
+							onDelete: handleDelete,
+							onMarkAllRead: handleMarkAllRead,
+							onClear: handleClear,
+							onLoadMore: unref(core).loadMore
+						}, null, 8, [
+							"messages",
+							"active-category",
+							"unread-by-category",
+							"unread-count",
+							"loading",
+							"has-more",
+							"onSwitchCategory",
+							"onLoadMore"
+						]))]),
+						_: 1
+					})
+				])]),
+				_: 1
+			}, 8, ["show"])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_NotificationCenter/index.vue
+var C_NotificationCenter_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d4b27637"]]);
+
+//#endregion
+export { CATEGORY_MAP as a, DEFAULT_PAGE_SIZE as c, DEFAULT_WS_HEARTBEAT_INTERVAL as d, DEFAULT_WS_HEARTBEAT_MESSAGE as f, PRIORITY_MAP as g, MOCK_MESSAGES as h, useNotificationWS as i, DEFAULT_POLLING_INTERVAL as l, DEFAULT_WS_RECONNECT_INTERVAL as m, useNotificationFormat as n, CATEGORY_TABS as o, DEFAULT_WS_MAX_RECONNECT as p, useNotificationCore as r, DEFAULT_MAX_BADGE_COUNT as s, C_NotificationCenter_default as t, DEFAULT_STORAGE_KEY as u };
+//# sourceMappingURL=C_NotificationCenter2.js.map