@tmagic/editor 1.7.8-beta.2 → 1.7.8-beta.4

package/dist/es/components/CodeBlockEditor.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { useEditorContentHeight } from "../hooks/use-editor-content-height.js";
 import { useNextFloatBoxPosition } from "../hooks/use-next-float-box-position.js";
 import CodeEditor_default from "../layouts/CodeEditor.js";
 import FloatingBox_default from "./FloatingBox.js";
-import { MFormBox } from "@tmagic/form";
+import { MFormBox, defineFormConfig, defineFormItem } from "@tmagic/form";
 import { TMagicButton, TMagicDialog, TMagicTag, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, nextTick, openBlock, ref, unref, useModel, useTemplateRef, watch, withCtx } from "vue";
 //#region packages/editor/src/components/CodeBlockEditor.vue?vue&type=script&setup=true&lang.ts
@@ -53,7 +53,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			formBox.value.form.values.content = magicVsEditorRef.value.getEditorValue();
 			difVisible.value = false;
 		};
-		const defaultParamColConfig = {
+		const defaultParamColConfig = defineFormItem({
 			type: "row",
 			label: "参数类型",
 			items: [{
@@ -79,8 +79,8 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}
 				]
 			}]
-		};
-		const functionConfig = computed(() => [
+		});
+		const functionConfig = computed(() => defineFormConfig([
 			{
 				text: "名称",
 				name: "name",
@@ -150,7 +150,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					minRows: 10,
 					maxRows: 30
 				},
-				onChange: (formState, code) => {
+				onChange: (_formState, code) => {
 					try {
 						getEditorConfig("parseDSL")(code);
 						return code;
@@ -160,7 +160,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}
 				}
 			}
-		]);
+		]));
 		const parseContent = (content) => {
 			if (typeof content === "string") return getEditorConfig("parseDSL")(content);
 			return content;

package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js

@@ -40,7 +40,8 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
 		const disabledDataSource = computed(() => propsService.getDisabledDataSource());
 		const type = computed(() => {
-			let type = props.config.fieldConfig?.type;
+			if (!props.config.fieldConfig) return "";
+			let type = "type" in props.config.fieldConfig ? props.config.fieldConfig.type : "";
 			if (typeof type === "function") type = type(mForm, { model: props.model });
 			if (type === "form") return "";
 			if (type === "container") return "";

package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useServices } from "../hooks/use-services.js";
 import { getCascaderOptionsFromFields } from "../utils/data-source/index.js";
-import { MContainer, MPanel, MTable } from "@tmagic/form";
+import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
 import { TMagicButton } from "@tmagic/design";
 import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from "@tmagic/utils";
 import { ActionType } from "@tmagic/core";
@@ -121,8 +121,8 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				name: "to",
 				text: "联动组件",
 				type: "ui-select",
-				display: (mForm, { model }) => model.actionType === ActionType.COMP,
-				onChange: (MForm, v, { setModel }) => {
+				display: (_mForm, { model }) => model.actionType === ActionType.COMP,
+				onChange: (_MForm, _v, { setModel }) => {
 					setModel("method", "");
 				},
 				...props.config.targetCompConfig
@@ -189,7 +189,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				...props.config.dataSourceActionConfig
 			};
 		});
