@composy/log-viewer-core 0.0.1

package/es/utils/index.js

@@ -0,0 +1,73 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/utils/index.ts
+let _uid = 0;
+function uid(prefix = "lv") {
+	return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function formatDate(value, fmt = "YYYY-MM-DD HH:mm:ss") {
+	const d = value instanceof Date ? value : new Date(value);
+	if (isNaN(d.getTime())) return String(value);
+	const pad = (n) => String(n).padStart(2, "0");
+	const year = String(d.getFullYear());
+	const month = pad(d.getMonth() + 1);
+	const day = pad(d.getDate());
+	const hours = pad(d.getHours());
+	const minutes = pad(d.getMinutes());
+	const seconds = pad(d.getSeconds());
+	return fmt.replace("YYYY", year).replace("MM", month).replace("DD", day).replace("HH", hours).replace("mm", minutes).replace("ss", seconds);
+}
+function formatRelativeTime(value) {
+	const d = value instanceof Date ? value : new Date(value);
+	const diff = Date.now() - d.getTime();
+	if (diff < 6e4) return "刚刚";
+	if (diff < 36e5) return `${Math.floor(diff / 6e4)} \u5206\u949F\u524D`;
+	if (diff < 864e5) return `${Math.floor(diff / 36e5)} \u5C0F\u65F6\u524D`;
+	if (diff < 6048e5) return `${Math.floor(diff / 864e5)} \u5929\u524D`;
+	return formatDate(d);
+}
+function escapeHtml(str) {
+	const map = {
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#39;"
+	};
+	return str.replace(/[&<>"']/g, (c) => map[c] || c);
+}
+function debounce(fn, delay) {
+	let timer = null;
+	return ((...args) => {
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => fn(...args), delay);
+	});
+}
+function deepClone(obj) {
+	if (obj === null || typeof obj !== "object") return obj;
+	try {
+		return JSON.parse(JSON.stringify(obj));
+	} catch {
+		return obj;
+	}
+}
+function formatValue(val) {
+	if (val === null || val === void 0) return "-";
+	if (typeof val === "object") try {
+		return JSON.stringify(val, null, 2);
+	} catch {
+		return String(val);
+	}
+	return String(val);
+}
+//#endregion
+export { debounce, deepClone, escapeHtml, formatDate, formatRelativeTime, formatValue, uid };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/es/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * 工具函数\n */\n\nlet _uid = 0\n\n/** 生成唯一 ID */\nexport function uid(prefix = 'lv'): string {\n  return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`\n}\n\n/** 格式化日期 */\nexport function formatDate(value: string | number | Date, fmt = 'YYYY-MM-DD HH:mm:ss'): string {\n  const d = value instanceof Date ? value : new Date(value)\n  if (isNaN(d.getTime())) return String(value)\n\n  const pad = (n: number) => String(n).padStart(2, '0')\n  const year = String(d.getFullYear())\n  const month = pad(d.getMonth() + 1)\n  const day = pad(d.getDate())\n  const hours = pad(d.getHours())\n  const minutes = pad(d.getMinutes())\n  const seconds = pad(d.getSeconds())\n\n  return fmt\n    .replace('YYYY', year)\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds)\n}\n\n/** 格式化相对时间 */\nexport function formatRelativeTime(value: string | number | Date): string {\n  const d = value instanceof Date ? value : new Date(value)\n  const now = Date.now()\n  const diff = now - d.getTime()\n\n  if (diff < 60_000) return '刚刚'\n  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)} 分钟前`\n  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)} 小时前`\n  if (diff < 604_800_000) return `${Math.floor(diff / 86_400_000)} 天前`\n  return formatDate(d)\n}\n\n/** HTML 转义 */\nexport function escapeHtml(str: string): string {\n  const map: Record<string, string> = {\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#39;',\n  }\n  return str.replace(/[&<>\"']/g, (c) => map[c] || c)\n}\n\n/** 防抖 */\nexport function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T {\n  let timer: ReturnType<typeof setTimeout> | null = null\n  return ((...args: unknown[]) => {\n    if (timer) clearTimeout(timer)\n    timer = setTimeout(() => fn(...args), delay)\n  }) as unknown as T\n}\n\n/** 深拷贝简易实现 */\nexport function deepClone<T>(obj: T): T {\n  if (obj === null || typeof obj !== 'object') return obj\n  try {\n    return JSON.parse(JSON.stringify(obj))\n  } catch {\n    return obj\n  }\n}\n\n/** 将值格式化为可展示的字符串 */\nexport function formatValue(val: unknown): string {\n  if (val === null || val === undefined) return '-'\n  if (typeof val === 'object') {\n    try {\n      return JSON.stringify(val, null, 2)\n    } catch {\n      return String(val)\n    }\n  }\n  return String(val)\n}\n"],"mappings":";;;;;;;;;;AAIA,IAAI,OAAO;AAGJ,SAAS,IAAI,SAAS,MAAc;CACzC,OAAO,GAAG,OAAM,GAAI,EAAE,KAAI,GAAI,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,MAAM,GAAG,CAAC;AACrE;AAGO,SAAS,WAAW,OAA+B,MAAM,uBAA+B;CAC7F,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CACxD,IAAI,MAAM,EAAE,QAAQ,CAAC,GAAG,OAAO,OAAO,KAAK;CAE3C,MAAM,OAAO,MAAc,OAAO,CAAC,CAAA,CAAE,SAAS,GAAG,GAAG;CACpD,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC;CACnC,MAAM,QAAQ,IAAI,EAAE,SAAS,IAAI,CAAC;CAClC,MAAM,MAAM,IAAI,EAAE,QAAQ,CAAC;CAC3B,MAAM,QAAQ,IAAI,EAAE,SAAS,CAAC;CAC9B,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAClC,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAElC,OAAO,IACJ,QAAQ,QAAQ,IAAI,CAAA,CACpB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,GAAG,CAAA,CACjB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,OAAO,CAAA,CACrB,QAAQ,MAAM,OAAO;AAC1B;AAGO,SAAS,mBAAmB,OAAuC;CACxE,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CAExD,MAAM,OADM,KAAK,IACJ,IAAM,EAAE,QAAQ;CAE7B,IAAI,OAAO,KAAQ,OAAO;CAC1B,IAAI,OAAO,MAAW,OAAO,GAAG,KAAK,MAAM,OAAO,GAAM,EAAC;CACzD,IAAI,OAAO,OAAY,OAAO,GAAG,KAAK,MAAM,OAAO,IAAS,EAAC;CAC7D,IAAI,OAAO,QAAa,OAAO,GAAG,KAAK,MAAM,OAAO,KAAU,EAAC;CAC/D,OAAO,WAAW,CAAC;AACrB;AAGO,SAAS,WAAW,KAAqB;CAC9C,MAAM,MAA8B;EAClC,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAK;EACL,KAAK;CACP;CACA,OAAO,IAAI,QAAQ,aAAa,MAAM,IAAI,MAAM,CAAC;AACnD;AAGO,SAAS,SAAiD,IAAO,OAAkB;CACxF,IAAI,QAA8C;CAClD,SAAQ,GAAI,SAAoB;EAC9B,IAAI,OAAO,aAAa,KAAK;EAC7B,QAAQ,iBAAiB,GAAG,GAAG,IAAI,GAAG,KAAK;CAC7C;AACF;AAGO,SAAS,UAAa,KAAW;CACtC,IAAI,QAAQ,QAAQ,OAAO,QAAQ,UAAU,OAAO;CACpD,IAAI;EACF,OAAO,KAAK,MAAM,KAAK,UAAU,GAAG,CAAC;CACvC,QAAQ;EACN,OAAO;CACT;AACF;AAGO,SAAS,YAAY,KAAsB;CAChD,IAAI,QAAQ,QAAQ,QAAQ,KAAA,GAAW,OAAO;CAC9C,IAAI,OAAO,QAAQ,UACjB,IAAI;EACF,OAAO,KAAK,UAAU,KAAK,MAAM,CAAC;CACpC,QAAQ;EACN,OAAO,OAAO,GAAG;CACnB;CAEF,OAAO,OAAO,GAAG;AACnB"}

package/esm/core/EventEmitter.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 简单的事件发射器
+ */
+export declare class EventEmitter {
+    private listeners;
+    on(event: string, callback: (...args: unknown[]) => void): () => void;
+    off(event: string, callback: (...args: unknown[]) => void): void;
+    emit(event: string, ...args: unknown[]): void;
+    removeAllListeners(event?: string): void;
+}
+//# sourceMappingURL=EventEmitter.d.ts.map

package/esm/core/EventEmitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.d.ts","sourceRoot":"","sources":["../../src/core/EventEmitter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAuD;IAExE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAQrE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,IAAI;IAIhE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAU7C,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAOzC"}

package/esm/core/EventEmitter.js

@@ -0,0 +1,40 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/core/EventEmitter.ts
+var EventEmitter = class {
+	constructor() {
+		this.listeners = /* @__PURE__ */ new Map();
+	}
+	on(event, callback) {
+		if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
+		this.listeners.get(event).add(callback);
+		return () => this.off(event, callback);
+	}
+	off(event, callback) {
+		this.listeners.get(event)?.delete(callback);
+	}
+	emit(event, ...args) {
+		this.listeners.get(event)?.forEach((cb) => {
+			try {
+				cb(...args);
+			} catch (e) {
+				console.error(`[LogViewer] Event handler error (${event}):`, e);
+			}
+		});
+	}
+	removeAllListeners(event) {
+		if (event) this.listeners.delete(event);
+		else this.listeners.clear();
+	}
+};
+//#endregion
+export { EventEmitter };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=EventEmitter.js.map

package/esm/core/EventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.js","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\n * 简单的事件发射器\n */\nexport class EventEmitter {\n  private listeners = new Map<string, Set<(...args: unknown[]) => void>>()\n\n  on(event: string, callback: (...args: unknown[]) => void): () => void {\n    if (!this.listeners.has(event)) {\n      this.listeners.set(event, new Set())\n    }\n    this.listeners.get(event)!.add(callback)\n    return () => this.off(event, callback)\n  }\n\n  off(event: string, callback: (...args: unknown[]) => void): void {\n    this.listeners.get(event)?.delete(callback)\n  }\n\n  emit(event: string, ...args: unknown[]): void {\n    this.listeners.get(event)?.forEach((cb) => {\n      try {\n        cb(...args)\n      } catch (e) {\n        console.error(`[LogViewer] Event handler error (${event}):`, e)\n      }\n    })\n  }\n\n  removeAllListeners(event?: string): void {\n    if (event) {\n      this.listeners.delete(event)\n    } else {\n      this.listeners.clear()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;AAGO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+C;CAAA;CAEvE,GAAG,OAAe,UAAoD;EACpE,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAErC,KAAK,UAAU,IAAI,KAAK,CAAA,CAAG,IAAI,QAAQ;EACvC,aAAa,KAAK,IAAI,OAAO,QAAQ;CACvC;CAEA,IAAI,OAAe,UAA8C;EAC/D,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,OAAO,QAAQ;CAC5C;CAEA,KAAK,OAAA,GAAkB,MAAuB;EAC5C,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,SAAS,OAAO;GACzC,IAAI;IACF,GAAG,GAAG,IAAI;GACZ,SAAS,GAAG;IACV,QAAQ,MAAM,oCAAoC,MAAK,KAAM,CAAC;GAChE;EACF,CAAC;CACH;CAEA,mBAAmB,OAAsB;EACvC,IAAI,OACF,KAAK,UAAU,OAAO,KAAK;OAE3B,KAAK,UAAU,MAAM;CAEzB;AACF"}

package/esm/core/LogViewer.d.ts

@@ -0,0 +1,46 @@
+/**
+ * LogViewer 核心引擎
+ */
+import type { LogEntry, LogViewerConfig, LogViewerInstance, FilterConfig, PaginationConfig, ThemeMode } from '../types';
+/**
+ * LogViewer - Log Viewer class
+ */
+export declare class LogViewer implements LogViewerInstance {
+    private root;
+    private emitter;
+    private filterEngine;
+    private timelineRenderer;
+    private diffRenderer;
+    private data;
+    private filteredData;
+    private filter;
+    private pagination;
+    private theme;
+    private expandedIds;
+    private config;
+    private timelineEl;
+    private paginationEl;
+    private destroyed;
+    constructor(config: LogViewerConfig);
+    getData(): LogEntry[];
+    setData(entries: LogEntry[]): void;
+    appendData(entries: LogEntry[]): void;
+    getFilter(): FilterConfig;
+    setFilter(filter: FilterConfig): void;
+    resetFilter(): void;
+    getTheme(): ThemeMode;
+    setTheme(theme: ThemeMode): void;
+    expandEntry(id: string): void;
+    collapseEntry(id: string): void;
+    collapseAll(): void;
+    goToPage(page: number): void;
+    getPagination(): PaginationConfig;
+    on(event: string, callback: (...args: unknown[]) => void): () => void;
+    refresh(): void;
+    destroy(): void;
+    private applyFilterAndRender;
+    private getPageData;
+    private renderTimeline;
+    private bindEvents;
+}
+//# sourceMappingURL=LogViewer.d.ts.map

package/esm/core/LogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../src/core/LogViewer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACV,MAAM,UAAU,CAAA;AAQjB;;GAEG;AACH,qBAAa,SAAU,YAAW,iBAAiB;IACjD,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,YAAY,CAAqB;IAEzC,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,UAAU,CAA8C;IAChE,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,MAAM,CAAiB;IAE/B,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,eAAe;IAqCnC,OAAO,IAAI,QAAQ,EAAE;IAIrB,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI;IAOlC,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI;IAMrC,SAAS,IAAI,YAAY;IAIzB,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAQrC,WAAW,IAAI,IAAI;IAOnB,QAAQ,IAAI,SAAS;IAIrB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAOhC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO7B,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO/B,WAAW,IAAI,IAAI;IAKnB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ5B,aAAa,IAAI,gBAAgB;IAOjC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAIrE,OAAO,IAAI,IAAI;IAIf,OAAO,IAAI,IAAI;IASf,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAqCtB,OAAO,CAAC,UAAU;CAqCnB"}

package/esm/core/LogViewer.js

@@ -0,0 +1,186 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { EventEmitter } from "./EventEmitter.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 { injectStyles } from "../styles/index.js";
+//#region src/core/LogViewer.ts
+var LogViewer = class {
+	constructor(config) {
+		this.emitter = new EventEmitter();
+		this.filterEngine = new FilterEngine();
+		this.timelineRenderer = new TimelineRenderer();
+		this.diffRenderer = new DiffRenderer();
+		this.data = [];
+		this.filteredData = [];
+		this.filter = {};
+		this.pagination = {
+			page: 1,
+			pageSize: 20
+		};
+		this.theme = "light";
+		this.expandedIds = /* @__PURE__ */ new Set();
+		this.timelineEl = null;
+		this.paginationEl = null;
+		this.destroyed = false;
+		this.config = config;
+		const container = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
+		if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`);
+		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();
+		this.bindEvents();
+	}
+	getData() {
+		return [...this.data];
+	}
+	setData(entries) {
+		this.data = [...entries];
+		this.pagination.page = 1;
+		this.applyFilterAndRender();
+		this.emitter.emit("data:change", this.data);
+	}
+	appendData(entries) {
+		this.data.push(...entries);
+		this.applyFilterAndRender();
+		this.emitter.emit("data:change", this.data);
+	}
+	getFilter() {
+		return deepClone(this.filter);
+	}
+	setFilter(filter) {
+		this.filter = deepClone(filter);
+		this.pagination.page = 1;
+		this.applyFilterAndRender();
+		this.emitter.emit("filter:change", this.filter);
+		this.config.onFilterChange?.(this.filter);
+	}
+	resetFilter() {
+		this.filter = {};
+		this.pagination.page = 1;
+		this.applyFilterAndRender();
+		this.emitter.emit("filter:change", this.filter);
+	}
+	getTheme() {
+		return this.theme;
+	}
+	setTheme(theme) {
+		this.theme = theme;
+		this.root.setAttribute("data-theme", theme);
+		this.emitter.emit("theme:change", theme);
+		this.config.onThemeChange?.(theme);
+	}
+	expandEntry(id) {
+		this.expandedIds.add(id);
+		const entry = this.data.find((e) => e.id === id);
+		if (entry) this.emitter.emit("entry:expand", entry);
+		this.renderTimeline();
+	}
+	collapseEntry(id) {
+		this.expandedIds.delete(id);
+		const entry = this.data.find((e) => e.id === id);
+		if (entry) this.emitter.emit("entry:collapse", entry);
+		this.renderTimeline();
+	}
+	collapseAll() {
+		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);
+		this.renderTimeline();
+	}
+	getPagination() {
+		return {
+			...this.pagination,
+			total: this.filteredData.length
+		};
+	}
+	on(event, callback) {
+		return this.emitter.on(event, callback);
+	}
+	refresh() {
+		this.applyFilterAndRender();
+	}
+	destroy() {
+		if (this.destroyed) return;
+		this.destroyed = true;
+		this.emitter.removeAllListeners();
+		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.pagination.total = this.filteredData.length;
+		this.renderTimeline();
+	}
+	getPageData() {
+		const { page, pageSize } = this.pagination;
+		const start = (page - 1) * pageSize;
+		return this.filteredData.slice(start, start + pageSize);
+	}
+	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));
+		}
+		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);
+	}
+	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);
+			}
+			const pageBtn = target.closest(".lv-pagination-btn");
+			if (pageBtn && !pageBtn.disabled) {
+				const page = parseInt(pageBtn.getAttribute("data-page") || "1", 10);
+				this.goToPage(page);
+			}
+		});
+	}
+};
+//#endregion
+export { LogViewer };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=LogViewer.js.map

