@composy/log-viewer-core 0.0.1

package/lib/filters/FilterEngine.cjs

@@ -0,0 +1,80 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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
+exports.FilterEngine = FilterEngine;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=FilterEngine.cjs.map

package/lib/filters/FilterEngine.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterEngine.cjs","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/lib/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/lib/index.cjs

@@ -0,0 +1,43 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_EventEmitter = require("./core/EventEmitter.cjs");
+const require_FilterEngine = require("./filters/FilterEngine.cjs");
+const require_index = require("./types/index.cjs");
+const require_index$1 = require("./utils/index.cjs");
+const require_TimelineRenderer = require("./renderers/TimelineRenderer.cjs");
+const require_DiffRenderer = require("./renderers/DiffRenderer.cjs");
+const require_index$2 = require("./styles/index.cjs");
+const require_LogViewer = require("./core/LogViewer.cjs");
+//#region src/index.ts
+const VERSION = "0.1.0";
+function createLogViewer(config) {
+	return new require_LogViewer.LogViewer(config);
+}
+//#endregion
+exports.ACTION_COLORS = require_index.ACTION_COLORS;
+exports.ACTION_LABELS = require_index.ACTION_LABELS;
+exports.DiffRenderer = require_DiffRenderer.DiffRenderer;
+exports.EventEmitter = require_EventEmitter.EventEmitter;
+exports.FilterEngine = require_FilterEngine.FilterEngine;
+exports.LogViewer = require_LogViewer.LogViewer;
+exports.TimelineRenderer = require_TimelineRenderer.TimelineRenderer;
+exports.VERSION = VERSION;
+exports.createLogViewer = createLogViewer;
+exports.debounce = require_index$1.debounce;
+exports.deepClone = require_index$1.deepClone;
+exports.escapeHtml = require_index$1.escapeHtml;
+exports.formatDate = require_index$1.formatDate;
+exports.formatRelativeTime = require_index$1.formatRelativeTime;
+exports.formatValue = require_index$1.formatValue;
+exports.injectStyles = require_index$2.injectStyles;
+exports.uid = require_index$1.uid;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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,kBAAAA,UAAU,MAAM;AAC7B"}

package/lib/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/lib/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/lib/renderers/DiffRenderer.cjs

@@ -0,0 +1,61 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../utils/index.cjs");
+//#region src/renderers/DiffRenderer.ts
+var DiffRenderer = class {
+	/**
+	* 渲染详情面板（包含 diff 表格和 metadata）
+	*/
+	renderDetail(entry) {
+		const container = document.createElement("div");
+		container.className = "lv-detail";
+		if (entry.changes && entry.changes.length > 0) container.appendChild(this.renderDiffTable(entry.changes));
+		if (entry.metadata && Object.keys(entry.metadata).length > 0) {
+			const meta = document.createElement("div");
+			meta.className = "lv-metadata";
+			meta.textContent = JSON.stringify(entry.metadata, null, 2);
+			container.appendChild(meta);
+		}
+		return container;
+	}
+	/**
+	* 渲染 Diff 表格
+	*/
+	renderDiffTable(changes) {
+		const table = document.createElement("table");
+		table.className = "lv-diff-table";
+		const thead = document.createElement("thead");
+		thead.innerHTML = `<tr><th>\u5B57\u6BB5</th><th>\u53D8\u66F4\u524D</th><th>\u53D8\u66F4\u540E</th></tr>`;
+		table.appendChild(thead);
+		const tbody = document.createElement("tbody");
+		for (const change of changes) {
+			const tr = document.createElement("tr");
+			const tdField = document.createElement("td");
+			tdField.textContent = change.label || change.field;
+			tr.appendChild(tdField);
+			const tdOld = document.createElement("td");
+			tdOld.className = "lv-diff-old";
+			tdOld.textContent = require_index.formatValue(change.oldValue);
+			tr.appendChild(tdOld);
+			const tdNew = document.createElement("td");
+			tdNew.className = "lv-diff-new";
+			tdNew.textContent = require_index.formatValue(change.newValue);
+			tr.appendChild(tdNew);
+			tbody.appendChild(tr);
+		}
+		table.appendChild(tbody);
+		return table;
+	}
+};
+//#endregion
+exports.DiffRenderer = DiffRenderer;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=DiffRenderer.cjs.map

