@tmagic/editor 1.8.0-beta.1 → 1.8.0-beta.3

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" };
@@ -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;
@@ -194,6 +191,10 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			deep: true,
 			immediate: true
 		});
+		watch(() => props.modifiedValues, (v, preV) => {
+			if (props.type !== "diff") return;
+			if (v !== preV) setEditorValue(props.initValues, props.modifiedValues);
+		}, { deep: true });
 		watch(() => props.options, (v) => {
 			vsEditor?.updateOptions(v);
 			vsDiffEditor?.updateOptions(v);

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

@@ -19,9 +19,11 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	props: {
 		disabledPageFragment: { type: Boolean },
 		pageBarSortOptions: {},
-		pageFilterFunction: { type: Function }
+		pageFilterFunction: { type: Function },
+		hideSidebar: { type: Boolean }
 	},
 	setup(__props) {
+		const props = __props;
 		const codeOptions = inject("codeOptions", {});
 		const { editorService, uiService, storageService } = useServices();
 		const contentEl = useTemplateRef("content");
@@ -41,7 +43,7 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			});
 		});
 		const columnWidthChange = (columnW) => {
-			storageService.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, columnW.left, { protocol: Protocol.NUMBER });
+			if (!props.hideSidebar) storageService.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, columnW.left, { protocol: Protocol.NUMBER });
 			storageService.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, columnW.right, { protocol: Protocol.NUMBER });
 			uiService.set("columnWidth", columnW);
 		};
@@ -87,15 +89,14 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					"left-class": "m-editor-framework-left",
 					"center-class": "m-editor-framework-center",
 					"right-class": "m-editor-framework-right",
-					left: columnWidth.value.left,
+					left: __props.hideSidebar ? void 0 : columnWidth.value.left,
 					right: columnWidth.value.right,
-					"min-left": unref(200),
+					"min-left": __props.hideSidebar ? 0 : unref(200),
 					"min-right": unref(300),
 					"min-center": unref(400),
 					width: frameworkRect.value.width,
 					onChange: columnWidthChange
 				}, createSlots({
-					left: withCtx(() => [renderSlot(_ctx.$slots, "sidebar")]),
 					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, {
 						"disabled-page-fragment": __props.disabledPageFragment,
 						"page-bar-sort-options": __props.pageBarSortOptions,
@@ -112,10 +113,14 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						"filter-function"
 					])])]),
 					_: 2
-				}, [page.value ? {
+				}, [!__props.hideSidebar ? {
+					name: "left",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "sidebar")]),
+					key: "0"
+				} : void 0, page.value ? {
 					name: "right",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "props-panel")]),
-					key: "0"
+					key: "1"
 				} : void 0]), 1032, [
 					"left",
 					"right",

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

@@ -1,5 +1,6 @@
 import { ColumnLayout } from "../type.js";
 import { useServices } from "../hooks/use-services.js";
+import HistoryListPanel_default from "./history-list/HistoryListPanel.js";
 import NavMenuColumn_default from "./NavMenuColumn.js";
 import { NodeType } from "@tmagic/core";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, markRaw, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, unref, useTemplateRef } from "vue";
@@ -68,6 +69,13 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						handler: () => editorService.redo()
 					});
 					break;
