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

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

@@ -1,6 +1,13 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withModifiers } from "vue";
+import { formatHistoryFullTime, formatHistoryTime } from "./composables.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, withModifiers } from "vue";
 //#region packages/editor/src/layouts/history-list/InitialRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["title"];
+var _hoisted_2 = { class: "m-editor-history-list-item-desc" };
+var _hoisted_3 = {
+	key: 0,
+	class: "m-editor-history-list-item-actions"
+};
+var _hoisted_4 = ["title"];
 var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListInitialRow",
 	__name: "InitialRow",
@@ -9,7 +16,8 @@ var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		gotoEnabled: {
 			type: Boolean,
 			default: true
-		}
+		},
+		marker: { default: void 0 }
 	},
 	emits: ["goto-initial"],
 	setup(__props, { emit: __emit }) {
@@ -17,10 +25,19 @@ var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		* 「初始状态」记录行：渲染于历史列表底部，作为整个栈的"零点"。
 		* - 点击该行会把对应栈撤销到 cursor === 0（即没有任何已应用步骤），等同于回到所有修改之前。
 		* - 当对应栈本身已处于 cursor === 0 时（isCurrent=true），用户已在初始状态，点击不再触发动作。
+		* - 当上层传入 `marker`（设置 root 时为该页生成的「未修改的初始状态」标记）时，
+		*   用标记的文案与时间渲染本行；标记不进入撤销/重做栈，仅作为该页基线展示。
 		*
 		* 该行不是真实 step，仅作为 UI 入口；上层负责把"点击"翻译为 `service.goto*(0)`。
 		*/
 		const props = __props;
+		const desc = computed(() => props.marker?.historyDescription || "未修改的初始状态");
+		const time = computed(() => formatHistoryTime(props.marker?.timestamp));
+		const timeTitle = computed(() => formatHistoryFullTime(props.marker?.timestamp));
+		const rowTitle = computed(() => {
+			const base = props.marker?.historyDescription || "未修改的初始状态";
+			return props.isCurrent ? `当前已回到${base}` : `点击回到${base}`;
+		});
 		const emit = __emit;
 		const onClick = () => {
 			if (props.isCurrent) return;
@@ -32,20 +49,24 @@ var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					"is-current": __props.isCurrent,
 					"is-clickable": !__props.isCurrent
 				}]),
-				title: __props.isCurrent ? "当前已回到未修改的初始状态" : "点击回到未修改的初始状态"
+				title: rowTitle.value
 			}, [
 				_cache[0] || (_cache[0] = createElementVNode("span", {
 					class: "m-editor-history-list-item-index",
 					title: "历史步骤编号 #0（未修改的初始状态）"
 				}, "#0", -1)),
 				_cache[1] || (_cache[1] = createElementVNode("span", { class: "m-editor-history-list-item-op op-initial" }, "初始", -1)),
-				_cache[2] || (_cache[2] = createElementVNode("span", { class: "m-editor-history-list-item-desc" }, "未修改的初始状态", -1)),
-				__props.gotoEnabled && !__props.isCurrent ? (openBlock(), createElementBlock("span", {
-					key: 0,
+				createElementVNode("span", _hoisted_2, toDisplayString(desc.value), 1),
+				__props.gotoEnabled && !__props.isCurrent ? (openBlock(), createElementBlock("span", _hoisted_3, [createElementVNode("span", {
 					class: "m-editor-history-list-item-goto",
 					title: "回到该记录",
 					onClick: withModifiers(onClick, ["stop"])
-				}, "回到")) : createCommentVNode("v-if", true)
+				}, "回到")])) : createCommentVNode("v-if", true),
+				time.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: "m-editor-history-list-item-time",
+					title: timeTitle.value
+				}, toDisplayString(time.value), 9, _hoisted_4)) : createCommentVNode("v-if", true)
 			], 10, _hoisted_1);
 		};
 	}

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

