@tmagic/editor 1.8.0-beta.27 → 1.8.0-beta.28

package/dist/es/fields/configs/stickyAddButton.js

@@ -1,11 +1,12 @@
 //#region packages/editor/src/fields/configs/stickyAddButton.ts
 /**
-* 属性面板列表字段共用的吸底全宽「添加」按钮，展开到 group-list 配置上。
+* 属性面板列表字段共用的吸底全宽「添加」按钮与吸顶标题，展开到 group-list 配置上。
 *
-* 吸底按钮会盖住列表底部，新增的项必须同时滚进视口才看得见，两者一起给出避免漏配。
+* 吸底按钮会盖住列表底部，吸顶标题会盖住列表顶部，新增的项必须同时滚进视口才看得见。
 */
 var stickyAddButton = (text) => ({
 	scrollLastItemIntoView: true,
+	header: { sticky: true },
 	addButtonConfig: {
 		sticky: true,
 		text,

package/dist/es/initService.js

@@ -168,10 +168,20 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 			});
 		});
 	};
+	/**
+	* root 是否已经不是编辑器当前的 root。
+	*
+	* `editorService.set('root', v)` 是同步赋值后再派发 `root-change`，因此派发那一刻 `v` 一定
+	* 就是当前 root；但处理 `root-change` 要等 stage / runtime / 依赖收集等异步过程，期间 root
+	* 可能被新的一次整体替换（外部重设 DSL、更新 root 节点、源码保存等）顶掉，此时手上的 `v`
+	* 已是过期快照，继续用它刷画布或回写给外部都会与新 root 互相覆盖。
+	*/
+	const isStaleRoot = (value) => toRaw(editorService.get("root")) !== toRaw(value);
 	const updateStageDsl = async (value) => {
 		const stage = await getStage();
 		const runtime = await stage.renderer?.getRuntime();
 		const app = await getTMagicApp();
+		if (isStaleRoot(value)) return;
 		if (!app?.dataSourceManager) runtime?.updateRootConfig?.(cloneDeep$1(toRaw(value)));
 		const page = editorService.get("page");
 		const node = editorService.get("node");
@@ -182,6 +192,7 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 		if (value) {
 			depService.clearIdleTasks();
 			await (typeof Worker === "undefined" ? collectIdle(value.items, true) : depService.collectByWorker(value));
+			if (isStaleRoot(value)) return;
 			const dsl = cloneDeep$1(toRaw(value));
 			if (dsl.dataSources && dsl.dataSourceDeps && app?.dataSourceManager) for (const node of getNodes(getDepNodeIds(dsl.dataSourceDeps), dsl.items)) updateNode(app.dataSourceManager.compiledNode(node), dsl);
 			runtime?.updateRootConfig?.(dsl);
@@ -192,7 +203,7 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 		depService.addTarget(createDataSourceMethodTarget(ds, reactive({})));
 		depService.addTarget(createDataSourceCondTarget(ds, reactive({})));
 	};
-	const rootChangeHandler = (value, preValue) => {
+	const rootChangeHandler = (value) => {
 		if (!value) return;
 		value.codeBlocks = value.codeBlocks || {};
 		value.dataSources = value.dataSources || [];
@@ -218,7 +229,8 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 				editorService.set("parent", null);
 				editorService.set("page", null);
 			}
-			if (toRaw(value) !== toRaw(preValue)) emit("update:modelValue", value);
+			if (isStaleRoot(value)) return;
+			if (toRaw(props.modelValue) !== toRaw(value)) emit("update:modelValue", value);
 		})();
 	};
 	const nodeAddHandler = (nodes) => {

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

@@ -135,7 +135,7 @@ var useHistoryRevert = (options = {}, services) => {
 	* 不弹差异弹窗，改用一个普通确认框替代「确定回滚」按钮，避免点击后无任何提示直接执行。
 	* 用户取消时返回 false，调用方据此中止回滚。
 	*/
-	const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？回滚会将该操作作为一条新记录反向应用（新增将被删除、删除将被还原），不影响后续历史记录。");
+	const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？");
 	/**
 	* 「回滚」统一确认入口：可差异对比的步骤动态挂载 HistoryDiffDialog 走差异确认弹窗，
 	* 无法对比的步骤（add / remove / 多节点更新）回退到普通二次确认框。

package/dist/es/style.css

@@ -478,18 +478,48 @@ fieldset.m-fieldset .m-form-tip {
   flex-shrink: 0;
   gap: 8px;
 }
-.m-fields-group-list .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item > .t-card__header {
+.m-fields-group-list > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: var(
+    --m-group-list-nested-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-footer-sticky > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: calc(
+    var(--m-group-list-nested-footer-bottom, 0px) +
+      var(--m-group-list-footer-height)
+  );
+}
+.m-fields-group-list .m-fields-group-list-item .m-fields-group-list {
+  --m-group-list-nested-footer-bottom: var(
+    --m-group-list-item-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-header-sticky {
+  --m-group-list-nested-sticky-top: var(--m-group-list-child-list-sticky-top);
+  --m-group-list-nested-header-z: var(--m-group-list-child-list-header-z);
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item {
+  --m-group-list-item-sticky-top: var(
+    --m-group-list-nested-sticky-top,
+    var(--m-group-list-header-sticky-top, 0px)
+  );
+  --m-group-list-item-header-z: var(--m-group-list-nested-header-z, 7);
+  --m-group-list-child-list-sticky-top: calc(
+    var(--m-group-list-item-sticky-top) + var(--m-group-list-header-height)
+  );
+  --m-group-list-child-list-header-z: calc(
+    var(--m-group-list-item-header-z) - 1
+  );
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .el-card__header,
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .t-card__header {
   position: sticky;
-  top: var(--m-group-list-header-sticky-top, 0px);
-  z-index: 7;
+  top: var(--m-group-list-item-sticky-top);
+  z-index: var(--m-group-list-item-header-z);
   background-color: var(--m-group-list-header-bg, #fff);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .t-card__header {
-  top: calc(var(--m-group-list-header-sticky-top, 0px) + var(--m-group-list-header-height));
-  z-index: 6;
-}
 .m-fields-group-list .el-table__empty-block {
   width: 100%;
   min-height: 0;
@@ -507,7 +537,7 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
   position: sticky;
-  bottom: 0;
+  bottom: var(--m-group-list-nested-footer-bottom, 0px);
   z-index: 7;
   margin-bottom: 0;
   padding: var(--m-group-list-footer-padding-top) 0 var(--m-group-list-footer-padding-bottom);
@@ -521,10 +551,6 @@ fieldset.m-fieldset .m-form-tip {
   width: 100%;
   height: var(--m-group-list-footer-button-height);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
-  bottom: var(--m-group-list-footer-height);
-  z-index: 7;
-}
 
 /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
 .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {

package/dist/style.css

@@ -478,18 +478,48 @@ fieldset.m-fieldset .m-form-tip {
   flex-shrink: 0;
   gap: 8px;
 }
-.m-fields-group-list .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item > .t-card__header {
+.m-fields-group-list > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: var(
+    --m-group-list-nested-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-footer-sticky > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: calc(
+    var(--m-group-list-nested-footer-bottom, 0px) +
+      var(--m-group-list-footer-height)
+  );
+}
+.m-fields-group-list .m-fields-group-list-item .m-fields-group-list {
+  --m-group-list-nested-footer-bottom: var(
+    --m-group-list-item-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-header-sticky {
+  --m-group-list-nested-sticky-top: var(--m-group-list-child-list-sticky-top);
+  --m-group-list-nested-header-z: var(--m-group-list-child-list-header-z);
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item {
+  --m-group-list-item-sticky-top: var(
+    --m-group-list-nested-sticky-top,
+    var(--m-group-list-header-sticky-top, 0px)
+  );
+  --m-group-list-item-header-z: var(--m-group-list-nested-header-z, 7);
+  --m-group-list-child-list-sticky-top: calc(
+    var(--m-group-list-item-sticky-top) + var(--m-group-list-header-height)
+  );
+  --m-group-list-child-list-header-z: calc(
+    var(--m-group-list-item-header-z) - 1
+  );
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .el-card__header,
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .t-card__header {
   position: sticky;
-  top: var(--m-group-list-header-sticky-top, 0px);
-  z-index: 7;
+  top: var(--m-group-list-item-sticky-top);
+  z-index: var(--m-group-list-item-header-z);
   background-color: var(--m-group-list-header-bg, #fff);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .t-card__header {
-  top: calc(var(--m-group-list-header-sticky-top, 0px) + var(--m-group-list-header-height));
-  z-index: 6;
-}
 .m-fields-group-list .el-table__empty-block {
   width: 100%;
   min-height: 0;
@@ -507,7 +537,7 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
   position: sticky;
-  bottom: 0;
+  bottom: var(--m-group-list-nested-footer-bottom, 0px);
   z-index: 7;
   margin-bottom: 0;
   padding: var(--m-group-list-footer-padding-top) 0 var(--m-group-list-footer-padding-bottom);
@@ -521,10 +551,6 @@ fieldset.m-fieldset .m-form-tip {
   width: 100%;
   height: var(--m-group-list-footer-button-height);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
-  bottom: var(--m-group-list-footer-height);
-  z-index: 7;
-}
 
 /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
 .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {

package/dist/themes/magic-admin.css

@@ -509,18 +509,48 @@ fieldset.m-fieldset .m-form-tip {
   flex-shrink: 0;
   gap: 8px;
 }
-.m-fields-group-list .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item > .t-card__header {
+.m-fields-group-list > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: var(
+    --m-group-list-nested-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-footer-sticky > .m-fields-group-list-item {
+  --m-group-list-item-footer-bottom: calc(
+    var(--m-group-list-nested-footer-bottom, 0px) +
+      var(--m-group-list-footer-height)
+  );
+}
+.m-fields-group-list .m-fields-group-list-item .m-fields-group-list {
+  --m-group-list-nested-footer-bottom: var(
+    --m-group-list-item-footer-bottom,
+    0px
+  );
+}
+.m-fields-group-list.is-header-sticky {
+  --m-group-list-nested-sticky-top: var(--m-group-list-child-list-sticky-top);
+  --m-group-list-nested-header-z: var(--m-group-list-child-list-header-z);
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item {
+  --m-group-list-item-sticky-top: var(
+    --m-group-list-nested-sticky-top,
+    var(--m-group-list-header-sticky-top, 0px)
+  );
+  --m-group-list-item-header-z: var(--m-group-list-nested-header-z, 7);
+  --m-group-list-child-list-sticky-top: calc(
+    var(--m-group-list-item-sticky-top) + var(--m-group-list-header-height)
+  );
+  --m-group-list-child-list-header-z: calc(
+    var(--m-group-list-item-header-z) - 1
+  );
+}
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .el-card__header,
+.m-fields-group-list.is-header-sticky > .m-fields-group-list-item > .t-card__header {
   position: sticky;
-  top: var(--m-group-list-header-sticky-top, 0px);
-  z-index: 7;
+  top: var(--m-group-list-item-sticky-top);
+  z-index: var(--m-group-list-item-header-z);
   background-color: var(--m-group-list-header-bg, #fff);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .el-card__header,
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list-item > .t-card__header {
-  top: calc(var(--m-group-list-header-sticky-top, 0px) + var(--m-group-list-header-height));
-  z-index: 6;
-}
 .m-fields-group-list .el-table__empty-block {
   width: 100%;
   min-height: 0;
@@ -538,7 +568,7 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
   position: sticky;
-  bottom: 0;
+  bottom: var(--m-group-list-nested-footer-bottom, 0px);
   z-index: 7;
   margin-bottom: 0;
   padding: var(--m-group-list-footer-padding-top) 0 var(--m-group-list-footer-padding-bottom);
@@ -552,10 +582,6 @@ fieldset.m-fieldset .m-form-tip {
   width: 100%;
   height: var(--m-group-list-footer-button-height);
 }
-.m-fields-group-list .m-fields-group-list-item .m-fields-group-list > .m-fields-group-list-footer.is-sticky-full {
-  bottom: var(--m-group-list-footer-height);
-  z-index: 7;
-}
 
 /** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
 .m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {

package/dist/tmagic-editor-headless.umd.cjs

@@ -8813,12 +8813,13 @@
 	//#endregion
 	//#region packages/editor/src/fields/configs/stickyAddButton.ts
 	/**
-	* 属性面板列表字段共用的吸底全宽「添加」按钮，展开到 group-list 配置上。
+	* 属性面板列表字段共用的吸底全宽「添加」按钮与吸顶标题，展开到 group-list 配置上。
 	*
-	* 吸底按钮会盖住列表底部，新增的项必须同时滚进视口才看得见，两者一起给出避免漏配。
+	* 吸底按钮会盖住列表底部，吸顶标题会盖住列表顶部，新增的项必须同时滚进视口才看得见。
 	*/
 	var stickyAddButton = (text) => ({
 		scrollLastItemIntoView: true,
+		header: { sticky: true },
 		addButtonConfig: {
 			sticky: true,
 			text,

package/dist/tmagic-editor.umd.cjs

@@ -13941,7 +13941,7 @@
 		* 不弹差异弹窗，改用一个普通确认框替代「确定回滚」按钮，避免点击后无任何提示直接执行。
 		* 用户取消时返回 false，调用方据此中止回滚。
 		*/
-		const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？回滚会将该操作作为一条新记录反向应用（新增将被删除、删除将被还原），不影响后续历史记录。");
+		const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？");
 		/**
 		* 「回滚」统一确认入口：可差异对比的步骤动态挂载 HistoryDiffDialog 走差异确认弹窗，
 		* 无法对比的步骤（add / remove / 多节点更新）回退到普通二次确认框。
@@ -20181,10 +20181,20 @@
 				});
 			});
 		};
+		/**
+		* root 是否已经不是编辑器当前的 root。
+		*
+		* `editorService.set('root', v)` 是同步赋值后再派发 `root-change`，因此派发那一刻 `v` 一定
+		* 就是当前 root；但处理 `root-change` 要等 stage / runtime / 依赖收集等异步过程，期间 root
+		* 可能被新的一次整体替换（外部重设 DSL、更新 root 节点、源码保存等）顶掉，此时手上的 `v`
+		* 已是过期快照，继续用它刷画布或回写给外部都会与新 root 互相覆盖。
+		*/
+		const isStaleRoot = (value) => (0, vue.toRaw)(editorService.get("root")) !== (0, vue.toRaw)(value);
 		const updateStageDsl = async (value) => {
 			const stage = await getStage();
 			const runtime = await stage.renderer?.getRuntime();
 			const app = await getTMagicApp();
+			if (isStaleRoot(value)) return;
 			if (!app?.dataSourceManager) runtime?.updateRootConfig?.(cloneDeep$1((0, vue.toRaw)(value)));
 			const page = editorService.get("page");
 			const node = editorService.get("node");
@@ -20195,6 +20205,7 @@
 			if (value) {
 				depService.clearIdleTasks();
 				await (typeof Worker === "undefined" ? collectIdle(value.items, true) : depService.collectByWorker(value));
+				if (isStaleRoot(value)) return;
 				const dsl = cloneDeep$1((0, vue.toRaw)(value));
 				if (dsl.dataSources && dsl.dataSourceDeps && app?.dataSourceManager) for (const node of (0, _tmagic_utils.getNodes)((0, _tmagic_utils.getDepNodeIds)(dsl.dataSourceDeps), dsl.items)) (0, _tmagic_core.updateNode)(app.dataSourceManager.compiledNode(node), dsl);
 				runtime?.updateRootConfig?.(dsl);
@@ -20205,7 +20216,7 @@
 			depService.addTarget((0, _tmagic_core.createDataSourceMethodTarget)(ds, (0, vue.reactive)({})));
 			depService.addTarget((0, _tmagic_core.createDataSourceCondTarget)(ds, (0, vue.reactive)({})));
 		};
-		const rootChangeHandler = (value, preValue) => {
+		const rootChangeHandler = (value) => {
 			if (!value) return;
 			value.codeBlocks = value.codeBlocks || {};
 			value.dataSources = value.dataSources || [];
@@ -20231,7 +20242,8 @@
 					editorService.set("parent", null);
 					editorService.set("page", null);
 				}
-				if ((0, vue.toRaw)(value) !== (0, vue.toRaw)(preValue)) emit("update:modelValue", value);
+				if (isStaleRoot(value)) return;
+				if ((0, vue.toRaw)(props.modelValue) !== (0, vue.toRaw)(value)) emit("update:modelValue", value);
 			})();
 		};
 		const nodeAddHandler = (nodes) => {
@@ -20680,12 +20692,13 @@
 	//#endregion
 	//#region packages/editor/src/fields/configs/stickyAddButton.ts
 	/**
-	* 属性面板列表字段共用的吸底全宽「添加」按钮，展开到 group-list 配置上。
+	* 属性面板列表字段共用的吸底全宽「添加」按钮与吸顶标题，展开到 group-list 配置上。
 	*
-	* 吸底按钮会盖住列表底部，新增的项必须同时滚进视口才看得见，两者一起给出避免漏配。
+	* 吸底按钮会盖住列表底部，吸顶标题会盖住列表顶部，新增的项必须同时滚进视口才看得见。
 	*/
 	var stickyAddButton = (text) => ({
 		scrollLastItemIntoView: true,
+		header: { sticky: true },
 		addButtonConfig: {
 			sticky: true,
 			text,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0-beta.27",
+  "version": "1.8.0-beta.28",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -63,11 +63,11 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^7.0.7",
     "sortablejs": "^1.15.7",
-    "@tmagic/design": "1.8.0-beta.27",
-    "@tmagic/stage": "1.8.0-beta.27",
-    "@tmagic/table": "1.8.0-beta.27",
-    "@tmagic/form": "1.8.0-beta.27",
-    "@tmagic/utils": "1.8.0-beta.27"
+    "@tmagic/design": "1.8.0-beta.28",
+    "@tmagic/stage": "1.8.0-beta.28",
+    "@tmagic/utils": "1.8.0-beta.28",
+    "@tmagic/form": "1.8.0-beta.28",
+    "@tmagic/table": "1.8.0-beta.28"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
@@ -81,7 +81,7 @@
     "type-fest": "^5.2.0",
     "typescript": "^6.0.3",
     "vue": "^3.5.41",
-    "@tmagic/core": "1.8.0-beta.27"
+    "@tmagic/core": "1.8.0-beta.28"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/fields/configs/stickyAddButton.ts

@@ -17,12 +17,13 @@
  */
 
 /**
- * 属性面板列表字段共用的吸底全宽「添加」按钮，展开到 group-list 配置上。
+ * 属性面板列表字段共用的吸底全宽「添加」按钮与吸顶标题，展开到 group-list 配置上。
  *
- * 吸底按钮会盖住列表底部，新增的项必须同时滚进视口才看得见，两者一起给出避免漏配。
+ * 吸底按钮会盖住列表底部，吸顶标题会盖住列表顶部，新增的项必须同时滚进视口才看得见。
  */
 export const stickyAddButton = (text: string) => ({
   scrollLastItemIntoView: true as const,
+  header: { sticky: true as const },
   addButtonConfig: {
     sticky: true as const,
     text,

package/src/initService.ts

@@ -427,12 +427,26 @@ export const initServiceEvents = (
     });
   };
 
+  /**
+   * root 是否已经不是编辑器当前的 root。
+   *
+   * `editorService.set('root', v)` 是同步赋值后再派发 `root-change`，因此派发那一刻 `v` 一定
+   * 就是当前 root；但处理 `root-change` 要等 stage / runtime / 依赖收集等异步过程，期间 root
+   * 可能被新的一次整体替换（外部重设 DSL、更新 root 节点、源码保存等）顶掉，此时手上的 `v`
+   * 已是过期快照，继续用它刷画布或回写给外部都会与新 root 互相覆盖。
+   */
+  const isStaleRoot = (value: MApp | null) => toRaw(editorService.get('root')) !== toRaw(value);
+
   const updateStageDsl = async (value: MApp | null) => {
     const stage = await getStage();
 
     const runtime = await stage.renderer?.getRuntime();
     const app = await getTMagicApp();
 
+    // 等 stage / runtime 就绪期间 root 已被替换：新 root 的刷新可能已经完成，
+    // 再把旧 dsl 推给 runtime 会让画布回退到旧内容
+    if (isStaleRoot(value)) return;
+
     if (!app?.dataSourceManager) {
       runtime?.updateRootConfig?.(cloneDeep(toRaw(value))!);
     }
@@ -449,6 +463,8 @@ export const initServiceEvents = (
 
       await (typeof Worker === 'undefined' ? collectIdle(value.items, true) : depService.collectByWorker(value));
 
+      if (isStaleRoot(value)) return;
+
       const dsl = cloneDeep(toRaw(value));
       if (dsl.dataSources && dsl.dataSourceDeps && app?.dataSourceManager) {
         for (const node of getNodes(getDepNodeIds(dsl.dataSourceDeps), dsl.items)) {
@@ -466,7 +482,7 @@ export const initServiceEvents = (
     depService.addTarget(createDataSourceCondTarget(ds, reactive({})));
   };
 
-  const rootChangeHandler = (value: MApp | null, preValue?: MApp | null) => {
+  const rootChangeHandler = (value: MApp | null) => {
     if (!value) return;
 
     value.codeBlocks = value.codeBlocks || {};
@@ -509,7 +525,13 @@ export const initServiceEvents = (
         editorService.set('page', null);
       }
 
-      if (toRaw(value) !== toRaw(preValue)) {
+      // 上面的 select 是异步的，期间 root 可能已被替换，过期快照不能再回写给外部：
+      // 两次整体替换各自持有一个快照时，回写会把对方的 root 顶掉，外部 modelValue 变化又会
+      // 重新 set root，两条链路无休止地交替下去（表现为编辑器卡死）
+      if (isStaleRoot(value)) return;
+
+      // 外部已经持有这个 root（如本次变化就是 modelValue 传进来的）时无需回写
+      if (toRaw(props.modelValue) !== toRaw(value)) {
         emit('update:modelValue', value);
       }
     })();

package/src/layouts/history-list/useHistoryRevert.ts

@@ -204,10 +204,7 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
    * 不弹差异弹窗，改用一个普通确认框替代「确定回滚」按钮，避免点击后无任何提示直接执行。
    * 用户取消时返回 false，调用方据此中止回滚。
    */
-  const confirmRevert = (): Promise<boolean> =>
-    confirmHistoryAction(
-      '确定回滚该步骤吗？回滚会将该操作作为一条新记录反向应用（新增将被删除、删除将被还原），不影响后续历史记录。',
-    );
+  const confirmRevert = (): Promise<boolean> => confirmHistoryAction('确定回滚该步骤吗？');
 
   /**
    * 「回滚」统一确认入口：可差异对比的步骤动态挂载 HistoryDiffDialog 走差异确认弹窗，