@composy/log-viewer-vue 0.0.1

package/es/composables/useLogViewer.js

@@ -0,0 +1,113 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { onUnmounted, ref } from "vue";
+import { createLogViewer } from "@composy/log-viewer-core";
+//#region src/composables/useLogViewer.ts
+function useLogViewer() {
+	const instance = ref(null);
+	const data = ref([]);
+	const filter = ref({});
+	const theme = ref("light");
+	const pagination = ref({
+		page: 1,
+		pageSize: 20
+	});
+	function create(container, config) {
+		if (instance.value) instance.value.destroy();
+		instance.value = createLogViewer({
+			container,
+			...config
+		});
+		instance.value.on("data:change", (entries) => {
+			data.value = entries;
+		});
+		instance.value.on("filter:change", (f) => {
+			filter.value = f;
+		});
+		instance.value.on("theme:change", (t) => {
+			theme.value = t;
+		});
+		instance.value.on("page:change", () => {
+			if (instance.value) pagination.value = instance.value.getPagination();
+		});
+		if (config?.data) data.value = config.data;
+		if (config?.theme) theme.value = config.theme;
+		if (config?.filter) filter.value = config.filter;
+	}
+	function setData(entries) {
+		instance.value?.setData(entries);
+		data.value = entries;
+	}
+	function appendData(entries) {
+		instance.value?.appendData(entries);
+		data.value = instance.value?.getData() || [];
+	}
+	function setFilter(f) {
+		instance.value?.setFilter(f);
+		filter.value = f;
+	}
+	function resetFilter() {
+		instance.value?.resetFilter();
+		filter.value = {};
+	}
+	function setTheme(t) {
+		instance.value?.setTheme(t);
+		theme.value = t;
+	}
+	function expandEntry(id) {
+		instance.value?.expandEntry(id);
+	}
+	function collapseEntry(id) {
+		instance.value?.collapseEntry(id);
+	}
+	function collapseAll() {
+		instance.value?.collapseAll();
+	}
+	function goToPage(page) {
+		instance.value?.goToPage(page);
+	}
+	function refresh() {
+		instance.value?.refresh();
+	}
+	function destroy() {
+		instance.value?.destroy();
+		instance.value = null;
+	}
+	function on(event, callback) {
+		return instance.value?.on(event, callback) || (() => {});
+	}
+	onUnmounted(() => {
+		destroy();
+	});
+	return {
+		instance,
+		data,
+		filter,
+		theme,
+		pagination,
+		create,
+		setData,
+		appendData,
+		setFilter,
+		resetFilter,
+		setTheme,
+		expandEntry,
+		collapseEntry,
+		collapseAll,
+		goToPage,
+		refresh,
+		destroy,
+		on
+	};
+}
+//#endregion
+export { useLogViewer };
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=useLogViewer.js.map

