@tmagic/editor 1.7.14-beta.3 → 1.8.0-beta.0

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

@@ -74,7 +74,7 @@ var FormPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				createVNode(unref(TMagicScrollbar), null, {
 					default: withCtx(() => [createVNode(unref(MForm), {
 						ref: "configForm",
-						class: normalizeClass(propsPanelSize.value),
+						class: normalizeClass([propsPanelSize.value, "m-editor-props-form-panel-form"]),
 						"popper-class": `m-editor-props-panel-popper ${propsPanelSize.value}`,
 						"label-width": __props.labelWidth,
 						"label-position": __props.labelPosition,

package/dist/es/services/editor.js

@@ -121,6 +121,19 @@ var Editor = class extends BaseService_default {
 		return parent;
 	}
 	/**
+	* 判断给定节点是否位于非当前页面（即选中该节点将会引起当前页面切换）
+	* @param node 节点
+	* @returns true 表示该节点位于非当前页面
+	*/
+	isOnDifferentPage(node) {
+		const currentPageId = this.get("page")?.id;
+		if (currentPageId === void 0 || currentPageId === null) return false;
+		if (isPage(node) || isPageFragment(node)) return `${node.id}` !== `${currentPageId}`;
+		const nodePage = this.getNodeInfo(node.id, false).page;
+		if (!nodePage) return false;
+		return `${nodePage.id}` !== `${currentPageId}`;
+	}
+	/**
 	* 只有容器拥有布局
 	*/
 	async getLayout(parent, node) {
@@ -241,11 +254,12 @@ var Editor = class extends BaseService_default {
 	* @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
 	* @param options 可选配置
 	* @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
+	* @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
 	* @returns 添加后的节点
 	*/
 	async add(addNode, parent, options) {
 		const safeParentNode = safeParent(parent);
-		const { doNotSelect = false } = safeOptions(options);
+		const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const stage = this.get("stage");
 		const addNodes = [];
@@ -262,16 +276,19 @@ var Editor = class extends BaseService_default {
 			return this.doAdd(node, parentNode);
 		}));
 		if (newNodes.length > 1) {
-			if (!doNotSelect) {
+			const wouldSwitchPage = newNodes.some((n) => this.isOnDifferentPage(n));
+			if (!doNotSelect && !(doNotSwitchPage && wouldSwitchPage)) {
 				const newNodeIds = newNodes.map((node) => node.id);
 				stage?.multiSelect(newNodeIds);
 				await this.multiSelect(newNodeIds);
 			}
 		} else {
-			if (!doNotSelect) await this.select(newNodes[0]);
+			const wouldSwitchPage = this.isOnDifferentPage(newNodes[0]);
+			const skipSelect = doNotSelect || doNotSwitchPage && wouldSwitchPage;
+			if (!skipSelect) await this.select(newNodes[0]);
 			if (isPage(newNodes[0])) this.state.pageLength += 1;
 			else if (isPageFragment(newNodes[0])) this.state.pageFragmentLength += 1;
-			else if (!doNotSelect) stage?.select(newNodes[0].id);
+			else if (!skipSelect) stage?.select(newNodes[0].id);
 		}
 		if (!(isPage(newNodes[0]) || isPageFragment(newNodes[0]))) {
 			const pageForOp = this.getNodeInfo(newNodes[0].id, false).page;
@@ -291,7 +308,7 @@ var Editor = class extends BaseService_default {
 		return Array.isArray(addNode) ? newNodes : newNodes[0];
 	}
 	async doRemove(node, options) {
-		const { doNotSelect = false } = safeOptions(options);
+		const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 		const root = this.get("root");
 		if (!root) throw new Error("root不能为空");
 		const { parent, node: curNode } = this.getNodeInfo(node.id, false);
@@ -305,18 +322,16 @@ var Editor = class extends BaseService_default {
 			parentId: parent.id,
 			root: cloneDeep(root)
 		});
-		if (doNotSelect) {
-			const selectedNodes = this.get("nodes");
-			const removedSelectedIndex = selectedNodes.findIndex((n) => `${n.id}` === `${node.id}`);
-			if (removedSelectedIndex !== -1) {
-				const nextSelected = [...selectedNodes];
-				nextSelected.splice(removedSelectedIndex, 1);
-				this.set("nodes", nextSelected);
-			}
-			if (isPage(node) || isPageFragment(node)) {
-				const currentPage = this.get("page");
-				if (currentPage && `${currentPage.id}` === `${node.id}`) this.set("page", null);
-			}
+		const selectedNodes = this.get("nodes");
+		const removedSelectedIndex = selectedNodes.findIndex((n) => `${n.id}` === `${node.id}`);
+		if (removedSelectedIndex !== -1) {
+			const nextSelected = [...selectedNodes];
+			nextSelected.splice(removedSelectedIndex, 1);
+			this.set("nodes", nextSelected);
+		}
+		if (isPage(node) || isPageFragment(node)) {
+			const currentPage = this.get("page");
+			if (currentPage && `${currentPage.id}` === `${node.id}`) this.set("page", null);
 		}
 		const selectDefault = async (pages) => {
 			if (pages[0]) {
@@ -330,10 +345,10 @@ var Editor = class extends BaseService_default {
 		const rootItems = root.items || [];
 		if (isPage(node)) {
 			this.state.pageLength -= 1;
-			if (!doNotSelect) await selectDefault(rootItems);
+			if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
 		} else if (isPageFragment(node)) {
 			this.state.pageFragmentLength -= 1;
-			if (!doNotSelect) await selectDefault(rootItems);
+			if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
 		} else {
 			if (!doNotSelect) {
 				await this.select(parent);
@@ -351,9 +366,10 @@ var Editor = class extends BaseService_default {
 	* @param {Object} node 要删除的节点或节点集合
 	* @param options 可选配置
 	* @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
+	* @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
 	*/
 	async remove(nodeOrNodeList, options) {
-		const { doNotSelect = false } = safeOptions(options);
+		const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
 		const removedItems = [];
@@ -373,7 +389,10 @@ var Editor = class extends BaseService_default {
 				});
 			}
 		}
-		await Promise.all(nodes.map((node) => this.doRemove(node, { doNotSelect })));
+		await Promise.all(nodes.map((node) => this.doRemove(node, {
+			doNotSelect,
+			doNotSwitchPage
+		})));
 		if (removedItems.length > 0 && pageForOp) this.pushOpHistory("remove", { removedItems }, pageForOp);
 		this.emit("remove", nodes);
 	}
@@ -410,7 +429,10 @@ var Editor = class extends BaseService_default {
 			selectedNodes.splice(targetIndex, 1, newConfig);
 			this.set("nodes", [...selectedNodes]);
 		}
-		if (isPage(newConfig) || isPageFragment(newConfig)) this.set("page", newConfig);
+		if (isPage(newConfig) || isPageFragment(newConfig)) {
+			const currentPage = this.get("page");
+			if (currentPage && `${currentPage.id}` === `${newConfig.id}`) this.set("page", newConfig);
+		}
 		this.addModifiedNodeId(newConfig.id);
 		return {
 			oldNode: node,
@@ -451,6 +473,7 @@ var Editor = class extends BaseService_default {
 	* @param id2 组件ID
 	* @param options 可选配置
 	* @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
+	* @param options.doNotSwitchPage 排序后是否不切换当前页面（排序只发生在同一父节点内，方法内为空操作；保留以与其它 DSL 操作 API 一致）
 	* @returns void
 	*/
 	async sort(id1, id2, options) {
@@ -498,10 +521,11 @@ var Editor = class extends BaseService_default {
 	* @param collectorOptions 可选的依赖收集器配置
 	* @param options 可选配置
 	* @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
+	* @param options.doNotSwitchPage 粘贴后是否不切换当前页面（默认 false；跨页粘贴时为 true 会跳过页面切换）
 	* @returns 添加后的组件节点配置
 	*/
 	async paste(position = {}, collectorOptions, options) {
-		const { doNotSelect = false } = safeOptions(options);
+		const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 		const config = storage_default.getItem(COPY_STORAGE_KEY);
 		if (!Array.isArray(config)) return;
 		const node = this.get("node");
@@ -512,7 +536,10 @@ var Editor = class extends BaseService_default {
 		}
 		const pasteConfigs = await this.doPaste(config, position);
 		if (collectorOptions && typeof collectorOptions.isTarget === "function") props_default.replaceRelateId(config, pasteConfigs, collectorOptions);
-		return this.add(pasteConfigs, parent, { doNotSelect });
+		return this.add(pasteConfigs, parent, {
+			doNotSelect,
+			doNotSwitchPage
+		});
 	}
 	async doPaste(config, position = {}) {
 		props_default.clearRelateId();
@@ -535,6 +562,7 @@ var Editor = class extends BaseService_default {
 	* @param config 组件节点配置
 	* @param options 可选配置
 	* @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
+	* @param options.doNotSwitchPage 居中后是否不切换当前页面（居中只更新节点 style，方法内为空操作；保留以与其它 DSL 操作 API 一致）
 	* @returns 当前组件节点配置
 	*/
 	async alignCenter(config, options) {
@@ -590,9 +618,10 @@ var Editor = class extends BaseService_default {
 	* @param targetId 容器ID
 	* @param options 可选配置
 	* @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
+	* @param options.doNotSwitchPage 移动后是否不切换当前页面（默认 false；目标容器位于其它页面时为 true 会跳过自动选中以避免页面切换）
 	*/
 	async moveToContainer(config, targetId, options) {
-		const { doNotSelect = false } = safeOptions(options);
+		const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const root = this.get("root");
 		const { node, parent, page: pageForOp } = this.getNodeInfo(config.id, false);
@@ -614,14 +643,16 @@ var Editor = class extends BaseService_default {
 			});
 			newConfig.style = getInitPositionStyle(newConfig.style, layout);
 			target.items.push(newConfig);
-			if (!doNotSelect) await stage.select(targetId);
+			const targetWouldSwitchPage = this.isOnDifferentPage(target);
+			const skipSelect = doNotSelect || doNotSwitchPage && targetWouldSwitchPage;
+			if (!skipSelect) await stage.select(targetId);
 			const targetParent = this.getParentById(target.id);
 			await stage.update({
 				config: cloneDeep(target),
 				parentId: targetParent?.id,
 				root: cloneDeep(root)
 			});
-			if (!doNotSelect) {
+			if (!skipSelect) {
 				await this.select(newConfig);
 				stage.select(newConfig.id);
 			}

package/dist/es/style.css

@@ -1048,20 +1048,6 @@ fieldset.m-fieldset .m-form-tip {
 .m-editor-props-panel .m-editor-props-property-panel.show-style-panel .m-editor-props-panel-src-icon {
   right: calc(15px + var(--props-style-panel-width));
 }
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form {
-  padding-right: 10px;
-  padding-left: 10px;
-}
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
-  padding-top: 55px;
-}
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  background: #fff;
-  z-index: 3;
-}
 .m-editor-props-panel .m-editor-props-style-panel {
   position: absolute;
   width: var(--props-style-panel-width);
@@ -1133,6 +1119,21 @@ fieldset.m-fieldset .m-form-tip {
   font-size: 12px;
 }
 
+.m-editor-props-form-panel-form {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
+  padding-top: 55px;
+}
+.m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  background: #fff;
+  z-index: 3;
+}
+
 .m-editor-props-panel-popper.small span,
 .m-editor-props-panel-popper.small a,
 .m-editor-props-panel-popper.small p {

package/dist/style.css

@@ -1048,20 +1048,6 @@ fieldset.m-fieldset .m-form-tip {
 .m-editor-props-panel .m-editor-props-property-panel.show-style-panel .m-editor-props-panel-src-icon {
   right: calc(15px + var(--props-style-panel-width));
 }
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form {
-  padding-right: 10px;
-  padding-left: 10px;
-}
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
-  padding-top: 55px;
-}
-.m-editor-props-panel .m-editor-props-property-panel .tmagic-design-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  background: #fff;
-  z-index: 3;
-}
 .m-editor-props-panel .m-editor-props-style-panel {
   position: absolute;
   width: var(--props-style-panel-width);
@@ -1133,6 +1119,21 @@ fieldset.m-fieldset .m-form-tip {
   font-size: 12px;
 }
 
+.m-editor-props-form-panel-form {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__content {
+  padding-top: 55px;
+}
+.m-editor-props-form-panel-form > .m-container-tab > .tmagic-design-tabs > .el-tabs__header.is-top {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  background: #fff;
+  z-index: 3;
+}
+
 .m-editor-props-panel-popper.small span,
 .m-editor-props-panel-popper.small a,
 .m-editor-props-panel-popper.small p {

package/dist/tmagic-editor.umd.cjs

@@ -5902,6 +5902,19 @@
 			return parent;
 		}
 		/**
+		* 判断给定节点是否位于非当前页面（即选中该节点将会引起当前页面切换）
+		* @param node 节点
+		* @returns true 表示该节点位于非当前页面
+		*/
+		isOnDifferentPage(node) {
+			const currentPageId = this.get("page")?.id;
+			if (currentPageId === void 0 || currentPageId === null) return false;
+			if ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) return `${node.id}` !== `${currentPageId}`;
+			const nodePage = this.getNodeInfo(node.id, false).page;
+			if (!nodePage) return false;
+			return `${nodePage.id}` !== `${currentPageId}`;
+		}
+		/**
 		* 只有容器拥有布局
 		*/
 		async getLayout(parent, node) {
@@ -6022,11 +6035,12 @@
 		* @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
 		* @param options 可选配置
 		* @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
+		* @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
 		* @returns 添加后的节点
 		*/
 		async add(addNode, parent, options) {
 			const safeParentNode = safeParent(parent);
-			const { doNotSelect = false } = safeOptions(options);
+			const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 			this.captureSelectionBeforeOp();
 			const stage = this.get("stage");
 			const addNodes = [];
@@ -6043,16 +6057,19 @@
 				return this.doAdd(node, parentNode);
 			}));
 			if (newNodes.length > 1) {
-				if (!doNotSelect) {
+				const wouldSwitchPage = newNodes.some((n) => this.isOnDifferentPage(n));
+				if (!doNotSelect && !(doNotSwitchPage && wouldSwitchPage)) {
 					const newNodeIds = newNodes.map((node) => node.id);
 					stage?.multiSelect(newNodeIds);
 					await this.multiSelect(newNodeIds);
 				}
 			} else {
-				if (!doNotSelect) await this.select(newNodes[0]);
+				const wouldSwitchPage = this.isOnDifferentPage(newNodes[0]);
+				const skipSelect = doNotSelect || doNotSwitchPage && wouldSwitchPage;
+				if (!skipSelect) await this.select(newNodes[0]);
 				if ((0, _tmagic_utils.isPage)(newNodes[0])) this.state.pageLength += 1;
 				else if ((0, _tmagic_utils.isPageFragment)(newNodes[0])) this.state.pageFragmentLength += 1;
-				else if (!doNotSelect) stage?.select(newNodes[0].id);
+				else if (!skipSelect) stage?.select(newNodes[0].id);
 			}
 			if (!((0, _tmagic_utils.isPage)(newNodes[0]) || (0, _tmagic_utils.isPageFragment)(newNodes[0]))) {
 				const pageForOp = this.getNodeInfo(newNodes[0].id, false).page;
@@ -6072,7 +6089,7 @@
 			return Array.isArray(addNode) ? newNodes : newNodes[0];
 		}
 		async doRemove(node, options) {
-			const { doNotSelect = false } = safeOptions(options);
+			const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 			const root = this.get("root");
 			if (!root) throw new Error("root不能为空");
 			const { parent, node: curNode } = this.getNodeInfo(node.id, false);
@@ -6086,18 +6103,16 @@
 				parentId: parent.id,
 				root: cloneDeep(root)
 			});
-			if (doNotSelect) {
-				const selectedNodes = this.get("nodes");
-				const removedSelectedIndex = selectedNodes.findIndex((n) => `${n.id}` === `${node.id}`);
-				if (removedSelectedIndex !== -1) {
-					const nextSelected = [...selectedNodes];
-					nextSelected.splice(removedSelectedIndex, 1);
-					this.set("nodes", nextSelected);
-				}
-				if ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) {
-					const currentPage = this.get("page");
-					if (currentPage && `${currentPage.id}` === `${node.id}`) this.set("page", null);
-				}
+			const selectedNodes = this.get("nodes");
+			const removedSelectedIndex = selectedNodes.findIndex((n) => `${n.id}` === `${node.id}`);
+			if (removedSelectedIndex !== -1) {
+				const nextSelected = [...selectedNodes];
+				nextSelected.splice(removedSelectedIndex, 1);
+				this.set("nodes", nextSelected);
+			}
+			if ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) {
+				const currentPage = this.get("page");
+				if (currentPage && `${currentPage.id}` === `${node.id}`) this.set("page", null);
 			}
 			const selectDefault = async (pages) => {
 				if (pages[0]) {
@@ -6111,10 +6126,10 @@
 			const rootItems = root.items || [];
 			if ((0, _tmagic_utils.isPage)(node)) {
 				this.state.pageLength -= 1;
-				if (!doNotSelect) await selectDefault(rootItems);
+				if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
 			} else if ((0, _tmagic_utils.isPageFragment)(node)) {
 				this.state.pageFragmentLength -= 1;
-				if (!doNotSelect) await selectDefault(rootItems);
+				if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
 			} else {
 				if (!doNotSelect) {
 					await this.select(parent);
@@ -6132,9 +6147,10 @@
 		* @param {Object} node 要删除的节点或节点集合
 		* @param options 可选配置
 		* @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
+		* @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
 		*/
 		async remove(nodeOrNodeList, options) {
-			const { doNotSelect = false } = safeOptions(options);
+			const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 			this.captureSelectionBeforeOp();
 			const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
 			const removedItems = [];
@@ -6154,7 +6170,10 @@
 					});
 				}
 			}
-			await Promise.all(nodes.map((node) => this.doRemove(node, { doNotSelect })));
+			await Promise.all(nodes.map((node) => this.doRemove(node, {
+				doNotSelect,
+				doNotSwitchPage
+			})));
 			if (removedItems.length > 0 && pageForOp) this.pushOpHistory("remove", { removedItems }, pageForOp);
 			this.emit("remove", nodes);
 		}
@@ -6191,7 +6210,10 @@
 				selectedNodes.splice(targetIndex, 1, newConfig);
 				this.set("nodes", [...selectedNodes]);
 			}
-			if ((0, _tmagic_utils.isPage)(newConfig) || (0, _tmagic_utils.isPageFragment)(newConfig)) this.set("page", newConfig);
+			if ((0, _tmagic_utils.isPage)(newConfig) || (0, _tmagic_utils.isPageFragment)(newConfig)) {
+				const currentPage = this.get("page");
+				if (currentPage && `${currentPage.id}` === `${newConfig.id}`) this.set("page", newConfig);
+			}
 			this.addModifiedNodeId(newConfig.id);
 			return {
 				oldNode: node,
@@ -6232,6 +6254,7 @@
 		* @param id2 组件ID
 		* @param options 可选配置
 		* @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
+		* @param options.doNotSwitchPage 排序后是否不切换当前页面（排序只发生在同一父节点内，方法内为空操作；保留以与其它 DSL 操作 API 一致）
 		* @returns void
 		*/
 		async sort(id1, id2, options) {
@@ -6279,10 +6302,11 @@
 		* @param collectorOptions 可选的依赖收集器配置
 		* @param options 可选配置
 		* @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
+		* @param options.doNotSwitchPage 粘贴后是否不切换当前页面（默认 false；跨页粘贴时为 true 会跳过页面切换）
 		* @returns 添加后的组件节点配置
 		*/
 		async paste(position = {}, collectorOptions, options) {
-			const { doNotSelect = false } = safeOptions(options);
+			const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 			const config = storage_default.getItem(COPY_STORAGE_KEY);
 			if (!Array.isArray(config)) return;
 			const node = this.get("node");
@@ -6293,7 +6317,10 @@
 			}
 			const pasteConfigs = await this.doPaste(config, position);
 			if (collectorOptions && typeof collectorOptions.isTarget === "function") props_default.replaceRelateId(config, pasteConfigs, collectorOptions);
-			return this.add(pasteConfigs, parent, { doNotSelect });
+			return this.add(pasteConfigs, parent, {
+				doNotSelect,
+				doNotSwitchPage
+			});
 		}
 		async doPaste(config, position = {}) {
 			props_default.clearRelateId();
@@ -6316,6 +6343,7 @@
 		* @param config 组件节点配置
 		* @param options 可选配置
 		* @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
+		* @param options.doNotSwitchPage 居中后是否不切换当前页面（居中只更新节点 style，方法内为空操作；保留以与其它 DSL 操作 API 一致）
 		* @returns 当前组件节点配置
 		*/
 		async alignCenter(config, options) {
@@ -6371,9 +6399,10 @@
 		* @param targetId 容器ID
 		* @param options 可选配置
 		* @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
+		* @param options.doNotSwitchPage 移动后是否不切换当前页面（默认 false；目标容器位于其它页面时为 true 会跳过自动选中以避免页面切换）
 		*/
 		async moveToContainer(config, targetId, options) {
-			const { doNotSelect = false } = safeOptions(options);
+			const { doNotSelect = false, doNotSwitchPage = false } = safeOptions(options);
 			this.captureSelectionBeforeOp();
 			const root = this.get("root");
 			const { node, parent, page: pageForOp } = this.getNodeInfo(config.id, false);
@@ -6395,14 +6424,16 @@
 				});
 				newConfig.style = getInitPositionStyle(newConfig.style, layout);
 				target.items.push(newConfig);
-				if (!doNotSelect) await stage.select(targetId);
+				const targetWouldSwitchPage = this.isOnDifferentPage(target);
+				const skipSelect = doNotSelect || doNotSwitchPage && targetWouldSwitchPage;
+				if (!skipSelect) await stage.select(targetId);
 				const targetParent = this.getParentById(target.id);
 				await stage.update({
 					config: cloneDeep(target),
 					parentId: targetParent?.id,
 					root: cloneDeep(root)
 				});
-				if (!doNotSelect) {
+				if (!skipSelect) {
 					await this.select(newConfig);
 					stage.select(newConfig.id);
 				}
@@ -9173,7 +9204,7 @@
 					(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicScrollbar), null, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_form.MForm), {
 							ref: "configForm",
-							class: (0, vue.normalizeClass)(propsPanelSize.value),
+							class: (0, vue.normalizeClass)([propsPanelSize.value, "m-editor-props-form-panel-form"]),
 							"popper-class": `m-editor-props-panel-popper ${propsPanelSize.value}`,
 							"label-width": __props.labelWidth,
 							"label-position": __props.labelPosition,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.14-beta.3",
+  "version": "1.8.0-beta.0",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -58,11 +58,11 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^7.0.0",
     "sortablejs": "^1.15.6",
-    "@tmagic/design": "1.7.14-beta.3",
-    "@tmagic/form": "1.7.14-beta.3",
-    "@tmagic/stage": "1.7.14-beta.3",
-    "@tmagic/table": "1.7.14-beta.3",
-    "@tmagic/utils": "1.7.14-beta.3"
+    "@tmagic/design": "1.8.0-beta.0",
+    "@tmagic/form": "1.8.0-beta.0",
+    "@tmagic/stage": "1.8.0-beta.0",
+    "@tmagic/utils": "1.8.0-beta.0",
+    "@tmagic/table": "1.8.0-beta.0"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
@@ -76,7 +76,7 @@
     "type-fest": "^5.2.0",
     "typescript": "^6.0.3",
     "vue": "^3.5.34",
-    "@tmagic/core": "1.7.14-beta.3"
+    "@tmagic/core": "1.8.0-beta.0"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/layouts/props-panel/FormPanel.vue

@@ -5,7 +5,7 @@
     <TMagicScrollbar>
       <MForm
         ref="configForm"
-        :class="propsPanelSize"
+        :class="[propsPanelSize, 'm-editor-props-form-panel-form']"
         :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
         :label-width="labelWidth"
         :label-position="labelPosition"

package/src/services/editor.ts

@@ -33,6 +33,7 @@ import type {
   AddMNode,
   AsyncHookPlugin,
   AsyncMethodName,
+  DslOpOptions,
   EditorEvents,
   EditorNodeInfo,
   HistoryOpType,
@@ -191,6 +192,22 @@ class Editor extends BaseService {
     return parent;
   }
 
+  /**
+   * 判断给定节点是否位于非当前页面（即选中该节点将会引起当前页面切换）
+   * @param node 节点
+   * @returns true 表示该节点位于非当前页面
+   */
+  public isOnDifferentPage(node: MNode): boolean {
+    const currentPageId = this.get('page')?.id;
+    if (currentPageId === undefined || currentPageId === null) return false;
+    if (isPage(node) || isPageFragment(node)) {
+      return `${node.id}` !== `${currentPageId}`;
+    }
+    const nodePage = this.getNodeInfo(node.id, false).page;
+    if (!nodePage) return false;
+    return `${nodePage.id}` !== `${currentPageId}`;
+  }
+
   /**
    * 只有容器拥有布局
    */
@@ -370,15 +387,16 @@ class Editor extends BaseService {
    * @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
    * @param options 可选配置
    * @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
+   * @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
    * @returns 添加后的节点
    */
   public async add(
     addNode: AddMNode | MNode[],
     parent?: MContainer | null,
-    options?: { doNotSelect?: boolean },
+    options?: DslOpOptions,
   ): Promise<MNode | MNode[]> {
     const safeParentNode = safeParent(parent);
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+    const { doNotSelect = false, doNotSwitchPage = false } = safeOptions<DslOpOptions>(options);
 
     this.captureSelectionBeforeOp();
 
@@ -409,14 +427,19 @@ class Editor extends BaseService {
     );
 
     if (newNodes.length > 1) {
-      if (!doNotSelect) {
+      // 多选时只要任一新增节点位于非当前页面，触发的 multiSelect 就会引起页面切换
+      const wouldSwitchPage = newNodes.some((n) => this.isOnDifferentPage(n));
+      if (!doNotSelect && !(doNotSwitchPage && wouldSwitchPage)) {
         const newNodeIds = newNodes.map((node) => node.id);
         // 触发选中样式
         stage?.multiSelect(newNodeIds);
         await this.multiSelect(newNodeIds);
       }
     } else {
-      if (!doNotSelect) {
+      const wouldSwitchPage = this.isOnDifferentPage(newNodes[0]);
+      const skipSelect = doNotSelect || (doNotSwitchPage && wouldSwitchPage);
+
+      if (!skipSelect) {
         await this.select(newNodes[0]);
       }
 
@@ -424,7 +447,7 @@ class Editor extends BaseService {
         this.state.pageLength += 1;
       } else if (isPageFragment(newNodes[0])) {
         this.state.pageFragmentLength += 1;
-      } else if (!doNotSelect) {
+      } else if (!skipSelect) {
         // 新增页面，这个时候页面还有渲染出来，此时select会出错，在runtime-ready的时候回去select
         stage?.select(newNodes[0].id);
       }
@@ -453,8 +476,8 @@ class Editor extends BaseService {
     return Array.isArray(addNode) ? newNodes : newNodes[0];
   }
 
-  public async doRemove(node: MNode, options?: { doNotSelect?: boolean }): Promise<void> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+  public async doRemove(node: MNode, options?: DslOpOptions): Promise<void> {
+    const { doNotSelect = false, doNotSwitchPage = false } = safeOptions<DslOpOptions>(options);
 
     const root = this.get('root');
     if (!root) throw new Error('root不能为空');
@@ -471,21 +494,19 @@ class Editor extends BaseService {
     const stage = this.get('stage');
     stage?.remove({ id: node.id, parentId: parent.id, root: cloneDeep(root) });
 
-    if (doNotSelect) {
-      // 当被删除节点正好在当前选中列表中时，必须从 state 中移除引用，避免 state 持有已删除节点（与 doNotSelect 无关）
-      const selectedNodes = this.get('nodes');
-      const removedSelectedIndex = selectedNodes.findIndex((n: MNode) => `${n.id}` === `${node.id}`);
-      if (removedSelectedIndex !== -1) {
-        const nextSelected = [...selectedNodes];
-        nextSelected.splice(removedSelectedIndex, 1);
-        this.set('nodes', nextSelected);
-      }
-      // 同理，如果被删除的是当前 page，也清空 state.page，避免持有已删除页面
-      if (isPage(node) || isPageFragment(node)) {
-        const currentPage = this.get('page');
-        if (currentPage && `${currentPage.id}` === `${node.id}`) {
-          this.set('page', null);
-        }
+    // 始终清理已删除节点在 state 中的残留引用：
+    // - 即使后续会调用 selectDefault / select(parent) 覆盖，跳过这些调用（doNotSelect / doNotSwitchPage）时也不能让 state 持有已删除节点
+    const selectedNodes = this.get('nodes');
+    const removedSelectedIndex = selectedNodes.findIndex((n: MNode) => `${n.id}` === `${node.id}`);
+    if (removedSelectedIndex !== -1) {
+      const nextSelected = [...selectedNodes];
+      nextSelected.splice(removedSelectedIndex, 1);
+      this.set('nodes', nextSelected);
+    }
+    if (isPage(node) || isPageFragment(node)) {
+      const currentPage = this.get('page');
+      if (currentPage && `${currentPage.id}` === `${node.id}`) {
+        this.set('page', null);
       }
     }
 
@@ -505,13 +526,14 @@ class Editor extends BaseService {
     if (isPage(node)) {
       this.state.pageLength -= 1;
 
-      if (!doNotSelect) {
+      // 删除页面后默认会切到首个剩余页面（selectDefault），doNotSwitchPage 时跳过这次自动切换
+      if (!doNotSelect && !doNotSwitchPage) {
         await selectDefault(rootItems);
       }
     } else if (isPageFragment(node)) {
       this.state.pageFragmentLength -= 1;
 
-      if (!doNotSelect) {
+      if (!doNotSelect && !doNotSwitchPage) {
         await selectDefault(rootItems);
       }
     } else {
@@ -534,9 +556,10 @@ class Editor extends BaseService {
    * @param {Object} node 要删除的节点或节点集合
    * @param options 可选配置
    * @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
+   * @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
    */
-  public async remove(nodeOrNodeList: MNode | MNode[], options?: { doNotSelect?: boolean }): Promise<void> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+  public async remove(nodeOrNodeList: MNode | MNode[], options?: DslOpOptions): Promise<void> {
+    const { doNotSelect = false, doNotSwitchPage = false } = safeOptions<DslOpOptions>(options);
 
     this.captureSelectionBeforeOp();
 
@@ -561,7 +584,7 @@ class Editor extends BaseService {
       }
     }
 
-    await Promise.all(nodes.map((node) => this.doRemove(node, { doNotSelect })));
+    await Promise.all(nodes.map((node) => this.doRemove(node, { doNotSelect, doNotSwitchPage })));
 
     if (removedItems.length > 0 && pageForOp) {
       this.pushOpHistory('remove', { removedItems }, pageForOp);
@@ -624,8 +647,12 @@ class Editor extends BaseService {
       this.set('nodes', [...selectedNodes]);
     }
 
+    // 只有被更新节点正好是当前选中页面时才同步 state.page，避免「更新非当前页」误将编辑器切到该页
     if (isPage(newConfig) || isPageFragment(newConfig)) {
-      this.set('page', newConfig as MPage | MPageFragment);
+      const currentPage = this.get('page');
+      if (currentPage && `${currentPage.id}` === `${newConfig.id}`) {
+        this.set('page', newConfig as MPage | MPageFragment);
+      }
     }
 
     this.addModifiedNodeId(newConfig.id);
@@ -681,10 +708,11 @@ class Editor extends BaseService {
    * @param id2 组件ID
    * @param options 可选配置
    * @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 排序后是否不切换当前页面（排序只发生在同一父节点内，方法内为空操作；保留以与其它 DSL 操作 API 一致）
    * @returns void
    */
-  public async sort(id1: Id, id2: Id, options?: { doNotSelect?: boolean }): Promise<void> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+  public async sort(id1: Id, id2: Id, options?: DslOpOptions): Promise<void> {
+    const { doNotSelect = false } = safeOptions<DslOpOptions>(options);
 
     this.captureSelectionBeforeOp();
 
@@ -750,14 +778,15 @@ class Editor extends BaseService {
    * @param collectorOptions 可选的依赖收集器配置
    * @param options 可选配置
    * @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 粘贴后是否不切换当前页面（默认 false；跨页粘贴时为 true 会跳过页面切换）
    * @returns 添加后的组件节点配置
    */
   public async paste(
     position: PastePosition = {},
     collectorOptions?: TargetOptions,
-    options?: { doNotSelect?: boolean },
+    options?: DslOpOptions,
   ): Promise<MNode | MNode[] | void> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+    const { doNotSelect = false, doNotSwitchPage = false } = safeOptions<DslOpOptions>(options);
 
     const config: MNode[] = storageService.getItem(COPY_STORAGE_KEY);
     if (!Array.isArray(config)) return;
@@ -778,7 +807,7 @@ class Editor extends BaseService {
       propsService.replaceRelateId(config, pasteConfigs, collectorOptions);
     }
 
-    return this.add(pasteConfigs, parent, { doNotSelect });
+    return this.add(pasteConfigs, parent, { doNotSelect, doNotSwitchPage });
   }
 
   public async doPaste(config: MNode[], position: PastePosition = {}): Promise<MNode[]> {
@@ -808,10 +837,11 @@ class Editor extends BaseService {
    * @param config 组件节点配置
    * @param options 可选配置
    * @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 居中后是否不切换当前页面（居中只更新节点 style，方法内为空操作；保留以与其它 DSL 操作 API 一致）
    * @returns 当前组件节点配置
    */
-  public async alignCenter(config: MNode | MNode[], options?: { doNotSelect?: boolean }): Promise<MNode | MNode[]> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+  public async alignCenter(config: MNode | MNode[], options?: DslOpOptions): Promise<MNode | MNode[]> {
+    const { doNotSelect = false } = safeOptions<DslOpOptions>(options);
 
     const nodes = Array.isArray(config) ? config : [config];
     const stage = this.get('stage');
@@ -890,13 +920,10 @@ class Editor extends BaseService {
    * @param targetId 容器ID
    * @param options 可选配置
    * @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 移动后是否不切换当前页面（默认 false；目标容器位于其它页面时为 true 会跳过自动选中以避免页面切换）
    */
-  public async moveToContainer(
-    config: MNode,
-    targetId: Id,
-    options?: { doNotSelect?: boolean },
-  ): Promise<MNode | undefined> {
-    const { doNotSelect = false } = safeOptions<{ doNotSelect?: boolean }>(options);
+  public async moveToContainer(config: MNode, targetId: Id, options?: DslOpOptions): Promise<MNode | undefined> {
+    const { doNotSelect = false, doNotSwitchPage = false } = safeOptions<DslOpOptions>(options);
 
     this.captureSelectionBeforeOp();
 
@@ -925,7 +952,11 @@ class Editor extends BaseService {
 
       target.items.push(newConfig);
 
-      if (!doNotSelect) {
+      // 目标容器是否在非当前页面：选中目标会触发当前页面切换
+      const targetWouldSwitchPage = this.isOnDifferentPage(target);
+      const skipSelect = doNotSelect || (doNotSwitchPage && targetWouldSwitchPage);
+
+      if (!skipSelect) {
         await stage.select(targetId);
       }
 
@@ -936,7 +967,7 @@ class Editor extends BaseService {
         root: cloneDeep(root),
       });
 
-      if (!doNotSelect) {
+      if (!skipSelect) {
         await this.select(newConfig);
         stage.select(newConfig.id);
       }

package/src/theme/props-panel.scss

@@ -25,26 +25,6 @@
         right: calc(15px + var(--props-style-panel-width));
       }
     }
-
-    .tmagic-design-form {
-      padding-right: 10px;
-      padding-left: 10px;
-
-      > .m-container-tab {
-        > .tmagic-design-tabs {
-          > .el-tabs__content {
-            padding-top: 55px;
-          }
-          > .el-tabs__header.is-top {
-            position: absolute;
-            top: 0;
-            width: 100%;
-            background: #fff;
-            z-index: 3;
-          }
-        }
-      }
-    }
   }
 
   .m-editor-props-style-panel {
@@ -142,6 +122,26 @@
   }
 }
 
+.m-editor-props-form-panel-form {
+  padding-right: 10px;
+  padding-left: 10px;
+
+  > .m-container-tab {
+    > .tmagic-design-tabs {
+      > .el-tabs__content {
+        padding-top: 55px;
+      }
+      > .el-tabs__header.is-top {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        background: #fff;
+        z-index: 3;
+      }
+    }
+  }
+}
+
 .m-editor-props-panel-popper {
   &.small {
     span,

package/src/type.ts

@@ -873,3 +873,13 @@ export const canUsePluginMethods = {
 };
 
 export type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
+
+/**
+ * DSL 修改类操作的通用配置
+ * - doNotSelect: 操作后是否不要自动触发选中（不调用 this.select / this.multiSelect / stage.select / stage.multiSelect）
+ * - doNotSwitchPage: 操作若会引发当前页面切换（如新增 / 删除 / 跨页移动），是否跳过这次切换
+ */
+export type DslOpOptions = {
+  doNotSelect?: boolean;
+  doNotSwitchPage?: boolean;
+};

package/types/index.d.ts

@@ -375,6 +375,12 @@ declare class Editor extends export_default {
    * @returns 指点组件的父节点配置
    */
   getParentById(id: Id, raw?: boolean): MContainer | null;
+  /**
+   * 判断给定节点是否位于非当前页面（即选中该节点将会引起当前页面切换）
+   * @param node 节点
+   * @returns true 表示该节点位于非当前页面
+   */
+  isOnDifferentPage(node: MNode): boolean;
   /**
    * 只有容器拥有布局
    */
@@ -407,23 +413,19 @@ declare class Editor extends export_default {
    * @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
    * @param options 可选配置
    * @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
+   * @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
    * @returns 添加后的节点
    */
-  add(addNode: AddMNode | MNode[], parent?: MContainer | null, options?: {
-    doNotSelect?: boolean;
-  }): Promise<MNode | MNode[]>;
-  doRemove(node: MNode, options?: {
-    doNotSelect?: boolean;
-  }): Promise<void>;
+  add(addNode: AddMNode | MNode[], parent?: MContainer | null, options?: DslOpOptions): Promise<MNode | MNode[]>;
+  doRemove(node: MNode, options?: DslOpOptions): Promise<void>;
   /**
    * 删除组件
    * @param {Object} node 要删除的节点或节点集合
    * @param options 可选配置
    * @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
+   * @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
    */
-  remove(nodeOrNodeList: MNode | MNode[], options?: {
-    doNotSelect?: boolean;
-  }): Promise<void>;
+  remove(nodeOrNodeList: MNode | MNode[], options?: DslOpOptions): Promise<void>;
   doUpdate(config: MNode, {
     changeRecords
   }?: {
@@ -448,11 +450,10 @@ declare class Editor extends export_default {
    * @param id2 组件ID
    * @param options 可选配置
    * @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 排序后是否不切换当前页面（排序只发生在同一父节点内，方法内为空操作；保留以与其它 DSL 操作 API 一致）
    * @returns void
    */
-  sort(id1: Id, id2: Id, options?: {
-    doNotSelect?: boolean;
-  }): Promise<void>;
+  sort(id1: Id, id2: Id, options?: DslOpOptions): Promise<void>;
   /**
    * 将组件节点配置存储到localStorage中
    * @param config 组件节点配置
@@ -471,11 +472,10 @@ declare class Editor extends export_default {
    * @param collectorOptions 可选的依赖收集器配置
    * @param options 可选配置
    * @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 粘贴后是否不切换当前页面（默认 false；跨页粘贴时为 true 会跳过页面切换）
    * @returns 添加后的组件节点配置
    */
-  paste(position?: PastePosition, collectorOptions?: TargetOptions, options?: {
-    doNotSelect?: boolean;
-  }): Promise<MNode | MNode[] | void>;
+  paste(position?: PastePosition, collectorOptions?: TargetOptions, options?: DslOpOptions): Promise<MNode | MNode[] | void>;
   doPaste(config: MNode[], position?: PastePosition): Promise<MNode[]>;
   doAlignCenter(config: MNode): Promise<MNode>;
   /**
@@ -483,11 +483,10 @@ declare class Editor extends export_default {
    * @param config 组件节点配置
    * @param options 可选配置
    * @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 居中后是否不切换当前页面（居中只更新节点 style，方法内为空操作；保留以与其它 DSL 操作 API 一致）
    * @returns 当前组件节点配置
    */
-  alignCenter(config: MNode | MNode[], options?: {
-    doNotSelect?: boolean;
-  }): Promise<MNode | MNode[]>;
+  alignCenter(config: MNode | MNode[], options?: DslOpOptions): Promise<MNode | MNode[]>;
   /**
    * 移动当前选中节点位置
    * @param offset 偏移量
@@ -499,10 +498,9 @@ declare class Editor extends export_default {
    * @param targetId 容器ID
    * @param options 可选配置
    * @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
+   * @param options.doNotSwitchPage 移动后是否不切换当前页面（默认 false；目标容器位于其它页面时为 true 会跳过自动选中以避免页面切换）
    */
-  moveToContainer(config: MNode, targetId: Id, options?: {
-    doNotSelect?: boolean;
-  }): Promise<MNode | undefined>;
+  moveToContainer(config: MNode, targetId: Id, options?: DslOpOptions): Promise<MNode | undefined>;
   dragTo(config: MNode | MNode[], targetParent: MContainer, targetIndex: number): Promise<void>;
   /**
    * 撤销当前操作
@@ -1509,6 +1507,15 @@ declare const canUsePluginMethods: {
   sync: never[];
 };
 type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
+/**
+ * DSL 修改类操作的通用配置
+ * - doNotSelect: 操作后是否不要自动触发选中（不调用 this.select / this.multiSelect / stage.select / stage.multiSelect）
+ * - doNotSwitchPage: 操作若会引发当前页面切换（如新增 / 删除 / 跨页移动），是否跳过这次切换
+ */
+type DslOpOptions = {
+  doNotSelect?: boolean;
+  doNotSwitchPage?: boolean;
+};
 //#endregion
 //#region temp/packages/form/src/schema.d.ts
 interface ChangeRecord$1 {
@@ -4172,4 +4179,4 @@ declare const _default$36: {
   install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>) => void;
 };
 //#endregion
-export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CanDropInFunction, CanDropInScene, _default as CodeBlockEditor, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, ComponentGroup, ComponentGroupState, ComponentItem, _default$5 as ComponentListPanel, ComponentListPanelSlots, _default$6 as CondOpSelect, _default$7 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$8 as DataSourceAddButton, _default$9 as DataSourceConfigPanel, _default$10 as DataSourceFieldSelect, _default$11 as DataSourceFields, _default$12 as DataSourceInput, DataSourceListSlots, _default$13 as DataSourceMethodSelect, _default$14 as DataSourceMethods, _default$15 as DataSourceMocks, _default$16 as DataSourceSelect, DatasourceTypeOption, DepTargetType, _default$17 as DisplayConds, DragClassification, DragType, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$18 as EventSelect, Fixed2Other, _default$19 as FloatingBox, FrameworkSlots, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpType, HistoryState, _default$20 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$21 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$22 as LayerPanel, LayerPanelSlots, Layout, _default$23 as LayoutContainer, _default$23 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$24 as PageFragmentSelect, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$25 as PropsFormPanel, PropsFormValueFunction, _default$26 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$27 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepValue, StoreState, StoreStateKey, _default$28 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$29 as TMagicCodeEditor, _default$30 as TMagicEditor, _default$31 as ToolButton, _default$32 as Tree, _default$33 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$34 as codeBlockService, collectRelatedNodes, _default$35 as dataSourceService, debug, _default$36 as default, defaultIsExpandable, _default$37 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$38 as editorService, eqOptions, error, eventTabConfig, _default$39 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$40 as historyService, info, isIncludeDataSource, _default$41 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$42 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$43 as stageOverlayService, _default$44 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$45 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CanDropInFunction, CanDropInScene, _default as CodeBlockEditor, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, ComponentGroup, ComponentGroupState, ComponentItem, _default$5 as ComponentListPanel, ComponentListPanelSlots, _default$6 as CondOpSelect, _default$7 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$8 as DataSourceAddButton, _default$9 as DataSourceConfigPanel, _default$10 as DataSourceFieldSelect, _default$11 as DataSourceFields, _default$12 as DataSourceInput, DataSourceListSlots, _default$13 as DataSourceMethodSelect, _default$14 as DataSourceMethods, _default$15 as DataSourceMocks, _default$16 as DataSourceSelect, DatasourceTypeOption, DepTargetType, _default$17 as DisplayConds, DragClassification, DragType, DslOpOptions, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$18 as EventSelect, Fixed2Other, _default$19 as FloatingBox, FrameworkSlots, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpType, HistoryState, _default$20 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$21 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$22 as LayerPanel, LayerPanelSlots, Layout, _default$23 as LayoutContainer, _default$23 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$24 as PageFragmentSelect, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$25 as PropsFormPanel, PropsFormValueFunction, _default$26 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$27 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepValue, StoreState, StoreStateKey, _default$28 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$29 as TMagicCodeEditor, _default$30 as TMagicEditor, _default$31 as ToolButton, _default$32 as Tree, _default$33 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$34 as codeBlockService, collectRelatedNodes, _default$35 as dataSourceService, debug, _default$36 as default, defaultIsExpandable, _default$37 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$38 as editorService, eqOptions, error, eventTabConfig, _default$39 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$40 as historyService, info, isIncludeDataSource, _default$41 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$42 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$43 as stageOverlayService, _default$44 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$45 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };