@composy/log-viewer-core 0.0.1

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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":";;;;;;;;;;;;AAQA,MAAM,iBAA8C;CAClD,aAAa;CACb,WAAW;CACX,kBAAkB;CAClB,MAAM;AACR;AAKO,IAAM,mBAAN,MAAuB;;;;CAI5B,OAAO,SAAqB,aAAuC;EACjE,MAAM,YAAY,SAAS,cAAc,KAAK;EAC9C,UAAU,YAAY;EAEtB,IAAI,QAAQ,WAAW,GAAG;GACxB,UAAU,YAAY;GACtB,UAAU,YAAY;GACtB,OAAO;EACT;EAEA,KAAA,MAAW,SAAS,SAClB,UAAU,YAAY,KAAK,WAAW,OAAO,YAAY,IAAI,MAAM,EAAE,CAAC,CAAC;EAGzE,OAAO;CACT;;;;CAKA,WAAW,OAAiB,UAAgC;EAC1D,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,KAAK,YAAY;EACjB,KAAK,aAAa,WAAW,MAAM,EAAE;EAErC,MAAM,YAAY,MAAM,WAAW,MAAM,YAAY;EAGrD,MAAM,MAAM,SAAS,cAAc,KAAK;EACxC,IAAI,YAAY,kBAAkB,YAAY,8BAA8B;EAC5E,KAAK,YAAY,GAAG;EAGpB,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,KAAK,YAAY,mBAAmB,YAAY,+BAA+B;EAG/E,MAAM,SAAS,SAAS,cAAc,KAAK;EAC3C,OAAO,YAAY;EAEnB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,KAAK,cAAc,WAAW,MAAM,SAAS;EAC7C,OAAO,YAAY,IAAI;EAEvB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,KAAK,cAAc,MAAM;EACzB,OAAO,YAAY,IAAI;EAEvB,MAAM,YAAY,SAAS,cAAc,MAAM;EAC/C,UAAU,YAAY;EACtB,UAAU,cAAc,cAAc,MAAM,WAAW,MAAM;EAC7D,UAAU,MAAM,kBAAkB,cAAc,MAAM,WAAW;EACjE,OAAO,YAAY,SAAS;EAE5B,MAAM,cAAc,SAAS,cAAc,MAAM;EACjD,YAAY,YAAY;EACxB,YAAY,cAAc,MAAM;EAChC,OAAO,YAAY,WAAW;EAE9B,IAAI,MAAM,IAAI;GACZ,MAAM,KAAK,SAAS,cAAc,MAAM;GACxC,GAAG,YAAY;GACf,GAAG,cAAc,MAAM;GACvB,OAAO,YAAY,EAAE;EACvB;EAEA,IAAI,WAAW;GACb,MAAM,QAAQ,SAAS,cAAc,MAAM;GAC3C,MAAM,YAAY;GAClB,MAAM,cAAc,eAAe,MAAM;GACzC,OAAO,YAAY,KAAK;EAC1B;EAEA,KAAK,YAAY,MAAM;EAGvB,IAAI,MAAM,QAAQ;GAChB,MAAM,SAAS,SAAS,cAAc,KAAK;GAC3C,OAAO,YAAY;GACnB,OAAO,cAAc,MAAM;GAC3B,KAAK,YAAY,MAAM;EACzB;EAGA,IAAI,MAAM,WAAW,MAAM,QAAQ,SAAS,GAAG;GAC7C,MAAM,OAAO,SAAS,cAAc,KAAK;GACzC,KAAK,YAAY;GACjB,KAAK,cAAc,WAAW,eAAe,2CAAa,MAAM,QAAQ,OAAM;GAC9E,KAAK,YAAY,IAAI;EACvB;EAEA,KAAK,YAAY,IAAI;EAErB,OAAO;CACT;;;;CAKA,iBAAiB,MAAc,UAAkB,OAA4B;EAC3E,MAAM,YAAY,SAAS,cAAc,KAAK;EAC9C,UAAU,YAAY;EAEtB,MAAM,aAAa,KAAK,KAAK,QAAQ,QAAQ;EAC7C,IAAI,cAAc,GAAG,OAAO;EAG5B,MAAM,OAAO,SAAS,cAAc,QAAQ;EAC5C,KAAK,YAAY;EACjB,KAAK,cAAc;EACnB,KAAK,WAAW,QAAQ;EACxB,KAAK,aAAa,aAAa,OAAO,OAAO,CAAC,CAAC;EAC/C,UAAU,YAAY,IAAI;EAG1B,MAAM,aAAa;EACnB,IAAI,YAAY,KAAK,IAAI,GAAG,OAAO,KAAK,MAAM,aAAa,CAAC,CAAC;EAC7D,MAAM,UAAU,KAAK,IAAI,YAAY,YAAY,aAAa,CAAC;EAC/D,IAAI,UAAU,YAAY,aAAa,GACrC,YAAY,KAAK,IAAI,GAAG,UAAU,aAAa,CAAC;EAGlD,KAAA,IAAS,IAAI,WAAW,KAAK,SAAS,KAAK;GACzC,MAAM,MAAM,SAAS,cAAc,QAAQ;GAC3C,IAAI,YAAY,oBAAoB,MAAM,OAAO,+BAA+B;GAChF,IAAI,cAAc,OAAO,CAAC;GAC1B,IAAI,aAAa,aAAa,OAAO,CAAC,CAAC;GACvC,UAAU,YAAY,GAAG;EAC3B;EAGA,MAAM,OAAO,SAAS,cAAc,QAAQ;EAC5C,KAAK,YAAY;EACjB,KAAK,cAAc;EACnB,KAAK,WAAW,QAAQ;EACxB,KAAK,aAAa,aAAa,OAAO,OAAO,CAAC,CAAC;EAC/C,UAAU,YAAY,IAAI;EAG1B,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,KAAK,cAAc,UAAK,MAAK;EAC7B,UAAU,YAAY,IAAI;EAE1B,OAAO;CACT;AACF"}

