@composy/log-viewer-core 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +37 -0
- package/dist/index.js +961 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +1 -0
- package/es/core/EventEmitter.d.ts +11 -0
- package/es/core/EventEmitter.d.ts.map +1 -0
- package/es/core/EventEmitter.js +40 -0
- package/es/core/EventEmitter.js.map +1 -0
- package/es/core/LogViewer.d.ts +46 -0
- package/es/core/LogViewer.d.ts.map +1 -0
- package/es/core/LogViewer.js +186 -0
- package/es/core/LogViewer.js.map +1 -0
- package/es/filters/FilterEngine.d.ts +26 -0
- package/es/filters/FilterEngine.d.ts.map +1 -0
- package/es/filters/FilterEngine.js +79 -0
- package/es/filters/FilterEngine.js.map +1 -0
- package/es/index.d.ts +26 -0
- package/es/index.d.ts.map +1 -0
- package/es/index.js +26 -0
- package/es/index.js.map +1 -0
- package/es/renderers/DiffRenderer.d.ts +18 -0
- package/es/renderers/DiffRenderer.d.ts.map +1 -0
- package/es/renderers/DiffRenderer.js +60 -0
- package/es/renderers/DiffRenderer.js.map +1 -0
- package/es/renderers/TimelineRenderer.d.ts +22 -0
- package/es/renderers/TimelineRenderer.d.ts.map +1 -0
- package/es/renderers/TimelineRenderer.js +135 -0
- package/es/renderers/TimelineRenderer.js.map +1 -0
- package/es/styles/index.d.ts +9 -0
- package/es/styles/index.d.ts.map +1 -0
- package/es/styles/index.js +414 -0
- package/es/styles/index.js.map +1 -0
- package/es/types/index.d.ts +113 -0
- package/es/types/index.d.ts.map +1 -0
- package/es/types/index.js +40 -0
- package/es/types/index.js.map +1 -0
- package/es/utils/index.d.ts +18 -0
- package/es/utils/index.d.ts.map +1 -0
- package/es/utils/index.js +73 -0
- package/es/utils/index.js.map +1 -0
- package/esm/core/EventEmitter.d.ts +11 -0
- package/esm/core/EventEmitter.d.ts.map +1 -0
- package/esm/core/EventEmitter.js +40 -0
- package/esm/core/EventEmitter.js.map +1 -0
- package/esm/core/LogViewer.d.ts +46 -0
- package/esm/core/LogViewer.d.ts.map +1 -0
- package/esm/core/LogViewer.js +186 -0
- package/esm/core/LogViewer.js.map +1 -0
- package/esm/filters/FilterEngine.d.ts +26 -0
- package/esm/filters/FilterEngine.d.ts.map +1 -0
- package/esm/filters/FilterEngine.js +79 -0
- package/esm/filters/FilterEngine.js.map +1 -0
- package/esm/index.d.ts +26 -0
- package/esm/index.d.ts.map +1 -0
- package/esm/index.js +26 -0
- package/esm/index.js.map +1 -0
- package/esm/renderers/DiffRenderer.d.ts +18 -0
- package/esm/renderers/DiffRenderer.d.ts.map +1 -0
- package/esm/renderers/DiffRenderer.js +60 -0
- package/esm/renderers/DiffRenderer.js.map +1 -0
- package/esm/renderers/TimelineRenderer.d.ts +22 -0
- package/esm/renderers/TimelineRenderer.d.ts.map +1 -0
- package/esm/renderers/TimelineRenderer.js +135 -0
- package/esm/renderers/TimelineRenderer.js.map +1 -0
- package/esm/styles/index.d.ts +9 -0
- package/esm/styles/index.d.ts.map +1 -0
- package/esm/styles/index.js +414 -0
- package/esm/styles/index.js.map +1 -0
- package/esm/types/index.d.ts +113 -0
- package/esm/types/index.d.ts.map +1 -0
- package/esm/types/index.js +40 -0
- package/esm/types/index.js.map +1 -0
- package/esm/utils/index.d.ts +18 -0
- package/esm/utils/index.d.ts.map +1 -0
- package/esm/utils/index.js +73 -0
- package/esm/utils/index.js.map +1 -0
- package/lib/core/EventEmitter.cjs +41 -0
- package/lib/core/EventEmitter.cjs.map +1 -0
- package/lib/core/EventEmitter.d.ts +11 -0
- package/lib/core/LogViewer.cjs +187 -0
- package/lib/core/LogViewer.cjs.map +1 -0
- package/lib/core/LogViewer.d.ts +46 -0
- package/lib/filters/FilterEngine.cjs +80 -0
- package/lib/filters/FilterEngine.cjs.map +1 -0
- package/lib/filters/FilterEngine.d.ts +26 -0
- package/lib/index.cjs +43 -0
- package/lib/index.cjs.map +1 -0
- package/lib/index.d.ts +26 -0
- package/lib/package.json +3 -0
- package/lib/renderers/DiffRenderer.cjs +61 -0
- package/lib/renderers/DiffRenderer.cjs.map +1 -0
- package/lib/renderers/DiffRenderer.d.ts +18 -0
- package/lib/renderers/TimelineRenderer.cjs +136 -0
- package/lib/renderers/TimelineRenderer.cjs.map +1 -0
- package/lib/renderers/TimelineRenderer.d.ts +22 -0
- package/lib/styles/index.cjs +415 -0
- package/lib/styles/index.cjs.map +1 -0
- package/lib/styles/index.d.ts +9 -0
- package/lib/types/index.cjs +42 -0
- package/lib/types/index.cjs.map +1 -0
- package/lib/types/index.d.ts +113 -0
- package/lib/utils/index.cjs +80 -0
- package/lib/utils/index.cjs.map +1 -0
- package/lib/utils/index.d.ts +18 -0
- package/package.json +119 -0
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @composy/log-viewer-core 类型定义
|
|
3
|
+
*/
|
|
4
|
+
/** 操作类型 */
|
|
5
|
+
export type ActionType = 'create' | 'update' | 'delete' | 'query' | 'login' | 'logout' | 'export' | 'import' | 'approve' | 'reject' | 'other';
|
|
6
|
+
/** 主题模式 */
|
|
7
|
+
export type ThemeMode = 'light' | 'dark';
|
|
8
|
+
/** 异常标记类型 */
|
|
9
|
+
export type AnomalyType = 'off-hours' | 'sensitive' | 'high-frequency' | 'none';
|
|
10
|
+
/** 字段变更条目 */
|
|
11
|
+
export interface DiffEntry {
|
|
12
|
+
field: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
oldValue: unknown;
|
|
15
|
+
newValue: unknown;
|
|
16
|
+
}
|
|
17
|
+
/** 日志条目 */
|
|
18
|
+
export interface LogEntry {
|
|
19
|
+
id: string;
|
|
20
|
+
timestamp: string | number | Date;
|
|
21
|
+
user: string;
|
|
22
|
+
userId?: string;
|
|
23
|
+
action: ActionType;
|
|
24
|
+
module: string;
|
|
25
|
+
detail?: string;
|
|
26
|
+
ip?: string;
|
|
27
|
+
changes?: DiffEntry[];
|
|
28
|
+
metadata?: Record<string, unknown>;
|
|
29
|
+
anomaly?: AnomalyType;
|
|
30
|
+
}
|
|
31
|
+
/** 筛选配置 */
|
|
32
|
+
export interface FilterConfig {
|
|
33
|
+
user?: string;
|
|
34
|
+
action?: ActionType | ActionType[];
|
|
35
|
+
module?: string;
|
|
36
|
+
ip?: string;
|
|
37
|
+
timeRange?: [Date | string | number, Date | string | number];
|
|
38
|
+
keyword?: string;
|
|
39
|
+
}
|
|
40
|
+
/** 分页配置 */
|
|
41
|
+
export interface PaginationConfig {
|
|
42
|
+
page: number;
|
|
43
|
+
pageSize: number;
|
|
44
|
+
total?: number;
|
|
45
|
+
}
|
|
46
|
+
/** LogViewer 配置 */
|
|
47
|
+
export interface LogViewerConfig {
|
|
48
|
+
container: string | HTMLElement;
|
|
49
|
+
data?: LogEntry[];
|
|
50
|
+
dataSource?: string | (() => Promise<LogEntry[]>);
|
|
51
|
+
columns?: string[];
|
|
52
|
+
filter?: FilterConfig;
|
|
53
|
+
pagination?: Partial<PaginationConfig>;
|
|
54
|
+
theme?: ThemeMode;
|
|
55
|
+
locale?: 'zh-CN' | 'en-US';
|
|
56
|
+
showFilter?: boolean;
|
|
57
|
+
showDiff?: boolean;
|
|
58
|
+
showAnomalyBadge?: boolean;
|
|
59
|
+
pageSize?: number;
|
|
60
|
+
onEntryClick?: (entry: LogEntry) => void;
|
|
61
|
+
onFilterChange?: (filter: FilterConfig) => void;
|
|
62
|
+
onThemeChange?: (theme: ThemeMode) => void;
|
|
63
|
+
}
|
|
64
|
+
/** LogViewer 实例接口 */
|
|
65
|
+
export interface LogViewerInstance {
|
|
66
|
+
/** 获取当前数据 */
|
|
67
|
+
getData(): LogEntry[];
|
|
68
|
+
/** 设置数据 */
|
|
69
|
+
setData(entries: LogEntry[]): void;
|
|
70
|
+
/** 追加数据 */
|
|
71
|
+
appendData(entries: LogEntry[]): void;
|
|
72
|
+
/** 获取当前筛选条件 */
|
|
73
|
+
getFilter(): FilterConfig;
|
|
74
|
+
/** 设置筛选条件 */
|
|
75
|
+
setFilter(filter: FilterConfig): void;
|
|
76
|
+
/** 重置筛选 */
|
|
77
|
+
resetFilter(): void;
|
|
78
|
+
/** 获取当前主题 */
|
|
79
|
+
getTheme(): ThemeMode;
|
|
80
|
+
/** 设置主题 */
|
|
81
|
+
setTheme(theme: ThemeMode): void;
|
|
82
|
+
/** 展开指定条目详情 */
|
|
83
|
+
expandEntry(id: string): void;
|
|
84
|
+
/** 折叠指定条目详情 */
|
|
85
|
+
collapseEntry(id: string): void;
|
|
86
|
+
/** 折叠所有详情 */
|
|
87
|
+
collapseAll(): void;
|
|
88
|
+
/** 跳转分页 */
|
|
89
|
+
goToPage(page: number): void;
|
|
90
|
+
/** 获取分页信息 */
|
|
91
|
+
getPagination(): PaginationConfig;
|
|
92
|
+
/** 注册事件监听 */
|
|
93
|
+
on(event: string, callback: (...args: unknown[]) => void): () => void;
|
|
94
|
+
/** 刷新渲染 */
|
|
95
|
+
refresh(): void;
|
|
96
|
+
/** 销毁实例 */
|
|
97
|
+
destroy(): void;
|
|
98
|
+
}
|
|
99
|
+
/** 事件映射 */
|
|
100
|
+
export interface LogViewerEvents {
|
|
101
|
+
'filter:change': (filter: FilterConfig) => void;
|
|
102
|
+
'entry:click': (entry: LogEntry) => void;
|
|
103
|
+
'entry:expand': (entry: LogEntry) => void;
|
|
104
|
+
'entry:collapse': (entry: LogEntry) => void;
|
|
105
|
+
'theme:change': (theme: ThemeMode) => void;
|
|
106
|
+
'page:change': (page: number) => void;
|
|
107
|
+
'data:change': (entries: LogEntry[]) => void;
|
|
108
|
+
}
|
|
109
|
+
/** 操作类型标签映射 */
|
|
110
|
+
export declare const ACTION_LABELS: Record<ActionType, string>;
|
|
111
|
+
/** 操作类型颜色映射 */
|
|
112
|
+
export declare const ACTION_COLORS: Record<ActionType, string>;
|
|
113
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* ***********************************
|
|
3
|
+
* @composy/log-viewer-core v0.0.1 *
|
|
4
|
+
* Built with rollup *
|
|
5
|
+
* Build time: 2024-08-17 11:33:32 *
|
|
6
|
+
* Build mode: production *
|
|
7
|
+
* Minified: No *
|
|
8
|
+
* ***********************************
|
|
9
|
+
*/
|
|
10
|
+
//#region src/types/index.ts
|
|
11
|
+
const ACTION_LABELS = {
|
|
12
|
+
create: "新增",
|
|
13
|
+
update: "修改",
|
|
14
|
+
delete: "删除",
|
|
15
|
+
query: "查询",
|
|
16
|
+
login: "登录",
|
|
17
|
+
logout: "登出",
|
|
18
|
+
export: "导出",
|
|
19
|
+
import: "导入",
|
|
20
|
+
approve: "审批",
|
|
21
|
+
reject: "驳回",
|
|
22
|
+
other: "其他"
|
|
23
|
+
};
|
|
24
|
+
const ACTION_COLORS = {
|
|
25
|
+
create: "#52c41a",
|
|
26
|
+
update: "#1890ff",
|
|
27
|
+
delete: "#ff4d4f",
|
|
28
|
+
query: "#8c8c8c",
|
|
29
|
+
login: "#722ed1",
|
|
30
|
+
logout: "#eb2f96",
|
|
31
|
+
export: "#fa8c16",
|
|
32
|
+
import: "#13c2c2",
|
|
33
|
+
approve: "#52c41a",
|
|
34
|
+
reject: "#ff4d4f",
|
|
35
|
+
other: "#d9d9d9"
|
|
36
|
+
};
|
|
37
|
+
//#endregion
|
|
38
|
+
export { ACTION_COLORS, ACTION_LABELS };
|
|
39
|
+
/*! End of @composy/log-viewer-core | Powered by @composy/builder */
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 工具函数
|
|
3
|
+
*/
|
|
4
|
+
/** 生成唯一 ID */
|
|
5
|
+
export declare function uid(prefix?: string): string;
|
|
6
|
+
/** 格式化日期 */
|
|
7
|
+
export declare function formatDate(value: string | number | Date, fmt?: string): string;
|
|
8
|
+
/** 格式化相对时间 */
|
|
9
|
+
export declare function formatRelativeTime(value: string | number | Date): string;
|
|
10
|
+
/** HTML 转义 */
|
|
11
|
+
export declare function escapeHtml(str: string): string;
|
|
12
|
+
/** 防抖 */
|
|
13
|
+
export declare function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T;
|
|
14
|
+
/** 深拷贝简易实现 */
|
|
15
|
+
export declare function deepClone<T>(obj: T): T;
|
|
16
|
+
/** 将值格式化为可展示的字符串 */
|
|
17
|
+
export declare function formatValue(val: unknown): string;
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,cAAc;AACd,wBAAgB,GAAG,CAAC,MAAM,SAAO,GAAG,MAAM,CAEzC;AAED,YAAY;AACZ,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,GAAG,SAAwB,GAAG,MAAM,CAmB7F;AAED,cAAc;AACd,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAUxE;AAED,cAAc;AACd,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAS9C;AAED,SAAS;AACT,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAMxF;AAED,cAAc;AACd,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAOtC;AAED,oBAAoB;AACpB,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAUhD"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* ***********************************
|
|
3
|
+
* @composy/log-viewer-core v0.0.1 *
|
|
4
|
+
* Built with rollup *
|
|
5
|
+
* Build time: 2024-08-17 11:33:32 *
|
|
6
|
+
* Build mode: production *
|
|
7
|
+
* Minified: No *
|
|
8
|
+
* ***********************************
|
|
9
|
+
*/
|
|
10
|
+
//#region src/utils/index.ts
|
|
11
|
+
let _uid = 0;
|
|
12
|
+
function uid(prefix = "lv") {
|
|
13
|
+
return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`;
|
|
14
|
+
}
|
|
15
|
+
function formatDate(value, fmt = "YYYY-MM-DD HH:mm:ss") {
|
|
16
|
+
const d = value instanceof Date ? value : new Date(value);
|
|
17
|
+
if (isNaN(d.getTime())) return String(value);
|
|
18
|
+
const pad = (n) => String(n).padStart(2, "0");
|
|
19
|
+
const year = String(d.getFullYear());
|
|
20
|
+
const month = pad(d.getMonth() + 1);
|
|
21
|
+
const day = pad(d.getDate());
|
|
22
|
+
const hours = pad(d.getHours());
|
|
23
|
+
const minutes = pad(d.getMinutes());
|
|
24
|
+
const seconds = pad(d.getSeconds());
|
|
25
|
+
return fmt.replace("YYYY", year).replace("MM", month).replace("DD", day).replace("HH", hours).replace("mm", minutes).replace("ss", seconds);
|
|
26
|
+
}
|
|
27
|
+
function formatRelativeTime(value) {
|
|
28
|
+
const d = value instanceof Date ? value : new Date(value);
|
|
29
|
+
const diff = Date.now() - d.getTime();
|
|
30
|
+
if (diff < 6e4) return "刚刚";
|
|
31
|
+
if (diff < 36e5) return `${Math.floor(diff / 6e4)} \u5206\u949F\u524D`;
|
|
32
|
+
if (diff < 864e5) return `${Math.floor(diff / 36e5)} \u5C0F\u65F6\u524D`;
|
|
33
|
+
if (diff < 6048e5) return `${Math.floor(diff / 864e5)} \u5929\u524D`;
|
|
34
|
+
return formatDate(d);
|
|
35
|
+
}
|
|
36
|
+
function escapeHtml(str) {
|
|
37
|
+
const map = {
|
|
38
|
+
"&": "&",
|
|
39
|
+
"<": "<",
|
|
40
|
+
">": ">",
|
|
41
|
+
"\"": """,
|
|
42
|
+
"'": "'"
|
|
43
|
+
};
|
|
44
|
+
return str.replace(/[&<>"']/g, (c) => map[c] || c);
|
|
45
|
+
}
|
|
46
|
+
function debounce(fn, delay) {
|
|
47
|
+
let timer = null;
|
|
48
|
+
return ((...args) => {
|
|
49
|
+
if (timer) clearTimeout(timer);
|
|
50
|
+
timer = setTimeout(() => fn(...args), delay);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function deepClone(obj) {
|
|
54
|
+
if (obj === null || typeof obj !== "object") return obj;
|
|
55
|
+
try {
|
|
56
|
+
return JSON.parse(JSON.stringify(obj));
|
|
57
|
+
} catch {
|
|
58
|
+
return obj;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
function formatValue(val) {
|
|
62
|
+
if (val === null || val === void 0) return "-";
|
|
63
|
+
if (typeof val === "object") try {
|
|
64
|
+
return JSON.stringify(val, null, 2);
|
|
65
|
+
} catch {
|
|
66
|
+
return String(val);
|
|
67
|
+
}
|
|
68
|
+
return String(val);
|
|
69
|
+
}
|
|
70
|
+
//#endregion
|
|
71
|
+
export { debounce, deepClone, escapeHtml, formatDate, formatRelativeTime, formatValue, uid };
|
|
72
|
+
/*! End of @composy/log-viewer-core | Powered by @composy/builder */
|
|
73
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * 工具函数\n */\n\nlet _uid = 0\n\n/** 生成唯一 ID */\nexport function uid(prefix = 'lv'): string {\n return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`\n}\n\n/** 格式化日期 */\nexport function formatDate(value: string | number | Date, fmt = 'YYYY-MM-DD HH:mm:ss'): string {\n const d = value instanceof Date ? value : new Date(value)\n if (isNaN(d.getTime())) return String(value)\n\n const pad = (n: number) => String(n).padStart(2, '0')\n const year = String(d.getFullYear())\n const month = pad(d.getMonth() + 1)\n const day = pad(d.getDate())\n const hours = pad(d.getHours())\n const minutes = pad(d.getMinutes())\n const seconds = pad(d.getSeconds())\n\n return fmt\n .replace('YYYY', year)\n .replace('MM', month)\n .replace('DD', day)\n .replace('HH', hours)\n .replace('mm', minutes)\n .replace('ss', seconds)\n}\n\n/** 格式化相对时间 */\nexport function formatRelativeTime(value: string | number | Date): string {\n const d = value instanceof Date ? value : new Date(value)\n const now = Date.now()\n const diff = now - d.getTime()\n\n if (diff < 60_000) return '刚刚'\n if (diff < 3_600_000) return `${Math.floor(diff / 60_000)} 分钟前`\n if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)} 小时前`\n if (diff < 604_800_000) return `${Math.floor(diff / 86_400_000)} 天前`\n return formatDate(d)\n}\n\n/** HTML 转义 */\nexport function escapeHtml(str: string): string {\n const map: Record<string, string> = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n }\n return str.replace(/[&<>\"']/g, (c) => map[c] || c)\n}\n\n/** 防抖 */\nexport function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T {\n let timer: ReturnType<typeof setTimeout> | null = null\n return ((...args: unknown[]) => {\n if (timer) clearTimeout(timer)\n timer = setTimeout(() => fn(...args), delay)\n }) as unknown as T\n}\n\n/** 深拷贝简易实现 */\nexport function deepClone<T>(obj: T): T {\n if (obj === null || typeof obj !== 'object') return obj\n try {\n return JSON.parse(JSON.stringify(obj))\n } catch {\n return obj\n }\n}\n\n/** 将值格式化为可展示的字符串 */\nexport function formatValue(val: unknown): string {\n if (val === null || val === undefined) return '-'\n if (typeof val === 'object') {\n try {\n return JSON.stringify(val, null, 2)\n } catch {\n return String(val)\n }\n }\n return String(val)\n}\n"],"mappings":";;;;;;;;;;AAIA,IAAI,OAAO;AAGJ,SAAS,IAAI,SAAS,MAAc;CACzC,OAAO,GAAG,OAAM,GAAI,EAAE,KAAI,GAAI,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,MAAM,GAAG,CAAC;AACrE;AAGO,SAAS,WAAW,OAA+B,MAAM,uBAA+B;CAC7F,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CACxD,IAAI,MAAM,EAAE,QAAQ,CAAC,GAAG,OAAO,OAAO,KAAK;CAE3C,MAAM,OAAO,MAAc,OAAO,CAAC,CAAA,CAAE,SAAS,GAAG,GAAG;CACpD,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC;CACnC,MAAM,QAAQ,IAAI,EAAE,SAAS,IAAI,CAAC;CAClC,MAAM,MAAM,IAAI,EAAE,QAAQ,CAAC;CAC3B,MAAM,QAAQ,IAAI,EAAE,SAAS,CAAC;CAC9B,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAClC,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAElC,OAAO,IACJ,QAAQ,QAAQ,IAAI,CAAA,CACpB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,GAAG,CAAA,CACjB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,OAAO,CAAA,CACrB,QAAQ,MAAM,OAAO;AAC1B;AAGO,SAAS,mBAAmB,OAAuC;CACxE,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CAExD,MAAM,OADM,KAAK,IACJ,IAAM,EAAE,QAAQ;CAE7B,IAAI,OAAO,KAAQ,OAAO;CAC1B,IAAI,OAAO,MAAW,OAAO,GAAG,KAAK,MAAM,OAAO,GAAM,EAAC;CACzD,IAAI,OAAO,OAAY,OAAO,GAAG,KAAK,MAAM,OAAO,IAAS,EAAC;CAC7D,IAAI,OAAO,QAAa,OAAO,GAAG,KAAK,MAAM,OAAO,KAAU,EAAC;CAC/D,OAAO,WAAW,CAAC;AACrB;AAGO,SAAS,WAAW,KAAqB;CAC9C,MAAM,MAA8B;EAClC,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAK;EACL,KAAK;CACP;CACA,OAAO,IAAI,QAAQ,aAAa,MAAM,IAAI,MAAM,CAAC;AACnD;AAGO,SAAS,SAAiD,IAAO,OAAkB;CACxF,IAAI,QAA8C;CAClD,SAAQ,GAAI,SAAoB;EAC9B,IAAI,OAAO,aAAa,KAAK;EAC7B,QAAQ,iBAAiB,GAAG,GAAG,IAAI,GAAG,KAAK;CAC7C;AACF;AAGO,SAAS,UAAa,KAAW;CACtC,IAAI,QAAQ,QAAQ,OAAO,QAAQ,UAAU,OAAO;CACpD,IAAI;EACF,OAAO,KAAK,MAAM,KAAK,UAAU,GAAG,CAAC;CACvC,QAAQ;EACN,OAAO;CACT;AACF;AAGO,SAAS,YAAY,KAAsB;CAChD,IAAI,QAAQ,QAAQ,QAAQ,KAAA,GAAW,OAAO;CAC9C,IAAI,OAAO,QAAQ,UACjB,IAAI;EACF,OAAO,KAAK,UAAU,KAAK,MAAM,CAAC;CACpC,QAAQ;EACN,OAAO,OAAO,GAAG;CACnB;CAEF,OAAO,OAAO,GAAG;AACnB"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* ***********************************
|
|
3
|
+
* @composy/log-viewer-core v0.0.1 *
|
|
4
|
+
* Built with rollup *
|
|
5
|
+
* Build time: 2024-08-17 11:33:32 *
|
|
6
|
+
* Build mode: production *
|
|
7
|
+
* Minified: No *
|
|
8
|
+
* ***********************************
|
|
9
|
+
*/
|
|
10
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
11
|
+
//#region src/core/EventEmitter.ts
|
|
12
|
+
var EventEmitter = class {
|
|
13
|
+
constructor() {
|
|
14
|
+
this.listeners = /* @__PURE__ */ new Map();
|
|
15
|
+
}
|
|
16
|
+
on(event, callback) {
|
|
17
|
+
if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
|
|
18
|
+
this.listeners.get(event).add(callback);
|
|
19
|
+
return () => this.off(event, callback);
|
|
20
|
+
}
|
|
21
|
+
off(event, callback) {
|
|
22
|
+
this.listeners.get(event)?.delete(callback);
|
|
23
|
+
}
|
|
24
|
+
emit(event, ...args) {
|
|
25
|
+
this.listeners.get(event)?.forEach((cb) => {
|
|
26
|
+
try {
|
|
27
|
+
cb(...args);
|
|
28
|
+
} catch (e) {
|
|
29
|
+
console.error(`[LogViewer] Event handler error (${event}):`, e);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
removeAllListeners(event) {
|
|
34
|
+
if (event) this.listeners.delete(event);
|
|
35
|
+
else this.listeners.clear();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
//#endregion
|
|
39
|
+
exports.EventEmitter = EventEmitter;
|
|
40
|
+
/*! End of @composy/log-viewer-core | Powered by @composy/builder */
|
|
41
|
+
//# sourceMappingURL=EventEmitter.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventEmitter.cjs","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\n * 简单的事件发射器\n */\nexport class EventEmitter {\n private listeners = new Map<string, Set<(...args: unknown[]) => void>>()\n\n on(event: string, callback: (...args: unknown[]) => void): () => void {\n if (!this.listeners.has(event)) {\n this.listeners.set(event, new Set())\n }\n this.listeners.get(event)!.add(callback)\n return () => this.off(event, callback)\n }\n\n off(event: string, callback: (...args: unknown[]) => void): void {\n this.listeners.get(event)?.delete(callback)\n }\n\n emit(event: string, ...args: unknown[]): void {\n this.listeners.get(event)?.forEach((cb) => {\n try {\n cb(...args)\n } catch (e) {\n console.error(`[LogViewer] Event handler error (${event}):`, e)\n }\n })\n }\n\n removeAllListeners(event?: string): void {\n if (event) {\n this.listeners.delete(event)\n } else {\n this.listeners.clear()\n }\n }\n}\n"],"mappings":";;;;;;;;;;;AAGO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+C;CAAA;CAEvE,GAAG,OAAe,UAAoD;EACpE,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAErC,KAAK,UAAU,IAAI,KAAK,CAAA,CAAG,IAAI,QAAQ;EACvC,aAAa,KAAK,IAAI,OAAO,QAAQ;CACvC;CAEA,IAAI,OAAe,UAA8C;EAC/D,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,OAAO,QAAQ;CAC5C;CAEA,KAAK,OAAA,GAAkB,MAAuB;EAC5C,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,SAAS,OAAO;GACzC,IAAI;IACF,GAAG,GAAG,IAAI;GACZ,SAAS,GAAG;IACV,QAAQ,MAAM,oCAAoC,MAAK,KAAM,CAAC;GAChE;EACF,CAAC;CACH;CAEA,mBAAmB,OAAsB;EACvC,IAAI,OACF,KAAK,UAAU,OAAO,KAAK;OAE3B,KAAK,UAAU,MAAM;CAEzB;AACF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 简单的事件发射器
|
|
3
|
+
*/
|
|
4
|
+
export declare class EventEmitter {
|
|
5
|
+
private listeners;
|
|
6
|
+
on(event: string, callback: (...args: unknown[]) => void): () => void;
|
|
7
|
+
off(event: string, callback: (...args: unknown[]) => void): void;
|
|
8
|
+
emit(event: string, ...args: unknown[]): void;
|
|
9
|
+
removeAllListeners(event?: string): void;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=EventEmitter.d.ts.map
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* ***********************************
|
|
3
|
+
* @composy/log-viewer-core v0.0.1 *
|
|
4
|
+
* Built with rollup *
|
|
5
|
+
* Build time: 2024-08-17 11:33:32 *
|
|
6
|
+
* Build mode: production *
|
|
7
|
+
* Minified: No *
|
|
8
|
+
* ***********************************
|
|
9
|
+
*/
|
|
10
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
11
|
+
const require_EventEmitter = require("./EventEmitter.cjs");
|
|
12
|
+
const require_FilterEngine = require("../filters/FilterEngine.cjs");
|
|
13
|
+
const require_index = require("../utils/index.cjs");
|
|
14
|
+
const require_TimelineRenderer = require("../renderers/TimelineRenderer.cjs");
|
|
15
|
+
const require_DiffRenderer = require("../renderers/DiffRenderer.cjs");
|
|
16
|
+
const require_index$1 = require("../styles/index.cjs");
|
|
17
|
+
//#region src/core/LogViewer.ts
|
|
18
|
+
var LogViewer = class {
|
|
19
|
+
constructor(config) {
|
|
20
|
+
this.emitter = new require_EventEmitter.EventEmitter();
|
|
21
|
+
this.filterEngine = new require_FilterEngine.FilterEngine();
|
|
22
|
+
this.timelineRenderer = new require_TimelineRenderer.TimelineRenderer();
|
|
23
|
+
this.diffRenderer = new require_DiffRenderer.DiffRenderer();
|
|
24
|
+
this.data = [];
|
|
25
|
+
this.filteredData = [];
|
|
26
|
+
this.filter = {};
|
|
27
|
+
this.pagination = {
|
|
28
|
+
page: 1,
|
|
29
|
+
pageSize: 20
|
|
30
|
+
};
|
|
31
|
+
this.theme = "light";
|
|
32
|
+
this.expandedIds = /* @__PURE__ */ new Set();
|
|
33
|
+
this.timelineEl = null;
|
|
34
|
+
this.paginationEl = null;
|
|
35
|
+
this.destroyed = false;
|
|
36
|
+
this.config = config;
|
|
37
|
+
const container = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
|
|
38
|
+
if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`);
|
|
39
|
+
require_index$1.injectStyles();
|
|
40
|
+
this.root = document.createElement("div");
|
|
41
|
+
this.root.className = "lv-root";
|
|
42
|
+
container.appendChild(this.root);
|
|
43
|
+
this.theme = config.theme || "light";
|
|
44
|
+
this.root.setAttribute("data-theme", this.theme);
|
|
45
|
+
if (config.pageSize) this.pagination.pageSize = config.pageSize;
|
|
46
|
+
if (config.pagination) Object.assign(this.pagination, config.pagination);
|
|
47
|
+
if (config.filter) this.filter = require_index.deepClone(config.filter);
|
|
48
|
+
if (config.data) this.data = [...config.data];
|
|
49
|
+
this.applyFilterAndRender();
|
|
50
|
+
this.bindEvents();
|
|
51
|
+
}
|
|
52
|
+
getData() {
|
|
53
|
+
return [...this.data];
|
|
54
|
+
}
|
|
55
|
+
setData(entries) {
|
|
56
|
+
this.data = [...entries];
|
|
57
|
+
this.pagination.page = 1;
|
|
58
|
+
this.applyFilterAndRender();
|
|
59
|
+
this.emitter.emit("data:change", this.data);
|
|
60
|
+
}
|
|
61
|
+
appendData(entries) {
|
|
62
|
+
this.data.push(...entries);
|
|
63
|
+
this.applyFilterAndRender();
|
|
64
|
+
this.emitter.emit("data:change", this.data);
|
|
65
|
+
}
|
|
66
|
+
getFilter() {
|
|
67
|
+
return require_index.deepClone(this.filter);
|
|
68
|
+
}
|
|
69
|
+
setFilter(filter) {
|
|
70
|
+
this.filter = require_index.deepClone(filter);
|
|
71
|
+
this.pagination.page = 1;
|
|
72
|
+
this.applyFilterAndRender();
|
|
73
|
+
this.emitter.emit("filter:change", this.filter);
|
|
74
|
+
this.config.onFilterChange?.(this.filter);
|
|
75
|
+
}
|
|
76
|
+
resetFilter() {
|
|
77
|
+
this.filter = {};
|
|
78
|
+
this.pagination.page = 1;
|
|
79
|
+
this.applyFilterAndRender();
|
|
80
|
+
this.emitter.emit("filter:change", this.filter);
|
|
81
|
+
}
|
|
82
|
+
getTheme() {
|
|
83
|
+
return this.theme;
|
|
84
|
+
}
|
|
85
|
+
setTheme(theme) {
|
|
86
|
+
this.theme = theme;
|
|
87
|
+
this.root.setAttribute("data-theme", theme);
|
|
88
|
+
this.emitter.emit("theme:change", theme);
|
|
89
|
+
this.config.onThemeChange?.(theme);
|
|
90
|
+
}
|
|
91
|
+
expandEntry(id) {
|
|
92
|
+
this.expandedIds.add(id);
|
|
93
|
+
const entry = this.data.find((e) => e.id === id);
|
|
94
|
+
if (entry) this.emitter.emit("entry:expand", entry);
|
|
95
|
+
this.renderTimeline();
|
|
96
|
+
}
|
|
97
|
+
collapseEntry(id) {
|
|
98
|
+
this.expandedIds.delete(id);
|
|
99
|
+
const entry = this.data.find((e) => e.id === id);
|
|
100
|
+
if (entry) this.emitter.emit("entry:collapse", entry);
|
|
101
|
+
this.renderTimeline();
|
|
102
|
+
}
|
|
103
|
+
collapseAll() {
|
|
104
|
+
this.expandedIds.clear();
|
|
105
|
+
this.renderTimeline();
|
|
106
|
+
}
|
|
107
|
+
goToPage(page) {
|
|
108
|
+
const totalPages = Math.ceil(this.filteredData.length / this.pagination.pageSize);
|
|
109
|
+
if (page < 1 || page > totalPages) return;
|
|
110
|
+
this.pagination.page = page;
|
|
111
|
+
this.emitter.emit("page:change", page);
|
|
112
|
+
this.renderTimeline();
|
|
113
|
+
}
|
|
114
|
+
getPagination() {
|
|
115
|
+
return {
|
|
116
|
+
...this.pagination,
|
|
117
|
+
total: this.filteredData.length
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
on(event, callback) {
|
|
121
|
+
return this.emitter.on(event, callback);
|
|
122
|
+
}
|
|
123
|
+
refresh() {
|
|
124
|
+
this.applyFilterAndRender();
|
|
125
|
+
}
|
|
126
|
+
destroy() {
|
|
127
|
+
if (this.destroyed) return;
|
|
128
|
+
this.destroyed = true;
|
|
129
|
+
this.emitter.removeAllListeners();
|
|
130
|
+
this.root.remove();
|
|
131
|
+
}
|
|
132
|
+
applyFilterAndRender() {
|
|
133
|
+
this.filteredData = this.filterEngine.filter(this.data, this.filter);
|
|
134
|
+
this.filteredData.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
|
|
135
|
+
this.pagination.total = this.filteredData.length;
|
|
136
|
+
this.renderTimeline();
|
|
137
|
+
}
|
|
138
|
+
getPageData() {
|
|
139
|
+
const { page, pageSize } = this.pagination;
|
|
140
|
+
const start = (page - 1) * pageSize;
|
|
141
|
+
return this.filteredData.slice(start, start + pageSize);
|
|
142
|
+
}
|
|
143
|
+
renderTimeline() {
|
|
144
|
+
if (this.destroyed) return;
|
|
145
|
+
const pageData = this.getPageData();
|
|
146
|
+
const newTimeline = this.timelineRenderer.render(pageData, this.expandedIds);
|
|
147
|
+
for (const entry of pageData) if (this.expandedIds.has(entry.id)) {
|
|
148
|
+
const itemEl = newTimeline.querySelector(`[data-id="${entry.id}"] .lv-timeline-card`);
|
|
149
|
+
if (itemEl) itemEl.appendChild(this.diffRenderer.renderDetail(entry));
|
|
150
|
+
}
|
|
151
|
+
if (this.timelineEl) this.root.removeChild(this.timelineEl);
|
|
152
|
+
this.timelineEl = newTimeline;
|
|
153
|
+
this.root.appendChild(this.timelineEl);
|
|
154
|
+
const newPagination = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length);
|
|
155
|
+
if (this.paginationEl) this.root.removeChild(this.paginationEl);
|
|
156
|
+
this.paginationEl = newPagination;
|
|
157
|
+
this.root.appendChild(this.paginationEl);
|
|
158
|
+
}
|
|
159
|
+
bindEvents() {
|
|
160
|
+
this.root.addEventListener("click", (e) => {
|
|
161
|
+
const target = e.target;
|
|
162
|
+
const card = target.closest(".lv-timeline-card");
|
|
163
|
+
if (card) {
|
|
164
|
+
const id = card.closest(".lv-timeline-item")?.getAttribute("data-id");
|
|
165
|
+
if (!id) return;
|
|
166
|
+
const entry = this.filteredData.find((en) => en.id === id);
|
|
167
|
+
if (!entry) return;
|
|
168
|
+
if (target.classList.contains("lv-timeline-expand-hint")) {
|
|
169
|
+
if (this.expandedIds.has(id)) this.collapseEntry(id);
|
|
170
|
+
else this.expandEntry(id);
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
this.emitter.emit("entry:click", entry);
|
|
174
|
+
this.config.onEntryClick?.(entry);
|
|
175
|
+
}
|
|
176
|
+
const pageBtn = target.closest(".lv-pagination-btn");
|
|
177
|
+
if (pageBtn && !pageBtn.disabled) {
|
|
178
|
+
const page = parseInt(pageBtn.getAttribute("data-page") || "1", 10);
|
|
179
|
+
this.goToPage(page);
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
//#endregion
|
|
185
|
+
exports.LogViewer = LogViewer;
|
|
186
|
+
/*! End of @composy/log-viewer-core | Powered by @composy/builder */
|
|
187
|
+
//# sourceMappingURL=LogViewer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogViewer.cjs","names":[],"sources":["../../src/core/LogViewer.ts"],"sourcesContent":["/**\n * LogViewer 核心引擎\n */\n\nimport type {\n LogEntry,\n LogViewerConfig,\n LogViewerInstance,\n FilterConfig,\n PaginationConfig,\n ThemeMode,\n} from '../types'\nimport { EventEmitter } from './EventEmitter'\nimport { FilterEngine } from '../filters/FilterEngine'\nimport { TimelineRenderer } from '../renderers/TimelineRenderer'\nimport { DiffRenderer } from '../renderers/DiffRenderer'\nimport { injectStyles } from '../styles'\nimport { deepClone } from '../utils'\n\n/**\n * LogViewer - Log Viewer class\n */\nexport class LogViewer implements LogViewerInstance {\n private root: HTMLElement\n private emitter = new EventEmitter()\n private filterEngine = new FilterEngine()\n private timelineRenderer = new TimelineRenderer()\n private diffRenderer = new DiffRenderer()\n\n private data: LogEntry[] = []\n private filteredData: LogEntry[] = []\n private filter: FilterConfig = {}\n private pagination: PaginationConfig = { page: 1, pageSize: 20 }\n private theme: ThemeMode = 'light'\n private expandedIds = new Set<string>()\n private config: LogViewerConfig\n\n private timelineEl: HTMLElement | null = null\n private paginationEl: HTMLElement | null = null\n private destroyed = false\n\n constructor(config: LogViewerConfig) {\n this.config = config\n\n // Resolve container\n const container =\n typeof config.container === 'string'\n ? document.querySelector<HTMLElement>(config.container)\n : config.container\n if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`)\n\n // Inject global styles\n injectStyles()\n\n // Create root\n this.root = document.createElement('div')\n this.root.className = 'lv-root'\n container.appendChild(this.root)\n\n // Apply config\n this.theme = config.theme || 'light'\n this.root.setAttribute('data-theme', this.theme)\n\n if (config.pageSize) this.pagination.pageSize = config.pageSize\n if (config.pagination) Object.assign(this.pagination, config.pagination)\n if (config.filter) this.filter = deepClone(config.filter)\n\n // Load data\n if (config.data) {\n this.data = [...config.data]\n }\n\n this.applyFilterAndRender()\n this.bindEvents()\n }\n\n // ===== Public API =====\n\n getData(): LogEntry[] {\n return [...this.data]\n }\n\n setData(entries: LogEntry[]): void {\n this.data = [...entries]\n this.pagination.page = 1\n this.applyFilterAndRender()\n this.emitter.emit('data:change', this.data)\n }\n\n appendData(entries: LogEntry[]): void {\n this.data.push(...entries)\n this.applyFilterAndRender()\n this.emitter.emit('data:change', this.data)\n }\n\n getFilter(): FilterConfig {\n return deepClone(this.filter)\n }\n\n setFilter(filter: FilterConfig): void {\n this.filter = deepClone(filter)\n this.pagination.page = 1\n this.applyFilterAndRender()\n this.emitter.emit('filter:change', this.filter)\n this.config.onFilterChange?.(this.filter)\n }\n\n resetFilter(): void {\n this.filter = {}\n this.pagination.page = 1\n this.applyFilterAndRender()\n this.emitter.emit('filter:change', this.filter)\n }\n\n getTheme(): ThemeMode {\n return this.theme\n }\n\n setTheme(theme: ThemeMode): void {\n this.theme = theme\n this.root.setAttribute('data-theme', theme)\n this.emitter.emit('theme:change', theme)\n this.config.onThemeChange?.(theme)\n }\n\n expandEntry(id: string): void {\n this.expandedIds.add(id)\n const entry = this.data.find((e) => e.id === id)\n if (entry) this.emitter.emit('entry:expand', entry)\n this.renderTimeline()\n }\n\n collapseEntry(id: string): void {\n this.expandedIds.delete(id)\n const entry = this.data.find((e) => e.id === id)\n if (entry) this.emitter.emit('entry:collapse', entry)\n this.renderTimeline()\n }\n\n collapseAll(): void {\n this.expandedIds.clear()\n this.renderTimeline()\n }\n\n goToPage(page: number): void {\n const totalPages = Math.ceil(this.filteredData.length / this.pagination.pageSize)\n if (page < 1 || page > totalPages) return\n this.pagination.page = page\n this.emitter.emit('page:change', page)\n this.renderTimeline()\n }\n\n getPagination(): PaginationConfig {\n return {\n ...this.pagination,\n total: this.filteredData.length,\n }\n }\n\n on(event: string, callback: (...args: unknown[]) => void): () => void {\n return this.emitter.on(event, callback)\n }\n\n refresh(): void {\n this.applyFilterAndRender()\n }\n\n destroy(): void {\n if (this.destroyed) return\n this.destroyed = true\n this.emitter.removeAllListeners()\n this.root.remove()\n }\n\n // ===== Internal =====\n\n private applyFilterAndRender(): void {\n this.filteredData = this.filterEngine.filter(this.data, this.filter)\n this.filteredData.sort(\n (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),\n )\n this.pagination.total = this.filteredData.length\n this.renderTimeline()\n }\n\n private getPageData(): LogEntry[] {\n const { page, pageSize } = this.pagination\n const start = (page - 1) * pageSize\n return this.filteredData.slice(start, start + pageSize)\n }\n\n private renderTimeline(): void {\n if (this.destroyed) return\n\n const pageData = this.getPageData()\n\n // Timeline\n const newTimeline = this.timelineRenderer.render(pageData, this.expandedIds)\n\n // Render detail panels for expanded items\n for (const entry of pageData) {\n if (this.expandedIds.has(entry.id)) {\n const itemEl = newTimeline.querySelector(`[data-id=\"${entry.id}\"] .lv-timeline-card`)\n if (itemEl) {\n itemEl.appendChild(this.diffRenderer.renderDetail(entry))\n }\n }\n }\n\n if (this.timelineEl) {\n this.root.removeChild(this.timelineEl)\n }\n this.timelineEl = newTimeline\n this.root.appendChild(this.timelineEl)\n\n // Pagination\n const newPagination = this.timelineRenderer.renderPagination(\n this.pagination.page,\n this.pagination.pageSize,\n this.filteredData.length,\n )\n if (this.paginationEl) {\n this.root.removeChild(this.paginationEl)\n }\n this.paginationEl = newPagination\n this.root.appendChild(this.paginationEl)\n }\n\n private bindEvents(): void {\n this.root.addEventListener('click', (e) => {\n const target = e.target as HTMLElement\n\n // Timeline card click\n const card = target.closest('.lv-timeline-card') as HTMLElement | null\n if (card) {\n const item = card.closest('.lv-timeline-item') as HTMLElement | null\n const id = item?.getAttribute('data-id')\n if (!id) return\n\n const entry = this.filteredData.find((en) => en.id === id)\n if (!entry) return\n\n // Click on expand hint\n if (target.classList.contains('lv-timeline-expand-hint')) {\n if (this.expandedIds.has(id)) {\n this.collapseEntry(id)\n } else {\n this.expandEntry(id)\n }\n return\n }\n\n // Click on card itself\n this.emitter.emit('entry:click', entry)\n this.config.onEntryClick?.(entry)\n }\n\n // Pagination click\n const pageBtn = target.closest('.lv-pagination-btn') as HTMLButtonElement | null\n if (pageBtn && !pageBtn.disabled) {\n const page = parseInt(pageBtn.getAttribute('data-page') || '1', 10)\n this.goToPage(page)\n }\n })\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* LogViewer 核心引擎
|
|
3
|
+
*/
|
|
4
|
+
import type { LogEntry, LogViewerConfig, LogViewerInstance, FilterConfig, PaginationConfig, ThemeMode } from '../types';
|
|
5
|
+
/**
|
|
6
|
+
* LogViewer - Log Viewer class
|
|
7
|
+
*/
|
|
8
|
+
export declare class LogViewer implements LogViewerInstance {
|
|
9
|
+
private root;
|
|
10
|
+
private emitter;
|
|
11
|
+
private filterEngine;
|
|
12
|
+
private timelineRenderer;
|
|
13
|
+
private diffRenderer;
|
|
14
|
+
private data;
|
|
15
|
+
private filteredData;
|
|
16
|
+
private filter;
|
|
17
|
+
private pagination;
|
|
18
|
+
private theme;
|
|
19
|
+
private expandedIds;
|
|
20
|
+
private config;
|
|
21
|
+
private timelineEl;
|
|
22
|
+
private paginationEl;
|
|
23
|
+
private destroyed;
|
|
24
|
+
constructor(config: LogViewerConfig);
|
|
25
|
+
getData(): LogEntry[];
|
|
26
|
+
setData(entries: LogEntry[]): void;
|
|
27
|
+
appendData(entries: LogEntry[]): void;
|
|
28
|
+
getFilter(): FilterConfig;
|
|
29
|
+
setFilter(filter: FilterConfig): void;
|
|
30
|
+
resetFilter(): void;
|
|
31
|
+
getTheme(): ThemeMode;
|
|
32
|
+
setTheme(theme: ThemeMode): void;
|
|
33
|
+
expandEntry(id: string): void;
|
|
34
|
+
collapseEntry(id: string): void;
|
|
35
|
+
collapseAll(): void;
|
|
36
|
+
goToPage(page: number): void;
|
|
37
|
+
getPagination(): PaginationConfig;
|
|
38
|
+
on(event: string, callback: (...args: unknown[]) => void): () => void;
|
|
39
|
+
refresh(): void;
|
|
40
|
+
destroy(): void;
|
|
41
|
+
private applyFilterAndRender;
|
|
42
|
+
private getPageData;
|
|
43
|
+
private renderTimeline;
|
|
44
|
+
private bindEvents;
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=LogViewer.d.ts.map
|