package/lib/renderers/DiffRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffRenderer.cjs","names":[],"sources":["../../src/renderers/DiffRenderer.ts"],"sourcesContent":["/**\n * 变更对比渲染器 - 渲染字段变更前后的 Diff 表格\n */\n\nimport type { DiffEntry, LogEntry } from '../types'\nimport { escapeHtml, formatValue } from '../utils'\n\n/**\n * DiffRenderer - Diff Renderer class\n */\nexport class DiffRenderer {\n  /**\n   * 渲染详情面板（包含 diff 表格和 metadata）\n   */\n  renderDetail(entry: LogEntry): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'lv-detail'\n\n    if (entry.changes && entry.changes.length > 0) {\n      container.appendChild(this.renderDiffTable(entry.changes))\n    }\n\n    if (entry.metadata && Object.keys(entry.metadata).length > 0) {\n      const meta = document.createElement('div')\n      meta.className = 'lv-metadata'\n      meta.textContent = JSON.stringify(entry.metadata, null, 2)\n      container.appendChild(meta)\n    }\n\n    return container\n  }\n\n  /**\n   * 渲染 Diff 表格\n   */\n  renderDiffTable(changes: DiffEntry[]): HTMLElement {\n    const table = document.createElement('table')\n    table.className = 'lv-diff-table'\n\n    // Header\n    const thead = document.createElement('thead')\n    thead.innerHTML = `<tr><th>字段</th><th>变更前</th><th>变更后</th></tr>`\n    table.appendChild(thead)\n\n    // Body\n    const tbody = document.createElement('tbody')\n    for (const change of changes) {\n      const tr = document.createElement('tr')\n\n      const tdField = document.createElement('td')\n      tdField.textContent = change.label || change.field\n      tr.appendChild(tdField)\n\n      const tdOld = document.createElement('td')\n      tdOld.className = 'lv-diff-old'\n      tdOld.textContent = formatValue(change.oldValue)\n      tr.appendChild(tdOld)\n\n      const tdNew = document.createElement('td')\n      tdNew.className = 'lv-diff-new'\n      tdNew.textContent = formatValue(change.newValue)\n      tr.appendChild(tdNew)\n\n      tbody.appendChild(tr)\n    }\n    table.appendChild(tbody)\n\n    return table\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAUO,IAAM,eAAN,MAAmB;;;;CAIxB,aAAa,OAA8B;EACzC,MAAM,YAAY,SAAS,cAAc,KAAK;EAC9C,UAAU,YAAY;EAEtB,IAAI,MAAM,WAAW,MAAM,QAAQ,SAAS,GAC1C,UAAU,YAAY,KAAK,gBAAgB,MAAM,OAAO,CAAC;EAG3D,IAAI,MAAM,YAAY,OAAO,KAAK,MAAM,QAAQ,CAAA,CAAE,SAAS,GAAG;GAC5D,MAAM,OAAO,SAAS,cAAc,KAAK;GACzC,KAAK,YAAY;GACjB,KAAK,cAAc,KAAK,UAAU,MAAM,UAAU,MAAM,CAAC;GACzD,UAAU,YAAY,IAAI;EAC5B;EAEA,OAAO;CACT;;;;CAKA,gBAAgB,SAAmC;EACjD,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,YAAY;EAGlB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,YAAY;EAClB,MAAM,YAAY,KAAK;EAGvB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,KAAA,MAAW,UAAU,SAAS;GAC5B,MAAM,KAAK,SAAS,cAAc,IAAI;GAEtC,MAAM,UAAU,SAAS,cAAc,IAAI;GAC3C,QAAQ,cAAc,OAAO,SAAS,OAAO;GAC7C,GAAG,YAAY,OAAO;GAEtB,MAAM,QAAQ,SAAS,cAAc,IAAI;GACzC,MAAM,YAAY;GAClB,MAAM,cAAc,cAAA,YAAY,OAAO,QAAQ;GAC/C,GAAG,YAAY,KAAK;GAEpB,MAAM,QAAQ,SAAS,cAAc,IAAI;GACzC,MAAM,YAAY;GAClB,MAAM,cAAc,cAAA,YAAY,OAAO,QAAQ;GAC/C,GAAG,YAAY,KAAK;GAEpB,MAAM,YAAY,EAAE;EACtB;EACA,MAAM,YAAY,KAAK;EAEvB,OAAO;CACT;AACF"}

package/lib/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/lib/renderers/TimelineRenderer.cjs

@@ -0,0 +1,136 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../types/index.cjs");
+const require_index$1 = require("../utils/index.cjs");
+//#region src/renderers/TimelineRenderer.ts
+const ANOMALY_LABELS = {
+	"off-hours": "非工作时间",
+	sensitive: "敏感操作",
+	"high-frequency": "高频操作",
+	none: ""
+};
+var TimelineRenderer = class {
+	/**
+	* 渲染时间线
+	*/
+	render(entries, expandedIds) {
+		const container = document.createElement("div");
+		container.className = "lv-timeline";
+		if (entries.length === 0) {
+			container.innerHTML = `<div class="lv-empty"><div class="lv-empty-icon">--</div><div>\u6682\u65E0\u65E5\u5FD7\u8BB0\u5F55</div></div>`;
+			container.className = "";
+			return container;
+		}
+		for (const entry of entries) container.appendChild(this.renderItem(entry, expandedIds.has(entry.id)));
+		return container;
+	}
+	/**
+	* 渲染单条时间线条目
+	*/
+	renderItem(entry, expanded) {
+		const item = document.createElement("div");
+		item.className = "lv-timeline-item";
+		item.setAttribute("data-id", entry.id);
+		const isAnomaly = entry.anomaly && entry.anomaly !== "none";
+		const dot = document.createElement("div");
+		dot.className = `lv-timeline-dot${isAnomaly ? " lv-timeline-dot--anomaly" : ""}`;
+		item.appendChild(dot);
+		const card = document.createElement("div");
+		card.className = `lv-timeline-card${isAnomaly ? " lv-timeline-card--anomaly" : ""}`;
+		const header = document.createElement("div");
+		header.className = "lv-timeline-header";
+		const time = document.createElement("span");
+		time.className = "lv-timeline-time";
+		time.textContent = require_index$1.formatDate(entry.timestamp);
+		header.appendChild(time);
+		const user = document.createElement("span");
+		user.className = "lv-timeline-user";
+		user.textContent = entry.user;
+		header.appendChild(user);
+		const actionTag = document.createElement("span");
+		actionTag.className = "lv-action-tag";
+		actionTag.textContent = require_index.ACTION_LABELS[entry.action] || entry.action;
+		actionTag.style.backgroundColor = require_index.ACTION_COLORS[entry.action] || "#8c8c8c";
+		header.appendChild(actionTag);
+		const moduleBadge = document.createElement("span");
+		moduleBadge.className = "lv-timeline-module";
+		moduleBadge.textContent = entry.module;
+		header.appendChild(moduleBadge);
+		if (entry.ip) {
+			const ip = document.createElement("span");
+			ip.className = "lv-timeline-ip";
+			ip.textContent = entry.ip;
+			header.appendChild(ip);
+		}
+		if (isAnomaly) {
+			const badge = document.createElement("span");
+			badge.className = "lv-anomaly-badge";
+			badge.textContent = ANOMALY_LABELS[entry.anomaly];
+			header.appendChild(badge);
+		}
+		card.appendChild(header);
+		if (entry.detail) {
+			const detail = document.createElement("div");
+			detail.className = "lv-timeline-detail";
+			detail.textContent = entry.detail;
+			card.appendChild(detail);
+		}
+		if (entry.changes && entry.changes.length > 0) {
+			const hint = document.createElement("div");
+			hint.className = "lv-timeline-expand-hint";
+			hint.textContent = expanded ? "[ 收起变更详情 ]" : `[ \u67E5\u770B\u53D8\u66F4\u8BE6\u60C5 (${entry.changes.length} \u4E2A\u5B57\u6BB5) ]`;
+			card.appendChild(hint);
+		}
+		item.appendChild(card);
+		return item;
+	}
+	/**
+	* 渲染分页
+	*/
+	renderPagination(page, pageSize, total) {
+		const container = document.createElement("div");
+		container.className = "lv-pagination";
+		const totalPages = Math.ceil(total / pageSize);
+		if (totalPages <= 1) return container;
+		const prev = document.createElement("button");
+		prev.className = "lv-pagination-btn";
+		prev.textContent = "<";
+		prev.disabled = page <= 1;
+		prev.setAttribute("data-page", String(page - 1));
+		container.appendChild(prev);
+		const maxVisible = 7;
+		let startPage = Math.max(1, page - Math.floor(maxVisible / 2));
+		const endPage = Math.min(totalPages, startPage + maxVisible - 1);
+		if (endPage - startPage < maxVisible - 1) startPage = Math.max(1, endPage - maxVisible + 1);
+		for (let i = startPage; i <= endPage; i++) {
+			const btn = document.createElement("button");
+			btn.className = `lv-pagination-btn${i === page ? " lv-pagination-btn--active" : ""}`;
+			btn.textContent = String(i);
+			btn.setAttribute("data-page", String(i));
+			container.appendChild(btn);
+		}
+		const next = document.createElement("button");
+		next.className = "lv-pagination-btn";
+		next.textContent = ">";
+		next.disabled = page >= totalPages;
+		next.setAttribute("data-page", String(page + 1));
+		container.appendChild(next);
+		const info = document.createElement("span");
+		info.className = "lv-pagination-info";
+		info.textContent = `\u5171 ${total} \u6761`;
+		container.appendChild(info);
+		return container;
+	}
+};
+//#endregion
+exports.TimelineRenderer = TimelineRenderer;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=TimelineRenderer.cjs.map

package/lib/renderers/TimelineRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineRenderer.cjs","names":[],"sources":["../../src/renderers/TimelineRenderer.ts"],"sourcesContent":["/**\n * 时间线渲染器 - 将日志条目渲染为时间线 DOM\n */\n\nimport type { LogEntry, AnomalyType } from '../types'\nimport { ACTION_LABELS, ACTION_COLORS } from '../types'\nimport { formatDate, escapeHtml } from '../utils'\n\nconst ANOMALY_LABELS: Record<AnomalyType, string> = {\n  'off-hours': '非工作时间',\n  sensitive: '敏感操作',\n  'high-frequency': '高频操作',\n  none: '',\n}\n\n/**\n * TimelineRenderer - Timeline Renderer class\n */\nexport class TimelineRenderer {\n  /**\n   * 渲染时间线\n   */\n  render(entries: LogEntry[], expandedIds: Set<string>): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'lv-timeline'\n\n    if (entries.length === 0) {\n      container.innerHTML = `<div class=\"lv-empty\"><div class=\"lv-empty-icon\">--</div><div>暂无日志记录</div></div>`\n      container.className = ''\n      return container\n    }\n\n    for (const entry of entries) {\n      container.appendChild(this.renderItem(entry, expandedIds.has(entry.id)))\n    }\n\n    return container\n  }\n\n  /**\n   * 渲染单条时间线条目\n   */\n  renderItem(entry: LogEntry, expanded: boolean): HTMLElement {\n    const item = document.createElement('div')\n    item.className = 'lv-timeline-item'\n    item.setAttribute('data-id', entry.id)\n\n    const isAnomaly = entry.anomaly && entry.anomaly !== 'none'\n\n    // Dot\n    const dot = document.createElement('div')\n    dot.className = `lv-timeline-dot${isAnomaly ? ' lv-timeline-dot--anomaly' : ''}`\n    item.appendChild(dot)\n\n    // Card\n    const card = document.createElement('div')\n    card.className = `lv-timeline-card${isAnomaly ? ' lv-timeline-card--anomaly' : ''}`\n\n    // Header\n    const header = document.createElement('div')\n    header.className = 'lv-timeline-header'\n\n    const time = document.createElement('span')\n    time.className = 'lv-timeline-time'\n    time.textContent = formatDate(entry.timestamp)\n    header.appendChild(time)\n\n    const user = document.createElement('span')\n    user.className = 'lv-timeline-user'\n    user.textContent = entry.user\n    header.appendChild(user)\n\n    const actionTag = document.createElement('span')\n    actionTag.className = 'lv-action-tag'\n    actionTag.textContent = ACTION_LABELS[entry.action] || entry.action\n    actionTag.style.backgroundColor = ACTION_COLORS[entry.action] || '#8c8c8c'\n    header.appendChild(actionTag)\n\n    const moduleBadge = document.createElement('span')\n    moduleBadge.className = 'lv-timeline-module'\n    moduleBadge.textContent = entry.module\n    header.appendChild(moduleBadge)\n\n    if (entry.ip) {\n      const ip = document.createElement('span')\n      ip.className = 'lv-timeline-ip'\n      ip.textContent = entry.ip\n      header.appendChild(ip)\n    }\n\n    if (isAnomaly) {\n      const badge = document.createElement('span')\n      badge.className = 'lv-anomaly-badge'\n      badge.textContent = ANOMALY_LABELS[entry.anomaly!]\n      header.appendChild(badge)\n    }\n\n    card.appendChild(header)\n\n    // Detail text\n    if (entry.detail) {\n      const detail = document.createElement('div')\n      detail.className = 'lv-timeline-detail'\n      detail.textContent = entry.detail\n      card.appendChild(detail)\n    }\n\n    // Expand hint\n    if (entry.changes && entry.changes.length > 0) {\n      const hint = document.createElement('div')\n      hint.className = 'lv-timeline-expand-hint'\n      hint.textContent = expanded ? '[ 收起变更详情 ]' : `[ 查看变更详情 (${entry.changes.length} 个字段) ]`\n      card.appendChild(hint)\n    }\n\n    item.appendChild(card)\n\n    return item\n  }\n\n  /**\n   * 渲染分页\n   */\n  renderPagination(page: number, pageSize: number, total: number): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'lv-pagination'\n\n    const totalPages = Math.ceil(total / pageSize)\n    if (totalPages <= 1) return container\n\n    // Prev\n    const prev = document.createElement('button')\n    prev.className = 'lv-pagination-btn'\n    prev.textContent = '<'\n    prev.disabled = page <= 1\n    prev.setAttribute('data-page', String(page - 1))\n    container.appendChild(prev)\n\n    // Page buttons\n    const maxVisible = 7\n    let startPage = Math.max(1, page - Math.floor(maxVisible / 2))\n    const endPage = Math.min(totalPages, startPage + maxVisible - 1)\n    if (endPage - startPage < maxVisible - 1) {\n      startPage = Math.max(1, endPage - maxVisible + 1)\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      const btn = document.createElement('button')\n      btn.className = `lv-pagination-btn${i === page ? ' lv-pagination-btn--active' : ''}`\n      btn.textContent = String(i)\n      btn.setAttribute('data-page', String(i))\n      container.appendChild(btn)\n    }\n\n    // Next\n    const next = document.createElement('button')\n    next.className = 'lv-pagination-btn'\n    next.textContent = '>'\n    next.disabled = page >= totalPages\n    next.setAttribute('data-page', String(page + 1))\n    container.appendChild(next)\n\n    // Info\n    const info = document.createElement('span')\n    info.className = 'lv-pagination-info'\n    info.textContent = `共 ${total} 条`\n    container.appendChild(info)\n\n    return container\n  }\n}\n"],"mappings":"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"}

package/lib/renderers/TimelineRenderer.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 时间线渲染器 - 将日志条目渲染为时间线 DOM
+ */
+import type { LogEntry } from '../types';
+/**
+ * TimelineRenderer - Timeline Renderer class
+ */
+export declare class TimelineRenderer {
+    /**
+     * 渲染时间线
+     */
+    render(entries: LogEntry[], expandedIds: Set<string>): HTMLElement;
+    /**
+     * 渲染单条时间线条目
+     */
+    renderItem(entry: LogEntry, expanded: boolean): HTMLElement;
+    /**
+     * 渲染分页
+     */
+    renderPagination(page: number, pageSize: number, total: number): HTMLElement;
+}
+//# sourceMappingURL=TimelineRenderer.d.ts.map