package/esm/core/LogViewer.js.map

@@ -0,0 +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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"}

package/esm/filters/FilterEngine.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 筛选引擎 - 支持按操作人/操作类型/时间范围/模块/IP/关键词筛选
+ */
+import type { LogEntry, FilterConfig } from '../types';
+/**
+ * FilterEngine - Filter Engine class
+ */
+export declare class FilterEngine {
+    /**
+     * 对日志条目进行多维筛选
+     */
+    filter(entries: LogEntry[], config: FilterConfig): LogEntry[];
+    /**
+     * 获取所有唯一操作人
+     */
+    getUniqueUsers(entries: LogEntry[]): string[];
+    /**
+     * 获取所有唯一模块
+     */
+    getUniqueModules(entries: LogEntry[]): string[];
+    /**
+     * 获取所有唯一操作类型
+     */
+    getUniqueActions(entries: LogEntry[]): string[];
+}
+//# sourceMappingURL=FilterEngine.d.ts.map

package/esm/filters/FilterEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterEngine.d.ts","sourceRoot":"","sources":["../../src/filters/FilterEngine.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtD;;GAEG;AACH,qBAAa,YAAY;IACvB;;OAEG;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,YAAY,GAAG,QAAQ,EAAE;IA6D7D;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE;IAI7C;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE;IAI/C;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE;CAGhD"}