package/es/composables/useLogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogViewer.js","names":[],"sources":["../../src/composables/useLogViewer.ts"],"sourcesContent":["/**\n * useLogViewer - Vue 3 组合式 API\n */\nimport { ref, onUnmounted } from 'vue'\nimport {\n  createLogViewer,\n  type LogViewer,\n  type LogViewerConfig,\n  type LogEntry,\n  type FilterConfig,\n  type ThemeMode,\n  type PaginationConfig,\n} from '@composy/log-viewer-core'\n\n/**\n * useLogViewer - use Log Viewer function\n * @returns 返回值说明\n */\nexport function useLogViewer() {\n  const instance = ref<LogViewer | null>(null)\n  const data = ref<LogEntry[]>([])\n  const filter = ref<FilterConfig>({})\n  const theme = ref<ThemeMode>('light')\n  const pagination = ref<PaginationConfig>({ page: 1, pageSize: 20 })\n\n  function create(container: HTMLElement | string, config?: Partial<LogViewerConfig>) {\n    if (instance.value) {\n      instance.value.destroy()\n    }\n\n    instance.value = createLogViewer({\n      container,\n      ...config,\n    })\n\n    // Sync refs\n    instance.value.on('data:change', (entries: LogEntry[]) => {\n      data.value = entries\n    })\n    instance.value.on('filter:change', (f: FilterConfig) => {\n      filter.value = f\n    })\n    instance.value.on('theme:change', (t: ThemeMode) => {\n      theme.value = t\n    })\n    instance.value.on('page:change', () => {\n      if (instance.value) {\n        pagination.value = instance.value.getPagination()\n      }\n    })\n\n    if (config?.data) data.value = config.data\n    if (config?.theme) theme.value = config.theme\n    if (config?.filter) filter.value = config.filter\n  }\n\n  function setData(entries: LogEntry[]) {\n    instance.value?.setData(entries)\n    data.value = entries\n  }\n\n  function appendData(entries: LogEntry[]) {\n    instance.value?.appendData(entries)\n    data.value = instance.value?.getData() || []\n  }\n\n  function setFilter(f: FilterConfig) {\n    instance.value?.setFilter(f)\n    filter.value = f\n  }\n\n  function resetFilter() {\n    instance.value?.resetFilter()\n    filter.value = {}\n  }\n\n  function setTheme(t: ThemeMode) {\n    instance.value?.setTheme(t)\n    theme.value = t\n  }\n\n  function expandEntry(id: string) {\n    instance.value?.expandEntry(id)\n  }\n\n  function collapseEntry(id: string) {\n    instance.value?.collapseEntry(id)\n  }\n\n  function collapseAll() {\n    instance.value?.collapseAll()\n  }\n\n  function goToPage(page: number) {\n    instance.value?.goToPage(page)\n  }\n\n  function refresh() {\n    instance.value?.refresh()\n  }\n\n  function destroy() {\n    instance.value?.destroy()\n    instance.value = null\n  }\n\n  function on(event: string, callback: (...args: unknown[]) => void): () => void {\n    return instance.value?.on(event, callback) || (() => {})\n  }\n\n  onUnmounted(() => {\n    destroy()\n  })\n\n  return {\n    instance,\n    data,\n    filter,\n    theme,\n    pagination,\n    create,\n    setData,\n    appendData,\n    setFilter,\n    resetFilter,\n    setTheme,\n    expandEntry,\n    collapseEntry,\n    collapseAll,\n    goToPage,\n    refresh,\n    destroy,\n    on,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAkBO,SAAS,eAAe;CAC7B,MAAM,WAAW,IAAsB,IAAI;CAC3C,MAAM,OAAO,IAAgB,CAAC,CAAC;CAC/B,MAAM,SAAS,IAAkB,CAAC,CAAC;CACnC,MAAM,QAAQ,IAAe,OAAO;CACpC,MAAM,aAAa,IAAsB;EAAE,MAAM;EAAG,UAAU;CAAG,CAAC;CAElE,SAAS,OAAO,WAAiC,QAAmC;EAClF,IAAI,SAAS,OACX,SAAS,MAAM,QAAQ;EAGzB,SAAS,QAAQ,gBAAgB;GAC/B;GACA,GAAG;EACL,CAAC;EAGD,SAAS,MAAM,GAAG,gBAAgB,YAAwB;GACxD,KAAK,QAAQ;EACf,CAAC;EACD,SAAS,MAAM,GAAG,kBAAkB,MAAoB;GACtD,OAAO,QAAQ;EACjB,CAAC;EACD,SAAS,MAAM,GAAG,iBAAiB,MAAiB;GAClD,MAAM,QAAQ;EAChB,CAAC;EACD,SAAS,MAAM,GAAG,qBAAqB;GACrC,IAAI,SAAS,OACX,WAAW,QAAQ,SAAS,MAAM,cAAc;EAEpD,CAAC;EAED,IAAI,QAAQ,MAAM,KAAK,QAAQ,OAAO;EACtC,IAAI,QAAQ,OAAO,MAAM,QAAQ,OAAO;EACxC,IAAI,QAAQ,QAAQ,OAAO,QAAQ,OAAO;CAC5C;CAEA,SAAS,QAAQ,SAAqB;EACpC,SAAS,OAAO,QAAQ,OAAO;EAC/B,KAAK,QAAQ;CACf;CAEA,SAAS,WAAW,SAAqB;EACvC,SAAS,OAAO,WAAW,OAAO;EAClC,KAAK,QAAQ,SAAS,OAAO,QAAQ,KAAK,CAAC;CAC7C;CAEA,SAAS,UAAU,GAAiB;EAClC,SAAS,OAAO,UAAU,CAAC;EAC3B,OAAO,QAAQ;CACjB;CAEA,SAAS,cAAc;EACrB,SAAS,OAAO,YAAY;EAC5B,OAAO,QAAQ,CAAC;CAClB;CAEA,SAAS,SAAS,GAAc;EAC9B,SAAS,OAAO,SAAS,CAAC;EAC1B,MAAM,QAAQ;CAChB;CAEA,SAAS,YAAY,IAAY;EAC/B,SAAS,OAAO,YAAY,EAAE;CAChC;CAEA,SAAS,cAAc,IAAY;EACjC,SAAS,OAAO,cAAc,EAAE;CAClC;CAEA,SAAS,cAAc;EACrB,SAAS,OAAO,YAAY;CAC9B;CAEA,SAAS,SAAS,MAAc;EAC9B,SAAS,OAAO,SAAS,IAAI;CAC/B;CAEA,SAAS,UAAU;EACjB,SAAS,OAAO,QAAQ;CAC1B;CAEA,SAAS,UAAU;EACjB,SAAS,OAAO,QAAQ;EACxB,SAAS,QAAQ;CACnB;CAEA,SAAS,GAAG,OAAe,UAAoD;EAC7E,OAAO,SAAS,OAAO,GAAG,OAAO,QAAQ,YAAY,CAAC;CACxD;CAEA,kBAAkB;EAChB,QAAQ;CACV,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @composy/log-viewer-vue
+ *
+ * 审计日志查看器 — Vue 3 适配层
+ * 提供 LogViewer 组件、useLogViewer 组合式函数和 Vue 插件
+ *
+ * @packageDocumentation
+ */
+export declare const VERSION = "0.1.0";
+export { default as LogViewer } from './components/LogViewer.vue';
+export { useLogViewer } from './composables/useLogViewer';
+export { LogViewerPlugin } from './plugin';
+export type { ActionType, ThemeMode, AnomalyType, DiffEntry, LogEntry, FilterConfig, PaginationConfig, LogViewerConfig, LogViewerInstance, LogViewerEvents, } from '@composy/log-viewer-core';
+export { createLogViewer, ACTION_LABELS, ACTION_COLORS, formatDate, formatRelativeTime, } from '@composy/log-viewer-core';
+//# sourceMappingURL=index.d.ts.map

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,OAAO,UAAU,CAAA;AAG9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,YAAY,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,eAAe,EACf,aAAa,EACb,aAAa,EACb,UAAU,EACV,kBAAkB,GACnB,MAAM,0BAA0B,CAAA"}

package/es/index.js

@@ -0,0 +1,19 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import LogViewer_default from "./components/LogViewer.js";
+import { useLogViewer } from "./composables/useLogViewer.js";
+import { LogViewerPlugin } from "./plugin.js";
+import { ACTION_COLORS, ACTION_LABELS, createLogViewer, formatDate, formatRelativeTime } from "@composy/log-viewer-core";
+//#region src/index.ts
+const VERSION = "0.1.0";
+//#endregion
+export { ACTION_COLORS, ACTION_LABELS, LogViewer_default as LogViewer, LogViewerPlugin, VERSION, createLogViewer, formatDate, formatRelativeTime, useLogViewer };
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @composy/log-viewer-vue\n *\n * 审计日志查看器 — Vue 3 适配层\n * 提供 LogViewer 组件、useLogViewer 组合式函数和 Vue 插件\n *\n * @packageDocumentation\n */\n\nexport const VERSION = '0.1.0'\n\n// 组件\nexport { default as LogViewer } from './components/LogViewer.vue'\n\n// 组合式 API\nexport { useLogViewer } from './composables/useLogViewer'\n\n// 插件\nexport { LogViewerPlugin } from './plugin'\n\n// 重新导出核心类型\nexport type {\n  ActionType,\n  ThemeMode,\n  AnomalyType,\n  DiffEntry,\n  LogEntry,\n  FilterConfig,\n  PaginationConfig,\n  LogViewerConfig,\n  LogViewerInstance,\n  LogViewerEvents,\n} from '@composy/log-viewer-core'\n\nexport {\n  createLogViewer,\n  ACTION_LABELS,\n  ACTION_COLORS,\n  formatDate,\n  formatRelativeTime,\n} from '@composy/log-viewer-core'\n"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,UAAU"}

package/es/plugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Vue 插件 - 全局注册 LogViewer 组件
+ */
+import type { App } from 'vue';
+export declare const LogViewerPlugin: {
+    install(app: App): void;
+};
+//# sourceMappingURL=plugin.d.ts.map

package/es/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,eAAO,MAAM,eAAe;iBACb,GAAG;CAGjB,CAAA"}

package/es/plugin.js

@@ -0,0 +1,18 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import LogViewer_default from "./components/LogViewer.js";
+//#region src/plugin.ts
+const LogViewerPlugin = { install(app) {
+	app.component("LogViewer", LogViewer_default);
+} };
+//#endregion
+export { LogViewerPlugin };
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=plugin.js.map

package/es/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["/**\n * Vue 插件 - 全局注册 LogViewer 组件\n */\nimport type { App } from 'vue'\nimport LogViewer from './components/LogViewer.vue'\n\nexport const LogViewerPlugin = {\n  install(app: App) {\n    app.component('LogViewer', LogViewer)\n  },\n}\n"],"mappings":";;;;;;;;;;;AAMO,MAAM,kBAAkB,EAC7B,QAAQ,KAAU;CAChB,IAAI,UAAU,aAAa,iBAAS;AACtC,EACF"}

package/es/style/css.js

@@ -0,0 +1 @@
+import './index.less';

package/es/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/style/index.less

@@ -0,0 +1 @@
+// @ldesign styles

package/lib/components/LogViewer.cjs

@@ -0,0 +1,21 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_LogViewer_vue_vue_type_script_setup_true_lang = require("./LogViewer.vue_vue_type_script_setup_true_lang.cjs");
+//#region src/components/LogViewer.vue
+require_LogViewer_vue_vue_type_script_setup_true_lang.default.__file = "src/components/LogViewer.vue";
+var LogViewer_default = require_LogViewer_vue_vue_type_script_setup_true_lang.default;
+//#endregion
+exports.default = LogViewer_default;
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=LogViewer.cjs.map

package/lib/components/LogViewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.cjs","names":[],"sources":["../../src/components/LogViewer.vue"],"sourcesContent":["<!--\n  @file 日志查看器组件\n  @description LDesign 日志查看器组件，支持日志过滤、差异对比、异常标记等功能\n-->\n<template>\n  <div ref=\"containerRef\" class=\"lv-vue-root\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, watch, toRefs } from 'vue'\nimport {\n  createLogViewer,\n  type LogViewerConfig,\n  type LogEntry,\n  type FilterConfig,\n  type ThemeMode,\n  type LogViewer as LogViewerInstance,\n} from '@composy/log-viewer-core'\n\nconst props = withDefaults(defineProps<{\n  data?: LogEntry[]\n  filter?: FilterConfig\n  theme?: ThemeMode\n  pageSize?: number\n  showFilter?: boolean\n  showDiff?: boolean\n  showAnomalyBadge?: boolean\n}>(), {\n  data: () => [],\n  theme: 'light',\n  pageSize: 20,\n  showFilter: true,\n  showDiff: true,\n  showAnomalyBadge: true,\n})\n\nconst emit = defineEmits<{\n  'entry-click': [entry: LogEntry]\n  'entry-expand': [entry: LogEntry]\n  'entry-collapse': [entry: LogEntry]\n  'filter-change': [filter: FilterConfig]\n  'theme-change': [theme: ThemeMode]\n  'page-change': [page: number]\n}>()\n\nconst containerRef = ref<HTMLElement | null>(null)\nlet instance: LogViewerInstance | null = null\n\nonMounted(() => {\n  if (!containerRef.value) return\n\n  instance = createLogViewer({\n    container: containerRef.value,\n    data: props.data,\n    filter: props.filter,\n    theme: props.theme,\n    pageSize: props.pageSize,\n    showFilter: props.showFilter,\n    showDiff: props.showDiff,\n    showAnomalyBadge: props.showAnomalyBadge,\n  })\n\n  instance.on('entry:click', (entry: LogEntry) => emit('entry-click', entry))\n  instance.on('entry:expand', (entry: LogEntry) => emit('entry-expand', entry))\n  instance.on('entry:collapse', (entry: LogEntry) => emit('entry-collapse', entry))\n  instance.on('filter:change', (filter: FilterConfig) => emit('filter-change', filter))\n  instance.on('theme:change', (theme: ThemeMode) => emit('theme-change', theme))\n  instance.on('page:change', (page: number) => emit('page-change', page))\n})\n\nwatch(() => props.data, (newData) => {\n  instance?.setData(newData)\n}, { deep: true })\n\nwatch(() => props.filter, (newFilter) => {\n  if (newFilter) instance?.setFilter(newFilter)\n}, { deep: true })\n\nwatch(() => props.theme, (newTheme) => {\n  instance?.setTheme(newTheme)\n})\n\nonUnmounted(() => {\n  instance?.destroy()\n  instance = null\n})\n\ndefineExpose({\n  getInstance: () => instance,\n})\n</script>\n"],"mappings":""}

