@tmagic/editor 1.7.9 → 1.7.11

package/dist/es/services/editor.js

@@ -1,43 +1,17 @@
-import { LayerOffset, Layout } from "../type.js";
+import { Layout, canUsePluginMethods } from "../type.js";
 import BaseService_default from "./BaseService.js";
 import props_default from "./props.js";
 import history_default from "./history.js";
 import storage_default, { Protocol } from "./storage.js";
-import { COPY_STORAGE_KEY, Fixed2Other, change2Fixed, fixNodePosition, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, moveItemsInContainer, setChildrenLayout, setLayout } from "../utils/editor.js";
+import { COPY_STORAGE_KEY, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, classifyDragSources, collectRelatedNodes, editorNodeMergeCustomizer, fixNodePosition, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, moveItemsInContainer, resolveSelectedNode, setChildrenLayout, setLayout, toggleFixedPosition } from "../utils/editor.js";
+import { applyHistoryAddOp, applyHistoryRemoveOp, applyHistoryUpdateOp } from "../utils/editor-history.js";
 import { beforePaste, getAddParent } from "../utils/operator.js";
 import { isFixed } from "@tmagic/stage";
-import { calcValueByFontsize, getElById, getNodeInfo, getNodePath, isNumber, isPage, isPageFragment, isPop } from "@tmagic/utils";
-import { NodeType, Target, Watcher } from "@tmagic/core";
+import { getNodeInfo, getNodePath, isPage, isPageFragment } from "@tmagic/utils";
+import { NodeType } from "@tmagic/core";
 import { reactive, toRaw } from "vue";
-import { cloneDeep, get, isObject, mergeWith, uniq } from "lodash-es";
+import { cloneDeep, isObject, mergeWith, uniq } from "lodash-es";
 //#region packages/editor/src/services/editor.ts