package/esm/filters/FilterEngine.js

@@ -0,0 +1,79 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/filters/FilterEngine.ts
+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));
+		}
+		if (config.action) {
+			const actions = Array.isArray(config.action) ? config.action : [config.action];
+			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 (config.ip) {
+			const ip = config.ip.toLowerCase();
+			result = result.filter((e) => e.ip && e.ip.toLowerCase().includes(ip));
+		}
+		if (config.timeRange) {
+			const [start, end] = config.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 (config.keyword) {
+			const kw = config.keyword.toLowerCase();
+			result = result.filter((e) => {
+				return [
+					e.user,
+					e.action,
+					e.module,
+					e.detail || "",
+					e.ip || "",
+					e.id
+				].some((t) => t.toLowerCase().includes(kw));
+			});
+		}
+		return result;
+	}
+	/**
+	* 获取所有唯一操作人
+	*/
+	getUniqueUsers(entries) {
+		return [...new Set(entries.map((e) => e.user))].sort();
+	}
+	/**
+	* 获取所有唯一模块
+	*/
+	getUniqueModules(entries) {
+		return [...new Set(entries.map((e) => e.module))].sort();
+	}
+	/**
+	* 获取所有唯一操作类型
+	*/
+	getUniqueActions(entries) {
+		return [...new Set(entries.map((e) => e.action))].sort();
+	}
+};
+//#endregion
+export { FilterEngine };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=FilterEngine.js.map