package/lib/components/LogViewer.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,109 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+let vue = require("vue");
+let _composy_log_viewer_core = require("@composy/log-viewer-core");
+//#region src/components/LogViewer.vue?vue&type=script&setup=true&lang.ts
+var LogViewer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "LogViewer",
+	props: {
+		data: {
+			type: Array,
+			required: false,
+			default: () => []
+		},
+		filter: {
+			type: Object,
+			required: false
+		},
+		theme: {
+			type: String,
+			required: false,
+			default: "light"
+		},
+		pageSize: {
+			type: Number,
+			required: false,
+			default: 20
+		},
+		showFilter: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		showDiff: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		showAnomalyBadge: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	emits: [
+		"entry-click",
+		"entry-expand",
+		"entry-collapse",
+		"filter-change",
+		"theme-change",
+		"page-change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const containerRef = (0, vue.ref)(null);
+		let instance = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			instance = (0, _composy_log_viewer_core.createLogViewer)({
+				container: containerRef.value,
+				data: props.data,
+				filter: props.filter,
+				theme: props.theme,
+				pageSize: props.pageSize,
+				showFilter: props.showFilter,
+				showDiff: props.showDiff,
+				showAnomalyBadge: props.showAnomalyBadge
+			});
+			instance.on("entry:click", (entry) => emit("entry-click", entry));
+			instance.on("entry:expand", (entry) => emit("entry-expand", entry));
+			instance.on("entry:collapse", (entry) => emit("entry-collapse", entry));
+			instance.on("filter:change", (filter) => emit("filter-change", filter));
+			instance.on("theme:change", (theme) => emit("theme-change", theme));
+			instance.on("page:change", (page) => emit("page-change", page));
+		});
+		(0, vue.watch)(() => props.data, (newData) => {
+			instance?.setData(newData);
+		}, { deep: true });
+		(0, vue.watch)(() => props.filter, (newFilter) => {
+			if (newFilter) instance?.setFilter(newFilter);
+		}, { deep: true });
+		(0, vue.watch)(() => props.theme, (newTheme) => {
+			instance?.setTheme(newTheme);
+		});
+		(0, vue.onUnmounted)(() => {
+			instance?.destroy();
+			instance = null;
+		});
+		__expose({ getInstance: () => instance });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
+				class: "lv-vue-root"
+			}, null, 512);
+		};
+	}
+});
+//#endregion
+exports.default = LogViewer_vue_vue_type_script_setup_true_lang_default;
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang.cjs.map