-var canUsePluginMethods = {
-	async: [
-		"getLayout",
-		"highlight",
-		"select",
-		"multiSelect",
-		"doAdd",
-		"add",
-		"doRemove",
-		"remove",
-		"doUpdate",
-		"update",
-		"sort",
-		"copy",
-		"paste",
-		"doPaste",
-		"doAlignCenter",
-		"alignCenter",
-		"moveLayer",
-		"moveToContainer",
-		"dragTo",
-		"undo",
-		"redo",
-		"move"
-	],
-	sync: []
-};
 var Editor = class extends BaseService_default {
 	state = reactive({
 		root: null,
@@ -54,6 +28,7 @@ var Editor = class extends BaseService_default {
 		disabledMultiSelect: false
 	});
 	isHistoryStateChange = false;
+	selectionBeforeOp = null;
 	constructor() {
 		super(canUsePluginMethods.async.map((methodName) => ({
 			name: methodName,
@@ -249,6 +224,7 @@ var Editor = class extends BaseService_default {
 	* @returns 添加后的节点
 	*/
 	async add(addNode, parent) {
+		this.captureSelectionBeforeOp();
 		const stage = this.get("stage");
 		const addNodes = [];
 		if (!Array.isArray(addNode)) {
@@ -273,7 +249,20 @@ var Editor = class extends BaseService_default {
 			else if (isPageFragment(newNodes[0])) this.state.pageFragmentLength += 1;
 			else stage?.select(newNodes[0].id);
 		}
-		if (!(isPage(newNodes[0]) || isPageFragment(newNodes[0]))) this.pushHistoryState();
+		if (!(isPage(newNodes[0]) || isPageFragment(newNodes[0]))) {
+			const pageForOp = this.getNodeInfo(newNodes[0].id, false).page;
+			this.pushOpHistory("add", {
+				nodes: newNodes.map((n) => cloneDeep(toRaw(n))),
+				parentId: (this.getParentById(newNodes[0].id, false) ?? this.get("root")).id,
+				indexMap: Object.fromEntries(newNodes.map((n) => {
+					const p = this.getParentById(n.id, false);
+					return [n.id, p ? getNodeIndex(n.id, p) : -1];
+				}))
+			}, {
+				name: pageForOp?.name || "",
+				id: pageForOp.id
+			});
+		}
 		this.emit("add", newNodes);
 		return Array.isArray(addNode) ? newNodes : newNodes[0];
 	}
@@ -322,9 +311,27 @@ var Editor = class extends BaseService_default {
 	* @param {Object} node
 	*/
 	async remove(nodeOrNodeList) {
+		this.captureSelectionBeforeOp();
 		const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
+		const removedItems = [];
+		let pageForOp = null;
+		if (!(isPage(nodes[0]) || isPageFragment(nodes[0]))) for (const n of nodes) {
+			const { parent, node: curNode, page } = this.getNodeInfo(n.id, false);
+			if (parent && curNode) {
+				if (!pageForOp && page) pageForOp = {
+					name: page.name || "",
+					id: page.id
+				};
+				const idx = getNodeIndex(curNode.id, parent);
+				removedItems.push({
+					node: cloneDeep(toRaw(curNode)),
+					parentId: parent.id,
+					index: typeof idx === "number" ? idx : -1
+				});
+			}
+		}
 		await Promise.all(nodes.map((node) => this.doRemove(node)));
-		if (!(isPage(nodes[0]) || isPageFragment(nodes[0]))) this.pushHistoryState();
+		if (removedItems.length > 0 && pageForOp) this.pushOpHistory("remove", { removedItems }, pageForOp);
 		this.emit("remove", nodes);
 	}
 	async doUpdate(config, { changeRecords = [] } = {}) {
@@ -334,12 +341,8 @@ var Editor = class extends BaseService_default {
 		const info = this.getNodeInfo(config.id, false);
 		if (!info.node) throw new Error(`获取不到id为${config.id}的节点`);
 		const node = toRaw(info.node);
-		let newConfig = await this.toggleFixedPosition(toRaw(config), node, root);
-		newConfig = mergeWith(cloneDeep(node), newConfig, (objValue, srcValue, key, object, source) => {
-			if (typeof srcValue === "undefined" && Object.hasOwn(source, key)) return "";
-			if (isObject(srcValue) && Array.isArray(objValue)) return srcValue;
-			if (Array.isArray(srcValue)) return srcValue;
-		});
+		let newConfig = await toggleFixedPosition(toRaw(config), node, root, this.getLayout);
+		newConfig = mergeWith(cloneDeep(node), newConfig, editorNodeMergeCustomizer);
 		if (!newConfig.type) throw new Error("配置缺少type值");
 		if (newConfig.type === NodeType.ROOT) {
 			this.set("root", newConfig);
@@ -377,9 +380,23 @@ var Editor = class extends BaseService_default {
 	* @returns 更新后的节点配置
 	*/
 	async update(config, data = {}) {
+		this.captureSelectionBeforeOp();
 		const nodes = Array.isArray(config) ? config : [config];
 		const updateData = await Promise.all(nodes.map((node) => this.doUpdate(node, data)));
-		if (updateData[0].oldNode?.type !== NodeType.ROOT) this.pushHistoryState();
+		if (updateData[0].oldNode?.type !== NodeType.ROOT) {
+			const curNodes = this.get("nodes");
+			if (!this.isHistoryStateChange && curNodes.length) {
+				const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
+				this.pushOpHistory("update", { updatedItems: updateData.map((d) => ({
+					oldNode: cloneDeep(d.oldNode),
+					newNode: cloneDeep(toRaw(d.newNode))
+				})) }, {
+					name: pageForOp?.name || "",
+					id: pageForOp.id
+				});
+			}
+			this.isHistoryStateChange = false;
+		}
 		this.emit("update", updateData);
 		return Array.isArray(config) ? updateData.map((item) => item.newNode) : updateData[0].newNode;
 	}
@@ -390,6 +407,7 @@ var Editor = class extends BaseService_default {
 	* @returns void
 	*/
 	async sort(id1, id2) {
+		this.captureSelectionBeforeOp();
 		const root = this.get("root");
 		if (!root) throw new Error("root为空");
 		const node = this.get("node");
@@ -407,8 +425,6 @@ var Editor = class extends BaseService_default {
 			parentId: parent.id,
 			root: cloneDeep(root)
 		});
-		this.addModifiedNodeId(parent.id);
-		this.pushHistoryState();
 	}
 	/**
 	* 将组件节点配置存储到localStorage中
@@ -425,23 +441,7 @@ var Editor = class extends BaseService_default {
 	*/
 	copyWithRelated(config, collectorOptions) {
 		const copyNodes = Array.isArray(config) ? config : [config];
-		if (collectorOptions && typeof collectorOptions.isTarget === "function") {
-			const customTarget = new Target({ ...collectorOptions });
-			const coperWatcher = new Watcher();
-			coperWatcher.addTarget(customTarget);
-			coperWatcher.collect(copyNodes, {}, true, collectorOptions.type);
-			Object.keys(customTarget.deps).forEach((nodeId) => {
-				const node = this.getNodeById(nodeId);
-				if (!node) return;
-				customTarget.deps[nodeId].keys.forEach((key) => {
-					const relateNodeId = get(node, key);
-					if (!copyNodes.find((node) => node.id === relateNodeId)) {
-						const relateNode = this.getNodeById(relateNodeId);
-						if (relateNode) copyNodes.push(relateNode);
-					}
-				});
-			});
-		}
+		if (collectorOptions && typeof collectorOptions.isTarget === "function") collectRelatedNodes(copyNodes, collectorOptions, (id) => this.getNodeById(id));
 		storage_default.setItem(COPY_STORAGE_KEY, copyNodes, { protocol: Protocol.OBJECT });
 	}
 	/**
@@ -472,20 +472,10 @@ var Editor = class extends BaseService_default {
 		if (!parent) throw new Error("找不到父节点");
 		const node = cloneDeep(toRaw(config));
 		const layout = await this.getLayout(parent, node);
-		if (layout === Layout.RELATIVE) return config;
-		if (!node.style) return config;
 		const doc = this.get("stage")?.renderer?.contentWindow?.document;
-		if (doc) {
-			const el = getElById()(doc, node.id);
-			const parentEl = layout === Layout.FIXED ? doc.body : el?.offsetParent;
-			if (parentEl && el) {
-				node.style.left = calcValueByFontsize(doc, (parentEl.clientWidth - el.clientWidth) / 2);
-				node.style.right = "";
-			}
-		} else if (parent.style && isNumber(parent.style?.width) && isNumber(node.style?.width)) {
-			node.style.left = (parent.style.width - node.style.width) / 2;
-			node.style.right = "";
-		}
+		const newStyle = calcAlignCenterStyle(node, parent, layout, doc);
+		if (!newStyle) return config;
+		node.style = newStyle;
 		return node;
 	}
 	/**
@@ -507,6 +497,7 @@ var Editor = class extends BaseService_default {
 	* @param offset 偏移量
 	*/
 	async moveLayer(offset) {
+		this.captureSelectionBeforeOp();
 		const root = this.get("root");
 		if (!root) throw new Error("root为空");
 		const parent = this.get("parent");
@@ -516,11 +507,9 @@ var Editor = class extends BaseService_default {
 		const brothers = parent.items || [];
 		const index = brothers.findIndex((item) => `${item.id}` === `${node?.id}`);
 		const isRelative = await this.getLayout(parent, node) === Layout.RELATIVE;
-		let offsetIndex;
-		if (offset === LayerOffset.TOP) offsetIndex = isRelative ? 0 : brothers.length;
-		else if (offset === LayerOffset.BOTTOM) offsetIndex = isRelative ? brothers.length : 0;
-		else offsetIndex = index + (isRelative ? -offset : offset);
+		const offsetIndex = calcLayerTargetIndex(index, offset, brothers.length, isRelative);
 		if (offsetIndex > 0 && offsetIndex > brothers.length || offsetIndex < 0) return;
+		const oldParent = cloneDeep(toRaw(parent));
 		brothers.splice(index, 1);
 		brothers.splice(offsetIndex, 0, node);
 		const grandparent = this.getParentById(parent.id);
@@ -530,7 +519,14 @@ var Editor = class extends BaseService_default {
 			root: cloneDeep(root)
 		});
 		this.addModifiedNodeId(parent.id);
-		this.pushHistoryState();
+		const pageForOp = this.getNodeInfo(node.id, false).page;
+		this.pushOpHistory("update", { updatedItems: [{
+			oldNode: oldParent,
+			newNode: cloneDeep(toRaw(parent))
+		}] }, {
+			name: pageForOp?.name || "",
+			id: pageForOp.id
+		});
 		this.emit("move-layer", offset);
 	}
 	/**
@@ -539,11 +535,14 @@ var Editor = class extends BaseService_default {
 	* @param targetId 容器ID
 	*/
 	async moveToContainer(config, targetId) {
+		this.captureSelectionBeforeOp();
 		const root = this.get("root");
-		const { node, parent } = this.getNodeInfo(config.id, false);
+		const { node, parent, page: pageForOp } = this.getNodeInfo(config.id, false);
 		const target = this.getNodeById(targetId, false);
 		const stage = this.get("stage");
 		if (root && node && parent && stage) {
+			const oldSourceParent = cloneDeep(toRaw(parent));
+			const oldTarget = cloneDeep(toRaw(target));
 			const index = getNodeIndex(node.id, parent);
 			parent.items?.splice(index, 1);
 			await stage.remove({
@@ -568,36 +567,42 @@ var Editor = class extends BaseService_default {
 			stage.select(newConfig.id);
 			this.addModifiedNodeId(target.id);
 			this.addModifiedNodeId(parent.id);
-			this.pushHistoryState();
+			this.pushOpHistory("update", { updatedItems: [{
+				oldNode: oldSourceParent,
+				newNode: cloneDeep(toRaw(parent))
+			}, {
+				oldNode: oldTarget,
+				newNode: cloneDeep(toRaw(target))
+			}] }, {
+				name: pageForOp?.name || "",
+				id: pageForOp.id
+			});
 			return newConfig;
 		}
 	}
 	async dragTo(config, targetParent, targetIndex) {
+		this.captureSelectionBeforeOp();
 		if (!targetParent || !Array.isArray(targetParent.items)) return;
 		const configs = Array.isArray(config) ? config : [config];
-		const sourceIndicesInTargetParent = [];
-		const sourceOutTargetParent = [];
+		const beforeSnapshots = /* @__PURE__ */ new Map();
+		for (const cfg of configs) {
+			const { parent } = this.getNodeInfo(cfg.id, false);
+			if (parent && !beforeSnapshots.has(`${parent.id}`)) beforeSnapshots.set(`${parent.id}`, cloneDeep(toRaw(parent)));
+		}
+		if (!beforeSnapshots.has(`${targetParent.id}`)) beforeSnapshots.set(`${targetParent.id}`, cloneDeep(toRaw(targetParent)));
 		const newLayout = await this.getLayout(targetParent);
-		forConfigs: for (const config of configs) {
-			const { parent, node: curNode } = this.getNodeInfo(config.id, false);
-			if (!parent || !curNode) continue;
-			const path = getNodePath(curNode.id, parent.items);
-			for (const node of path) if (targetParent.id === node.id) continue forConfigs;
-			const index = getNodeIndex(curNode.id, parent);
-			if (parent.id === targetParent.id) {
-				if (typeof index !== "number" || index === -1) return;
-				sourceIndicesInTargetParent.push(index);
-			} else {
-				if (newLayout !== await this.getLayout(parent)) setLayout(config, newLayout);
-				parent.items?.splice(index, 1);
-				sourceOutTargetParent.push(config);
-				this.addModifiedNodeId(parent.id);
-			}
+		const { sameParentIndices, crossParentConfigs, aborted } = classifyDragSources(configs, targetParent, (id, raw) => this.getNodeInfo(id, raw));
+		if (aborted) return;
+		for (const { config: crossConfig, parent } of crossParentConfigs) {
+			if (newLayout !== await this.getLayout(parent)) setLayout(crossConfig, newLayout);
+			const index = getNodeIndex(crossConfig.id, parent);
+			parent.items?.splice(index, 1);
+			this.addModifiedNodeId(parent.id);
 		}
-		moveItemsInContainer(sourceIndicesInTargetParent, targetParent, targetIndex);
-		sourceOutTargetParent.forEach((config, index) => {
-			targetParent.items?.splice(targetIndex + index, 0, config);
-			this.addModifiedNodeId(config.id);
+		moveItemsInContainer(sameParentIndices, targetParent, targetIndex);
+		crossParentConfigs.forEach(({ config: crossConfig }, index) => {
+			targetParent.items?.splice(targetIndex + index, 0, crossConfig);
+			this.addModifiedNodeId(crossConfig.id);
 		});
 		const page = this.get("page");
 		const root = this.get("root");
@@ -607,7 +612,19 @@ var Editor = class extends BaseService_default {
 			parentId: root.id,
 			root: cloneDeep(root)
 		});
-		this.pushHistoryState();
+		const updatedItems = [];
+		for (const oldNode of beforeSnapshots.values()) {
+			const newNode = this.getNodeById(oldNode.id, false);
+			if (newNode) updatedItems.push({
+				oldNode,
+				newNode: cloneDeep(toRaw(newNode))
+			});
+		}
+		const pageForOp = this.getNodeInfo(configs[0].id, false).page;
+		this.pushOpHistory("update", { updatedItems }, {
+			name: pageForOp?.name || "",
+			id: pageForOp.id
+		});
 		this.emit("drag-to", {
 			targetIndex,
 			configs,
@@ -616,56 +633,32 @@ var Editor = class extends BaseService_default {
 	}
 	/**
 	* 撤销当前操作
-	* @returns 上一次数据
+	* @returns 被撤销的操作
 	*/
 	async undo() {
 		const value = history_default.undo();
-		await this.changeHistoryState(value);
+		if (value) await this.applyHistoryOp(value, true);
 		return value;
 	}
 	/**
 	* 恢复到下一步
-	* @returns 下一步数据
+	* @returns 被恢复的操作
 	*/
 	async redo() {
 		const value = history_default.redo();
-		await this.changeHistoryState(value);
+		if (value) await this.applyHistoryOp(value, false);
 		return value;
 	}
 	async move(left, top) {
 		const node = toRaw(this.get("node"));
 		if (!node || isPage(node)) return;
-		const { style, id, type } = node;
-		if (!style || !["absolute", "fixed"].includes(style.position)) return;
-		const update = (style) => this.update({
-			id,
-			type,
-			style
+		const newStyle = calcMoveStyle(node.style || {}, left, top);
+		if (!newStyle) return;
+		await this.update({
+			id: node.id,
+			type: node.type,
+			style: newStyle
 		});
-		if (top) {
-			if (isNumber(style.top)) update({
-				...style,
-				top: Number(style.top) + Number(top),
-				bottom: ""
-			});
-			else if (isNumber(style.bottom)) update({
-				...style,
-				bottom: Number(style.bottom) - Number(top),
-				top: ""
-			});
-		}
-		if (left) {
-			if (isNumber(style.left)) update({
-				...style,
-				left: Number(style.left) + Number(left),
-				right: ""
-			});
-			else if (isNumber(style.right)) update({
-				...style,
-				right: Number(style.right) - Number(left),
-				left: ""
-			});
-		}
 	}
 	resetState() {
 		this.set("root", null);
@@ -701,50 +694,74 @@ var Editor = class extends BaseService_default {
 	addModifiedNodeId(id) {
 		if (!this.isHistoryStateChange) this.get("modifiedNodeIds").set(id, id);
 	}
-	pushHistoryState() {
-		const curNode = cloneDeep(toRaw(this.get("node")));
-		const page = this.get("page");
-		if (!this.isHistoryStateChange && curNode && page) history_default.push({
-			data: cloneDeep(toRaw(page)),
-			modifiedNodeIds: this.get("modifiedNodeIds"),
-			nodeId: curNode.id
-		});
+	captureSelectionBeforeOp() {
+		if (this.isHistoryStateChange || this.selectionBeforeOp) return;
+		this.selectionBeforeOp = this.get("nodes").map((n) => n.id);
+	}
+	pushOpHistory(opType, extra, pageData) {
+		if (this.isHistoryStateChange) {
+			this.selectionBeforeOp = null;
+			return;
+		}
+		const step = {
+			data: pageData,
+			opType,
+			selectedBefore: this.selectionBeforeOp ?? [],
+			selectedAfter: this.get("nodes").map((n) => n.id),
+			modifiedNodeIds: new Map(this.get("modifiedNodeIds")),
+			...extra
+		};
+		history_default.push(step);
+		this.selectionBeforeOp = null;
 		this.isHistoryStateChange = false;
 	}
-	async changeHistoryState(value) {
-		if (!value) return;
+	/**
+	* 应用历史操作（撤销 / 重做）
+	* @param step 操作记录
+	* @param reverse true = 撤销，false = 重做
+	*/
+	async applyHistoryOp(step, reverse) {
 		this.isHistoryStateChange = true;
-		await this.update(value.data);
-		this.set("modifiedNodeIds", value.modifiedNodeIds);
-		setTimeout(() => {
-			if (!value.nodeId) return;
-			this.select(value.nodeId).then(() => {
-				this.get("stage")?.select(value.nodeId);
-			});
-		}, 0);
-		this.emit("history-change", value.data);
-	}
-	async toggleFixedPosition(dist, src, root) {
-		const newConfig = cloneDeep(dist);
-		if (!isPop(src) && newConfig.style?.position) {
-			if (isFixed(newConfig.style) && !isFixed(src.style || {})) newConfig.style = change2Fixed(newConfig, root);
-			else if (!isFixed(newConfig.style) && isFixed(src.style || {})) newConfig.style = await Fixed2Other(newConfig, root, this.getLayout);
+		const root = this.get("root");
+		const stage = this.get("stage");
+		if (!root) return;
+		const ctx = {
+			root,
+			stage,
+			getNodeById: (id, raw) => this.getNodeById(id, raw),
+			getNodeInfo: (id, raw) => this.getNodeInfo(id, raw),
+			setRoot: (r) => this.set("root", r),
+			setPage: (p) => this.set("page", p),
+			getPage: () => this.get("page")
+		};
+		switch (step.opType) {
+			case "add":
+				await applyHistoryAddOp(step, reverse, ctx);
+				break;
+			case "remove":
+				await applyHistoryRemoveOp(step, reverse, ctx);
+				break;
+			case "update":
+				await applyHistoryUpdateOp(step, reverse, ctx);
+				break;
 		}
-		return newConfig;
+		this.set("modifiedNodeIds", step.modifiedNodeIds);
+		const page = toRaw(this.get("page"));
+		if (page) {
+			const selectIds = reverse ? step.selectedBefore : step.selectedAfter;
+			setTimeout(() => {
+				if (!selectIds.length) return;
+				if (selectIds.length > 1) {
+					this.multiSelect(selectIds);
+					stage?.multiSelect(selectIds);
+				} else this.select(selectIds[0]).then(() => stage?.select(selectIds[0])).catch(() => {});
+			}, 0);
+			this.emit("history-change", page);
+		}
+		this.isHistoryStateChange = false;
 	}
 	selectedConfigExceptionHandler(config) {
-		let id;
-		if (typeof config === "string" || typeof config === "number") id = config;
-		else id = config.id;
-		if (!id) throw new Error("没有ID，无法选中");
-		const { node, parent, page } = this.getNodeInfo(id);
-		if (!node) throw new Error("获取不到组件信息");
-		if (node.id === this.state.root?.id) throw new Error("不能选根节点");
-		return {
-			node,
-			parent,
-			page
-		};
+		return resolveSelectedNode(config, (id) => this.getNodeInfo(id), this.state.root?.id);
 	}
 };
 var editor_default = new Editor();

package/dist/es/services/history.js

@@ -25,15 +25,7 @@ var History = class extends BaseService_default {
 	changePage(page) {
 		if (!page) return;
 		this.state.pageId = page.id;
-		if (!this.state.pageSteps[this.state.pageId]) {
-			const undoRedo = new UndoRedo();
-			undoRedo.pushElement({
-				data: page,
-				modifiedNodeIds: /* @__PURE__ */ new Map(),
-				nodeId: page.id
-			});
-			this.state.pageSteps[this.state.pageId] = undoRedo;
-		}
+		if (!this.state.pageSteps[this.state.pageId]) this.state.pageSteps[this.state.pageId] = new UndoRedo();
 		this.setCanUndoRedo();
 		this.emit("page-change", this.state.pageSteps[this.state.pageId]);
 	}

package/dist/es/services/props.js

@@ -22,7 +22,9 @@ var Props = class extends BaseService_default {
 		propsConfigMap: {},
 		propsValueMap: {},
 		relateIdMap: {},
+		/** 禁用数据源 */
 		disabledDataSource: false,
+		/** 禁用代码块 */
 		disabledCodeBlock: false
 	});
 	constructor() {

package/dist/es/services/ui.js

@@ -24,6 +24,7 @@ var state = shallowReactive({
 		right: storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480
 	},
 	showGuides: true,
+	hasGuides: false,
 	showRule: true,
 	propsPanelSize: "small",
 	showAddPageButton: true,

package/dist/es/type.js

@@ -86,5 +86,32 @@ var DragType = /* @__PURE__ */ function(DragType) {
 	DragType["LAYER_TREE"] = "layer-tree";
 	return DragType;
 }({});
+var canUsePluginMethods = {
+	async: [
+		"getLayout",
+		"highlight",
+		"select",
+		"multiSelect",
+		"doAdd",
+		"add",
+		"doRemove",
+		"remove",
+		"doUpdate",
+		"update",
+		"sort",
+		"copy",
+		"paste",
+		"doPaste",
+		"doAlignCenter",
+		"alignCenter",
+		"moveLayer",
+		"moveToContainer",
+		"dragTo",
+		"undo",
+		"redo",
+		"move"
+	],
+	sync: []
+};
 //#endregion
-export { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey };
+export { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey, canUsePluginMethods };