package/esm/filters/FilterEngine.js.map

@@ -0,0 +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"}

package/esm/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @composy/log-viewer-core
+ * 审计日志查看器 - 操作日志可视化与追溯
+ */
+export declare const VERSION = "0.1.0";
+export type { ActionType, ThemeMode, AnomalyType, DiffEntry, LogEntry, FilterConfig, PaginationConfig, LogViewerConfig, LogViewerInstance, LogViewerEvents, } from './types';
+export { ACTION_LABELS, ACTION_COLORS } from './types';
+export { LogViewer } from './core/LogViewer';
+export { EventEmitter } from './core/EventEmitter';
+export { FilterEngine } from './filters/FilterEngine';
+export { TimelineRenderer } from './renderers/TimelineRenderer';
+export { DiffRenderer } from './renderers/DiffRenderer';
+export { formatDate, formatRelativeTime, escapeHtml, debounce, uid, formatValue, deepClone } from './utils';
+export { injectStyles } from './styles';
+/**
+ * 创建 LogViewer 实例 - 工厂函数
+ */
+import type { LogViewerConfig } from './types';
+import { LogViewer } from './core/LogViewer';
+/**
+ * createLogViewer - create Log Viewer function
+ * @param config - 参数说明
+ * @returns 返回值说明
+ */
+export declare function createLogViewer(config: LogViewerConfig): LogViewer;
+//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,OAAO,UAAU,CAAA;AAG9B,YAAY,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGvD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG3G,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CAElE"}

