@composy/log-viewer-core 0.0.1 → 0.0.2

package/es/styles/index.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -20,54 +20,54 @@ function injectStyles() {
 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-bg: var(--ld-white);
+  --lv-bg-secondary: var(--ld-bg-surface-soft);
+  --lv-bg-hover: var(--ld-primary-50);
+  --lv-border: var(--ld-border);
+  --lv-text: var(--ld-text-primary);
+  --lv-text-secondary: var(--ld-text-secondary);
+  --lv-text-muted: var(--ld-text-muted);
+  --lv-primary: var(--ld-primary-500);
+  --lv-primary-light: var(--ld-primary-50);
+  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 4%, transparent);
+  --lv-timeline-line: var(--ld-border);
+  --lv-timeline-dot: var(--ld-primary-500);
+  --lv-diff-add-bg: var(--ld-success-50);
+  --lv-diff-add-text: var(--ld-success-700);
+  --lv-diff-del-bg: var(--ld-danger-50);
+  --lv-diff-del-text: var(--ld-danger-700);
+  --lv-anomaly-bg: var(--ld-warning-50);
+  --lv-anomaly-border: var(--ld-warning-300);
+  --lv-radius: var(--ld-radius-md);
   --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-bg: var(--ld-bg-surface);
+  --lv-bg-secondary: var(--ld-bg-surface-soft);
+  --lv-bg-hover: var(--ld-primary-50);
+  --lv-border: var(--ld-border-strong);
+  --lv-text: var(--ld-text-primary);
+  --lv-text-secondary: var(--ld-text-secondary);
+  --lv-text-muted: var(--ld-text-muted);
+  --lv-primary: var(--ld-primary-400);
+  --lv-primary-light: var(--ld-primary-50);
+  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 20%, transparent);
+  --lv-timeline-line: var(--ld-border-strong);
+  --lv-timeline-dot: var(--ld-primary-400);
+  --lv-diff-add-bg: var(--ld-success-50);
+  --lv-diff-add-text: var(--ld-success-700);
+  --lv-diff-del-bg: var(--ld-danger-50);
+  --lv-diff-del-text: var(--ld-danger-700);
+  --lv-anomaly-bg: var(--ld-warning-50);
+  --lv-anomaly-border: var(--ld-warning-700);
 }
 
 /* ===== Root ===== */
 .lv-root {
   font-family: var(--lv-font);
-  font-size: 14px;
+  font-size: var(--ld-px-14);
   color: var(--lv-text);
   background: var(--lv-bg);
   line-height: 1.6;
@@ -77,38 +77,38 @@ const CSS_TEXT = `
 .lv-filter {
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
-  padding: 16px;
+  gap: var(--ld-px-10);
+  padding: var(--ld-px-16);
   background: var(--lv-bg);
-  border: 1px solid var(--lv-border);
+  border: var(--ld-px-1) solid var(--lv-border);
   border-radius: var(--lv-radius);
-  margin-bottom: 16px;
+  margin-bottom: var(--ld-px-16);
   align-items: center;
 }
 
 .lv-filter-item {
   display: flex;
   align-items: center;
-  gap: 6px;
-  font-size: 13px;
+  gap: var(--ld-px-6);
+  font-size: var(--ld-px-13);
 }
 
 .lv-filter-label {
   color: var(--lv-text-secondary);
-  font-size: 12px;
+  font-size: var(--ld-px-12);
   white-space: nowrap;
 }
 
 .lv-filter-input {
-  padding: 5px 10px;
-  border: 1px solid var(--lv-border);
-  border-radius: 6px;
-  font-size: 13px;
+  padding: var(--ld-px-5) var(--ld-px-10);
+  border: var(--ld-px-1) solid var(--lv-border);
+  border-radius: var(--ld-px-6);
+  font-size: var(--ld-px-13);
   background: var(--lv-bg);
   color: var(--lv-text);
   outline: none;
   transition: border-color 0.2s;
-  min-width: 120px;
+  min-width: var(--ld-px-120);
 }
 
 .lv-filter-input:focus {
@@ -116,10 +116,10 @@ const CSS_TEXT = `
 }
 
 .lv-filter-select {
-  padding: 5px 10px;
-  border: 1px solid var(--lv-border);
-  border-radius: 6px;
-  font-size: 13px;
+  padding: var(--ld-px-5) var(--ld-px-10);
+  border: var(--ld-px-1) solid var(--lv-border);
+  border-radius: var(--ld-px-6);
+  font-size: var(--ld-px-13);
   background: var(--lv-bg);
   color: var(--lv-text);
   outline: none;
@@ -129,11 +129,11 @@ const CSS_TEXT = `
 .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;
+  gap: var(--ld-px-4);
+  padding: var(--ld-px-5) var(--ld-px-14);
+  font-size: var(--ld-px-13);
+  border: var(--ld-px-1) solid var(--lv-border);
+  border-radius: var(--ld-px-6);
   background: var(--lv-bg);
   color: var(--lv-text);
   cursor: pointer;
@@ -148,7 +148,7 @@ const CSS_TEXT = `
 .lv-filter-btn--primary {
   background: var(--lv-primary);
   border-color: var(--lv-primary);
-  color: #fff;
+  color: var(--ld-white);
 }
 
 .lv-filter-btn--primary:hover {
@@ -158,135 +158,171 @@ const CSS_TEXT = `
 /* ===== Timeline ===== */
 .lv-timeline {
   position: relative;
-  padding-left: 28px;
+  padding-left: var(--ld-px-28);
 }
 
 .lv-timeline::before {
   content: '';
   position: absolute;
-  left: 9px;
+  left: var(--ld-px-9);
   top: 0;
   bottom: 0;
-  width: 2px;
+  width: var(--ld-px-2);
   background: var(--lv-timeline-line);
 }
 
 .lv-timeline-item {
   position: relative;
-  padding: 0 0 20px 0;
+  padding: 0 0 var(--ld-px-20) 0;
 }
 
 .lv-timeline-dot {
   position: absolute;
-  left: -25px;
-  top: 6px;
-  width: 12px;
-  height: 12px;
+  left: calc(-1 * var(--ld-px-25));
+  top: var(--ld-px-6);
+  width: var(--ld-px-12);
+  height: var(--ld-px-12);
   border-radius: 50%;
   background: var(--lv-bg);
-  border: 2px solid var(--lv-timeline-dot);
+  border: var(--ld-px-2) solid var(--lv-timeline-dot);
   z-index: 1;
 }
 
 .lv-timeline-dot--anomaly {
-  border-color: #ff4d4f;
-  background: #fff1f0;
+  border-color: var(--ld-danger-500);
+  background: var(--ld-danger-50);
 }
 
 .lv-timeline-card {
   background: var(--lv-bg);
-  border: 1px solid var(--lv-border);
+  border: var(--ld-px-1) solid var(--lv-border);
   border-radius: var(--lv-radius);
-  padding: 14px 18px;
+  padding: var(--ld-px-14) var(--ld-px-18);
   cursor: pointer;
   transition: all 0.2s;
-  box-shadow: 0 1px 3px var(--lv-shadow);
+  box-shadow: 0 var(--ld-px-1) var(--ld-px-3) var(--lv-shadow);
 }
 
 .lv-timeline-card:hover {
   border-color: var(--lv-primary);
-  box-shadow: 0 2px 8px var(--lv-shadow);
+  box-shadow: 0 var(--ld-px-2) var(--ld-px-8) var(--lv-shadow);
 }
 
 .lv-timeline-card--anomaly {
-  border-left: 3px solid var(--lv-anomaly-border);
+  border-left: var(--ld-px-3) solid var(--lv-anomaly-border);
   background: var(--lv-anomaly-bg);
 }
 
 .lv-timeline-header {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--ld-px-10);
   flex-wrap: wrap;
-  margin-bottom: 4px;
+  margin-bottom: var(--ld-px-4);
 }
 
 .lv-timeline-time {
-  font-size: 12px;
+  font-size: var(--ld-px-12);
   color: var(--lv-text-muted);
   font-family: var(--lv-font-mono);
 }
 
 .lv-timeline-user {
   font-weight: 600;
-  font-size: 14px;
+  font-size: var(--ld-px-14);
 }
 
 .lv-action-tag {
   display: inline-block;
-  padding: 1px 8px;
-  font-size: 12px;
-  border-radius: 4px;
+  padding: var(--ld-px-1) var(--ld-px-8);
+  font-size: var(--ld-px-12);
+  border-radius: var(--ld-px-4);
   font-weight: 500;
-  color: #fff;
+  color: var(--ld-white);
+}
+
+.lv-action-tag--create,
+.lv-action-tag--approve {
+  background: var(--ld-success-500);
+}
+
+.lv-action-tag--update,
+.lv-action-tag--login {
+  background: var(--ld-primary-500);
+}
+
+.lv-action-tag--delete,
+.lv-action-tag--reject {
+  background: var(--ld-danger-500);
+}
+
+.lv-action-tag--query,
+.lv-action-tag--other {
+  background: var(--ld-text-secondary);
+}
+
+.lv-action-tag--logout {
+  background: var(--ld-primary-700);
+}
+
+.lv-action-tag--export {
+  background: var(--ld-warning-500);
+}
+
+.lv-action-tag--import {
+  background: var(--ld-success-500);
 }
 
 .lv-timeline-module {
-  font-size: 12px;
+  font-size: var(--ld-px-12);
   color: var(--lv-text-secondary);
   background: var(--lv-bg-secondary);
-  padding: 1px 8px;
-  border-radius: 4px;
+  padding: var(--ld-px-1) var(--ld-px-8);
+  border-radius: var(--ld-px-4);
 }
 
 .lv-timeline-ip {
-  font-size: 12px;
+  font-size: var(--ld-px-12);
   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;
+  font-size: var(--ld-px-11);
+  padding: var(--ld-px-1) var(--ld-px-6);
+  border-radius: var(--ld-px-3);
+  background: var(--ld-warning-50);
+  color: var(--ld-warning-700);
+  border: var(--ld-px-1) solid var(--ld-warning-300);
 }
 
 .lv-timeline-detail {
-  font-size: 13px;
+  font-size: var(--ld-px-13);
   color: var(--lv-text-secondary);
-  margin-top: 6px;
+  margin-top: var(--ld-px-6);
 }
 
 .lv-timeline-expand-hint {
-  font-size: 12px;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  font: inherit;
+  font-size: var(--ld-px-12);
   color: var(--lv-primary);
-  margin-top: 6px;
+  margin-top: var(--ld-px-6);
   cursor: pointer;
 }
 
 /* ===== Detail Panel ===== */
 .lv-detail {
-  margin-top: 12px;
-  padding-top: 12px;
-  border-top: 1px dashed var(--lv-border);
+  margin-top: var(--ld-px-12);
+  padding-top: var(--ld-px-12);
+  border-top: var(--ld-px-1) dashed var(--lv-border);
   animation: lv-slide-down 0.2s ease;
 }
 
 @keyframes lv-slide-down {
-  from { opacity: 0; transform: translateY(-8px); }
+  from { opacity: 0; transform: translateY(calc(-1 * var(--ld-px-8))); }
   to { opacity: 1; transform: translateY(0); }
 }
 
@@ -294,25 +330,25 @@ const CSS_TEXT = `
 .lv-diff-table {
   width: 100%;
   border-collapse: collapse;
-  font-size: 13px;
-  border: 1px solid var(--lv-border);
-  border-radius: 6px;
+  font-size: var(--ld-px-13);
+  border: var(--ld-px-1) solid var(--lv-border);
+  border-radius: var(--ld-px-6);
   overflow: hidden;
 }
 
 .lv-diff-table th {
   background: var(--lv-bg-secondary);
-  padding: 8px 12px;
+  padding: var(--ld-px-8) var(--ld-px-12);
   text-align: left;
   font-weight: 600;
-  font-size: 12px;
+  font-size: var(--ld-px-12);
   color: var(--lv-text-secondary);
-  border-bottom: 1px solid var(--lv-border);
+  border-bottom: var(--ld-px-1) solid var(--lv-border);
 }
 
 .lv-diff-table td {
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--lv-border);
+  padding: var(--ld-px-8) var(--ld-px-12);
+  border-bottom: var(--ld-px-1) solid var(--lv-border);
   vertical-align: top;
 }
 
@@ -325,23 +361,23 @@ const CSS_TEXT = `
   color: var(--lv-diff-del-text);
   text-decoration: line-through;
   font-family: var(--lv-font-mono);
-  font-size: 12px;
+  font-size: var(--ld-px-12);
 }
 
 .lv-diff-new {
   background: var(--lv-diff-add-bg);
   color: var(--lv-diff-add-text);
   font-family: var(--lv-font-mono);
-  font-size: 12px;
+  font-size: var(--ld-px-12);
 }
 
 /* ===== Metadata ===== */
 .lv-metadata {
-  margin-top: 10px;
+  margin-top: var(--ld-px-10);
   background: var(--lv-bg-secondary);
-  border-radius: 6px;
-  padding: 10px 14px;
-  font-size: 12px;
+  border-radius: var(--ld-px-6);
+  padding: var(--ld-px-10) var(--ld-px-14);
+  font-size: var(--ld-px-12);
   font-family: var(--lv-font-mono);
   white-space: pre-wrap;
   word-break: break-all;
@@ -353,21 +389,21 @@ const CSS_TEXT = `
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  padding: 16px 0;
+  gap: var(--ld-px-6);
+  padding: var(--ld-px-16) 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;
+  width: var(--ld-px-32);
+  height: var(--ld-px-32);
+  border: var(--ld-px-1) solid var(--lv-border);
+  border-radius: var(--ld-px-6);
   background: var(--lv-bg);
   color: var(--lv-text);
-  font-size: 13px;
+  font-size: var(--ld-px-13);
   cursor: pointer;
   transition: all 0.15s;
 }
