@tmagic/editor 1.8.0-beta.24 → 1.8.0-beta.26

package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
-import { MContainer, defineFormItem } from "@tmagic/form";
+import { transformConfig } from "../configs.js";
+import { MContainer } from "@tmagic/form";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Transform.vue?vue&type=script&setup=true&lang.ts
 var Transform_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -14,26 +15,6 @@ var Transform_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = defineFormItem({
-			name: "transform",
-			items: [{
-				name: "rotate",
-				text: "旋转角度",
-				labelWidth: "68px",
-				type: "data-source-field-select",
-				checkStrictly: false,
-				dataSourceFieldType: ["string", "number"],
-				fieldConfig: { type: "text" }
-			}, {
-				name: "scale",
-				text: "缩放",
-				labelWidth: "68px",
-				type: "data-source-field-select",
-				checkStrictly: false,
-				dataSourceFieldType: ["string", "number"],
-				fieldConfig: { type: "text" }
-			}]
-		});
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
@@ -41,7 +22,7 @@ var Transform_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MContainer), {
 				prop: __props.prop,
-				config: unref(config),
+				config: unref(transformConfig),
 				model: __props.values,
 				"last-values": __props.lastValues,
 				"is-compare": __props.isCompare,

package/dist/es/fields/configs/codeSelect.js

@@ -0,0 +1,98 @@
+import codeBlock_default from "../../services/codeBlock.js";
+import dataSource_default from "../../services/dataSource.js";
+import { stickyAddButton } from "./stickyAddButton.js";
+import { HookCodeType, HookType } from "@tmagic/core";
+import { isEmpty } from "lodash-es";
+//#region packages/editor/src/fields/configs/codeSelect.ts
+/**
+* `fields/CodeSelect.vue` 内部渲染的钩子列表配置。
+*
+* 由组件与无渲染校验的嵌套配置共用：组件用它渲染，嵌套配置用它让父表单校验到这些字段。
+*/
+var createCodeSelectConfig = (config) => {
+	return {
+		type: "group-list",
+		name: "hookData",
+		enableToggleMode: false,
+		expandAll: true,
+		defaultAdd: () => ({
+			codeType: HookCodeType.CODE,
+			codeId: ""
+		}),
+		...stickyAddButton(`添加${config.text || ""}`),
+		title: (_mForm, { model, index }) => {
+			if (model.codeType === HookCodeType.DATA_SOURCE_METHOD) {
+				if (Array.isArray(model.codeId)) {
+					if (model.codeId.length < 2) return index;
+					return `${dataSource_default.getDataSourceById(model.codeId[0])?.title} / ${model.codeId[1]}`;
+				}
+				return Array.isArray(model.codeId) ? model.codeId.join("/") : index;
+			}
+			const codeContent = codeBlock_default.getCodeContentById(model.codeId);
+			if (codeContent) return codeContent.name;
+			return model.codeId || index;
+		},
+		titlePrefix: config.name === void 0 ? void 0 : String(config.name),
+		items: [
+			{
+				text: "代码类型",
+				type: "select",
+				name: "codeType",
+				rules: [{
+					typeMatch: true,
+					trigger: "change"
+				}],
+				options: [{
+					value: HookCodeType.CODE,
+					text: "代码块"
+				}, {
+					value: HookCodeType.DATA_SOURCE_METHOD,
+					text: "数据源方法"
+				}],
+				defaultValue: HookCodeType.CODE,
+				onChange: (_mForm, v, { setModel }) => {
+					if (v === HookCodeType.DATA_SOURCE_METHOD) setModel("codeId", []);
+					else setModel("codeId", "");
+					return v;
+				}
+			},
+			{
+				type: "code-select-col",
+				name: "codeId",
+				text: "代码块",
+				rules: [{
+					typeMatch: true,
+					trigger: "change"
+				}],
+				display: (_mForm, { model }) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
+				notEditable: () => !codeBlock_default.getEditStatus()
+			},
+			{
+				type: "data-source-method-select",
+				name: "codeId",
+				text: "数据源字段",
+				rules: [{
+					typeMatch: true,
+					trigger: "change"
+				}],
+				display: (_mForm, { model }) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
+				notEditable: () => !dataSource_default.get("editable")
+			}
+		]
+	};
+};
+/**
+* `code-select` 的旧数据兼容：钩子值可能是空值或空数组，改写成 `{ hookType, hookData }`。
+*
+* 表单值初始化时由 `code-select` 的 `effect` 执行（`applyMountValueEffects`）；
+* 组件里的 `watch`（无 immediate）只兜运行期被置空。必须幂等。
+*/
+var normalizeCodeSelectValue = (model, name) => {
+	if (!model) return;
+	if (isEmpty(model[name])) model[name] = {
+		hookType: HookType.CODE,
+		hookData: []
+	};
+};
+//#endregion
+export { createCodeSelectConfig, normalizeCodeSelectValue };

package/dist/es/fields/configs/displayConds.js

@@ -0,0 +1,158 @@
+import { getCascaderOptionsFromFields, getFieldType } from "../../utils/data-source/index.js";
+import dataSource_default from "../../services/dataSource.js";
+import { stickyAddButton } from "./stickyAddButton.js";
+import { removeDataSourceFieldPrefix } from "@tmagic/utils";
+//#region packages/editor/src/fields/configs/displayConds.ts
+/**
+* `fields/DisplayConds.vue` 内部渲染的条件列表配置。
+*
+* 外层是条件组，内层 `cond` 是组内条件（groupList，每个字段单独一行）。
+* 由组件与无渲染校验的嵌套配置共用。
+*
+* `parentFields` 由调用方求值：有父级字段路径时用 cascader 在该路径下选字段，
+* 没有时用 data-source-field-select 从头选。
+*/
+var createDisplayCondsConfig = (config, name, parentFields) => {
+	const resolveFieldPath = (path) => {
+		const [id, ...fieldNames] = path;
+		return {
+			ds: id ? dataSource_default.getDataSourceById(removeDataSourceFieldPrefix(`${id}`)) : void 0,
+			fieldNames
+		};
+	};
+	const fieldOnChange = (_formState, v, { model }) => {
+		const { ds, fieldNames } = resolveFieldPath([...parentFields, ...v]);
+		const type = getFieldType(ds, fieldNames);
+		if (type === "number") model.value = Number(model.value);
+		else if (type === "boolean") model.value = Boolean(model.value);
+		else if (type === "null") model.value = null;
+		else model.value = `${model.value}`;
+		return v;
+	};
+	const fieldItem = parentFields.length ? {
+		type: "cascader",
+		options: () => {
+			const { ds, fieldNames } = resolveFieldPath(parentFields);
+			if (!ds) return [];
+			let fields = ds.fields || [];
+			fieldNames.forEach((key) => {
+				fields = fields.find((f) => f.name === key)?.fields || [];
+			});
+			return getCascaderOptionsFromFields(fields, [
+				"string",
+				"number",
+				"boolean",
+				"any"
+			]);
+		},
+		name: "field",
+		value: "key",
+		text: "字段",
+		checkStrictly: false,
+		onChange: fieldOnChange,
+		defaultValue: () => [],
+		rules: [{
+			required: true,
+			trigger: "blur",
+			message: "请选择字段"
+		}, {
+			typeMatch: true,
+			trigger: "change"
+		}]
+	} : {
+		type: "data-source-field-select",
+		name: "field",
+		value: "key",
+		text: "字段",
+		checkStrictly: false,
+		dataSourceFieldType: [
+			"string",
+			"number",
+			"boolean",
+			"any"
+		],
+		onChange: fieldOnChange,
+		defaultValue: () => [],
+		rules: [{
+			required: true,
+			trigger: "blur",
+			message: "请选择字段"
+		}, {
+			typeMatch: true,
+			trigger: "change"
+		}]
+	};
+	return {
+		type: "groupList",
+		name,
+		titlePrefix: config.titlePrefix,
+		expandAll: true,
+		enableToggleMode: false,
+		defaultAdd: { cond: [] },
+		...stickyAddButton(`新增${config.titlePrefix || "条件组"}`),
+		flat: config.flat,
+		defaultValue: config.defaultValue ?? [],
+		rules: config.rules ?? [{ typeMatch: true }],
+		items: [{
+			type: "groupList",
+			name: "cond",
+			titlePrefix: "条件",
+			expandAll: true,
+			enableToggleMode: false,
+			copyable: true,
+			movable: false,
+			flat: true,
+			labelWidth: "80px",
+			...stickyAddButton("新增条件"),
+			items: [
+				fieldItem,
+				{
+					type: "cond-op-select",
+					parentFields,
+					text: "条件",
+					name: "op",
+					rules: [{
+						required: true,
+						trigger: "blur",
+						message: "请选择条件"
+					}, {
+						typeMatch: true,
+						trigger: "change"
+					}]
+				},
+				{
+					name: "value",
+					text: "值",
+					type: (_mForm, { model }) => {
+						const { ds, fieldNames } = resolveFieldPath([...parentFields, ...model.field || []]);
+						const type = getFieldType(ds, fieldNames);
+						if (type === "number") return "number";
+						if (type === "boolean") return "select";
+						if (type === "null") return "display";
+						return "text";
+					},
+					options: [{
+						text: "true",
+						value: true
+					}, {
+						text: "false",
+						value: false
+					}],
+					display: (_mForm, { model }) => !["between", "not_between"].includes(model.op),
+					displayText: (_mForm, { model }) => {
+						if (model.value === null) return "null";
+						return model.value;
+					}
+				},
+				{
+					name: "range",
+					text: "值",
+					type: "number-range",
+					display: (_mForm, { model }) => ["between", "not_between"].includes(model.op)
+				}
+			]
+		}]
+	};
+};
+//#endregion
+export { createDisplayCondsConfig };

package/dist/es/fields/configs/eventSelect.js

@@ -0,0 +1,225 @@
+import props_default from "../../services/props.js";
+import editor_default from "../../services/editor.js";
+import codeBlock_default from "../../services/codeBlock.js";
+import dataSource_default from "../../services/dataSource.js";
+import events_default from "../../services/events.js";
+import { getCompActionAllowedValues, getCompActionOptions, getEventNameAllowedValues, getEventNameOptions, normalizeCompActionValue } from "../../utils/event.js";
+import { stickyAddButton } from "./stickyAddButton.js";
+import { ActionType } from "@tmagic/core";
+import { has } from "lodash-es";
+import { defineFormItem } from "@tmagic/form/headless";
+//#region packages/editor/src/fields/configs/eventSelect.ts
+/**
+* `fields/EventSelect.vue` 内部渲染的各段配置。
+*
+* 由组件与无渲染校验的嵌套配置共用：组件用它们渲染，嵌套配置用它们让父表单校验到这些字段。
+* 每段都支持通过 `config.xxxConfig` 覆盖，覆盖逻辑也必须两边一致，因此一并收口在此。
+*/
+/** 事件名称下拉框配置，渲染在每张事件卡片的头部 */
+var createEventNameConfig = (config) => {
+	return {
+		name: "name",
+		text: "事件类型",
+		type: (_mForm, { formValue }) => {
+			if (config.src !== "component" || formValue.type === "page-fragment-container" && formValue.pageFragmentId) return "cascader";
+			return "select";
+		},
+		labelWidth: "70px",
+		checkStrictly: () => config.src !== "component",
+		valueSeparator: ".",
+		options: (_mForm, { formValue }) => getEventNameOptions(config.src, formValue),
+		rules: [{
+			validator: ({ value, callback }, { formValue }) => {
+				const allowedNames = getEventNameAllowedValues(config, formValue);
+				if (allowedNames && allowedNames.size > 0 && value && !allowedNames.has(value)) return callback(`事件名(${value})不存在`);
+				callback();
+			},
+			trigger: "blur"
+		}],
+		...config.eventNameConfig
+	};
+};
+var createActionTypeOptions = () => {
+	const o = [{
+		text: "组件",
+		label: "组件",
+		value: ActionType.COMP
+	}];
+	if (!props_default.getDisabledCodeBlock()) o.push({
+		text: "代码",
+		label: "代码",
+		disabled: !Object.keys(codeBlock_default.getCodeDsl() || {}).length,
+		value: ActionType.CODE
+	});
+	if (!props_default.getDisabledDataSource()) o.push({
+		text: "数据源",
+		label: "数据源",
+		value: ActionType.DATA_SOURCE
+	});
+	return o;
+};
+/** 联动类型 */
+var createActionTypeConfig = (config) => {
+	return {
+		name: "actionType",
+		text: "联动类型",
+		type: "select",
+		defaultValue: ActionType.COMP,
+		options: createActionTypeOptions(),
+		rules: [{
+			required: true,
+			message: "联动类型不能为空"
+		}, {
+			typeMatch: true,
+			trigger: "blur"
+		}],
+		onChange: (_mForm, _v, { setModel }) => {
+			setModel("to", "");
+			setModel("method", "");
+			setModel("codeId", "");
+			setModel("dataSourceMethod", []);
+		},
+		...config.actionTypeConfig
+	};
+};
+/** 联动组件 */
+var createTargetCompConfig = (config) => {
+	return {
+		name: "to",
+		text: "联动组件",
+		type: "ui-select",
+		display: (_mForm, { model }) => model.actionType === ActionType.COMP,
+		onChange: (_mForm, _v, { setModel }) => {
+			setModel("method", "");
+		},
+		rules: [{
+			typeMatch: true,
+			trigger: "blur"
+		}],
+		...config.targetCompConfig
+	};
+};
+/** 联动组件动作 */
+var createCompActionConfig = (config) => {
+	return {
+		name: "method",
+		text: "动作",
+		type: (_mForm, { model }) => {
+			const to = editor_default.getNodeById(model.to);
+			if (to?.type === "page-fragment-container" && to.pageFragmentId) return "cascader";
+			return "select";
+		},
+		checkStrictly: () => config.src !== "component",
+		display: (_mForm, { model }) => model.actionType === ActionType.COMP,
+		options: (_mForm, { model }) => getCompActionOptions(model.to),
+		rules: [{
+			trigger: "blur",
+			validator: ({ value, callback }, { model }) => {
+				const allowedMethods = getCompActionAllowedValues(config, model);
+				const normalized = normalizeCompActionValue(value);
+				if (allowedMethods && allowedMethods.size > 0 && normalized && !allowedMethods.has(normalized)) return callback(`动作名(${normalized})不存在`);
+				callback();
+			}
+		}],
+		...config.compActionConfig
+	};
+};
+/** 代码联动 */
+var createCodeActionConfig = (config) => {
+	return {
+		type: "code-select-col",
+		text: "代码块",
+		name: "codeId",
+		notEditable: () => !codeBlock_default.getEditStatus(),
+		display: (_mForm, { model }) => model.actionType === ActionType.CODE,
+		...config.codeActionConfig
+	};
+};
+/** 数据源联动 */
+var createDataSourceActionConfig = (config) => {
+	return {
+		type: "data-source-method-select",
+		text: "数据源方法",
+		name: "dataSourceMethod",
+		notEditable: () => !dataSource_default.get("editable"),
+		display: (_mForm, { model }) => model.actionType === ActionType.DATA_SOURCE,
+		...config.dataSourceActionConfig
+	};
+};
+/** 单张事件里的动作组 */
+var createActionsConfig = (config) => defineFormItem({
+	type: "group-list",
+	name: "actions",
+	expandAll: true,
+	enableToggleMode: false,
+	titlePrefix: "动作",
+	labelPosition: "top",
+	flat: true,
+	...stickyAddButton("新增动作"),
+	items: [
+		createActionTypeConfig(config),
+		createTargetCompConfig(config),
+		createCompActionConfig(config),
+		createCodeActionConfig(config),
+		createDataSourceActionConfig(config)
+	]
+});
+/** 事件列表（外层 group-list）。事件名走 title slot，body 只放动作组。 */
+var createEventSelectConfig = (config, name, options) => defineFormItem({
+	type: "group-list",
+	name,
+	titlePrefix: "事件",
+	expandAll: true,
+	enableToggleMode: false,
+	movable: false,
+	defaultAdd: {
+		name: "",
+		actions: []
+	},
+	...stickyAddButton("添加事件"),
+	items: [...options?.includeEventName ? [createEventNameConfig(config)] : [], createActionsConfig(config)]
+});
+/** 兼容旧数据格式（事件列表里没有 actions）时渲染的表格配置，本身不带校验规则 */
+var createLegacyTableConfig = (config) => defineFormItem({
+	type: "table",
+	name: "events",
+	items: [
+		{
+			name: "name",
+			label: "事件名",
+			type: createEventNameConfig(config).type,
+			options: (_mForm, { formValue }) => events_default.getEvent(formValue.type, { node: editor_default.getNodeById(formValue.id) }).map((option) => ({
+				text: option.label,
+				value: option.value
+			}))
+		},
+		{
+			name: "to",
+			label: "联动组件",
+			type: "ui-select"
+		},
+		{
+			name: "method",
+			label: "动作",
+			type: createCompActionConfig(config).type,
+			options: (_mForm, { model, formValue }) => {
+				const node = editor_default.getNodeById(model.to) || formValue;
+				if (!node?.type) return [];
+				return events_default.getMethod(node.type, {
+					targetId: model.to,
+					node
+				}).map((option) => ({
+					text: option.label,
+					value: option.value
+				}));
+			}
+		}
+	]
+});
+/** 事件列表是否为旧数据格式（列表项里没有 actions） */
+var isLegacyEventValue = (events) => {
+	if (!Array.isArray(events) || events.length === 0) return false;
+	return !has(events[0], "actions");
+};
+//#endregion
+export { createActionsConfig, createEventNameConfig, createEventSelectConfig, createLegacyTableConfig, isLegacyEventValue };

package/dist/es/fields/configs/stickyAddButton.js

@@ -0,0 +1,20 @@
+//#region packages/editor/src/fields/configs/stickyAddButton.ts
+/**
+* 属性面板列表字段共用的吸底全宽「添加」按钮，展开到 group-list 配置上。
+*
+* 吸底按钮会盖住列表底部，新增的项必须同时滚进视口才看得见，两者一起给出避免漏配。
+*/
+var stickyAddButton = (text) => ({
+	scrollLastItemIntoView: true,
+	addButtonConfig: {
+		sticky: true,
+		text,
+		props: {
+			type: "primary",
+			plain: true,
+			text: false
+		}
+	}
+});
+//#endregion
+export { stickyAddButton };

package/dist/es/fields/headless-validation.js

@@ -0,0 +1,139 @@
+import { editorTypeMatchRules, validateDataSourceFieldSelect } from "../utils/type-match-rules.js";
+import { createCodeSelectConfig, normalizeCodeSelectValue } from "./configs/codeSelect.js";
+import { createEventSelectConfig, isLegacyEventValue } from "./configs/eventSelect.js";
+import { createDisplayCondsConfig } from "./configs/displayConds.js";
+import { createStyleSetterConfig } from "./StyleSetter/configs.js";
+import { filterFunction } from "@tmagic/form/headless";
+//#region packages/editor/src/fields/headless-validation.ts
+var getName = (config) => `${config.name ?? ""}`;
+/** `code-select` 旧数据兼容：空值改写成 `{ hookType, hookData }`。 */
+var codeSelectEffect = ({ config, model }) => {
+	normalizeCodeSelectValue(model, getName(config));
+};
+/** `event-select`：表单 init 对未声明 defaultValue 的自定义 type 会写成空串，统一收成数组。 */
+var eventSelectEffect = ({ config, model }) => {
+	const name = getName(config);
+	if (model && !Array.isArray(model[name])) model[name] = [];
+};
+/**
+* `code-select` 的内部配置。
+*
+* 对应 `fields/CodeSelect.vue` 内部
+* `<MContainer :config="codeConfig" :model="model[name]" :prop="prop">`。
+*
+* @param ctx - innerConfig 回调入参
+* @returns 内部容器的 config / model / prop
+*/
+var codeSelectInnerConfig = ({ config, model, prop }) => {
+	const name = getName(config);
+	return {
+		config: createCodeSelectConfig(config),
+		model: model?.[name],
+		prop
+	};
+};
+/**
+* `display-conds` 的内部配置。
+*
+* 对应 `fields/DisplayConds.vue` 内部把同一份 groupList 配置交给 `MGroupList`。
+*
+* @param ctx - innerConfig 回调入参
+* @returns 内部 group-list 配置；prop 基准为 parentProp，避免 name 被拼两次
+*/
+var displayCondsInnerConfig = ({ config, model, prop, parentProp, mForm }) => {
+	const name = getName(config);
+	const parentFields = filterFunction(mForm, config.parentFields, {
+		model,
+		config,
+		prop
+	}) || [];
+	return {
+		config: createDisplayCondsConfig(config, name, parentFields),
+		prop: parentProp
+	};
+};
+/**
+* `event-select` 的内部配置。
+*
+* 对应 `fields/EventSelect.vue`：列表走 group-list，事件名渲染在 title slot，
+* 无渲染校验仍把事件名当作列表项字段，路径为 `<prop>.<index>.name`。
+*
+* @param ctx - innerConfig 回调入参
+* @returns 合成的 group-list 配置；旧数据格式返回 null，不参与校验
+*/
+var eventSelectInnerConfig = ({ config, model, parentProp }) => {
+	const name = getName(config);
+	const events = model?.[name];
+	if (!Array.isArray(events) || isLegacyEventValue(events)) return null;
+	return {
+		config: createEventSelectConfig(config, name, { includeEventName: true }),
+		prop: parentProp
+	};
+};
+/**
+* `style-setter` 的内部配置。
+*
+* 对应 `fields/StyleSetter/Index.vue`：6 个面板共用 `:values="model[name]"`、`:prop="prop || name"`。
+* `theme` 按 `useTheme` 缺省空串传入，只改 flexWrap 的 UI childType，不影响校验字段。
+*
+* @param ctx - innerConfig 回调入参
+* @returns style 面板配置及 styleModel
+*/
+var styleSetterInnerConfig = ({ config, model, prop }) => {
+	const name = getName(config);
+	const styleModel = model?.[name] ?? {};
+	return {
+		config: createStyleSetterConfig(styleModel, "", validateDataSourceFieldSelect),
+		model: styleModel,
+		prop
+	};
+};
+/**
+* 编辑器字段的无渲染登记表（不含 Vue 组件）。
+*
+* Node 里 `registerFields(editorFields)` 即可配合 `validateForm` / `submitForm`。
+* 安装编辑器时由 plugin 把 `component` 叠上去再传给 `@tmagic/form`。
+*
+* - 叶子：内部只渲染叶子 UI，或把子表单渲染在独立的 MForm / MFormBox 实例里
+* - innerConfig：内部再渲染 MContainer / MPanel / MGroupList，把运行期配置交出来
+* - typeMatch：该 type 自身的类型匹配校验
+*
+* innerConfig 返回的 config / model / prop 与组件模板里传给内部容器的那一组保持一一对应，
+* 且配置本身与组件共用同一份工厂（`fields/configs/`）。
+*/
+var editorFields = {
+	"vs-code": {},
+	"code-link": {},
+	"ui-select": { typeMatch: editorTypeMatchRules["ui-select"] },
+	"cond-op-select": { typeMatch: editorTypeMatchRules["cond-op-select"] },
+	"page-fragment-select": { typeMatch: editorTypeMatchRules["page-fragment-select"] },
+	"data-source-select": { typeMatch: editorTypeMatchRules["data-source-select"] },
+	"data-source-input": { typeMatch: editorTypeMatchRules["data-source-input"] },
+	"key-value": { typeMatch: editorTypeMatchRules["key-value"] },
+	"code-select-col": { typeMatch: editorTypeMatchRules["code-select-col"] },
+	"data-source-fields": { typeMatch: editorTypeMatchRules["data-source-fields"] },
+	"data-source-mocks": { typeMatch: editorTypeMatchRules["data-source-mocks"] },
+	"data-source-methods": { typeMatch: editorTypeMatchRules["data-source-methods"] },
+	"data-source-method-select": { typeMatch: editorTypeMatchRules["data-source-method-select"] },
+	"data-source-field-select": { typeMatch: editorTypeMatchRules["data-source-field-select"] },
+	"code-select": {
+		effect: codeSelectEffect,
+		innerConfig: codeSelectInnerConfig,
+		typeMatch: editorTypeMatchRules["code-select"]
+	},
+	"display-conds": {
+		innerConfig: displayCondsInnerConfig,
+		typeMatch: editorTypeMatchRules["display-conds"]
+	},
+	"event-select": {
+		effect: eventSelectEffect,
+		innerConfig: eventSelectInnerConfig,
+		typeMatch: editorTypeMatchRules["event-select"]
+	},
+	"style-setter": {
+		innerConfig: styleSetterInnerConfig,
+		typeMatch: editorTypeMatchRules["style-setter"]
+	}
+};
+//#endregion
+export { editorFields };

package/dist/es/headless.js

@@ -0,0 +1,2 @@
+import { editorFields } from "./fields/headless-validation.js";
+export { editorFields };