-		const tableConfig = computed(() => ({
+		const tableConfig = computed(() => defineFormItem({
 			type: "table",
 			name: "events",
 			items: [
@@ -222,7 +222,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				}
 			]
 		}));
-		const actionsConfig = computed(() => ({
+		const actionsConfig = computed(() => defineFormItem({
 			type: "panel",
 			items: [{
 				type: "group-list",

package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { MContainer } from "@tmagic/form";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveComponent } from "vue";
 //#region packages/editor/src/fields/StyleSetter/components/Border.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "border-box-container" };
 var _hoisted_2 = { class: "border-icon-container" };
@@ -17,7 +17,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const direction = ref("");
-		const config = computed(() => ({ items: [
+		const config = computed(() => defineFormItem({ items: [
 			{
 				name: `border${direction.value}Width`,
 				text: "边框宽度",
@@ -58,6 +58,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			});
 		};
 		return (_ctx, _cache) => {
+			const _component_MContainer = resolveComponent("MContainer");
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
 					class: normalizeClass(["border-icon border-icon-top", { active: direction.value === "Top" }]),
@@ -81,7 +82,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					class: normalizeClass(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
 					onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
 				}, null, 2)])
-			]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {
+			]), createElementVNode("div", _hoisted_6, [createVNode(_component_MContainer, {
 				config: config.value,
 				model: __props.model,
 				size: __props.size,

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

@@ -3,8 +3,8 @@ import Repeat_default from "../icons/background-repeat/Repeat.js";
 import RepeatX_default from "../icons/background-repeat/RepeatX.js";
 import RepeatY_default from "../icons/background-repeat/RepeatY.js";
 import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
 var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Background",
@@ -16,7 +16,7 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				name: "backgroundColor",
 				text: "背景色",
@@ -91,18 +91,20 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				component: BackgroundPosition_default,
 				labelWidth: "68px"
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

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

@@ -1,6 +1,6 @@
 import Border_default from "../components/Border.js";
-import { MContainer } from "@tmagic/form";
-import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
 var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Border",
@@ -12,24 +12,26 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [{
+		const config = defineFormItem({ items: [{
 			labelWidth: "68px",
 			name: "borderRadius",
 			text: "圆角",
 			type: "data-source-field-select",
 			fieldConfig: { type: "text" }
-		}] };
+		}] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

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

@@ -1,8 +1,8 @@
 import Left_default from "../icons/text-align/Left.js";
 import Center_default from "../icons/text-align/Center.js";
 import Right_default from "../icons/text-align/Right.js";
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
 var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Font",
@@ -14,7 +14,7 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				type: "row",
 				items: [{
@@ -75,18 +75,20 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					}
 				]
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

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

@@ -1,5 +1,5 @@
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Position.vue?vue&type=script&setup=true&lang.ts
 var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Position",
@@ -19,7 +19,7 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			fixed: "固定定位",
 			sticky: "粘性定位"
 		};
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				name: "position",
 				text: "定位",
@@ -72,18 +72,20 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				type: "data-source-field-select",
 				fieldConfig: { type: "text" }
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

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

@@ -1,8 +1,9 @@
 import base_default from "./formConfigs/base.js";
 import http_default from "./formConfigs/http.js";
+import { defineFormItem } from "@tmagic/form";
 import { dataSourceTemplateRegExp, getKeysArray, isNumber } from "@tmagic/utils";
 //#region packages/editor/src/utils/data-source/index.ts
-var dataSourceFormConfig = {
+var dataSourceFormConfig = defineFormItem({
 	type: "tab",
 	items: [
 		{
@@ -52,7 +53,7 @@ var dataSourceFormConfig = {
 		},
 		{
 			title: "响应数据裁剪",
-			display: (_formState, { model }) => model.type === "http",
+			display: (_formStat, { model }) => model.type === "http",
 			items: [{
 				name: "afterResponse",
 				type: "vs-code",
@@ -64,7 +65,7 @@ var dataSourceFormConfig = {
 			}]
 		}
 	]
-};
+});
 var fillConfig = (config) => [
 	...base_default(),
 	...config,

package/dist/tmagic-editor.umd.cjs

@@ -6782,7 +6782,7 @@
 	]);
 	//#endregion
 	//#region packages/editor/src/utils/data-source/index.ts
-	var dataSourceFormConfig = {
+	var dataSourceFormConfig = (0, _tmagic_form.defineFormItem)({
 		type: "tab",
 		items: [
 			{
@@ -6832,7 +6832,7 @@
 			},
 			{
 				title: "响应数据裁剪",
-				display: (_formState, { model }) => model.type === "http",
+				display: (_formStat, { model }) => model.type === "http",
 				items: [{
 					name: "afterResponse",
 					type: "vs-code",
@@ -6844,7 +6844,7 @@
 				}]
 			}
 		]
-	};
+	});
 	var fillConfig$1 = (config) => [
 		...base_default(),
 		...config,
@@ -9033,7 +9033,7 @@
 				formBox.value.form.values.content = magicVsEditorRef.value.getEditorValue();
 				difVisible.value = false;
 			};
-			const defaultParamColConfig = {
+			const defaultParamColConfig = (0, _tmagic_form.defineFormItem)({
 				type: "row",
 				label: "参数类型",
 				items: [{
@@ -9059,8 +9059,8 @@
 						}
 					]
 				}]
-			};
-			const functionConfig = (0, vue.computed)(() => [
+			});
+			const functionConfig = (0, vue.computed)(() => (0, _tmagic_form.defineFormConfig)([
 				{
 					text: "名称",
 					name: "name",
@@ -9130,7 +9130,7 @@
 						minRows: 10,
 						maxRows: 30
 					},
-					onChange: (formState, code) => {
+					onChange: (_formState, code) => {
 						try {
 							getEditorConfig("parseDSL")(code);
 							return code;
@@ -9140,7 +9140,7 @@
 						}
 					}
 				}
-			]);
+			]));
 			const parseContent = (content) => {
 				if (typeof content === "string") return getEditorConfig("parseDSL")(content);
 				return content;
@@ -15773,7 +15773,8 @@
 			const dataSources = (0, vue.computed)(() => dataSourceService.get("dataSources") || []);
 			const disabledDataSource = (0, vue.computed)(() => propsService.getDisabledDataSource());
 			const type = (0, vue.computed)(() => {
-				let type = props.config.fieldConfig?.type;
+				if (!props.config.fieldConfig) return "";
+				let type = "type" in props.config.fieldConfig ? props.config.fieldConfig.type : "";
 				if (typeof type === "function") type = type(mForm, { model: props.model });
 				if (type === "form") return "";
 				if (type === "container") return "";
@@ -16002,8 +16003,8 @@
 					name: "to",
 					text: "联动组件",
 					type: "ui-select",
-					display: (mForm, { model }) => model.actionType === _tmagic_core.ActionType.COMP,
-					onChange: (MForm, v, { setModel }) => {
+					display: (_mForm, { model }) => model.actionType === _tmagic_core.ActionType.COMP,
+					onChange: (_MForm, _v, { setModel }) => {
 						setModel("method", "");
 					},
 					...props.config.targetCompConfig
@@ -16070,7 +16071,7 @@
 					...props.config.dataSourceActionConfig
 				};
 			});
-			const tableConfig = (0, vue.computed)(() => ({
+			const tableConfig = (0, vue.computed)(() => (0, _tmagic_form.defineFormItem)({
 				type: "table",
 				name: "events",
 				items: [
@@ -16103,7 +16104,7 @@
 					}
 				]
 			}));
-			const actionsConfig = (0, vue.computed)(() => ({
+			const actionsConfig = (0, vue.computed)(() => (0, _tmagic_form.defineFormItem)({
 				type: "panel",
 				items: [{
 					type: "group-list",
@@ -16870,7 +16871,7 @@
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
 			const emit = __emit;
-			const config = { items: [
+			const config = (0, _tmagic_form.defineFormItem)({ items: [
 				{
 					name: "backgroundColor",
 					text: "背景色",
@@ -16945,18 +16946,20 @@
 					component: BackgroundPosition_default,
 					labelWidth: "68px"
 				}
-			] };
+			] });
 			const change = (value, eventData) => {
 				emit("change", value, eventData);
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
-					config,
+				const _component_MContainer = (0, vue.resolveComponent)("MContainer");
+				return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
+					config: (0, vue.unref)(config),
 					model: __props.values,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: change
 				}, null, 8, [
+					"config",
 					"model",
 					"size",
 					"disabled"
@@ -17012,7 +17015,7 @@
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
 			const emit = __emit;
-			const config = { items: [
+			const config = (0, _tmagic_form.defineFormItem)({ items: [
 				{
 					type: "row",
 					items: [{
@@ -17073,18 +17076,20 @@
 						}
 					]
 				}
-			] };
+			] });
 			const change = (value, eventData) => {
 				emit("change", value, eventData);
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
-					config,
+				const _component_MContainer = (0, vue.resolveComponent)("MContainer");
+				return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
+					config: (0, vue.unref)(config),
 					model: __props.values,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: change
 				}, null, 8, [
+					"config",
 					"model",
 					"size",
 					"disabled"
@@ -17624,7 +17629,7 @@
 				fixed: "固定定位",
 				sticky: "粘性定位"
 			};
-			const config = { items: [
+			const config = (0, _tmagic_form.defineFormItem)({ items: [
 				{
 					name: "position",
 					text: "定位",
@@ -17677,18 +17682,20 @@
 					type: "data-source-field-select",
 					fieldConfig: { type: "text" }
 				}
-			] };
+			] });
 			const change = (value, eventData) => {
 				emit("change", value, eventData);
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
-					config,
+				const _component_MContainer = (0, vue.resolveComponent)("MContainer");
+				return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
+					config: (0, vue.unref)(config),
 					model: __props.values,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: change
 				}, null, 8, [
+					"config",
 					"model",
 					"size",
 					"disabled"
@@ -17717,7 +17724,7 @@
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
 			const direction = (0, vue.ref)("");
-			const config = (0, vue.computed)(() => ({ items: [
+			const config = (0, vue.computed)(() => (0, _tmagic_form.defineFormItem)({ items: [
 				{
 					name: `border${direction.value}Width`,
 					text: "边框宽度",
@@ -17758,6 +17765,7 @@
 				});
 			};
 			return (_ctx, _cache) => {
+				const _component_MContainer = (0, vue.resolveComponent)("MContainer");
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [(0, vue.createElementVNode)("div", _hoisted_2, [
 					(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", {
 						class: (0, vue.normalizeClass)(["border-icon border-icon-top", { active: direction.value === "Top" }]),
@@ -17781,7 +17789,7 @@
 						class: (0, vue.normalizeClass)(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
 						onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
 					}, null, 2)])
-				]), (0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.createVNode)((0, vue.unref)(_tmagic_form.MContainer), {
+				]), (0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.createVNode)(_component_MContainer, {
 					config: config.value,
 					model: __props.model,
 					size: __props.size,
@@ -17811,24 +17819,26 @@
 		emits: ["change"],
 		setup(__props, { emit: __emit }) {
 			const emit = __emit;
-			const config = { items: [{
+			const config = (0, _tmagic_form.defineFormItem)({ items: [{
 				labelWidth: "68px",
 				name: "borderRadius",
 				text: "圆角",
 				type: "data-source-field-select",
 				fieldConfig: { type: "text" }
-			}] };
+			}] });
 			const change = (value, eventData) => {
 				emit("change", value, eventData);
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(_tmagic_form.MContainer), {
-					config,
+				const _component_MContainer = (0, vue.resolveComponent)("MContainer");
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)(_component_MContainer, {
+					config: (0, vue.unref)(config),
 					model: __props.values,
 					size: __props.size,
 					disabled: __props.disabled,
 					onChange: change
 				}, null, 8, [
+					"config",
 					"model",
 					"size",
 					"disabled"

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.8-beta.2",
+  "version": "1.7.8-beta.4",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -58,11 +58,11 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^7.0.0",
     "sortablejs": "^1.15.6",
-    "@tmagic/design": "1.7.8-beta.2",
-    "@tmagic/form": "1.7.8-beta.2",
-    "@tmagic/utils": "1.7.8-beta.2",
-    "@tmagic/stage": "1.7.8-beta.2",
-    "@tmagic/table": "1.7.8-beta.2"
+    "@tmagic/design": "1.7.8-beta.4",
+    "@tmagic/form": "1.7.8-beta.4",
+    "@tmagic/utils": "1.7.8-beta.4",
+    "@tmagic/stage": "1.7.8-beta.4",
+    "@tmagic/table": "1.7.8-beta.4"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
@@ -76,7 +76,7 @@
     "type-fest": "^5.2.0",
     "typescript": "^5.9.3",
     "vue": "^3.5.24",
-    "@tmagic/core": "1.7.8-beta.2"
+    "@tmagic/core": "1.7.8-beta.4"
   },
   "peerDependenciesMeta": {
     "typescript": {