@@ -1,4 +1,4 @@
-import { describePageGroup, describePageStep, formatHistoryFullTime, formatHistoryTime, groupTimestamp } from "./composables.js";
+import { describePageGroup, describePageStep, isHistoryGroupExpanded, isPageStepRevertable, toRowGroup } from "./composables.js";
 import GroupRow_default from "./GroupRow.js";
 import InitialRow_default from "./InitialRow.js";
 import { TMagicScrollbar } from "@tmagic/design";
@@ -8,96 +8,86 @@ var _hoisted_1 = {
 	key: 0,
 	class: "m-editor-history-list-empty"
 };
-var _hoisted_2 = { class: "m-editor-history-list-ul" };
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-history-list-toolbar"
+};
+var _hoisted_3 = { class: "m-editor-history-list-ul" };
 var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListPageTab",
 	__name: "PageTab",
 	props: {
 		list: {},
-		expanded: {}
+		expanded: {},
+		marker: {}
 	},
 	emits: [
 		"toggle",
 		"goto",
 		"goto-initial",
 		"diff-step",
-		"revert-step"
+		"revert-step",
+		"select",
+		"clear"
 	],
 	setup(__props) {
 		const props = __props;
 		/**
 		* 当前 step 是否可查看差异：
 		* - 仅 update 操作；
-		* - 单节点更新（updatedItems.length === 1），且 oldNode / newNode 都存在。
+		* - 单节点更新（diff.length === 1），且 oldSchema / newSchema 都存在。
 		* 多节点更新难以选定单一对比目标，统一不展示差异入口。
 		*/
 		const isPageStepDiffable = (step) => {
 			if (step.opType !== "update") return false;
-			const items = step.updatedItems ?? [];
+			const items = step.diff ?? [];
 			if (items.length !== 1) return false;
-			return Boolean(items[0]?.oldNode && items[0]?.newNode);
+			return Boolean(items[0]?.oldSchema && items[0]?.newSchema);
+		};
+		/** 页面历史的描述 / 可操作性判定集合，注入给统一的 `toRowGroup`。 */
+		const descriptor = {
+			describeGroup: describePageGroup,
+			describeStep: describePageStep,
+			isStepDiffable: isPageStepDiffable,
+			isStepRevertable: isPageStepRevertable
 		};
+		const rowKey = (group) => `pg-${group.steps[0]?.index}`;
+		const toRow = (group) => toRowGroup(group, rowKey(group), descriptor);
 		/**
 		* 是否处于"初始状态"——即对应页面历史栈 cursor===0：
-		* 当 list 中所有 group 的 applied 都为 false 时即为该状态。
-		* 没有任何 group 的情况由外层"暂无操作记录"分支兜底，本计算可以不考虑。
+		* 当 list 中所有 group 的 applied 都为 false 时即为该状态（空列表 `every` 返回 true，
+		* 即仅有 marker、无任何操作记录时也视为处于初始状态）。
 		*/
-		const isInitial = computed(() => props.list.length > 0 && props.list.every((g) => !g.applied));
+		const isInitial = computed(() => props.list.every((g) => !g.applied));
 		return (_ctx, _cache) => {
-			return !__props.list.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createBlock(unref(TMagicScrollbar), {
-				key: 1,
-				"max-height": "360px"
-			}, {
-				default: withCtx(() => [createElementVNode("ul", _hoisted_2, [
+			return !__props.list.length && !__props.marker ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.list.length ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", {
+				class: "m-editor-history-list-clear",
+				title: "清空当前页面的历史记录",
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear"))
+			}, "清空")])) : createCommentVNode("v-if", true), createVNode(unref(TMagicScrollbar), { "max-height": "360px" }, {
+				default: withCtx(() => [createElementVNode("ul", _hoisted_3, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (group) => {
 						return openBlock(), createBlock(GroupRow_default, {
-							key: `pg-${group.steps[0]?.index}`,
-							"group-key": `pg-${group.steps[0]?.index}`,
-							applied: group.applied,
-							merged: group.steps.length > 1,
-							"op-type": group.opType,
-							desc: unref(describePageGroup)(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: unref(describePageStep)(s.step),
-								diffable: isPageStepDiffable(s.step),
-								revertable: s.applied,
-								time: unref(formatHistoryTime)(s.step.timestamp),
-								timeTitle: unref(formatHistoryFullTime)(s.step.timestamp)
-							})),
-							"is-current": group.isCurrent,
-							expanded: !!__props.expanded[`pg-${group.steps[0]?.index}`],
-							onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
-							onGoto: _cache[1] || (_cache[1] = (index) => _ctx.$emit("goto", index)),
-							onDiffStep: _cache[2] || (_cache[2] = (index) => _ctx.$emit("diff-step", index)),
-							onRevertStep: _cache[3] || (_cache[3] = (index) => _ctx.$emit("revert-step", index))
-						}, null, 8, [
-							"group-key",
-							"applied",
-							"merged",
-							"op-type",
-							"desc",
-							"time",
-							"time-title",
-							"step-count",
-							"sub-steps",
-							"is-current",
-							"expanded"
-						]);
+							key: rowKey(group),
+							group: toRow(group),
+							expanded: unref(isHistoryGroupExpanded)(__props.expanded, rowKey(group)),
+							"select-enabled": true,
+							onToggle: _cache[1] || (_cache[1] = (key) => _ctx.$emit("toggle", key)),
+							onGoto: _cache[2] || (_cache[2] = (index) => _ctx.$emit("goto", index)),
+							onDiffStep: _cache[3] || (_cache[3] = (index) => _ctx.$emit("diff-step", index)),
+							onRevertStep: _cache[4] || (_cache[4] = (index) => _ctx.$emit("revert-step", index)),
+							onSelect: _cache[5] || (_cache[5] = (index) => _ctx.$emit("select", index))
+						}, null, 8, ["group", "expanded"]);
 					}), 128)),
-					createCommentVNode("\n        初始状态项：永远位于列表底部（页面 tab 倒序展示，最底部=最早），\n        作为\"未修改\"零点。当所有 group 都未 applied 时它即为当前位置。\n      "),
+					createCommentVNode("\n        初始状态项：永远位于列表底部（页面 tab 倒序展示，最底部=最早），\n        作为\"未修改\"零点。当所有 group 都未 applied 时它即为当前位置。\n        设置 root 时生成的「未修改的初始状态」标记（marker）会作为该行的文案与时间来源。\n      "),
 					createVNode(InitialRow_default, {
 						"is-current": isInitial.value,
-						onGotoInitial: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("goto-initial"))
-					}, null, 8, ["is-current"])
+						marker: __props.marker,
+						onGotoInitial: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("goto-initial"))
+					}, null, 8, ["is-current", "marker"])
 				])]),
 				_: 1
