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

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

@@ -79,8 +79,10 @@
 			var unmasked = true;
 		} catch (e) {}
 		var result = nativeObjectToString$1.call(value);
-		if (unmasked) if (isOwn) value[symToStringTag$1] = tag;
-		else delete value[symToStringTag$1];
+		if (unmasked) {
+			if (isOwn) value[symToStringTag$1] = tag;
+			else delete value[symToStringTag$1];
+		}
 		return result;
 	}
 	//#endregion
@@ -217,7 +219,7 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseToString.js
 	/** Used as references for various `Number` constants. */
-	var INFINITY$1 = Infinity;
+	var INFINITY$1 = 1 / 0;
 	/** Used to convert symbols to primitives and strings. */
 	var symbolProto$2 = Symbol$1 ? Symbol$1.prototype : void 0;
 	var symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
@@ -1815,7 +1817,7 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_toKey.js
 	/** Used as references for various `Number` constants. */
-	var INFINITY = Infinity;
+	var INFINITY = 1 / 0;
 	/**
 	* Converts `value` to a string key if it's not a string or symbol.
 	*
@@ -1923,9 +1925,10 @@
 		result || (result = []);
 		while (++index < length) {
 			var value = array[index];
-			if (depth > 0 && predicate(value)) if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
-			else arrayPush(result, value);
-			else if (!isStrict) result[result.length] = value;
+			if (depth > 0 && predicate(value)) {
+				if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
+				else arrayPush(result, value);
+			} else if (!isStrict) result[result.length] = value;
 		}
 		return result;
 	}
@@ -3281,16 +3284,17 @@
 		if (isCommon) {
 			var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
 			newValue = srcValue;
-			if (isArr || isBuff || isTyped) if (isArray(objValue)) newValue = objValue;
-			else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
-			else if (isBuff) {
-				isCommon = false;
-				newValue = cloneBuffer(srcValue, true);
-			} else if (isTyped) {
-				isCommon = false;
-				newValue = cloneTypedArray(srcValue, true);
-			} else newValue = [];
-			else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
+			if (isArr || isBuff || isTyped) {
+				if (isArray(objValue)) newValue = objValue;
+				else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
+				else if (isBuff) {
+					isCommon = false;
+					newValue = cloneBuffer(srcValue, true);
+				} else if (isTyped) {
+					isCommon = false;
+					newValue = cloneTypedArray(srcValue, true);
+				} else newValue = [];
+			} else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
 				newValue = objValue;
 				if (isArguments(objValue)) newValue = toPlainObject(objValue);
 				else if (!isObject(objValue) || isFunction(objValue)) newValue = initCloneObject(srcValue);
@@ -3604,7 +3608,7 @@
 	* @param {Array} values The values to add to the set.
 	* @returns {Object} Returns the new set.
 	*/
-	var createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == Infinity) ? noop : function(values) {
+	var createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == 1 / 0) ? noop : function(values) {
 		return new Set$1(values);
 	};
 	//#endregion
@@ -5369,8 +5373,10 @@
 		const secondaryInvalid = isInvalid(secondaryValue);
 		if (primaryInvalid && !secondaryInvalid) delete style[primary];
 		else if (secondaryInvalid && !primaryInvalid) delete style[secondary];
