@tmagic/editor 1.8.0-manmanyu.8 → 1.8.0

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,21 @@
+//#region packages/editor/src/fields/configs/stickyAddButton.ts
+/**
+* 属性面板列表字段共用的吸底全宽「添加」按钮与吸顶标题，展开到 group-list 配置上。
+*
+* 吸底按钮会盖住列表底部，吸顶标题会盖住列表顶部，新增的项必须同时滚进视口才看得见。
+*/
+var stickyAddButton = (text) => ({
+	scrollLastItemIntoView: true,
+	header: { sticky: 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 };

package/dist/es/hooks/use-code-block-edit.js

@@ -23,8 +23,10 @@ var useCodeBlockEdit = (codeBlockService) => {
 			return;
 		}
 		let codeContent = "";
-		if (codeBlock.content) if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
-		else codeContent = codeBlock.content;
+		if (codeBlock.content) {
+			if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
+			else codeContent = codeBlock.content;
+		}
 		codeConfig.value = {
 			...cloneDeep(codeBlock),
 			content: codeContent

package/dist/es/hooks/use-compare-form.js

@@ -0,0 +1,101 @@
+import { useEditorFormContext } from "./use-form-context.js";
+import { getCodeBlockFormConfig } from "../utils/code-block.js";
+import { computed, inject, provide, ref, useTemplateRef, watch } from "vue";
+//#region packages/editor/src/hooks/use-compare-form.ts
+/**
+* CompareForm / ViewForm 共用逻辑：
+* - 按 `category`(node / data-source / code-block) 加载 FormConfig（支持自定义 `loadConfig`）；
+* - 代码块 `content` 归一化为字符串；
+* - 外层容器固定高度 + 内部滚动的 `wrapperStyle`；
+* - 将 services / stage 作为 form context 传给 MForm，保证 filterFunction 上下文一致。
+*
+* 两个组件的差异仅在于是否做新旧值对比，这部分逻辑保留在各自组件中。
+*/
+var useCompareForm = (props) => {
+	provide("services", props.services);
+	const config = ref([]);
+	/** vs-code 编辑器的 monaco 配置项，沿用 Editor 顶层 provide('codeOptions', ...) 的注入。 */
+	const codeOptions = inject("codeOptions", {});
+	/** 将代码块的 content 字段统一成字符串，便于在表单 / 对比中展示 */
+	const normalizeCodeBlockValue = (v) => {
+		if (!v) return {};
+		const next = { ...v };
+		if (next.content && typeof next.content !== "string") try {
+			next.content = next.content.toString();
+		} catch {
+			next.content = "";
+		}
+		return next;
+	};
+	const currentValues = computed(() => {
+		if (props.category === "code-block") return normalizeCodeBlockValue(props.value);
+		return props.value || {};
+	});
+	/**
+	* 外层包裹层的样式：当传入 `height` 时启用固定高度 + 内部滚动，
+	* 这样滚动条会出现在组件内部，避免父容器（如 Dialog）自身也产生滚动。
+	*/
+	const wrapperStyle = computed(() => {
+		if (!props.height) return void 0;
+		return {
+			height: props.height,
+			overflow: "auto"
+		};
+	});
+	const formContext = useEditorFormContext(() => props.services);
+	/**
+	* 内置的默认 FormConfig 加载逻辑：按 `category` 从对应 service / 工具取配置。
+	* 作为 ctx.defaultLoadConfig 透传给自定义 `loadConfig`，方便复用与二次加工。
+	*/
+	const defaultLoadConfig = async () => {
+		if (!props.services) return [];
+		switch (props.category) {
+			case "node":
+				if (!props.type) return [];
+				return props.services.propsService.getPropsConfig(props.type, { node: props.value });
+			case "data-source": return props.services.dataSourceService.getFormConfig(props.type || "base").map((item) => "type" in item && item.type === "tab" ? {
+				...item,
+				active: "fields"
+			} : item);
+			case "code-block": return getCodeBlockFormConfig({
+				paramColConfig: props.services.codeBlockService.getParamsColConfig(),
+				isDataSource: () => Boolean(props.dataSourceType),
+				dataSourceType: () => props.dataSourceType,
+				codeOptions,
+				editable: false
+			});
+			default: return [];
+		}
+	};
+	const loadConfig = async () => {
+		if (props.loadConfig) {
+			config.value = await props.loadConfig({
+				category: props.category,
+				type: props.type,
+				dataSourceType: props.dataSourceType,
+				defaultLoadConfig
+			});
+			return;
+		}
+		config.value = await defaultLoadConfig();
+	};
+	watch([
+		() => props.category,
+		() => props.type,
+		() => props.dataSourceType,
+		() => props.loadConfig
+	], () => {
+		loadConfig();
+	}, { immediate: true });
+	return {
+		config,
+		currentValues,
+		wrapperStyle,
+		formContext,
+		loadConfig,
+		formRef: useTemplateRef("form"),
+		normalizeCodeBlockValue
+	};
+};
+//#endregion
+export { useCompareForm };

package/dist/es/hooks/use-form-context.js

@@ -0,0 +1,29 @@
+import { FORM_CONTEXT_KEY, mergeFormContexts } from "@tmagic/form";
+import { computed, inject, unref } from "vue";
+//#region packages/editor/src/hooks/use-form-context.ts
+/**
+* 编辑器注入给表单的业务上下文：`services` 与当前画布 `stage`。
+*
+* 由 `Editor.vue`（provide `FORM_CONTEXT_KEY`）、`FormPanel.vue` 与 `useCompareForm`
+* 共用。`stage` 走 computed 而非快照，保证切换画布后配置回调读到的是最新实例。
+*
+* 宿主可能在 `<MEditor>` 外层 provide 了自己的业务字段，这里必须把那一层合并进来：
+* 否则编辑器再 provide 一次会把宿主整层遮蔽掉，属性面板、对比表单里的配置回调就
+* 读不到宿主字段了。`services` / `stage` 由编辑器兜底，优先级高于宿主同名字段。
+*
+* 字段类型见 `@editor/type` 里对 `@tmagic/form-schema` 的 `FormContext` 模块增强。
+*/
+var useEditorFormContext = (getServices) => {
+	const hostContext = inject(FORM_CONTEXT_KEY, void 0);
+	return computed(() => {
+		const services = getServices();
+		const host = unref(hostContext);
+		if (host && host.services === services) return host;
+		return mergeFormContexts(host, {
+			services,
+			stage: services?.editorService.get("stage")
+		});
+	});
+};
+//#endregion
+export { useEditorFormContext };