-			}));
+			})], 64));
 		};
 	}
 });

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

@@ -2,6 +2,8 @@ import { useServices } from "../../hooks/use-services.js";
 import { datetimeFormatter } from "@tmagic/form";
 import { computed, reactive } from "vue";
 //#region packages/editor/src/layouts/history-list/composables.ts
+/** 合并组默认展开；仅当 expanded[key] === false 时为收起。 */
+var isHistoryGroupExpanded = (expanded, key) => expanded[key] !== false;
 /**
 * 历史记录面板共享逻辑：
 * - 暴露三类历史的聚合数据（页面 / 数据源 / 代码块）；
@@ -15,10 +17,11 @@ var useHistoryList = () => {
 	/**
 	* 折叠状态：key 形如 `pg-${组内首步 index}` / `ds-${id}-${组内首步 index}` / `cb-${id}-${组内首步 index}`。
 	* 用组内首步的稳定 index（而非展示位置）作为 key，确保历史数据更新后已展开的分组状态保持不变。
+	* 合并组默认展开；仅当值为 `false` 时表示收起。
 	*/
 	const expanded = reactive({});
 	const toggleGroup = (key) => {
-		expanded[key] = !expanded[key];
+		expanded[key] = expanded[key] === false;
 	};
 	const pageGroups = computed(() => historyService.getPageHistoryGroups());
 	const dataSourceGroups = computed(() => historyService.getDataSourceHistoryGroups());