-		else if (primaryInvalid && secondaryInvalid) if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
-		else delete style[secondary];
+		else if (primaryInvalid && secondaryInvalid) {
+			if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
+			else delete style[secondary];
+		}
 	};
 	var getInitPositionStyle = (style = {}, layout) => {
 		if (layout === Layout.ABSOLUTE) {
@@ -6209,13 +6215,15 @@
 			}
 			await Promise.all(nodes.map((node) => this.doRemove(node, options)));
 			this.removeInvalidNodesBySubtree(nodes);
-			if (removedItems.length > 0 && pageForOp) if (!doNotPushHistory) this.pushOpHistory("remove", {
-				diff: removedItems,
-				pageData: pageForOp,
-				historyDescription,
-				source: historySource
-			});
-			else this.selectionBeforeOp = null;
+			if (removedItems.length > 0 && pageForOp) {
+				if (!doNotPushHistory) this.pushOpHistory("remove", {
+					diff: removedItems,
+					pageData: pageForOp,
+					historyDescription,
+					source: historySource
+				});
+				else this.selectionBeforeOp = null;
+			}
 			this.emit("remove", nodes);
 			this.emit("change", {
 				type: "remove",
@@ -6295,22 +6303,24 @@
 			}));
 			this.applyInvalidInfo(config, invalidInfo);
 			if (updateData[0].oldNode?.type !== _tmagic_core.NodeType.ROOT) {
-				if (this.get("nodes").length) if (!doNotPushHistory) {
-					const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
-					this.pushOpHistory("update", {
-						diff: buildUpdateDiff(updateData.map((d) => ({
-							oldNode: cloneDeep(d.oldNode),
-							newNode: cloneDeep(d.newNode),
-							changeRecords: d.changeRecords?.length ? cloneDeep(d.changeRecords) : void 0
-						}))),
-						pageData: {
-							name: pageForOp?.name || "",
-							id: pageForOp.id
-						},
-						historyDescription,
-						source: historySource
-					});
-				} else this.selectionBeforeOp = null;
+				if (this.get("nodes").length) {
+					if (!doNotPushHistory) {
+						const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
+						this.pushOpHistory("update", {
+							diff: buildUpdateDiff(updateData.map((d) => ({
+								oldNode: cloneDeep(d.oldNode),
+								newNode: cloneDeep(d.newNode),
+								changeRecords: d.changeRecords?.length ? cloneDeep(d.changeRecords) : void 0
+							}))),
+							pageData: {
+								name: pageForOp?.name || "",
+								id: pageForOp.id
+							},
+							historyDescription,
+							source: historySource
+						});
+					} else this.selectionBeforeOp = null;
+				}
 			}
 			this.emit("update", updateData);
 			this.emit("change", {
@@ -6438,8 +6448,10 @@
 				historyDescription,
 				historySource
 			});
