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

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

package/dist/es/utils/operator.js

@@ -1,7 +1,7 @@
 import props_default from "../services/props.js";
 import { generatePageNameByApp, getInitPositionStyle } from "./editor.js";
 import editor_default from "../services/editor.js";
-import { calcValueByFontsize, getElById, isPage, isPageFragment } from "@tmagic/utils";
+import { calcValueByFontsize, getElById, isPage, isPageOrFragment } from "@tmagic/utils";
 import { NodeType } from "@tmagic/core";
 import { toRaw } from "vue";
 import { isEmpty } from "lodash-es";
@@ -33,7 +33,7 @@ var beforePaste = (position, config, doc) => {
 			};
 		}
 		const root = editor_default.get("root");
-		if ((isPage(pasteConfig) || isPageFragment(pasteConfig)) && root) pasteConfig.name = generatePageNameByApp(root, isPage(pasteConfig) ? NodeType.PAGE : NodeType.PAGE_FRAGMENT);
+		if (isPageOrFragment(pasteConfig) && root) pasteConfig.name = generatePageNameByApp(root, isPage(pasteConfig) ? NodeType.PAGE : NodeType.PAGE_FRAGMENT);
 		return pasteConfig;
 	});
 };

package/dist/es/utils/props.js

@@ -1,5 +1,5 @@
 import { tMagicMessage } from "@tmagic/design";
