@tmagic/editor 1.7.14-beta.1 → 1.7.14-beta.3

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

@@ -1,7 +1,7 @@
 import { useServices } from "../hooks/use-services.js";
 import Icon_default from "./Icon.js";
 import { TMagicButton, TMagicDivider, TMagicDropdown, TMagicDropdownItem, TMagicDropdownMenu, TMagicIcon, TMagicTooltip } from "@tmagic/design";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, toHandlers, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, toHandlers, unref, useTemplateRef, withCtx } from "vue";
 import { ArrowDown } from "@element-plus/icons-vue";
 //#region packages/editor/src/components/ToolButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -19,9 +19,11 @@ var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		}) },
 		eventType: { default: "click" }
 	},
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const services = useServices();
+		const rootElRef = useTemplateRef("rootEl");
+		const getElRef = () => rootElRef;
 		const disabled = computed(() => {
 			if (typeof props.data === "string") return false;
 			if (props.data.type === "component") return false;
@@ -53,9 +55,11 @@ var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			if (props.eventType !== "mouseup") return;
 			if (item.type === "button" && event.button === 0) buttonHandler(item, event);
 		};
+		__expose({ getElRef });
 		return (_ctx, _cache) => {
 			return display.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
+				ref: "rootEl",
 				class: normalizeClass(["menu-item", `${__props.data.type} ${__props.data.className || ""}`]),
 				onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(__props.data, $event)),
 				onMousedown: _cache[1] || (_cache[1] = ($event) => mousedownHandler(__props.data, $event)),

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

@@ -124,23 +124,23 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			if (props.type === "diff") {
 				const originalModel = monaco.editor.createModel(values.value, "text/javascript");
 				const modifiedModel = monaco.editor.createModel(toString(m, props.language), "text/javascript");
-				const position = vsDiffEditor?.getPosition();
+				const viewState = vsDiffEditor?.saveViewState();
 				const result = vsDiffEditor?.setModel({
 					original: originalModel,
 					modified: modifiedModel
 				});
-				if (position) {
-					vsDiffEditor?.setPosition(position);
+				if (viewState) nextTick(() => {
+					vsDiffEditor?.restoreViewState(viewState);
 					vsDiffEditor?.focus();
-				}
+				});
 				return result;
 			}
-			const position = vsEditor?.getPosition();
+			const viewState = vsEditor?.saveViewState();
 			const result = vsEditor?.setValue(values.value);
-			if (position) {
-				vsEditor?.setPosition(position);
+			if (viewState) nextTick(() => {
+				vsEditor?.restoreViewState(viewState);
 				vsEditor?.focus();
-			}
+			});
 			return result;
 		};
 		const getEditorValue = () => (props.type === "diff" ? vsDiffEditor?.getModifiedEditor().getValue() : vsEditor?.getValue()) || "";

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

@@ -1,8 +1,8 @@
 import { ColumnLayout } from "../type.js";
 import { useServices } from "../hooks/use-services.js";
-import ToolButton_default from "../components/ToolButton.js";
+import NavMenuColumn_default from "./NavMenuColumn.js";
 import { NodeType } from "@tmagic/core";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, unref, useTemplateRef } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, markRaw, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, unref, useTemplateRef } from "vue";
 import { Back, Delete, FullScreen, Grid, Memo, Right, ScaleToOriginal, ZoomIn, ZoomOut } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/NavMenu.vue?vue&type=script&setup=true&lang.ts
 var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -165,16 +165,16 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				style: normalizeStyle({ height: `${__props.height}px` }),
 				ref: "navMenu"
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(keys), (key) => {
-				return openBlock(), createElementBlock("div", {
-					class: normalizeClass(`menu-${key}`),
+				return openBlock(), createBlock(NavMenuColumn_default, {
 					key,
-					style: normalizeStyle(`width: ${columnWidth.value?.[key]}px`)
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(buttons.value[key], (item, index) => {
-					return openBlock(), createBlock(ToolButton_default, {
-						data: item,
-						key: index
-					}, null, 8, ["data"]);
-				}), 128))], 6);
+					"column-key": key,
+					items: buttons.value[key],
+					width: columnWidth.value?.[key]
+				}, null, 8, [
+					"column-key",
+					"items",
+					"width"
+				]);
 			}), 128))], 4);
 		};
 	}