-			if (!doNotSelect) if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
-			else await stage?.select(newNodes[0].id);
+			if (!doNotSelect) {
+				if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
+				else await stage?.select(newNodes[0].id);
+			}
 			return newNode;
 		}
 		/**
@@ -8813,12 +8825,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

@@ -225,8 +225,10 @@
 			var unmasked = true;
 		} catch (e) {}
 		var result = nativeObjectToString$1.call(value);
-		if (unmasked) if (isOwn) value[symToStringTag$1] = tag;
-		else delete value[symToStringTag$1];
+		if (unmasked) {
+			if (isOwn) value[symToStringTag$1] = tag;
+			else delete value[symToStringTag$1];
+		}
 		return result;
 	}
 	var objectProto$4, hasOwnProperty$14, nativeObjectToString$1, symToStringTag$1;
@@ -379,7 +381,7 @@
 		init__arrayMap();
 		init_isArray();
 		init_isSymbol();
-		INFINITY$1 = Infinity;
+		INFINITY$1 = 1 / 0;
 		symbolProto$2 = Symbol$1 ? Symbol$1.prototype : void 0;
 		symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
 	}));
@@ -2240,7 +2242,7 @@
 	var INFINITY;
 	var init__toKey = __esmMin((() => {
 		init_isSymbol();
-		INFINITY = Infinity;
+		INFINITY = 1 / 0;
 	}));
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseGet.js
@@ -2350,9 +2352,10 @@
 		result || (result = []);
 		while (++index < length) {
 			var value = array[index];
-			if (depth > 0 && predicate(value)) if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
-			else arrayPush(result, value);
-			else if (!isStrict) result[result.length] = value;
+			if (depth > 0 && predicate(value)) {
+				if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
+				else arrayPush(result, value);
+			} else if (!isStrict) result[result.length] = value;
 		}
 		return result;
 	}
@@ -4314,16 +4317,17 @@
 		if (isCommon) {
 			var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
 			newValue = srcValue;
-			if (isArr || isBuff || isTyped) if (isArray(objValue)) newValue = objValue;
-			else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
-			else if (isBuff) {
-				isCommon = false;
-				newValue = cloneBuffer(srcValue, true);
-			} else if (isTyped) {
-				isCommon = false;
-				newValue = cloneTypedArray(srcValue, true);
-			} else newValue = [];
-			else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
+			if (isArr || isBuff || isTyped) {
+				if (isArray(objValue)) newValue = objValue;
+				else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
+				else if (isBuff) {
+					isCommon = false;
+					newValue = cloneBuffer(srcValue, true);
+				} else if (isTyped) {
+					isCommon = false;
+					newValue = cloneTypedArray(srcValue, true);
+				} else newValue = [];
+			} else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
 				newValue = objValue;
 				if (isArguments(objValue)) newValue = toPlainObject(objValue);
 				else if (!isObject(objValue) || isFunction(objValue)) newValue = initCloneObject(srcValue);
@@ -4797,7 +4801,7 @@
 		init__Set();
 		init_noop();
 		init__setToArray();
-		createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == Infinity) ? noop : function(values) {
+		createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == 1 / 0) ? noop : function(values) {
 			return new Set$1(values);
 		};
 	}));
@@ -5022,8 +5026,10 @@
 				return;
 			}
 			let codeContent = "";
-			if (codeBlock.content) if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
-			else codeContent = codeBlock.content;
+			if (codeBlock.content) {
+				if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
+				else codeContent = codeBlock.content;
+			}
 			codeConfig.value = {
 				...cloneDeep$1(codeBlock),
 				content: codeContent
@@ -6953,8 +6959,10 @@
 			const secondaryInvalid = isInvalid(secondaryValue);
 			if (primaryInvalid && !secondaryInvalid) delete style[primary];
 			else if (secondaryInvalid && !primaryInvalid) delete style[secondary];
-			else if (primaryInvalid && secondaryInvalid) if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
-			else delete style[secondary];
+			else if (primaryInvalid && secondaryInvalid) {
+				if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
+				else delete style[secondary];
+			}
 		};
 		getInitPositionStyle = (style = {}, layout) => {
 			if (layout === Layout.ABSOLUTE) {
@@ -7796,13 +7804,15 @@
 			}
 			await Promise.all(nodes.map((node) => this.doRemove(node, options)));
 			this.removeInvalidNodesBySubtree(nodes);
-			if (removedItems.length > 0 && pageForOp) if (!doNotPushHistory) this.pushOpHistory("remove", {
-				diff: removedItems,
-				pageData: pageForOp,
-				historyDescription,
-				source: historySource
-			});
-			else this.selectionBeforeOp = null;
+			if (removedItems.length > 0 && pageForOp) {
+				if (!doNotPushHistory) this.pushOpHistory("remove", {
+					diff: removedItems,
+					pageData: pageForOp,
+					historyDescription,
+					source: historySource
+				});
+				else this.selectionBeforeOp = null;
+			}
 			this.emit("remove", nodes);
 			this.emit("change", {
 				type: "remove",
@@ -7882,22 +7892,24 @@
 			}));
 			this.applyInvalidInfo(config, invalidInfo);
 			if (updateData[0].oldNode?.type !== _tmagic_core.NodeType.ROOT) {
-				if (this.get("nodes").length) if (!doNotPushHistory) {
-					const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
-					this.pushOpHistory("update", {
-						diff: buildUpdateDiff(updateData.map((d) => ({
-							oldNode: cloneDeep$1(d.oldNode),
-							newNode: cloneDeep$1(d.newNode),
-							changeRecords: d.changeRecords?.length ? cloneDeep$1(d.changeRecords) : void 0
-						}))),
-						pageData: {
-							name: pageForOp?.name || "",
-							id: pageForOp.id
-						},
-						historyDescription,
-						source: historySource
-					});
-				} else this.selectionBeforeOp = null;
+				if (this.get("nodes").length) {
+					if (!doNotPushHistory) {
+						const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
+						this.pushOpHistory("update", {
+							diff: buildUpdateDiff(updateData.map((d) => ({
+								oldNode: cloneDeep$1(d.oldNode),
+								newNode: cloneDeep$1(d.newNode),
+								changeRecords: d.changeRecords?.length ? cloneDeep$1(d.changeRecords) : void 0
+							}))),
+							pageData: {
+								name: pageForOp?.name || "",
+								id: pageForOp.id
+							},
+							historyDescription,
+							source: historySource
+						});
+					} else this.selectionBeforeOp = null;
+				}
 			}
 			this.emit("update", updateData);
 			this.emit("change", {
@@ -8025,8 +8037,10 @@
 				historyDescription,
 				historySource
 			});
-			if (!doNotSelect) if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
-			else await stage?.select(newNodes[0].id);
+			if (!doNotSelect) {
+				if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
+				else await stage?.select(newNodes[0].id);
+			}
 			return newNode;
 		}
 		/**
@@ -12265,9 +12279,10 @@
 				};
 				const toString = (v, language) => {
 					let value;
-					if (typeof v !== "string") if (language === "json") value = JSON.stringify(v, null, 2);
-					else value = serializeConfig(v);
-					else value = v;
+					if (typeof v !== "string") {
+						if (language === "json") value = JSON.stringify(v, null, 2);
+						else value = serializeConfig(v);
+					} else value = v;
 					if (language === "javascript" && value.startsWith("{") && value.endsWith("}")) value = `(${value})`;
 					return value;
 				};
@@ -13941,7 +13956,7 @@
 		* 不弹差异弹窗，改用一个普通确认框替代「确定回滚」按钮，避免点击后无任何提示直接执行。
 		* 用户取消时返回 false，调用方据此中止回滚。
 		*/
