@tmagic/editor 1.8.0-beta.11 → 1.8.0-beta.13

package/dist/es/services/editor.js

@@ -7,7 +7,7 @@ import storage_default, { Protocol } from "./storage.js";
 import { COPY_STORAGE_KEY, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, classifyDragSources, collectRelatedNodes, describeStepForRevert, editorNodeMergeCustomizer, fixNodePosition, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, moveItemsInContainer, resolveSelectedNode, setChildrenLayout, setLayout, toggleFixedPosition } from "../utils/editor.js";
 import { beforePaste, getAddParent } from "../utils/operator.js";
 import { isFixed } from "@tmagic/stage";
-import { getNodeInfo, getNodePath, getValueByKeyPath, guid, isPage, isPageFragment, setValueByKeyPath } from "@tmagic/utils";
+import { getNodeInfo, getNodePath, getValueByKeyPath, guid, isPage, isPageFragment, setValueByKeyPath, traverseNode } from "@tmagic/utils";
 import { NodeType } from "@tmagic/core";
 import { reactive, toRaw } from "vue";
 import { cloneDeep as cloneDeep$1, isEmpty, isEqual, isObject, mergeWith, uniq } from "lodash-es";
@@ -33,6 +33,7 @@ var Editor = class extends BaseService {
 		stageLoading: true,
 		highlightNode: null,
 		modifiedNodeIds: /* @__PURE__ */ new Map(),
+		invalidNodeIds: /* @__PURE__ */ new Map(),
 		pageLength: 0,
 		pageFragmentLength: 0,
 		disabledMultiSelect: false,
@@ -40,6 +41,11 @@ var Editor = class extends BaseService {
 	});
 	selectionBeforeOp = null;
 	/**
+	* 操作前的节点校验错误快照，与 selectionBeforeOp 同时在 captureSelectionBeforeOp 中捕获，
+	* 供 pushOpHistory 写入 step.extra.invalidNodeIdsBefore，用于撤销时还原到「操作前」的错误状态。
+	*/
+	invalidNodeIdsBeforeOp = null;
+	/**
 	* 最近一次 pushOpHistory 写入的历史记录 uuid。
 	* 供 *AndGetHistoryId 系列方法在调用普通操作后取回本次产生的历史记录 id；
 	* 普通操作不会读取它，调用前由 *AndGetHistoryId 重置为 null。
@@ -57,7 +63,7 @@ var Editor = class extends BaseService {
 	}
 	/**
 	* 设置当前指点节点配置
-	* @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength
+	* @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'invalidNodeIds' | 'pageLength' | 'pageFragmentLength
 	* @param value MNode
 	* @param options.historySource 设置 root 时，本次变更写入历史记录的「操作来源」（仅 name === 'root' 时生效）
 	*/
@@ -85,11 +91,12 @@ var Editor = class extends BaseService {
 				this.state.stageLoading = false;
 			}
 			this.emit("root-change", value, preValue, options);
+			this.pruneInvalidNodeIds();
 		}
 	}
 	/**
 	* 获取当前指点节点配置
-	* @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength'
+	* @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'invalidNodeIds' | 'pageLength' | 'pageFragmentLength'
 	* @returns MNode
 	*/
 	get(name) {
@@ -430,6 +437,7 @@ var Editor = class extends BaseService {
 			doNotSelect,
 			doNotSwitchPage
 		})));