-import { NODE_CONDS_KEY, NODE_CONDS_RESULT_KEY, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from "@tmagic/core";
+import { HookType, NODE_CONDS_KEY, NODE_CONDS_RESULT_KEY, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from "@tmagic/core";
 //#region packages/editor/src/utils/props.ts
 var arrayOptions = [{
 	text: "包含",
@@ -41,10 +41,29 @@ var numberOptions = [
 		value: "not_between"
 	}
 ];
+var booleanOptions = [{
+	text: "是",
+	value: "is"
+}, {
+	text: "不是",
+	value: "not"
+}];
+/** 按字段类型返回条件运算符选项（UI 与 typeMatch 校验共用） */
+var getCondOpOptionsByFieldType = (type) => {
+	if (type === "array") return arrayOptions;
+	if (type === "boolean" || type === "null") return booleanOptions;
+	if (type === "number") return [...eqOptions, ...numberOptions];
+	if (type === "string") return [...arrayOptions, ...eqOptions];
+	return [
+		...arrayOptions,
+		...eqOptions,
+		...numberOptions
+	];
+};
 var styleTabConfig = {
 	title: "样式",
 	lazy: true,
-	display: ({ services }) => !(services.uiService.get("showStylePanel") ?? true),
+	display: ({ services }) => !(services?.uiService?.get("showStylePanel") ?? true),
 	items: [{
 		name: "style",
 		labelWidth: "100px",
@@ -113,7 +132,8 @@ var eventTabConfig = {
 		name: "events",
 		src: "component",
 		labelWidth: "100px",
-		type: "event-select"
+		type: "event-select",
+		rules: [{ typeMatch: true }]
 	}]
 };
 var advancedTabConfig = {
@@ -124,6 +144,7 @@ var advancedTabConfig = {
 			name: NODE_DISABLE_CODE_BLOCK_KEY,
 			text: "禁用代码块",
 			type: "switch",
+			labelPosition: "left",
 			defaultValue: false,
 			extra: "开启后，配置的代码块将不会被执行"
 		},
@@ -131,54 +152,87 @@ var advancedTabConfig = {
 			name: NODE_DISABLE_DATA_SOURCE_KEY,
 			text: "禁用数据源",
 			type: "switch",
+			labelPosition: "left",
 			defaultValue: false,
 			extra: "开启后，组件内配置的数据源相关配置将不会被编译，显隐条件将失效"
 		},
 		{
 			name: "created",
-			text: "created",
+			text: "Created",
 			labelPosition: "top",
 			type: "code-select",
-			extra: "组件初始化时执行"
+			titleExtra: "组件初始化时执行",
+			rules: [{
+				typeMatch: true,
+				trigger: "change"
+			}, { validator: ({ value, callback }) => {
+				if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
+				callback();
+			} }]
 		},
 		{
 			name: "mounted",
-			text: "mounted",
+			text: "Mounted",
 			labelPosition: "top",
 			type: "code-select",
-			extra: "组件挂载到dom时执行"
+			titleExtra: "组件挂载到dom时执行",
+			rules: [{
+				typeMatch: true,
+				trigger: "change"
+			}, { validator: ({ value, callback }) => {
+				if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
+				callback();
+			} }]
 		},
 		{
 			name: "display",
-			text: "display",
-			extra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
+			text: "Display",
+			titleExtra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
 			labelPosition: "top",
-			type: "code-select"
+			type: "code-select",
+			rules: [{
+				typeMatch: true,
+				trigger: "change"
+			}, { validator: ({ value, callback }) => {
+				if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
+				callback();
+			} }]
 		}
 	]
 };
 var displayTabConfig = {
 	title: "显示条件",
 	display: (_state, { model }) => model.type !== "page",
-	items: [{
-		name: NODE_CONDS_RESULT_KEY,
-		type: "select",
-		text: "条件成立时",
-		defaultValue: false,
-		options: [{
-			text: "显示",
-			value: false
-		}, {
-			text: "隐藏",
-			value: true
-		}],
-		extra: (_state, { model }) => `条件成立时${model[NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
-	}, {
-		type: "display-conds",
-		name: NODE_CONDS_KEY,
-		titlePrefix: "条件组",
-		defaultValue: []
-	}]
+	items: [
+		{
+			name: NODE_CONDS_RESULT_KEY,
+			type: "select",
+			text: "条件成立时",
+			defaultValue: false,
+			options: [{
+				text: "显示",
+				value: false
+			}, {
+				text: "隐藏",
+				value: true
+			}],
+			extra: (_state, { model }) => `条件成立时${model[NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
+		},
+		{
+			text: "条件组配置",
+			static: true,
+			className: "display-conds-title"
+		},
+		{
+			type: "display-conds",
+			name: NODE_CONDS_KEY,
+			titlePrefix: "条件组",
+			fixed: "right",
+			operateColWidth: 112,
+			defaultValue: [],
+			rules: [{ typeMatch: true }]
+		}
+	]
 };
 /**
 * 统一为组件属性表单加上事件、高级、样式配置
@@ -196,10 +250,11 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 		name: "id",
 		text: "ID",
 		type: "text",
-		disabled: true,
+		static: true,
 		append: {
-			type: "button",
-			text: "复制",
+			type: "icon",
+			text: "https://vip.image.video.qpic.cn/vupload/20260615/36cf7e1781493669935.svg",
+			extra: "复制",
 			handler: (vm, { model }) => {
 				navigator.clipboard.writeText(`${model.id}`).then(() => {
 					tMagicMessage.success("已复制");
@@ -218,6 +273,7 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 	const tabConfig = {
 		type: "tab",
 		labelWidth,
+		className: "magic-right-panel-tabs-top",
 		items: [
 			{
 				title: "属性",
@@ -232,5 +288,30 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 	if (!disabledDataSource) tabConfig.items.push({ ...displayTabConfig });
 	return [tabConfig];
 };
+/**
+* 将属性表单配置中「样式」tab-pane 的 `display` 强制置为 `true`。
+*
+* `propsService.getPropsConfig` 返回的样式 tab 默认带有
+* `display: ({ services }) => !(services?.uiService?.get('showStylePanel') ?? true)`，
+* 在对比 / 只读展示场景（CompareForm / ViewForm）下并不需要跟随 uiService 状态隐藏，
+* 这里统一放开，保证样式 tab 始终可见。
+*
+* @param formConfig 组件属性表单配置
+* @returns 处理后的表单配置（不修改入参，返回浅拷贝）
+*/
+var removeStyleDisplayConfig = (formConfig) => formConfig.map((item) => {
+	if (!("type" in item)) return item;
+	if (item?.type !== "tab" || !Array.isArray(item.items)) return item;
+	return {
+		...item,
+		items: item.items.map((tabPane) => {
+			if (tabPane?.title !== "样式" || !Array.isArray(tabPane.items)) return tabPane;
+			return {
+				...tabPane,
+				display: true
+			};
+		})
+	};
+});
 //#endregion
-export { advancedTabConfig, arrayOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, numberOptions, styleTabConfig };
+export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig };

package/dist/es/utils/type-match-rules.js

@@ -0,0 +1,367 @@
+import { arrayOptions, booleanOptions, eqOptions, getCondOpOptionsByFieldType, numberOptions } from "./props.js";
+import editor_default from "../services/editor.js";
+import { getFieldType, resolveFieldByPath } from "./data-source/index.js";
+import codeBlock_default from "../services/codeBlock.js";
+import dataSource_default from "../services/dataSource.js";
+import { validateTypeMatch } from "@tmagic/form";
+import { appendValidateSuggestion } from "@tmagic/design";
+import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DATA_SOURCE_SET_DATA_METHOD_NAME, dataSourceTemplateRegExp, getKeysArray, removeDataSourceFieldPrefix } from "@tmagic/utils";
+import { NodeType } from "@tmagic/core";
+//#region packages/editor/src/utils/type-match-rules.ts
+/**
+* 将值格式化为可读的参考示例字符串。
+*/
+var stringifyExampleValue = (value) => {
+	if (typeof value === "string") return `"${value}"`;
+	if (value === null || value === void 0) return String(value);
+	if (typeof value === "object") try {
+		return JSON.stringify(value);
+	} catch {
+		return String(value);
+	}
+	return String(value);
+};
+var MAX_SUGGESTION_OPTIONS = 20;
+/**
+* 生成「请使用以下某一个值：xxx；xxx」形式的参考建议；无可选值时返回空字符串（不追加建议）。
+*/
+var listSuggestion = (values) => {
+	const list = values.filter((item) => typeof item !== "undefined" && item !== null && item !== "");
+	if (!list.length) return "";
+	const shown = list.slice(0, MAX_SUGGESTION_OPTIONS).map(stringifyExampleValue);
+	const suffix = list.length > MAX_SUGGESTION_OPTIONS ? " 等" : "";
+	return `请使用以下某一个值：${shown.join("；")}${suffix}`;
+};
+/**
+* 列出当前可用数据源 id 的参考建议。
+*/
+var dataSourceIdSuggestion = () => listSuggestion(getDataSources().map((ds) => `${ds.id}`));
+var SUGGESTION_STRING = "请参考以下示例值：\"文本内容\"";
+var SUGGESTION_STRING_OR_NUMBER = "请参考以下示例值：\"文本内容\" 或 123";
+var SUGGESTION_OBJECT = "请参考以下示例值：{ \"key\": \"value\" }";
+var SUGGESTION_ARRAY = "请参考以下示例值：[]";
+var SUGGESTION_STRING_ARRAY = "请参考以下示例值：[\"字段1\", \"字段2\"]";
+var SUGGESTION_METHOD_TUPLE = "请参考以下示例值：[\"数据源ID\", \"方法名\"]";
+var SUGGESTION_DS_BINDING = "请参考以下示例值：\"${数据源ID.字段名}\"";
+var SUGGESTION_DS_BIND_OBJECT = "请参考以下示例值：{ \"isBindDataSource\": true, \"dataSourceId\": \"数据源ID\" }";
+var SUGGESTION_UI_ID = "请参考以下示例值：画布中已存在组件的 id";
+var SUGGESTION_FIELD_ITEM = "请参考以下示例值：{ \"name\": \"字段名\", \"type\": \"string\" }";
+var SUGGESTION_CODE_SELECT = "请参考以下示例值：{ \"hookData\": [{ \"codeId\": \"代码块ID\", \"params\": {} }] }";
+var SUGGESTION_HOOK_ITEM = "请参考以下示例值：{ \"codeId\": \"代码块ID\", \"params\": {} }";
+var SUGGESTION_MOCK_ITEM = "请参考以下示例值：{ \"title\": \"mock 名称\", \"enable\": true, \"useInEditor\": false, \"data\": {} }";
+var SUGGESTION_METHOD_ITEM = "请参考以下示例值：{ \"name\": \"方法名\", \"content\": \"() => {}\" }";
+var SUGGESTION_EVENT_ITEM = "请参考以下示例值：{ \"name\": \"事件名\", \"actions\": [] }";
+var SUGGESTION_DISPLAY_COND = "请参考以下示例值：[{ \"cond\": [{ \"field\": [\"数据源ID\", \"字段名\"], \"op\": \"==\" }] }]";
+/**
+* 返回最终错误文案。
+*
+* - 传入了自定义 `message` 时，直接使用自定义文案（不追加建议）；
+* - 否则使用默认文案 `fallback`，并在其后拼接「参考建议」。
+*   参考建议给出一个可参考的示例值（如可选项列表、示例数据），仅用于错误汇总展示；
+*   form-item 行内错误不展示建议（由 @tmagic/design FormItem 在渲染时截断建议）。
+*   主文案与建议的拼接/截断统一复用 @tmagic/design 的 `appendValidateSuggestion`。
+*/
+var defaultMessage = (message, fallback, suggestion) => {
+	if (message) return message;
+	return appendValidateSuggestion(fallback, suggestion);
+};
+var isPlainObject = (value) => Object.prototype.toString.call(value) === "[object Object]";
+var isId = (value) => typeof value === "string" || typeof value === "number";
+var DATA_SOURCE_FIELD_TYPES = /* @__PURE__ */ new Set([
+	"null",
+	"boolean",
+	"object",
+	"array",
+	"number",
+	"string",
+	"any"
+]);
+var ALL_COND_OPS = /* @__PURE__ */ new Set([
+	...arrayOptions.map((item) => item.value),
+	...eqOptions.map((item) => item.value),
+	...numberOptions.map((item) => item.value),
+	...booleanOptions.map((item) => item.value)
+]);
+var getCondOpsByFieldType = (type) => new Set(getCondOpOptionsByFieldType(type).map((item) => item.value));
+var getDataSources = () => dataSource_default.get("dataSources") || [];
+var findDataSource = (id) => getDataSources().find((ds) => `${ds.id}` === `${id}`);
+var getMethodNamesForDataSource = (ds) => {
+	const names = /* @__PURE__ */ new Set([DATA_SOURCE_SET_DATA_METHOD_NAME]);
+	(dataSource_default.getFormMethod(ds.type) || []).forEach((item) => {
+		if (item?.value) names.add(item.value);
+	});
+	(ds.methods || []).forEach((method) => {
+		if (method?.name) names.add(method.name);
+	});
+	return names;
+};
+/**
+* 递归收集画布中真实存在的组件 id。
+*/
+var collectNodeIds = (limit = MAX_SUGGESTION_OPTIONS) => {
+	const ids = [];
+	const walk = (nodes) => {
+		for (const node of nodes || []) {
+			if (typeof node?.id !== "undefined") {
+				ids.push(node.id);
+				if (ids.length >= limit) return true;
+			}
+			if (Array.isArray(node?.items) && walk(node.items)) return true;
+		}
+		return false;
+	};
+	walk(editor_default.get("root")?.items);
+	return ids;
+};
+/**
+* 取数据源的第一个字段名，用于拼接真实的字段路径示例。
+*/
+var firstDataSourceFieldName = (ds) => (ds?.fields || []).find((item) => typeof item?.name === "string")?.name;
+/**
+* 列出画布中真实存在的组件 id 作为参考建议；无组件时回退到通用示例。
+*/
+var uiIdSuggestion = () => listSuggestion(collectNodeIds().map((id) => `${id}`)) || SUGGESTION_UI_ID;
+/**
+* 用真实数据源 id、字段名拼接数据源绑定表达式示例；无数据源时回退到通用示例。
+*/
+var dataSourceBindingSuggestion = () => {
+	const ds = getDataSources()[0];
+	if (!ds) return SUGGESTION_DS_BINDING;
+	const field = firstDataSourceFieldName(ds);
+	return `请参考以下示例值："\${${field ? `${ds.id}.${field}` : `${ds.id}`}}"`;
+};
+/**
+* 用真实数据源 id 拼接数据源绑定对象示例；无数据源时回退到通用示例。
+*/
+var dataSourceBindObjectSuggestion = (dataSources = getDataSources()) => {
+	const ds = dataSources[0];
+	if (!ds) return SUGGESTION_DS_BIND_OBJECT;
+	return `请参考以下示例值：${stringifyExampleValue({
+		isBindDataSource: true,
+		dataSourceId: `${ds.id}`
+	})}`;
+};
+/**
+* 用真实数据源 id、字段名拼接字段路径数组示例；无数据源时回退到通用示例。
+*/
+var dataSourceFieldPathSuggestion = () => {
+	const ds = getDataSources()[0];
+	if (!ds) return SUGGESTION_STRING_ARRAY;
+	const field = firstDataSourceFieldName(ds);
+	return `请参考以下示例值：${stringifyExampleValue(field ? [`${ds.id}`, field] : [`${ds.id}`])}`;
+};
+/**
+* 用真实数据源 id、方法名拼接方法元组示例；无数据源时回退到通用示例。
+*/
+var methodTupleSuggestion = () => {
+	const ds = getDataSources()[0];
+	if (!ds) return SUGGESTION_METHOD_TUPLE;
+	const [methodName] = [...getMethodNamesForDataSource(ds)];
+	return `请参考以下示例值：${stringifyExampleValue([`${ds.id}`, methodName])}`;
+};
+/**
+* 用真实数据源 id、字段名拼接显示条件结构示例；无数据源时回退到通用示例。
+*/
+var displayCondSuggestion = () => {
+	const ds = getDataSources()[0];
+	if (!ds) return SUGGESTION_DISPLAY_COND;
+	const field = firstDataSourceFieldName(ds);
+	return `请参考以下示例值：${stringifyExampleValue([{ cond: [{
+		field: field ? [`${ds.id}`, field] : [`${ds.id}`],
+		op: "=="
+	}] }])}`;
+};
+var validateDataSourceFieldPath = (path, options = {}) => {
+	if (!getDataSources().length) return;
+	let dsId = options.dataSourceId;
+	let fieldNames = path;
+	if (!dsId) {
+		if (!path.length) return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
+		const rawDsId = path[0];
+		dsId = options.valueMode === "key" || !`${rawDsId}`.startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX) ? `${rawDsId}` : removeDataSourceFieldPrefix(`${rawDsId}`);
+		fieldNames = path.slice(1);
+	}
+	const ds = findDataSource(`${dsId}`);
+	if (!ds) return defaultMessage(options.message, `数据源(${dsId})不存在`, dataSourceIdSuggestion());
+	if (!fieldNames.length) return;
+	const { field, ok, fields, failedName } = resolveFieldByPath(ds.fields, fieldNames);
+	if (!ok) return defaultMessage(options.message, `数据源字段(${failedName})不存在`, listSuggestion(fields.map((item) => item.name)));
+	const allowedTypes = options.dataSourceFieldType || ["any"];
+	if (!allowedTypes.length || allowedTypes.includes("any")) return;
+	const leafType = field?.type || "any";
+	if (leafType === "any" || allowedTypes.includes(leafType)) return;
+	return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
+};
+var validateDataSourceMethodTuple = (value, message) => {
+	if (!Array.isArray(value) || value.length !== 2 || value.some((item) => typeof item !== "string")) return defaultMessage(message, `${value}类型应为长度为 2 的字符串数组`, methodTupleSuggestion());
+	if (!getDataSources().length) return;
+	const [dsId, methodName] = value;
+	const ds = findDataSource(dsId);
+	if (!ds) return defaultMessage(message, `数据源(${dsId})不存在`, dataSourceIdSuggestion());
+	if (!getMethodNamesForDataSource(ds).has(methodName)) return defaultMessage(message, `数据源方法(${methodName})不存在`, listSuggestion([...getMethodNamesForDataSource(ds)]));
+};
+var validateDataSourceTemplateBindings = (value, message) => {
+	if (!getDataSources().length) return;
+	const matches = value.matchAll(dataSourceTemplateRegExp);
+	for (const match of matches) {
+		const keys = getKeysArray(match[1]);
+		if (!keys.length) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
+		const [dsId, ...fieldNames] = keys;
+		const ds = findDataSource(`${dsId}`);
+		if (!ds) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
+		const { ok } = resolveFieldByPath(ds.fields, fieldNames, { skipNumberIndices: true });
+		if (!ok) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
+	}
+};
+var validateDataSourceFieldsItem = (item, message) => {
+	if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "字段项结构不合法", SUGGESTION_FIELD_ITEM);
+	if (typeof item.type !== "undefined" && !DATA_SOURCE_FIELD_TYPES.has(item.type)) return defaultMessage(message, "字段类型不合法", listSuggestion([...DATA_SOURCE_FIELD_TYPES]));
+	if (typeof item.fields !== "undefined") {
+		if (!Array.isArray(item.fields)) return defaultMessage(message, "字段项结构不合法", SUGGESTION_FIELD_ITEM);
+		for (const child of item.fields) {
+			const error = validateDataSourceFieldsItem(child, message);
+			if (error) return error;
+		}
+	}
+};
+var validateKeyValue = (value, { message, props }) => {
+	if (props.config?.advanced && typeof value === "function") return;
+	if (!isPlainObject(value)) return defaultMessage(message, "值类型应为对象", SUGGESTION_OBJECT);
+};
+var validateStyleSetter = (value, { message }) => {
+	if (!isPlainObject(value)) return defaultMessage(message, "值类型应为对象", SUGGESTION_OBJECT);
+};
+var validateCondOpSelect = (value, { message, props }) => {
+	if (typeof value !== "string") return defaultMessage(message, "值类型应为字符串", SUGGESTION_STRING);
+	const parentFields = props.config?.parentFields || [];
+	const fieldPath = Array.isArray(props.model?.field) ? props.model.field : [];
+	const [id, ...fieldNames] = [...parentFields, ...fieldPath];
+	const allowed = getCondOpsByFieldType(getFieldType(id ? findDataSource(`${id}`) : void 0, fieldNames));
+	if (!allowed.has(value)) return defaultMessage(message, `${value} 不在可选项中`, listSuggestion([...allowed]));
+};
+var validateCodeSelectCol = (value, { message }) => {
+	if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
+	const codeDsl = codeBlock_default.getCodeDsl();
+	if (!codeDsl || !Object.keys(codeDsl).length) return;
+	if (!(value in codeDsl)) return defaultMessage(message, `代码块(${value})不存在`, listSuggestion(Object.keys(codeDsl)));
+};
+var validatePageFragmentSelect = (value, { message }) => {
+	if (!isId(value)) return defaultMessage(message, `${value}类型应为字符串或数字`, SUGGESTION_STRING_OR_NUMBER);
+	const items = editor_default.get("root")?.items;
+	if (!items?.length) return;
+	const fragments = items.filter((item) => item.type === NodeType.PAGE_FRAGMENT);
+	if (!fragments.some((item) => `${item.id}` === `${value}`)) return defaultMessage(message, `页面片段(${value})不存在`, listSuggestion(fragments.map((item) => `${item.id}`)));
+};
+var validateUiSelect = (value, { message }) => {
+	if (!isId(value)) return defaultMessage(message, `${value}类型应为字符串或数字`, SUGGESTION_STRING_OR_NUMBER);
+	if (!editor_default.get("root")) return;
+	if (!editor_default.getNodeById(value)) return defaultMessage(message, `组件(${value})不存在`, uiIdSuggestion());
+};
+var validateDataSourceInput = (value, { message }) => {
+	if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
+	return validateDataSourceTemplateBindings(value, message);
+};
+var validateDataSourceMethodSelect = (value, { message }) => validateDataSourceMethodTuple(value, message);
+var isDataSourceFieldPathValue = (value, config) => {
+	if (!Array.isArray(value) || !value.length || value.some((item) => typeof item !== "string")) return false;
+	if (config.dataSourceId) return true;
+	if (config.value === "key") return true;
+	return `${value[0]}`.startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);
+};
+var validateDataSourceFieldSelect = (value, { mForm, message, props }) => {
+	const config = props.config || {};
+	if (config.fieldConfig && !isDataSourceFieldPathValue(value, config)) return validateTypeMatch(value, mForm, {
+		...props,
+		config: {
+			name: config.name,
+			...config.fieldConfig
+		}
+	}, message);
+	if (!Array.isArray(value) || value.some((item) => typeof item !== "string")) return defaultMessage(message, `${value}类型应为字符串数组`, dataSourceFieldPathSuggestion());
+	return validateDataSourceFieldPath(value, {
+		dataSourceId: config.dataSourceId,
+		valueMode: config.value,
+		dataSourceFieldType: config.dataSourceFieldType,
+		message
+	});
+};
+var validateDataSourceSelect = (value, { message, props }) => {
+	const config = props.config || {};
+	const dataSources = getDataSources();
+	const filtered = config.dataSourceType ? dataSources.filter((ds) => ds.type === config.dataSourceType) : dataSources;
+	if (config.value === "id") {
+		if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
+		if (!filtered.length) return;
+		if (!filtered.some((ds) => `${ds.id}` === `${value}`)) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((ds) => `${ds.id}`)));
+		return;
+	}
+	if (!isPlainObject(value) || value.isBindDataSource !== true || typeof value.dataSourceId === "undefined") return defaultMessage(message, `${value}类型不合法`, dataSourceBindObjectSuggestion(filtered));
+	if (!filtered.length) return;
+	const ds = filtered.find((item) => `${item.id}` === `${value.dataSourceId}`);
+	if (!ds) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((item) => `${item.id}`)));
+	if (typeof value.dataSourceType !== "undefined" && value.dataSourceType !== ds.type) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((item) => `${item.id}`)));
+};
+var validateCodeSelect = (value, { message }) => {
+	if (!isPlainObject(value) || !Array.isArray(value.hookData)) return defaultMessage(message, `${value}类型不合法`, SUGGESTION_CODE_SELECT);
+	for (const item of value.hookData) {
+		if (!isPlainObject(item)) return defaultMessage(message, "钩子项结构不合法", SUGGESTION_HOOK_ITEM);
+		if (typeof item.params !== "undefined" && !isPlainObject(item.params)) return defaultMessage(message, "钩子项结构不合法", SUGGESTION_HOOK_ITEM);
+	}
+};
+var validateDataSourceFields = (value, { message }) => {
+	if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
+	for (const item of value) {
+		const error = validateDataSourceFieldsItem(item, message);
+		if (error) return error;
+	}
+};
+var validateDataSourceMocks = (value, { message }) => {
+	if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
+	for (const item of value) if (!isPlainObject(item) || typeof item.title !== "string" || typeof item.enable !== "boolean" || typeof item.useInEditor !== "boolean" || !isPlainObject(item.data)) return defaultMessage(message, "mock 项结构不合法", SUGGESTION_MOCK_ITEM);
+};
+var validateDataSourceMethods = (value, { message }) => {
+	if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
+	for (const item of value) {
+		if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
+		if (typeof item.content !== "undefined" && typeof item.content !== "string" && typeof item.content !== "function") return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
+		if (typeof item.params !== "undefined" && !Array.isArray(item.params)) return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
+	}
+};
+var validateEventSelect = (value, { message }) => {
+	if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
+	for (const item of value) {
+		if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
+		if (Array.isArray(item.actions)) {
+			for (const action of item.actions) if (!isPlainObject(action) || typeof action.actionType === "undefined") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
+			continue;
+		}
+		if (typeof item.to === "undefined" || typeof item.method !== "string") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
+	}
+};
+var validateDisplayConds = (value, { message }) => {
+	if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
+	for (const item of value) {
+		if (!isPlainObject(item) || !Array.isArray(item.cond)) return defaultMessage(message, "显示条件结构不合法", displayCondSuggestion());
+		for (const cond of item.cond) if (!isPlainObject(cond) || !Array.isArray(cond.field) || cond.field.some((part) => typeof part !== "string") || typeof cond.op !== "string") return defaultMessage(message, "显示条件结构不合法", displayCondSuggestion());
+	}
+};
+var editorTypeMatchRules = {
+	"key-value": validateKeyValue,
+	"style-setter": validateStyleSetter,
+	"cond-op-select": validateCondOpSelect,
+	"code-select-col": validateCodeSelectCol,
+	"page-fragment-select": validatePageFragmentSelect,
+	"ui-select": validateUiSelect,
+	"data-source-input": validateDataSourceInput,
+	"data-source-method-select": validateDataSourceMethodSelect,
+	"data-source-field-select": validateDataSourceFieldSelect,
+	"data-source-select": validateDataSourceSelect,
+	"code-select": validateCodeSelect,
+	"data-source-fields": validateDataSourceFields,
+	"data-source-mocks": validateDataSourceMocks,
+	"data-source-methods": validateDataSourceMethods,
+	"event-select": validateEventSelect,
+	"display-conds": validateDisplayConds
+};
+//#endregion
+export { ALL_COND_OPS, editorTypeMatchRules };