+				case "history-list":
+					config.push({
+						type: "component",
+						className: "history-list",
+						component: markRaw(HistoryListPanel_default)
+					});
+					break;
 				case "zoom-in":
 					config.push({
 						type: "button",

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

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

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

@@ -0,0 +1,103 @@
+import { formatHistoryFullTime, formatHistoryTime, groupTimestamp } from "./composables.js";
+import GroupRow_default from "./GroupRow.js";
+import InitialRow_default from "./InitialRow.js";
+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({
+	name: "MEditorHistoryListBucket",
+	__name: "Bucket",
+	props: {
+		title: {},
+		bucketId: {},
+		prefix: {},
+		showInitial: {
+			type: Boolean,
+			default: true
+		},
+		groups: {},
+		describeGroup: {},
+		describeStep: {},
+		isStepDiffable: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"toggle",
+		"goto",
+		"goto-initial",
+		"diff-step",
+		"revert-step"
+	],
+	setup(__props) {
+		const props = __props;
+		/** 该 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("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) => {
+					return openBlock(), createBlock(GroupRow_default, {
+						key: `${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`,
+						"group-key": `${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`,
+						applied: group.applied,
+						merged: group.steps.length > 1,
+						"op-type": group.opType,
+						desc: __props.describeGroup(group),
+						time: unref(formatHistoryTime)(unref(groupTimestamp)(group)),
+						"time-title": unref(formatHistoryFullTime)(unref(groupTimestamp)(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,
+							time: unref(formatHistoryTime)(s.step.timestamp),
+							timeTitle: unref(formatHistoryFullTime)(s.step.timestamp)
+						})),
+						"is-current": group.isCurrent,
+						expanded: !!__props.expanded[`${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`],
+						"goto-enabled": __props.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",
+						"time",
+						"time-title",
+						"step-count",
+						"sub-steps",
+						"is-current",
+						"expanded",
+						"goto-enabled"
+					]);
+				}), 128)),
+				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n        showInitial=false 时不展示（用于没有\"撤销到初始状态\"语义的自定义历史，如业务模块历史）。\n      "),
+				__props.showInitial !== false ? (openBlock(), createBlock(InitialRow_default, {
+					key: 0,
+					"is-current": isInitial.value,
+					"goto-enabled": __props.gotoEnabled,
+					onGotoInitial: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("goto-initial", __props.bucketId))
+				}, null, 8, ["is-current", "goto-enabled"])) : createCommentVNode("v-if", true)
+			])]);
+		};
+	}
+});
+//#endregion
+export { Bucket_vue_vue_type_script_setup_true_lang_default as default };

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,73 @@
+import Bucket_default from "./Bucket.js";
+import { TMagicScrollbar } from "@tmagic/design";
+import { Fragment, createBlock, createElementBlock, 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 BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorHistoryListBucketTab",
+	__name: "BucketTab",
+	props: {
+		title: {},
+		prefix: {},
+		buckets: {},
+		describeGroup: {},
+		describeStep: {},
+		isStepDiffable: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"toggle",
+		"goto",
+		"goto-initial",
+		"diff-step",
+		"revert-step"
+	],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createBlock(unref(TMagicScrollbar), {
+				key: 1,
+				"max-height": "360px"
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buckets, (bucket) => {
+					return openBlock(), createBlock(Bucket_default, {
+						key: `${__props.prefix}-${bucket.id}`,
+						title: __props.title,
+						"bucket-id": bucket.id,
+						prefix: __props.prefix,
+						groups: bucket.groups,
+						"describe-group": __props.describeGroup,
+						"describe-step": __props.describeStep,
+						"is-step-diffable": __props.isStepDiffable,
+						expanded: __props.expanded,
+						"goto-enabled": __props.gotoEnabled,
+						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
+						onGoto: _cache[1] || (_cache[1] = (id, index) => _ctx.$emit("goto", id, index)),
+						onGotoInitial: _cache[2] || (_cache[2] = (id) => _ctx.$emit("goto-initial", id)),
+						onDiffStep: _cache[3] || (_cache[3] = (id, index) => _ctx.$emit("diff-step", id, index)),
+						onRevertStep: _cache[4] || (_cache[4] = (id, index) => _ctx.$emit("revert-step", id, index))
+					}, null, 8, [
+						"title",
+						"bucket-id",
+						"prefix",
+						"groups",
+						"describe-group",
+						"describe-step",
+						"is-step-diffable",
+						"expanded",
+						"goto-enabled"
+					]);
+				}), 128))]),
+				_: 1
+			}));
+		};
+	}
+});
+//#endregion
+export { BucketTab_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,198 @@
+import { opLabel } from "./composables.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withModifiers } from "vue";
+//#region packages/editor/src/layouts/history-list/GroupRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var _hoisted_2 = ["title"];
+var _hoisted_3 = { class: "m-editor-history-list-item-desc" };
+var _hoisted_4 = ["title"];
+var _hoisted_5 = {
+	key: 1,
+	class: "m-editor-history-list-item-merge"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "m-editor-history-list-substeps"
+};
+var _hoisted_7 = ["title"];
+var _hoisted_8 = { class: "m-editor-history-list-item-index" };
+var _hoisted_9 = { class: "m-editor-history-list-substep-desc" };
+var _hoisted_10 = ["title"];
+var _hoisted_11 = ["onClick"];
+var _hoisted_12 = ["onClick"];
+var _hoisted_13 = ["onClick"];
+var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorHistoryListGroupRow",
+	__name: "GroupRow",
+	props: {
+		groupKey: {},
+		applied: { type: Boolean },
+		merged: { type: Boolean },
+		opType: {},
+		desc: {},
+		time: {},
+		timeTitle: {},
+		stepCount: {},
+		subSteps: {},
+		expanded: { type: Boolean },
+		isCurrent: {
+			type: Boolean,
+			default: false
+		},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"toggle",
+		"goto",
+		"diff-step",
+		"revert-step"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/**
+		* 仅合并组头部可点击（切换展开 / 收起）；
+		* 单步组的跳转改由头部的「回退」按钮触发，整行不再可点击。
+		*/
+		const isHeadClickable = computed(() => props.merged);
+		const headTitle = computed(() => {
+			if (props.merged) return props.expanded ? "点击收起子步" : "点击展开子步";
+			if (props.isCurrent) return "当前所在记录";
+			return "";
+		});
+		/**
+		* 头部点击行为：仅合并组切换展开 / 收起；单步组不再响应整行点击。
+		*/
+		const onHeadClick = () => {
+			if (props.merged) emit("toggle", props.groupKey);
+		};
+		const onGotoClick = (index) => {
+			if (!props.gotoEnabled) return;
+			emit("goto", index);
+		};
+		const subStepTitle = (s) => {
+			if (s.isCurrent) return "当前所在记录";
+			return "";
+		};
+		/** 单步组头部是否展示"查看差异"入口：要求该唯一子步本身可对比。 */
+		const headDiffable = computed(() => !props.merged && Boolean(props.subSteps[0]?.diffable));
+		/** 单步组头部是否展示"回滚"入口：要求该唯一子步本身可回滚（已应用）。 */
+		const headRevertable = computed(() => !props.merged && Boolean(props.subSteps[0]?.revertable));
+		/**
+		* 合并组展开后的子步渲染顺序：与外层分组列表保持一致——倒序展示（最新的子步在最上方）。
+		* 外层 page tab / bucket 都已对 groups 做了 reverse，子步沿用同样的视觉规则更直观。
+		* 注意：仅用于渲染，原 `subSteps` 保持时间正序，`headIndexLabel` 等基于首尾索引的展示语义不变。
+		*/
+		const subStepsDisplay = computed(() => props.subSteps.slice().reverse());
+		/**
+		* 头部索引展示：
+		* - 单步组（merged=false）：显示该唯一 step 的编号，如 `#5`；
+		* - 合并组：显示组内 step 的编号范围，如 `#3-#7`（首尾相同则退化为 `#5`）。
+		*
+		* 这里展示的是 step.index + 1（与子步列表 `#{{ s.index + 1 }}` 保持一致），从 1 起编号更符合直觉。
+		*/
+		const headIndexLabel = computed(() => {
+			const list = props.subSteps;
+			if (!list.length) return "";
+			const first = list[0].index + 1;
+			const last = list[list.length - 1].index + 1;
+			if (!props.merged || first === last) return `#${first}`;
+			return `#${first}-#${last}`;
+		});
+		const headIndexTitle = computed(() => {
+			if (!props.merged) return `历史步骤编号 #${props.subSteps[0]?.index + 1}`;
+			return `合并了第 ${props.subSteps[0]?.index + 1} 至第 ${props.subSteps[props.subSteps.length - 1]?.index + 1} 共 ${props.subSteps.length} 条历史步骤`;
+		});
+		const onDiffClick = (index) => {
+			emit("diff-step", index);
+		};
+		const onRevertClick = (index) => {
+			emit("revert-step", index);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(["m-editor-history-list-item m-editor-history-list-group", {
+				"is-undone": !__props.applied,
+				"is-merged": __props.merged,
+				"is-current": __props.isCurrent
+			}]) }, [createElementVNode("div", {
+				class: normalizeClass(["m-editor-history-list-group-head", { "is-clickable": isHeadClickable.value }]),
+				title: headTitle.value,
+				onClick: onHeadClick
+			}, [
+				createElementVNode("span", {
+					class: "m-editor-history-list-item-index",
+					title: headIndexTitle.value
+				}, toDisplayString(headIndexLabel.value), 9, _hoisted_2),
+				createElementVNode("span", { class: normalizeClass(["m-editor-history-list-item-op", `op-${__props.opType}`]) }, toDisplayString(unref(opLabel)(__props.opType)), 3),
+				createElementVNode("span", _hoisted_3, toDisplayString(__props.desc), 1),
+				__props.time ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "m-editor-history-list-item-time",
+					title: __props.timeTitle || __props.time
+				}, toDisplayString(__props.time), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", _hoisted_5, "合并 " + toDisplayString(__props.stepCount) + " 步", 1)) : createCommentVNode("v-if", true),
+				!__props.merged && headRevertable.value ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: "m-editor-history-list-item-revert",
+					title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onRevertClick(__props.subSteps[0].index), ["stop"]))
+				}, "回滚")) : createCommentVNode("v-if", true),
+				!__props.merged && __props.gotoEnabled && !__props.isCurrent && __props.subSteps.length ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: "m-editor-history-list-item-goto",
+					title: "回到该记录",
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onGotoClick(__props.subSteps[0].index), ["stop"]))
+				}, "回到")) : createCommentVNode("v-if", true),
+				!__props.merged && headDiffable.value ? (openBlock(), createElementBlock("span", {
+					key: 4,
+					class: "m-editor-history-list-item-diff",
+					title: "查看修改差异",
+					onClick: _cache[2] || (_cache[2] = withModifiers(($event) => onDiffClick(__props.subSteps[0].index), ["stop"]))
+				}, "查看差异")) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", {
+					key: 5,
+					class: normalizeClass(["m-editor-history-list-group-toggle", { "is-expanded": __props.expanded }])
+				}, "▾", 2)) : createCommentVNode("v-if", true)
+			], 10, _hoisted_1), __props.merged && __props.expanded ? (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(subStepsDisplay.value, (s) => {
+				return openBlock(), createElementBlock("li", {
+					key: s.index,
+					class: normalizeClass({
+						"is-undone": !s.applied,
+						"is-current": s.isCurrent
+					}),
+					title: subStepTitle(s)
+				}, [
+					createElementVNode("span", _hoisted_8, "#" + toDisplayString(s.index + 1), 1),
+					createElementVNode("span", _hoisted_9, toDisplayString(s.desc), 1),
+					s.time ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "m-editor-history-list-item-time",
+						title: s.timeTitle || s.time
+					}, toDisplayString(s.time), 9, _hoisted_10)) : createCommentVNode("v-if", true),
+					s.revertable ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: "m-editor-history-list-item-revert",
+						title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
+						onClick: withModifiers(($event) => onRevertClick(s.index), ["stop"])
+					}, "回滚", 8, _hoisted_11)) : createCommentVNode("v-if", true),
+					__props.gotoEnabled && !s.isCurrent ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: "m-editor-history-list-item-goto",
+						title: "回到该记录",
+						onClick: withModifiers(($event) => onGotoClick(s.index), ["stop"])
+					}, "回到", 8, _hoisted_12)) : createCommentVNode("v-if", true),
+					s.diffable ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: "m-editor-history-list-item-diff",
+						title: "查看修改差异",
+						onClick: withModifiers(($event) => onDiffClick(s.index), ["stop"])
+					}, "查看差异", 8, _hoisted_13)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_7);
+			}), 128))])) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { GroupRow_vue_vue_type_script_setup_true_lang_default as default };

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

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