@@ -380,7 +416,7 @@ const CSS_TEXT = `
 .lv-pagination-btn--active {
   background: var(--lv-primary);
   border-color: var(--lv-primary);
-  color: #fff;
+  color: var(--ld-white);
 }
 
 .lv-pagination-btn:disabled {
@@ -389,22 +425,22 @@ const CSS_TEXT = `
 }
 
 .lv-pagination-info {
-  font-size: 13px;
+  font-size: var(--ld-px-13);
   color: var(--lv-text-secondary);
-  margin: 0 8px;
+  margin: 0 var(--ld-px-8);
 }
 
 /* ===== Empty state ===== */
 .lv-empty {
   text-align: center;
-  padding: 48px 16px;
+  padding: var(--ld-px-48) var(--ld-px-16);
   color: var(--lv-text-muted);
-  font-size: 14px;
+  font-size: var(--ld-px-14);
 }
 
 .lv-empty-icon {
-  font-size: 48px;
-  margin-bottom: 12px;
+  font-size: var(--ld-px-48);
+  margin-bottom: var(--ld-px-12);
   opacity: 0.3;
 }
 `;

package/es/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/styles/index.ts"],"sourcesContent":["/**\n * 样式注入 - 通过 CSS 变量支持亮色/暗色主题\n */\n\nconst STYLE_ID = 'ldesign-log-viewer-styles'\n\n/**\n * injectStyles - inject Styles function\n * @returns 返回值说明\n */\nexport function injectStyles(): void {\n  if (typeof document === 'undefined') return\n  if (document.getElementById(STYLE_ID)) return\n\n  const style = document.createElement('style')\n  style.id = STYLE_ID\n  style.textContent = CSS_TEXT\n  document.head.appendChild(style)\n}\n\nconst CSS_TEXT = /* css */ `\n/* ===== CSS Variables ===== */\n.lv-root {\n  --lv-bg: #ffffff;\n  --lv-bg-secondary: #f7f8fa;\n  --lv-bg-hover: #f0f3ff;\n  --lv-border: #ebedf0;\n  --lv-text: #1a1a2e;\n  --lv-text-secondary: #666;\n  --lv-text-muted: #999;\n  --lv-primary: #4f6ef7;\n  --lv-primary-light: #edf0ff;\n  --lv-shadow: rgba(0, 0, 0, 0.04);\n  --lv-timeline-line: #e0e0e0;\n  --lv-timeline-dot: #4f6ef7;\n  --lv-diff-add-bg: #f0fff4;\n  --lv-diff-add-text: #22863a;\n  --lv-diff-del-bg: #fff5f5;\n  --lv-diff-del-text: #cb2431;\n  --lv-anomaly-bg: #fff2e8;\n  --lv-anomaly-border: #ffbb96;\n  --lv-radius: 8px;\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: #1a1a2e;\n  --lv-bg-secondary: #16213e;\n  --lv-bg-hover: #1e2a4a;\n  --lv-border: #2a2a4a;\n  --lv-text: #e0e0e0;\n  --lv-text-secondary: #a0a0b0;\n  --lv-text-muted: #666680;\n  --lv-primary: #6b85f9;\n  --lv-primary-light: #252545;\n  --lv-shadow: rgba(0, 0, 0, 0.2);\n  --lv-timeline-line: #333355;\n  --lv-timeline-dot: #6b85f9;\n  --lv-diff-add-bg: #0d2818;\n  --lv-diff-add-text: #85e89d;\n  --lv-diff-del-bg: #2d1214;\n  --lv-diff-del-text: #f97583;\n  --lv-anomaly-bg: #2d1a0a;\n  --lv-anomaly-border: #8b5e3c;\n}\n\n/* ===== Root ===== */\n.lv-root {\n  font-family: var(--lv-font);\n  font-size: 14px;\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: 10px;\n  padding: 16px;\n  background: var(--lv-bg);\n  border: 1px solid var(--lv-border);\n  border-radius: var(--lv-radius);\n  margin-bottom: 16px;\n  align-items: center;\n}\n\n.lv-filter-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n\n.lv-filter-label {\n  color: var(--lv-text-secondary);\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.lv-filter-input {\n  padding: 5px 10px;\n  border: 1px solid var(--lv-border);\n  border-radius: 6px;\n  font-size: 13px;\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  outline: none;\n  transition: border-color 0.2s;\n  min-width: 120px;\n}\n\n.lv-filter-input:focus {\n  border-color: var(--lv-primary);\n}\n\n.lv-filter-select {\n  padding: 5px 10px;\n  border: 1px solid var(--lv-border);\n  border-radius: 6px;\n  font-size: 13px;\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: 4px;\n  padding: 5px 14px;\n  font-size: 13px;\n  border: 1px solid var(--lv-border);\n  border-radius: 6px;\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: #fff;\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: 28px;\n}\n\n.lv-timeline::before {\n  content: '';\n  position: absolute;\n  left: 9px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--lv-timeline-line);\n}\n\n.lv-timeline-item {\n  position: relative;\n  padding: 0 0 20px 0;\n}\n\n.lv-timeline-dot {\n  position: absolute;\n  left: -25px;\n  top: 6px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--lv-bg);\n  border: 2px solid var(--lv-timeline-dot);\n  z-index: 1;\n}\n\n.lv-timeline-dot--anomaly {\n  border-color: #ff4d4f;\n  background: #fff1f0;\n}\n\n.lv-timeline-card {\n  background: var(--lv-bg);\n  border: 1px solid var(--lv-border);\n  border-radius: var(--lv-radius);\n  padding: 14px 18px;\n  cursor: pointer;\n  transition: all 0.2s;\n  box-shadow: 0 1px 3px var(--lv-shadow);\n}\n\n.lv-timeline-card:hover {\n  border-color: var(--lv-primary);\n  box-shadow: 0 2px 8px var(--lv-shadow);\n}\n\n.lv-timeline-card--anomaly {\n  border-left: 3px 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: 10px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.lv-timeline-time {\n  font-size: 12px;\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: 14px;\n}\n\n.lv-action-tag {\n  display: inline-block;\n  padding: 1px 8px;\n  font-size: 12px;\n  border-radius: 4px;\n  font-weight: 500;\n  color: #fff;\n}\n\n.lv-timeline-module {\n  font-size: 12px;\n  color: var(--lv-text-secondary);\n  background: var(--lv-bg-secondary);\n  padding: 1px 8px;\n  border-radius: 4px;\n}\n\n.lv-timeline-ip {\n  font-size: 12px;\n  color: var(--lv-text-muted);\n  font-family: var(--lv-font-mono);\n}\n\n.lv-anomaly-badge {\n  font-size: 11px;\n  padding: 1px 6px;\n  border-radius: 3px;\n  background: #fff2e8;\n  color: #d46b08;\n  border: 1px solid #ffd591;\n}\n\n.lv-timeline-detail {\n  font-size: 13px;\n  color: var(--lv-text-secondary);\n  margin-top: 6px;\n}\n\n.lv-timeline-expand-hint {\n  font-size: 12px;\n  color: var(--lv-primary);\n  margin-top: 6px;\n  cursor: pointer;\n}\n\n/* ===== Detail Panel ===== */\n.lv-detail {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px 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(-8px); }\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: 13px;\n  border: 1px solid var(--lv-border);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.lv-diff-table th {\n  background: var(--lv-bg-secondary);\n  padding: 8px 12px;\n  text-align: left;\n  font-weight: 600;\n  font-size: 12px;\n  color: var(--lv-text-secondary);\n  border-bottom: 1px solid var(--lv-border);\n}\n\n.lv-diff-table td {\n  padding: 8px 12px;\n  border-bottom: 1px 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: 12px;\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: 12px;\n}\n\n/* ===== Metadata ===== */\n.lv-metadata {\n  margin-top: 10px;\n  background: var(--lv-bg-secondary);\n  border-radius: 6px;\n  padding: 10px 14px;\n  font-size: 12px;\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: 6px;\n  padding: 16px 0;\n}\n\n.lv-pagination-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--lv-border);\n  border-radius: 6px;\n  background: var(--lv-bg);\n  color: var(--lv-text);\n  font-size: 13px;\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: #fff;\n}\n\n.lv-pagination-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.lv-pagination-info {\n  font-size: 13px;\n  color: var(--lv-text-secondary);\n  margin: 0 8px;\n}\n\n/* ===== Empty state ===== */\n.lv-empty {\n  text-align: center;\n  padding: 48px 16px;\n  color: var(--lv-text-muted);\n  font-size: 14px;\n}\n\n.lv-empty-icon {\n  font-size: 48px;\n  margin-bottom: 12px;\n  opacity: 0.3;\n}\n`\n"],"mappings":";;;;;;;;;;AAIA,MAAM,WAAW;AAMV,SAAS,eAAqB;CACnC,IAAI,OAAO,aAAa,aAAa;CACrC,IAAI,SAAS,eAAe,QAAQ,GAAG;CAEvC,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,SAAS,KAAK,YAAY,KAAK;AACjC;AAEA,MAAM,WAAqB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/styles/index.ts"],"sourcesContent":["/**\r\n * 样式注入 - 通过 CSS 变量支持亮色/暗色主题\r\n */\r\n\r\nconst STYLE_ID = 'ldesign-log-viewer-styles'\r\n\r\n/** injectStyles - inject Styles function. */\r\nexport function injectStyles(): void {\r\n  if (typeof document === 'undefined') return\r\n  if (document.getElementById(STYLE_ID)) return\r\n\r\n  const style = document.createElement('style')\r\n  style.id = STYLE_ID\r\n  style.textContent = CSS_TEXT\r\n  document.head.appendChild(style)\r\n}\r\n\r\nconst CSS_TEXT = /* css */ `\r\n/* ===== CSS Variables ===== */\r\n.lv-root {\r\n  --lv-bg: var(--ld-white);\r\n  --lv-bg-secondary: var(--ld-bg-surface-soft);\r\n  --lv-bg-hover: var(--ld-primary-50);\r\n  --lv-border: var(--ld-border);\r\n  --lv-text: var(--ld-text-primary);\r\n  --lv-text-secondary: var(--ld-text-secondary);\r\n  --lv-text-muted: var(--ld-text-muted);\r\n  --lv-primary: var(--ld-primary-500);\r\n  --lv-primary-light: var(--ld-primary-50);\r\n  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 4%, transparent);\r\n  --lv-timeline-line: var(--ld-border);\r\n  --lv-timeline-dot: var(--ld-primary-500);\r\n  --lv-diff-add-bg: var(--ld-success-50);\r\n  --lv-diff-add-text: var(--ld-success-700);\r\n  --lv-diff-del-bg: var(--ld-danger-50);\r\n  --lv-diff-del-text: var(--ld-danger-700);\r\n  --lv-anomaly-bg: var(--ld-warning-50);\r\n  --lv-anomaly-border: var(--ld-warning-300);\r\n  --lv-radius: var(--ld-radius-md);\r\n  --lv-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\r\n  --lv-font-mono: 'Fira Code', 'SF Mono', Consolas, monospace;\r\n}\r\n\r\n.lv-root[data-theme=\"dark\"] {\r\n  --lv-bg: var(--ld-bg-surface);\r\n  --lv-bg-secondary: var(--ld-bg-surface-soft);\r\n  --lv-bg-hover: var(--ld-primary-50);\r\n  --lv-border: var(--ld-border-strong);\r\n  --lv-text: var(--ld-text-primary);\r\n  --lv-text-secondary: var(--ld-text-secondary);\r\n  --lv-text-muted: var(--ld-text-muted);\r\n  --lv-primary: var(--ld-primary-400);\r\n  --lv-primary-light: var(--ld-primary-50);\r\n  --lv-shadow: color-mix(in srgb, var(--ld-text-primary) 20%, transparent);\r\n  --lv-timeline-line: var(--ld-border-strong);\r\n  --lv-timeline-dot: var(--ld-primary-400);\r\n  --lv-diff-add-bg: var(--ld-success-50);\r\n  --lv-diff-add-text: var(--ld-success-700);\r\n  --lv-diff-del-bg: var(--ld-danger-50);\r\n  --lv-diff-del-text: var(--ld-danger-700);\r\n  --lv-anomaly-bg: var(--ld-warning-50);\r\n  --lv-anomaly-border: var(--ld-warning-700);\r\n}\r\n\r\n/* ===== Root ===== */\r\n.lv-root {\r\n  font-family: var(--lv-font);\r\n  font-size: var(--ld-px-14);\r\n  color: var(--lv-text);\r\n  background: var(--lv-bg);\r\n  line-height: 1.6;\r\n}\r\n\r\n/* ===== Filter Bar ===== */\r\n.lv-filter {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--ld-px-10);\r\n  padding: var(--ld-px-16);\r\n  background: var(--lv-bg);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--lv-radius);\r\n  margin-bottom: var(--ld-px-16);\r\n  align-items: center;\r\n}\r\n\r\n.lv-filter-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--ld-px-6);\r\n  font-size: var(--ld-px-13);\r\n}\r\n\r\n.lv-filter-label {\r\n  color: var(--lv-text-secondary);\r\n  font-size: var(--ld-px-12);\r\n  white-space: nowrap;\r\n}\r\n\r\n.lv-filter-input {\r\n  padding: var(--ld-px-5) var(--ld-px-10);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--ld-px-6);\r\n  font-size: var(--ld-px-13);\r\n  background: var(--lv-bg);\r\n  color: var(--lv-text);\r\n  outline: none;\r\n  transition: border-color 0.2s;\r\n  min-width: var(--ld-px-120);\r\n}\r\n\r\n.lv-filter-input:focus {\r\n  border-color: var(--lv-primary);\r\n}\r\n\r\n.lv-filter-select {\r\n  padding: var(--ld-px-5) var(--ld-px-10);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--ld-px-6);\r\n  font-size: var(--ld-px-13);\r\n  background: var(--lv-bg);\r\n  color: var(--lv-text);\r\n  outline: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.lv-filter-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: var(--ld-px-4);\r\n  padding: var(--ld-px-5) var(--ld-px-14);\r\n  font-size: var(--ld-px-13);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--ld-px-6);\r\n  background: var(--lv-bg);\r\n  color: var(--lv-text);\r\n  cursor: pointer;\r\n  transition: all 0.15s;\r\n}\r\n\r\n.lv-filter-btn:hover {\r\n  border-color: var(--lv-primary);\r\n  color: var(--lv-primary);\r\n}\r\n\r\n.lv-filter-btn--primary {\r\n  background: var(--lv-primary);\r\n  border-color: var(--lv-primary);\r\n  color: var(--ld-white);\r\n}\r\n\r\n.lv-filter-btn--primary:hover {\r\n  opacity: 0.85;\r\n}\r\n\r\n/* ===== Timeline ===== */\r\n.lv-timeline {\r\n  position: relative;\r\n  padding-left: var(--ld-px-28);\r\n}\r\n\r\n.lv-timeline::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: var(--ld-px-9);\r\n  top: 0;\r\n  bottom: 0;\r\n  width: var(--ld-px-2);\r\n  background: var(--lv-timeline-line);\r\n}\r\n\r\n.lv-timeline-item {\r\n  position: relative;\r\n  padding: 0 0 var(--ld-px-20) 0;\r\n}\r\n\r\n.lv-timeline-dot {\r\n  position: absolute;\r\n  left: calc(-1 * var(--ld-px-25));\r\n  top: var(--ld-px-6);\r\n  width: var(--ld-px-12);\r\n  height: var(--ld-px-12);\r\n  border-radius: 50%;\r\n  background: var(--lv-bg);\r\n  border: var(--ld-px-2) solid var(--lv-timeline-dot);\r\n  z-index: 1;\r\n}\r\n\r\n.lv-timeline-dot--anomaly {\r\n  border-color: var(--ld-danger-500);\r\n  background: var(--ld-danger-50);\r\n}\r\n\r\n.lv-timeline-card {\r\n  background: var(--lv-bg);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--lv-radius);\r\n  padding: var(--ld-px-14) var(--ld-px-18);\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  box-shadow: 0 var(--ld-px-1) var(--ld-px-3) var(--lv-shadow);\r\n}\r\n\r\n.lv-timeline-card:hover {\r\n  border-color: var(--lv-primary);\r\n  box-shadow: 0 var(--ld-px-2) var(--ld-px-8) var(--lv-shadow);\r\n}\r\n\r\n.lv-timeline-card--anomaly {\r\n  border-left: var(--ld-px-3) solid var(--lv-anomaly-border);\r\n  background: var(--lv-anomaly-bg);\r\n}\r\n\r\n.lv-timeline-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--ld-px-10);\r\n  flex-wrap: wrap;\r\n  margin-bottom: var(--ld-px-4);\r\n}\r\n\r\n.lv-timeline-time {\r\n  font-size: var(--ld-px-12);\r\n  color: var(--lv-text-muted);\r\n  font-family: var(--lv-font-mono);\r\n}\r\n\r\n.lv-timeline-user {\r\n  font-weight: 600;\r\n  font-size: var(--ld-px-14);\r\n}\r\n\r\n.lv-action-tag {\r\n  display: inline-block;\r\n  padding: var(--ld-px-1) var(--ld-px-8);\r\n  font-size: var(--ld-px-12);\r\n  border-radius: var(--ld-px-4);\r\n  font-weight: 500;\r\n  color: var(--ld-white);\r\n}\r\n\r\n.lv-action-tag--create,\r\n.lv-action-tag--approve {\r\n  background: var(--ld-success-500);\r\n}\r\n\r\n.lv-action-tag--update,\r\n.lv-action-tag--login {\r\n  background: var(--ld-primary-500);\r\n}\r\n\r\n.lv-action-tag--delete,\r\n.lv-action-tag--reject {\r\n  background: var(--ld-danger-500);\r\n}\r\n\r\n.lv-action-tag--query,\r\n.lv-action-tag--other {\r\n  background: var(--ld-text-secondary);\r\n}\r\n\r\n.lv-action-tag--logout {\r\n  background: var(--ld-primary-700);\r\n}\r\n\r\n.lv-action-tag--export {\r\n  background: var(--ld-warning-500);\r\n}\r\n\r\n.lv-action-tag--import {\r\n  background: var(--ld-success-500);\r\n}\r\n\r\n.lv-timeline-module {\r\n  font-size: var(--ld-px-12);\r\n  color: var(--lv-text-secondary);\r\n  background: var(--lv-bg-secondary);\r\n  padding: var(--ld-px-1) var(--ld-px-8);\r\n  border-radius: var(--ld-px-4);\r\n}\r\n\r\n.lv-timeline-ip {\r\n  font-size: var(--ld-px-12);\r\n  color: var(--lv-text-muted);\r\n  font-family: var(--lv-font-mono);\r\n}\r\n\r\n.lv-anomaly-badge {\r\n  font-size: var(--ld-px-11);\r\n  padding: var(--ld-px-1) var(--ld-px-6);\r\n  border-radius: var(--ld-px-3);\r\n  background: var(--ld-warning-50);\r\n  color: var(--ld-warning-700);\r\n  border: var(--ld-px-1) solid var(--ld-warning-300);\r\n}\r\n\r\n.lv-timeline-detail {\r\n  font-size: var(--ld-px-13);\r\n  color: var(--lv-text-secondary);\r\n  margin-top: var(--ld-px-6);\r\n}\r\n\r\n.lv-timeline-expand-hint {\r\n  border: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n  font: inherit;\r\n  font-size: var(--ld-px-12);\r\n  color: var(--lv-primary);\r\n  margin-top: var(--ld-px-6);\r\n  cursor: pointer;\r\n}\r\n\r\n/* ===== Detail Panel ===== */\r\n.lv-detail {\r\n  margin-top: var(--ld-px-12);\r\n  padding-top: var(--ld-px-12);\r\n  border-top: var(--ld-px-1) dashed var(--lv-border);\r\n  animation: lv-slide-down 0.2s ease;\r\n}\r\n\r\n@keyframes lv-slide-down {\r\n  from { opacity: 0; transform: translateY(calc(-1 * var(--ld-px-8))); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n/* ===== Diff Table ===== */\r\n.lv-diff-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: var(--ld-px-13);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--ld-px-6);\r\n  overflow: hidden;\r\n}\r\n\r\n.lv-diff-table th {\r\n  background: var(--lv-bg-secondary);\r\n  padding: var(--ld-px-8) var(--ld-px-12);\r\n  text-align: left;\r\n  font-weight: 600;\r\n  font-size: var(--ld-px-12);\r\n  color: var(--lv-text-secondary);\r\n  border-bottom: var(--ld-px-1) solid var(--lv-border);\r\n}\r\n\r\n.lv-diff-table td {\r\n  padding: var(--ld-px-8) var(--ld-px-12);\r\n  border-bottom: var(--ld-px-1) solid var(--lv-border);\r\n  vertical-align: top;\r\n}\r\n\r\n.lv-diff-table tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n.lv-diff-old {\r\n  background: var(--lv-diff-del-bg);\r\n  color: var(--lv-diff-del-text);\r\n  text-decoration: line-through;\r\n  font-family: var(--lv-font-mono);\r\n  font-size: var(--ld-px-12);\r\n}\r\n\r\n.lv-diff-new {\r\n  background: var(--lv-diff-add-bg);\r\n  color: var(--lv-diff-add-text);\r\n  font-family: var(--lv-font-mono);\r\n  font-size: var(--ld-px-12);\r\n}\r\n\r\n/* ===== Metadata ===== */\r\n.lv-metadata {\r\n  margin-top: var(--ld-px-10);\r\n  background: var(--lv-bg-secondary);\r\n  border-radius: var(--ld-px-6);\r\n  padding: var(--ld-px-10) var(--ld-px-14);\r\n  font-size: var(--ld-px-12);\r\n  font-family: var(--lv-font-mono);\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n  color: var(--lv-text-secondary);\r\n}\r\n\r\n/* ===== Pagination ===== */\r\n.lv-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: var(--ld-px-6);\r\n  padding: var(--ld-px-16) 0;\r\n}\r\n\r\n.lv-pagination-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-32);\r\n  height: var(--ld-px-32);\r\n  border: var(--ld-px-1) solid var(--lv-border);\r\n  border-radius: var(--ld-px-6);\r\n  background: var(--lv-bg);\r\n  color: var(--lv-text);\r\n  font-size: var(--ld-px-13);\r\n  cursor: pointer;\r\n  transition: all 0.15s;\r\n}\r\n\r\n.lv-pagination-btn:hover {\r\n  border-color: var(--lv-primary);\r\n  color: var(--lv-primary);\r\n}\r\n\r\n.lv-pagination-btn--active {\r\n  background: var(--lv-primary);\r\n  border-color: var(--lv-primary);\r\n  color: var(--ld-white);\r\n}\r\n\r\n.lv-pagination-btn:disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.lv-pagination-info {\r\n  font-size: var(--ld-px-13);\r\n  color: var(--lv-text-secondary);\r\n  margin: 0 var(--ld-px-8);\r\n}\r\n\r\n/* ===== Empty state ===== */\r\n.lv-empty {\r\n  text-align: center;\r\n  padding: var(--ld-px-48) var(--ld-px-16);\r\n  color: var(--lv-text-muted);\r\n  font-size: var(--ld-px-14);\r\n}\r\n\r\n.lv-empty-icon {\r\n  font-size: var(--ld-px-48);\r\n  margin-bottom: var(--ld-px-12);\r\n  opacity: 0.3;\r\n}\r\n`\r\n"],"mappings":";;;;;;;;;;AAIA,MAAM,WAAW;AAGV,SAAS,eAAqB;CACnC,IAAI,OAAO,aAAa,aAAa;CACrC,IAAI,SAAS,eAAe,QAAQ,GAAG;CAEvC,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,SAAS,KAAK,YAAY,KAAK;AACjC;AAEA,MAAM,WAAqB"}

package/es/types/index.d.ts

@@ -60,6 +60,7 @@ export interface LogViewerConfig {
     onEntryClick?: (entry: LogEntry) => void;
     onFilterChange?: (filter: FilterConfig) => void;
     onThemeChange?: (theme: ThemeMode) => void;
+    onError?: (error: unknown) => void;
 }
 /** LogViewer 实例接口 */
 export interface LogViewerInstance {
@@ -93,6 +94,8 @@ export interface LogViewerInstance {
     on(event: string, callback: (...args: unknown[]) => void): () => void;
     /** 刷新渲染 */
     refresh(): void;
+    /** 从 dataSource 加载数据 */
+    loadData(): Promise<void>;
     /** 销毁实例 */
     destroy(): void;
 }
@@ -105,9 +108,9 @@ export interface LogViewerEvents {
     'theme:change': (theme: ThemeMode) => void;
     'page:change': (page: number) => void;
     'data:change': (entries: LogEntry[]) => void;
+    error: (error: unknown) => void;
 }
 /** 操作类型标签映射 */
 export declare const ACTION_LABELS: Record<ActionType, string>;
 /** 操作类型颜色映射 */
 export declare const ACTION_COLORS: Record<ActionType, string>;
-//# sourceMappingURL=index.d.ts.map

package/es/types/index.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/es/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["/**\n * @composy/log-viewer-core 类型定义\n */\n\n/** 操作类型 */\nexport type ActionType =\n  | 'create'\n  | 'update'\n  | 'delete'\n  | 'query'\n  | 'login'\n  | 'logout'\n  | 'export'\n  | 'import'\n  | 'approve'\n  | 'reject'\n  | 'other'\n\n/** 主题模式 */\nexport type ThemeMode = 'light' | 'dark'\n\n/** 异常标记类型 */\nexport type AnomalyType = 'off-hours' | 'sensitive' | 'high-frequency' | 'none'\n\n/** 字段变更条目 */\nexport interface DiffEntry {\n  field: string\n  label?: string\n  oldValue: unknown\n  newValue: unknown\n}\n\n/** 日志条目 */\nexport interface LogEntry {\n  id: string\n  timestamp: string | number | Date\n  user: string\n  userId?: string\n  action: ActionType\n  module: string\n  detail?: string\n  ip?: string\n  changes?: DiffEntry[]\n  metadata?: Record<string, unknown>\n  anomaly?: AnomalyType\n}\n\n/** 筛选配置 */\nexport interface FilterConfig {\n  user?: string\n  action?: ActionType | ActionType[]\n  module?: string\n  ip?: string\n  timeRange?: [Date | string | number, Date | string | number]\n  keyword?: string\n}\n\n/** 分页配置 */\nexport interface PaginationConfig {\n  page: number\n  pageSize: number\n  total?: number\n}\n\n/** LogViewer 配置 */\nexport interface LogViewerConfig {\n  container: string | HTMLElement\n  data?: LogEntry[]\n  dataSource?: string | (() => Promise<LogEntry[]>)\n  columns?: string[]\n  filter?: FilterConfig\n  pagination?: Partial<PaginationConfig>\n  theme?: ThemeMode\n  locale?: 'zh-CN' | 'en-US'\n  showFilter?: boolean\n  showDiff?: boolean\n  showAnomalyBadge?: boolean\n  pageSize?: number\n  onEntryClick?: (entry: LogEntry) => void\n  onFilterChange?: (filter: FilterConfig) => void\n  onThemeChange?: (theme: ThemeMode) => void\n}\n\n/** LogViewer 实例接口 */\nexport interface LogViewerInstance {\n  /** 获取当前数据 */\n  getData(): LogEntry[]\n  /** 设置数据 */\n  setData(entries: LogEntry[]): void\n  /** 追加数据 */\n  appendData(entries: LogEntry[]): void\n  /** 获取当前筛选条件 */\n  getFilter(): FilterConfig\n  /** 设置筛选条件 */\n  setFilter(filter: FilterConfig): void\n  /** 重置筛选 */\n  resetFilter(): void\n  /** 获取当前主题 */\n  getTheme(): ThemeMode\n  /** 设置主题 */\n  setTheme(theme: ThemeMode): void\n  /** 展开指定条目详情 */\n  expandEntry(id: string): void\n  /** 折叠指定条目详情 */\n  collapseEntry(id: string): void\n  /** 折叠所有详情 */\n  collapseAll(): void\n  /** 跳转分页 */\n  goToPage(page: number): void\n  /** 获取分页信息 */\n  getPagination(): PaginationConfig\n  /** 注册事件监听 */\n  on(event: string, callback: (...args: unknown[]) => void): () => void\n  /** 刷新渲染 */\n  refresh(): void\n  /** 销毁实例 */\n  destroy(): void\n}\n\n/** 事件映射 */\nexport interface LogViewerEvents {\n  'filter:change': (filter: FilterConfig) => void\n  'entry:click': (entry: LogEntry) => void\n  'entry:expand': (entry: LogEntry) => void\n  'entry:collapse': (entry: LogEntry) => void\n  'theme:change': (theme: ThemeMode) => void\n  'page:change': (page: number) => void\n  'data:change': (entries: LogEntry[]) => void\n}\n\n/** 操作类型标签映射 */\nexport const ACTION_LABELS: Record<ActionType, string> = {\n  create: '新增',\n  update: '修改',\n  delete: '删除',\n  query: '查询',\n  login: '登录',\n  logout: '登出',\n  export: '导出',\n  import: '导入',\n  approve: '审批',\n  reject: '驳回',\n  other: '其他',\n}\n\n/** 操作类型颜色映射 */\nexport const ACTION_COLORS: Record<ActionType, string> = {\n  create: '#52c41a',\n  update: '#1890ff',\n  delete: '#ff4d4f',\n  query: '#8c8c8c',\n  login: '#722ed1',\n  logout: '#eb2f96',\n  export: '#fa8c16',\n  import: '#13c2c2',\n  approve: '#52c41a',\n  reject: '#ff4d4f',\n  other: '#d9d9d9',\n}\n"],"mappings":";;;;;;;;;;AAmIO,MAAM,gBAA4C;CACvD,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;AACT;AAGO,MAAM,gBAA4C;CACvD,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;AACT"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["/**\r\n * @composy/log-viewer-core 类型定义\r\n */\r\n\r\n/** 操作类型 */\r\nexport type ActionType =\r\n  | 'create'\r\n  | 'update'\r\n  | 'delete'\r\n  | 'query'\r\n  | 'login'\r\n  | 'logout'\r\n  | 'export'\r\n  | 'import'\r\n  | 'approve'\r\n  | 'reject'\r\n  | 'other'\r\n\r\n/** 主题模式 */\r\nexport type ThemeMode = 'light' | 'dark'\r\n\r\n/** 异常标记类型 */\r\nexport type AnomalyType = 'off-hours' | 'sensitive' | 'high-frequency' | 'none'\r\n\r\n/** 字段变更条目 */\r\nexport interface DiffEntry {\r\n  field: string\r\n  label?: string\r\n  oldValue: unknown\r\n  newValue: unknown\r\n}\r\n\r\n/** 日志条目 */\r\nexport interface LogEntry {\r\n  id: string\r\n  timestamp: string | number | Date\r\n  user: string\r\n  userId?: string\r\n  action: ActionType\r\n  module: string\r\n  detail?: string\r\n  ip?: string\r\n  changes?: DiffEntry[]\r\n  metadata?: Record<string, unknown>\r\n  anomaly?: AnomalyType\r\n}\r\n\r\n/** 筛选配置 */\r\nexport interface FilterConfig {\r\n  user?: string\r\n  action?: ActionType | ActionType[]\r\n  module?: string\r\n  ip?: string\r\n  timeRange?: [Date | string | number, Date | string | number]\r\n  keyword?: string\r\n}\r\n\r\n/** 分页配置 */\r\nexport interface PaginationConfig {\r\n  page: number\r\n  pageSize: number\r\n  total?: number\r\n}\r\n\r\n/** LogViewer 配置 */\r\nexport interface LogViewerConfig {\n  container: string | HTMLElement\n  data?: LogEntry[]\n  dataSource?: string | (() => Promise<LogEntry[]>)\n  columns?: string[]\r\n  filter?: FilterConfig\r\n  pagination?: Partial<PaginationConfig>\r\n  theme?: ThemeMode\r\n  locale?: 'zh-CN' | 'en-US'\r\n  showFilter?: boolean\r\n  showDiff?: boolean\r\n  showAnomalyBadge?: boolean\r\n  pageSize?: number\r\n  onEntryClick?: (entry: LogEntry) => void\n  onFilterChange?: (filter: FilterConfig) => void\n  onThemeChange?: (theme: ThemeMode) => void\n  onError?: (error: unknown) => void\n}\n\r\n/** LogViewer 实例接口 */\r\nexport interface LogViewerInstance {\r\n  /** 获取当前数据 */\r\n  getData(): LogEntry[]\r\n  /** 设置数据 */\r\n  setData(entries: LogEntry[]): void\r\n  /** 追加数据 */\r\n  appendData(entries: LogEntry[]): void\r\n  /** 获取当前筛选条件 */\r\n  getFilter(): FilterConfig\r\n  /** 设置筛选条件 */\r\n  setFilter(filter: FilterConfig): void\r\n  /** 重置筛选 */\r\n  resetFilter(): void\r\n  /** 获取当前主题 */\r\n  getTheme(): ThemeMode\r\n  /** 设置主题 */\r\n  setTheme(theme: ThemeMode): void\r\n  /** 展开指定条目详情 */\r\n  expandEntry(id: string): void\r\n  /** 折叠指定条目详情 */\r\n  collapseEntry(id: string): void\r\n  /** 折叠所有详情 */\r\n  collapseAll(): void\r\n  /** 跳转分页 */\r\n  goToPage(page: number): void\r\n  /** 获取分页信息 */\r\n  getPagination(): PaginationConfig\r\n  /** 注册事件监听 */\r\n  on(event: string, callback: (...args: unknown[]) => void): () => void\r\n  /** 刷新渲染 */\n  refresh(): void\n  /** 从 dataSource 加载数据 */\n  loadData(): Promise<void>\n  /** 销毁实例 */\n  destroy(): void\n}\n\r\n/** 事件映射 */\r\nexport interface LogViewerEvents {\r\n  'filter:change': (filter: FilterConfig) => void\r\n  'entry:click': (entry: LogEntry) => void\r\n  'entry:expand': (entry: LogEntry) => void\r\n  'entry:collapse': (entry: LogEntry) => void\r\n  'theme:change': (theme: ThemeMode) => void\r\n  'page:change': (page: number) => void\n  'data:change': (entries: LogEntry[]) => void\n  error: (error: unknown) => void\n}\n\r\n/** 操作类型标签映射 */\r\nexport const ACTION_LABELS: Record<ActionType, string> = {\r\n  create: '新增',\r\n  update: '修改',\r\n  delete: '删除',\r\n  query: '查询',\r\n  login: '登录',\r\n  logout: '登出',\r\n  export: '导出',\r\n  import: '导入',\r\n  approve: '审批',\r\n  reject: '驳回',\r\n  other: '其他',\r\n}\r\n\r\n/** 操作类型颜色映射 */\r\nexport const ACTION_COLORS: Record<ActionType, string> = {\r\n  create: '#52c41a',\r\n  update: '#1890ff',\r\n  delete: '#ff4d4f',\r\n  query: '#8c8c8c',\r\n  login: '#722ed1',\r\n  logout: '#eb2f96',\r\n  export: '#fa8c16',\r\n  import: '#13c2c2',\r\n  approve: '#52c41a',\r\n  reject: '#ff4d4f',\r\n  other: '#d9d9d9',\r\n}\r\n"],"mappings":";;;;;;;;;;AAuIO,MAAM,gBAA4C;CACvD,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;AACT;AAGO,MAAM,gBAA4C;CACvD,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;AACT"}

package/es/utils/index.d.ts

@@ -11,8 +11,7 @@ export declare function formatRelativeTime(value: string | number | Date): strin
 export declare function escapeHtml(str: string): string;
 /** 防抖 */
 export declare function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T;
-/** 深拷贝简易实现 */
+/** 深拷贝值，同时保留 Date、Map、Set 和循环引用。 */
 export declare function deepClone<T>(obj: T): T;
 /** 将值格式化为可展示的字符串 */
 export declare function formatValue(val: unknown): string;
-//# sourceMappingURL=index.d.ts.map