@@ -73,6 +76,62 @@ var opLabel = (op) => {
 		default: return "修改";
 	}
 };
+/** 内置操作途径的中文文案；自定义来源直接回显原值，未知 / 缺省返回空串（UI 据此不渲染）。 */
+var HISTORY_SOURCE_LABELS = {
+	stage: "画布",
+	tree: "树面板",
+	"component-panel": "组件面板",
+	props: "配置面板",
+	code: "源码",
+	"root-code": "DSL源码",
+	"stage-contextmenu": "画布菜单",
+	"tree-contextmenu": "树菜单",
+	toolbar: "工具栏",
+	shortcut: "快捷键",
+	rollback: "回滚",
+	api: "接口",
+	ai: "AI",
+	initial: "初始值",
+	sync: "同步",
+	unknown: "未知"
+};
+/** 操作途径文案：用于历史面板展示「画布 / 树面板 / 配置面板…」标签。 */
+var sourceLabel = (source = "unknown") => {
+	return HISTORY_SOURCE_LABELS[source] ?? `${source}`;
+};
+/** 取一组历史步骤里最后一步（最近一次）的操作途径，用于组头部展示。 */
+var groupSource = (group) => group.steps[group.steps.length - 1]?.step.source;
+/**
+* 把一个历史分组（页面 / bucket）派生为 GroupRow 直接消费的视图模型 {@link HistoryRowGroup}。
+* 统一了原先 PageTab / Bucket 各自内联的 sub-steps 映射逻辑：描述、可差异、可回滚、时间、途径
+* 全部在此一次性算好，组件层只负责渲染。
+*/
+var toRowGroup = (group, key, descriptor) => {
+	const { describeGroup, describeStep, isStepDiffable, isStepRevertable } = descriptor;
+	const timestamp = groupTimestamp(group);
+	return {
+		key,
+		applied: group.applied,
+		isCurrent: Boolean(group.isCurrent),
+		opType: group.opType,
+		desc: describeGroup(group),
+		source: groupSource(group),
+		time: formatHistoryTime(timestamp),
+		timeTitle: formatHistoryFullTime(timestamp),
+		subSteps: group.steps.map((s) => ({
+			index: s.index,
+			applied: s.applied,
+			isCurrent: s.isCurrent,
+			saved: s.step.saved,
+			desc: describeStep(s.step),
+			diffable: isStepDiffable ? isStepDiffable(s.step) : false,
+			revertable: s.applied && (isStepRevertable ? isStepRevertable(s.step) : true),
+			source: s.step.source,
+			time: formatHistoryTime(s.step.timestamp),
+			timeTitle: formatHistoryFullTime(s.step.timestamp)
+		}))
+	};
+};
 var nameOf = (node) => node?.name || node?.type || `${node?.id ?? ""}`;
 /**
 * 默认描述里展示「名称 (id: xxx)」，便于区分同名实体。
@@ -91,24 +150,24 @@ var pickLastDescription = (descs) => {
 var describePageStep = (step) => {
 	if (step.historyDescription) return step.historyDescription;
 	const { opType } = step;
+	const items = step.diff ?? [];
 	if (opType === "add") {
-		const count = step.nodes?.length ?? 0;
-		const node = step.nodes?.[0];
+		const count = items.length;
+		const node = items[0]?.newSchema;
 		return `新增 ${count} 个节点${count === 1 && node ? `（${labelWithId(nameOf(node), node.id)}）` : ""}`;
 	}
 	if (opType === "remove") {
-		const count = step.removedItems?.length ?? 0;
-		const node = step.removedItems?.[0]?.node;
+		const count = items.length;
+		const node = items[0]?.oldSchema;
 		return `删除 ${count} 个节点${count === 1 && node ? `（${labelWithId(nameOf(node), node.id)}）` : ""}`;
 	}
-	const updated = step.updatedItems ?? [];
-	if (!updated.length) return "修改节点";
-	if (updated.length === 1) {
-		const { newNode, changeRecords } = updated[0];
+	if (!items.length) return "修改节点";
+	if (items.length === 1) {
+		const { newSchema, changeRecords } = items[0];
 		const propPath = changeRecords?.[0]?.propPath;
-		return `修改 ${labelWithId(nameOf(newNode), newNode?.id)}${propPath ? ` · ${propPath}` : ""}`;
+		return `修改 ${labelWithId(nameOf(newSchema), newSchema?.id)}${propPath ? ` · ${propPath}` : ""}`;
 	}
-	return `修改 ${updated.length} 个节点`;
+	return `修改 ${items.length} 个节点`;
 };
 /**
 * 合并组的展示文案：
@@ -122,7 +181,7 @@ var describePageGroup = (group) => {
 	if (group.steps.length === 1) return describePageStep(group.steps[0].step);
 	const paths = /* @__PURE__ */ new Set();
 	group.steps.forEach((s) => {
-		s.step.updatedItems?.[0]?.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
+		s.step.diff?.[0]?.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
 	});
 	const pathList = Array.from(paths).slice(0, 3).join(", ");
 	const target = labelWithId(group.targetName ?? (group.targetId !== void 0 ? `${group.targetId}` : "节点"), group.targetId);
