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

package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js

@@ -79,6 +79,20 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}
 			return !isEqual(curValue, lastValue);
 		};
+		const removeStyleDisplayConfig = (formConfig) => formConfig.map((item) => {
+			if (!("type" in item)) return item;
+			if (item?.type !== "tab" || !Array.isArray(item.items)) return item;
+			return {
+				...item,
+				items: item.items.map((tabPane) => {
+					if (tabPane?.title !== "样式" || !Array.isArray(tabPane.items)) return tabPane;
+					return {
+						...tabPane,
+						display: true
+					};
+				})
+			};
+		});
 		/**
 		* 内置的默认 FormConfig 加载逻辑：按 `category` 从对应 service / 工具取配置。
 		* 作为 ctx.defaultLoadConfig 透传给自定义 `loadConfig`，方便复用与二次加工。
@@ -87,7 +101,7 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			switch (props.category) {
 				case "node":
 					if (!props.type) return [];
-					return await propsService.getPropsConfig(props.type);
+					return removeStyleDisplayConfig(await propsService.getPropsConfig(props.type));
 				case "data-source": return dataSourceService.getFormConfig(props.type || "base");
 				case "code-block": return getCodeBlockFormConfig({
 					paramColConfig: codeBlockService.getParamsColConfig(),

package/dist/es/hooks/use-code-block-edit.js

@@ -33,12 +33,15 @@ var useCodeBlockEdit = (codeBlockService) => {
 		await nextTick();
 		codeBlockEditorRef.value?.show();
 	};
-	const deleteCode = async (key) => {
-		codeBlockService.deleteCodeDslByIds([key]);
+	const deleteCode = async (key, { historySource } = {}) => {
+		codeBlockService.deleteCodeDslByIds([key], { historySource });
 	};
 	const submitCodeBlockHandler = async (values, eventData) => {
 		if (!codeId.value) return;
-		await codeBlockService.setCodeDslById(codeId.value, values, { changeRecords: eventData?.changeRecords });
+		await codeBlockService.setCodeDslById(codeId.value, values, {
+			changeRecords: eventData?.changeRecords,
+			historySource: "props"
+		});
 		codeBlockEditorRef.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-data-source-edit.js

@@ -12,8 +12,11 @@ var useDataSourceEdit = (dataSourceService) => {
 		editDialog.value.show();
 	};
 	const submitDataSourceHandler = (value, eventData) => {
-		if (value.id) dataSourceService.update(value, { changeRecords: eventData.changeRecords });
-		else dataSourceService.add(value);
+		if (value.id) dataSourceService.update(value, {
+			changeRecords: eventData.changeRecords,
+			historySource: "props"
+		});
+		else dataSourceService.add(value, { historySource: "props" });
 		editDialog.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-stage.js

@@ -96,14 +96,17 @@ var useStage = (stageOptions) => {
 			changeRecordList.push(buildChangeRecords(style, "style"));
 		});
 		if (configs.length === 0) return;
-		editor_default.update(configs, { changeRecordList });
+		editor_default.update(configs, {
+			changeRecordList,
+			historySource: "stage"
+		});
 	});
 	stage.on("sort", (ev) => {
-		editor_default.sort(ev.src, ev.dist);
+		editor_default.sort(ev.src, ev.dist, { historySource: "stage" });
 	});
 	stage.on("remove", (ev) => {
 		const nodes = ev.data.map(({ el }) => editor_default.getNodeById(getIdFromEl()(el) || ""));
-		editor_default.remove(nodes.filter((node) => Boolean(node)));
+		editor_default.remove(nodes.filter((node) => Boolean(node)), { historySource: "stage" });
 	});
 	stage.on("select-parent", () => {
 		const parent = editor_default.get("parent");

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

@@ -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;

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

@@ -1,4 +1,4 @@
-import { formatHistoryFullTime, formatHistoryTime, groupTimestamp } from "./composables.js";
+import { formatHistoryFullTime, formatHistoryTime, groupSource, 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";
@@ -22,6 +22,7 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		describeGroup: {},
 		describeStep: {},
 		isStepDiffable: {},
+		isStepRevertable: {},
 		expanded: {},
 		gotoEnabled: {
 			type: Boolean,
@@ -53,6 +54,7 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						merged: group.steps.length > 1,
 						"op-type": group.opType,
 						desc: __props.describeGroup(group),
+						source: unref(groupSource)(group),
 						time: unref(formatHistoryTime)(unref(groupTimestamp)(group)),
 						"time-title": unref(formatHistoryFullTime)(unref(groupTimestamp)(group)),
 						"step-count": group.steps.length,
@@ -62,7 +64,8 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							isCurrent: s.isCurrent,
 							desc: __props.describeStep(s.step),
 							diffable: __props.isStepDiffable ? __props.isStepDiffable(s.step) : false,
-							revertable: s.applied,
+							revertable: s.applied && (__props.isStepRevertable ? __props.isStepRevertable(s.step) : true),
+							source: s.step.source,
 							time: unref(formatHistoryTime)(s.step.timestamp),
 							timeTitle: unref(formatHistoryFullTime)(s.step.timestamp)
 						})),
@@ -79,6 +82,7 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						"merged",
 						"op-type",
 						"desc",
+						"source",
 						"time",
 						"time-title",
 						"step-count",

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

@@ -16,6 +16,7 @@ var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		describeGroup: {},
 		describeStep: {},
 		isStepDiffable: {},
+		isStepRevertable: {},
 		expanded: {},
 		gotoEnabled: {
 			type: Boolean,
@@ -45,6 +46,7 @@ var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						"describe-group": __props.describeGroup,
 						"describe-step": __props.describeStep,
 						"is-step-diffable": __props.isStepDiffable,
+						"is-step-revertable": __props.isStepRevertable,
 						expanded: __props.expanded,
 						"goto-enabled": __props.gotoEnabled,
 						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
@@ -60,6 +62,7 @@ var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						"describe-group",
 						"describe-step",
 						"is-step-diffable",
+						"is-step-revertable",
 						"expanded",
 						"goto-enabled"
 					]);

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

@@ -1,25 +1,27 @@
-import { opLabel } from "./composables.js";
+import { opLabel, sourceLabel } 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,
+var _hoisted_5 = ["title"];
+var _hoisted_6 = {
+	key: 2,
 	class: "m-editor-history-list-item-merge"
 };
-var _hoisted_6 = {
+var _hoisted_7 = {
 	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_8 = ["title"];
+var _hoisted_9 = { class: "m-editor-history-list-item-index" };
+var _hoisted_10 = { class: "m-editor-history-list-substep-desc" };
+var _hoisted_11 = ["title"];
+var _hoisted_12 = ["title"];
 var _hoisted_13 = ["onClick"];
+var _hoisted_14 = ["onClick"];
+var _hoisted_15 = ["onClick"];
 var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListGroupRow",
 	__name: "GroupRow",
@@ -29,6 +31,7 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		merged: { type: Boolean },
 		opType: {},
 		desc: {},
+		source: {},
 		time: {},
 		timeTitle: {},
 		stepCount: {},
@@ -127,35 +130,40 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				}, 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", {
+				!__props.merged && unref(sourceLabel)(__props.source) ? (openBlock(), createElementBlock("span", {
 					key: 0,
+					class: "m-editor-history-list-item-source",
+					title: `操作途径：${unref(sourceLabel)(__props.source)}`
+				}, toDisplayString(unref(sourceLabel)(__props.source)), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+				!__props.merged && __props.time ? (openBlock(), createElementBlock("span", {
+					key: 1,
 					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),
+				}, toDisplayString(__props.time), 9, _hoisted_5)) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", _hoisted_6, "合并 " + toDisplayString(__props.stepCount) + " 步", 1)) : createCommentVNode("v-if", true),
 				!__props.merged && headRevertable.value ? (openBlock(), createElementBlock("span", {
-					key: 2,
+					key: 3,
 					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,
+					key: 4,
 					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,
+					key: 5,
 					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,
+					key: 6,
 					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) => {
+			], 10, _hoisted_1), __props.merged && __props.expanded ? (openBlock(), createElementBlock("ul", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(subStepsDisplay.value, (s) => {
 				return openBlock(), createElementBlock("li", {
 					key: s.index,
 					class: normalizeClass({
@@ -164,32 +172,37 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					}),
 					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", {
+					createElementVNode("span", _hoisted_9, "#" + toDisplayString(s.index + 1), 1),
+					createElementVNode("span", _hoisted_10, toDisplayString(s.desc), 1),
+					unref(sourceLabel)(s.source) ? (openBlock(), createElementBlock("span", {
 						key: 0,
+						class: "m-editor-history-list-item-source",
+						title: `操作途径：${unref(sourceLabel)(s.source)}`
+					}, toDisplayString(unref(sourceLabel)(s.source)), 9, _hoisted_11)) : createCommentVNode("v-if", true),
+					s.time ? (openBlock(), createElementBlock("span", {
+						key: 1,
 						class: "m-editor-history-list-item-time",
 						title: s.timeTitle || s.time
-					}, toDisplayString(s.time), 9, _hoisted_10)) : createCommentVNode("v-if", true),
+					}, toDisplayString(s.time), 9, _hoisted_12)) : createCommentVNode("v-if", true),
 					s.revertable ? (openBlock(), createElementBlock("span", {
-						key: 1,
+						key: 2,
 						class: "m-editor-history-list-item-revert",
 						title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
 						onClick: withModifiers(($event) => onRevertClick(s.index), ["stop"])
-					}, "回滚", 8, _hoisted_11)) : createCommentVNode("v-if", true),
+					}, "回滚", 8, _hoisted_13)) : createCommentVNode("v-if", true),
 					__props.gotoEnabled && !s.isCurrent ? (openBlock(), createElementBlock("span", {
-						key: 2,
+						key: 3,
 						class: "m-editor-history-list-item-goto",
 						title: "回到该记录",
 						onClick: withModifiers(($event) => onGotoClick(s.index), ["stop"])
-					}, "回到", 8, _hoisted_12)) : createCommentVNode("v-if", true),
+					}, "回到", 8, _hoisted_14)) : createCommentVNode("v-if", true),
 					s.diffable ? (openBlock(), createElementBlock("span", {
-						key: 3,
+						key: 4,
 						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);
+					}, "查看差异", 8, _hoisted_15)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_8);
 			}), 128))])) : createCommentVNode("v-if", true)], 2);
 		};
 	}

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

@@ -88,11 +88,13 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 		const targetText = computed(() => {
 			if (!payload.value) return "";
-			const prefix = {
+			const categoryText = {
 				node: "节点",
 				"data-source": "数据源",
 				"code-block": "代码块"
-			}[payload.value.category] || "";
+			};
+			const { category } = payload.value;
+			const prefix = category ? categoryText[category] : "";
 			const label = payload.value.targetLabel || payload.value.type || "";
 			const { id } = payload.value;
 			return [prefix, id !== void 0 && id !== "" ? `${label}（${id}）` : label].filter(Boolean).join("：");

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

@@ -1,6 +1,6 @@
 import { useServices } from "../../hooks/use-services.js";
 import Icon_default from "../../components/Icon.js";
-import { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, useHistoryList } from "./composables.js";
+import { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, isCodeBlockStepRevertable, isDataSourceStepRevertable, useHistoryList } from "./composables.js";
 import BucketTab_default from "./BucketTab.js";
 import HistoryDiffDialog_default from "./HistoryDiffDialog.js";
 import PageTab_default from "./PageTab.js";
@@ -274,6 +274,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								"describe-group": unref(describeDataSourceGroup),
 								"describe-step": unref(describeDataSourceStep),
 								"is-step-diffable": isDataSourceStepDiffable,
+								"is-step-revertable": unref(isDataSourceStepRevertable),
 								onToggle: unref(toggleGroup),
 								onGoto: onDataSourceGoto,
 								onGotoInitial: onDataSourceGotoInitial,
@@ -284,6 +285,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								"expanded",
 								"describe-group",
 								"describe-step",
+								"is-step-revertable",
 								"onToggle"
 							])]),
 							_: 1
@@ -300,6 +302,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								"describe-group": unref(describeCodeBlockGroup),
 								"describe-step": unref(describeCodeBlockStep),
 								"is-step-diffable": isCodeBlockStepDiffable,
+								"is-step-revertable": unref(isCodeBlockStepRevertable),
 								onToggle: unref(toggleGroup),
 								onGoto: onCodeBlockGoto,
 								onGotoInitial: onCodeBlockGotoInitial,
@@ -310,6 +313,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								"expanded",
 								"describe-group",
 								"describe-step",
+								"is-step-revertable",
 								"onToggle"
 							])]),
 							_: 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, formatHistoryFullTime, formatHistoryTime, groupSource, groupTimestamp, isPageStepRevertable } from "./composables.js";
 import GroupRow_default from "./GroupRow.js";
 import InitialRow_default from "./InitialRow.js";
 import { TMagicScrollbar } from "@tmagic/design";
@@ -57,6 +57,7 @@ var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 							merged: group.steps.length > 1,
 							"op-type": group.opType,
 							desc: unref(describePageGroup)(group),
+							source: unref(groupSource)(group),
 							time: unref(formatHistoryTime)(unref(groupTimestamp)(group)),
 							"time-title": unref(formatHistoryFullTime)(unref(groupTimestamp)(group)),
 							"step-count": group.steps.length,
@@ -66,7 +67,8 @@ var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 								isCurrent: s.isCurrent,
 								desc: unref(describePageStep)(s.step),
 								diffable: isPageStepDiffable(s.step),
-								revertable: s.applied,
+								revertable: s.applied && unref(isPageStepRevertable)(s.step),
+								source: s.step.source,
 								time: unref(formatHistoryTime)(s.step.timestamp),
 								timeTitle: unref(formatHistoryFullTime)(s.step.timestamp)
 							})),
@@ -82,6 +84,7 @@ var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 							"merged",
 							"op-type",
 							"desc",
+							"source",
 							"time",
 							"time-title",
 							"step-count",

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

@@ -73,6 +73,28 @@ var opLabel = (op) => {
 		default: return "修改";
 	}
 };
+/** 内置操作途径的中文文案；自定义来源直接回显原值，未知 / 缺省返回空串（UI 据此不渲染）。 */
+var HISTORY_SOURCE_LABELS = {
+	stage: "画布",
+	tree: "树面板",
+	"component-panel": "组件面板",
+	props: "配置面板",
+	code: "源码",
+	"stage-contextmenu": "画布菜单",
+	"tree-contextmenu": "树菜单",
+	toolbar: "工具栏",
+	shortcut: "快捷键",
+	rollback: "回滚",
+	api: "接口",
+	ai: "AI",
+	unknown: "未知"
+};
+/** 操作途径文案：用于历史面板展示「画布 / 树面板 / 配置面板…」标签。 */
+var sourceLabel = (source = "unknown") => {
+	return HISTORY_SOURCE_LABELS[source] ?? `${source}`;
+};
+/** 取一组历史步骤里最后一步（最近一次）的操作途径，用于组头部展示。 */
+var groupSource = (group) => group.steps[group.steps.length - 1]?.step.source;
 var nameOf = (node) => node?.name || node?.type || `${node?.id ?? ""}`;
 /**
 * 默认描述里展示「名称 (id: xxx)」，便于区分同名实体。
@@ -168,5 +190,35 @@ var describeCodeBlockGroup = (group) => {
 	const target = labelWithId(group.steps[group.steps.length - 1].step.newContent?.name || group.steps[0].step.oldContent?.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.updatedItems ?? [];
+	if (!items.length) return false;
+	return items.every((item) => Boolean(item.changeRecords?.length));
+};
+/**
+* 数据源 step 是否支持「回滚」：
+* - 新增（oldSchema=null）/ 删除（newSchema=null）：不依赖 changeRecords，始终可回滚；
+* - 更新（前后 schema 都存在）：必须有 changeRecords 才支持局部反向 patch，否则不支持回滚。
+*/
+var isDataSourceStepRevertable = (step) => {
+	if (step.oldSchema === null || step.newSchema === null) return true;
+	return Boolean(step.changeRecords?.length);
+};
+/**
+* 代码块 step 是否支持「回滚」：
+* - 新增（oldContent=null）/ 删除（newContent=null）：不依赖 changeRecords，始终可回滚；
+* - 更新（前后 content 都存在）：必须有 changeRecords 才支持局部反向 patch，否则不支持回滚。
+*/
+var isCodeBlockStepRevertable = (step) => {
+	if (step.oldContent === null || step.newContent === null) return true;
+	return Boolean(step.changeRecords?.length);
+};
 //#endregion
-export { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, describePageGroup, describePageStep, formatHistoryFullTime, formatHistoryTime, groupTimestamp, opLabel, useHistoryList };
+export { describeCodeBlockGroup, describeCodeBlockStep, describeDataSourceGroup, describeDataSourceStep, describePageGroup, describePageStep, formatHistoryFullTime, formatHistoryTime, groupSource, groupTimestamp, isCodeBlockStepRevertable, isDataSourceStepRevertable, isPageStepRevertable, opLabel, sourceLabel, useHistoryList };

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/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) => {