@composy/log-viewer-vue 0.0.1

package/README.md

@@ -0,0 +1,46 @@
+# @composy/log-viewer-vue
+
+审计日志查看器 - 操作日志可视化与追溯（Vue 3 适配层）
+
+## 功能特性
+
+- 🧩 Vue 3 组件
+- 🪝 组合式函数 (Composables)
+- ⚡ 响应式数据绑定
+
+## 安装
+
+```bash
+npm install @composy/log-viewer-vue
+```
+
+## 快速开始
+
+```vue
+<template>
+  <!-- 使用组件 -->
+</template>
+
+<script setup>
+// import { /* 组件 */ } from '@composy/log-viewer-vue'
+</script>
+```
+
+## 目录结构
+
+```
+packages/vue/
+├── src/              # 源码
+├── package.json
+├── tsconfig.json     # ESM 构建配置
+└── tsconfig.cjs.json # CJS 构建配置
+```
+
+## 依赖
+
+- `@composy/log-viewer-core` — 核心引擎
+- `vue` ^3.3.0 (peerDependency)
+
+## License
+
+MIT

package/dist/index.css

@@ -0,0 +1,3 @@
+/* style/index.less */
+
+/*# sourceMappingURL=src/style/index.less.map */

package/dist/index.js

@@ -0,0 +1,260 @@
+/*!
+* ***********************************
+* @composy/log-viewer-vue v0.0.1  *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:24 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+(function(global, factory) {
+	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@composy/log-viewer-core")) : typeof define === "function" && define.amd ? define([
+		"exports",
+		"vue",
+		"@composy/log-viewer-core"
+	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.LDesignPackagesVue3 = {}, global.Vue, global.ComposyLogViewerCore));
+})(this, function(exports, vue, _composy_log_viewer_core) {
+	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+	//#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
+	//#region src/components/LogViewer.vue
+	LogViewer_vue_vue_type_script_setup_true_lang_default.__file = "src/components/LogViewer.vue";
+	var LogViewer_default = LogViewer_vue_vue_type_script_setup_true_lang_default;
+	//#endregion
+	//#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
+	//#region src/plugin.ts
+	const LogViewerPlugin = { install(app) {
+		app.component("LogViewer", LogViewer_default);
+	} };
+	//#endregion
+	//#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 = LogViewer_default;
+	exports.LogViewerPlugin = 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 = useLogViewer;
+});
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/components/LogViewer.vue","../src/components/LogViewer.vue","../src/composables/useLogViewer.ts","../src/plugin.ts","../src/index.ts"],"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","<!--\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","/**\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","/**\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","/**\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":"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"}

package/dist/index.min.css

@@ -0,0 +1,3 @@
+/* style/index.less */
+
+/*# sourceMappingURL=src/style/index.less.map */

package/dist/index.min.js

@@ -0,0 +1 @@
+(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports,require("vue"),require("@composy/log-viewer-core")):typeof define==="function"&&define.amd?define(["exports","vue","@composy/log-viewer-core"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.LDesignPackagesVue3={},global.Vue,global.ComposyLogViewerCore));})(this,function(exports,vue,_composy_log_viewer_core){Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var LogViewer_vue_vue_type_script_setup_true_lang_default=(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);};}});LogViewer_vue_vue_type_script_setup_true_lang_default.__file="src/components/LogViewer.vue";var LogViewer_default=LogViewer_vue_vue_type_script_setup_true_lang_default;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};}const LogViewerPlugin={install(app){app.component("LogViewer",LogViewer_default);}};const VERSION="0.1.0";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=LogViewer_default;exports.LogViewerPlugin=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=useLogViewer;});

package/es/components/LogViewer.js

@@ -0,0 +1,17 @@
+/*!
+* ***********************************
+* @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_vue_vue_type_script_setup_true_lang_default from "./LogViewer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/LogViewer.vue
+LogViewer_vue_vue_type_script_setup_true_lang_default.__file = "src/components/LogViewer.vue";
+var LogViewer_default = LogViewer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { LogViewer_default as default };
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=LogViewer.js.map

package/es/components/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","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/es/components/LogViewer.vue_vue_type_script_setup_true_lang.js

@@ -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                    *
+* ***********************************
+*/
+import { createElementBlock, defineComponent, onMounted, onUnmounted, openBlock, ref, watch } from "vue";
+import { createLogViewer } from "@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__ */ 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 = ref(null);
+		let instance = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			instance = 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));
+		});
+		watch(() => props.data, (newData) => {
+			instance?.setData(newData);
+		}, { deep: true });
+		watch(() => props.filter, (newFilter) => {
+			if (newFilter) instance?.setFilter(newFilter);
+		}, { deep: true });
+		watch(() => props.theme, (newTheme) => {
+			instance?.setTheme(newTheme);
+		});
+		onUnmounted(() => {
+			instance?.destroy();
+			instance = null;
+		});
+		__expose({ getInstance: () => instance });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
+				class: "lv-vue-root"
+			}, null, 512);
+		};
+	}
+});
+//#endregion
+export { LogViewer_vue_vue_type_script_setup_true_lang_default as default };
+/*! End of @composy/log-viewer-vue | Powered by @composy/builder */
+//# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang.js.map

package/es/components/LogViewer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.vue_vue_type_script_setup_true_lang.js","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,eAAe,IAAwB,IAAI;EACjD,IAAI,WAAqC;EAEzC,gBAAgB;GACd,IAAI,CAAC,aAAa,OAAO;GAEzB,WAAW,gBAAgB;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,YAAY,MAAM,OAAO,YAAY;GACnC,UAAU,QAAQ,OAAO;EAC3B,GAAG,EAAE,MAAM,KAAK,CAAC;EAEjB,YAAY,MAAM,SAAS,cAAc;GACvC,IAAI,WAAW,UAAU,UAAU,SAAS;EAC9C,GAAG,EAAE,MAAM,KAAK,CAAC;EAEjB,YAAY,MAAM,QAAQ,aAAa;GACrC,UAAU,SAAS,QAAQ;EAC7B,CAAC;EAED,kBAAkB;GAChB,UAAU,QAAQ;GAClB,WAAW;EACb,CAAC;EAED,SAAa,EACX,mBAAmB,SACrB,CAAC;;uBApFC,mBAAkD,OAAA;aAAzC;IAAJ,KAAI;IAAe,OAAM"}

package/es/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/es/composables/useLogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogViewer.d.ts","sourceRoot":"","sources":["../../src/composables/useLogViewer.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAA;AAEjC;;;GAGG;AACH,wBAAgB,YAAY;;;;;;;;;;;;;;;uCAyBV,GAAG;;;;;;;;;;;;;;;;;uCAAH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAlBQ,WAAW,GAAG,MAAM,WAAW,OAAO,CAAC,eAAe,CAAC;uBA+BxD,QAAQ,EAAE;0BAKP,QAAQ,EAAE;mBAKjB,YAAY;;kBAUb,SAAS;sBAKL,MAAM;wBAIJ,MAAM;;qBAQT,MAAM;;;gBAaX,MAAM,YAAY,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,KAAG,MAAM,IAAI;EA4B/E"}