package/lib/components/LogViewer.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/LogViewer.vue"],"sourcesContent":["<!--\n  @file 日志查看器组件\n  @description LDesign 日志查看器组件，支持日志过滤、差异对比、异常标记等功能\n-->\n<template>\n  <div ref=\"containerRef\" class=\"lv-vue-root\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, watch, toRefs } from 'vue'\nimport {\n  createLogViewer,\n  type LogViewerConfig,\n  type LogEntry,\n  type FilterConfig,\n  type ThemeMode,\n  type LogViewer as LogViewerInstance,\n} from '@composy/log-viewer-core'\n\nconst props = withDefaults(defineProps<{\n  data?: LogEntry[]\n  filter?: FilterConfig\n  theme?: ThemeMode\n  pageSize?: number\n  showFilter?: boolean\n  showDiff?: boolean\n  showAnomalyBadge?: boolean\n}>(), {\n  data: () => [],\n  theme: 'light',\n  pageSize: 20,\n  showFilter: true,\n  showDiff: true,\n  showAnomalyBadge: true,\n})\n\nconst emit = defineEmits<{\n  'entry-click': [entry: LogEntry]\n  'entry-expand': [entry: LogEntry]\n  'entry-collapse': [entry: LogEntry]\n  'filter-change': [filter: FilterConfig]\n  'theme-change': [theme: ThemeMode]\n  'page-change': [page: number]\n}>()\n\nconst containerRef = ref<HTMLElement | null>(null)\nlet instance: LogViewerInstance | null = null\n\nonMounted(() => {\n  if (!containerRef.value) return\n\n  instance = createLogViewer({\n    container: containerRef.value,\n    data: props.data,\n    filter: props.filter,\n    theme: props.theme,\n    pageSize: props.pageSize,\n    showFilter: props.showFilter,\n    showDiff: props.showDiff,\n    showAnomalyBadge: props.showAnomalyBadge,\n  })\n\n  instance.on('entry:click', (entry: LogEntry) => emit('entry-click', entry))\n  instance.on('entry:expand', (entry: LogEntry) => emit('entry-expand', entry))\n  instance.on('entry:collapse', (entry: LogEntry) => emit('entry-collapse', entry))\n  instance.on('filter:change', (filter: FilterConfig) => emit('filter-change', filter))\n  instance.on('theme:change', (theme: ThemeMode) => emit('theme-change', theme))\n  instance.on('page:change', (page: number) => emit('page-change', page))\n})\n\nwatch(() => props.data, (newData) => {\n  instance?.setData(newData)\n}, { deep: true })\n\nwatch(() => props.filter, (newFilter) => {\n  if (newFilter) instance?.setFilter(newFilter)\n}, { deep: true })\n\nwatch(() => props.theme, (newTheme) => {\n  instance?.setTheme(newTheme)\n})\n\nonUnmounted(() => {\n  instance?.destroy()\n  instance = null\n})\n\ndefineExpose({\n  getInstance: () => instance,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EASb,MAAM,gBAAA,GAAA,IAAA,IAAA,CAAuC,IAAI;EACjD,IAAI,WAAqC;EAEzC,CAAA,GAAA,IAAA,UAAA,OAAgB;GACd,IAAI,CAAC,aAAa,OAAO;GAEzB,YAAA,GAAA,yBAAA,gBAAA,CAA2B;IACzB,WAAW,aAAa;IACxB,MAAM,MAAM;IACZ,QAAQ,MAAM;IACd,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,UAAU,MAAM;IAChB,kBAAkB,MAAM;GAC1B,CAAC;GAED,SAAS,GAAG,gBAAgB,UAAoB,KAAK,eAAe,KAAK,CAAC;GAC1E,SAAS,GAAG,iBAAiB,UAAoB,KAAK,gBAAgB,KAAK,CAAC;GAC5E,SAAS,GAAG,mBAAmB,UAAoB,KAAK,kBAAkB,KAAK,CAAC;GAChF,SAAS,GAAG,kBAAkB,WAAyB,KAAK,iBAAiB,MAAM,CAAC;GACpF,SAAS,GAAG,iBAAiB,UAAqB,KAAK,gBAAgB,KAAK,CAAC;GAC7E,SAAS,GAAG,gBAAgB,SAAiB,KAAK,eAAe,IAAI,CAAC;EACxE,CAAC;EAED,CAAA,GAAA,IAAA,MAAA,OAAY,MAAM,OAAO,YAAY;GACnC,UAAU,QAAQ,OAAO;EAC3B,GAAG,EAAE,MAAM,KAAK,CAAC;EAEjB,CAAA,GAAA,IAAA,MAAA,OAAY,MAAM,SAAS,cAAc;GACvC,IAAI,WAAW,UAAU,UAAU,SAAS;EAC9C,GAAG,EAAE,MAAM,KAAK,CAAC;EAEjB,CAAA,GAAA,IAAA,MAAA,OAAY,MAAM,QAAQ,aAAa;GACrC,UAAU,SAAS,QAAQ;EAC7B,CAAC;EAED,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,UAAU,QAAQ;GAClB,WAAW;EACb,CAAC;EAED,SAAa,EACX,mBAAmB,SACrB,CAAC;;4DApFmD,OAAA;aAAzC;IAAJ,KAAI;IAAe,OAAM"}

