@composy/log-viewer-core 0.0.1

package/lib/styles/index.cjs

@@ -0,0 +1,415 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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
+exports.injectStyles = injectStyles;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/styles/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/lib/styles/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 样式注入 - 通过 CSS 变量支持亮色/暗色主题
+ */
+/**
+ * injectStyles - inject Styles function
+ * @returns 返回值说明
+ */
+export declare function injectStyles(): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.cjs

@@ -0,0 +1,42 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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
+exports.ACTION_COLORS = ACTION_COLORS;
+exports.ACTION_LABELS = ACTION_LABELS;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/types/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/lib/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/lib/utils/index.cjs

@@ -0,0 +1,80 @@
+/*!
+* ***********************************
+* @composy/log-viewer-core v0.0.1 *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utils/index.ts
+let _uid = 0;
+function uid(prefix = "lv") {
+	return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function formatDate(value, fmt = "YYYY-MM-DD HH:mm:ss") {
+	const d = value instanceof Date ? value : new Date(value);
+	if (isNaN(d.getTime())) return String(value);
+	const pad = (n) => String(n).padStart(2, "0");
+	const year = String(d.getFullYear());
+	const month = pad(d.getMonth() + 1);
+	const day = pad(d.getDate());
+	const hours = pad(d.getHours());
+	const minutes = pad(d.getMinutes());
+	const seconds = pad(d.getSeconds());
+	return fmt.replace("YYYY", year).replace("MM", month).replace("DD", day).replace("HH", hours).replace("mm", minutes).replace("ss", seconds);
+}
+function formatRelativeTime(value) {
+	const d = value instanceof Date ? value : new Date(value);
+	const diff = Date.now() - d.getTime();
+	if (diff < 6e4) return "刚刚";
+	if (diff < 36e5) return `${Math.floor(diff / 6e4)} \u5206\u949F\u524D`;
+	if (diff < 864e5) return `${Math.floor(diff / 36e5)} \u5C0F\u65F6\u524D`;
+	if (diff < 6048e5) return `${Math.floor(diff / 864e5)} \u5929\u524D`;
+	return formatDate(d);
+}
+function escapeHtml(str) {
+	const map = {
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#39;"
+	};
+	return str.replace(/[&<>"']/g, (c) => map[c] || c);
+}
+function debounce(fn, delay) {
+	let timer = null;
+	return ((...args) => {
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => fn(...args), delay);
+	});
+}
+function deepClone(obj) {
+	if (obj === null || typeof obj !== "object") return obj;
+	try {
+		return JSON.parse(JSON.stringify(obj));
+	} catch {
+		return obj;
+	}
+}
+function formatValue(val) {
+	if (val === null || val === void 0) return "-";
+	if (typeof val === "object") try {
+		return JSON.stringify(val, null, 2);
+	} catch {
+		return String(val);
+	}
+	return String(val);
+}
+//#endregion
+exports.debounce = debounce;
+exports.deepClone = deepClone;
+exports.escapeHtml = escapeHtml;
+exports.formatDate = formatDate;
+exports.formatRelativeTime = formatRelativeTime;
+exports.formatValue = formatValue;
+exports.uid = uid;
+/*! End of @composy/log-viewer-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map