@composy/log-viewer-core 0.0.1 → 0.0.2

package/dist/index.min.js

@@ -1 +1,548 @@
-(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports):typeof define==="function"&&define.amd?define(["exports"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.LDesignLogViewer={}));})(this,function(exports){Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ACTION_LABELS={create:"新增",update:"修改",delete:"删除",query:"查询",login:"登录",logout:"登出",export:"导出",import:"导入",approve:"审批",reject:"驳回",other:"其他"};const ACTION_COLORS={create:"#52c41a",update:"#1890ff",delete:"#ff4d4f",query:"#8c8c8c",login:"#722ed1",logout:"#eb2f96",export:"#fa8c16",import:"#13c2c2",approve:"#52c41a",reject:"#ff4d4f",other:"#d9d9d9"};var EventEmitter=class{constructor(){this.listeners=new Map();}on(event,callback){if(!this.listeners.has(event))this.listeners.set(event,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();}};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();}};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);}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;}};var DiffRenderer=class{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;}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;}};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=` .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;}.lv-root{font-family:var(--lv-font);font-size:14px;color:var(--lv-text);background:var(--lv-bg);line-height:1.6;}.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;}.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;}.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);}}.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;}.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);}.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;}.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;}`;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=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);}});}};const VERSION="0.1.0";function createLogViewer(config){return new LogViewer(config);}exports.ACTION_COLORS=ACTION_COLORS;exports.ACTION_LABELS=ACTION_LABELS;exports.DiffRenderer=DiffRenderer;exports.EventEmitter=EventEmitter;exports.FilterEngine=FilterEngine;exports.LogViewer=LogViewer;exports.TimelineRenderer=TimelineRenderer;exports.VERSION=VERSION;exports.createLogViewer=createLogViewer;exports.debounce=debounce;exports.deepClone=deepClone;exports.escapeHtml=escapeHtml;exports.formatDate=formatDate;exports.formatRelativeTime=formatRelativeTime;exports.formatValue=formatValue;exports.injectStyles=injectStyles;exports.uid=uid;});
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-10-12 17:29:20 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+(function(e, t) {
+	"object" == typeof exports && "undefined" != typeof module ? t(exports) : "function" == typeof define && define.amd ? define(["exports"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).LDesignLogViewerCore = {});
+})(this, function(exports) {
+	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+	const e = {
+		create: "新增",
+		update: "修改",
+		delete: "删除",
+		query: "查询",
+		login: "登录",
+		logout: "登出",
+		export: "导出",
+		import: "导入",
+		approve: "审批",
+		reject: "驳回",
+		other: "其他"
+	};
+	var t = class {
+		constructor() {
+			this.listeners = /* @__PURE__ */ new Map();
+		}
+		on(e, t) {
+			return e && "function" == typeof t ? (this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t), () => this.off(e, t)) : () => {};
+		}
+		off(e, t) {
+			const n = this.listeners.get(e);
+			n && (n.delete(t), 0 === n.size && this.listeners.delete(e));
+		}
+		emit(e, ...t) {
+			const n = this.listeners.get(e);
+			if (n) for (const r of [...n]) try {
+				r(...t);
+			} catch (t) {
+				console.error(`[LogViewer] Event handler error (${e}):`, t);
+			}
+		}
+		removeAllListeners(e) {
+			e ? this.listeners.delete(e) : this.listeners.clear();
+		}
+	}, n = class {
+		filter(e, t) {
+			let n = Array.isArray(e) ? e.slice() : [];
+			const r = t || {};
+			if (r.user?.trim()) {
+				const e = r.user.trim().toLowerCase();
+				n = n.filter((t) => t.user?.toLowerCase().includes(e) || t.userId?.toLowerCase().includes(e));
+			}
+			if (r.action) {
+				const e = Array.isArray(r.action) ? r.action : [r.action];
+				e.length > 0 && (n = n.filter((t) => e.includes(t.action)));
+			}
+			if (r.module?.trim()) {
+				const e = r.module.trim().toLowerCase();
+				n = n.filter((t) => t.module?.toLowerCase().includes(e));
+			}
+			if (r.ip?.trim()) {
+				const e = r.ip.trim().toLowerCase();
+				n = n.filter((t) => t.ip?.toLowerCase().includes(e));
+			}
+			if (r.timeRange) {
+				const [e, t] = r.timeRange, a = new Date(e).getTime(), i = new Date(t).getTime();
+				if (Number.isFinite(a) && Number.isFinite(i)) {
+					const e = Math.min(a, i), t = Math.max(a, i);
+					n = n.filter((n) => {
+						const r = new Date(n.timestamp).getTime();
+						return Number.isFinite(r) && r >= e && r <= t;
+					});
+				}
+			}
+			if (r.keyword?.trim()) {
+				const e = r.keyword.trim().toLowerCase();
+				n = n.filter((t) => [
+					t.user || "",
+					t.action,
+					t.module || "",
+					t.detail || "",
+					t.ip || "",
+					t.id
+				].some((t) => t.toLowerCase().includes(e)));
+			}
+			return n;
+		}
+		getUniqueUsers(e) {
+			return [...new Set(e.map((e) => e.user).filter(Boolean))].sort();
+		}
+		getUniqueModules(e) {
+			return [...new Set(e.map((e) => e.module).filter(Boolean))].sort();
+		}
+		getUniqueActions(e) {
+			return [...new Set(e.map((e) => e.action))].sort();
+		}
+	};
+	let r = 0;
+	function a(e, t = "YYYY-MM-DD HH:mm:ss") {
+		const n = e instanceof Date ? e : new Date(e);
+		if (Number.isNaN(n.getTime())) return String(e);
+		const r = (e) => String(e).padStart(2, "0"), a = String(n.getFullYear()), i = r(n.getMonth() + 1), o = r(n.getDate()), l = r(n.getHours()), d = r(n.getMinutes()), s = r(n.getSeconds());
+		return t.replace("YYYY", a).replace("MM", i).replace("DD", o).replace("HH", l).replace("mm", d).replace("ss", s);
+	}
+	function i(e) {
+		if (null === e || "object" != typeof e) return e;
+		if ("function" == typeof structuredClone) try {
+			return structuredClone(e);
+		} catch {}
+		const t = /* @__PURE__ */ new WeakMap(), n = (e) => {
+			if (null === e || "object" != typeof e) return e;
+			if (t.has(e)) return t.get(e);
+			if (e instanceof Date) return new Date(e.getTime());
+			if (e instanceof RegExp) return new RegExp(e.source, e.flags);
+			if (e instanceof Map) {
+				const r = /* @__PURE__ */ new Map();
+				return t.set(e, r), e.forEach((e, t) => r.set(n(t), n(e))), r;
+			}
+			if (e instanceof Set) {
+				const r = /* @__PURE__ */ new Set();
+				return t.set(e, r), e.forEach((e) => r.add(n(e))), r;
+			}
+			if (Array.isArray(e)) {
+				const r = [];
+				return t.set(e, r), e.forEach((e) => r.push(n(e))), r;
+			}
+			const r = Object.create(Object.getPrototypeOf(e));
+			t.set(e, r);
+			for (const t of Reflect.ownKeys(e)) {
+				const a = Object.getOwnPropertyDescriptor(e, t);
+				a && "value" in a && Object.defineProperty(r, t, {
+					...a,
+					value: n(a.value)
+				});
+			}
+			return r;
+		};
+		try {
+			return n(e);
+		} catch {
+			return e;
+		}
+	}
+	function o(e) {
+		if (null == e) return "-";
+		if ("object" == typeof e) try {
+			return JSON.stringify(e, (e, t) => "bigint" == typeof t ? `${t}n` : t, 2);
+		} catch {
+			return String(e);
+		}
+		return String(e);
+	}
+	var l = class {
+		renderDetail(e) {
+			const t = document.createElement("div");
+			if (t.className = "lv-detail", e.changes && e.changes.length > 0 && t.appendChild(this.renderDiffTable(e.changes)), e.metadata && Object.keys(e.metadata).length > 0) {
+				const n = document.createElement("div");
+				n.className = "lv-metadata", n.textContent = o(e.metadata), t.appendChild(n);
+			}
+			return t;
+		}
+		renderDiffTable(e) {
+			const t = document.createElement("table");
+			t.className = "lv-diff-table";
+			const n = document.createElement("thead"), r = document.createElement("tr");
+			for (const e of [
+				"字段",
+				"变更前",
+				"变更后"
+			]) {
+				const t = document.createElement("th");
+				t.textContent = e, r.appendChild(t);
+			}
+			n.appendChild(r), t.appendChild(n);
+			const a = document.createElement("tbody");
+			for (const t of e) {
+				const e = document.createElement("tr"), n = document.createElement("td");
+				n.textContent = t.label || t.field, e.appendChild(n);
+				const r = document.createElement("td");
+				r.className = "lv-diff-old", r.textContent = o(t.oldValue), e.appendChild(r);
+				const i = document.createElement("td");
+				i.className = "lv-diff-new", i.textContent = o(t.newValue), e.appendChild(i), a.appendChild(e);
+			}
+			return t.appendChild(a), t;
+		}
+	};
+	const d = {
+		"off-hours": "非工作时间",
+		sensitive: "敏感操作",
+		"high-frequency": "高频操作",
+		none: ""
+	}, s = {
+		"off-hours": "Off hours",
+		sensitive: "Sensitive",
+		"high-frequency": "High frequency",
+		none: ""
+	}, c = {
+		create: "Create",
+		update: "Update",
+		delete: "Delete",
+		query: "Query",
+		login: "Login",
+		logout: "Logout",
+		export: "Export",
+		import: "Import",
+		approve: "Approve",
+		reject: "Reject",
+		other: "Other"
+	};
+	var p = class {
+		render(e, t, n = {}) {
+			const r = document.createElement("div");
+			if (r.className = "lv-timeline", 0 === e.length) {
+				const e = document.createElement("div");
+				e.className = "lv-empty-icon", e.textContent = "--";
+				const t = document.createElement("div");
+				return t.textContent = "en-US" === n.locale ? "No log entries" : "暂无日志记录", r.append(e, t), r.className = "", r;
+			}
+			for (const a of e) r.appendChild(this.renderItem(a, t.has(a.id), n));
+			return r;
+		}
+		renderItem(t, n, r = {}) {
+			const i = document.createElement("div");
+			i.className = "lv-timeline-item", i.setAttribute("data-id", t.id);
+			const o = !1 !== r.showAnomalyBadge && t.anomaly && "none" !== t.anomaly, l = document.createElement("div");
+			l.className = "lv-timeline-dot" + (o ? " lv-timeline-dot--anomaly" : ""), i.appendChild(l);
+			const p = document.createElement("div");
+			p.className = "lv-timeline-card" + (o ? " lv-timeline-card--anomaly" : "");
+			const v = document.createElement("div");
+			v.className = "lv-timeline-header";
+			const m = document.createElement("span");
+			m.className = "lv-timeline-time", m.textContent = a(t.timestamp), v.appendChild(m);
+			const f = document.createElement("span");
+			f.className = "lv-timeline-user", f.textContent = t.user, v.appendChild(f);
+			const h = document.createElement("span");
+			h.className = `lv-action-tag lv-action-tag--${Object.keys(e).includes(t.action) ? t.action : "other"}`, h.textContent = ("en-US" === r.locale ? c[t.action] : e[t.action]) || t.action, v.appendChild(h);
+			const u = document.createElement("span");
+			if (u.className = "lv-timeline-module", u.textContent = t.module, v.appendChild(u), t.ip) {
+				const e = document.createElement("span");
+				e.className = "lv-timeline-ip", e.textContent = t.ip, v.appendChild(e);
+			}
+			if (!1 !== r.showAnomalyBadge && o) {
+				const e = document.createElement("span");
+				e.className = "lv-anomaly-badge", e.textContent = ("en-US" === r.locale ? s[t.anomaly] : d)[t.anomaly] || t.anomaly, v.appendChild(e);
+			}
+			if (p.appendChild(v), t.detail) {
+				const e = document.createElement("div");
+				e.className = "lv-timeline-detail", e.textContent = t.detail, p.appendChild(e);
+			}
+			if (!1 !== r.showDiff && t.changes && t.changes.length > 0) {
+				const e = document.createElement("button");
+				e.type = "button", e.className = "lv-timeline-expand-hint", e.setAttribute("aria-expanded", String(n)), e.textContent = n ? "[ 收起变更详情 ]" : `[ 查看变更详情 (${t.changes.length} 个字段) ]`, p.appendChild(e);
+			}
+			return i.appendChild(p), i;
+		}
+		renderPagination(e, t, n) {
+			const r = document.createElement("div");
+			r.className = "lv-pagination";
+			const a = Number.isFinite(t) && t > 0 ? Math.floor(t) : 1, i = Number.isFinite(n) && n > 0 ? Math.floor(n) : 0, o = Number.isFinite(e) && e > 0 ? Math.floor(e) : 1, l = Math.ceil(i / a);
+			if (l <= 1) return r;
+			const d = document.createElement("button");
+			d.type = "button", d.className = "lv-pagination-btn", d.textContent = "<", d.disabled = o <= 1, d.setAttribute("aria-label", "Previous page"), d.setAttribute("data-page", String(o - 1)), r.appendChild(d);
+			let s = Math.max(1, o - Math.floor(3.5));
+			const c = Math.min(l, s + 7 - 1);
+			c - s < 6 && (s = Math.max(1, c - 7 + 1));
+			for (let e = s; e <= c; e++) {
+				const t = document.createElement("button");
+				t.type = "button", t.className = "lv-pagination-btn" + (e === o ? " lv-pagination-btn--active" : ""), t.textContent = String(e), t.setAttribute("data-page", String(e)), e === o && t.setAttribute("aria-current", "page"), r.appendChild(t);
+			}
+			const p = document.createElement("button");
+			p.type = "button", p.className = "lv-pagination-btn", p.textContent = ">", p.disabled = o >= l, p.setAttribute("aria-label", "Next page"), p.setAttribute("data-page", String(o + 1)), r.appendChild(p);
+			const v = document.createElement("span");
+			return v.className = "lv-pagination-info", v.textContent = `共 ${i} 条`, r.appendChild(v), r;
+		}
+	};
+	const v = "ldesign-log-viewer-styles";
+	function m() {
+		if ("undefined" == typeof document) return;
+		if (document.getElementById(v)) return;
+		const e = document.createElement("style");
+		e.id = v, e.textContent = f, document.head.appendChild(e);
+	}
+	const f = "\n/* ===== CSS Variables ===== */\n.lv-root {\n  --lv-bg: var(--ld-white);\n  --lv-bg-secondary: var(--ld-bg-surface-soft);\n  --lv-bg-hover: var(--ld-primary-50);\n  --lv-border: var(--ld-border);\n  --lv-text: var(--ld-text-primary);\n  --lv-text-secondary: var(--ld-text-secondary);\n  --lv-text-muted: var(--ld-text-muted);\n  --lv-primary: var(--ld-primary-500);\n  --lv-primary-light: var(--ld-primary-50);\n  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 4%, transparent);\n  --lv-timeline-line: var(--ld-border);\n  --lv-timeline-dot: var(--ld-primary-500);\n  --lv-diff-add-bg: var(--ld-success-50);\n  --lv-diff-add-text: var(--ld-success-700);\n  --lv-diff-del-bg: var(--ld-danger-50);\n  --lv-diff-del-text: var(--ld-danger-700);\n  --lv-anomaly-bg: var(--ld-warning-50);\n  --lv-anomaly-border: var(--ld-warning-300);\n  --lv-radius: var(--ld-radius-md);\n  --lv-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n  --lv-font-mono: 'Fira Code', 'SF Mono', Consolas, monospace;\n}\n\n.lv-root[data-theme=\"dark\"] {\n  --lv-bg: var(--ld-bg-surface);\n  --lv-bg-secondary: var(--ld-bg-surface-soft);\n  --lv-bg-hover: var(--ld-primary-50);\n  --lv-border: var(--ld-border-strong);\n  --lv-text: var(--ld-text-primary);\n  --lv-text-secondary: var(--ld-text-secondary);\n  --lv-text-muted: var(--ld-text-muted);\n  --lv-primary: var(--ld-primary-400);\n  --lv-primary-light: var(--ld-primary-50);\n  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 20%, transparent);\n  --lv-timeline-line: var(--ld-border-strong);\n  --lv-timeline-dot: var(--ld-primary-400);\n  --lv-diff-add-bg: var(--ld-success-50);\n  --lv-diff-add-text: var(--ld-success-700);\n  --lv-diff-del-bg: var(--ld-danger-50);\n  --lv-diff-del-text: var(--ld-danger-700);\n  --lv-anomaly-bg: var(--ld-warning-50);\n  --lv-anomaly-border: var(--ld-warning-700);\n}\n\n/* ===== Root ===== */\n.lv-root {\n  font-family: var(--lv-font);\n  font-size: var(--ld-px-14);\n  color: var(--lv-text);\n  background: var(--lv-bg);\n  line-height: 1.6;\n}\n\n/* ===== Filter Bar ===== */\n.lv-filter {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ld-px-10);\n  padding: var(--ld-px-16);\n  background: var(--lv-bg);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--lv-radius);\n  margin-bottom: var(--ld-px-16);\n  align-items: center;\n}\n\n.lv-filter-item {\n  display: flex;\n  align-items: center;\n  gap: var(--ld-px-6);\n  font-size: var(--ld-px-13);\n}\n\n.lv-filter-label {\n  color: var(--lv-text-secondary);\n  font-size: var(--ld-px-12);\n  white-space: nowrap;\n}\n\n.lv-filter-input {\n  padding: var(--ld-px-5) var(--ld-px-10);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--ld-px-6);\n  font-size: var(--ld-px-13);\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  outline: none;\n  transition: border-color 0.2s;\n  min-width: var(--ld-px-120);\n}\n\n.lv-filter-input:focus {\n  border-color: var(--lv-primary);\n}\n\n.lv-filter-select {\n  padding: var(--ld-px-5) var(--ld-px-10);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--ld-px-6);\n  font-size: var(--ld-px-13);\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  outline: none;\n  cursor: pointer;\n}\n\n.lv-filter-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ld-px-4);\n  padding: var(--ld-px-5) var(--ld-px-14);\n  font-size: var(--ld-px-13);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--ld-px-6);\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.lv-filter-btn:hover {\n  border-color: var(--lv-primary);\n  color: var(--lv-primary);\n}\n\n.lv-filter-btn--primary {\n  background: var(--lv-primary);\n  border-color: var(--lv-primary);\n  color: var(--ld-white);\n}\n\n.lv-filter-btn--primary:hover {\n  opacity: 0.85;\n}\n\n/* ===== Timeline ===== */\n.lv-timeline {\n  position: relative;\n  padding-left: var(--ld-px-28);\n}\n\n.lv-timeline::before {\n  content: '';\n  position: absolute;\n  left: var(--ld-px-9);\n  top: 0;\n  bottom: 0;\n  width: var(--ld-px-2);\n  background: var(--lv-timeline-line);\n}\n\n.lv-timeline-item {\n  position: relative;\n  padding: 0 0 var(--ld-px-20) 0;\n}\n\n.lv-timeline-dot {\n  position: absolute;\n  left: calc(-1 * var(--ld-px-25));\n  top: var(--ld-px-6);\n  width: var(--ld-px-12);\n  height: var(--ld-px-12);\n  border-radius: 50%;\n  background: var(--lv-bg);\n  border: var(--ld-px-2) solid var(--lv-timeline-dot);\n  z-index: 1;\n}\n\n.lv-timeline-dot--anomaly {\n  border-color: var(--ld-danger-500);\n  background: var(--ld-danger-50);\n}\n\n.lv-timeline-card {\n  background: var(--lv-bg);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--lv-radius);\n  padding: var(--ld-px-14) var(--ld-px-18);\n  cursor: pointer;\n  transition: all 0.2s;\n  box-shadow: 0 var(--ld-px-1) var(--ld-px-3) var(--lv-shadow);\n}\n\n.lv-timeline-card:hover {\n  border-color: var(--lv-primary);\n  box-shadow: 0 var(--ld-px-2) var(--ld-px-8) var(--lv-shadow);\n}\n\n.lv-timeline-card--anomaly {\n  border-left: var(--ld-px-3) solid var(--lv-anomaly-border);\n  background: var(--lv-anomaly-bg);\n}\n\n.lv-timeline-header {\n  display: flex;\n  align-items: center;\n  gap: var(--ld-px-10);\n  flex-wrap: wrap;\n  margin-bottom: var(--ld-px-4);\n}\n\n.lv-timeline-time {\n  font-size: var(--ld-px-12);\n  color: var(--lv-text-muted);\n  font-family: var(--lv-font-mono);\n}\n\n.lv-timeline-user {\n  font-weight: 600;\n  font-size: var(--ld-px-14);\n}\n\n.lv-action-tag {\n  display: inline-block;\n  padding: var(--ld-px-1) var(--ld-px-8);\n  font-size: var(--ld-px-12);\n  border-radius: var(--ld-px-4);\n  font-weight: 500;\n  color: var(--ld-white);\n}\n\n.lv-action-tag--create,\n.lv-action-tag--approve {\n  background: var(--ld-success-500);\n}\n\n.lv-action-tag--update,\n.lv-action-tag--login {\n  background: var(--ld-primary-500);\n}\n\n.lv-action-tag--delete,\n.lv-action-tag--reject {\n  background: var(--ld-danger-500);\n}\n\n.lv-action-tag--query,\n.lv-action-tag--other {\n  background: var(--ld-text-secondary);\n}\n\n.lv-action-tag--logout {\n  background: var(--ld-primary-700);\n}\n\n.lv-action-tag--export {\n  background: var(--ld-warning-500);\n}\n\n.lv-action-tag--import {\n  background: var(--ld-success-500);\n}\n\n.lv-timeline-module {\n  font-size: var(--ld-px-12);\n  color: var(--lv-text-secondary);\n  background: var(--lv-bg-secondary);\n  padding: var(--ld-px-1) var(--ld-px-8);\n  border-radius: var(--ld-px-4);\n}\n\n.lv-timeline-ip {\n  font-size: var(--ld-px-12);\n  color: var(--lv-text-muted);\n  font-family: var(--lv-font-mono);\n}\n\n.lv-anomaly-badge {\n  font-size: var(--ld-px-11);\n  padding: var(--ld-px-1) var(--ld-px-6);\n  border-radius: var(--ld-px-3);\n  background: var(--ld-warning-50);\n  color: var(--ld-warning-700);\n  border: var(--ld-px-1) solid var(--ld-warning-300);\n}\n\n.lv-timeline-detail {\n  font-size: var(--ld-px-13);\n  color: var(--lv-text-secondary);\n  margin-top: var(--ld-px-6);\n}\n\n.lv-timeline-expand-hint {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  font: inherit;\n  font-size: var(--ld-px-12);\n  color: var(--lv-primary);\n  margin-top: var(--ld-px-6);\n  cursor: pointer;\n}\n\n/* ===== Detail Panel ===== */\n.lv-detail {\n  margin-top: var(--ld-px-12);\n  padding-top: var(--ld-px-12);\n  border-top: var(--ld-px-1) dashed var(--lv-border);\n  animation: lv-slide-down 0.2s ease;\n}\n\n@keyframes lv-slide-down {\n  from { opacity: 0; transform: translateY(calc(-1 * var(--ld-px-8))); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n/* ===== Diff Table ===== */\n.lv-diff-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--ld-px-13);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--ld-px-6);\n  overflow: hidden;\n}\n\n.lv-diff-table th {\n  background: var(--lv-bg-secondary);\n  padding: var(--ld-px-8) var(--ld-px-12);\n  text-align: left;\n  font-weight: 600;\n  font-size: var(--ld-px-12);\n  color: var(--lv-text-secondary);\n  border-bottom: var(--ld-px-1) solid var(--lv-border);\n}\n\n.lv-diff-table td {\n  padding: var(--ld-px-8) var(--ld-px-12);\n  border-bottom: var(--ld-px-1) solid var(--lv-border);\n  vertical-align: top;\n}\n\n.lv-diff-table tr:last-child td {\n  border-bottom: none;\n}\n\n.lv-diff-old {\n  background: var(--lv-diff-del-bg);\n  color: var(--lv-diff-del-text);\n  text-decoration: line-through;\n  font-family: var(--lv-font-mono);\n  font-size: var(--ld-px-12);\n}\n\n.lv-diff-new {\n  background: var(--lv-diff-add-bg);\n  color: var(--lv-diff-add-text);\n  font-family: var(--lv-font-mono);\n  font-size: var(--ld-px-12);\n}\n\n/* ===== Metadata ===== */\n.lv-metadata {\n  margin-top: var(--ld-px-10);\n  background: var(--lv-bg-secondary);\n  border-radius: var(--ld-px-6);\n  padding: var(--ld-px-10) var(--ld-px-14);\n  font-size: var(--ld-px-12);\n  font-family: var(--lv-font-mono);\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--lv-text-secondary);\n}\n\n/* ===== Pagination ===== */\n.lv-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ld-px-6);\n  padding: var(--ld-px-16) 0;\n}\n\n.lv-pagination-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ld-px-32);\n  height: var(--ld-px-32);\n  border: var(--ld-px-1) solid var(--lv-border);\n  border-radius: var(--ld-px-6);\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  font-size: var(--ld-px-13);\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.lv-pagination-btn:hover {\n  border-color: var(--lv-primary);\n  color: var(--lv-primary);\n}\n\n.lv-pagination-btn--active {\n  background: var(--lv-primary);\n  border-color: var(--lv-primary);\n  color: var(--ld-white);\n}\n\n.lv-pagination-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.lv-pagination-info {\n  font-size: var(--ld-px-13);\n  color: var(--lv-text-secondary);\n  margin: 0 var(--ld-px-8);\n}\n\n/* ===== Empty state ===== */\n.lv-empty {\n  text-align: center;\n  padding: var(--ld-px-48) var(--ld-px-16);\n  color: var(--lv-text-muted);\n  font-size: var(--ld-px-14);\n}\n\n.lv-empty-icon {\n  font-size: var(--ld-px-48);\n  margin-bottom: var(--ld-px-12);\n  opacity: 0.3;\n}\n";
+	function h(e, t = 20) {
+		const n = Number(e);
+		return !Number.isFinite(n) || n <= 0 ? t : Math.min(1e3, Math.max(1, Math.floor(n)));
+	}
+	function u(e) {
+		const t = Number(e);
+		return !Number.isFinite(t) || t < 1 ? 1 : Math.floor(t);
+	}
+	function g(e) {
+		if (void 0 === e) return [];
+		if (!Array.isArray(e)) throw new TypeError("[LogViewer] data must be an array");
+		return e.map((e, t) => {
+			if (!e || "object" != typeof e) throw new TypeError(`[LogViewer] data[${t}] must be an object`);
+			const n = i(e), r = String(n.id ?? "").trim();
+			if (!r) throw new TypeError(`[LogViewer] data[${t}].id must be a non-empty string`);
+			return {
+				...n,
+				id: r,
+				user: String(n.user ?? ""),
+				module: String(n.module ?? ""),
+				changes: Array.isArray(n.changes) ? n.changes : void 0
+			};
+		});
+	}
+	var b = class {
+		constructor(e) {
+			if (this.emitter = new t(), this.filterEngine = new n(), this.timelineRenderer = new p(), this.diffRenderer = new l(), this.data = [], this.filteredData = [], this.filter = {}, this.pagination = {
+				page: 1,
+				pageSize: 20
+			}, this.theme = "light", this.expandedIds = /* @__PURE__ */ new Set(), this.filterEl = null, this.timelineEl = null, this.paginationEl = null, this.destroyed = !1, this.requestId = 0, this.abortController = null, "undefined" == typeof document) throw new Error("[LogViewer] A browser document is required");
+			const r = "string" == typeof e.container ? document.querySelector(e.container) : e.container;
+			if (!r) throw new Error(`[LogViewer] Container not found: ${String(e.container)}`);
+			this.config = { ...e }, this.theme = "dark" === e.theme ? "dark" : "light", this.pagination = {
+				page: u(e.pagination?.page),
+				pageSize: h(e.pageSize ?? e.pagination?.pageSize)
+			}, this.filter = i(e.filter || {}), this.data = g(e.data), m(), this.root = document.createElement("div"), this.root.className = "lv-root", this.root.setAttribute("data-theme", this.theme), r.appendChild(this.root), this.bindEvents(), this.applyFilterAndRender(), e.dataSource && this.loadData().catch(() => {});
+		}
+		getData() {
+			return i(this.data);
+		}
+		setData(e) {
+			this.destroyed || (this.data = g(e), this.pagination.page = 1, this.expandedIds.clear(), this.applyFilterAndRender(), this.emitter.emit("data:change", this.getData()));
+		}
+		appendData(e) {
+			this.destroyed || (this.data.push(...g(e)), this.applyFilterAndRender(), this.emitter.emit("data:change", this.getData()));
+		}
+		getFilter() {
+			return i(this.filter);
+		}
+		setFilter(e) {
+			if (this.destroyed) return;
+			this.filter = i(e || {}), this.pagination.page = 1, this.applyFilterAndRender();
+			const t = this.getFilter();
+			this.emitter.emit("filter:change", t), this.config.onFilterChange?.(t);
+		}
+		resetFilter() {
+			this.destroyed || this.setFilter({});
+		}
+		getTheme() {
+			return this.theme;
+		}
+		setTheme(e) {
+			if (!this.destroyed) {
+				if ("light" !== e && "dark" !== e) throw new TypeError("[LogViewer] theme must be light or dark");
+				this.theme !== e && (this.theme = e, this.root.setAttribute("data-theme", e), this.emitter.emit("theme:change", e), this.config.onThemeChange?.(e));
+			}
+		}
+		expandEntry(e) {
+			if (this.destroyed || this.expandedIds.has(e)) return;
+			this.expandedIds.add(e);
+			const t = this.data.find((t) => t.id === e);
+			t && this.emitter.emit("entry:expand", i(t)), this.renderTimeline();
+		}
+		collapseEntry(e) {
+			if (this.destroyed || !this.expandedIds.has(e)) return;
+			this.expandedIds.delete(e);
+			const t = this.data.find((t) => t.id === e);
+			t && this.emitter.emit("entry:collapse", i(t)), this.renderTimeline();
+		}
+		collapseAll() {
+			this.destroyed || 0 === this.expandedIds.size || (this.expandedIds.clear(), this.renderTimeline());
+		}
+		goToPage(e) {
+			if (this.destroyed) return;
+			const t = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize)), n = Math.min(t, Math.max(1, u(e)));
+			n !== this.pagination.page && (this.pagination.page = n, this.emitter.emit("page:change", n), this.renderTimeline());
+		}
+		getPagination() {
+			return {
+				...this.pagination,
+				total: this.filteredData.length
+			};
+		}
+		on(e, t) {
+			return this.emitter.on(e, t);
+		}
+		refresh() {
+			this.destroyed || this.applyFilterAndRender();
+		}
+		async loadData() {
+			if (this.destroyed || !this.config.dataSource) return;
+			const e = ++this.requestId;
+			this.abortController?.abort(), this.abortController = "undefined" != typeof AbortController ? new AbortController() : null;
+			try {
+				let t;
+				if ("function" == typeof this.config.dataSource) t = await this.config.dataSource();
+				else {
+					if ("function" != typeof fetch) throw new Error("[LogViewer] fetch is unavailable");
+					const e = await fetch(this.config.dataSource, { signal: this.abortController?.signal });
+					if (!e.ok) throw new Error(`[LogViewer] dataSource request failed: ${e.status}`);
+					t = await e.json();
+				}
+				if (this.destroyed || e !== this.requestId) return;
+				this.setData(function(e) {
+					if (Array.isArray(e)) return e;
+					if (!e || "object" != typeof e) throw new TypeError("[LogViewer] dataSource response must be an array");
+					const t = e;
+					for (const e of [
+						"data",
+						"logs",
+						"items",
+						"entries"
+					]) if (Array.isArray(t[e])) return t[e];
+					throw new TypeError("[LogViewer] dataSource response must contain an array");
+				}(t));
+			} catch (e) {
+				if (this.destroyed || "undefined" != typeof DOMException && e instanceof DOMException && "AbortError" === e.name) return;
+				throw this.config.onError?.(e), this.emitter.emit("error", e), e;
+			}
+		}
+		destroy() {
+			this.destroyed || (this.destroyed = !0, this.requestId++, this.abortController?.abort(), this.abortController = null, this.emitter.removeAllListeners(), this.expandedIds.clear(), this.root.replaceChildren(), this.root.remove());
+		}
+		applyFilterAndRender() {
+			this.filteredData = this.filterEngine.filter(this.data, this.filter), this.filteredData = this.filteredData.map((e, t) => ({
+				entry: e,
+				index: t
+			})).sort((e, t) => {
+				const n = new Date(e.entry.timestamp).getTime(), r = new Date(t.entry.timestamp).getTime(), a = Number.isFinite(n) ? n : Number.MIN_SAFE_INTEGER;
+				return (Number.isFinite(r) ? r : Number.MIN_SAFE_INTEGER) - a || e.index - t.index;
+			}).map(({ entry: e }) => e);
+			const e = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize));
+			this.pagination.page = Math.min(this.pagination.page, e), this.pagination.total = this.filteredData.length, this.renderTimeline();
+		}
+		getPageData() {
+			const { page: e, pageSize: t } = this.pagination, n = (e - 1) * t;
+			return this.filteredData.slice(n, n + t);
+		}
+		renderFilterBar() {
+			if (!1 === this.config.showFilter) return null;
+			const t = document.createElement("div");
+			t.className = "lv-filter", t.setAttribute("role", "search");
+			const n = (e, n) => {
+				const r = document.createElement("label");
+				r.className = "lv-filter-item";
+				const a = document.createElement("span");
+				a.className = "lv-filter-label", a.textContent = n;
+				const i = document.createElement("input");
+				i.className = "lv-filter-input", i.type = "search", i.value = String(this.filter[e] || ""), i.setAttribute("data-filter-field", e), i.setAttribute("aria-label", n), r.append(a, i), t.appendChild(r);
+			};
+			n("keyword", "en-US" === this.config.locale ? "Keyword" : "关键词"), n("user", "en-US" === this.config.locale ? "User" : "用户"), n("module", "en-US" === this.config.locale ? "Module" : "模块"), n("ip", "IP");
+			const r = document.createElement("label");
+			r.className = "lv-filter-item";
+			const a = document.createElement("span");
+			a.className = "lv-filter-label", a.textContent = "en-US" === this.config.locale ? "Action" : "操作";
+			const i = document.createElement("select");
+			i.className = "lv-filter-select", i.setAttribute("data-filter-field", "action"), i.setAttribute("aria-label", a.textContent);
+			const o = document.createElement("option");
+			o.value = "", o.textContent = "en-US" === this.config.locale ? "All" : "全部", i.appendChild(o);
+			for (const [t, n] of Object.entries(e)) {
+				const e = document.createElement("option");
+				e.value = t, e.textContent = n, i.appendChild(e);
+			}
+			i.value = Array.isArray(this.filter.action) ? "" : this.filter.action || "", r.append(a, i), t.appendChild(r);
+			const l = document.createElement("button");
+			return l.type = "button", l.className = "lv-filter-btn", l.setAttribute("data-filter-reset", "true"), l.textContent = "en-US" === this.config.locale ? "Reset" : "重置", t.appendChild(l), t;
+		}
+		updateFilterField(t, n) {
+			const r = this.getFilter();
+			n.trim() ? "action" === t && function(t) {
+				return Object.keys(e).includes(t);
+			}(n) ? r.action = n : "action" !== t && (r[t] = n) : delete r[t], this.setFilter(r);
+		}
+		renderTimeline() {
+			if (this.destroyed) return;
+			const e = this.getPageData(), t = this.timelineRenderer.render(e, this.expandedIds, {
+				showDiff: this.config.showDiff,
+				showAnomalyBadge: this.config.showAnomalyBadge,
+				locale: this.config.locale
+			});
+			if (!1 !== this.config.showDiff) for (const n of e) this.expandedIds.has(n.id) && ([...t.children].find((e) => e.getAttribute("data-id") === n.id)?.querySelector(".lv-timeline-card"))?.appendChild(this.diffRenderer.renderDetail(n));
+			this.filterEl?.remove(), this.timelineEl?.remove(), this.paginationEl?.remove(), this.filterEl = this.renderFilterBar(), this.timelineEl = t, this.paginationEl = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length), this.filterEl && this.root.appendChild(this.filterEl), this.root.append(this.timelineEl, this.paginationEl);
+		}
+		bindEvents() {
+			this.root.addEventListener("change", (e) => {
+				const t = e.target;
+				if (!(t instanceof HTMLInputElement || t instanceof HTMLSelectElement)) return;
+				const n = t.getAttribute("data-filter-field");
+				n && this.updateFilterField(n, t.value);
+			}), this.root.addEventListener("click", (e) => {
+				const t = e.target;
+				if (!(t instanceof Element)) return;
+				if (t.closest("[data-filter-reset]")) return void this.resetFilter();
+				const n = t.closest(".lv-timeline-expand-hint"), r = (n?.closest(".lv-timeline-item") || t.closest(".lv-timeline-item"))?.getAttribute("data-id");
+				if (n && r) return void (this.expandedIds.has(r) ? this.collapseEntry(r) : this.expandEntry(r));
+				const a = t.closest(".lv-pagination-btn");
+				if (a && !a.disabled) {
+					const e = Number(a.getAttribute("data-page"));
+					Number.isFinite(e) && this.goToPage(e);
+					return;
+				}
+				if (!t.closest(".lv-timeline-card") || !r) return;
+				const o = this.filteredData.find((e) => e.id === r);
+				if (o) {
+					const e = i(o);
+					this.emitter.emit("entry:click", e), this.config.onEntryClick?.(e);
+				}
+			});
+		}
+	};
+	exports.ACTION_COLORS = {
+		create: "#52c41a",
+		update: "#1890ff",
+		delete: "#ff4d4f",
+		query: "#8c8c8c",
+		login: "#722ed1",
+		logout: "#eb2f96",
+		export: "#fa8c16",
+		import: "#13c2c2",
+		approve: "#52c41a",
+		reject: "#ff4d4f",
+		other: "#d9d9d9"
+	}, exports.ACTION_LABELS = e, exports.DiffRenderer = l, exports.EventEmitter = t, exports.FilterEngine = n, exports.LogViewer = b, exports.TimelineRenderer = p, exports.VERSION = "0.1.0", exports.createLogViewer = function(e) {
+		return new b(e);
+	}, exports.debounce = function(e, t) {
+		let n = null;
+		const r = Number.isFinite(t) && t > 0 ? t : 0;
+		return (...t) => {
+			n && clearTimeout(n), n = setTimeout(() => {
+				n = null, e(...t);
+			}, r);
+		};
+	}, exports.deepClone = i, exports.escapeHtml = function(e) {
+		const t = {
+			"&": "&amp;",
+			"<": "&lt;",
+			">": "&gt;",
+			"\"": "&quot;",
+			"'": "&#39;"
+		};
+		return e.replace(/[&<>"']/g, (e) => t[e] || e);
+	}, exports.formatDate = a, exports.formatRelativeTime = function(e) {
+		const t = e instanceof Date ? e : new Date(e), n = Date.now() - t.getTime();
+		return !Number.isFinite(n) || n < 0 ? a(t) : n < 6e4 ? "刚刚" : n < 36e5 ? `${Math.floor(n / 6e4)} 分钟前` : n < 864e5 ? `${Math.floor(n / 36e5)} 小时前` : n < 6048e5 ? `${Math.floor(n / 864e5)} 天前` : a(t);
+	}, exports.formatValue = o, exports.injectStyles = m, exports.uid = function(e = "lv") {
+		const t = "undefined" != typeof crypto && "function" == typeof crypto.randomUUID ? crypto.randomUUID().slice(0, 8) : Math.random().toString(36).slice(2, 8);
+		return `${e}-${++r}-${t}`;
+	};
+});
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.min.js.map