package/esm/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/esm/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"}

package/esm/styles/index.js

@@ -0,0 +1,414 @@
+/*!
+* ***********************************
+* @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/styles/index.ts
+const STYLE_ID = "ldesign-log-viewer-styles";
+function injectStyles() {
+	if (typeof document === "undefined") return;
+	if (document.getElementById(STYLE_ID)) return;
+	const style = document.createElement("style");
+	style.id = STYLE_ID;
+	style.textContent = CSS_TEXT;
+	document.head.appendChild(style);
+}
+const CSS_TEXT = `
+/* ===== CSS Variables ===== */
+.lv-root {
+  --lv-bg: #ffffff;
+  --lv-bg-secondary: #f7f8fa;
+  --lv-bg-hover: #f0f3ff;
+  --lv-border: #ebedf0;
+  --lv-text: #1a1a2e;
+  --lv-text-secondary: #666;
+  --lv-text-muted: #999;
+  --lv-primary: #4f6ef7;
+  --lv-primary-light: #edf0ff;
+  --lv-shadow: rgba(0, 0, 0, 0.04);
+  --lv-timeline-line: #e0e0e0;
+  --lv-timeline-dot: #4f6ef7;
+  --lv-diff-add-bg: #f0fff4;
+  --lv-diff-add-text: #22863a;
+  --lv-diff-del-bg: #fff5f5;
+  --lv-diff-del-text: #cb2431;
+  --lv-anomaly-bg: #fff2e8;
+  --lv-anomaly-border: #ffbb96;
+  --lv-radius: 8px;
+  --lv-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+  --lv-font-mono: 'Fira Code', 'SF Mono', Consolas, monospace;
+}
+
+.lv-root[data-theme="dark"] {
+  --lv-bg: #1a1a2e;
+  --lv-bg-secondary: #16213e;
+  --lv-bg-hover: #1e2a4a;
+  --lv-border: #2a2a4a;
+  --lv-text: #e0e0e0;
+  --lv-text-secondary: #a0a0b0;
+  --lv-text-muted: #666680;
+  --lv-primary: #6b85f9;
+  --lv-primary-light: #252545;
+  --lv-shadow: rgba(0, 0, 0, 0.2);
+  --lv-timeline-line: #333355;
+  --lv-timeline-dot: #6b85f9;
+  --lv-diff-add-bg: #0d2818;
+  --lv-diff-add-text: #85e89d;
+  --lv-diff-del-bg: #2d1214;
+  --lv-diff-del-text: #f97583;
+  --lv-anomaly-bg: #2d1a0a;
+  --lv-anomaly-border: #8b5e3c;
+}
+
+/* ===== Root ===== */
+.lv-root {
+  font-family: var(--lv-font);
+  font-size: 14px;
+  color: var(--lv-text);
+  background: var(--lv-bg);
+  line-height: 1.6;
+}
+
+/* ===== Filter Bar ===== */
+.lv-filter {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 16px;
+  background: var(--lv-bg);
+  border: 1px solid var(--lv-border);
+  border-radius: var(--lv-radius);
+  margin-bottom: 16px;
+  align-items: center;
+}
+
+.lv-filter-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+}
+
+.lv-filter-label {
+  color: var(--lv-text-secondary);
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.lv-filter-input {
+  padding: 5px 10px;
+  border: 1px solid var(--lv-border);
+  border-radius: 6px;
+  font-size: 13px;
+  background: var(--lv-bg);
+  color: var(--lv-text);
+  outline: none;
+  transition: border-color 0.2s;
+  min-width: 120px;
+}
+
+.lv-filter-input:focus {
+  border-color: var(--lv-primary);
+}
+
+.lv-filter-select {
+  padding: 5px 10px;
+  border: 1px solid var(--lv-border);
+  border-radius: 6px;
+  font-size: 13px;
+  background: var(--lv-bg);
+  color: var(--lv-text);
+  outline: none;
+  cursor: pointer;
+}
+
+.lv-filter-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 14px;
+  font-size: 13px;
+  border: 1px solid var(--lv-border);
+  border-radius: 6px;
+  background: var(--lv-bg);
+  color: var(--lv-text);
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.lv-filter-btn:hover {
+  border-color: var(--lv-primary);
+  color: var(--lv-primary);
+}
+
+.lv-filter-btn--primary {
+  background: var(--lv-primary);
+  border-color: var(--lv-primary);
+  color: #fff;
+}
+
+.lv-filter-btn--primary:hover {
+  opacity: 0.85;
+}
+
+/* ===== Timeline ===== */
+.lv-timeline {
+  position: relative;
+  padding-left: 28px;
+}
+
+.lv-timeline::before {
+  content: '';
+  position: absolute;
+  left: 9px;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: var(--lv-timeline-line);
+}
+
+.lv-timeline-item {
+  position: relative;
+  padding: 0 0 20px 0;
+}
+
+.lv-timeline-dot {
+  position: absolute;
+  left: -25px;
+  top: 6px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--lv-bg);
+  border: 2px solid var(--lv-timeline-dot);
+  z-index: 1;
+}
+
+.lv-timeline-dot--anomaly {
+  border-color: #ff4d4f;
+  background: #fff1f0;
+}
+
+.lv-timeline-card {
+  background: var(--lv-bg);
+  border: 1px solid var(--lv-border);
+  border-radius: var(--lv-radius);
+  padding: 14px 18px;
+  cursor: pointer;
+  transition: all 0.2s;
+  box-shadow: 0 1px 3px var(--lv-shadow);
+}
+
+.lv-timeline-card:hover {
+  border-color: var(--lv-primary);
+  box-shadow: 0 2px 8px var(--lv-shadow);
+}
+
+.lv-timeline-card--anomaly {
+  border-left: 3px solid var(--lv-anomaly-border);
+  background: var(--lv-anomaly-bg);
+}
+
+.lv-timeline-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-bottom: 4px;
+}
+
+.lv-timeline-time {
+  font-size: 12px;
+  color: var(--lv-text-muted);
+  font-family: var(--lv-font-mono);
+}
+
+.lv-timeline-user {
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.lv-action-tag {
+  display: inline-block;
+  padding: 1px 8px;
+  font-size: 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  color: #fff;
+}
+
+.lv-timeline-module {
+  font-size: 12px;
+  color: var(--lv-text-secondary);
+  background: var(--lv-bg-secondary);
+  padding: 1px 8px;
+  border-radius: 4px;
+}
+
+.lv-timeline-ip {
+  font-size: 12px;
+  color: var(--lv-text-muted);
+  font-family: var(--lv-font-mono);
+}
+
+.lv-anomaly-badge {
+  font-size: 11px;
+  padding: 1px 6px;
+  border-radius: 3px;
+  background: #fff2e8;
+  color: #d46b08;
+  border: 1px solid #ffd591;
+}
+
+.lv-timeline-detail {
+  font-size: 13px;
+  color: var(--lv-text-secondary);
+  margin-top: 6px;
+}
+
+.lv-timeline-expand-hint {
+  font-size: 12px;
+  color: var(--lv-primary);
+  margin-top: 6px;
+  cursor: pointer;
+}
+
+/* ===== Detail Panel ===== */
+.lv-detail {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px dashed var(--lv-border);
+  animation: lv-slide-down 0.2s ease;
+}
+
+@keyframes lv-slide-down {
+  from { opacity: 0; transform: translateY(-8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* ===== Diff Table ===== */
+.lv-diff-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  border: 1px solid var(--lv-border);
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.lv-diff-table th {
+  background: var(--lv-bg-secondary);
+  padding: 8px 12px;
+  text-align: left;
+  font-weight: 600;
+  font-size: 12px;
+  color: var(--lv-text-secondary);
+  border-bottom: 1px solid var(--lv-border);
+}
+
+.lv-diff-table td {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--lv-border);
+  vertical-align: top;
+}
+
+.lv-diff-table tr:last-child td {
+  border-bottom: none;
+}
+
+.lv-diff-old {
+  background: var(--lv-diff-del-bg);
+  color: var(--lv-diff-del-text);
+  text-decoration: line-through;
+  font-family: var(--lv-font-mono);
+  font-size: 12px;
+}
+
+.lv-diff-new {
+  background: var(--lv-diff-add-bg);
+  color: var(--lv-diff-add-text);
+  font-family: var(--lv-font-mono);
+  font-size: 12px;
+}
+
+/* ===== Metadata ===== */
+.lv-metadata {
+  margin-top: 10px;
+  background: var(--lv-bg-secondary);
+  border-radius: 6px;
+  padding: 10px 14px;
+  font-size: 12px;
+  font-family: var(--lv-font-mono);
+  white-space: pre-wrap;
+  word-break: break-all;
+  color: var(--lv-text-secondary);
+}
+
+/* ===== Pagination ===== */
+.lv-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 16px 0;
+}
+
+.lv-pagination-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--lv-border);
+  border-radius: 6px;
+  background: var(--lv-bg);
+  color: var(--lv-text);
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.lv-pagination-btn:hover {
+  border-color: var(--lv-primary);
+  color: var(--lv-primary);
+}
+
+.lv-pagination-btn--active {
+  background: var(--lv-primary);
+  border-color: var(--lv-primary);
+  color: #fff;
+}
+
+.lv-pagination-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.lv-pagination-info {
+  font-size: 13px;
+  color: var(--lv-text-secondary);
+  margin: 0 8px;
+}
+
+/* ===== Empty state ===== */
+.lv-empty {
+  text-align: center;
+  padding: 48px 16px;
+  color: var(--lv-text-muted);
+  font-size: 14px;
+}
+
+.lv-empty-icon {
+  font-size: 48px;
+  margin-bottom: 12px;
+  opacity: 0.3;
+}
+`;
+//#endregion
+export { injectStyles };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map