package/dist/es/layouts/NavMenuColumn.js

@@ -0,0 +1,5 @@
+import NavMenuColumn_vue_vue_type_script_setup_true_lang_default from "./NavMenuColumn.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/NavMenuColumn.vue
+var NavMenuColumn_default = NavMenuColumn_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { NavMenuColumn_default as default };

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

@@ -0,0 +1,201 @@
+import ToolButton_default from "../components/ToolButton.js";
+import { TMagicButton, TMagicPopover } from "@tmagic/design";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, useTemplateRef, watch, withCtx } from "vue";
+import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
+//#region packages/editor/src/layouts/NavMenuColumn.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-nav-menu-overflow-list" };
+var NavMenuColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorNavMenuColumn",
+	__name: "NavMenuColumn",
+	props: {
+		columnKey: {},
+		items: { default: () => [] },
+		width: {},
+		gap: { default: 3 },
+		popoverWidth: { default: 180 }
+	},
+	setup(__props) {
+		const props = __props;
+		const columnEl = useTemplateRef("columnEl");
+		const moreWrapperEl = useTemplateRef("moreWrapperEl");
+		const popoverVisible = ref(false);
+		const togglePopover = () => {
+			popoverVisible.value = !popoverVisible.value;
+		};
+		const itemInstances = ref([]);
+		let slotsRO;
+		const observedEls = /* @__PURE__ */ new Set();
+		const setItemRef = (inst, index) => {
+			itemInstances.value[index] = inst ?? null;
+		};
+		const itemEls = computed(() => itemInstances.value.map((inst) => inst?.getElRef?.().value ?? null));
+		const reobserveSlots = () => {
+			if (!slotsRO) return;
+			for (const el of observedEls) slotsRO.unobserve(el);
+			observedEls.clear();
+			for (const el of itemEls.value) if (el) {
+				slotsRO.observe(el);
+				observedEls.add(el);
+			}
+		};
+		const cachedWidths = ref(/* @__PURE__ */ new Map());
+		const moreWidth = ref(0);
+		const containerWidth = ref(0);
+		const hiddenIndexSet = ref(/* @__PURE__ */ new Set());
+		const hasOverflow = computed(() => hiddenIndexSet.value.size > 0);
+		const overflowItems = computed(() => props.items.filter((_, index) => hiddenIndexSet.value.has(index)));
+		const measureAndCompute = () => {
+			if (!columnEl.value) return;
+			containerWidth.value = columnEl.value.clientWidth;
+			const els = itemEls.value;
+			for (let i = 0; i < props.items.length; i++) {
+				const el = els[i];
+				if (!el) {
+					cachedWidths.value.delete(i);
+					continue;
+				}
+				const w = el.getBoundingClientRect().width;
+				if (w > 0) cachedWidths.value.set(i, w);
+				else cachedWidths.value.delete(i);
+			}
+			if (moreWrapperEl.value) {
+				const w = moreWrapperEl.value.getBoundingClientRect().width;
+				if (w > 0) moreWidth.value = w;
+			}
+			const total = props.items.length;
+			if (total === 0 || containerWidth.value <= 0) {
+				if (hiddenIndexSet.value.size > 0) hiddenIndexSet.value = /* @__PURE__ */ new Set();
+				return;
+			}
+			let fullSum = 0;
+			let positive = 0;
+			for (let i = 0; i < total; i++) {
+				const w = cachedWidths.value.get(i) ?? 0;
+				if (w > 0) {
+					fullSum += w;
+					positive += 1;
+				}
+			}
+			fullSum += props.gap * Math.max(0, positive - 1);
+			const effectiveMoreWidth = moreWidth.value > 0 ? moreWidth.value : 32;
+			const reservedMore = effectiveMoreWidth + (positive > 0 ? props.gap : 0);
+			let nextHidden = null;
+			if (fullSum + reservedMore <= containerWidth.value + .5) {
+				if (hiddenIndexSet.value.size > 0) nextHidden = /* @__PURE__ */ new Set();
+			} else {
+				const newHidden = /* @__PURE__ */ new Set();
+				let used = effectiveMoreWidth;
+				let cutoff = -1;
+				for (let i = 0; i < total; i++) {
+					const w = cachedWidths.value.get(i) ?? 0;
+					if (w === 0) continue;
+					const need = props.gap + w;
+					if (used + need > containerWidth.value) {
+						cutoff = i;
+						break;
+					}
+					used += need;
+				}
+				if (cutoff >= 0) for (let j = cutoff; j < total; j++) newHidden.add(j);
+				nextHidden = newHidden;
+			}
+			if (nextHidden) {
+				if (!(nextHidden.size === hiddenIndexSet.value.size && [...nextHidden].every((v) => hiddenIndexSet.value.has(v)))) hiddenIndexSet.value = nextHidden;
+			}
+		};
+		let raf = 0;
+		const scheduleMeasure = () => {
+			if (raf) cancelAnimationFrame(raf);
+			raf = requestAnimationFrame(() => {
+				raf = 0;
+				measureAndCompute();
+				if (hasOverflow.value && moreWidth.value === 0) raf = requestAnimationFrame(() => {
+					raf = 0;
+					measureAndCompute();
+				});
+			});
+		};
+		watch(hasOverflow, (value) => {
+			if (!value) popoverVisible.value = false;
+		});
+		watch(() => props.items, () => {
+			cachedWidths.value = /* @__PURE__ */ new Map();
+			hiddenIndexSet.value = /* @__PURE__ */ new Set();
+		}, { deep: true });
+		watch(itemEls, () => {
+			cachedWidths.value = /* @__PURE__ */ new Map();
+			reobserveSlots();
+			scheduleMeasure();
+		});
+		watch(() => props.width, () => scheduleMeasure());
+		let ro;
+		onMounted(() => {
+			if (typeof ResizeObserver !== "undefined") {
+				if (columnEl.value) {
+					ro = new ResizeObserver(() => scheduleMeasure());
+					ro.observe(columnEl.value);
+				}
+				slotsRO = new ResizeObserver(() => scheduleMeasure());
+				reobserveSlots();
+			}
+			scheduleMeasure();
+		});
+		onBeforeUnmount(() => {
+			if (raf) cancelAnimationFrame(raf);
+			ro?.disconnect();
+			slotsRO?.disconnect();
+			slotsRO = void 0;
+			observedEls.clear();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(`menu-${__props.columnKey} m-editor-nav-menu-column`),
+				style: normalizeStyle(__props.width != null ? `width: ${__props.width}px` : ""),
+				ref_key: "columnEl",
+				ref: columnEl
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				return openBlock(), createBlock(ToolButton_default, {
+					data: item,
+					key: `item-${index}`,
+					class: normalizeClass({ "m-editor-nav-menu-slot-hidden": hiddenIndexSet.value.has(index) }),
+					ref_for: true,
+					ref: (comp) => setItemRef(comp, index)
+				}, null, 8, ["data", "class"]);
+			}), 128)), createElementVNode("div", {
+				class: normalizeClass(["m-editor-nav-menu-more-wrapper", { "m-editor-nav-menu-more-wrapper-hidden": !hasOverflow.value }]),
+				ref_key: "moreWrapperEl",
+				ref: moreWrapperEl
+			}, [createVNode(unref(TMagicPopover), {
+				placement: "bottom-end",
+				"popper-class": "m-editor-nav-menu-popover",
+				width: __props.popoverWidth,
+				visible: popoverVisible.value
+			}, {
+				reference: withCtx(() => [createElementVNode("div", {
+					class: "menu-item button m-editor-nav-menu-more",
+					ref: "referenceEl",
+					onClick: togglePopover
+				}, [createVNode(unref(TMagicButton), {
+					size: "small",
+					text: "",
+					icon: popoverVisible.value ? unref(ArrowUp) : unref(ArrowDown),
+					bg: popoverVisible.value,
+					type: popoverVisible.value ? "primary" : ""
+				}, null, 8, [
+					"icon",
+					"bg",
+					"type"
+				])], 512)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(overflowItems.value, (item, index) => {
+					return openBlock(), createBlock(ToolButton_default, {
+						data: item,
+						key: `o-${index}`
+					}, null, 8, ["data"]);
+				}), 128))])]),
+				_: 1
+			}, 8, ["width", "visible"])], 2)], 6);
+		};
+	}
+});
+//#endregion
+export { NavMenuColumn_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/services/editor.js

@@ -12,6 +12,23 @@ import { NodeType } from "@tmagic/core";
 import { reactive, toRaw } from "vue";
 import { cloneDeep, isObject, mergeWith, uniq } from "lodash-es";
 //#region packages/editor/src/services/editor.ts
+/**
+* 经过 BaseService 的插件 / 中间件包装后，源方法的最后一个形参可能被注入为 dispatch 函数
+* 当 options 形参位置被注入为函数（或为 null）时，将其归一为空对象，避免后续逻辑误读
+*/
+var safeOptions = (options) => {
+	const empty = {};
+	if (!options || typeof options === "function") return empty;
+	return options;
+};
+/**
+* 经过 BaseService 的插件 / 中间件包装后，源方法的形参可能被注入为 dispatch 函数
+* 当 parent 形参位置被注入为函数（或为空值）时，归一为 null，由调用方继续走默认 parent 逻辑
+*/
+var safeParent = (parent) => {
+	if (!parent || typeof parent === "function") return null;
+	return parent;
+};
 var Editor = class extends BaseService_default {
 	state = reactive({
 		root: null,
@@ -222,9 +239,13 @@ var Editor = class extends BaseService_default {
 	* 向指点容器添加组件节点
 	* @param addConfig 将要添加的组件节点配置
 	* @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
+	* @param options 可选配置
+	* @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
 	* @returns 添加后的节点
 	*/
-	async add(addNode, parent) {
+	async add(addNode, parent, options) {
+		const safeParentNode = safeParent(parent);
+		const { doNotSelect = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const stage = this.get("stage");
 		const addNodes = [];
@@ -236,19 +257,21 @@ var Editor = class extends BaseService_default {
 		const newNodes = await Promise.all(addNodes.map((node) => {
 			const root = this.get("root");
 			if ((isPage(node) || isPageFragment(node)) && root) return this.doAdd(node, root);
-			const parentNode = parent && typeof parent !== "function" ? parent : getAddParent(node);
+			const parentNode = safeParentNode ?? getAddParent(node);
 			if (!parentNode) throw new Error("未找到父元素");
 			return this.doAdd(node, parentNode);
 		}));
 		if (newNodes.length > 1) {
-			const newNodeIds = newNodes.map((node) => node.id);
-			stage?.multiSelect(newNodeIds);
-			await this.multiSelect(newNodeIds);
+			if (!doNotSelect) {
+				const newNodeIds = newNodes.map((node) => node.id);
+				stage?.multiSelect(newNodeIds);
+				await this.multiSelect(newNodeIds);
+			}
 		} else {
-			await this.select(newNodes[0]);
+			if (!doNotSelect) await this.select(newNodes[0]);
 			if (isPage(newNodes[0])) this.state.pageLength += 1;
 			else if (isPageFragment(newNodes[0])) this.state.pageFragmentLength += 1;
-			else stage?.select(newNodes[0].id);
+			else if (!doNotSelect) stage?.select(newNodes[0].id);
 		}
 		if (!(isPage(newNodes[0]) || isPageFragment(newNodes[0]))) {
 			const pageForOp = this.getNodeInfo(newNodes[0].id, false).page;
@@ -267,7 +290,8 @@ var Editor = class extends BaseService_default {
 		this.emit("add", newNodes);
 		return Array.isArray(addNode) ? newNodes : newNodes[0];
 	}
-	async doRemove(node) {
+	async doRemove(node, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		const root = this.get("root");
 		if (!root) throw new Error("root不能为空");
 		const { parent, node: curNode } = this.getNodeInfo(node.id, false);
@@ -281,6 +305,19 @@ 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 selectDefault = async (pages) => {
 			if (pages[0]) {
 				await this.select(pages[0]);
@@ -293,13 +330,15 @@ var Editor = class extends BaseService_default {
 		const rootItems = root.items || [];
 		if (isPage(node)) {
 			this.state.pageLength -= 1;
-			await selectDefault(rootItems);
+			if (!doNotSelect) await selectDefault(rootItems);
 		} else if (isPageFragment(node)) {
 			this.state.pageFragmentLength -= 1;
-			await selectDefault(rootItems);
+			if (!doNotSelect) await selectDefault(rootItems);
 		} else {
-			await this.select(parent);
-			stage?.select(parent.id);
+			if (!doNotSelect) {
+				await this.select(parent);
+				stage?.select(parent.id);
+			}
 			this.addModifiedNodeId(parent.id);
 		}
 		if (!rootItems.length) {
@@ -309,9 +348,12 @@ var Editor = class extends BaseService_default {
 	}
 	/**
 	* 删除组件
-	* @param {Object} node
+	* @param {Object} node 要删除的节点或节点集合
+	* @param options 可选配置
+	* @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
 	*/
-	async remove(nodeOrNodeList) {
+	async remove(nodeOrNodeList, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
 		const removedItems = [];
@@ -331,11 +373,11 @@ var Editor = class extends BaseService_default {
 				});
 			}
 		}
-		await Promise.all(nodes.map((node) => this.doRemove(node)));
+		await Promise.all(nodes.map((node) => this.doRemove(node, { doNotSelect })));
 		if (removedItems.length > 0 && pageForOp) this.pushOpHistory("remove", { removedItems }, pageForOp);
 		this.emit("remove", nodes);
 	}
-	async doUpdate(config, { changeRecords = [], selectedAfterUpdate = true } = {}) {
+	async doUpdate(config, { changeRecords = [] } = {}) {
 		const root = this.get("root");
 		if (!root) throw new Error("root为空");
 		if (!config?.id) throw new Error("没有配置或者配置缺少id值");
@@ -362,11 +404,11 @@ var Editor = class extends BaseService_default {
 		const layout = await this.getLayout(node);
 		if (Array.isArray(newConfig.items) && newLayout !== layout) newConfig = setChildrenLayout(newConfig, newLayout);
 		parentNodeItems[index] = newConfig;
-		if (selectedAfterUpdate) {
-			const nodes = this.get("nodes");
-			const targetIndex = nodes.findIndex((nodeItem) => `${nodeItem.id}` === `${newConfig.id}`);
-			nodes.splice(targetIndex, 1, newConfig);
-			this.set("nodes", [...nodes]);
+		const selectedNodes = this.get("nodes");
+		const targetIndex = selectedNodes.findIndex((nodeItem) => `${nodeItem.id}` === `${newConfig.id}`);
+		if (targetIndex !== -1) {
+			selectedNodes.splice(targetIndex, 1, newConfig);
+			this.set("nodes", [...selectedNodes]);
 		}
 		if (isPage(newConfig) || isPageFragment(newConfig)) this.set("page", newConfig);
 		this.addModifiedNodeId(newConfig.id);
@@ -407,9 +449,12 @@ var Editor = class extends BaseService_default {
 	* 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
 	* @param id1 组件ID
 	* @param id2 组件ID
+	* @param options 可选配置
+	* @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
 	* @returns void
 	*/
-	async sort(id1, id2) {
+	async sort(id1, id2, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const root = this.get("root");
 		if (!root) throw new Error("root为空");
@@ -422,7 +467,7 @@ var Editor = class extends BaseService_default {
 		const index1 = parent.items.findIndex((node) => `${node.id}` === `${id1}`);
 		parent.items.splice(index2, 0, ...parent.items.splice(index1, 1));
 		await this.update(parent);
-		await this.select(node);
+		if (!doNotSelect) await this.select(node);
 		this.get("stage")?.update({
 			config: cloneDeep(node),
 			parentId: parent.id,
@@ -450,9 +495,13 @@ var Editor = class extends BaseService_default {
 	/**
 	* 从localStorage中获取节点，然后添加到当前容器中
 	* @param position 粘贴的坐标
+	* @param collectorOptions 可选的依赖收集器配置
+	* @param options 可选配置
+	* @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
 	* @returns 添加后的组件节点配置
 	*/
-	async paste(position = {}, collectorOptions) {
+	async paste(position = {}, collectorOptions, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		const config = storage_default.getItem(COPY_STORAGE_KEY);
 		if (!Array.isArray(config)) return;
 		const node = this.get("node");
@@ -463,7 +512,7 @@ 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);
+		return this.add(pasteConfigs, parent, { doNotSelect });
 	}
 	async doPaste(config, position = {}) {
 		props_default.clearRelateId();
@@ -484,14 +533,17 @@ var Editor = class extends BaseService_default {
 	/**
 	* 将指点节点设置居中
 	* @param config 组件节点配置
+	* @param options 可选配置
+	* @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
 	* @returns 当前组件节点配置
 	*/
-	async alignCenter(config) {
+	async alignCenter(config, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		const nodes = Array.isArray(config) ? config : [config];
 		const stage = this.get("stage");
 		const newNodes = await Promise.all(nodes.map((node) => this.doAlignCenter(node)));
 		const newNode = await this.update(newNodes);
-		if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
+		if (!doNotSelect) if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
 		else await stage?.select(newNodes[0].id);
 		return newNode;
 	}
@@ -536,8 +588,11 @@ var Editor = class extends BaseService_default {
 	* 移动到指定容器中
 	* @param config 需要移动的节点
 	* @param targetId 容器ID
+	* @param options 可选配置
+	* @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
 	*/
-	async moveToContainer(config, targetId) {
+	async moveToContainer(config, targetId, options) {
+		const { doNotSelect = false } = safeOptions(options);
 		this.captureSelectionBeforeOp();
 		const root = this.get("root");
 		const { node, parent, page: pageForOp } = this.getNodeInfo(config.id, false);
@@ -559,15 +614,17 @@ var Editor = class extends BaseService_default {
 			});
 			newConfig.style = getInitPositionStyle(newConfig.style, layout);
 			target.items.push(newConfig);
-			await stage.select(targetId);
+			if (!doNotSelect) await stage.select(targetId);
 			const targetParent = this.getParentById(target.id);
 			await stage.update({
 				config: cloneDeep(target),
 				parentId: targetParent?.id,
 				root: cloneDeep(root)
 			});
-			await this.select(newConfig);
-			stage.select(newConfig.id);
+			if (!doNotSelect) {
+				await this.select(newConfig);
+				stage.select(newConfig.id);
+			}
 			this.addModifiedNodeId(target.id);
 			this.addModifiedNodeId(parent.id);
 			this.pushOpHistory("update", { updatedItems: [{

package/dist/es/services/storage.js

@@ -64,10 +64,10 @@ var WebStorage = class extends BaseService_default {
 		const { protocol = options.protocol, item } = this.getValueAndProtocol(storage.getItem(`${options.namespace || namespace}:${key}`));
 		if (item === null) return null;
 		switch (protocol) {
-			case Protocol.OBJECT: return getEditorConfig("parseDSL")(`(${item})`);
-			case Protocol.JSON: return JSON.parse(item);
-			case Protocol.NUMBER: return Number(item);
-			case Protocol.BOOLEAN:
+			case "object": return getEditorConfig("parseDSL")(`(${item})`);
+			case "json": return JSON.parse(item);
+			case "number": return Number(item);
+			case "boolean":
 				if (item === "true") return true;
 				if (item === "false") return false;
 			default: return item;
@@ -95,7 +95,7 @@ var WebStorage = class extends BaseService_default {
 		const namespace = this.getNamespace();
 		let item = value;
 		const protocol = options.protocol ? `${options.protocol}:` : "";
-		if (typeof value === Protocol.STRING || typeof value === Protocol.NUMBER) item = `${protocol}${value}`;
+		if (typeof value === "string" || typeof value === "number") item = `${protocol}${value}`;
 		else item = `${protocol}${serialize(value)}`;
 		storage.setItem(`${options.namespace || namespace}:${key}`, item);
 	}