@composy/log-viewer-core 0.0.1

package/es/styles/index.js

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

package/es/styles/index.js.map

@@ -0,0 +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"}

package/es/types/index.d.ts

@@ -0,0 +1,113 @@
+/**
+ * @composy/log-viewer-core 类型定义
+ */
+/** 操作类型 */
+export type ActionType = 'create' | 'update' | 'delete' | 'query' | 'login' | 'logout' | 'export' | 'import' | 'approve' | 'reject' | 'other';
+/** 主题模式 */
+export type ThemeMode = 'light' | 'dark';
+/** 异常标记类型 */
+export type AnomalyType = 'off-hours' | 'sensitive' | 'high-frequency' | 'none';
+/** 字段变更条目 */
+export interface DiffEntry {
+    field: string;
+    label?: string;
+    oldValue: unknown;
+    newValue: unknown;
+}
+/** 日志条目 */
+export interface LogEntry {
+    id: string;
+    timestamp: string | number | Date;
+    user: string;
+    userId?: string;
+    action: ActionType;
+    module: string;
+    detail?: string;
+    ip?: string;
+    changes?: DiffEntry[];
+    metadata?: Record<string, unknown>;
+    anomaly?: AnomalyType;
+}
+/** 筛选配置 */
+export interface FilterConfig {
+    user?: string;
+    action?: ActionType | ActionType[];
+    module?: string;
+    ip?: string;
+    timeRange?: [Date | string | number, Date | string | number];
+    keyword?: string;
+}
+/** 分页配置 */
+export interface PaginationConfig {
+    page: number;
+    pageSize: number;
+    total?: number;
+}
+/** LogViewer 配置 */
+export interface LogViewerConfig {
+    container: string | HTMLElement;
+    data?: LogEntry[];
+    dataSource?: string | (() => Promise<LogEntry[]>);
+    columns?: string[];
+    filter?: FilterConfig;
+    pagination?: Partial<PaginationConfig>;
+    theme?: ThemeMode;
+    locale?: 'zh-CN' | 'en-US';
+    showFilter?: boolean;
+    showDiff?: boolean;
+    showAnomalyBadge?: boolean;
+    pageSize?: number;
+    onEntryClick?: (entry: LogEntry) => void;
+    onFilterChange?: (filter: FilterConfig) => void;
+    onThemeChange?: (theme: ThemeMode) => void;
+}
+/** LogViewer 实例接口 */
+export interface LogViewerInstance {
+    /** 获取当前数据 */
+    getData(): LogEntry[];
+    /** 设置数据 */
+    setData(entries: LogEntry[]): void;
+    /** 追加数据 */
+    appendData(entries: LogEntry[]): void;
+    /** 获取当前筛选条件 */
+    getFilter(): FilterConfig;
+    /** 设置筛选条件 */
+    setFilter(filter: FilterConfig): void;
+    /** 重置筛选 */
+    resetFilter(): void;
+    /** 获取当前主题 */
+    getTheme(): ThemeMode;
+    /** 设置主题 */
+    setTheme(theme: ThemeMode): void;
+    /** 展开指定条目详情 */
+    expandEntry(id: string): void;
+    /** 折叠指定条目详情 */
+    collapseEntry(id: string): void;
+    /** 折叠所有详情 */
+    collapseAll(): void;
+    /** 跳转分页 */
+    goToPage(page: number): void;
+    /** 获取分页信息 */
+    getPagination(): PaginationConfig;
+    /** 注册事件监听 */
+    on(event: string, callback: (...args: unknown[]) => void): () => void;
+    /** 刷新渲染 */
+    refresh(): void;
+    /** 销毁实例 */
+    destroy(): void;
+}
+/** 事件映射 */
+export interface LogViewerEvents {
+    'filter:change': (filter: FilterConfig) => void;
+    'entry:click': (entry: LogEntry) => void;
+    'entry:expand': (entry: LogEntry) => void;
+    'entry:collapse': (entry: LogEntry) => void;
+    'theme:change': (theme: ThemeMode) => void;
+    'page:change': (page: number) => void;
+    'data:change': (entries: LogEntry[]) => 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/es/types/index.js

@@ -0,0 +1,40 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/types/index.ts
+const ACTION_LABELS = {
+	create: "新增",
+	update: "修改",
+	delete: "删除",
+	query: "查询",
+	login: "登录",
+	logout: "登出",
+	export: "导出",
+	import: "导入",
+	approve: "审批",
+	reject: "驳回",
+	other: "其他"
+};
+const ACTION_COLORS = {
+	create: "#52c41a",
+	update: "#1890ff",
+	delete: "#ff4d4f",
+	query: "#8c8c8c",
+	login: "#722ed1",
+	logout: "#eb2f96",
+	export: "#fa8c16",
+	import: "#13c2c2",
+	approve: "#52c41a",
+	reject: "#ff4d4f",
+	other: "#d9d9d9"
+};
+//#endregion
+export { ACTION_COLORS, ACTION_LABELS };
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/es/types/index.js.map

@@ -0,0 +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"}

package/es/utils/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 工具函数
+ */
+/** 生成唯一 ID */
+export declare function uid(prefix?: string): string;
+/** 格式化日期 */
+export declare function formatDate(value: string | number | Date, fmt?: string): string;
+/** 格式化相对时间 */
+export declare function formatRelativeTime(value: string | number | Date): string;
+/** HTML 转义 */
+export declare function escapeHtml(str: string): string;
+/** 防抖 */
+export declare function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T;
+/** 深拷贝简易实现 */
+export declare function deepClone<T>(obj: T): T;
+/** 将值格式化为可展示的字符串 */
+export declare function formatValue(val: unknown): string;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}