@@ -130,10 +189,11 @@ var describePageGroup = (group) => {
 };
 var describeDataSourceStep = (step) => {
 	if (step.historyDescription) return step.historyDescription;
-	if (step.oldSchema === null && step.newSchema) return `创建 ${labelWithId(step.newSchema.title, step.newSchema.id ?? step.id)}`;
-	if (step.newSchema === null && step.oldSchema) return `删除 ${labelWithId(step.oldSchema.title, step.oldSchema.id ?? step.id)}`;
-	const propPath = step.changeRecords?.[0]?.propPath;
-	const title = labelWithId(step.newSchema?.title || step.oldSchema?.title, step.id);
+	const { oldSchema, newSchema, changeRecords } = step.diff?.[0] ?? {};
+	if (!oldSchema && newSchema) return `创建 ${labelWithId(newSchema.title, newSchema.id ?? step.id)}`;
+	if (!newSchema && oldSchema) return `删除 ${labelWithId(oldSchema.title, oldSchema.id ?? step.id)}`;
+	const propPath = changeRecords?.[0]?.propPath;
+	const title = labelWithId(newSchema?.title || oldSchema?.title, step.id);
 	return propPath ? `修改 ${title} · ${propPath}` : `修改 ${title}`;
 };
 var describeDataSourceGroup = (group) => {
@@ -142,18 +202,19 @@ var describeDataSourceGroup = (group) => {
 	if (group.steps.length === 1) return describeDataSourceStep(group.steps[0].step);
 	const paths = /* @__PURE__ */ new Set();
 	group.steps.forEach((s) => {
-		s.step.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
+		s.step.diff?.[0]?.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
 	});
 	const pathList = Array.from(paths).slice(0, 3).join(", ");
-	const target = labelWithId(group.steps[group.steps.length - 1].step.newSchema?.title || group.steps[0].step.oldSchema?.title, group.id);
+	const target = labelWithId(group.steps[group.steps.length - 1].step.diff?.[0]?.newSchema?.title || group.steps[0].step.diff?.[0]?.oldSchema?.title, group.id);
 	return pathList ? `修改 ${target} · ${pathList}${paths.size > 3 ? "…" : ""}` : `修改 ${target}`;
 };
 var describeCodeBlockStep = (step) => {
 	if (step.historyDescription) return step.historyDescription;
-	if (step.oldContent === null && step.newContent) return `创建 ${labelWithId(step.newContent.name, step.newContent.id ?? step.id)}`;
-	if (step.newContent === null && step.oldContent) return `删除 ${labelWithId(step.oldContent.name, step.oldContent.id ?? step.id)}`;
-	const propPath = step.changeRecords?.[0]?.propPath;
-	const title = labelWithId(step.newContent?.name || step.oldContent?.name, step.id);
+	const { oldSchema: oldContent, newSchema: newContent, changeRecords } = step.diff?.[0] ?? {};
+	if (!oldContent && newContent) return `创建 ${labelWithId(newContent.name, newContent.id ?? step.id)}`;
+	if (!newContent && oldContent) return `删除 ${labelWithId(oldContent.name, oldContent.id ?? step.id)}`;
+	const propPath = changeRecords?.[0]?.propPath;
+	const title = labelWithId(newContent?.name || oldContent?.name, step.id);
 	return propPath ? `修改 ${title} · ${propPath}` : `修改 ${title}`;
 };
 var describeCodeBlockGroup = (group) => {
@@ -162,11 +223,43 @@ var describeCodeBlockGroup = (group) => {
 	if (group.steps.length === 1) return describeCodeBlockStep(group.steps[0].step);
 	const paths = /* @__PURE__ */ new Set();
 	group.steps.forEach((s) => {
-		s.step.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
+		s.step.diff?.[0]?.changeRecords?.forEach((r) => r.propPath && paths.add(r.propPath));
 	});
 	const pathList = Array.from(paths).slice(0, 3).join(", ");
-	const target = labelWithId(group.steps[group.steps.length - 1].step.newContent?.name || group.steps[0].step.oldContent?.name, group.id);
+	const target = labelWithId(group.steps[group.steps.length - 1].step.diff?.[0]?.newSchema?.name || group.steps[0].step.diff?.[0]?.oldSchema?.name, group.id);
 	return pathList ? `修改 ${target} · ${pathList}${paths.size > 3 ? "…" : ""}` : `修改 ${target}`;
 };
+/**
+* 页面 step 是否支持「回滚」（类 git revert）：
+* - 新增 / 删除：不依赖 changeRecords，反向应用即删除 / 加回，始终可回滚；
+* - 更新：必须每个被更新节点都带有 changeRecords，才支持按 propPath 局部反向 patch。
+*   缺失 changeRecords 的更新只能整节点替换，会冲掉该节点后续的无关变更，因此不支持回滚。
+*/
+var isPageStepRevertable = (step) => {
+	if (step.opType !== "update") return true;
+	const items = step.diff ?? [];
+	if (!items.length) return false;
+	return items.every((item) => Boolean(item.changeRecords?.length));
+};
+/**
+* 数据源 step 是否支持「回滚」：
+* - 新增（无 oldSchema）/ 删除（无 newSchema）：不依赖 changeRecords，始终可回滚；
+* - 更新（前后 schema 都存在）：必须有 changeRecords 才支持局部反向 patch，否则不支持回滚。
+*/
+var isDataSourceStepRevertable = (step) => {
+	const item = step.diff?.[0];
+	if (!item?.oldSchema || !item?.newSchema) return true;
+	return Boolean(item.changeRecords?.length);
+};
+/**
+* 代码块 step 是否支持「回滚」：
+* - 新增（无 oldSchema）/ 删除（无 newSchema）：不依赖 changeRecords，始终可回滚；
+* - 更新（前后 content 都存在）：必须有 changeRecords 才支持局部反向 patch，否则不支持回滚。
+*/
+var isCodeBlockStepRevertable = (step) => {
+	const item = step.diff?.[0];
+	if (!item?.oldSchema || !item?.newSchema) return true;
+	return Boolean(item.changeRecords?.length);
+};
 //#endregion
-export { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, describePageGroup, describePageStep, formatHistoryFullTime, formatHistoryTime, groupTimestamp, opLabel, useHistoryList };
+export { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, describePageGroup, describePageStep, formatHistoryFullTime, formatHistoryTime, isCodeBlockStepRevertable, isDataSourceStepRevertable, isHistoryGroupExpanded, isPageStepRevertable, opLabel, sourceLabel, toRowGroup, useHistoryList };

package/dist/es/layouts/page-bar/PageBar.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import AddButton_default from "./AddButton.js";
 import PageBarScrollContainer_default from "./PageBarScrollContainer.js";
 import PageList_default from "./PageList.js";
 import Search_default from "./Search.js";
-import { TMagicIcon, TMagicPopover } from "@tmagic/design";
+import { TMagicIcon, TMagicPopover, tMagicMessageBox } from "@tmagic/design";
 import { NodeType } from "@tmagic/core";
 import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import { CaretBottom, Delete, DocumentCopy } from "@element-plus/icons-vue";
@@ -54,7 +54,8 @@ var PageBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				top: 0
 			});
 		};
