@tmagic/editor 1.8.0-beta.19 → 1.8.0-beta.20

package/dist/tmagic-editor.umd.cjs

@@ -6593,7 +6593,7 @@
 		* 派发「页面 / 页面片结构变更」事件（`page-structure-change`）。
 		*
 		* 常规 `editorService.add` / `remove` 页面节点不会写入 `page` 历史栈（见 editor.add / remove 中
-		* 对 isPage / isPageFragment 的分支），因此不会产生任何 historyService 事件。该方法用于在这些
+		* 对 isPageOrFragment 的分支），因此不会产生任何 historyService 事件。该方法用于在这些
 		* 场景（以及 setRoot 整体替换 DSL 增删页面）下，向外统一通知页面结构的增删变化，供业务方感知。
 		*
 		* 一次操作涉及多个页面时，调用方应把本次增删的页面**合并为一个 change 一次性传入**，
@@ -7322,7 +7322,7 @@
 				};
 			}
 			const root = editor_default.get("root");
-			if (((0, _tmagic_utils.isPage)(pasteConfig) || (0, _tmagic_utils.isPageFragment)(pasteConfig)) && root) pasteConfig.name = generatePageNameByApp(root, (0, _tmagic_utils.isPage)(pasteConfig) ? _tmagic_core.NodeType.PAGE : _tmagic_core.NodeType.PAGE_FRAGMENT);
+			if ((0, _tmagic_utils.isPageOrFragment)(pasteConfig) && root) pasteConfig.name = generatePageNameByApp(root, (0, _tmagic_utils.isPage)(pasteConfig) ? _tmagic_core.NodeType.PAGE : _tmagic_core.NodeType.PAGE_FRAGMENT);
 			return pasteConfig;
 		});
 	};
