@tmagic/editor 1.8.0-beta.2 → 1.8.0-beta.21

package/dist/es/layouts/CodeEditor.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { getEditorConfig } from "../utils/config.js";
+import { serializeConfig } from "../utils/editor.js";
 import monaco_editor_default from "../utils/monaco-editor.js";
 import Icon_default from "../components/Icon.js";
 import { TMagicButton } from "@tmagic/design";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, unref, useTemplateRef, watch, withCtx } from "vue";
 import { throttle } from "lodash-es";
-import serialize from "serialize-javascript";
 import { FullScreen } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/CodeEditor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "magic-code-editor" };
@@ -12,7 +12,7 @@ var _hoisted_2 = {
 	ref: "codeEditor",
 	class: "magic-code-editor-content"
 };
-var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CodeEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCodeEditor",
 	__name: "CodeEditor",
 	props: {
@@ -94,10 +94,7 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const toString = (v, language) => {
 			let value;
 			if (typeof v !== "string") if (language === "json") value = JSON.stringify(v, null, 2);
-			else value = serialize(v, {
-				space: 2,
-				unsafe: true
-			}).replace(/"(\w+)":\s/g, "$1: ");
+			else value = serializeConfig(v);
 			else value = v;
 			if (language === "javascript" && value.startsWith("{") && value.endsWith("}")) value = `(${value})`;
 			return value;
@@ -113,6 +110,7 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const values = ref("");
 		const loading = ref(false);
 		const codeEditorEl = useTemplateRef("codeEditor");
+		let destroyed = false;
 		const resizeObserver = new globalThis.ResizeObserver(throttle(() => {
 			vsEditor?.layout();
 			vsDiffEditor?.layout();
@@ -153,11 +151,17 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				emit("save", props.parse ? parseCode(newValue, props.language) : newValue);
 			}
 		};
+		const isEditorElValid = () => !destroyed && !!codeEditorEl.value && codeEditorEl.value.isConnected;
 		const init = async () => {
-			if (!codeEditorEl.value) return;
-			if (codeEditorEl.value.clientHeight === 0) await nextTick();
+			if (!isEditorElValid()) return;
+			if (codeEditorEl.value.clientHeight === 0) {
+				await nextTick();
+				if (!isEditorElValid()) return;
+			}
 			cachedExtraHeight = null;
 			monaco = await monaco_editor_default();
+			if (!isEditorElValid()) return;
+			const editorEl = codeEditorEl.value;
 			const options = {
 				value: values.value,
 				language: props.language,
@@ -166,19 +170,26 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				...props.options
 			};
 			if (props.type === "diff") {
-				vsDiffEditor = await getEditorConfig("customCreateMonacoDiffEditor")(monaco, codeEditorEl.value, options);
+				vsDiffEditor = await getEditorConfig("customCreateMonacoDiffEditor")(monaco, editorEl, options);
 				vsDiffEditor.getModifiedEditor().onDidChangeModelContent(() => {
 					if (props.autosize) setAutoHeight(getEditorValue());
 				});
 			} else {
-				vsEditor = await getEditorConfig("customCreateMonacoEditor")(monaco, codeEditorEl.value, options);
+				vsEditor = await getEditorConfig("customCreateMonacoEditor")(monaco, editorEl, options);
 				vsEditor.onDidChangeModelContent(() => {
 					if (props.autosize) setAutoHeight(getEditorValue());
 				});
 			}
+			if (destroyed) {
+				vsEditor?.dispose();
+				vsDiffEditor?.dispose();
+				vsEditor = null;
+				vsDiffEditor = null;
+				return;
+			}
 			setEditorValue(props.initValues, props.modifiedValues);
 			emit("initd", vsEditor);
-			codeEditorEl.value.addEventListener("keydown", handleKeyDown);
+			editorEl.addEventListener("keydown", handleKeyDown);
 			if (props.type !== "diff" && props.autoSave) vsEditor?.onDidBlurEditorWidget(() => {
 				const newValue = getEditorValue();
 				if (values.value !== newValue) {
@@ -186,7 +197,7 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					emit("save", props.parse ? parseCode(newValue, props.language) : newValue);
 				}
 			});
-			resizeObserver.observe(codeEditorEl.value);
+			resizeObserver.observe(editorEl);
 		};
 		watch(() => props.initValues, (v, preV) => {
 			if (v !== preV) setEditorValue(props.initValues, props.modifiedValues);
@@ -208,6 +219,7 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			loading.value = false;
 		});
 		onBeforeUnmount(() => {
+			destroyed = true;
 			resizeObserver.disconnect();
 			vsEditor?.dispose();
 			vsDiffEditor?.dispose();

package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js

@@ -6,21 +6,17 @@ import SplitView_default from "../components/SplitView.js";
 import PageBar_default from "./page-bar/PageBar.js";
 import AddPageBox_default from "./AddPageBox.js";
 import CodeEditor_default from "./CodeEditor.js";
-import { computed, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, inject, onBeforeUnmount, onMounted, openBlock, renderSlot, unref, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, unref, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 //#region packages/editor/src/layouts/Framework.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	class: "m-editor",
-	ref: "content",
-	style: { "min-width": "900px" }
-};
-var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Framework_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorFramework",
 	__name: "Framework",
 	props: {
 		disabledPageFragment: { type: Boolean },
 		pageBarSortOptions: {},
 		pageFilterFunction: { type: Function },
-		hideSidebar: { type: Boolean }
+		hideSidebar: { type: Boolean },
+		theme: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -33,13 +29,16 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const pageLength = computed(() => editorService.get("pageLength") || 0);
 		const showSrc = computed(() => uiService.get("showSrc"));
 		const columnWidth = computed(() => uiService.get("columnWidth"));
+		const minLeftColumnWidth = computed(() => uiService.get("minLeftColumnWidth"));
+		const minCenterColumnWidth = computed(() => uiService.get("minCenterColumnWidth"));
+		const minRightColumnWidth = computed(() => uiService.get("minRightColumnWidth"));
 		watch(pageLength, () => {
 			splitViewRef.value?.updateWidth();
 		});
 		watch(() => uiService.get("hideSlideBar"), (hideSlideBar) => {
 			uiService.set("columnWidth", {
 				...columnWidth.value,
-				left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310
+				left: hideSlideBar ? 0 : storageService.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345
 			});
 		});
 		const columnWidthChange = (columnW) => {
@@ -66,23 +65,31 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const saveCode = (value) => {
 			try {
 				const parseDSL = getEditorConfig("parseDSL");
-				editorService.set("root", parseDSL(value));
+				editorService.set("root", parseDSL(value), { historySource: "root-code" });
 			} catch (e) {
 				console.error(e);
 			}
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
+			return openBlock(), createElementBlock("div", {
+				ref: "content",
+				class: normalizeClass([
+					"m-editor",
+					__props.theme ? `m-editor--${__props.theme}` : "",
+					__props.theme ? `m-theme--${__props.theme}` : ""
+				]),
+				style: { "min-width": "900px" }
+			}, [
 				renderSlot(_ctx.$slots, "header"),
 				renderSlot(_ctx.$slots, "nav"),
 				renderSlot(_ctx.$slots, "content-before"),
-				showSrc.value ? renderSlot(_ctx.$slots, "src-code", { key: 0 }, () => [createVNode(CodeEditor_default, {
+				showSrc.value ? renderSlot(_ctx.$slots, "src-code", {}, () => [createVNode(CodeEditor_default, {
 					class: "m-editor-content",
 					"editor-custom-type": "m-editor-content",
 					"init-values": root.value,
 					options: unref(codeOptions),
 					onSave: saveCode
-				}, null, 8, ["init-values", "options"])]) : createCommentVNode("v-if", true),
+				}, null, 8, ["init-values", "options"])], void 0, 0) : createCommentVNode("v-if", true),
 				withDirectives(createVNode(SplitView_default, {
 					ref: "splitView",
 					class: "m-editor-content",
@@ -91,13 +98,13 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"right-class": "m-editor-framework-right",
 					left: __props.hideSidebar ? void 0 : columnWidth.value.left,
 					right: columnWidth.value.right,
-					"min-left": __props.hideSidebar ? 0 : unref(200),
-					"min-right": unref(300),
-					"min-center": unref(400),
+					"min-left": __props.hideSidebar ? 0 : minLeftColumnWidth.value,
+					"min-right": minRightColumnWidth.value,
+					"min-center": minCenterColumnWidth.value,
 					width: frameworkRect.value.width,
 					onChange: columnWidthChange
 				}, createSlots({
-					center: withCtx(() => [page.value ? renderSlot(_ctx.$slots, "workspace", { key: 0 }) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [createVNode(AddPageBox_default, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])]), renderSlot(_ctx.$slots, "page-bar", {}, () => [createVNode(PageBar_default, {
+					center: withCtx(() => [page.value ? renderSlot(_ctx.$slots, "workspace", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(AddPageBox_default, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])], void 0, 1), renderSlot(_ctx.$slots, "page-bar", {}, () => [createVNode(PageBar_default, {
 						"disabled-page-fragment": __props.disabledPageFragment,
 						"page-bar-sort-options": __props.pageBarSortOptions,
 						"filter-function": __props.pageFilterFunction
@@ -131,7 +138,7 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				]), [[vShow, !showSrc.value]]),
 				renderSlot(_ctx.$slots, "content-after"),
 				renderSlot(_ctx.$slots, "footer")
-			], 512);
+			], 2);
 		};
 	}
 });

package/dist/es/layouts/NavMenu.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { NodeType } from "@tmagic/core";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, markRaw, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, unref, useTemplateRef } from "vue";
 import { Back, Delete, FullScreen, Grid, Memo, Right, ScaleToOriginal, ZoomIn, ZoomOut } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/NavMenu.vue?vue&type=script&setup=true&lang.ts
-var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NavMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorNavMenu",
 	__name: "NavMenu",
 	props: {
@@ -45,7 +45,7 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						disabled: () => editorService.get("node")?.type === NodeType.PAGE,
 						handler: () => {
 							const node = editorService.get("node");
-							node && editorService.remove(node);
+							node && editorService.remove(node, { historySource: "toolbar" });
 						}
 					});
 					break;
@@ -55,7 +55,7 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						className: "undo",
 						icon: markRaw(Back),
 						tooltip: `后退(${ctrl}+z)`,
-						disabled: () => !historyService.state.canUndo,
+						disabled: () => !historyService.canUndo("page", editorService.get("page")?.id),
 						handler: () => editorService.undo()
 					});
 					break;
@@ -65,7 +65,7 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						className: "redo",
 						icon: markRaw(Right),
 						tooltip: `前进(${ctrl}+Shift+z)`,
-						disabled: () => !historyService.state.canRedo,
+						disabled: () => !historyService.canRedo("page", editorService.get("page")?.id),
 						handler: () => editorService.redo()
 					});
 					break;

package/dist/es/layouts/NavMenuColumn.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { Fragment, computed, createBlock, createElementBlock, createElementVNode
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/NavMenuColumn.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-nav-menu-overflow-list" };
-var NavMenuColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NavMenuColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorNavMenuColumn",
 	__name: "NavMenuColumn",
 	props: {

package/dist/es/layouts/history-list/Bucket.vue_vue_type_script_setup_true_lang.js

@@ -1,22 +1,19 @@
+import { isHistoryGroupExpanded, toRowGroup } from "./composables.js";
 import GroupRow_default from "./GroupRow.js";
 import InitialRow_default from "./InitialRow.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
 //#region packages/editor/src/layouts/history-list/Bucket.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-history-list-bucket" };
 var _hoisted_2 = { class: "m-editor-history-list-bucket-title" };
 var _hoisted_3 = { class: "m-editor-history-list-bucket-count" };
 var _hoisted_4 = { class: "m-editor-history-list-ul" };
-var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Bucket_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListBucket",
 	__name: "Bucket",
 	props: {
-		title: {},
+		config: {},
 		bucketId: {},
-		prefix: {},
 		groups: {},
-		describeGroup: { type: Function },
-		describeStep: { type: Function },
-		isStepDiffable: { type: Function },
 		expanded: {}
 	},
 	emits: [
@@ -28,54 +25,44 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	],
 	setup(__props) {
 		const props = __props;
+		/**
+		* 子项 / 折叠状态 key：`${prefix}-${bucketId}-${组内首步 index}`。
+		* 以稳定的 step 索引（而非展示位置）标识分组，历史数据更新后已展开的分组状态仍能正确保持。
+		*/
+		const rowKey = (group) => `${props.config.prefix}-${props.bucketId}-${group.steps[0]?.index}`;
+		/** 把原始分组派生为 GroupRow 直接消费的视图模型。 */
+		const toRow = (group) => toRowGroup(group, rowKey(group), props.config);
 		/** 该 bucket 是否处于初始状态（栈 cursor=0），等价于全部 group 都未 applied。 */
 		const isInitial = computed(() => props.groups.length > 0 && props.groups.every((g) => !g.applied));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
-				createElementVNode("span", null, toDisplayString(__props.title), 1),
+				createElementVNode("span", null, toDisplayString(__props.config.title), 1),
 				createElementVNode("code", null, toDisplayString(String(__props.bucketId)), 1),
 				createElementVNode("span", _hoisted_3, toDisplayString(__props.groups.length) + " 组", 1)
 			]), createElementVNode("ul", _hoisted_4, [
-				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group, gIdx) => {
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group) => {
 					return openBlock(), createBlock(GroupRow_default, {
-						key: `${__props.prefix}-${__props.bucketId}-${gIdx}`,
-						"group-key": `${__props.prefix}-${__props.bucketId}-${gIdx}`,
-						applied: group.applied,
-						merged: group.steps.length > 1,
-						"op-type": group.opType,
-						desc: __props.describeGroup(group),
-						"step-count": group.steps.length,
-						"sub-steps": group.steps.map((s) => ({
-							index: s.index,
-							applied: s.applied,
-							isCurrent: s.isCurrent,
-							desc: __props.describeStep(s.step),
-							diffable: __props.isStepDiffable ? __props.isStepDiffable(s.step) : false,
-							revertable: s.applied
-						})),
-						"is-current": group.isCurrent,
-						expanded: !!__props.expanded[`${__props.prefix}-${__props.bucketId}-${gIdx}`],
+						key: rowKey(group),
+						group: toRow(group),
+						expanded: unref(isHistoryGroupExpanded)(__props.expanded, rowKey(group)),
+						"goto-enabled": __props.config.gotoEnabled,
 						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
 						onGoto: _cache[1] || (_cache[1] = (index) => _ctx.$emit("goto", __props.bucketId, index)),
 						onDiffStep: _cache[2] || (_cache[2] = (index) => _ctx.$emit("diff-step", __props.bucketId, index)),
 						onRevertStep: _cache[3] || (_cache[3] = (index) => _ctx.$emit("revert-step", __props.bucketId, index))
 					}, null, 8, [
-						"group-key",
-						"applied",
-						"merged",
-						"op-type",
-						"desc",
-						"step-count",
-						"sub-steps",
-						"is-current",
-						"expanded"
+						"group",
+						"expanded",
+						"goto-enabled"
 					]);
 				}), 128)),
-				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n      "),
-				createVNode(InitialRow_default, {
+				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n        config.showInitial=false 时不展示（用于没有\"撤销到初始状态\"语义的自定义历史，如业务模块历史）。\n      "),
+				__props.config.showInitial !== false ? (openBlock(), createBlock(InitialRow_default, {
+					key: 0,
 					"is-current": isInitial.value,
+					"goto-enabled": __props.config.gotoEnabled,
 					onGotoInitial: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("goto-initial", __props.bucketId))
-				}, null, 8, ["is-current"])
+				}, null, 8, ["is-current", "goto-enabled"])) : createCommentVNode("v-if", true)
 			])]);
 		};
 	}