-		const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？回滚会将该操作作为一条新记录反向应用（新增将被删除、删除将被还原），不影响后续历史记录。");
+		const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？");
 		/**
 		* 「回滚」统一确认入口：可差异对比的步骤动态挂载 HistoryDiffDialog 走差异确认弹窗，
 		* 无法对比的步骤（add / remove / 多节点更新）回退到普通二次确认框。
@@ -15096,13 +15111,14 @@
 					const historySource = eventData ? "props" : "code";
 					const replace = historySource === "code";
 					let newValue;
-					if (replace) if (source === "style") newValue = {
-						...values.value,
-						id: v.id || values.value.id,
-						style: { ...v.style || {} }
-					};
-					else newValue = { ...v };
-					else {
+					if (replace) {
+						if (source === "style") newValue = {
+							...values.value,
+							id: v.id || values.value.id,
+							style: { ...v.style || {} }
+						};
+						else newValue = { ...v };
+					} else {
 						newValue = {
 							...v,
 							style: {}
@@ -17456,16 +17472,17 @@
 				let targetParent = targetInfo.parent;
 				if (!targetParent || !targetNode) return;
 				let targetIndex = -1;
-				if (Array.isArray(targetNode.items) && dragState.dropType === "inner") if (dragState.redirectedTargetId !== void 0) {
-					const redirectedNode = editorService.getNodeInfo(dragState.redirectedTargetId, false).node;
-					if (!redirectedNode || !Array.isArray(redirectedNode.items)) return;
-					targetParent = redirectedNode;
-					targetIndex = redirectedNode.items.length;
-				} else {
-					targetIndex = targetNode.items.length;
-					targetParent = targetNode;
-				}
-				else targetIndex = getNodeIndex(dragState.dragOverNodeId, targetParent);
+				if (Array.isArray(targetNode.items) && dragState.dropType === "inner") {
+					if (dragState.redirectedTargetId !== void 0) {
+						const redirectedNode = editorService.getNodeInfo(dragState.redirectedTargetId, false).node;
+						if (!redirectedNode || !Array.isArray(redirectedNode.items)) return;
+						targetParent = redirectedNode;
+						targetIndex = redirectedNode.items.length;
+					} else {
+						targetIndex = targetNode.items.length;
+						targetParent = targetNode;
+					}
+				} else targetIndex = getNodeIndex(dragState.dragOverNodeId, targetParent);
 				if (dragState.dropType === "after") targetIndex += 1;
 				const selectedNodes = editorService.get("nodes");
 				if (selectedNodes.find((n) => `${n.id}` === `${node.id}`)) editorService.dragTo(selectedNodes, targetParent, targetIndex);
@@ -18299,9 +18316,10 @@
 				return props.scrollSize * ratio;
 			};
 			const scrollBy = (delta) => {
-				if (delta < 0) if (props.pos <= 0) emit("scroll", 0);
-				else emit("scroll", -Math.min(-delta, props.pos));
-				else {
+				if (delta < 0) {
+					if (props.pos <= 0) emit("scroll", 0);
+					else emit("scroll", -Math.min(-delta, props.pos));
+				} else {
 					const leftPos = props.size - (thumbSize.value + thumbPos.value);
 					if (leftPos <= 0) emit("scroll", 0);
 					else emit("scroll", Math.min(delta, leftPos));
@@ -18905,11 +18923,44 @@
 					height: contentRect.height
 				});
 			});
+			const parseDSL = getEditorConfig("parseDSL");
+			/**
+			* 本次拖拽是否由编辑器文档内部发起
+			*
+			* drop 的 text/json 里可能带函数（组件配置的事件、钩子等），还原只能交给 parseDSL，
+			* 而 parseDSL 的默认实现是 eval；HTML 拖放又允许其他源的页面在 DataTransfer 中投递
+			* 自定义 MIME 数据，跨源页面只要诱导用户拖拽一次，就能让 eval 执行任意脚本。
+			*
+			* 跨源页面既不会在本文档触发 dragstart，也无法往本文档创建的 DataTransfer 中写数据，
+			* 因此只有起源于本文档的拖拽才交给 parseDSL 还原。
+			* 同源拖拽源写入的 text/json 由业务保证可信。
+			*/
+			let isInternalDrag = false;
+			let internalDragSession = 0;
+			let clearInternalDragTimer;
+			const documentDragStartHandler = () => {
+				internalDragSession += 1;
+				isInternalDrag = true;
+				if (clearInternalDragTimer !== void 0) {
+					globalThis.clearTimeout(clearInternalDragTimer);
+					clearInternalDragTimer = void 0;
+				}
+			};
+			const documentDragEndHandler = () => {
+				const session = internalDragSession;
+				if (clearInternalDragTimer !== void 0) globalThis.clearTimeout(clearInternalDragTimer);
+				clearInternalDragTimer = globalThis.setTimeout(() => {
+					clearInternalDragTimer = void 0;
+					if (session === internalDragSession) isInternalDrag = false;
+				}, 0);
+			};
 			(0, vue.onMounted)(() => {
 				if (stageWrapRef.value?.container) {
 					resizeObserver.observe(stageWrapRef.value.container);
 					keybindingService.registerEl(KeyBindingContainerKey.STAGE, stageWrapRef.value.container);
 				}
+				globalThis.document.addEventListener("dragstart", documentDragStartHandler, true);
+				globalThis.document.addEventListener("dragend", documentDragEndHandler, true);
 			});
 			(0, vue.onBeforeUnmount)(() => {
 				stage?.destroy();
@@ -18917,8 +18968,13 @@
 				resizeObserver.disconnect();
 				editorService.set("stage", null);
 				keybindingService.unregisterEl("stage");
+				if (clearInternalDragTimer !== void 0) {
+					globalThis.clearTimeout(clearInternalDragTimer);
+					clearInternalDragTimer = void 0;
+				}
+				globalThis.document.removeEventListener("dragstart", documentDragStartHandler, true);
+				globalThis.document.removeEventListener("dragend", documentDragEndHandler, true);
 			});
