@composy/log-viewer-core 0.0.1 → 0.0.2

package/es/core/LogViewer.js

@@ -2,18 +2,63 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
 */
 import { EventEmitter } from "./EventEmitter.js";
+import { ACTION_LABELS } from "../types/index.js";
 import { FilterEngine } from "../filters/FilterEngine.js";
 import { deepClone } from "../utils/index.js";
-import { TimelineRenderer } from "../renderers/TimelineRenderer.js";
 import { DiffRenderer } from "../renderers/DiffRenderer.js";
+import { TimelineRenderer } from "../renderers/TimelineRenderer.js";
 import { injectStyles } from "../styles/index.js";
 //#region src/core/LogViewer.ts
+const DEFAULT_PAGE_SIZE = 20;
+const MAX_PAGE_SIZE = 1e3;
+function normalizePageSize(value, fallback = DEFAULT_PAGE_SIZE) {
+	const pageSize = Number(value);
+	if (!Number.isFinite(pageSize) || pageSize <= 0) return fallback;
+	return Math.min(MAX_PAGE_SIZE, Math.max(1, Math.floor(pageSize)));
+}
+function normalizePage(value) {
+	const page = Number(value);
+	if (!Number.isFinite(page) || page < 1) return 1;
+	return Math.floor(page);
+}
+function cloneEntries(entries) {
+	if (entries === void 0) return [];
+	if (!Array.isArray(entries)) throw new TypeError("[LogViewer] data must be an array");
+	return entries.map((entry, index) => {
+		if (!entry || typeof entry !== "object") throw new TypeError(`[LogViewer] data[${index}] must be an object`);
+		const cloned = deepClone(entry);
+		const id = String(cloned.id ?? "").trim();
+		if (!id) throw new TypeError(`[LogViewer] data[${index}].id must be a non-empty string`);
+		return {
+			...cloned,
+			id,
+			user: String(cloned.user ?? ""),
+			module: String(cloned.module ?? ""),
+			changes: Array.isArray(cloned.changes) ? cloned.changes : void 0
+		};
+	});
+}
+function isActionType(value) {
+	return Object.keys(ACTION_LABELS).includes(value);
+}
+function sourceEntries(payload) {
+	if (Array.isArray(payload)) return payload;
+	if (!payload || typeof payload !== "object") throw new TypeError("[LogViewer] dataSource response must be an array");
+	const record = payload;
+	for (const key of [
+		"data",
+		"logs",
+		"items",
+		"entries"
+	]) if (Array.isArray(record[key])) return record[key];
+	throw new TypeError("[LogViewer] dataSource response must contain an array");
+}
 var LogViewer = class {
 	constructor(config) {
 		this.emitter = new EventEmitter();
@@ -25,89 +70,107 @@ var LogViewer = class {
 		this.filter = {};
 		this.pagination = {
 			page: 1,
-			pageSize: 20
+			pageSize: DEFAULT_PAGE_SIZE
 		};
 		this.theme = "light";
 		this.expandedIds = /* @__PURE__ */ new Set();
+		this.filterEl = null;
 		this.timelineEl = null;
 		this.paginationEl = null;
 		this.destroyed = false;
-		this.config = config;
+		this.requestId = 0;
+		this.abortController = null;
+		if (typeof document === "undefined") throw new Error("[LogViewer] A browser document is required");
 		const container = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
-		if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`);
+		if (!container) throw new Error(`[LogViewer] Container not found: ${String(config.container)}`);
+		this.config = { ...config };
+		this.theme = config.theme === "dark" ? "dark" : "light";
+		this.pagination = {
+			page: normalizePage(config.pagination?.page),
+			pageSize: normalizePageSize(config.pageSize ?? config.pagination?.pageSize)
+		};
+		this.filter = deepClone(config.filter || {});
+		this.data = cloneEntries(config.data);
 		injectStyles();
 		this.root = document.createElement("div");
 		this.root.className = "lv-root";
-		container.appendChild(this.root);
-		this.theme = config.theme || "light";
 		this.root.setAttribute("data-theme", this.theme);
-		if (config.pageSize) this.pagination.pageSize = config.pageSize;
-		if (config.pagination) Object.assign(this.pagination, config.pagination);
-		if (config.filter) this.filter = deepClone(config.filter);
-		if (config.data) this.data = [...config.data];
-		this.applyFilterAndRender();
+		container.appendChild(this.root);
 		this.bindEvents();
+		this.applyFilterAndRender();
+		if (config.dataSource) this.loadData().catch(() => void 0);
 	}
 	getData() {
-		return [...this.data];
+		return deepClone(this.data);
 	}
 	setData(entries) {
-		this.data = [...entries];
+		if (this.destroyed) return;
+		this.data = cloneEntries(entries);
 		this.pagination.page = 1;
+		this.expandedIds.clear();
 		this.applyFilterAndRender();
-		this.emitter.emit("data:change", this.data);
+		this.emitter.emit("data:change", this.getData());
 	}
 	appendData(entries) {
-		this.data.push(...entries);
+		if (this.destroyed) return;
+		this.data.push(...cloneEntries(entries));
 		this.applyFilterAndRender();
-		this.emitter.emit("data:change", this.data);
+		this.emitter.emit("data:change", this.getData());
 	}
 	getFilter() {
 		return deepClone(this.filter);
 	}
 	setFilter(filter) {
-		this.filter = deepClone(filter);
+		if (this.destroyed) return;
+		this.filter = deepClone(filter || {});
 		this.pagination.page = 1;
 		this.applyFilterAndRender();
-		this.emitter.emit("filter:change", this.filter);
-		this.config.onFilterChange?.(this.filter);
+		const current = this.getFilter();
+		this.emitter.emit("filter:change", current);
+		this.config.onFilterChange?.(current);
 	}
 	resetFilter() {
-		this.filter = {};
-		this.pagination.page = 1;
-		this.applyFilterAndRender();
-		this.emitter.emit("filter:change", this.filter);
+		if (this.destroyed) return;
+		this.setFilter({});
 	}
 	getTheme() {
 		return this.theme;
 	}
 	setTheme(theme) {
+		if (this.destroyed) return;
+		if (theme !== "light" && theme !== "dark") throw new TypeError("[LogViewer] theme must be light or dark");
+		if (this.theme === theme) return;
 		this.theme = theme;
 		this.root.setAttribute("data-theme", theme);
 		this.emitter.emit("theme:change", theme);
 		this.config.onThemeChange?.(theme);
 	}
 	expandEntry(id) {
+		if (this.destroyed || this.expandedIds.has(id)) return;
 		this.expandedIds.add(id);
-		const entry = this.data.find((e) => e.id === id);
-		if (entry) this.emitter.emit("entry:expand", entry);
+		const entry = this.data.find((item) => item.id === id);
+		if (entry) this.emitter.emit("entry:expand", deepClone(entry));
 		this.renderTimeline();
 	}
 	collapseEntry(id) {
+		if (this.destroyed || !this.expandedIds.has(id)) return;
 		this.expandedIds.delete(id);
-		const entry = this.data.find((e) => e.id === id);
-		if (entry) this.emitter.emit("entry:collapse", entry);
+		const entry = this.data.find((item) => item.id === id);
+		if (entry) this.emitter.emit("entry:collapse", deepClone(entry));
 		this.renderTimeline();
 	}
 	collapseAll() {
+		if (this.destroyed || this.expandedIds.size === 0) return;
 		this.expandedIds.clear();
 		this.renderTimeline();
 	}
 	goToPage(page) {
-		const totalPages = Math.ceil(this.filteredData.length / this.pagination.pageSize);
-		if (page < 1 || page > totalPages) return;
-		this.pagination.page = page;
-		this.emitter.emit("page:change", page);
+		if (this.destroyed) return;
+		const totalPages = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize));
+		const nextPage = Math.min(totalPages, Math.max(1, normalizePage(page)));
+		if (nextPage === this.pagination.page) return;
+		this.pagination.page = nextPage;
+		this.emitter.emit("page:change", nextPage);
 		this.renderTimeline();
 	}
 	getPagination() {
@@ -120,17 +183,55 @@ var LogViewer = class {
 		return this.emitter.on(event, callback);
 	}
 	refresh() {
-		this.applyFilterAndRender();
+		if (!this.destroyed) this.applyFilterAndRender();
+	}
+	async loadData() {
+		if (this.destroyed || !this.config.dataSource) return;
+		const currentRequest = ++this.requestId;
+		this.abortController?.abort();
+		this.abortController = typeof AbortController !== "undefined" ? new AbortController() : null;
+		try {
+			let payload;
+			if (typeof this.config.dataSource === "function") payload = await this.config.dataSource();
+			else {
+				if (typeof fetch !== "function") throw new Error("[LogViewer] fetch is unavailable");
+				const response = await fetch(this.config.dataSource, { signal: this.abortController?.signal });
+				if (!response.ok) throw new Error(`[LogViewer] dataSource request failed: ${response.status}`);
+				payload = await response.json();
+			}
+			if (this.destroyed || currentRequest !== this.requestId) return;
+			this.setData(sourceEntries(payload));
+		} catch (error) {
+			if (this.destroyed || typeof DOMException !== "undefined" && error instanceof DOMException && error.name === "AbortError") return;
+			this.config.onError?.(error);
+			this.emitter.emit("error", error);
+			throw error;
+		}
 	}
 	destroy() {
 		if (this.destroyed) return;
 		this.destroyed = true;
+		this.requestId++;
+		this.abortController?.abort();
+		this.abortController = null;
 		this.emitter.removeAllListeners();
+		this.expandedIds.clear();
+		this.root.replaceChildren();
 		this.root.remove();
 	}
 	applyFilterAndRender() {
 		this.filteredData = this.filterEngine.filter(this.data, this.filter);
-		this.filteredData.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+		this.filteredData = this.filteredData.map((entry, index) => ({
+			entry,
+			index
+		})).sort((a, b) => {
+			const left = new Date(a.entry.timestamp).getTime();
+			const right = new Date(b.entry.timestamp).getTime();
+			const leftTime = Number.isFinite(left) ? left : Number.MIN_SAFE_INTEGER;
+			return (Number.isFinite(right) ? right : Number.MIN_SAFE_INTEGER) - leftTime || a.index - b.index;
+		}).map(({ entry }) => entry);
+		const totalPages = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize));
+		this.pagination.page = Math.min(this.pagination.page, totalPages);
 		this.pagination.total = this.filteredData.length;
 		this.renderTimeline();
 	}
@@ -139,43 +240,121 @@ var LogViewer = class {
 		const start = (page - 1) * pageSize;
 		return this.filteredData.slice(start, start + pageSize);
 	}
+	renderFilterBar() {
+		if (this.config.showFilter === false) return null;
+		const filter = document.createElement("div");
+		filter.className = "lv-filter";
+		filter.setAttribute("role", "search");
+		const addInput = (field, label) => {
+			const item = document.createElement("label");
+			item.className = "lv-filter-item";
+			const text = document.createElement("span");
+			text.className = "lv-filter-label";
+			text.textContent = label;
+			const input = document.createElement("input");
+			input.className = "lv-filter-input";
+			input.type = "search";
+			input.value = String(this.filter[field] || "");
+			input.setAttribute("data-filter-field", field);
+			input.setAttribute("aria-label", label);
+			item.append(text, input);
+			filter.appendChild(item);
+		};
+		addInput("keyword", this.config.locale === "en-US" ? "Keyword" : "关键词");
+		addInput("user", this.config.locale === "en-US" ? "User" : "用户");
+		addInput("module", this.config.locale === "en-US" ? "Module" : "模块");
+		addInput("ip", "IP");
+		const actionItem = document.createElement("label");
+		actionItem.className = "lv-filter-item";
+		const actionLabel = document.createElement("span");
+		actionLabel.className = "lv-filter-label";
+		actionLabel.textContent = this.config.locale === "en-US" ? "Action" : "操作";
+		const action = document.createElement("select");
+		action.className = "lv-filter-select";
+		action.setAttribute("data-filter-field", "action");
+		action.setAttribute("aria-label", actionLabel.textContent);
+		const allOption = document.createElement("option");
+		allOption.value = "";
+		allOption.textContent = this.config.locale === "en-US" ? "All" : "全部";
+		action.appendChild(allOption);
+		for (const [value, label] of Object.entries(ACTION_LABELS)) {
+			const option = document.createElement("option");
+			option.value = value;
+			option.textContent = label;
+			action.appendChild(option);
+		}
+		action.value = Array.isArray(this.filter.action) ? "" : this.filter.action || "";
+		actionItem.append(actionLabel, action);
+		filter.appendChild(actionItem);
+		const reset = document.createElement("button");
+		reset.type = "button";
+		reset.className = "lv-filter-btn";
+		reset.setAttribute("data-filter-reset", "true");
+		reset.textContent = this.config.locale === "en-US" ? "Reset" : "重置";
+		filter.appendChild(reset);
+		return filter;
+	}
+	updateFilterField(field, value) {
+		const next = this.getFilter();
+		if (!value.trim()) delete next[field];
+		else if (field === "action" && isActionType(value)) next.action = value;
+		else if (field !== "action") next[field] = value;
+		this.setFilter(next);
+	}
 	renderTimeline() {
 		if (this.destroyed) return;
 		const pageData = this.getPageData();
-		const newTimeline = this.timelineRenderer.render(pageData, this.expandedIds);
-		for (const entry of pageData) if (this.expandedIds.has(entry.id)) {
-			const itemEl = newTimeline.querySelector(`[data-id="${entry.id}"] .lv-timeline-card`);
-			if (itemEl) itemEl.appendChild(this.diffRenderer.renderDetail(entry));
+		const timeline = this.timelineRenderer.render(pageData, this.expandedIds, {
+			showDiff: this.config.showDiff,
+			showAnomalyBadge: this.config.showAnomalyBadge,
+			locale: this.config.locale
+		});
+		if (this.config.showDiff !== false) for (const entry of pageData) {
+			if (!this.expandedIds.has(entry.id)) continue;
+			([...timeline.children].find((child) => child.getAttribute("data-id") === entry.id)?.querySelector(".lv-timeline-card"))?.appendChild(this.diffRenderer.renderDetail(entry));
 		}
-		if (this.timelineEl) this.root.removeChild(this.timelineEl);
-		this.timelineEl = newTimeline;
-		this.root.appendChild(this.timelineEl);
-		const newPagination = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length);
-		if (this.paginationEl) this.root.removeChild(this.paginationEl);
-		this.paginationEl = newPagination;
-		this.root.appendChild(this.paginationEl);
+		this.filterEl?.remove();
+		this.timelineEl?.remove();
+		this.paginationEl?.remove();
+		this.filterEl = this.renderFilterBar();
+		this.timelineEl = timeline;
+		this.paginationEl = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length);
+		if (this.filterEl) this.root.appendChild(this.filterEl);
+		this.root.append(this.timelineEl, this.paginationEl);
 	}
 	bindEvents() {
-		this.root.addEventListener("click", (e) => {
-			const target = e.target;
-			const card = target.closest(".lv-timeline-card");
-			if (card) {
-				const id = card.closest(".lv-timeline-item")?.getAttribute("data-id");
-				if (!id) return;
-				const entry = this.filteredData.find((en) => en.id === id);
-				if (!entry) return;
-				if (target.classList.contains("lv-timeline-expand-hint")) {
-					if (this.expandedIds.has(id)) this.collapseEntry(id);
-					else this.expandEntry(id);
-					return;
-				}
-				this.emitter.emit("entry:click", entry);
-				this.config.onEntryClick?.(entry);
+		this.root.addEventListener("change", (event) => {
+			const target = event.target;
+			if (!(target instanceof HTMLInputElement) && !(target instanceof HTMLSelectElement)) return;
+			const field = target.getAttribute("data-filter-field");
+			if (field) this.updateFilterField(field, target.value);
+		});
+		this.root.addEventListener("click", (event) => {
+			const target = event.target;
+			if (!(target instanceof Element)) return;
+			if (target.closest("[data-filter-reset]")) {
+				this.resetFilter();
+				return;
+			}
+			const hint = target.closest(".lv-timeline-expand-hint");
+			const id = (hint?.closest(".lv-timeline-item") || target.closest(".lv-timeline-item"))?.getAttribute("data-id");
+			if (hint && id) {
+				if (this.expandedIds.has(id)) this.collapseEntry(id);
+				else this.expandEntry(id);
+				return;
+			}
+			const pageButton = target.closest(".lv-pagination-btn");
+			if (pageButton && !pageButton.disabled) {
+				const page = Number(pageButton.getAttribute("data-page"));
+				if (Number.isFinite(page)) this.goToPage(page);
+				return;
 			}
-			const pageBtn = target.closest(".lv-pagination-btn");
-			if (pageBtn && !pageBtn.disabled) {
-				const page = parseInt(pageBtn.getAttribute("data-page") || "1", 10);
-				this.goToPage(page);
+			if (!target.closest(".lv-timeline-card") || !id) return;
+			const entry = this.filteredData.find((candidate) => candidate.id === id);
+			if (entry) {
+				const snapshot = deepClone(entry);
+				this.emitter.emit("entry:click", snapshot);
+				this.config.onEntryClick?.(snapshot);
 			}
 		});
 	}

package/es/core/LogViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogViewer.js","names":[],"sources":["../../src/core/LogViewer.ts"],"sourcesContent":["/**\n * LogViewer 核心引擎\n */\n\nimport type {\n  LogEntry,\n  LogViewerConfig,\n  LogViewerInstance,\n  FilterConfig,\n  PaginationConfig,\n  ThemeMode,\n} from '../types'\nimport { EventEmitter } from './EventEmitter'\nimport { FilterEngine } from '../filters/FilterEngine'\nimport { TimelineRenderer } from '../renderers/TimelineRenderer'\nimport { DiffRenderer } from '../renderers/DiffRenderer'\nimport { injectStyles } from '../styles'\nimport { deepClone } from '../utils'\n\n/**\n * LogViewer - Log Viewer class\n */\nexport class LogViewer implements LogViewerInstance {\n  private root: HTMLElement\n  private emitter = new EventEmitter()\n  private filterEngine = new FilterEngine()\n  private timelineRenderer = new TimelineRenderer()\n  private diffRenderer = new DiffRenderer()\n\n  private data: LogEntry[] = []\n  private filteredData: LogEntry[] = []\n  private filter: FilterConfig = {}\n  private pagination: PaginationConfig = { page: 1, pageSize: 20 }\n  private theme: ThemeMode = 'light'\n  private expandedIds = new Set<string>()\n  private config: LogViewerConfig\n\n  private timelineEl: HTMLElement | null = null\n  private paginationEl: HTMLElement | null = null\n  private destroyed = false\n\n  constructor(config: LogViewerConfig) {\n    this.config = config\n\n    // Resolve container\n    const container =\n      typeof config.container === 'string'\n        ? document.querySelector<HTMLElement>(config.container)\n        : config.container\n    if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`)\n\n    // Inject global styles\n    injectStyles()\n\n    // Create root\n    this.root = document.createElement('div')\n    this.root.className = 'lv-root'\n    container.appendChild(this.root)\n\n    // Apply config\n    this.theme = config.theme || 'light'\n    this.root.setAttribute('data-theme', this.theme)\n\n    if (config.pageSize) this.pagination.pageSize = config.pageSize\n    if (config.pagination) Object.assign(this.pagination, config.pagination)\n    if (config.filter) this.filter = deepClone(config.filter)\n\n    // Load data\n    if (config.data) {\n      this.data = [...config.data]\n    }\n\n    this.applyFilterAndRender()\n    this.bindEvents()\n  }\n\n  // ===== Public API =====\n\n  getData(): LogEntry[] {\n    return [...this.data]\n  }\n\n  setData(entries: LogEntry[]): void {\n    this.data = [...entries]\n    this.pagination.page = 1\n    this.applyFilterAndRender()\n    this.emitter.emit('data:change', this.data)\n  }\n\n  appendData(entries: LogEntry[]): void {\n    this.data.push(...entries)\n    this.applyFilterAndRender()\n    this.emitter.emit('data:change', this.data)\n  }\n\n  getFilter(): FilterConfig {\n    return deepClone(this.filter)\n  }\n\n  setFilter(filter: FilterConfig): void {\n    this.filter = deepClone(filter)\n    this.pagination.page = 1\n    this.applyFilterAndRender()\n    this.emitter.emit('filter:change', this.filter)\n    this.config.onFilterChange?.(this.filter)\n  }\n\n  resetFilter(): void {\n    this.filter = {}\n    this.pagination.page = 1\n    this.applyFilterAndRender()\n    this.emitter.emit('filter:change', this.filter)\n  }\n\n  getTheme(): ThemeMode {\n    return this.theme\n  }\n\n  setTheme(theme: ThemeMode): void {\n    this.theme = theme\n    this.root.setAttribute('data-theme', theme)\n    this.emitter.emit('theme:change', theme)\n    this.config.onThemeChange?.(theme)\n  }\n\n  expandEntry(id: string): void {\n    this.expandedIds.add(id)\n    const entry = this.data.find((e) => e.id === id)\n    if (entry) this.emitter.emit('entry:expand', entry)\n    this.renderTimeline()\n  }\n\n  collapseEntry(id: string): void {\n    this.expandedIds.delete(id)\n    const entry = this.data.find((e) => e.id === id)\n    if (entry) this.emitter.emit('entry:collapse', entry)\n    this.renderTimeline()\n  }\n\n  collapseAll(): void {\n    this.expandedIds.clear()\n    this.renderTimeline()\n  }\n\n  goToPage(page: number): void {\n    const totalPages = Math.ceil(this.filteredData.length / this.pagination.pageSize)\n    if (page < 1 || page > totalPages) return\n    this.pagination.page = page\n    this.emitter.emit('page:change', page)\n    this.renderTimeline()\n  }\n\n  getPagination(): PaginationConfig {\n    return {\n      ...this.pagination,\n      total: this.filteredData.length,\n    }\n  }\n\n  on(event: string, callback: (...args: unknown[]) => void): () => void {\n    return this.emitter.on(event, callback)\n  }\n\n  refresh(): void {\n    this.applyFilterAndRender()\n  }\n\n  destroy(): void {\n    if (this.destroyed) return\n    this.destroyed = true\n    this.emitter.removeAllListeners()\n    this.root.remove()\n  }\n\n  // ===== Internal =====\n\n  private applyFilterAndRender(): void {\n    this.filteredData = this.filterEngine.filter(this.data, this.filter)\n    this.filteredData.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),\n    )\n    this.pagination.total = this.filteredData.length\n    this.renderTimeline()\n  }\n\n  private getPageData(): LogEntry[] {\n    const { page, pageSize } = this.pagination\n    const start = (page - 1) * pageSize\n    return this.filteredData.slice(start, start + pageSize)\n  }\n\n  private renderTimeline(): void {\n    if (this.destroyed) return\n\n    const pageData = this.getPageData()\n\n    // Timeline\n    const newTimeline = this.timelineRenderer.render(pageData, this.expandedIds)\n\n    // Render detail panels for expanded items\n    for (const entry of pageData) {\n      if (this.expandedIds.has(entry.id)) {\n        const itemEl = newTimeline.querySelector(`[data-id=\"${entry.id}\"] .lv-timeline-card`)\n        if (itemEl) {\n          itemEl.appendChild(this.diffRenderer.renderDetail(entry))\n        }\n      }\n    }\n\n    if (this.timelineEl) {\n      this.root.removeChild(this.timelineEl)\n    }\n    this.timelineEl = newTimeline\n    this.root.appendChild(this.timelineEl)\n\n    // Pagination\n    const newPagination = this.timelineRenderer.renderPagination(\n      this.pagination.page,\n      this.pagination.pageSize,\n      this.filteredData.length,\n    )\n    if (this.paginationEl) {\n      this.root.removeChild(this.paginationEl)\n    }\n    this.paginationEl = newPagination\n    this.root.appendChild(this.paginationEl)\n  }\n\n  private bindEvents(): void {\n    this.root.addEventListener('click', (e) => {\n      const target = e.target as HTMLElement\n\n      // Timeline card click\n      const card = target.closest('.lv-timeline-card') as HTMLElement | null\n      if (card) {\n        const item = card.closest('.lv-timeline-item') as HTMLElement | null\n        const id = item?.getAttribute('data-id')\n        if (!id) return\n\n        const entry = this.filteredData.find((en) => en.id === id)\n        if (!entry) return\n\n        // Click on expand hint\n        if (target.classList.contains('lv-timeline-expand-hint')) {\n          if (this.expandedIds.has(id)) {\n            this.collapseEntry(id)\n          } else {\n            this.expandEntry(id)\n          }\n          return\n        }\n\n        // Click on card itself\n        this.emitter.emit('entry:click', entry)\n        this.config.onEntryClick?.(entry)\n      }\n\n      // Pagination click\n      const pageBtn = target.closest('.lv-pagination-btn') as HTMLButtonElement | null\n      if (pageBtn && !pageBtn.disabled) {\n        const page = parseInt(pageBtn.getAttribute('data-page') || '1', 10)\n        this.goToPage(page)\n      }\n    })\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"LogViewer.js","names":[],"sources":["../../src/core/LogViewer.ts"],"sourcesContent":["/**\n * LogViewer 核心引擎\n */\n\nimport type {\n  ActionType,\n  FilterConfig,\n  LogEntry,\n  LogViewerConfig,\n  LogViewerInstance,\n  PaginationConfig,\n  ThemeMode,\n} from '../types'\nimport { ACTION_LABELS } from '../types'\nimport { EventEmitter } from './EventEmitter'\nimport { FilterEngine } from '../filters/FilterEngine'\nimport { DiffRenderer } from '../renderers/DiffRenderer'\nimport { TimelineRenderer } from '../renderers/TimelineRenderer'\nimport { injectStyles } from '../styles'\nimport { deepClone } from '../utils'\n\nconst DEFAULT_PAGE_SIZE = 20\nconst MAX_PAGE_SIZE = 1000\n\nfunction normalizePageSize(\n  value: unknown,\n  fallback = DEFAULT_PAGE_SIZE\n): number {\n  const pageSize = Number(value)\n  if (!Number.isFinite(pageSize) || pageSize <= 0) return fallback\n  return Math.min(MAX_PAGE_SIZE, Math.max(1, Math.floor(pageSize)))\n}\n\nfunction normalizePage(value: unknown): number {\n  const page = Number(value)\n  if (!Number.isFinite(page) || page < 1) return 1\n  return Math.floor(page)\n}\n\nfunction cloneEntries(entries: readonly LogEntry[] | undefined): LogEntry[] {\n  if (entries === undefined) return []\n  if (!Array.isArray(entries))\n    throw new TypeError('[LogViewer] data must be an array')\n\n  return entries.map((entry, index) => {\n    if (!entry || typeof entry !== 'object') {\n      throw new TypeError(`[LogViewer] data[${index}] must be an object`)\n    }\n\n    const cloned = deepClone(entry)\n    const id = String(cloned.id ?? '').trim()\n    if (!id)\n      throw new TypeError(\n        `[LogViewer] data[${index}].id must be a non-empty string`\n      )\n\n    return {\n      ...cloned,\n      id,\n      user: String(cloned.user ?? ''),\n      module: String(cloned.module ?? ''),\n      changes: Array.isArray(cloned.changes) ? cloned.changes : undefined,\n    }\n  })\n}\n\nfunction isActionType(value: string): value is ActionType {\n  return Object.keys(ACTION_LABELS).includes(value)\n}\n\nfunction sourceEntries(payload: unknown): LogEntry[] {\n  if (Array.isArray(payload)) return payload as LogEntry[]\n  if (!payload || typeof payload !== 'object') {\n    throw new TypeError('[LogViewer] dataSource response must be an array')\n  }\n\n  const record = payload as Record<string, unknown>\n  for (const key of ['data', 'logs', 'items', 'entries']) {\n    if (Array.isArray(record[key])) return record[key] as LogEntry[]\n  }\n  throw new TypeError('[LogViewer] dataSource response must contain an array')\n}\n\n/** LogViewer - framework-neutral audit log viewer. */\nexport class LogViewer implements LogViewerInstance {\n  private readonly root: HTMLElement\n  private readonly emitter = new EventEmitter()\n  private readonly filterEngine = new FilterEngine()\n  private readonly timelineRenderer = new TimelineRenderer()\n  private readonly diffRenderer = new DiffRenderer()\n  private readonly config: LogViewerConfig\n\n  private data: LogEntry[] = []\n  private filteredData: LogEntry[] = []\n  private filter: FilterConfig = {}\n  private pagination: PaginationConfig = {\n    page: 1,\n    pageSize: DEFAULT_PAGE_SIZE,\n  }\n  private theme: ThemeMode = 'light'\n  private expandedIds = new Set<string>()\n  private filterEl: HTMLElement | null = null\n  private timelineEl: HTMLElement | null = null\n  private paginationEl: HTMLElement | null = null\n  private destroyed = false\n  private requestId = 0\n  private abortController: AbortController | null = null\n\n  constructor(config: LogViewerConfig) {\n    if (typeof document === 'undefined') {\n      throw new Error('[LogViewer] A browser document is required')\n    }\n\n    const container =\n      typeof config.container === 'string'\n        ? document.querySelector<HTMLElement>(config.container)\n        : config.container\n    if (!container)\n      throw new Error(\n        `[LogViewer] Container not found: ${String(config.container)}`\n      )\n\n    this.config = { ...config }\n    this.theme = config.theme === 'dark' ? 'dark' : 'light'\n    this.pagination = {\n      page: normalizePage(config.pagination?.page),\n      pageSize: normalizePageSize(\n        config.pageSize ?? config.pagination?.pageSize\n      ),\n    }\n    this.filter = deepClone(config.filter || {})\n    this.data = cloneEntries(config.data)\n\n    injectStyles()\n    this.root = document.createElement('div')\n    this.root.className = 'lv-root'\n    this.root.setAttribute('data-theme', this.theme)\n    container.appendChild(this.root)\n\n    this.bindEvents()\n    this.applyFilterAndRender()\n\n    if (config.dataSource) {\n      void this.loadData().catch(() => undefined)\n    }\n  }\n\n  getData(): LogEntry[] {\n    return deepClone(this.data)\n  }\n\n  setData(entries: LogEntry[]): void {\n    if (this.destroyed) return\n    this.data = cloneEntries(entries)\n    this.pagination.page = 1\n    this.expandedIds.clear()\n    this.applyFilterAndRender()\n    this.emitter.emit('data:change', this.getData())\n  }\n\n  appendData(entries: LogEntry[]): void {\n    if (this.destroyed) return\n    this.data.push(...cloneEntries(entries))\n    this.applyFilterAndRender()\n    this.emitter.emit('data:change', this.getData())\n  }\n\n  getFilter(): FilterConfig {\n    return deepClone(this.filter)\n  }\n\n  setFilter(filter: FilterConfig): void {\n    if (this.destroyed) return\n    this.filter = deepClone(filter || {})\n    this.pagination.page = 1\n    this.applyFilterAndRender()\n    const current = this.getFilter()\n    this.emitter.emit('filter:change', current)\n    this.config.onFilterChange?.(current)\n  }\n\n  resetFilter(): void {\n    if (this.destroyed) return\n    this.setFilter({})\n  }\n\n  getTheme(): ThemeMode {\n    return this.theme\n  }\n\n  setTheme(theme: ThemeMode): void {\n    if (this.destroyed) return\n    if (theme !== 'light' && theme !== 'dark') {\n      throw new TypeError('[LogViewer] theme must be light or dark')\n    }\n    if (this.theme === theme) return\n    this.theme = theme\n    this.root.setAttribute('data-theme', theme)\n    this.emitter.emit('theme:change', theme)\n    this.config.onThemeChange?.(theme)\n  }\n\n  expandEntry(id: string): void {\n    if (this.destroyed || this.expandedIds.has(id)) return\n    this.expandedIds.add(id)\n    const entry = this.data.find(item => item.id === id)\n    if (entry) this.emitter.emit('entry:expand', deepClone(entry))\n    this.renderTimeline()\n  }\n\n  collapseEntry(id: string): void {\n    if (this.destroyed || !this.expandedIds.has(id)) return\n    this.expandedIds.delete(id)\n    const entry = this.data.find(item => item.id === id)\n    if (entry) this.emitter.emit('entry:collapse', deepClone(entry))\n    this.renderTimeline()\n  }\n\n  collapseAll(): void {\n    if (this.destroyed || this.expandedIds.size === 0) return\n    this.expandedIds.clear()\n    this.renderTimeline()\n  }\n\n  goToPage(page: number): void {\n    if (this.destroyed) return\n    const totalPages = Math.max(\n      1,\n      Math.ceil(this.filteredData.length / this.pagination.pageSize)\n    )\n    const nextPage = Math.min(totalPages, Math.max(1, normalizePage(page)))\n    if (nextPage === this.pagination.page) return\n    this.pagination.page = nextPage\n    this.emitter.emit('page:change', nextPage)\n    this.renderTimeline()\n  }\n\n  getPagination(): PaginationConfig {\n    return {\n      ...this.pagination,\n      total: this.filteredData.length,\n    }\n  }\n\n  on(event: string, callback: (...args: unknown[]) => void): () => void {\n    return this.emitter.on(event, callback)\n  }\n\n  refresh(): void {\n    if (!this.destroyed) this.applyFilterAndRender()\n  }\n\n  async loadData(): Promise<void> {\n    if (this.destroyed || !this.config.dataSource) return\n\n    const currentRequest = ++this.requestId\n    this.abortController?.abort()\n    this.abortController =\n      typeof AbortController !== 'undefined' ? new AbortController() : null\n\n    try {\n      let payload: unknown\n      if (typeof this.config.dataSource === 'function') {\n        payload = await this.config.dataSource()\n      } else {\n        if (typeof fetch !== 'function')\n          throw new Error('[LogViewer] fetch is unavailable')\n        const response = await fetch(this.config.dataSource, {\n          signal: this.abortController?.signal,\n        })\n        if (!response.ok) {\n          throw new Error(\n            `[LogViewer] dataSource request failed: ${response.status}`\n          )\n        }\n        payload = await response.json()\n      }\n\n      if (this.destroyed || currentRequest !== this.requestId) return\n      this.setData(sourceEntries(payload))\n    } catch (error) {\n      if (\n        this.destroyed ||\n        (typeof DOMException !== 'undefined' &&\n          error instanceof DOMException &&\n          error.name === 'AbortError')\n      ) {\n        return\n      }\n      this.config.onError?.(error)\n      this.emitter.emit('error', error)\n      throw error\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return\n    this.destroyed = true\n    this.requestId++\n    this.abortController?.abort()\n    this.abortController = null\n    this.emitter.removeAllListeners()\n    this.expandedIds.clear()\n    this.root.replaceChildren()\n    this.root.remove()\n  }\n\n  private applyFilterAndRender(): void {\n    this.filteredData = this.filterEngine.filter(this.data, this.filter)\n    this.filteredData = this.filteredData\n      .map((entry, index) => ({ entry, index }))\n      .sort((a, b) => {\n        const left = new Date(a.entry.timestamp).getTime()\n        const right = new Date(b.entry.timestamp).getTime()\n        const leftTime = Number.isFinite(left) ? left : Number.MIN_SAFE_INTEGER\n        const rightTime = Number.isFinite(right)\n          ? right\n          : Number.MIN_SAFE_INTEGER\n        return rightTime - leftTime || a.index - b.index\n      })\n      .map(({ entry }) => entry)\n\n    const totalPages = Math.max(\n      1,\n      Math.ceil(this.filteredData.length / this.pagination.pageSize)\n    )\n    this.pagination.page = Math.min(this.pagination.page, totalPages)\n    this.pagination.total = this.filteredData.length\n    this.renderTimeline()\n  }\n\n  private getPageData(): LogEntry[] {\n    const { page, pageSize } = this.pagination\n    const start = (page - 1) * pageSize\n    return this.filteredData.slice(start, start + pageSize)\n  }\n\n  private renderFilterBar(): HTMLElement | null {\n    if (this.config.showFilter === false) return null\n\n    const filter = document.createElement('div')\n    filter.className = 'lv-filter'\n    filter.setAttribute('role', 'search')\n\n    const addInput = (\n      field: 'user' | 'module' | 'ip' | 'keyword',\n      label: string\n    ) => {\n      const item = document.createElement('label')\n      item.className = 'lv-filter-item'\n      const text = document.createElement('span')\n      text.className = 'lv-filter-label'\n      text.textContent = label\n      const input = document.createElement('input')\n      input.className = 'lv-filter-input'\n      input.type = 'search'\n      input.value = String(this.filter[field] || '')\n      input.setAttribute('data-filter-field', field)\n      input.setAttribute('aria-label', label)\n      item.append(text, input)\n      filter.appendChild(item)\n    }\n\n    addInput('keyword', this.config.locale === 'en-US' ? 'Keyword' : '关键词')\n    addInput('user', this.config.locale === 'en-US' ? 'User' : '用户')\n    addInput('module', this.config.locale === 'en-US' ? 'Module' : '模块')\n    addInput('ip', 'IP')\n\n    const actionItem = document.createElement('label')\n    actionItem.className = 'lv-filter-item'\n    const actionLabel = document.createElement('span')\n    actionLabel.className = 'lv-filter-label'\n    actionLabel.textContent = this.config.locale === 'en-US' ? 'Action' : '操作'\n    const action = document.createElement('select')\n    action.className = 'lv-filter-select'\n    action.setAttribute('data-filter-field', 'action')\n    action.setAttribute('aria-label', actionLabel.textContent)\n    const allOption = document.createElement('option')\n    allOption.value = ''\n    allOption.textContent = this.config.locale === 'en-US' ? 'All' : '全部'\n    action.appendChild(allOption)\n    for (const [value, label] of Object.entries(ACTION_LABELS)) {\n      const option = document.createElement('option')\n      option.value = value\n      option.textContent = label\n      action.appendChild(option)\n    }\n    const selectedAction = Array.isArray(this.filter.action)\n      ? ''\n      : this.filter.action || ''\n    action.value = selectedAction\n    actionItem.append(actionLabel, action)\n    filter.appendChild(actionItem)\n\n    const reset = document.createElement('button')\n    reset.type = 'button'\n    reset.className = 'lv-filter-btn'\n    reset.setAttribute('data-filter-reset', 'true')\n    reset.textContent = this.config.locale === 'en-US' ? 'Reset' : '重置'\n    filter.appendChild(reset)\n    return filter\n  }\n\n  private updateFilterField(field: string, value: string): void {\n    const next = this.getFilter()\n    if (!value.trim()) {\n      delete next[field as keyof FilterConfig]\n    } else if (field === 'action' && isActionType(value)) {\n      next.action = value\n    } else if (field !== 'action') {\n      next[field as 'user' | 'module' | 'ip' | 'keyword'] = value\n    }\n    this.setFilter(next)\n  }\n\n  private renderTimeline(): void {\n    if (this.destroyed) return\n\n    const pageData = this.getPageData()\n    const timeline = this.timelineRenderer.render(pageData, this.expandedIds, {\n      showDiff: this.config.showDiff,\n      showAnomalyBadge: this.config.showAnomalyBadge,\n      locale: this.config.locale,\n    })\n\n    if (this.config.showDiff !== false) {\n      for (const entry of pageData) {\n        if (!this.expandedIds.has(entry.id)) continue\n        const item = [...timeline.children].find(\n          child => child.getAttribute('data-id') === entry.id\n        )\n        const card = item?.querySelector('.lv-timeline-card')\n        card?.appendChild(this.diffRenderer.renderDetail(entry))\n      }\n    }\n\n    this.filterEl?.remove()\n    this.timelineEl?.remove()\n    this.paginationEl?.remove()\n\n    this.filterEl = this.renderFilterBar()\n    this.timelineEl = timeline\n    this.paginationEl = this.timelineRenderer.renderPagination(\n      this.pagination.page,\n      this.pagination.pageSize,\n      this.filteredData.length\n    )\n\n    if (this.filterEl) this.root.appendChild(this.filterEl)\n    this.root.append(this.timelineEl, this.paginationEl)\n  }\n\n  private bindEvents(): void {\n    this.root.addEventListener('change', event => {\n      const target = event.target\n      if (\n        !(target instanceof HTMLInputElement) &&\n        !(target instanceof HTMLSelectElement)\n      )\n        return\n      const field = target.getAttribute('data-filter-field')\n      if (field) this.updateFilterField(field, target.value)\n    })\n\n    this.root.addEventListener('click', event => {\n      const target = event.target\n      if (!(target instanceof Element)) return\n\n      const reset = target.closest('[data-filter-reset]')\n      if (reset) {\n        this.resetFilter()\n        return\n      }\n\n      const hint = target.closest('.lv-timeline-expand-hint')\n      const item =\n        hint?.closest('.lv-timeline-item') ||\n        target.closest('.lv-timeline-item')\n      const id = item?.getAttribute('data-id')\n      if (hint && id) {\n        if (this.expandedIds.has(id)) this.collapseEntry(id)\n        else this.expandEntry(id)\n        return\n      }\n\n      const pageButton = target.closest(\n        '.lv-pagination-btn'\n      ) as HTMLButtonElement | null\n      if (pageButton && !pageButton.disabled) {\n        const page = Number(pageButton.getAttribute('data-page'))\n        if (Number.isFinite(page)) this.goToPage(page)\n        return\n      }\n\n      const card = target.closest('.lv-timeline-card')\n      if (!card || !id) return\n      const entry = this.filteredData.find(candidate => candidate.id === id)\n      if (entry) {\n        const snapshot = deepClone(entry)\n        this.emitter.emit('entry:click', snapshot)\n        this.config.onEntryClick?.(snapshot)\n      }\n    })\n  }\n}\n"],"mappings":"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"}

package/es/filters/FilterEngine.d.ts

@@ -23,4 +23,3 @@ export declare class FilterEngine {
      */
     getUniqueActions(entries: LogEntry[]): string[];
 }
-//# sourceMappingURL=FilterEngine.d.ts.map

package/es/filters/FilterEngine.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -13,39 +13,44 @@ var FilterEngine = class {
 	* 对日志条目进行多维筛选
 	*/
 	filter(entries, config) {
-		let result = entries;
-		if (config.user) {
-			const keyword = config.user.toLowerCase();
-			result = result.filter((e) => e.user.toLowerCase().includes(keyword) || e.userId && e.userId.toLowerCase().includes(keyword));
+		let result = Array.isArray(entries) ? entries.slice() : [];
+		const normalizedConfig = config || {};
+		if (normalizedConfig.user?.trim()) {
+			const keyword = normalizedConfig.user.trim().toLowerCase();
+			result = result.filter((e) => e.user?.toLowerCase().includes(keyword) || e.userId?.toLowerCase().includes(keyword));
 		}
-		if (config.action) {
-			const actions = Array.isArray(config.action) ? config.action : [config.action];
-			result = result.filter((e) => actions.includes(e.action));
+		if (normalizedConfig.action) {
+			const actions = Array.isArray(normalizedConfig.action) ? normalizedConfig.action : [normalizedConfig.action];
+			if (actions.length > 0) result = result.filter((e) => actions.includes(e.action));
 		}
-		if (config.module) {
-			const mod = config.module.toLowerCase();
-			result = result.filter((e) => e.module.toLowerCase().includes(mod));
+		if (normalizedConfig.module?.trim()) {
+			const mod = normalizedConfig.module.trim().toLowerCase();
+			result = result.filter((e) => e.module?.toLowerCase().includes(mod));
 		}
-		if (config.ip) {
-			const ip = config.ip.toLowerCase();
-			result = result.filter((e) => e.ip && e.ip.toLowerCase().includes(ip));
+		if (normalizedConfig.ip?.trim()) {
+			const ip = normalizedConfig.ip.trim().toLowerCase();
+			result = result.filter((e) => e.ip?.toLowerCase().includes(ip));
 		}
-		if (config.timeRange) {
-			const [start, end] = config.timeRange;
+		if (normalizedConfig.timeRange) {
+			const [start, end] = normalizedConfig.timeRange;
 			const startTime = new Date(start).getTime();
 			const endTime = new Date(end).getTime();
-			result = result.filter((e) => {
-				const t = new Date(e.timestamp).getTime();
-				return t >= startTime && t <= endTime;
-			});
+			if (Number.isFinite(startTime) && Number.isFinite(endTime)) {
+				const lower = Math.min(startTime, endTime);
+				const upper = Math.max(startTime, endTime);
+				result = result.filter((e) => {
+					const t = new Date(e.timestamp).getTime();
+					return Number.isFinite(t) && t >= lower && t <= upper;
+				});
+			}
 		}
-		if (config.keyword) {
-			const kw = config.keyword.toLowerCase();
+		if (normalizedConfig.keyword?.trim()) {
+			const kw = normalizedConfig.keyword.trim().toLowerCase();
 			result = result.filter((e) => {
 				return [
-					e.user,
+					e.user || "",
 					e.action,
-					e.module,
+					e.module || "",
 					e.detail || "",
 					e.ip || "",
 					e.id
@@ -58,13 +63,13 @@ var FilterEngine = class {
 	* 获取所有唯一操作人
 	*/
 	getUniqueUsers(entries) {
-		return [...new Set(entries.map((e) => e.user))].sort();
+		return [...new Set(entries.map((e) => e.user).filter(Boolean))].sort();
 	}
 	/**
 	* 获取所有唯一模块
 	*/
 	getUniqueModules(entries) {
-		return [...new Set(entries.map((e) => e.module))].sort();
+		return [...new Set(entries.map((e) => e.module).filter(Boolean))].sort();
 	}
 	/**
 	* 获取所有唯一操作类型

package/es/filters/FilterEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterEngine.js","names":[],"sources":["../../src/filters/FilterEngine.ts"],"sourcesContent":["/**\n * 筛选引擎 - 支持按操作人/操作类型/时间范围/模块/IP/关键词筛选\n */\n\nimport type { LogEntry, FilterConfig } from '../types'\n\n/**\n * FilterEngine - Filter Engine class\n */\nexport class FilterEngine {\n  /**\n   * 对日志条目进行多维筛选\n   */\n  filter(entries: LogEntry[], config: FilterConfig): LogEntry[] {\n    let result = entries\n\n    // 按操作人筛选\n    if (config.user) {\n      const keyword = config.user.toLowerCase()\n      result = result.filter(\n        (e) =>\n          e.user.toLowerCase().includes(keyword) ||\n          (e.userId && e.userId.toLowerCase().includes(keyword)),\n      )\n    }\n\n    // 按操作类型筛选\n    if (config.action) {\n      const actions = Array.isArray(config.action) ? config.action : [config.action]\n      result = result.filter((e) => actions.includes(e.action))\n    }\n\n    // 按模块筛选\n    if (config.module) {\n      const mod = config.module.toLowerCase()\n      result = result.filter((e) => e.module.toLowerCase().includes(mod))\n    }\n\n    // 按 IP 筛选\n    if (config.ip) {\n      const ip = config.ip.toLowerCase()\n      result = result.filter((e) => e.ip && e.ip.toLowerCase().includes(ip))\n    }\n\n    // 按时间范围筛选\n    if (config.timeRange) {\n      const [start, end] = config.timeRange\n      const startTime = new Date(start).getTime()\n      const endTime = new Date(end).getTime()\n      result = result.filter((e) => {\n        const t = new Date(e.timestamp).getTime()\n        return t >= startTime && t <= endTime\n      })\n    }\n\n    // 按关键词全文搜索\n    if (config.keyword) {\n      const kw = config.keyword.toLowerCase()\n      result = result.filter((e) => {\n        const texts = [\n          e.user,\n          e.action,\n          e.module,\n          e.detail || '',\n          e.ip || '',\n          e.id,\n        ]\n        return texts.some((t) => t.toLowerCase().includes(kw))\n      })\n    }\n\n    return result\n  }\n\n  /**\n   * 获取所有唯一操作人\n   */\n  getUniqueUsers(entries: LogEntry[]): string[] {\n    return [...new Set(entries.map((e) => e.user))].sort()\n  }\n\n  /**\n   * 获取所有唯一模块\n   */\n  getUniqueModules(entries: LogEntry[]): string[] {\n    return [...new Set(entries.map((e) => e.module))].sort()\n  }\n\n  /**\n   * 获取所有唯一操作类型\n   */\n  getUniqueActions(entries: LogEntry[]): string[] {\n    return [...new Set(entries.map((e) => e.action))].sort()\n  }\n}\n"],"mappings":";;;;;;;;;;AASO,IAAM,eAAN,MAAmB;;;;CAIxB,OAAO,SAAqB,QAAkC;EAC5D,IAAI,SAAS;EAGb,IAAI,OAAO,MAAM;GACf,MAAM,UAAU,OAAO,KAAK,YAAY;GACxC,SAAS,OAAO,QACb,MACC,EAAE,KAAK,YAAY,CAAA,CAAE,SAAS,OAAO,KACpC,EAAE,UAAU,EAAE,OAAO,YAAY,CAAA,CAAE,SAAS,OAAO,CACxD;EACF;EAGA,IAAI,OAAO,QAAQ;GACjB,MAAM,UAAU,MAAM,QAAQ,OAAO,MAAM,IAAI,OAAO,SAAS,CAAC,OAAO,MAAM;GAC7E,SAAS,OAAO,QAAQ,MAAM,QAAQ,SAAS,EAAE,MAAM,CAAC;EAC1D;EAGA,IAAI,OAAO,QAAQ;GACjB,MAAM,MAAM,OAAO,OAAO,YAAY;GACtC,SAAS,OAAO,QAAQ,MAAM,EAAE,OAAO,YAAY,CAAA,CAAE,SAAS,GAAG,CAAC;EACpE;EAGA,IAAI,OAAO,IAAI;GACb,MAAM,KAAK,OAAO,GAAG,YAAY;GACjC,SAAS,OAAO,QAAQ,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAA,CAAE,SAAS,EAAE,CAAC;EACvE;EAGA,IAAI,OAAO,WAAW;GACpB,MAAM,CAAC,OAAO,OAAO,OAAO;GAC5B,MAAM,YAAY,IAAI,KAAK,KAAK,CAAA,CAAE,QAAQ;GAC1C,MAAM,UAAU,IAAI,KAAK,GAAG,CAAA,CAAE,QAAQ;GACtC,SAAS,OAAO,QAAQ,MAAM;IAC5B,MAAM,IAAI,IAAI,KAAK,EAAE,SAAS,CAAA,CAAE,QAAQ;IACxC,OAAO,KAAK,aAAa,KAAK;GAChC,CAAC;EACH;EAGA,IAAI,OAAO,SAAS;GAClB,MAAM,KAAK,OAAO,QAAQ,YAAY;GACtC,SAAS,OAAO,QAAQ,MAAM;IAS5B,OAAO;KAPL,EAAE;KACF,EAAE;KACF,EAAE;KACF,EAAE,UAAU;KACZ,EAAE,MAAM;KACR,EAAE;IAEG,CAAA,CAAM,MAAM,MAAM,EAAE,YAAY,CAAA,CAAE,SAAS,EAAE,CAAC;GACvD,CAAC;EACH;EAEA,OAAO;CACT;;;;CAKA,eAAe,SAA+B;EAC5C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA,CAAE,KAAK;CACvD;;;;CAKA,iBAAiB,SAA+B;EAC9C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA,CAAE,KAAK;CACzD;;;;CAKA,iBAAiB,SAA+B;EAC9C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA,CAAE,KAAK;CACzD;AACF"}
+{"version":3,"file":"FilterEngine.js","names":[],"sources":["../../src/filters/FilterEngine.ts"],"sourcesContent":["/**\r\n * 筛选引擎 - 支持按操作人/操作类型/时间范围/模块/IP/关键词筛选\r\n */\r\n\r\nimport type { LogEntry, FilterConfig } from '../types'\r\n\r\n/**\r\n * FilterEngine - Filter Engine class\r\n */\r\nexport class FilterEngine {\r\n  /**\r\n   * 对日志条目进行多维筛选\r\n   */\r\n  filter(entries: LogEntry[], config: FilterConfig): LogEntry[] {\r\n    let result = Array.isArray(entries) ? entries.slice() : []\r\n    const normalizedConfig = config || {}\r\n\r\n    // 按操作人筛选\r\n    if (normalizedConfig.user?.trim()) {\r\n      const keyword = normalizedConfig.user.trim().toLowerCase()\r\n      result = result.filter(\r\n        e =>\r\n          e.user?.toLowerCase().includes(keyword) ||\r\n          e.userId?.toLowerCase().includes(keyword)\r\n      )\r\n    }\r\n\r\n    // 按操作类型筛选\r\n    if (normalizedConfig.action) {\r\n      const actions = Array.isArray(normalizedConfig.action)\r\n        ? normalizedConfig.action\r\n        : [normalizedConfig.action]\r\n      if (actions.length > 0)\r\n        result = result.filter(e => actions.includes(e.action))\r\n    }\r\n\r\n    // 按模块筛选\r\n    if (normalizedConfig.module?.trim()) {\r\n      const mod = normalizedConfig.module.trim().toLowerCase()\r\n      result = result.filter(e => e.module?.toLowerCase().includes(mod))\r\n    }\r\n\r\n    // 按 IP 筛选\r\n    if (normalizedConfig.ip?.trim()) {\r\n      const ip = normalizedConfig.ip.trim().toLowerCase()\r\n      result = result.filter(e => e.ip?.toLowerCase().includes(ip))\r\n    }\r\n\r\n    // 按时间范围筛选\r\n    if (normalizedConfig.timeRange) {\r\n      const [start, end] = normalizedConfig.timeRange\r\n      const startTime = new Date(start).getTime()\r\n      const endTime = new Date(end).getTime()\r\n      if (Number.isFinite(startTime) && Number.isFinite(endTime)) {\r\n        const lower = Math.min(startTime, endTime)\r\n        const upper = Math.max(startTime, endTime)\r\n        result = result.filter(e => {\r\n          const t = new Date(e.timestamp).getTime()\r\n          return Number.isFinite(t) && t >= lower && t <= upper\r\n        })\r\n      }\r\n    }\r\n\r\n    // 按关键词全文搜索\r\n    if (normalizedConfig.keyword?.trim()) {\r\n      const kw = normalizedConfig.keyword.trim().toLowerCase()\r\n      result = result.filter(e => {\r\n        const texts = [\r\n          e.user || '',\r\n          e.action,\r\n          e.module || '',\r\n          e.detail || '',\r\n          e.ip || '',\r\n          e.id,\r\n        ]\r\n        return texts.some(t => t.toLowerCase().includes(kw))\r\n      })\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  /**\r\n   * 获取所有唯一操作人\r\n   */\r\n  getUniqueUsers(entries: LogEntry[]): string[] {\r\n    return [...new Set(entries.map(e => e.user).filter(Boolean))].sort()\r\n  }\r\n\r\n  /**\r\n   * 获取所有唯一模块\r\n   */\r\n  getUniqueModules(entries: LogEntry[]): string[] {\r\n    return [...new Set(entries.map(e => e.module).filter(Boolean))].sort()\r\n  }\r\n\r\n  /**\r\n   * 获取所有唯一操作类型\r\n   */\r\n  getUniqueActions(entries: LogEntry[]): string[] {\r\n    return [...new Set(entries.map(e => e.action))].sort()\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AASO,IAAM,eAAN,MAAmB;;;;CAIxB,OAAO,SAAqB,QAAkC;EAC5D,IAAI,SAAS,MAAM,QAAQ,OAAO,IAAI,QAAQ,MAAM,IAAI,CAAC;EACzD,MAAM,mBAAmB,UAAU,CAAC;EAGpC,IAAI,iBAAiB,MAAM,KAAK,GAAG;GACjC,MAAM,UAAU,iBAAiB,KAAK,KAAK,CAAA,CAAE,YAAY;GACzD,SAAS,OAAO,QACd,MACE,EAAE,MAAM,YAAY,CAAA,CAAE,SAAS,OAAO,KACtC,EAAE,QAAQ,YAAY,CAAA,CAAE,SAAS,OAAO,CAC5C;EACF;EAGA,IAAI,iBAAiB,QAAQ;GAC3B,MAAM,UAAU,MAAM,QAAQ,iBAAiB,MAAM,IACjD,iBAAiB,SACjB,CAAC,iBAAiB,MAAM;GAC5B,IAAI,QAAQ,SAAS,GACnB,SAAS,OAAO,QAAO,MAAK,QAAQ,SAAS,EAAE,MAAM,CAAC;EAC1D;EAGA,IAAI,iBAAiB,QAAQ,KAAK,GAAG;GACnC,MAAM,MAAM,iBAAiB,OAAO,KAAK,CAAA,CAAE,YAAY;GACvD,SAAS,OAAO,QAAO,MAAK,EAAE,QAAQ,YAAY,CAAA,CAAE,SAAS,GAAG,CAAC;EACnE;EAGA,IAAI,iBAAiB,IAAI,KAAK,GAAG;GAC/B,MAAM,KAAK,iBAAiB,GAAG,KAAK,CAAA,CAAE,YAAY;GAClD,SAAS,OAAO,QAAO,MAAK,EAAE,IAAI,YAAY,CAAA,CAAE,SAAS,EAAE,CAAC;EAC9D;EAGA,IAAI,iBAAiB,WAAW;GAC9B,MAAM,CAAC,OAAO,OAAO,iBAAiB;GACtC,MAAM,YAAY,IAAI,KAAK,KAAK,CAAA,CAAE,QAAQ;GAC1C,MAAM,UAAU,IAAI,KAAK,GAAG,CAAA,CAAE,QAAQ;GACtC,IAAI,OAAO,SAAS,SAAS,KAAK,OAAO,SAAS,OAAO,GAAG;IAC1D,MAAM,QAAQ,KAAK,IAAI,WAAW,OAAO;IACzC,MAAM,QAAQ,KAAK,IAAI,WAAW,OAAO;IACzC,SAAS,OAAO,QAAO,MAAK;KAC1B,MAAM,IAAI,IAAI,KAAK,EAAE,SAAS,CAAA,CAAE,QAAQ;KACxC,OAAO,OAAO,SAAS,CAAC,KAAK,KAAK,SAAS,KAAK;IAClD,CAAC;GACH;EACF;EAGA,IAAI,iBAAiB,SAAS,KAAK,GAAG;GACpC,MAAM,KAAK,iBAAiB,QAAQ,KAAK,CAAA,CAAE,YAAY;GACvD,SAAS,OAAO,QAAO,MAAK;IAS1B,OAAO;KAPL,EAAE,QAAQ;KACV,EAAE;KACF,EAAE,UAAU;KACZ,EAAE,UAAU;KACZ,EAAE,MAAM;KACR,EAAE;IAEG,CAAA,CAAM,MAAK,MAAK,EAAE,YAAY,CAAA,CAAE,SAAS,EAAE,CAAC;GACrD,CAAC;EACH;EAEA,OAAO;CACT;;;;CAKA,eAAe,SAA+B;EAC5C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,MAAK,EAAE,IAAI,CAAA,CAAE,OAAO,OAAO,CAAC,CAAC,CAAA,CAAE,KAAK;CACrE;;;;CAKA,iBAAiB,SAA+B;EAC9C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,MAAK,EAAE,MAAM,CAAA,CAAE,OAAO,OAAO,CAAC,CAAC,CAAA,CAAE,KAAK;CACvE;;;;CAKA,iBAAiB,SAA+B;EAC9C,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,MAAK,EAAE,MAAM,CAAC,CAAC,CAAA,CAAE,KAAK;CACvD;AACF"}