package/esm/index.js

@@ -0,0 +1,26 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { ACTION_COLORS, ACTION_LABELS } from "./types/index.js";
+import { EventEmitter } from "./core/EventEmitter.js";
+import { FilterEngine } from "./filters/FilterEngine.js";
+import { debounce, deepClone, escapeHtml, formatDate, formatRelativeTime, formatValue, uid } from "./utils/index.js";
+import { TimelineRenderer } from "./renderers/TimelineRenderer.js";
+import { DiffRenderer } from "./renderers/DiffRenderer.js";
+import { injectStyles } from "./styles/index.js";
+import { LogViewer } from "./core/LogViewer.js";
+//#region src/index.ts
+const VERSION = "0.1.0";
+function createLogViewer(config) {
+	return new LogViewer(config);
+}
+//#endregion
+export { ACTION_COLORS, ACTION_LABELS, DiffRenderer, EventEmitter, FilterEngine, LogViewer, TimelineRenderer, VERSION, createLogViewer, debounce, deepClone, escapeHtml, formatDate, formatRelativeTime, formatValue, injectStyles, uid };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LogViewer"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @composy/log-viewer-core\n * 审计日志查看器 - 操作日志可视化与追溯\n */\n\nexport const VERSION = '0.1.0'\n\n// 类型\nexport type {\n  ActionType,\n  ThemeMode,\n  AnomalyType,\n  DiffEntry,\n  LogEntry,\n  FilterConfig,\n  PaginationConfig,\n  LogViewerConfig,\n  LogViewerInstance,\n  LogViewerEvents,\n} from './types'\nexport { ACTION_LABELS, ACTION_COLORS } from './types'\n\n// 核心\nexport { LogViewer } from './core/LogViewer'\nexport { EventEmitter } from './core/EventEmitter'\n\n// 筛选\nexport { FilterEngine } from './filters/FilterEngine'\n\n// 渲染器\nexport { TimelineRenderer } from './renderers/TimelineRenderer'\nexport { DiffRenderer } from './renderers/DiffRenderer'\n\n// 工具\nexport { formatDate, formatRelativeTime, escapeHtml, debounce, uid, formatValue, deepClone } from './utils'\n\n// 样式\nexport { injectStyles } from './styles'\n\n/**\n * 创建 LogViewer 实例 - 工厂函数\n */\nimport type { LogViewerConfig } from './types'\nimport { LogViewer } from './core/LogViewer'\n\n/**\n * createLogViewer - create Log Viewer function\n * @param config - 参数说明\n * @returns 返回值说明\n */\nexport function createLogViewer(config: LogViewerConfig): LogViewer {\n  return new LogViewer(config)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAKO,MAAM,UAAU;AA6ChB,SAAS,gBAAgB,QAAoC;CAClE,OAAO,IAAIA,UAAU,MAAM;AAC7B"}

package/esm/renderers/DiffRenderer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 变更对比渲染器 - 渲染字段变更前后的 Diff 表格
+ */
+import type { DiffEntry, LogEntry } from '../types';
+/**
+ * DiffRenderer - Diff Renderer class
+ */
+export declare class DiffRenderer {
+    /**
+     * 渲染详情面板（包含 diff 表格和 metadata）
+     */
+    renderDetail(entry: LogEntry): HTMLElement;
+    /**
+     * 渲染 Diff 表格
+     */
+    renderDiffTable(changes: DiffEntry[]): HTMLElement;
+}
+//# sourceMappingURL=DiffRenderer.d.ts.map

package/esm/renderers/DiffRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/DiffRenderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnD;;GAEG;AACH,qBAAa,YAAY;IACvB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,WAAW;IAkB1C;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW;CAkCnD"}