-		const remove = (node) => {
+		const remove = async (node) => {
+			await tMagicMessageBox.confirm("确定删除该页面吗？");
 			editorService.remove(node);
 		};
 		const pageBarScrollContainerRef = useTemplateRef("pageBarScrollContainer");
@@ -121,6 +122,7 @@ var PageBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 							type: "button",
 							text: "删除",
 							icon: unref(Delete),
+							buttonProps: { type: "danger" },
 							handler: () => remove(item)
 						} }, null, 8, ["data"])])])]),
 						_: 2

package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js

@@ -69,7 +69,11 @@ var PropsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						if (record.propPath?.startsWith("style") && record.value === "") setValueByKeyPath(record.propPath, record.value, newValue);
 					});
 				}
-				editorService.update(newValue, { changeRecords: eventData?.changeRecords });
+				const historySource = eventData ? "props" : "code";
+				editorService.update(newValue, {
+					changeRecords: eventData?.changeRecords,
+					historySource
+				});
 			} catch (e) {
 				emit("submit-error", e);
 			}

package/dist/es/layouts/sidebar/ComponentListPanel.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,7 @@ var ComponentListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				name: text,
 				type,
 				...data
-			});
+			}, void 0, { historySource: "component-panel" });
 		};
 		const dragstartHandler = ({ text, type, data = {} }, e) => {
 			e.dataTransfer?.setData("text/json", serialize({

package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js

@@ -71,7 +71,11 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				});
 			}
 		}, { immediate: true });