package/dist/es/layouts/history-list/BucketTab.js

@@ -0,0 +1,5 @@
+import BucketTab_vue_vue_type_script_setup_true_lang_default from "./BucketTab.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/history-list/BucketTab.vue
+var BucketTab_default = BucketTab_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { BucketTab_default as default };

package/dist/es/layouts/history-list/BucketTab.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+import Bucket_default from "./Bucket.js";
+import { TMagicScrollbar } from "@tmagic/design";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+//#region packages/editor/src/layouts/history-list/BucketTab.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "m-editor-history-list-empty"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-history-list-toolbar"
+};
+var _hoisted_3 = ["title"];
+var BucketTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MEditorHistoryListBucketTab",
+	__name: "BucketTab",
+	props: {
+		config: {},
+		buckets: {},
+		expanded: {}
+	},
+	emits: [
+		"toggle",
+		"goto",
+		"goto-initial",
+		"diff-step",
+		"revert-step",
+		"clear"
+	],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.config.showClear !== false ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", {
+				class: "m-editor-history-list-clear",
+				title: `清空${__props.config.title}的历史记录`,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear"))
+			}, "清空", 8, _hoisted_3)])) : createCommentVNode("v-if", true), createVNode(unref(TMagicScrollbar), { "max-height": "360px" }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buckets, (bucket) => {
+					return openBlock(), createBlock(Bucket_default, {
+						key: `${__props.config.prefix}-${bucket.id}`,
+						config: __props.config,
+						"bucket-id": bucket.id,
+						groups: bucket.groups,
+						expanded: __props.expanded,
+						onToggle: _cache[1] || (_cache[1] = (key) => _ctx.$emit("toggle", key)),
+						onGoto: _cache[2] || (_cache[2] = (id, index) => _ctx.$emit("goto", id, index)),
+						onGotoInitial: _cache[3] || (_cache[3] = (id) => _ctx.$emit("goto-initial", id)),
+						onDiffStep: _cache[4] || (_cache[4] = (id, index) => _ctx.$emit("diff-step", id, index)),
+						onRevertStep: _cache[5] || (_cache[5] = (id, index) => _ctx.$emit("revert-step", id, index))
+					}, null, 8, [
+						"config",
+						"bucket-id",
+						"groups",
+						"expanded"
+					]);
+				}), 128))]),
+				_: 1
+			})], 64));
+		};
+	}
+});
+//#endregion
+export { BucketTab_vue_vue_type_script_setup_true_lang_default as default };