@composy/log-viewer-core 0.0.1

package/es/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/es/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/es/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 { EventEmitter } from "./core/EventEmitter.js";
+import { FilterEngine } from "./filters/FilterEngine.js";
+import { ACTION_COLORS, ACTION_LABELS } from "./types/index.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/es/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/es/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/es/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"}

package/es/renderers/DiffRenderer.js

@@ -0,0 +1,60 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { formatValue } from "../utils/index.js";
+//#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 = formatValue(change.oldValue);
+			tr.appendChild(tdOld);
+			const tdNew = document.createElement("td");
+			tdNew.className = "lv-diff-new";
+			tdNew.textContent = formatValue(change.newValue);
+			tr.appendChild(tdNew);
+			tbody.appendChild(tr);
+		}
+		table.appendChild(tbody);
+		return table;
+	}
+};
+//#endregion
+export { DiffRenderer };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=DiffRenderer.js.map

package/es/renderers/DiffRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffRenderer.js","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,YAAY,OAAO,QAAQ;GAC/C,GAAG,YAAY,KAAK;GAEpB,MAAM,QAAQ,SAAS,cAAc,IAAI;GACzC,MAAM,YAAY;GAClB,MAAM,cAAc,YAAY,OAAO,QAAQ;GAC/C,GAAG,YAAY,KAAK;GAEpB,MAAM,YAAY,EAAE;EACtB;EACA,MAAM,YAAY,KAAK;EAEvB,OAAO;CACT;AACF"}

package/es/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

package/es/renderers/TimelineRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/TimelineRenderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,UAAU,CAAA;AAWrD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B;;OAEG;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,WAAW;IAiBlE;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW;IA8E3D;;OAEG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW;CA+C7E"}

package/es/renderers/TimelineRenderer.js

@@ -0,0 +1,135 @@
+/*!
+* ***********************************
+* @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 { formatDate } from "../utils/index.js";
+//#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 = 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 = ACTION_LABELS[entry.action] || entry.action;
+		actionTag.style.backgroundColor = 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
+export { TimelineRenderer };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=TimelineRenderer.js.map

package/es/renderers/TimelineRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineRenderer.js","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/es/styles/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 样式注入 - 通过 CSS 变量支持亮色/暗色主题
+ */
+/**
+ * injectStyles - inject Styles function
+ * @returns 返回值说明
+ */
+export declare function injectStyles(): void;
+//# sourceMappingURL=index.d.ts.map

package/es/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;GAGG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAQnC"}