package/lib/composables/useLogViewer.cjs

@@ -0,0 +1,114 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+let _composy_log_viewer_core = require("@composy/log-viewer-core");
+//#region src/composables/useLogViewer.ts
+function useLogViewer() {
+	const instance = (0, vue.ref)(null);
+	const data = (0, vue.ref)([]);
+	const filter = (0, vue.ref)({});
+	const theme = (0, vue.ref)("light");
+	const pagination = (0, vue.ref)({
+		page: 1,
+		pageSize: 20
+	});
+	function create(container, config) {
+		if (instance.value) instance.value.destroy();
+		instance.value = (0, _composy_log_viewer_core.createLogViewer)({
+			container,
+			...config
+		});
+		instance.value.on("data:change", (entries) => {
+			data.value = entries;
+		});
+		instance.value.on("filter:change", (f) => {
+			filter.value = f;
+		});
+		instance.value.on("theme:change", (t) => {
+			theme.value = t;
+		});
+		instance.value.on("page:change", () => {
+			if (instance.value) pagination.value = instance.value.getPagination();
+		});
+		if (config?.data) data.value = config.data;
+		if (config?.theme) theme.value = config.theme;
+		if (config?.filter) filter.value = config.filter;
+	}
+	function setData(entries) {
+		instance.value?.setData(entries);
+		data.value = entries;
+	}
+	function appendData(entries) {
+		instance.value?.appendData(entries);
+		data.value = instance.value?.getData() || [];
+	}
+	function setFilter(f) {
+		instance.value?.setFilter(f);
+		filter.value = f;
+	}
+	function resetFilter() {
+		instance.value?.resetFilter();
+		filter.value = {};
+	}
+	function setTheme(t) {
+		instance.value?.setTheme(t);
+		theme.value = t;
+	}
+	function expandEntry(id) {
+		instance.value?.expandEntry(id);
+	}
+	function collapseEntry(id) {
+		instance.value?.collapseEntry(id);
+	}
+	function collapseAll() {
+		instance.value?.collapseAll();
+	}
+	function goToPage(page) {
+		instance.value?.goToPage(page);
+	}
+	function refresh() {
+		instance.value?.refresh();
+	}
+	function destroy() {
+		instance.value?.destroy();
+		instance.value = null;
+	}
+	function on(event, callback) {
+		return instance.value?.on(event, callback) || (() => {});
+	}
+	(0, vue.onUnmounted)(() => {
+		destroy();
+	});
+	return {
+		instance,
+		data,
+		filter,
+		theme,
+		pagination,
+		create,
+		setData,
+		appendData,
+		setFilter,
+		resetFilter,
+		setTheme,
+		expandEntry,
+		collapseEntry,
+		collapseAll,
+		goToPage,
+		refresh,
+		destroy,
+		on
+	};
+}
+//#endregion
+exports.useLogViewer = useLogViewer;
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=useLogViewer.cjs.map