+		this.removeInvalidNodesBySubtree(nodes);
 		if (removedItems.length > 0 && pageForOp) if (!doNotPushHistory) this.pushOpHistory("remove", {
 			diff: removedItems,
 			pageData: pageForOp,
@@ -499,7 +507,7 @@ var Editor = class extends BaseService {
 	*/
 	async update(config, data = {}) {
 		this.captureSelectionBeforeOp();
-		const { doNotPushHistory = false, changeRecordList, changeRecords, historyDescription, historySource } = data;
+		const { doNotPushHistory = false, changeRecordList, changeRecords, historyDescription, historySource, invalidInfo } = data;
 		const nodes = Array.isArray(config) ? config : [config];
 		const updateData = await Promise.all(nodes.map((node, index) => {
 			const recordsForNode = changeRecordList ? changeRecordList[index] ?? [] : changeRecords ?? [];
@@ -508,6 +516,7 @@ var Editor = class extends BaseService {
 				historySource
 			});
 		}));
+		this.applyInvalidInfo(config, invalidInfo);
 		if (updateData[0].oldNode?.type !== NodeType.ROOT) {
 			if (this.get("nodes").length) if (!doNotPushHistory) {
 				const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
@@ -1078,6 +1087,7 @@ var Editor = class extends BaseService {
 		this.set("stage", null);
 		this.set("highlightNode", null);
 		this.set("modifiedNodeIds", /* @__PURE__ */ new Map());
+		this.set("invalidNodeIds", /* @__PURE__ */ new Map());
 		this.set("pageLength", 0);
 	}
 	destroy() {
@@ -1088,6 +1098,51 @@ var Editor = class extends BaseService {
 	resetModifiedNodeId() {
 		this.get("modifiedNodeIds").clear();
 	}
+	/**
+	* 记录（或覆盖）某个节点在指定来源（属性表单 / 样式表单）上的校验错误信息。
+	* @param id 节点 id
+	* @param source 错误来源：'props'（属性表单）| 'style'（样式表单）
+	* @param message 错误文案（可能是包含 <br> 的 HTML）
+	*/
+	setInvalidNode(id, source, message) {
+		const map = this.get("invalidNodeIds");
+		const info = { ...map.get(id) || {} };
+		info[source] = message;
+		map.set(id, info);
+		this.emit("invalid-node-change", map);
+	}
+	/**
+	* 删除节点的校验错误记录。
+	* @param id 节点 id
+	* @param source 指定来源则仅删除该来源；不传则删除该节点全部来源的错误
+	*/
+	deleteInvalidNode(id, source) {
+		const map = this.get("invalidNodeIds");
+		if (!map.has(id)) return;
+		if (!source) map.delete(id);
+		else {
+			const info = { ...map.get(id) || {} };
+			delete info[source];
+			if (info.props || info.style) map.set(id, info);
+			else map.delete(id);
+		}
+		this.emit("invalid-node-change", map);
+	}
+	/** 获取当前存在校验错误的节点错误 Map（key 为节点 id） */
+	getInvalidNodeIds() {
+		return this.get("invalidNodeIds");
+	}
+	/** 获取指定节点的校验错误信息 */
+	getInvalidNodeInfo(id) {
+		return this.get("invalidNodeIds").get(id);
+	}
+	/** 清空全部校验错误记录 */
+	resetInvalidNodeId() {
+		const map = this.get("invalidNodeIds");
+		if (map.size === 0) return;
+		map.clear();
+		this.emit("invalid-node-change", map);
+	}
 	usePlugin(options) {
 		super.usePlugin(options);
 	}
@@ -1100,6 +1155,43 @@ var Editor = class extends BaseService {
 	emit(eventName, ...args) {
 		return super.emit(eventName, ...args);
 	}
+	/**
+	* 应用一次属性面板提交携带的校验错误信息（在写入历史记录之前调用，使历史快照与本次变更对齐）。
+	* - invalidInfo 为空（调用方未携带）：认为本次更新对应的节点已无校验错误，清除其全部来源的错误；
+	* - error 非空则记录错误，为空则清除对应来源的错误。
+	*/
+	applyInvalidInfo(config, invalidInfo) {
+		if (!invalidInfo) {
+			(Array.isArray(config) ? config : [config]).map((node) => node.id).filter((id) => id !== void 0).forEach((id) => this.deleteInvalidNode(id));
+			return;
+		}
+		const { id, source, error } = invalidInfo;
+		if (error) this.setInvalidNode(id, source, error);
+		else this.deleteInvalidNode(id, source);
+	}
+	/** 删除被移除节点（含其子树）的校验错误记录，避免残留误报 */
+	removeInvalidNodesBySubtree(nodes) {
+		const map = this.get("invalidNodeIds");
+		if (map.size === 0) return;
+		let changed = false;
+		nodes.forEach((node) => {
+			traverseNode(node, (n) => {
+				if (n.id !== void 0 && map.delete(n.id)) changed = true;
+			});
+		});
+		if (changed) this.emit("invalid-node-change", map);
+	}
+	/** 清理不在当前 DSL 中的失效节点错误记录（用于整体替换 root 后） */
+	pruneInvalidNodeIds() {
+		const map = this.get("invalidNodeIds");
+		if (map.size === 0) return;
+		let changed = false;
+		for (const id of [...map.keys()]) if (!this.getNodeById(id, false)) {
+			map.delete(id);
+			changed = true;
+		}
+		if (changed) this.emit("invalid-node-change", map);
+	}
 	addModifiedNodeId(id) {
 		this.get("modifiedNodeIds").set(id, id);
 	}
@@ -1119,6 +1211,7 @@ var Editor = class extends BaseService {
 	captureSelectionBeforeOp() {
 		if (this.selectionBeforeOp) return;
 		this.selectionBeforeOp = this.get("nodes").map((n) => n.id);
+		this.invalidNodeIdsBeforeOp = new Map(this.get("invalidNodeIds"));
 	}
 	/**
 	* 比较「上一次 root」与「新 root」的页面 / 页面片，按页面粒度把整体替换拆成历史记录：
@@ -1191,7 +1284,9 @@ var Editor = class extends BaseService {
 			extra: {
 				selectedBefore: this.selectionBeforeOp ?? [],
 				selectedAfter: this.get("nodes").map((n) => n.id),
-				modifiedNodeIds: new Map(this.get("modifiedNodeIds"))
+				modifiedNodeIds: new Map(this.get("modifiedNodeIds")),
+				invalidNodeIdsBefore: new Map(this.invalidNodeIdsBeforeOp ?? this.get("invalidNodeIds")),
+				invalidNodeIdsAfter: new Map(this.get("invalidNodeIds"))
 			},
 			diff
 		};
@@ -1200,6 +1295,7 @@ var Editor = class extends BaseService {
 		const historyId = history_default.push("page", step, pageData.id) ? step.uuid : null;
 		this.lastPushedHistoryId = historyId;
 		this.selectionBeforeOp = null;
+		this.invalidNodeIdsBeforeOp = null;
 		return historyId;
 	}
 	/**
@@ -1299,6 +1395,9 @@ var Editor = class extends BaseService {
 			}
 		}
 		this.set("modifiedNodeIds", step.extra?.modifiedNodeIds ?? /* @__PURE__ */ new Map());
+		const invalidToRestore = (reverse ? step.extra?.invalidNodeIdsBefore : step.extra?.invalidNodeIdsAfter) ?? /* @__PURE__ */ new Map();
+		this.set("invalidNodeIds", new Map(invalidToRestore));
+		this.emit("invalid-node-change", this.get("invalidNodeIds"));
 		const page = toRaw(this.get("page"));
 		if (page) {
 			const selectIds = (reverse ? step.extra?.selectedBefore : step.extra?.selectedAfter) ?? [];

package/dist/es/services/history.js

@@ -1,5 +1,5 @@
-import BaseService from "./BaseService.js";
 import { getEditorConfig } from "../utils/config.js";
+import BaseService from "./BaseService.js";
 import { UndoRedo } from "../utils/undo-redo.js";
 import { deserializeStacks, getOrCreateStack, markStackSaved, mergeSteps, serializeStacks, undoFloor } from "../utils/history.js";
 import { idbGet, idbSet } from "../utils/indexed-db.js";

package/dist/es/services/props.js

@@ -1,5 +1,5 @@
-import BaseService from "./BaseService.js";
 import { fillConfig } from "../utils/props.js";
+import BaseService from "./BaseService.js";
 import editor_default from "./editor.js";
 import { getNodePath, getValueByKeyPath, guid, setValueByKeyPath, toLine } from "@tmagic/utils";
 import { Target, Watcher } from "@tmagic/core";
@@ -187,7 +187,8 @@ var Props = class extends BaseService {
 			const targetConfig = path[path.length - 1];
 			if (!targetConfig) return;
 			target.deps[config.id]?.keys?.forEach((fullKey) => {
-				const relateTargetId = relateIdMap[getValueByKeyPath(fullKey, config)];
+				const relateOriginId = getValueByKeyPath(fullKey, config);
+				const relateTargetId = relateIdMap[relateOriginId];
 				if (!relateTargetId) return;
 				setValueByKeyPath(fullKey, relateTargetId, targetConfig);
 			});

package/dist/es/services/storage.js

@@ -1,5 +1,5 @@
-import BaseService from "./BaseService.js";
 import { getEditorConfig } from "../utils/config.js";
+import BaseService from "./BaseService.js";
 import serialize from "serialize-javascript";
 //#region packages/editor/src/services/storage.ts
 var Protocol = /* @__PURE__ */ function(Protocol) {
@@ -124,4 +124,4 @@ var WebStorage = class extends BaseService {
 };
 var storage_default = new WebStorage();
 //#endregion
-export { Protocol, storage_default as default };
+export { Protocol, WebStorage, storage_default as default };

package/dist/es/services/ui.js

@@ -23,6 +23,9 @@ var state = shallowReactive({
 		center: 0,
 		right: storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480
 	},
+	minLeftColumnWidth: 200,
+	minCenterColumnWidth: 400,
+	minRightColumnWidth: 300,
 	showGuides: true,
 	hasGuides: false,
 	showRule: true,

package/dist/es/style.css

@@ -1,55 +1,4 @@
-@charset "UTF-8";.m-editor-scroll-bar {
-  position: absolute;
-  background-color: transparent;
-  opacity: 0.3;
-  transition: background-color 0.2s linear, opacity 0.2s linear;
-}
-.m-editor-scroll-bar .m-editor-scroll-bar-thumb {
-  background-color: #aaa;
-  border-radius: 6px;
-  position: absolute;
-}
-.m-editor-scroll-bar.horizontal {
-  width: 100%;
-  height: 15px;
-  bottom: 0;
-}
-.m-editor-scroll-bar.horizontal .m-editor-scroll-bar-thumb {
-  height: 6px;
-  transition: background-color 0.2s linear, height 0.2s ease-in-out;
-  bottom: 2px;
-}
-.m-editor-scroll-bar.vertical {
-  height: 100%;
-  width: 15px;
-  right: 5px;
-}
-.m-editor-scroll-bar.vertical .m-editor-scroll-bar-thumb {
-  width: 6px;
-  transition: background-color 0.2s linear, width 0.2s ease-in-out;
-  right: 2px;
-}
-.m-editor-scroll-bar:hover, .m-editor-scroll-bar:focus {
-  background-color: #eee;
-  opacity: 0.9;
-}
-.m-editor-scroll-bar:hover .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus .m-editor-scroll-bar-thumb {
-  background-color: #999;
-}
-.m-editor-scroll-bar:hover.horizontal .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.horizontal .m-editor-scroll-bar-thumb {
-  height: 11px;
-}
-.m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb {
-  width: 11px;
-}.m-fields-ui-select {
-  cursor: pointer;
-}
-.m-fields-ui-select i {
-  margin-right: 3px;
-}
-.m-fields-ui-select span {
-  color: #2882e0;
-}
+@charset "UTF-8";
 .tmagic-design-popper {
   min-width: 150px;
   line-height: 1.4;
@@ -115,6 +64,22 @@
   color: #999;
 }
 
+.tmagic-table-sub-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+}
+.tmagic-table-sub-actions .sub-action-btn {
+  width: 100%;
+}
+.tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
+  margin-left: 0;
+}
+.tmagic-table-sub-actions .tmagic-design-button {
+  justify-content: flex-start;
+}
+
 .tmagic-design-form-inline .m-form-container {
   display: inline-flex;
 }
@@ -139,7 +104,7 @@
 .m-form-dialog .m-dialog-body {
   padding: 0 20px;
 }
-.m-form-dialog .el-table .m-form-item .el-form-item {
+.m-form-dialog .el-table .m-form-item .el-form-item:not(.is-error) {
   margin-bottom: 0;
 }
 
@@ -363,6 +328,10 @@ fieldset.m-fieldset .m-form-tip {
   width: 95vw !important;
 }
 
+.el-form-item .m-fields-table .el-form-item.is-error {
+  margin-bottom: 18px;
+}
+
 .m-fields-table {
   width: 100%;
 }
@@ -385,7 +354,7 @@ fieldset.m-fieldset .m-form-tip {
 .m-fields-table .el-table__expanded-cell .m-form-tip {
   margin-left: 80px;
 }
-.m-fields-table .el-form-item {
+.m-fields-table .el-form-item:not(.is-error) {
   margin-bottom: 0;
 }
 .m-fields-table .tmagic-form-table-drag-target {
@@ -1808,6 +1777,10 @@ fieldset.m-fieldset .m-form-tip {
   margin-right: 5px;
 }
 
+.el-form-item .el-form-item.is-error {
+  margin-bottom: 18px;
+}
+
 .m-editor-layout {
   width: 100%;
   display: flex;
@@ -2020,13 +1993,21 @@ fieldset.m-fieldset .m-form-tip {
 .m-editor-float-box .m-editor-float-box-body {
   overflow: auto;
   flex: 1;
-  padding: 0 16px;
 }
 
 .m-editor-floating-box-moveable {
   opacity: 0;
 }
 
+.m-editor-float-box-drag-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+
 .m-fields-page-fragment-select {
   width: 100%;
 }
@@ -2076,6 +2057,74 @@ fieldset.m-fieldset .m-form-tip {
   padding: 5px 8px;
 }
 
+.m-editor-scroll-bar {
+  position: absolute;
+  background-color: transparent;
+  opacity: 0.3;
+  transition: background-color 0.2s linear, opacity 0.2s linear;
+}
+.m-editor-scroll-bar .m-editor-scroll-bar-thumb {
+  background-color: #aaa;
+  border-radius: 6px;
+  position: absolute;
+}
+.m-editor-scroll-bar.horizontal {
+  width: 100%;
+  height: 15px;
+  bottom: 0;
+}
+.m-editor-scroll-bar.horizontal .m-editor-scroll-bar-thumb {
+  height: 6px;
+  transition: background-color 0.2s linear, height 0.2s ease-in-out;
+  bottom: 2px;
+}
+.m-editor-scroll-bar.vertical {
+  height: 100%;
+  width: 15px;
+  right: 5px;
+}
+.m-editor-scroll-bar.vertical .m-editor-scroll-bar-thumb {
+  width: 6px;
+  transition: background-color 0.2s linear, width 0.2s ease-in-out;
+  right: 2px;
+}
+.m-editor-scroll-bar:hover, .m-editor-scroll-bar:focus {
+  background-color: #eee;
+  opacity: 0.9;
+}
+.m-editor-scroll-bar:hover .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus .m-editor-scroll-bar-thumb {
+  background-color: #999;
+}
+.m-editor-scroll-bar:hover.horizontal .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.horizontal .m-editor-scroll-bar-thumb {
+  height: 11px;
+}
+.m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb {
+  width: 11px;
+}
+
+.m-fields-ui-select {
+  cursor: pointer;
+}
+.m-fields-ui-select i {
+  margin-right: 3px;
+}
+.m-fields-ui-select span {
+  color: #2882e0;
+}
+
+.m-editor-layer-node-content {
+  display: inline-flex;
+  align-items: center;
+}
+.m-editor-layer-node-content.is-invalid .m-editor-layer-node-label {
+  color: var(--el-color-danger, #f56c6c);
+}
+.m-editor-layer-node-content .m-editor-layer-node-error-icon {
+  margin-left: 4px;
+  color: var(--el-color-danger, #f56c6c);
+  cursor: help;
+}
+
 .border-box-container {
   display: flex;
 }

package/dist/es/utils/data-source/index.js

@@ -188,17 +188,36 @@ var getCascaderOptionsFromFields = (fields = [], dataSourceFieldType = ["any"])
 	}
 	return result;
 };
-var getFieldType = (ds, fieldNames) => {
-	let fields = ds?.fields;
-	let type = "";
-	for (const fieldName of fieldNames) {
-		if (!fields?.length) return "";
-		const field = fields.find((f) => f.name === fieldName);
-		if (!field) return "";
-		type = field.type || "";
-		fields = field.fields;
+/**
+* 按字段名路径下钻 DataSchema。
+* @param skipNumberIndices 为 true 时跳过数字段（模板路径中的数组下标，如 arr[0].x）
+*/
+var resolveFieldByPath = (fields, fieldNames, options = {}) => {
+	let currentFields = fields || [];
+	let field;
+	for (const name of fieldNames) {
+		if (options.skipNumberIndices && isNumber(name)) continue;
+		if (!currentFields.length) return {
+			ok: false,
+			fields: currentFields
+		};
+		field = currentFields.find((item) => item.name === name);
+		if (!field) return {
+			ok: false,
+			fields: currentFields
+		};
+		currentFields = field.fields || [];
 	}
-	return type;
+	return {
+		field,
+		ok: true,
+		fields: currentFields
+	};
+};
+var getFieldType = (ds, fieldNames) => {
+	const { ok, field } = resolveFieldByPath(ds?.fields, fieldNames);
+	if (!ok) return "";
+	return field?.type || "";
 };
 //#endregion
-export { getCascaderOptionsFromFields, getDisplayField, getFieldType, getFormConfig, getFormValue };
+export { getCascaderOptionsFromFields, getDisplayField, getFieldType, getFormConfig, getFormValue, resolveFieldByPath };

package/dist/es/utils/event.js

@@ -0,0 +1,123 @@
+import editor_default from "../services/editor.js";
+import { getCascaderOptionsFromFields } from "./data-source/index.js";
+import dataSource_default from "../services/dataSource.js";
+import events_default from "../services/events.js";
+import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from "@tmagic/utils";
+//#region packages/editor/src/utils/event.ts
+var EVENT_NAME_VALUE_SEPARATOR = ".";
+/** 与 EventSelect 中 checkStrictly 一致：component 为 false，其余为 true */
+var isEventNameCheckStrictly = (src) => src !== "component";
+/** 将动作 method 值规范为与 collectEventNameOptionValues 一致的字符串（cascader 无 valueSeparator 时存数组） */
+var normalizeCompActionValue = (value) => {
+	if (Array.isArray(value)) return value.map((item) => `${item}`).join(".");
+	if (value === null || value === void 0 || value === "") return "";
+	return `${value}`;
+};
+/**
+* 组装事件名称下拉/级联 options，与 EventSelect 默认 eventNameConfig.options 逻辑一致。
+*/
+var getEventNameOptions = (src, formValue = {}) => {
+	if (!formValue.type) return [];
+	if (src === "component") {
+		let events = events_default.getEvent(formValue.type) || [];
+		if (formValue.type === "page-fragment-container" && formValue.pageFragmentId) {
+			const pageFragment = editor_default.get("root")?.items?.find((page) => page.id === formValue.pageFragmentId);
+			if (!pageFragment) return [];
+			events = [{
+				label: pageFragment.name || "页面片容器",
+				value: pageFragment.id,
+				children: events
+			}];
+			(pageFragment.items || []).forEach((node) => {
+				traverseNode(node, (current) => {
+					const nodeEvents = current.type && events_default.getEvent(current.type) || [];
+					events.push({
+						label: `${current.name}_${current.id}`,
+						value: `${current.id}`,
+						children: nodeEvents
+					});
+				});
+			});
+			return events;
+		}
+		return events.map((option) => ({
+			text: option.label,
+			value: option.value
+		}));
+	}
+	if (src === "datasource") {
+		const events = dataSource_default.getFormEvent(formValue.type) || [];
+		const fields = dataSource_default.getDataSourceById(formValue.id)?.fields || [];
+		if (fields.length > 0) return [...events, {
+			label: "数据变化",
+			value: DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX,
+			children: getCascaderOptionsFromFields(fields)
+		}];
+		return events;
+	}
+	return [];
+};
+/** 将 select / cascader options 展平为最终写入 name 的字符串集合（cascader 用 `.` 拼接） */
+var collectEventNameOptionValues = (options, checkStrictly, prefix = [], result = /* @__PURE__ */ new Set()) => {
+	options.forEach((option) => {
+		if (typeof option?.value === "undefined") return;
+		const path = [...prefix, option.value];
+		const joined = path.map((item) => `${item}`).join(".");
+		const children = "children" in option ? option.children : void 0;
+		if (Array.isArray(children) && children.length) {
+			if (checkStrictly) result.add(joined);
+			collectEventNameOptionValues(children, checkStrictly, path, result);
+			return;
+		}
+		result.add(joined);
+	});
+	return result;
+};
+/**
+* 解析 event-select 允许的 name 集合。
+* 自定义 eventNameConfig.options 时返回 null（跳过枚举校验）。
+*/
+var getEventNameAllowedValues = (config = {}, formValue = {}) => {
+	if (typeof config.eventNameConfig?.options !== "undefined") return null;
+	if (config.src !== "component" && config.src !== "datasource") return null;
+	return collectEventNameOptionValues(getEventNameOptions(config.src, formValue), isEventNameCheckStrictly(config.src));
+};
+/**
+* 组装联动组件动作下拉/级联 options，与 EventSelect 默认 compActionConfig.options 逻辑一致。
+*/
+var getCompActionOptions = (toId) => {
+	if (typeof toId === "undefined" || toId === null || toId === "") return [];
+	const node = editor_default.getNodeById(toId);
+	if (!node?.type) return [];
+	let methods = events_default.getMethod(node.type, toId) || [];
+	if (node.type === "page-fragment-container" && node.pageFragmentId) {
+		const pageFragment = editor_default.get("root")?.items?.find((page) => page.id === node.pageFragmentId);
+		if (!pageFragment) return [];
+		methods = [];
+		(pageFragment.items || []).forEach((item) => {
+			traverseNode(item, (current) => {
+				const nodeMethods = current.type && events_default.getMethod(current.type, current.id) || [];
+				if (nodeMethods.length) methods.push({
+					label: `${current.name}_${current.id}`,
+					value: `${current.id}`,
+					children: nodeMethods
+				});
+			});
+		});
+		return methods;
+	}
+	return methods.map((method) => ({
+		text: method.label,
+		value: method.value
+	}));
+};
+/**
+* 解析 event-select 联动组件动作允许的 method 集合。
+* 自定义 compActionConfig.options 时返回 null（跳过枚举校验）。
+*/
+var getCompActionAllowedValues = (config = {}, model = {}) => {
+	if (typeof config.compActionConfig?.options !== "undefined") return null;
+	return collectEventNameOptionValues(getCompActionOptions(model.to), isEventNameCheckStrictly(config.src));
+};
+//#endregion
+export { EVENT_NAME_VALUE_SEPARATOR, collectEventNameOptionValues, getCompActionAllowedValues, getCompActionOptions, getEventNameAllowedValues, getEventNameOptions, isEventNameCheckStrictly, normalizeCompActionValue };

package/dist/es/utils/monaco-editor.js

@@ -1,12 +1,28 @@
 //#region packages/editor/src/utils/monaco-editor.ts
 var cached;
-var monaco_editor_default = () => {
-	if (!cached) cached = Promise.all([import("emmet-monaco-es"), import("monaco-editor")]).then(([emmet, monaco]) => {
-		const { emmetHTML, emmetCSS } = emmet;
-		emmetHTML(monaco);
-		emmetCSS(monaco, ["css", "scss"]);
-		return monaco;
+var isMonacoCanceledError = (reason) => {
+	if (!reason) return false;
+	if (reason instanceof Error) return reason.name === "Canceled" || reason.message === "Canceled";
+	return reason === "Canceled";
+};
+var canceledRejectionHandlerInstalled = false;
+var installCanceledRejectionHandler = () => {
+	if (canceledRejectionHandlerInstalled || typeof globalThis.addEventListener !== "function") return;
+	canceledRejectionHandlerInstalled = true;
+	globalThis.addEventListener("unhandledrejection", (event) => {
+		if (isMonacoCanceledError(event.reason)) event.preventDefault();
 	});
+};
+var monaco_editor_default = () => {
+	if (!cached) {
+		installCanceledRejectionHandler();
+		cached = Promise.all([import("emmet-monaco-es"), import("monaco-editor")]).then(([emmet, monaco]) => {
+			const { emmetHTML, emmetCSS } = emmet;
+			emmetHTML(monaco);
+			emmetCSS(monaco, ["css", "scss"]);
+			return monaco;
+		});
+	}
 	return cached;
 };
 //#endregion