-		const activeTabName = ref(props.data?.status);
+		const activeTabName = computed({
+			get: () => uiService.get("sideBarActiveTabName"),
+			set: (value) => uiService.set("sideBarActiveTabName", value)
+		});
+		uiService.set("sideBarActiveTabName", props.data?.status || "");
 		const getItemConfig = (data) => {
 			const map = {
 				[SideItemKey.COMPONENT_LIST]: {

package/dist/es/layouts/sidebar/code-block/CodeBlockList.vue_vue_type_script_setup_true_lang.js

@@ -78,7 +78,7 @@ var CodeBlockList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const editCode = (id) => {
 			emit("edit", id);
 		};
-		const deleteCode = async (id) => {
+		const deleteCode = async (id, { historySource } = {}) => {
 			const currentCode = codeList.value.find((codeItem) => codeItem.id === id);
 			const existBinds = Boolean(currentCode?.items?.length);
 			const undeleteableList = codeBlockService.getUndeletableList() || [];
@@ -88,7 +88,7 @@ var CodeBlockList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					cancelButtonText: "取消",
 					type: "warning"
 				});
-				emit("remove", id);
+				emit("remove", id, { historySource });
 			} else if (typeof props.customError === "function") props.customError(id, existBinds ? CodeDeleteErrorType.BIND : CodeDeleteErrorType.UNDELETEABLE);
 			else if (existBinds) tMagicMessage.error("代码块存在绑定关系，不可删除");
 			else tMagicMessage.error("代码块不可删除");
@@ -138,7 +138,7 @@ var CodeBlockList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						default: withCtx(() => [createVNode(Icon_default, {
 							icon: unref(Close),
 							class: "edit-icon",
-							onClick: withModifiers(($event) => deleteCode(`${data.key}`), ["stop"])
+							onClick: withModifiers(($event) => deleteCode(`${data.key}`, { historySource: "tree" }), ["stop"])
 						}, null, 8, ["icon", "onClick"])]),
 						_: 2
 					}, 1024)) : createCommentVNode("v-if", true),

package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js