package/lib/composables/useLogViewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogViewer.cjs","names":[],"sources":["../../src/composables/useLogViewer.ts"],"sourcesContent":["/**\n * useLogViewer - Vue 3 组合式 API\n */\nimport { ref, onUnmounted } from 'vue'\nimport {\n  createLogViewer,\n  type LogViewer,\n  type LogViewerConfig,\n  type LogEntry,\n  type FilterConfig,\n  type ThemeMode,\n  type PaginationConfig,\n} from '@composy/log-viewer-core'\n\n/**\n * useLogViewer - use Log Viewer function\n * @returns 返回值说明\n */\nexport function useLogViewer() {\n  const instance = ref<LogViewer | null>(null)\n  const data = ref<LogEntry[]>([])\n  const filter = ref<FilterConfig>({})\n  const theme = ref<ThemeMode>('light')\n  const pagination = ref<PaginationConfig>({ page: 1, pageSize: 20 })\n\n  function create(container: HTMLElement | string, config?: Partial<LogViewerConfig>) {\n    if (instance.value) {\n      instance.value.destroy()\n    }\n\n    instance.value = createLogViewer({\n      container,\n      ...config,\n    })\n\n    // Sync refs\n    instance.value.on('data:change', (entries: LogEntry[]) => {\n      data.value = entries\n    })\n    instance.value.on('filter:change', (f: FilterConfig) => {\n      filter.value = f\n    })\n    instance.value.on('theme:change', (t: ThemeMode) => {\n      theme.value = t\n    })\n    instance.value.on('page:change', () => {\n      if (instance.value) {\n        pagination.value = instance.value.getPagination()\n      }\n    })\n\n    if (config?.data) data.value = config.data\n    if (config?.theme) theme.value = config.theme\n    if (config?.filter) filter.value = config.filter\n  }\n\n  function setData(entries: LogEntry[]) {\n    instance.value?.setData(entries)\n    data.value = entries\n  }\n\n  function appendData(entries: LogEntry[]) {\n    instance.value?.appendData(entries)\n    data.value = instance.value?.getData() || []\n  }\n\n  function setFilter(f: FilterConfig) {\n    instance.value?.setFilter(f)\n    filter.value = f\n  }\n\n  function resetFilter() {\n    instance.value?.resetFilter()\n    filter.value = {}\n  }\n\n  function setTheme(t: ThemeMode) {\n    instance.value?.setTheme(t)\n    theme.value = t\n  }\n\n  function expandEntry(id: string) {\n    instance.value?.expandEntry(id)\n  }\n\n  function collapseEntry(id: string) {\n    instance.value?.collapseEntry(id)\n  }\n\n  function collapseAll() {\n    instance.value?.collapseAll()\n  }\n\n  function goToPage(page: number) {\n    instance.value?.goToPage(page)\n  }\n\n  function refresh() {\n    instance.value?.refresh()\n  }\n\n  function destroy() {\n    instance.value?.destroy()\n    instance.value = null\n  }\n\n  function on(event: string, callback: (...args: unknown[]) => void): () => void {\n    return instance.value?.on(event, callback) || (() => {})\n  }\n\n  onUnmounted(() => {\n    destroy()\n  })\n\n  return {\n    instance,\n    data,\n    filter,\n    theme,\n    pagination,\n    create,\n    setData,\n    appendData,\n    setFilter,\n    resetFilter,\n    setTheme,\n    expandEntry,\n    collapseEntry,\n    collapseAll,\n    goToPage,\n    refresh,\n    destroy,\n    on,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAkBO,SAAS,eAAe;CAC7B,MAAM,YAAA,GAAA,IAAA,IAAA,CAAiC,IAAI;CAC3C,MAAM,QAAA,GAAA,IAAA,IAAA,CAAuB,CAAC,CAAC;CAC/B,MAAM,UAAA,GAAA,IAAA,IAAA,CAA2B,CAAC,CAAC;CACnC,MAAM,SAAA,GAAA,IAAA,IAAA,CAAuB,OAAO;CACpC,MAAM,cAAA,GAAA,IAAA,IAAA,CAAmC;EAAE,MAAM;EAAG,UAAU;CAAG,CAAC;CAElE,SAAS,OAAO,WAAiC,QAAmC;EAClF,IAAI,SAAS,OACX,SAAS,MAAM,QAAQ;EAGzB,SAAS,SAAA,GAAA,yBAAA,gBAAA,CAAwB;GAC/B;GACA,GAAG;EACL,CAAC;EAGD,SAAS,MAAM,GAAG,gBAAgB,YAAwB;GACxD,KAAK,QAAQ;EACf,CAAC;EACD,SAAS,MAAM,GAAG,kBAAkB,MAAoB;GACtD,OAAO,QAAQ;EACjB,CAAC;EACD,SAAS,MAAM,GAAG,iBAAiB,MAAiB;GAClD,MAAM,QAAQ;EAChB,CAAC;EACD,SAAS,MAAM,GAAG,qBAAqB;GACrC,IAAI,SAAS,OACX,WAAW,QAAQ,SAAS,MAAM,cAAc;EAEpD,CAAC;EAED,IAAI,QAAQ,MAAM,KAAK,QAAQ,OAAO;EACtC,IAAI,QAAQ,OAAO,MAAM,QAAQ,OAAO;EACxC,IAAI,QAAQ,QAAQ,OAAO,QAAQ,OAAO;CAC5C;CAEA,SAAS,QAAQ,SAAqB;EACpC,SAAS,OAAO,QAAQ,OAAO;EAC/B,KAAK,QAAQ;CACf;CAEA,SAAS,WAAW,SAAqB;EACvC,SAAS,OAAO,WAAW,OAAO;EAClC,KAAK,QAAQ,SAAS,OAAO,QAAQ,KAAK,CAAC;CAC7C;CAEA,SAAS,UAAU,GAAiB;EAClC,SAAS,OAAO,UAAU,CAAC;EAC3B,OAAO,QAAQ;CACjB;CAEA,SAAS,cAAc;EACrB,SAAS,OAAO,YAAY;EAC5B,OAAO,QAAQ,CAAC;CAClB;CAEA,SAAS,SAAS,GAAc;EAC9B,SAAS,OAAO,SAAS,CAAC;EAC1B,MAAM,QAAQ;CAChB;CAEA,SAAS,YAAY,IAAY;EAC/B,SAAS,OAAO,YAAY,EAAE;CAChC;CAEA,SAAS,cAAc,IAAY;EACjC,SAAS,OAAO,cAAc,EAAE;CAClC;CAEA,SAAS,cAAc;EACrB,SAAS,OAAO,YAAY;CAC9B;CAEA,SAAS,SAAS,MAAc;EAC9B,SAAS,OAAO,SAAS,IAAI;CAC/B;CAEA,SAAS,UAAU;EACjB,SAAS,OAAO,QAAQ;CAC1B;CAEA,SAAS,UAAU;EACjB,SAAS,OAAO,QAAQ;EACxB,SAAS,QAAQ;CACnB;CAEA,SAAS,GAAG,OAAe,UAAoD;EAC7E,OAAO,SAAS,OAAO,GAAG,OAAO,QAAQ,YAAY,CAAC;CACxD;CAEA,CAAA,GAAA,IAAA,YAAA,OAAkB;EAChB,QAAQ;CACV,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/lib/composables/useLogViewer.d.ts

@@ -0,0 +1,116 @@
+import { type LogViewer, type LogViewerConfig, type LogEntry, type FilterConfig, type ThemeMode, type PaginationConfig } from '@composy/log-viewer-core';
+/**
+ * useLogViewer - use Log Viewer function
+ * @returns 返回值说明
+ */
+export declare function useLogViewer(): {
+    instance: import("vue").Ref<{
+        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;
+    }, LogViewer | {
+        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;
+    }>;
+    data: import("vue").Ref<{
+        id: string;
+        timestamp: string | number | Date;
+        user: string;
+        userId?: string;
+        action: import("@composy/log-viewer-core").ActionType;
+        module: string;
+        detail?: string;
+        ip?: string;
+        changes?: {
+            field: string;
+            label?: string;
+            oldValue: unknown;
+            newValue: unknown;
+        }[];
+        metadata?: Record<string, unknown>;
+        anomaly?: import("@composy/log-viewer-core").AnomalyType;
+    }[], LogEntry[] | {
+        id: string;
+        timestamp: string | number | Date;
+        user: string;
+        userId?: string;
+        action: import("@composy/log-viewer-core").ActionType;
+        module: string;
+        detail?: string;
+        ip?: string;
+        changes?: {
+            field: string;
+            label?: string;
+            oldValue: unknown;
+            newValue: unknown;
+        }[];
+        metadata?: Record<string, unknown>;
+        anomaly?: import("@composy/log-viewer-core").AnomalyType;
+    }[]>;
+    filter: import("vue").Ref<{
+        user?: string;
+        action?: import("@composy/log-viewer-core").ActionType | import("@composy/log-viewer-core").ActionType[];
+        module?: string;
+        ip?: string;
+        timeRange?: [Date | string | number, Date | string | number];
+        keyword?: string;
+    }, FilterConfig | {
+        user?: string;
+        action?: import("@composy/log-viewer-core").ActionType | import("@composy/log-viewer-core").ActionType[];
+        module?: string;
+        ip?: string;
+        timeRange?: [Date | string | number, Date | string | number];
+        keyword?: string;
+    }>;
+    theme: import("vue").Ref<ThemeMode, ThemeMode>;
+    pagination: import("vue").Ref<{
+        page: number;
+        pageSize: number;
+        total?: number;
+    }, PaginationConfig | {
+        page: number;
+        pageSize: number;
+        total?: number;
+    }>;
+    create: (container: HTMLElement | string, config?: Partial<LogViewerConfig>) => void;
+    setData: (entries: LogEntry[]) => void;
+    appendData: (entries: LogEntry[]) => void;
+    setFilter: (f: FilterConfig) => void;
+    resetFilter: () => void;
+    setTheme: (t: ThemeMode) => void;
+    expandEntry: (id: string) => void;
+    collapseEntry: (id: string) => void;
+    collapseAll: () => void;
+    goToPage: (page: number) => void;
+    refresh: () => void;
+    destroy: () => void;
+    on: (event: string, callback: (...args: unknown[]) => void) => () => void;
+};
+//# sourceMappingURL=useLogViewer.d.ts.map

package/lib/index.cjs

@@ -0,0 +1,53 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useLogViewer = require("./composables/useLogViewer.cjs");
+const require_LogViewer = require("./components/LogViewer.cjs");
+const require_plugin = require("./plugin.cjs");
+let _composy_log_viewer_core = require("@composy/log-viewer-core");
+//#region src/index.ts
+const VERSION = "0.1.0";
+//#endregion
+Object.defineProperty(exports, "ACTION_COLORS", {
+	enumerable: true,
+	get: function() {
+		return _composy_log_viewer_core.ACTION_COLORS;
+	}
+});
+Object.defineProperty(exports, "ACTION_LABELS", {
+	enumerable: true,
+	get: function() {
+		return _composy_log_viewer_core.ACTION_LABELS;
+	}
+});
+exports.LogViewer = require_LogViewer.default;
+exports.LogViewerPlugin = require_plugin.LogViewerPlugin;
+exports.VERSION = VERSION;
+Object.defineProperty(exports, "createLogViewer", {
+	enumerable: true,
+	get: function() {
+		return _composy_log_viewer_core.createLogViewer;
+	}
+});
+Object.defineProperty(exports, "formatDate", {
+	enumerable: true,
+	get: function() {
+		return _composy_log_viewer_core.formatDate;
+	}
+});
+Object.defineProperty(exports, "formatRelativeTime", {
+	enumerable: true,
+	get: function() {
+		return _composy_log_viewer_core.formatRelativeTime;
+	}
+});
+exports.useLogViewer = require_useLogViewer.useLogViewer;
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @composy/log-viewer-vue\n *\n * 审计日志查看器 — Vue 3 适配层\n * 提供 LogViewer 组件、useLogViewer 组合式函数和 Vue 插件\n *\n * @packageDocumentation\n */\n\nexport const VERSION = '0.1.0'\n\n// 组件\nexport { default as LogViewer } from './components/LogViewer.vue'\n\n// 组合式 API\nexport { useLogViewer } from './composables/useLogViewer'\n\n// 插件\nexport { LogViewerPlugin } from './plugin'\n\n// 重新导出核心类型\nexport type {\n  ActionType,\n  ThemeMode,\n  AnomalyType,\n  DiffEntry,\n  LogEntry,\n  FilterConfig,\n  PaginationConfig,\n  LogViewerConfig,\n  LogViewerInstance,\n  LogViewerEvents,\n} from '@composy/log-viewer-core'\n\nexport {\n  createLogViewer,\n  ACTION_LABELS,\n  ACTION_COLORS,\n  formatDate,\n  formatRelativeTime,\n} from '@composy/log-viewer-core'\n"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,UAAU"}