-			const parseDSL = getEditorConfig("parseDSL");
 			const contextmenuHandler = (e) => {
 				e.preventDefault();
 				menuRef.value?.show(e);
@@ -18929,11 +18985,19 @@
 				e.dataTransfer.dropEffect = "move";
 			};
 			const dropHandler = async (e) => {
+				const allowed = isInternalDrag;
+				isInternalDrag = false;
 				if (!e.dataTransfer) return;
 				const data = e.dataTransfer.getData("text/json");
-				if (!data) return;
-				const config = parseDSL(`(${data})`);
-				if (!config || config.dragType !== DragType.COMPONENT_LIST) return;
+				if (!data || !allowed) return;
+				let config;
+				try {
+					config = parseDSL(`(${data})`);
+				} catch {
+					return;
+				}
+				if (!config || config.dragType !== DragType.COMPONENT_LIST || !config.data) return;
+				const dragData = config.data;
 				e.preventDefault();
 				const doc = stage?.renderer?.contentWindow?.document;
 				const parentEl = doc?.querySelector(`.${props.stageOptions?.containerHighlightClassName}`);
@@ -18955,7 +19019,7 @@
 					const layout = await editorService.getLayout(parent);
 					const containerRect = stageContainerEl.value.getBoundingClientRect();
 					const { scrollTop, scrollLeft } = stage.mask;
-					const { style = {} } = config.data;
+					const { style = {} } = dragData;
 					let top = 0;
 					let left = 0;
 					let position = "relative";
@@ -18973,14 +19037,14 @@
 							top = top - parentTop * zoom.value;
 						}
 					}
-					config.data.style = {
+					dragData.style = {
 						...style,
 						position,
 						top: (0, _tmagic_utils.calcValueByFontsize)(doc, top / zoom.value),
 						left: (0, _tmagic_utils.calcValueByFontsize)(doc, left / zoom.value)
 					};
-					config.data.inputEvent = e;
-					editorService.add(config.data, parent, { historySource: "component-panel" });
+					dragData.inputEvent = e;
+					editorService.add(dragData, parent, { historySource: "component-panel" });
 				}
 			};
 			return (_ctx, _cache) => {
@@ -20181,10 +20245,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 +20269,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 +20280,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 +20306,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 +20756,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,
@@ -21845,8 +21922,10 @@
 			let editIndex = -1;
 			const editMethod = (method, index) => {
 				let codeContent = "({ params, dataSource, app }) => {\n  // place your code here\n}";
-				if (method.content) if (typeof method.content !== "string") codeContent = method.content.toString();
-				else codeContent = method.content;
+				if (method.content) {
+					if (typeof method.content !== "string") codeContent = method.content.toString();
+					else codeContent = method.content;
+				}
 				codeConfig.value = {
 					...cloneDeep$1(method),
 					content: codeContent
@@ -22549,7 +22628,7 @@
 			notEditable: { type: [Boolean, Function] },
 			dataSourceId: {}
 		}, {
-			"modelValue": { default: [] },
+			"modelValue": { default: () => [] },
 			"modelModifiers": {}
 		}),
 		emits: /*@__PURE__*/ (0, vue.mergeModels)(["change"], ["update:modelValue"]),