@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_NotificationCenter2.js

@@ -1,1384 +1,2 @@
-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 { NAvatar, NButton, NPopover, NScrollbar, NSkeleton, NSpin, NTag, NTooltip } from "naive-ui";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, readonly, ref, renderList, 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 = 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-03c9c8c7"]]);
-
-//#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 = NAvatar;
-			const _component_NTag = NTag;
-			const _component_NTooltip = 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-30bf7ddc"]]);
-
-//#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 = NButton;
-			const _component_NSkeleton = NSkeleton;
-			const _component_NSpin = NSpin;
-			const _component_NScrollbar = 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-3db0c5bf"]]);
-
-//#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 = NButton;
-			const _component_NTag = NTag;
-			const _component_NAvatar = NAvatar;
-			const _component_NScrollbar = 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-b10b0b8e"]]);
-
-//#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 = NTooltip;
-			const _component_NPopover = 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-a60d6896"]]);
-
-//#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 };
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{i as n,t as r}from"./storage.js";import{NAvatar as i,NButton as a,NPopover as o,NScrollbar as s,NSkeleton as c,NSpin as l,NTag as u,NTooltip as d}from"naive-ui";import{Fragment as f,Transition as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createTextVNode as y,createVNode as b,defineComponent as x,normalizeClass as S,normalizeStyle as C,onBeforeUnmount as w,onMounted as T,openBlock as E,readonly as D,ref as O,renderList as k,toDisplayString as A,unref as j,watch as M,withCtx as N,withModifiers as P}from"vue";const F=99,I=20,ee=6e4,te=`notification_center`,L=3e3,R=5,z=3e4,B=`ping`,V={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},H=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],U={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},W=[{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:new Date(Date.now()-15*6e4).toISOString(),sender:{name:`系统管理员`,avatar:``}},{id:`msg-002`,title:`审批流程待处理`,summary:`张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。`,category:`business`,priority:`urgent`,status:`unread`,timestamp: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: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: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:new Date(Date.now()-8*36e5).toISOString(),sender:{name:`项目管理系统`}},{id:`msg-006`,title:`数据库连接池告警`,summary:`数据库连接池使用率达到 85%，建议关注并适时扩容。`,category:`alarm`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-12*36e5).toISOString(),sender:{name:`监控中心`}},{id:`msg-007`,title:`周报提交提醒`,summary:`本周周报提交截止时间为周五 18:00，请及时提交。`,category:`business`,priority:`normal`,status:`read`,timestamp:new Date(Date.now()-24*36e5).toISOString(),sender:{name:`OA 系统`}},{id:`msg-008`,title:`账号安全提醒`,summary:`检测到您的账号在新设备上登录，如非本人操作请及时修改密码。`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-45*6e4).toISOString(),sender:{name:`安全中心`}}];function G(e,t){let n=O(`disconnected`),r=null,i=0,a=null,o=null,s=null;function c(e){n.value=e,t?.(e)}function l(e){s=e,i=0,u(e)}function u(e){g();let t=d(e);c(`connecting`);try{r=new WebSocket(t)}catch{c(`disconnected`),p(e);return}r.addEventListener(`open`,()=>{c(`connected`),i=0,m(e)}),r.addEventListener(`message`,e=>{f(e.data)}),r.addEventListener(`close`,()=>{h(),c(`disconnected`),e.autoReconnect!==!1&&p(e)}),r.addEventListener(`error`,()=>{})}function d(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function f(t){if(typeof t==`string`&&t!==`pong`)try{e(JSON.parse(t))}catch{}}function p(e){let t=e.maxReconnectAttempts??5;if(i>=t)return;i++,c(`reconnecting`);let n=e.reconnectInterval??L;a=setTimeout(()=>{u(e)},n)}function m(e){let t=e.heartbeatInterval??z;if(t<=0)return;let n=e.heartbeatMessage??B;o=setInterval(()=>{r?.readyState===WebSocket.OPEN&&r.send(n)},t)}function h(){o&&=(clearInterval(o),null)}function g(){h(),a&&=(clearTimeout(a),null),r&&=(r.close(),null)}function _(){s=null,i=1/0,g(),c(`disconnected`)}function v(){s&&(i=0,u(s))}return w(g),{status:D(n),connect:l,disconnect:_,reconnect:v}}function K(e){let t=O([]),i=O(`all`),a=O(!1),o=O(0),s=O(1),c=O(null),l=O(!1),u=O(`disconnected`),d=m(()=>t.value.filter(e=>e.status===`unread`).length),f=m(()=>{let e={system:0,business:0,alarm:0};for(let n of t.value)n.status===`unread`&&n.category in e&&e[n.category]++;return e}),p=m(()=>i.value===`all`?t.value:t.value.filter(e=>e.category===i.value)),h=m(()=>t.value.length<o.value),g=m(()=>e.storageKey??te);function _(){let e=r(g.value);if(e?.unreadIds){let n=new Set(e.unreadIds);for(let e of t.value)n.has(e.id)&&(e.status=`unread`)}}let v=null;function y(){v&&clearTimeout(v),v=setTimeout(()=>{let e=t.value.filter(e=>e.status===`unread`).map(e=>e.id);n(g.value,{unreadIds:e,lastFetchTime:Date.now()}),v=null},300)}async function b(n=!1){n&&(s.value=1),a.value=!0;try{if(e.fetchNotifications){let r=i.value===`all`?void 0:i.value,a=e.pageSize??20,c=await e.fetchNotifications({category:r,page:s.value,pageSize:a});n?t.value=c.list:t.value.push(...c.list),o.value=c.total}else x();_()}finally{a.value=!1}}function x(){t.value=W.map(e=>({...e})),o.value=W.length}async function S(){!h.value||a.value||(s.value++,await b())}async function C(n){let r=new Set(n);for(let e of t.value)r.has(e.id)&&(e.status=`read`);if(y(),e.markAsRead)try{await e.markAsRead(n)}catch{for(let e of t.value)r.has(e.id)&&(e.status=`unread`);y()}}async function E(n){let r=n?t.value.filter(e=>e.category===n&&e.status===`unread`):t.value.filter(e=>e.status===`unread`);for(let e of r)e.status=`read`;if(y(),e.markAllRead)try{await e.markAllRead(n)}catch{for(let e of r)e.status=`unread`;y()}}async function D(n){let r=new Set(n),i=[...t.value];if(t.value=t.value.filter(e=>!r.has(e.id)),o.value=Math.max(0,o.value-n.length),y(),e.deleteNotification)try{await e.deleteNotification(n)}catch{t.value=i,o.value+=n.length,y()}}async function k(n){let r=[...t.value],i=o.value;if(n?t.value=t.value.filter(e=>e.category!==n):t.value=[],o.value=t.value.length,y(),e.clearNotifications)try{await e.clearNotifications(n)}catch{t.value=r,o.value=i,y()}}function A(e){switch(e.type){case`new_message`:{let n=e.data;t.value.some(e=>e.id===n.id)||(t.value.unshift(n),o.value++,y(),P(n));break}case`read_sync`:{let n=e.data,r=new Set(n.map(e=>e.id));for(let e of t.value)r.has(e.id)&&(e.status=`read`);y();break}case`count_update`:break}}function j(e){u.value=e}let{connect:M,disconnect:N}=G(A,j);function P(t){e.desktopNotification&&`Notification`in window&&(Notification.permission===`granted`?F(t):Notification.permission!==`denied`&&Notification.requestPermission().then(e=>{e===`granted`&&F(t)}))}function F(e){let t=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar||`/robot-avatar.png`,tag:e.id});t.addEventListener(`click`,()=>{window.focus(),z(e),t.close()}),setTimeout(()=>t.close(),5e3)}let I=null;function L(){R();let t=e.pollingInterval??ee;t<=0||(I=setInterval(()=>{b(!0)},t))}function R(){I&&=(clearInterval(I),null)}function z(e){c.value=e,e.status===`unread`&&C([e.id])}function B(){c.value=null}function V(t){i.value=t,c.value=null,e.fetchNotifications&&b(!0)}function H(){b(!0),L(),e.wsConfig&&M(e.wsConfig)}function U(){R(),N(),v&&=(clearTimeout(v),null)}return T(H),w(U),{messages:t,activeCategory:i,loading:a,total:o,page:s,selectedMessage:c,popoverVisible:l,wsStatus:u,unreadCount:d,unreadByCategory:f,filteredMessages:p,hasMore:h,fetchMessages:b,loadMore:S,markAsRead:C,markAllAsRead:E,deleteMessages:D,clearMessages:k,selectMessage:z,clearSelection:B,switchCategory:V,connectWS:M,disconnectWS:N}}const ne={class:`notification-badge`},re={key:0,class:`notification-badge__count`},ie={key:0,class:`notification-badge__pulse`};var ae=t(x({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(t){let n=t,r=m(()=>n.count>n.maxCount?`${n.maxCount}+`:String(n.count));return(t,n)=>{let i=d;return E(),_(`div`,ne,[b(i,{trigger:`hover`,placement:`bottom`},{trigger:N(()=>[v(`div`,{class:`notification-badge__trigger`,onClick:n[0]||=e=>t.$emit(`click`)},[b(e,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),g(` 未读角标 `),b(p,{name:`badge-bounce`},{default:N(()=>[t.count>0?(E(),_(`span`,re,A(r.value),1)):g(`v-if`,!0)]),_:1}),g(` 脉冲动画（有紧急消息时） `),t.hasUrgent?(E(),_(`span`,ie)):g(`v-if`,!0)])]),default:N(()=>[y(` 消息通知`+A(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}}),[[`__scopeId`,`data-v-03c9c8c7`]]);const q=6e4,J=36e5,Y=864e5,X=7*Y,Z=30*Y;365*Y;let Q=null;function $(){return Q||=oe(),Q}function oe(){function e(e){let r=new Date(e),i=Date.now()-r.getTime();if(i<0||i<q)return`刚刚`;if(i<J)return`${Math.floor(i/q)}分钟前`;if(i<Y)return`${Math.floor(i/J)}小时前`;let a=new Date;return a.setHours(0,0,0,0),r>=new Date(a.getTime()-Y)&&r<a?`昨天 ${n(r.getHours())}:${n(r.getMinutes())}`:i<X?`${Math.floor(i/Y)}天前`:i<Z?`${Math.floor(i/X)}周前`:i<31536e6?`${Math.floor(i/Z)}个月前`:t(r)}function t(e){return`${e.getFullYear()}-${n(e.getMonth()+1)}-${n(e.getDate())} ${n(e.getHours())}:${n(e.getMinutes())}`}function n(e){return e<10?`0${e}`:String(e)}return{formatRelativeTime:e,formatFullDate:t}}const se={class:`notification-item__indicator`},ce={class:`notification-item__avatar`},le={class:`notification-item__body`},ue={class:`notification-item__header`},de={class:`notification-item__title`},fe={class:`notification-item__summary`},pe={class:`notification-item__meta`},me={class:`notification-item__time`},he={key:0,class:`notification-item__sender`};var ge=t(x({__name:`NotificationItem`,props:{message:{}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=$(),a=m(()=>V[n.message.category]?.icon??`mdi:bell-outline`),o=m(()=>U[n.message.priority]??U.normal),s=m(()=>r(n.message.timestamp));return(t,n)=>{let r=i,c=u,l=d;return E(),_(`div`,{class:S([`notification-item`,{"notification-item--unread":t.message.status===`unread`,"notification-item--urgent":t.message.priority===`urgent`}]),onClick:n[3]||=e=>t.$emit(`click`,t.message)},[g(` 未读指示点 `),v(`div`,se,[t.message.status===`unread`?(E(),_(`span`,{key:0,class:S([`notification-item__dot`,`notification-item__dot--${t.message.priority}`])},null,2)):g(`v-if`,!0)]),g(` 头像 `),v(`div`,ce,[t.message.sender?.avatar?(E(),h(r,{key:0,src:t.message.sender.avatar,size:36,round:``},null,8,[`src`])):(E(),_(`div`,{key:1,class:S([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${t.message.category}`])},[b(e,{name:a.value,size:16},null,8,[`name`])],2))]),g(` 内容 `),v(`div`,le,[v(`div`,ue,[v(`span`,de,A(t.message.title),1),t.message.priority===`urgent`||t.message.priority===`high`?(E(),h(c,{key:0,type:o.value.type,size:`tiny`,bordered:!1,round:``},{default:N(()=>[y(A(o.value.label),1)]),_:1},8,[`type`])):g(`v-if`,!0)]),v(`div`,fe,A(t.message.summary),1),v(`div`,pe,[v(`span`,me,A(s.value),1),t.message.sender?.name?(E(),_(`span`,he,A(t.message.sender.name),1)):g(`v-if`,!0)])]),g(` 操作区 `),v(`div`,{class:`notification-item__actions`,onClick:n[2]||=P(()=>{},[`stop`])},[t.message.status===`unread`?(E(),h(l,{key:0,trigger:`hover`,placement:`top`},{trigger:N(()=>[v(`span`,{class:`notification-item__action`,onClick:n[0]||=e=>t.$emit(`read`,t.message.id)},[b(e,{name:`mdi:check`,size:16})])]),default:N(()=>[n[4]||=y(` 标记已读 `,-1)]),_:1,__:[4]})):g(`v-if`,!0),b(l,{trigger:`hover`,placement:`top`},{trigger:N(()=>[v(`span`,{class:`notification-item__action`,onClick:n[1]||=e=>t.$emit(`delete`,t.message.id)},[b(e,{name:`mdi:delete-outline`,size:16})])]),default:N(()=>[n[5]||=y(` 删除 `,-1)]),_:1,__:[5]})])],2)}}}),[[`__scopeId`,`data-v-30bf7ddc`]]);const _e={class:`notification-list`},ve={class:`notification-list__tabs`},ye=[`onClick`],be={key:0,class:`notification-list__tab-count`},xe={key:0,class:`notification-list__toolbar`},Se={class:`notification-list__skeleton-text`},Ce={class:`notification-list__items`},we={class:`notification-list__empty`};var Te=t(x({__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(t){let n=t,r=m(()=>n.activeCategory===`all`?n.unreadCount:n.unreadByCategory[n.activeCategory]??0);function i(e){return e===`all`?n.unreadCount:n.unreadByCategory[e]??0}return(t,n)=>{let o=a,u=c,d=l,p=s;return E(),_(`div`,_e,[g(` 分类 Tab `),v(`div`,ve,[(E(!0),_(f,null,k(j(H),e=>(E(),_(`div`,{key:e.key,class:S([`notification-list__tab`,{"notification-list__tab--active":t.activeCategory===e.key}]),onClick:n=>t.$emit(`switchCategory`,e.key)},[v(`span`,null,A(e.label),1),i(e.key)>0?(E(),_(`span`,be,A(i(e.key)),1)):g(`v-if`,!0)],10,ye))),128))]),g(` 操作栏 `),t.messages.length>0?(E(),_(`div`,xe,[b(o,{text:``,size:`tiny`,disabled:r.value===0,onClick:n[0]||=e=>t.$emit(`markAllRead`)},{icon:N(()=>[b(e,{name:`mdi:check-all`,size:14})]),default:N(()=>[n[6]||=y(` 全部已读 `,-1)]),_:1,__:[6]},8,[`disabled`]),b(o,{text:``,size:`tiny`,onClick:n[1]||=e=>t.$emit(`clear`)},{icon:N(()=>[b(e,{name:`mdi:delete-sweep-outline`,size:14})]),default:N(()=>[n[7]||=y(` 清空 `,-1)]),_:1,__:[7]})])):g(`v-if`,!0),g(` 消息列表 `),b(p,{class:`notification-list__scroll`,style:C({maxHeight:`${t.scrollHeight}px`})},{default:N(()=>[t.loading&&t.messages.length===0?(E(),_(f,{key:0},[g(` 骨架屏 `),(E(),_(f,null,k(4,e=>v(`div`,{key:e,class:`notification-list__skeleton`},[b(u,{circle:``,width:36,height:36}),v(`div`,Se,[b(u,{text:``,width:`60%`,height:14}),b(u,{text:``,width:`90%`,height:12}),b(u,{text:``,width:`40%`,height:10})])])),64))],64)):t.messages.length>0?(E(),_(f,{key:1},[v(`div`,Ce,[(E(!0),_(f,null,k(t.messages,e=>(E(),h(ge,{key:e.id,message:e,onClick:n[2]||=e=>t.$emit(`itemClick`,e),onRead:n[3]||=e=>t.$emit(`read`,e),onDelete:n[4]||=e=>t.$emit(`delete`,e)},null,8,[`message`]))),128))]),g(` 加载更多 `),t.hasMore?(E(),_(`div`,{key:0,class:`notification-list__load-more`,onClick:n[5]||=e=>t.$emit(`loadMore`)},[t.loading?(E(),h(d,{key:0,size:14})):g(`v-if`,!0),v(`span`,null,A(t.loading?`加载中...`:`加载更多`),1)])):g(`v-if`,!0)],64)):(E(),_(f,{key:2},[g(` 空状态 `),v(`div`,we,[b(e,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),n[8]||=v(`span`,{class:`notification-list__empty-text`},`暂无消息`,-1)])],2112))]),_:1},8,[`style`])])}}}),[[`__scopeId`,`data-v-3db0c5bf`]]);const Ee={class:`notification-detail`},De={class:`notification-detail__back`},Oe={class:`notification-detail__header`},ke={class:`notification-detail__title`},Ae={class:`notification-detail__meta`},je={class:`notification-detail__time`},Me={key:0,class:`notification-detail__sender`},Ne=[`innerHTML`],Pe={key:1,class:`notification-detail__body`},Fe={key:0,class:`notification-detail__footer`};var Ie=t(x({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(t,{emit:n}){let r=t,o=n,{formatRelativeTime:c}=$(),l=m(()=>V[r.message.category]??V.system),d=m(()=>U[r.message.priority]??U.normal),f=m(()=>c(r.message.timestamp));function p(){let e=r.message.actionUrl;e&&(o(`action`,e),e.startsWith(`http`)?window.open(e,`_blank`):o(`navigate`,e))}return(t,n)=>{let r=a,o=u,c=i,m=s;return E(),_(`div`,Ee,[g(` 返回栏 `),v(`div`,De,[b(r,{text:``,size:`small`,onClick:n[0]||=e=>t.$emit(`back`)},{icon:N(()=>[b(e,{name:`mdi:arrow-left`,size:16})]),default:N(()=>[n[1]||=y(` 返回列表 `,-1)]),_:1,__:[1]})]),g(` 消息头部 `),v(`div`,Oe,[v(`h3`,ke,A(t.message.title),1),v(`div`,Ae,[b(o,{type:l.value.color,size:`tiny`,bordered:!1,round:``},{icon:N(()=>[b(e,{name:l.value.icon,size:12},null,8,[`name`])]),default:N(()=>[y(` `+A(l.value.label),1)]),_:1},8,[`type`]),t.message.priority===`urgent`||t.message.priority===`high`?(E(),h(o,{key:0,type:d.value.type,size:`tiny`,bordered:!1,round:``},{default:N(()=>[y(A(d.value.label),1)]),_:1},8,[`type`])):g(`v-if`,!0),v(`span`,je,A(f.value),1)]),t.message.sender?(E(),_(`div`,Me,[t.message.sender.avatar?(E(),h(c,{key:0,src:t.message.sender.avatar,size:20,round:``},null,8,[`src`])):g(`v-if`,!0),v(`span`,null,A(t.message.sender.name),1)])):g(`v-if`,!0)]),g(` 消息内容 `),b(m,{class:`notification-detail__content`,style:C({maxHeight:`${t.scrollHeight}px`})},{default:N(()=>[t.message.content?(E(),_(`div`,{key:0,class:`notification-detail__body`,innerHTML:t.message.content},null,8,Ne)):(E(),_(`div`,Pe,A(t.message.summary),1))]),_:1},8,[`style`]),g(` 操作区 `),t.message.actionUrl?(E(),_(`div`,Fe,[b(r,{type:`primary`,size:`small`,onClick:p},{icon:N(()=>[b(e,{name:`mdi:arrow-right`,size:16})]),default:N(()=>[y(A(t.message.actionText||`查看详情`)+` `,1)]),_:1})])):g(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-b10b0b8e`]]);const Le={class:`c-notification-center`},Re={class:`c-notification-center__panel`},ze={class:`c-notification-center__header`},Be={class:`c-notification-center__header-extra`};var Ve=t(x({name:`C_NotificationCenter`,__name:`index`,props:{fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=K(r),s=m(()=>a.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),c=m(()=>({connected:`已连接`,connecting:`连接中...`,disconnected:`未连接`,reconnecting:`重连中...`})[a.wsStatus.value]??`未知`);M(()=>a.unreadCount.value,e=>{i(`unreadChange`,e)});function l(){a.popoverVisible.value=!a.popoverVisible.value}function u(e){a.selectMessage(e),i(`itemClick`,e)}function f(e){a.markAsRead([e]),i(`read`,[e])}function x(e){a.deleteMessages([e]),i(`delete`,[e])}function C(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;a.markAllAsRead(e),i(`allRead`,e)}function w(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;a.clearMessages(e)}function T(){a.popoverVisible.value=!1}function D(){a.clearSelection()}return t({refresh:()=>a.fetchMessages(!0),connectWS:()=>{r.wsConfig&&a.connectWS(r.wsConfig)},disconnectWS:a.disconnectWS,getUnreadCount:()=>a.unreadCount.value,getMessages:()=>a.messages.value,markRead:e=>a.markAsRead(e),markAllAsRead:e=>a.markAllAsRead(e)}),(e,t)=>{let n=d,m=o;return E(),_(`div`,Le,[b(m,{show:j(a).popoverVisible.value,"onUpdate:show":t[1]||=e=>j(a).popoverVisible.value=e,width:420,trigger:`click`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:D},{trigger:N(()=>[b(ae,{count:j(a).unreadCount.value,"max-count":r.maxBadgeCount,"has-urgent":s.value,onClick:l},null,8,[`count`,`max-count`,`has-urgent`])]),default:N(()=>[v(`div`,Re,[g(` 头部标题 `),v(`div`,ze,[t[2]||=v(`span`,{class:`c-notification-center__title`},`消息中心`,-1),v(`div`,Be,[g(` WebSocket 连接状态 `),r.wsConfig?(E(),h(n,{key:0,trigger:`hover`,placement:`top`},{trigger:N(()=>[v(`span`,{class:S([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${j(a).wsStatus.value}`])},null,2)]),default:N(()=>[y(` `+A(c.value),1)]),_:1})):g(`v-if`,!0)])]),g(` 列表 / 详情切换 `),b(p,{name:`slide-fade`,mode:`out-in`},{default:N(()=>[j(a).selectedMessage.value?(E(),h(Ie,{key:j(a).selectedMessage.value.id,message:j(a).selectedMessage.value,onBack:j(a).clearSelection,onAction:T,onNavigate:t[0]||=e=>i(`navigate`,e)},null,8,[`message`,`onBack`])):(E(),h(Te,{key:1,messages:j(a).filteredMessages.value,"active-category":j(a).activeCategory.value,"unread-by-category":j(a).unreadByCategory.value,"unread-count":j(a).unreadCount.value,loading:j(a).loading.value,"has-more":j(a).hasMore.value,onSwitchCategory:j(a).switchCategory,onItemClick:u,onRead:f,onDelete:x,onMarkAllRead:C,onClear:w,onLoadMore:j(a).loadMore},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`onSwitchCategory`,`onLoadMore`]))]),_:1})])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-a60d6896`]]);export{V as a,I as c,z as d,B as f,U as g,W as h,G as i,ee as l,L as m,$ as n,H as o,R as p,K as r,F as s,Ve as t,te as u};
 //# sourceMappingURL=C_NotificationCenter2.js.map