@@ -7510,7 +7510,7 @@
 		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}`;
+			if ((0, _tmagic_utils.isPageOrFragment)(node)) return `${node.id}` !== `${currentPageId}`;
 			const nodePage = this.getNodeInfo(node.id, false).page;
 			if (!nodePage) return false;
 			return `${nodePage.id}` !== `${currentPageId}`;
@@ -7603,8 +7603,8 @@
 			const curNode = this.get("node");
 			const stage = this.get("stage");
 			if (!curNode) throw new Error("当前选中节点为空");
-			if ((parent.type === _tmagic_core.NodeType.ROOT || curNode?.type === _tmagic_core.NodeType.ROOT) && !((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node))) throw new Error("app下不能添加组件");
-			if (parent.id !== curNode.id && !((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node))) {
+			if ((parent.type === _tmagic_core.NodeType.ROOT || curNode?.type === _tmagic_core.NodeType.ROOT) && !(0, _tmagic_utils.isPageOrFragment)(node)) throw new Error("app下不能添加组件");
+			if (parent.id !== curNode.id && !(0, _tmagic_utils.isPageOrFragment)(node)) {
 				const index = parent.items.indexOf(curNode);
 				parent.items?.splice(index + 1, 0, node);
 			} else parent.items?.push(node);
@@ -7649,7 +7649,7 @@
 			} else addNodes.push(...addNode);
 			const newNodes = await Promise.all(addNodes.map((node) => {
 				const root = this.get("root");
-				if (((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) && root) return this.doAdd(node, root);
+				if ((0, _tmagic_utils.isPageOrFragment)(node) && root) return this.doAdd(node, root);
 				const parentNode = parent ?? getAddParent(node);
 				if (!parentNode) throw new Error("未找到父元素");
 				return this.doAdd(node, parentNode);
@@ -7669,7 +7669,7 @@
 				else if ((0, _tmagic_utils.isPageFragment)(newNodes[0])) this.state.pageFragmentLength += 1;
 				else if (!skipSelect) stage?.select(newNodes[0].id);
 			}
-			if (!((0, _tmagic_utils.isPage)(newNodes[0]) || (0, _tmagic_utils.isPageFragment)(newNodes[0]))) {
+			if (!(0, _tmagic_utils.isPageOrFragment)(newNodes[0])) {
 				const pageForOp = this.getNodeInfo(newNodes[0].id, false).page;
 				if (!doNotPushHistory) {
 					const parentId = (this.getParentById(newNodes[0].id, false) ?? this.get("root")).id;
@@ -7702,7 +7702,7 @@
 				historySource,
 				doNotPushHistory
 			});
-			const addedPages = newNodes.filter((node) => (0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node));
+			const addedPages = newNodes.filter((node) => (0, _tmagic_utils.isPageOrFragment)(node));
 			if (addedPages.length) history_default.notifyPageStructureChange({
 				add: addedPages,
 				remove: []
@@ -7716,13 +7716,10 @@
 			if (!parent || !curNode) throw new Error("找不要删除的节点");
 			const index = getNodeIndex(curNode.id, parent);
 			if (typeof index !== "number" || index === -1) throw new Error("找不要删除的节点");
-			parent.items?.splice(index, 1);
 			const stage = this.get("stage");
-			stage?.remove({
-				id: node.id,
-				parentId: parent.id,
-				root: cloneDeep$1(root)
-			});
+			const currentPage = this.get("page");
+			const isDeletingCurrentPage = (0, _tmagic_utils.isPageOrFragment)(node) && !!currentPage && `${currentPage.id}` === `${node.id}`;
+			parent.items?.splice(index, 1);
 			const selectedNodes = this.get("nodes");
 			const removedSelectedIndex = selectedNodes.findIndex((n) => `${n.id}` === `${node.id}`);
 			if (removedSelectedIndex !== -1) {
@@ -7730,24 +7727,29 @@
 				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]) {
-					await this.select(pages[0]);
-					stage?.select(pages[0].id);
-				} else this.selectRoot();
+			const removeData = {
+				id: node.id,
+				parentId: parent.id,
+				root: cloneDeep$1(root)
 			};
 			const rootItems = root.items || [];
-			if ((0, _tmagic_utils.isPage)(node)) {
-				this.state.pageLength -= 1;
-				if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
-			} else if ((0, _tmagic_utils.isPageFragment)(node)) {
-				this.state.pageFragmentLength -= 1;
-				if (!doNotSelect && !doNotSwitchPage) await selectDefault(rootItems);
+			const shouldReselect = isDeletingCurrentPage && !doNotSelect && !doNotSwitchPage;
+			const shouldSwitchPage = shouldReselect && rootItems.length > 0;
+			if ((0, _tmagic_utils.isPageOrFragment)(node)) {
+				if ((0, _tmagic_utils.isPage)(node)) this.state.pageLength -= 1;
+				else this.state.pageFragmentLength -= 1;
+				if (shouldSwitchPage) {
+					await this.select(rootItems[0]);
+					stage?.select(rootItems[0].id);
+					await (0, vue.nextTick)();
+					stage?.remove(removeData);
+				} else {
+					stage?.remove(removeData);
+					if (shouldReselect) this.selectRoot();
+					else if (isDeletingCurrentPage) this.set("page", null);
+				}
 			} else {
+				stage?.remove(removeData);
 				if (!doNotSelect) {
 					await this.select(parent);
 					stage?.select(parent.id);
@@ -7776,7 +7778,7 @@
 			}));
 			const removedItems = [];
 			let pageForOp = null;
-			if (!((0, _tmagic_utils.isPage)(nodes[0]) || (0, _tmagic_utils.isPageFragment)(nodes[0]))) for (const n of nodes) {
+			if (!(0, _tmagic_utils.isPageOrFragment)(nodes[0])) for (const n of nodes) {
 				const { parent, node: curNode, page } = this.getNodeInfo(n.id, false);
 				if (parent && curNode) {
 					if (!pageForOp && page) pageForOp = {
@@ -7810,7 +7812,7 @@
 				historySource,
 				doNotPushHistory
 			});
-			const removedPages = nodes.filter((node) => (0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node));
+			const removedPages = nodes.filter((node) => (0, _tmagic_utils.isPageOrFragment)(node));
 			if (removedPages.length) history_default.notifyPageStructureChange({
 				add: [],
 				remove: removedPages
@@ -7848,7 +7850,7 @@
 				selectedNodes.splice(targetIndex, 1, newConfig);
 				this.set("nodes", [...selectedNodes]);
 			}
-			if ((0, _tmagic_utils.isPage)(newConfig) || (0, _tmagic_utils.isPageFragment)(newConfig)) {
+			if ((0, _tmagic_utils.isPageOrFragment)(newConfig)) {
 				const currentPage = this.get("page");
 				if (currentPage && `${currentPage.id}` === `${newConfig.id}`) this.set("page", newConfig);
 			}
@@ -8102,7 +8104,7 @@
 		*/
 		async moveToContainer(config, targetId, { doNotSelect = false, doNotSwitchPage = false, doNotPushHistory = false, historyDescription, historySource } = {}) {
 			const isBatch = Array.isArray(config);
-			const configs = (isBatch ? config : [config]).filter((item) => !((0, _tmagic_utils.isPage)(item) || (0, _tmagic_utils.isPageFragment)(item)));
+			const configs = (isBatch ? config : [config]).filter((item) => !(0, _tmagic_utils.isPageOrFragment)(item));
 			if (configs.length === 0) throw new Error("没有可移动的节点");
 			this.captureSelectionBeforeOp();
 			const target = this.getNodeById(targetId, false);
@@ -8576,7 +8578,7 @@
 		getPageOfNode(id) {
 			const { node, page } = this.getNodeInfo(id, false);
 			if (page) return page;
-			if (node && ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node))) return node;
+			if (node && (0, _tmagic_utils.isPageOrFragment)(node)) return node;
 			return null;
 		}
 		captureSelectionBeforeOp() {
@@ -17051,7 +17053,7 @@
 		icon: _element_plus_icons_vue.Delete,
 		display: ({ editorService }) => {
 			const node = editorService.get("node");
-			return node?.type !== _tmagic_core.NodeType.ROOT && !(0, _tmagic_utils.isPage)(node) && !(0, _tmagic_utils.isPageFragment)(node);
+			return node?.type !== _tmagic_core.NodeType.ROOT && !(0, _tmagic_utils.isPageOrFragment)(node);
 		},
 		handler: ({ editorService }) => {
 			const nodes = editorService.get("nodes");
@@ -17166,7 +17168,7 @@
 					type: "button",
 					text: "全部折叠",
 					icon: FolderMinusIcon_default,
-					display: () => (0, _tmagic_utils.isPage)(node.value) || (0, _tmagic_utils.isPageFragment)(node.value),
+					display: () => (0, _tmagic_utils.isPageOrFragment)(node.value),
 					handler: () => {
 						emit("collapse-all");
 					}
@@ -17292,7 +17294,7 @@
 			}
 		};
 		const multiSelect = async (data) => {
-			if ((0, _tmagic_utils.isPage)(data) || (0, _tmagic_utils.isPageFragment)(data)) return;
+			if ((0, _tmagic_utils.isPageOrFragment)(data)) return;
 			const nodes = editorService.get("nodes") || [];
 			const newNodes = [];
 			let isCancel = false;
@@ -17301,7 +17303,7 @@
 					isCancel = true;
 					return;
 				}
-				if ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) return;
+				if ((0, _tmagic_utils.isPageOrFragment)(node)) return;
 				newNodes.push(node.id);
 			});
 			if (!isCancel || newNodes.length === 0) newNodes.push(data.id);
@@ -17710,7 +17712,7 @@
 		}, { immediate: true });
 		const addHandler = (newNodes) => {
 			newNodes.forEach((node) => {
-				if ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node)) return;
+				if ((0, _tmagic_utils.isPageOrFragment)(node)) return;
 				(0, _tmagic_utils.traverseNode)(node, (node) => {
 					nodeStatusMap.value?.set(node.id, {
 						visible: true,
@@ -18690,14 +18692,14 @@
 					direction: "horizontal",
 					display: () => {
 						if (!node.value) return false;
-						return !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value);
+						return !(0, _tmagic_utils.isPageOrFragment)(node.value);
 					}
 				},
 				{
 					type: "button",
 					text: "上移一层",
 					icon: (0, vue.markRaw)(_element_plus_icons_vue.Top),
-					display: () => !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value) && !props.isMultiSelect,
+					display: () => !(0, _tmagic_utils.isPageOrFragment)(node.value) && !props.isMultiSelect,
 					handler: () => {
 						editorService.moveLayer(1, { historySource: "stage-contextmenu" });
 					}
@@ -18706,7 +18708,7 @@
 					type: "button",
 					text: "下移一层",
 					icon: (0, vue.markRaw)(_element_plus_icons_vue.Bottom),
-					display: () => !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value) && !props.isMultiSelect,
+					display: () => !(0, _tmagic_utils.isPageOrFragment)(node.value) && !props.isMultiSelect,
 					handler: () => {
 						editorService.moveLayer(-1, { historySource: "stage-contextmenu" });
 					}
@@ -18715,7 +18717,7 @@
 					type: "button",
 					text: "置顶",
 					icon: (0, vue.markRaw)(_element_plus_icons_vue.Top),
-					display: () => !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value) && !props.isMultiSelect,
+					display: () => !(0, _tmagic_utils.isPageOrFragment)(node.value) && !props.isMultiSelect,
 					handler: () => {
 						editorService.moveLayer(LayerOffset.TOP, { historySource: "stage-contextmenu" });
 					}
@@ -18724,7 +18726,7 @@
 					type: "button",
 					text: "置底",
 					icon: (0, vue.markRaw)(_element_plus_icons_vue.Bottom),
-					display: () => !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value) && !props.isMultiSelect,
+					display: () => !(0, _tmagic_utils.isPageOrFragment)(node.value) && !props.isMultiSelect,
 					handler: () => {
 						editorService.moveLayer(LayerOffset.BOTTOM, { historySource: "stage-contextmenu" });
 					}
@@ -18733,7 +18735,7 @@
 				{
 					type: "divider",
 					direction: "horizontal",
-					display: () => !(0, _tmagic_utils.isPage)(node.value) && !(0, _tmagic_utils.isPageFragment)(node.value) && !props.isMultiSelect
+					display: () => !(0, _tmagic_utils.isPageOrFragment)(node.value) && !props.isMultiSelect
 				},
 				useDeleteMenu("stage-contextmenu"),
 				{
@@ -19232,7 +19234,7 @@
 	var componentList_default = new ComponentList();
 	//#endregion
 	//#region packages/editor/src/utils/dep/worker.ts?worker&inline
-	var jsContent = "(function() {\n	//#region packages/schema/src/index.ts\n	const NODE_CONDS_KEY = \"displayConds\";\n	const NODE_DISABLE_DATA_SOURCE_KEY = \"_tmagic_node_disabled_data_source\";\n	const NODE_DISABLE_CODE_BLOCK_KEY = \"_tmagic_node_disabled_code_block\";\n	let HookType = /* @__PURE__ */ function(HookType) {\n		/** 代码块钩子标识 */\n		HookType[\"CODE\"] = \"code\";\n		return HookType;\n	}({});\n	//#endregion\n	//#region packages/utils/src/const.ts\n	const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = \"ds-field::\";\n	//#endregion\n	//#region packages/utils/src/index.ts\n	const isObject = (obj) => Object.prototype.toString.call(obj) === \"[object Object]\";\n	const getKeysArray = (keys) => `${keys}`.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\");\n	const dataSourceTemplateRegExp = /\\$\\{([\\s\\S]+?)\\}/g;\n	//#endregion\n	//#region packages/dep/src/types.ts\n	/** 依赖收集的目标类型 */\n	let DepTargetType = /* @__PURE__ */ function(DepTargetType) {\n		DepTargetType[\"DEFAULT\"] = \"default\";\n		/** 代码块 */\n		DepTargetType[\"CODE_BLOCK\"] = \"code-block\";\n		/** 数据源 */\n		DepTargetType[\"DATA_SOURCE\"] = \"data-source\";\n		/** 数据源方法 */\n		DepTargetType[\"DATA_SOURCE_METHOD\"] = \"data-source-method\";\n		/** 数据源条件 */\n		DepTargetType[\"DATA_SOURCE_COND\"] = \"data-source-cond\";\n		return DepTargetType;\n	}({});\n	//#endregion\n	//#region packages/dep/src/Target.ts\n	/**\n	* 需要收集依赖的目标\n	* 例如：一个代码块可以为一个目标\n	*/\n	var Target = class {\n		/**\n		* 如何识别目标\n		*/\n		isTarget;\n		/**\n		* 目标id，不可重复\n		* 例如目标是代码块，则为代码块id\n		*/\n		id;\n		/**\n		* 目标名称，用于显示在依赖列表中\n		*/\n		name;\n		/**\n		* 不同的目标可以进行分类，例如代码块，数据源可以为两个不同的type\n		*/\n		type = DepTargetType.DEFAULT;\n		/**\n		* 依赖详情\n		* 实例：{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }\n		*/\n		deps = {};\n		/**\n		* 是否默认收集，默认为true，当值为false时需要传入type参数给collect方法才会被收集\n		*/\n		isCollectByDefault;\n		constructor(options) {\n			this.isTarget = options.isTarget;\n			this.id = options.id;\n			this.name = options.name;\n			this.isCollectByDefault = options.isCollectByDefault ?? true;\n			if (options.type) this.type = options.type;\n			if (options.initialDeps) this.deps = options.initialDeps;\n		}\n		/**\n		* 更新依赖\n		* @param option 节点配置\n		* @param key 哪个key配置了这个目标的id\n		*/\n		updateDep({ id, name, key, data }) {\n			const dep = this.deps[id] || {\n				name,\n				keys: []\n			};\n			dep.name = name;\n			dep.data = data;\n			this.deps[id] = dep;\n			if (!dep.keys.includes(key)) dep.keys.push(key);\n		}\n		/**\n		* 删除依赖\n		* @param node 哪个节点的依赖需要移除，如果为空，则移除所有依赖\n		* @param key 节点下哪个key需要移除，如果为空，则移除改节点下的所有依赖key\n		* @returns void\n		*/\n		removeDep(id, key) {\n			if (typeof id === \"undefined\") {\n				Object.keys(this.deps).forEach((depKey) => {\n					delete this.deps[depKey];\n				});\n				return;\n			}\n			const dep = this.deps[id];\n			if (!dep) return;\n			if (key) {\n				const index = dep.keys.indexOf(key);\n				dep.keys.splice(index, 1);\n				if (dep.keys.length === 0) delete this.deps[id];\n			} else delete this.deps[id];\n		}\n		/**\n		* 判断指定节点下的指定key是否存在在依赖列表中\n		* @param node 哪个节点\n		* @param key 哪个key\n		* @returns boolean\n		*/\n		hasDep(id, key) {\n			return this.deps[id]?.keys.includes(key) ?? false;\n		}\n		destroy() {\n			this.deps = {};\n		}\n	};\n	//#endregion\n	//#region packages/dep/src/utils.ts\n	const INTEGER_REGEXP = /^\\d+$/;\n	const createCodeBlockTarget = (id, codeBlock, initialDeps = {}) => new Target({\n		type: DepTargetType.CODE_BLOCK,\n		id,\n		initialDeps,\n		name: codeBlock.name,\n		isTarget: (_key, value) => {\n			if (id === value) return true;\n			if (value?.hookType === HookType.CODE && Array.isArray(value.hookData)) return value.hookData.some((item) => item.codeId === id);\n			return false;\n		}\n	});\n	/**\n	* ['array'] ['array', '0'] ['array', '0', 'a'] 这种返回false\n	* ['array', 'a'] 这种返回true\n	* @param keys\n	* @param fields\n	* @returns boolean\n	*/\n	const isIncludeArrayField = (keys, fields) => {\n		let f = fields;\n		return keys.some((key, index) => {\n			const field = f.find(({ name }) => name === key);\n			f = field?.fields || [];\n			return field?.type === \"array\" && index < keys.length - 1 && !INTEGER_REGEXP.test(keys[index + 1]);\n		});\n	};\n	/**\n	* 判断模板(value)是不是使用数据源Id(dsId)，如：`xxx${dsId.field}xxx${dsId.field}`\n	* @param value any\n	* @param dsId string | number\n	* @param hasArray boolean true: 一定要包含有需要迭代的模板; false: 一定要包含普通模板;\n	* @returns boolean\n	*/\n	const isDataSourceTemplate = (value, ds, hasArray = false) => {\n		const templates = value.match(dataSourceTemplateRegExp) || [];\n		if (templates.length <= 0) return false;\n		for (const tpl of templates) {\n			const keys = getKeysArray(tpl.substring(2, tpl.length - 1));\n			const dsId = keys.shift();\n			if (!dsId || dsId !== ds.id) continue;\n			if (hasArray === isIncludeArrayField(keys, ds.fields)) return true;\n		}\n		return false;\n	};\n	/**\n	* 指定数据源的字符串模板,如：{ isBindDataSourceField: true, dataSourceId: 'id', template: `xxx${field}xxx`}\n	* @param value any\n	* @param dsId string | number\n	* @returns boolean\n	*/\n	const isSpecificDataSourceTemplate = (value, dsId) => value?.isBindDataSourceField && value.dataSourceId && value.dataSourceId === dsId && typeof value.template === \"string\";\n	/**\n	* 关联数据源字段，格式为 [前缀+数据源ID, 字段名]\n	* 使用data-source-field-select value: 'value' 可以配置出来\n	* @param value any[]\n	* @param id string | number\n	* @returns boolean\n	*/\n	const isUseDataSourceField = (value, id) => {\n		if (!Array.isArray(value) || typeof value[0] !== \"string\") return false;\n		const [prefixId] = value;\n		const prefixIndex = prefixId.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);\n		if (prefixIndex === -1) return false;\n		return prefixId.substring(prefixIndex + DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length) === id;\n	};\n	const isDataSourceTarget = (ds, key, value, hasArray = false) => {\n		if (!value) return false;\n		const valueType = typeof value;\n		if (valueType !== \"string\" && valueType !== \"object\") return false;\n		if (`${key}`.startsWith(\"displayConds\")) return false;\n		if (valueType === \"string\") return isDataSourceTemplate(value, ds, hasArray);\n		if (isObject(value) && value.isBindDataSource && value.dataSourceId === ds.id) return true;\n		if (isSpecificDataSourceTemplate(value, ds.id)) return true;\n		if (isUseDataSourceField(value, ds.id)) {\n			const [, ...keys] = value;\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const isDataSourceCondTarget = (ds, key, value, hasArray = false) => {\n		if (!Array.isArray(value) || !ds) return false;\n		const [dsId, ...keys] = value;\n		if (dsId !== ds.id || !`${key}`.startsWith(\"displayConds\")) return false;\n		if (ds.fields?.some((field) => field.name === keys[0])) {\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const createDataSourceTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE,\n		id: ds.id,\n		initialDeps,\n		isTarget: (key, value) => isDataSourceTarget(ds, key, value)\n	});\n	const createDataSourceCondTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_COND,\n		id: ds.id,\n		initialDeps,\n		isTarget: (key, value) => isDataSourceCondTarget(ds, key, value)\n	});\n	const createDataSourceMethodTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_METHOD,\n		id: ds.id,\n		initialDeps,\n		isTarget: (_key, value) => {\n			if (!Array.isArray(value)) return false;\n			const [dsId, methodName] = value;\n			if (!methodName || dsId !== ds.id) return false;\n			if (ds.methods?.some((method) => method.name === methodName)) return true;\n			if (ds.fields?.some((field) => field.name === methodName)) return false;\n			return true;\n		}\n	});\n	const traverseTarget = (targetsList, cb, type) => {\n		if (type) {\n			const targets = targetsList[type];\n			if (targets) for (const target of Object.values(targets)) cb(target);\n			return;\n		}\n		for (const targets of Object.values(targetsList)) for (const target of Object.values(targets)) cb(target);\n	};\n	//#endregion\n	//#region packages/dep/src/Watcher.ts\n	const DATA_SOURCE_TARGET_TYPES = /* @__PURE__ */ new Set([\n		DepTargetType.DATA_SOURCE,\n		DepTargetType.DATA_SOURCE_COND,\n		DepTargetType.DATA_SOURCE_METHOD\n	]);\n	var Watcher = class {\n		targetsList = {};\n		childrenProp = \"items\";\n		idProp = \"id\";\n		nameProp = \"name\";\n		constructor(options) {\n			if (options?.initialTargets) this.targetsList = options.initialTargets;\n			if (options?.childrenProp) this.childrenProp = options.childrenProp;\n		}\n		getTargetsList() {\n			return this.targetsList;\n		}\n		/**\n		* 获取指定类型中的所有target\n		* @param type 分类\n		* @returns Target[]\n		*/\n		getTargets(type = DepTargetType.DEFAULT) {\n			return this.targetsList[type] || {};\n		}\n		/**\n		* 添加新的目标\n		* @param target Target\n		*/\n		addTarget(target) {\n			const targets = this.getTargets(target.type) || {};\n			this.targetsList[target.type] = targets;\n			targets[target.id] = target;\n		}\n		/**\n		* 获取指定id的target\n		* @param id target id\n		* @returns Target\n		*/\n		getTarget(id, type = DepTargetType.DEFAULT) {\n			return this.getTargets(type)[id];\n		}\n		/**\n		* 判断是否存在指定id的target\n		* @param id target id\n		* @returns boolean\n		*/\n		hasTarget(id, type = DepTargetType.DEFAULT) {\n			return Boolean(this.getTarget(id, type));\n		}\n		/**\n		* 判断是否存在指定类型的target\n		* @param type target type\n		* @returns boolean\n		*/\n		hasSpecifiedTypeTarget(type = DepTargetType.DEFAULT) {\n			return Object.keys(this.getTargets(type)).length > 0;\n		}\n		/**\n		* 删除指定id的target\n		* @param id target id\n		*/\n		removeTarget(id, type = DepTargetType.DEFAULT) {\n			const targets = this.getTargets(type);\n			if (targets[id]) {\n				targets[id].destroy();\n				delete targets[id];\n			}\n		}\n		/**\n		* 删除指定分类的所有target\n		* @param type 分类\n		* @returns void\n		*/\n		removeTargets(type = DepTargetType.DEFAULT) {\n			const targets = this.targetsList[type];\n			if (!targets) return;\n			for (const target of Object.values(targets)) target.destroy();\n			delete this.targetsList[type];\n		}\n		/**\n		* 删除所有target\n		*/\n		clearTargets() {\n			for (const key of Object.keys(this.targetsList)) delete this.targetsList[key];\n		}\n		/**\n		* 收集依赖\n		* @param nodes 需要收集的节点\n		* @param deep 是否需要收集子节点\n		* @param type 强制收集指定类型的依赖\n		*/\n		collect(nodes, depExtendedData = {}, deep = false, type) {\n			const targets = this.getCollectableTargets(type);\n			if (!targets.length) return;\n			for (const node of nodes) {\n				this.removeTargetsDep(targets, node);\n				this.collectItems(node, targets, depExtendedData, deep);\n			}\n		}\n		/**\n		* 获取本次需要参与收集的 target（过滤规则与 collectByCallback 一致）\n		*\n		* 注：供 editor 的 dep service / worker 跨包批量收集时复用，因此为 public。\n		* @param type 强制收集指定类型的依赖\n		*/\n		getCollectableTargets(type) {\n			const targets = [];\n			traverseTarget(this.targetsList, (target) => {\n				if (!type && !target.isCollectByDefault) return;\n				targets.push(target);\n			}, type);\n			return targets;\n		}\n		collectByCallback(nodes, type, cb) {\n			traverseTarget(this.targetsList, (target) => {\n				if (!type && !target.isCollectByDefault) return;\n				for (const node of nodes) cb({\n					node,\n					target\n				});\n			}, type);\n		}\n		/**\n		* 清除所有目标的依赖\n		* @param nodes 需要清除依赖的节点\n		*/\n		clear(nodes, type) {\n			let { targetsList } = this;\n			if (type) targetsList = { [type]: this.getTargets(type) };\n			const clearedItemsNodeIds = /* @__PURE__ */ new Set();\n			traverseTarget(targetsList, (target) => {\n				if (nodes) for (const node of nodes) {\n					target.removeDep(node[this.idProp]);\n					if (Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length && !clearedItemsNodeIds.has(node[this.idProp])) {\n						clearedItemsNodeIds.add(node[this.idProp]);\n						this.clear(node[this.childrenProp]);\n					}\n				}\n				else target.removeDep();\n			});\n		}\n		/**\n		* 清除指定类型的依赖\n		* @param type 类型\n		* @param nodes 需要清除依赖的节点\n		*/\n		clearByType(type, nodes) {\n			this.clear(nodes, type);\n		}\n		/**\n		* 收集单个 target 的依赖，等价于 collectItems(node, [target], ...)\n		*/\n		collectItem(node, target, depExtendedData = {}, deep = false) {\n			this.collectItems(node, [target], depExtendedData, deep);\n		}\n		removeTargetDep(target, node, key) {\n			target.removeDep(node[this.idProp], key);\n			if (typeof key === \"undefined\" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) for (const item of node[this.childrenProp]) this.removeTargetDep(target, item, key);\n		}\n		/**\n		* 与 removeTargetDep 等价，但一次子树递归同时处理多个 target，\n		* 把删除阶段的结构遍历从 ×targets 降到 ×1。\n		*\n		* 注：供 editor 的 dep service 跨包批量删除时复用，因此为 public。\n		*/\n		removeTargetsDep(targets, node, key) {\n			const id = node[this.idProp];\n			for (const target of targets) target.removeDep(id, key);\n			if (typeof key === \"undefined\" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) for (const item of node[this.childrenProp]) this.removeTargetsDep(targets, item, key);\n		}\n		/**\n		* 与 collectItem 等价，但一次遍历同时处理多个 target（不含删除阶段）。\n		*\n		* 关键优化：原实现对每个 target 都完整遍历一遍节点树（O(targets × 树规模)），大页面 + 大量数据源时，\n		* 结构遍历（Object.entries / 递归 / fullKey 字符串拼接）会被重复 targets 次。这里改为「整棵树只遍历一次，\n		* 在每个属性上检查所有 target」，把结构遍历开销从 ×targets 降到 ×1，isTarget 调用次数不变，收集结果完全一致。\n		*\n		* 注：供 editor 的 dep service / worker 跨包批量收集时复用，因此为 public。\n		*/\n		collectItems(node, targets, depExtendedData = {}, deep = false) {\n			const activeTargets = this.filterTargetsByNode(node, targets);\n			if (!activeTargets.length) return;\n			this.collectTargetForTargets(node, node, \"\", activeTargets, depExtendedData, deep);\n		}\n		filterTargetsByNode(node, targets) {\n			const disableDataSource = Boolean(node[NODE_DISABLE_DATA_SOURCE_KEY]);\n			const disableCodeBlock = Boolean(node[NODE_DISABLE_CODE_BLOCK_KEY]);\n			if (!disableDataSource && !disableCodeBlock) return targets;\n			return targets.filter((target) => {\n				if (disableDataSource && DATA_SOURCE_TARGET_TYPES.has(target.type)) return false;\n				if (disableCodeBlock && target.type === DepTargetType.CODE_BLOCK) return false;\n				return true;\n			});\n		}\n		collectTargetForTargets(node, config, prop, targets, depExtendedData, deep) {\n			const id = node[this.idProp];\n			const name = `${node[this.nameProp] || node[this.idProp]}`;\n			for (const [key, value] of Object.entries(config)) {\n				if (typeof value === \"undefined\" || value === \"\") continue;\n				const keyIsItems = key === this.childrenProp;\n				const fullKey = prop ? `${prop}.${key}` : key;\n				let notMatched = null;\n				for (let i = 0, l = targets.length; i < l; i++) {\n					const target = targets[i];\n					if (target.isTarget(fullKey, value, config)) target.updateDep({\n						id,\n						name,\n						data: depExtendedData,\n						key: fullKey\n					});\n					else (notMatched || (notMatched = [])).push(target);\n				}\n				if (notMatched) {\n					if (!keyIsItems && Array.isArray(value)) for (let i = 0, l = value.length; i < l; i++) {\n						const item = value[i];\n						if (isObject(item)) this.collectTargetForTargets(node, item, `${fullKey}[${i}]`, notMatched, depExtendedData, deep);\n					}\n					else if (isObject(value)) this.collectTargetForTargets(node, value, fullKey, notMatched, depExtendedData, deep);\n				}\n				if (keyIsItems && deep && Array.isArray(value)) for (const child of value) this.collectItems(child, targets, depExtendedData, deep);\n			}\n		}\n	};\n	//#endregion\n	//#region packages/editor/src/utils/logger.ts\n	const error = (...args) => {\n		if (process.env.NODE_ENV === \"development\") console.error(\"magic editor: \", ...args);\n	};\n	//#endregion\n	//#region packages/editor/src/utils/dep/worker.ts\n	onmessage = (e) => {\n		const watcher = new Watcher({ initialTargets: {} });\n		const { dsl } = e.data;\n		try {\n			const mApp = eval(`(${dsl})`);\n			if (!mApp) postMessage({});\n			watcher.clearTargets();\n			if (mApp.codeBlocks) for (const [id, code] of Object.entries(mApp.codeBlocks)) watcher.addTarget(createCodeBlockTarget(id, code));\n			if (mApp.dataSources) for (const ds of mApp.dataSources) {\n				watcher.addTarget(createDataSourceTarget(ds, {}));\n				watcher.addTarget(createDataSourceMethodTarget(ds, {}));\n				watcher.addTarget(createDataSourceCondTarget(ds, {}));\n			}\n			const targets = watcher.getCollectableTargets();\n			for (const page of mApp.items) watcher.collectItems(page, targets, { pageId: page.id }, true);\n			const data = {\n				[DepTargetType.DATA_SOURCE]: {},\n				[DepTargetType.DATA_SOURCE_METHOD]: {},\n				[DepTargetType.DATA_SOURCE_COND]: {},\n				[DepTargetType.CODE_BLOCK]: {}\n			};\n			traverseTarget(watcher.getTargetsList(), (target) => {\n				data[target.type][target.id] = target.deps;\n			});\n			postMessage(data);\n		} catch (e) {\n			error(e);\n			postMessage({});\n		}\n	};\n	//#endregion\n})();\n";
+	var jsContent = "(function() {\n	//#region packages/schema/src/index.ts\n	const NODE_CONDS_KEY = \"displayConds\";\n	const NODE_DISABLE_DATA_SOURCE_KEY = \"_tmagic_node_disabled_data_source\";\n	const NODE_DISABLE_CODE_BLOCK_KEY = \"_tmagic_node_disabled_code_block\";\n	let HookType = /* @__PURE__ */ function(HookType) {\n		/** 代码块钩子标识 */\n		HookType[\"CODE\"] = \"code\";\n		return HookType;\n	}({});\n	//#endregion\n	//#region packages/utils/src/const.ts\n	const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = \"ds-field::\";\n	//#endregion\n	//#region packages/utils/src/index.ts\n	const isObject = (obj) => Object.prototype.toString.call(obj) === \"[object Object]\";\n	const getKeysArray = (keys) => `${keys}`.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\");\n	const dataSourceTemplateRegExp = /\\$\\{([\\s\\S]+?)\\}/g;\n	//#endregion\n	//#region packages/dep/src/types.ts\n	/** 依赖收集的目标类型 */\n	let DepTargetType = /* @__PURE__ */ function(DepTargetType) {\n		DepTargetType[\"DEFAULT\"] = \"default\";\n		/** 代码块 */\n		DepTargetType[\"CODE_BLOCK\"] = \"code-block\";\n		/** 数据源 */\n		DepTargetType[\"DATA_SOURCE\"] = \"data-source\";\n		/** 数据源方法 */\n		DepTargetType[\"DATA_SOURCE_METHOD\"] = \"data-source-method\";\n		/** 数据源条件 */\n		DepTargetType[\"DATA_SOURCE_COND\"] = \"data-source-cond\";\n		return DepTargetType;\n	}({});\n	//#endregion\n	//#region packages/dep/src/Target.ts\n	/**\n	* 需要收集依赖的目标\n	* 例如：一个代码块可以为一个目标\n	*/\n	var Target = class {\n		/**\n		* 如何识别目标\n		*/\n		isTarget;\n		/**\n		* 目标id，不可重复\n		* 例如目标是代码块，则为代码块id\n		*/\n		id;\n		/**\n		* 目标名称，用于显示在依赖列表中\n		*/\n		name;\n		/**\n		* 不同的目标可以进行分类，例如代码块，数据源可以为两个不同的type\n		*/\n		type = DepTargetType.DEFAULT;\n		/**\n		* 依赖详情\n		* 实例：{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }\n		*/\n		deps = {};\n		/**\n		* 是否默认收集，默认为true，当值为false时需要传入type参数给collect方法才会被收集\n		*/\n		isCollectByDefault;\n		/**\n		* 可序列化描述，有该描述的 target 可以在 worker 中重建，从而把依赖收集放到子线程执行\n		*/\n		descriptor;\n		constructor(options) {\n			this.isTarget = options.isTarget;\n			this.id = options.id;\n			this.name = options.name;\n			this.isCollectByDefault = options.isCollectByDefault ?? true;\n			this.descriptor = options.descriptor;\n			if (options.type) this.type = options.type;\n			if (options.initialDeps) this.deps = options.initialDeps;\n		}\n		/**\n		* 更新依赖\n		* @param option 节点配置\n		* @param key 哪个key配置了这个目标的id\n		*/\n		updateDep({ id, name, key, data }) {\n			const dep = this.deps[id] || {\n				name,\n				keys: []\n			};\n			dep.name = name;\n			dep.data = data;\n			this.deps[id] = dep;\n			if (!dep.keys.includes(key)) dep.keys.push(key);\n		}\n		/**\n		* 删除依赖\n		* @param node 哪个节点的依赖需要移除，如果为空，则移除所有依赖\n		* @param key 节点下哪个key需要移除，如果为空，则移除改节点下的所有依赖key\n		* @returns void\n		*/\n		removeDep(id, key) {\n			if (typeof id === \"undefined\") {\n				Object.keys(this.deps).forEach((depKey) => {\n					delete this.deps[depKey];\n				});\n				return;\n			}\n			const dep = this.deps[id];\n			if (!dep) return;\n			if (key) {\n				const index = dep.keys.indexOf(key);\n				dep.keys.splice(index, 1);\n				if (dep.keys.length === 0) delete this.deps[id];\n			} else delete this.deps[id];\n		}\n		/**\n		* 判断指定节点下的指定key是否存在在依赖列表中\n		* @param node 哪个节点\n		* @param key 哪个key\n		* @returns boolean\n		*/\n		hasDep(id, key) {\n			return this.deps[id]?.keys.includes(key) ?? false;\n		}\n		destroy() {\n			this.deps = {};\n		}\n	};\n	//#endregion\n	//#region packages/dep/src/utils.ts\n	const INTEGER_REGEXP = /^\\d+$/;\n	const createCodeBlockTarget = (id, codeBlock, initialDeps = {}) => new Target({\n		type: DepTargetType.CODE_BLOCK,\n		id,\n		initialDeps,\n		name: codeBlock.name,\n		descriptor: {\n			type: DepTargetType.CODE_BLOCK,\n			id,\n			codeBlock: { name: codeBlock.name }\n		},\n		isTarget: (_key, value) => {\n			if (id === value) return true;\n			if (value?.hookType === HookType.CODE && Array.isArray(value.hookData)) return value.hookData.some((item) => item.codeId === id);\n			return false;\n		}\n	});\n	/**\n	* ['array'] ['array', '0'] ['array', '0', 'a'] 这种返回false\n	* ['array', 'a'] 这种返回true\n	* @param keys\n	* @param fields\n	* @returns boolean\n	*/\n	const isIncludeArrayField = (keys, fields) => {\n		let f = fields;\n		return keys.some((key, index) => {\n			const field = f.find(({ name }) => name === key);\n			f = field?.fields || [];\n			return field?.type === \"array\" && index < keys.length - 1 && !INTEGER_REGEXP.test(keys[index + 1]);\n		});\n	};\n	/**\n	* 判断模板(value)是不是使用数据源Id(dsId)，如：`xxx${dsId.field}xxx${dsId.field}`\n	* @param value any\n	* @param dsId string | number\n	* @param hasArray boolean true: 一定要包含有需要迭代的模板; false: 一定要包含普通模板;\n	* @returns boolean\n	*/\n	const isDataSourceTemplate = (value, ds, hasArray = false) => {\n		const templates = value.match(dataSourceTemplateRegExp) || [];\n		if (templates.length <= 0) return false;\n		for (const tpl of templates) {\n			const keys = getKeysArray(tpl.substring(2, tpl.length - 1));\n			const dsId = keys.shift();\n			if (!dsId || dsId !== ds.id) continue;\n			if (hasArray === isIncludeArrayField(keys, ds.fields)) return true;\n		}\n		return false;\n	};\n	/**\n	* 指定数据源的字符串模板,如：{ isBindDataSourceField: true, dataSourceId: 'id', template: `xxx${field}xxx`}\n	* @param value any\n	* @param dsId string | number\n	* @returns boolean\n	*/\n	const isSpecificDataSourceTemplate = (value, dsId) => value?.isBindDataSourceField && value.dataSourceId && value.dataSourceId === dsId && typeof value.template === \"string\";\n	/**\n	* 关联数据源字段，格式为 [前缀+数据源ID, 字段名]\n	* 使用data-source-field-select value: 'value' 可以配置出来\n	* @param value any[]\n	* @param id string | number\n	* @returns boolean\n	*/\n	const isUseDataSourceField = (value, id) => {\n		if (!Array.isArray(value) || typeof value[0] !== \"string\") return false;\n		const [prefixId] = value;\n		const prefixIndex = prefixId.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);\n		if (prefixIndex === -1) return false;\n		return prefixId.substring(prefixIndex + DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length) === id;\n	};\n	const isDataSourceTarget = (ds, key, value, hasArray = false) => {\n		if (!value) return false;\n		const valueType = typeof value;\n		if (valueType !== \"string\" && valueType !== \"object\") return false;\n		if (`${key}`.startsWith(\"displayConds\")) return false;\n		if (valueType === \"string\") return isDataSourceTemplate(value, ds, hasArray);\n		if (isObject(value) && value.isBindDataSource && value.dataSourceId === ds.id) return true;\n		if (isSpecificDataSourceTemplate(value, ds.id)) return true;\n		if (isUseDataSourceField(value, ds.id)) {\n			const [, ...keys] = value;\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const isDataSourceCondTarget = (ds, key, value, hasArray = false) => {\n		if (!Array.isArray(value) || !ds) return false;\n		const [dsId, ...keys] = value;\n		if (dsId !== ds.id || !`${key}`.startsWith(\"displayConds\")) return false;\n		if (ds.fields?.some((field) => field.name === keys[0])) {\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const createDataSourceTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE,\n		id: ds.id,\n		initialDeps,\n		descriptor: {\n			type: DepTargetType.DATA_SOURCE,\n			ds: {\n				id: ds.id,\n				fields: ds.fields || []\n			}\n		},\n		isTarget: (key, value) => isDataSourceTarget(ds, key, value)\n	});\n	const createDataSourceCondTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_COND,\n		id: ds.id,\n		initialDeps,\n		descriptor: {\n			type: DepTargetType.DATA_SOURCE_COND,\n			ds: {\n				id: ds.id,\n				fields: ds.fields || []\n			}\n		},\n		isTarget: (key, value) => isDataSourceCondTarget(ds, key, value)\n	});\n	const createDataSourceMethodTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_METHOD,\n		id: ds.id,\n		initialDeps,\n		descriptor: {\n			type: DepTargetType.DATA_SOURCE_METHOD,\n			ds: {\n				id: ds.id,\n				methods: (ds.methods || []).map((method) => ({ name: method.name })),\n				fields: (ds.fields || []).map((field) => ({ name: field.name }))\n			}\n		},\n		isTarget: (_key, value) => {\n			if (!Array.isArray(value)) return false;\n			const [dsId, methodName] = value;\n			if (!methodName || dsId !== ds.id) return false;\n			if (ds.methods?.some((method) => method.name === methodName)) return true;\n			if (ds.fields?.some((field) => field.name === methodName)) return false;\n			return true;\n		}\n	});\n	/**\n	* 用可序列化描述重建 target，使依赖收集可以在 worker 等无法传递函数的环境中进行\n	* @param descriptor 由工厂函数写入 target 的描述\n	* @param initialDeps 初始依赖\n	* @returns Target\n	*/\n	const createTargetByDescriptor = (descriptor, initialDeps = {}) => {\n		switch (descriptor.type) {\n			case DepTargetType.CODE_BLOCK: return createCodeBlockTarget(descriptor.id, descriptor.codeBlock, initialDeps);\n			case DepTargetType.DATA_SOURCE: return createDataSourceTarget(descriptor.ds, initialDeps);\n			case DepTargetType.DATA_SOURCE_COND: return createDataSourceCondTarget(descriptor.ds, initialDeps);\n			case DepTargetType.DATA_SOURCE_METHOD: return createDataSourceMethodTarget(descriptor.ds, initialDeps);\n			default: throw new Error(`unknown target descriptor: ${JSON.stringify(descriptor)}`);\n		}\n	};\n	const traverseTarget = (targetsList, cb, type) => {\n		if (type) {\n			const targets = targetsList[type];\n			if (targets) for (const target of Object.values(targets)) cb(target);\n			return;\n		}\n		for (const targets of Object.values(targetsList)) for (const target of Object.values(targets)) cb(target);\n	};\n	//#endregion\n	//#region packages/dep/src/Watcher.ts\n	const DATA_SOURCE_TARGET_TYPES = /* @__PURE__ */ new Set([\n		DepTargetType.DATA_SOURCE,\n		DepTargetType.DATA_SOURCE_COND,\n		DepTargetType.DATA_SOURCE_METHOD\n	]);\n	var Watcher = class {\n		targetsList = {};\n		childrenProp = \"items\";\n		idProp = \"id\";\n		nameProp = \"name\";\n		constructor(options) {\n			if (options?.initialTargets) this.targetsList = options.initialTargets;\n			if (options?.childrenProp) this.childrenProp = options.childrenProp;\n		}\n		getTargetsList() {\n			return this.targetsList;\n		}\n		/**\n		* 获取指定类型中的所有target\n		* @param type 分类\n		* @returns Target[]\n		*/\n		getTargets(type = DepTargetType.DEFAULT) {\n			return this.targetsList[type] || {};\n		}\n		/**\n		* 添加新的目标\n		* @param target Target\n		*/\n		addTarget(target) {\n			const targets = this.getTargets(target.type) || {};\n			this.targetsList[target.type] = targets;\n			targets[target.id] = target;\n		}\n		/**\n		* 获取指定id的target\n		* @param id target id\n		* @returns Target\n		*/\n		getTarget(id, type = DepTargetType.DEFAULT) {\n			return this.getTargets(type)[id];\n		}\n		/**\n		* 判断是否存在指定id的target\n		* @param id target id\n		* @returns boolean\n		*/\n		hasTarget(id, type = DepTargetType.DEFAULT) {\n			return Boolean(this.getTarget(id, type));\n		}\n		/**\n		* 判断是否存在指定类型的target\n		* @param type target type\n		* @returns boolean\n		*/\n		hasSpecifiedTypeTarget(type = DepTargetType.DEFAULT) {\n			return Object.keys(this.getTargets(type)).length > 0;\n		}\n		/**\n		* 删除指定id的target\n		* @param id target id\n		*/\n		removeTarget(id, type = DepTargetType.DEFAULT) {\n			const targets = this.getTargets(type);\n			if (targets[id]) {\n				targets[id].destroy();\n				delete targets[id];\n			}\n		}\n		/**\n		* 删除指定分类的所有target\n		* @param type 分类\n		* @returns void\n		*/\n		removeTargets(type = DepTargetType.DEFAULT) {\n			const targets = this.targetsList[type];\n			if (!targets) return;\n			for (const target of Object.values(targets)) target.destroy();\n			delete this.targetsList[type];\n		}\n		/**\n		* 删除所有target\n		*/\n		clearTargets() {\n			for (const key of Object.keys(this.targetsList)) delete this.targetsList[key];\n		}\n		/**\n		* 收集依赖\n		* @param nodes 需要收集的节点\n		* @param deep 是否需要收集子节点\n		* @param type 强制收集指定类型的依赖\n		*/\n		collect(nodes, depExtendedData = {}, deep = false, type) {\n			const targets = this.getCollectableTargets(type);\n			if (!targets.length) return;\n			for (const node of nodes) {\n				this.removeTargetsDep(targets, node);\n				this.collectItems(node, targets, depExtendedData, deep);\n			}\n		}\n		/**\n		* 获取本次需要参与收集的 target（过滤规则与 collectByCallback 一致）\n		*\n		* 注：供 editor 的 dep service / worker 跨包批量收集时复用，因此为 public。\n		* @param type 强制收集指定类型的依赖\n		*/\n		getCollectableTargets(type) {\n			const targets = [];\n			traverseTarget(this.targetsList, (target) => {\n				if (!type && !target.isCollectByDefault) return;\n				targets.push(target);\n			}, type);\n			return targets;\n		}\n		collectByCallback(nodes, type, cb) {\n			traverseTarget(this.targetsList, (target) => {\n				if (!type && !target.isCollectByDefault) return;\n				for (const node of nodes) cb({\n					node,\n					target\n				});\n			}, type);\n		}\n		/**\n		* 清除所有目标的依赖\n		* @param nodes 需要清除依赖的节点\n		*/\n		clear(nodes, type) {\n			let { targetsList } = this;\n			if (type) targetsList = { [type]: this.getTargets(type) };\n			const clearedItemsNodeIds = /* @__PURE__ */ new Set();\n			traverseTarget(targetsList, (target) => {\n				if (nodes) for (const node of nodes) {\n					target.removeDep(node[this.idProp]);\n					if (Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length && !clearedItemsNodeIds.has(node[this.idProp])) {\n						clearedItemsNodeIds.add(node[this.idProp]);\n						this.clear(node[this.childrenProp]);\n					}\n				}\n				else target.removeDep();\n			});\n		}\n		/**\n		* 清除指定类型的依赖\n		* @param type 类型\n		* @param nodes 需要清除依赖的节点\n		*/\n		clearByType(type, nodes) {\n			this.clear(nodes, type);\n		}\n		/**\n		* 收集单个 target 的依赖，等价于 collectItems(node, [target], ...)\n		*/\n		collectItem(node, target, depExtendedData = {}, deep = false) {\n			this.collectItems(node, [target], depExtendedData, deep);\n		}\n		removeTargetDep(target, node, key) {\n			target.removeDep(node[this.idProp], key);\n			if (typeof key === \"undefined\" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) for (const item of node[this.childrenProp]) this.removeTargetDep(target, item, key);\n		}\n		/**\n		* 与 removeTargetDep 等价，但一次子树递归同时处理多个 target，\n		* 把删除阶段的结构遍历从 ×targets 降到 ×1。\n		*\n		* 注：供 editor 的 dep service 跨包批量删除时复用，因此为 public。\n		*/\n		removeTargetsDep(targets, node, key) {\n			const id = node[this.idProp];\n			for (const target of targets) target.removeDep(id, key);\n			if (typeof key === \"undefined\" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) for (const item of node[this.childrenProp]) this.removeTargetsDep(targets, item, key);\n		}\n		/**\n		* 与 collectItem 等价，但一次遍历同时处理多个 target（不含删除阶段）。\n		*\n		* 关键优化：原实现对每个 target 都完整遍历一遍节点树（O(targets × 树规模)），大页面 + 大量数据源时，\n		* 结构遍历（Object.entries / 递归 / fullKey 字符串拼接）会被重复 targets 次。这里改为「整棵树只遍历一次，\n		* 在每个属性上检查所有 target」，把结构遍历开销从 ×targets 降到 ×1，isTarget 调用次数不变，收集结果完全一致。\n		*\n		* 注：供 editor 的 dep service / worker 跨包批量收集时复用，因此为 public。\n		*/\n		collectItems(node, targets, depExtendedData = {}, deep = false) {\n			const activeTargets = this.filterTargetsByNode(node, targets);\n			if (!activeTargets.length) return;\n			this.collectTargetForTargets(node, node, \"\", activeTargets, depExtendedData, deep);\n		}\n		filterTargetsByNode(node, targets) {\n			const disableDataSource = Boolean(node[NODE_DISABLE_DATA_SOURCE_KEY]);\n			const disableCodeBlock = Boolean(node[NODE_DISABLE_CODE_BLOCK_KEY]);\n			if (!disableDataSource && !disableCodeBlock) return targets;\n			return targets.filter((target) => {\n				if (disableDataSource && DATA_SOURCE_TARGET_TYPES.has(target.type)) return false;\n				if (disableCodeBlock && target.type === DepTargetType.CODE_BLOCK) return false;\n				return true;\n			});\n		}\n		collectTargetForTargets(node, config, prop, targets, depExtendedData, deep) {\n			const id = node[this.idProp];\n			const name = `${node[this.nameProp] || node[this.idProp]}`;\n			for (const [key, value] of Object.entries(config)) {\n				if (typeof value === \"undefined\" || value === \"\") continue;\n				const keyIsItems = key === this.childrenProp;\n				const fullKey = prop ? `${prop}.${key}` : key;\n				let notMatched = null;\n				for (let i = 0, l = targets.length; i < l; i++) {\n					const target = targets[i];\n					if (target.isTarget(fullKey, value, config)) target.updateDep({\n						id,\n						name,\n						data: depExtendedData,\n						key: fullKey\n					});\n					else (notMatched || (notMatched = [])).push(target);\n				}\n				if (notMatched) {\n					if (!keyIsItems && Array.isArray(value)) for (let i = 0, l = value.length; i < l; i++) {\n						const item = value[i];\n						if (isObject(item)) this.collectTargetForTargets(node, item, `${fullKey}[${i}]`, notMatched, depExtendedData, deep);\n					}\n					else if (isObject(value)) this.collectTargetForTargets(node, value, fullKey, notMatched, depExtendedData, deep);\n				}\n				if (keyIsItems && deep && Array.isArray(value)) for (const child of value) this.collectItems(child, targets, depExtendedData, deep);\n			}\n		}\n	};\n	//#endregion\n	//#region packages/editor/src/utils/logger.ts\n	const error = (...args) => {\n		if (process.env.NODE_ENV === \"development\") console.error(\"magic editor: \", ...args);\n	};\n	//#endregion\n	//#region packages/editor/src/utils/dep/worker.ts\n	/**\n	* 收集本次会覆盖到的节点 id\n	* 必须与 deep 一致：deep=false 时不能带上子孙 id，否则写回阶段 removeDep 会清掉未重收的子节点依赖\n	*/\n	const getNodeIds = (nodes, deep, ids = []) => {\n		for (const node of nodes) {\n			ids.push(node.id);\n			if (deep && Array.isArray(node.items) && node.items.length) getNodeIds(node.items, deep, ids);\n		}\n		return ids;\n	};\n	const collectDsl = ({ id, dsl }) => {\n		try {\n			const mApp = eval(`(${dsl})`);\n			if (!mApp) {\n				postMessage({\n					id,\n					deps: {}\n				});\n				return;\n			}\n			const watcher = new Watcher({ initialTargets: {} });\n			if (mApp.codeBlocks) for (const [id, code] of Object.entries(mApp.codeBlocks)) watcher.addTarget(createCodeBlockTarget(id, code));\n			if (mApp.dataSources) for (const ds of mApp.dataSources) {\n				watcher.addTarget(createDataSourceTarget(ds, {}));\n				watcher.addTarget(createDataSourceMethodTarget(ds, {}));\n				watcher.addTarget(createDataSourceCondTarget(ds, {}));\n			}\n			const targets = watcher.getCollectableTargets();\n			for (const page of mApp.items) watcher.collectItems(page, targets, { pageId: page.id }, true);\n			const deps = {\n				[DepTargetType.DATA_SOURCE]: {},\n				[DepTargetType.DATA_SOURCE_METHOD]: {},\n				[DepTargetType.DATA_SOURCE_COND]: {},\n				[DepTargetType.CODE_BLOCK]: {}\n			};\n			traverseTarget(watcher.getTargetsList(), (target) => {\n				deps[target.type][target.id] = target.deps;\n			});\n			const response = {\n				id,\n				deps\n			};\n			postMessage(response);\n		} catch (e) {\n			error(e);\n			postMessage({\n				id,\n				deps: {},\n				failed: true\n			});\n		}\n	};\n	const collectNodes = ({ id, payload }) => {\n		try {\n			const { nodes, targets: descriptors, depExtendedData, deep } = eval(`(${payload})`);\n			const watcher = new Watcher({ initialTargets: {} });\n			const targets = descriptors.map((descriptor) => createTargetByDescriptor(descriptor));\n			for (const node of nodes) watcher.collectItems(node, targets, depExtendedData, deep);\n			const deps = {};\n			for (const target of targets) {\n				if (!deps[target.type]) deps[target.type] = {};\n				deps[target.type][target.id] = target.deps;\n			}\n			const response = {\n				id,\n				deps,\n				nodeIds: getNodeIds(nodes, deep)\n			};\n			postMessage(response);\n		} catch (e) {\n			error(e);\n			postMessage({\n				id,\n				deps: {},\n				nodeIds: [],\n				failed: true\n			});\n		}\n	};\n	/**\n	* 依赖收集 worker\n	*\n	* 依赖收集需要深度遍历整棵节点树并对每个属性做 target 匹配，节点/数据源多时会长时间占用主线程导致页面卡死，\n	* 因此把遍历匹配放到 worker 中执行。\n	* 全量与增量收集共用一个常驻 worker：收集逻辑只打进一份 inline worker 产物，\n	* 也不会因为频繁收集而反复创建线程，每个请求用 id 与调用方对应。\n	*/\n	onmessage = (e) => {\n		if (\"dsl\" in e.data) {\n			collectDsl(e.data);\n			return;\n		}\n		collectNodes(e.data);\n	};\n	//#endregion\n})();\n";
 	var blob = typeof self !== "undefined" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", jsContent], { type: "text/javascript;charset=utf-8" });
 	function WorkerWrapper(options) {
 		let objURL;
@@ -19249,6 +19251,116 @@
 		}
 	}
 	//#endregion
+	//#region packages/editor/src/utils/dep/collect-worker-client.ts
+	/**
+	* 依赖收集 worker 的主线程客户端
+	*
+	* 依赖收集需要深度遍历整棵节点树并对每个属性做匹配，节点/数据源多时会长时间占用主线程导致页面卡死，
+	* 这里把遍历匹配放到 worker 中执行，主线程只负责把结果写回 target。
+	*
+	* 全量收集与增量收集共用一个常驻 worker：增量收集调用频繁（每次节点更新都会触发），
+	* 按次创建 worker 的启动开销无法接受，也容易漏掉销毁导致线程泄漏。
+	*/
+	var CollectWorkerClient = class {
+		worker = null;
+		seed = 0;
+		pending = /* @__PURE__ */ new Map();
+		get isSupported() {
+			return typeof Worker !== "undefined";
+		}
+		/**
+		* 在 worker 中全量收集整个 DSL 的依赖，target 由 worker 根据 DSL 重建
+		* @returns 收集结果，返回 null 表示 worker 不可用或执行失败
+		*/
+		collectDsl(dsl) {
+			return this.request((id) => ({
+				id,
+				dsl: (0, serialize_javascript.default)(dsl)
+			})).then((response) => response?.deps || null);
+		}
+		/**
+		* 在 worker 中增量收集指定节点的依赖，target 以可序列化描述的形式传入
+		* @returns 收集结果，返回 null 表示 worker 不可用或执行失败，调用方需要回退到主线程收集
+		*/
+		collect(payload) {
+			return this.request((id) => ({
+				id,
+				payload: (0, serialize_javascript.default)(payload)
+			})).then((response) => response ? {
+				deps: response.deps || {},
+				nodeIds: response.nodeIds || []
+			} : null);
+		}
+		terminate() {
+			this.worker?.terminate();
+			this.worker = null;
+			this.settleAllPending();
+		}
+		/**
+		* 丢弃在途请求并重建 worker
+		* clearIdleTasks / reset 中断收集时调用，避免已 abort 的长任务继续占着常驻 worker 拖慢后续收集
+		*/
+		abort() {
+			this.terminate();
+		}
+		/**
+		* worker 按收到的顺序逐个处理请求，因此请求间不会互相打断，用 id 把结果分发回各自的调用方
+		*/
+		request(createRequest) {
+			const worker = this.getWorker();
+			if (!worker) return Promise.resolve(null);
+			this.seed += 1;
+			const id = this.seed;
+			return new Promise((resolve) => {
+				this.pending.set(id, resolve);
+				try {
+					worker.postMessage(createRequest(id));
+				} catch (e) {
+					error("magic editor: 依赖收集 worker 通信失败", e);
+					this.pending.delete(id);
+					resolve(null);
+				}
+			});
+		}
+		getWorker() {
+			if (!this.isSupported) return null;
+			if (this.worker) return this.worker;
+			try {
+				const worker = new WorkerWrapper();
+				worker.onmessage = (e) => {
+					this.handleResponse(e.data);
+				};
+				worker.onerror = () => {
+					this.handleFatalError();
+				};
+				worker.onmessageerror = () => {
+					this.handleFatalError();
+				};
+				this.worker = worker;
+			} catch (e) {
+				error("magic editor: 依赖收集 worker 创建失败", e);
+				return null;
+			}
+			return this.worker;
+		}
+		handleResponse(response) {
+			const resolve = this.pending.get(response?.id);
+			if (!resolve) return;
+			this.pending.delete(response.id);
+			resolve(response.failed ? null : response);
+		}
+		handleFatalError() {
+			this.worker?.terminate();
+			this.worker = null;
+			this.settleAllPending();
+		}
+		settleAllPending() {
+			const resolvers = [...this.pending.values()];
+			this.pending.clear();
+			for (const resolve of resolvers) resolve(null);
+		}
+	};
+	//#endregion
 	//#region packages/editor/src/services/dep.ts
 	init_lodash();
 	var Dep = class extends BaseService {
@@ -19257,6 +19369,7 @@
 			taskLength: 0
 		});
 		idleTask = new IdleTask();
+		collectWorker = new CollectWorkerClient();
 		watcher = new _tmagic_core.Watcher({ initialTargets: (0, vue.reactive)({}) });
 		waitingWorker;
 		resolveWaitingWorker;
@@ -19309,6 +19422,14 @@
 			this.emit("collected", nodes, deep);
 			this.emit("ds-collected", nodes, deep);
 		}
+		/**
+		* 空闲收集依赖
+		*
+		* 遍历匹配是整个收集过程中最耗时的部分（要深度遍历节点树并对每个属性做 target 匹配），
+		* 节点/数据源多时在主线程执行会长时间卡死页面，因此优先交给 worker 执行，主线程只负责把结果写回 target。
+		* 自定义 target 的 isTarget 是无法跨线程传递的闭包函数（没有 descriptor），仍走主线程空闲队列；
+		* worker 不可用（如 SSR）或执行失败时也会回退到主线程空闲队列。
+		*/
 		async collectIdle(nodes, depExtendedData = {}, deep = false, type) {
 			if (this.waitingWorker) await this.waitingWorker;
 			const batch = {
@@ -19318,11 +19439,13 @@
 				dsPending: 0,
 				collectedEmitted: false,
 				dsSettled: false,
+				aborted: false,
 				resolve: () => {}
 			};
-			this.watcher.collectByCallback(nodes, type, ({ node, target }) => {
-				this.enqueueTask(node, target, depExtendedData, deep, batch);
-			});
+			const workerTargets = [];
+			for (const target of this.watcher.getCollectableTargets(type)) if (target.descriptor && this.collectWorker.isSupported) workerTargets.push(target);
+			else this.enqueueTasks(nodes, target, depExtendedData, deep, batch);
+			if (workerTargets.length && nodes.length) this.collectByCollectWorker(nodes, workerTargets, depExtendedData, deep, batch);
 			if (batch.pending === 0) {
 				this.emit("collected", nodes, deep);
 				this.updateCollectingState();
@@ -19341,16 +19464,8 @@
 			const { promise, resolve: waitingResolve } = Promise.withResolvers();
 			this.waitingWorker = promise;
 			this.resolveWaitingWorker = waitingResolve;
-			return new Promise((resolve) => {
-				const worker = new WorkerWrapper();
-				worker.postMessage({ dsl: (0, serialize_javascript.default)(dsl) });
-				worker.onmessage = (e) => {
-					resolve(e.data);
-				};
-				worker.onerror = () => {
-					resolve({});
-				};
-			}).then((depsData) => {
+			return this.collectWorker.collectDsl(dsl).then((deps) => {
+				const depsData = deps || {};
 				if (generation !== this.workerGeneration) {
 					waitingResolve();
 					return depsData;
@@ -19376,7 +19491,8 @@
 		}
 		collectNode(node, target, depExtendedData = {}, deep = false) {
 			if ((0, _tmagic_utils.isPage)(node)) this.removePageDep(target, depExtendedData);
-			else this.watcher.removeTargetDep(target, node);
+			else if (deep) this.watcher.removeTargetDep(target, node);
+			else target.removeDep(node.id);
 			this.watcher.collectItem(node, target, depExtendedData, deep);
 		}
 		clear(nodes) {
@@ -19394,6 +19510,7 @@
 		clearIdleTasks() {
 			this.abortActiveBatches();
 			this.idleTask.clearTasks();
+			this.collectWorker.abort();
 		}
 		on(eventName, listener) {
 			return super.on(eventName, listener);
@@ -19408,6 +19525,7 @@
 			this.resolveWaitingWorker = void 0;
 			this.waitingWorker = void 0;
 			this.idleTask.clearTasks();
+			this.collectWorker.abort();
 			for (const type of Object.keys(this.watcher.getTargetsList())) this.removeTargets(type);
 			this.set("collecting", false);
 		}
@@ -19417,6 +19535,7 @@
 			this.reset();
 			this.removeAllPlugins();
 			this.idleTask.removeAllListeners();
+			this.collectWorker.terminate();
 		}
 		emit(eventName, ...args) {
 			return super.emit(eventName, ...args);
@@ -19431,26 +19550,73 @@
 				if (dep.data?.pageId && dep.data.pageId === depExtendedData.pageId) delete target.deps[depKey];
 			}
 		}
+		/**
+		* 把遍历匹配交给 worker，结果回来后按 target 分片写回主线程
+		*/
+		collectByCollectWorker(nodes, targets, depExtendedData, deep, batch) {
+			const hasDataSource = targets.some((target) => target.type === _tmagic_core.DepTargetType.DATA_SOURCE);
+			this.beginBatchTask(batch, hasDataSource);
+			this.collectWorker.collect({
+				nodes,
+				targets: targets.map((target) => target.descriptor),
+				depExtendedData,
+				deep
+			}).then((result) => {
+				if (batch.aborted) return;
+				for (const target of targets) if (result) this.enqueueApplyTask(target, result.deps[target.type]?.[target.id] || {}, result.nodeIds, batch, {
+					nodes,
+					depExtendedData,
+					deep
+				});
+				else this.enqueueTasks(nodes, target, depExtendedData, deep, batch);
+			}).finally(() => {
+				this.onBatchTaskDone(batch, hasDataSource);
+			});
+		}
+		/**
+		* 用 worker 的收集结果替换 target 上这批节点的依赖
+		*/
+		enqueueApplyTask(target, deps, nodeIds, batch, { nodes, depExtendedData, deep }) {
+			const isDataSource = target.type === _tmagic_core.DepTargetType.DATA_SOURCE;
+			this.beginBatchTask(batch, isDataSource);
+			this.idleTask.enqueueTask(() => {
+				try {
+					const current = this.watcher.getTarget(target.id, target.type);
+					if (current !== target) {
+						if (current) this.enqueueTasks(nodes, current, depExtendedData, deep, batch);
+						return;
+					}
+					if (nodes.some((node) => (0, _tmagic_utils.isPage)(node))) this.removePageDep(target, depExtendedData);
+					for (const id of nodeIds) target.removeDep(id);
+					for (const [id, dep] of Object.entries(deps)) target.deps[id] = dep;
+				} finally {
+					this.onBatchTaskDone(batch, isDataSource);
+				}
+			}, void 0, isDataSource);
+		}
+		enqueueTasks(nodes, target, depExtendedData, deep, batch) {
+			for (const node of nodes) this.enqueueTask(node, target, depExtendedData, deep, batch);
+		}
 		enqueueTask(node, target, depExtendedData, deep, batch) {
 			const isDataSource = target.type === _tmagic_core.DepTargetType.DATA_SOURCE;
-			batch.pending += 1;
-			if (isDataSource) batch.dsPending += 1;
-			this.idleTask.enqueueTask(({ node, deep, target }) => {
+			this.beginBatchTask(batch, isDataSource);
+			this.idleTask.enqueueTask(() => {
 				try {
-					this.collectNode(node, target, depExtendedData, deep);
+					this.collectNode(node, target, depExtendedData);
 				} finally {
 					this.onBatchTaskDone(batch, isDataSource);
 				}
-			}, {
-				node,
-				deep: false,
-				target
-			}, isDataSource);
+			}, void 0, isDataSource);
 			if (deep && Array.isArray(node.items) && node.items.length) node.items.forEach((item) => {
 				this.enqueueTask(item, target, depExtendedData, deep, batch);
 			});
 		}
+		beginBatchTask(batch, isDataSource) {
+			batch.pending += 1;
+			if (isDataSource) batch.dsPending += 1;
+		}
 		onBatchTaskDone(batch, isDataSource) {
+			if (batch.aborted) return;
 			if (isDataSource) {
 				batch.dsPending -= 1;
 				if (batch.dsPending === 0) this.settleBatchDs(batch);
@@ -19482,7 +19648,10 @@
 			if (!this.activeBatches.size) return;
 			const batches = [...this.activeBatches];
 			this.activeBatches.clear();
-			for (const batch of batches) batch.resolve(false);
+			for (const batch of batches) {
+				batch.aborted = true;
+				batch.resolve(false);
+			}
 			this.updateCollectingState();
 		}
 		updateCollectingState() {
@@ -19500,7 +19669,7 @@
 		commands = {
 			[KeyBindingCommand.DELETE_NODE]: () => {
 				const nodes = editor_default.get("nodes");
-				if (!nodes || (0, _tmagic_utils.isPage)(nodes[0]) || (0, _tmagic_utils.isPageFragment)(nodes[0])) return;
+				if (!nodes || (0, _tmagic_utils.isPageOrFragment)(nodes[0])) return;
 				editor_default.remove(nodes, { historySource: "shortcut" });
 			},
 			[KeyBindingCommand.COPY_NODE]: () => {
@@ -19509,7 +19678,7 @@
 			},
 			[KeyBindingCommand.CUT_NODE]: () => {
 				const nodes = editor_default.get("nodes");
-				if (!nodes || (0, _tmagic_utils.isPage)(nodes[0]) || (0, _tmagic_utils.isPageFragment)(nodes[0])) return;
+				if (!nodes || (0, _tmagic_utils.isPageOrFragment)(nodes[0])) return;
 				editor_default.copy(nodes);
 				editor_default.remove(nodes, { historySource: "shortcut" });
 			},