@@ -38,7 +38,7 @@ var CodeBlockListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 			if (codeBlockListRef.value) for (const [, status] of codeBlockListRef.value.nodeStatusMap.entries()) status.selected = false;
 		};
 		const { nodeContentMenuHandler, menuData: contentMenuData, contentMenuHideHandler } = useContentMenu((id) => {
-			codeBlockListRef.value?.deleteCode(id);
+			codeBlockListRef.value?.deleteCode(id, { historySource: "tree-contextmenu" });
 		});
 		const menuData = computed(() => props.customContentMenu(contentMenuData, "code-block"));
 		return (_ctx, _cache) => {

package/dist/es/layouts/sidebar/code-block/useContentMenu.js

@@ -26,7 +26,7 @@ var useContentMenu = (deleteCode) => {
 				const codeBlock = codeBlockService.getCodeContentById(selectId);
 				if (!codeBlock) return;
 				const newCodeId = await codeBlockService.getUniqueId();
-				codeBlockService.setCodeDslById(newCodeId, cloneDeep(codeBlock));
+				codeBlockService.setCodeDslById(newCodeId, cloneDeep(codeBlock), { historySource: "tree-contextmenu" });
 			}
 		},
 		{

package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js

@@ -55,7 +55,7 @@ var DataSourceListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				cancelButtonText: "取消",
 				type: "warning"
 			});
-			dataSourceService.remove(id);
+			dataSourceService.remove(id, { historySource: "tree-contextmenu" });
 		};
 		const dataSourceListRef = useTemplateRef("dataSourceList");
 		const filterTextChangeHandler = (val) => {

package/dist/es/layouts/sidebar/data-source/useContentMenu.js

@@ -25,7 +25,7 @@ var useContentMenu = () => {
 				if (!selectId) return;
 				const ds = dataSourceService.getDataSourceById(selectId);
 				if (!ds) return;
-				dataSourceService.add(cloneDeep(ds));
+				dataSourceService.add(cloneDeep(ds), { historySource: "tree-contextmenu" });
 			}
 		},
 		{

package/dist/es/layouts/sidebar/layer/LayerMenu.vue_vue_type_script_setup_true_lang.js

@@ -32,7 +32,7 @@ var LayerMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					name: component.text,
 					type: component.type,
 					...component.data || {}
-				});
+				}, void 0, { historySource: "tree-contextmenu" });
 			}
 		}));
 		const getSubMenuData = computed(() => {
@@ -41,7 +41,7 @@ var LayerMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				type: "button",
 				icon: Files,
 				handler: () => {
-					editorService.add({ type: "tab-pane" });
+					editorService.add({ type: "tab-pane" }, void 0, { historySource: "tree-contextmenu" });
 				}
 			}];
 			if (node.value?.items) return componentList.value.reduce((subMenuData, group, index) => subMenuData.concat(createMenuItems(group), index < componentList.value.length - 1 ? [{
@@ -68,9 +68,9 @@ var LayerMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				items: getSubMenuData.value
 			},
 			useCopyMenu(),
-			usePasteMenu(),
-			useDeleteMenu(),
-			useMoveToMenu(services),
+			usePasteMenu("tree-contextmenu"),
+			useDeleteMenu("tree-contextmenu"),
+			useMoveToMenu(services, "tree-contextmenu"),
 			...props.layerContentMenu
 		], "layer"));
 		const show = (e) => {

package/dist/es/layouts/sidebar/layer/LayerNodeTool.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var LayerNodeTool_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			editorService.update({
 				id: props.data.id,
 				visible
-			});
+			}, { historySource: "tree" });
 		};
 		return (_ctx, _cache) => {
 			return __props.data.type !== "page" ? (openBlock(), createBlock(unref(TMagicButton), {

package/dist/es/layouts/workspace/viewer/Stage.vue_vue_type_script_setup_true_lang.js

@@ -226,7 +226,7 @@ var Stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					left: calcValueByFontsize(doc, left / zoom.value)
 				};
 				config.data.inputEvent = e;
-				editorService.add(config.data, parent);
+				editorService.add(config.data, parent, { historySource: "component-panel" });
 			}
 		};
 		return (_ctx, _cache) => {