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

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

@@ -1,5 +1,4 @@
 import CodeBlockEditor_default from "../components/CodeBlockEditor.js";
-import { FORM_SILENT_MODE_KEY } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, tMagicMessageBox } from "@tmagic/design";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, nextTick, onMounted, openBlock, ref, unref, useTemplateRef, withCtx } from "vue";
@@ -36,7 +35,6 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const emit = __emit;
 		const mForm = inject("mForm");
-		const silentMode = inject(FORM_SILENT_MODE_KEY, false);
 		/** 对比模式下隐藏新增/编辑/删除等操作按钮，仅保留只读展示。 */
 		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const codeConfig = ref();
@@ -130,7 +128,6 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		/** 由 DataSourceConfigPanel 注入：打开数据源详情后需要直接打开的方法名 */
 		const editingMethodName = inject("editingDataSourceMethodName", computed(() => ""));
 		onMounted(() => {
-			if (silentMode) return;
 			const methodName = editingMethodName.value;
 			if (!methodName) return;
 			const methods = props.model[props.name] || [];
@@ -155,7 +152,7 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("添加", -1)])]),
 					_: 1
 				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
-				codeConfig.value && !unref(silentMode) ? (openBlock(), createBlock(CodeBlockEditor_default, {
+				codeConfig.value ? (openBlock(), createBlock(CodeBlockEditor_default, {
 					key: 1,
 					ref: "codeBlockEditor",
 					disabled: __props.disabled,

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

@@ -3,11 +3,11 @@ 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 "../components/FloatingBox.js";
-import { FORM_SILENT_MODE_KEY, MFormBox } from "@tmagic/form";
+import { MFormBox } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, TMagicSwitch, tMagicMessageBox } from "@tmagic/design";
 import { getDefaultValueFromFields } from "@tmagic/utils";
-import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
 //#region packages/editor/src/fields/DataSourceMocks.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-fields" };
 var _hoisted_2 = {
@@ -49,7 +49,6 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const emit = __emit;
 		const { uiService } = useServices();
 		const mForm = inject("mForm");
-		const silentMode = inject(FORM_SILENT_MODE_KEY, false);
 		/** 对比模式下隐藏新增/编辑/删除等操作按钮，仅保留只读展示。 */
 		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const width = useModel(__props, "width");
@@ -235,8 +234,7 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("添加", -1)])]),
 					_: 1
 				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
-				!unref(silentMode) ? (openBlock(), createBlock(FloatingBox_default, {
-					key: 1,
+				createVNode(FloatingBox_default, {
 					"body-style": { padding: "0 16px" },
 					visible: addDialogVisible.value,
 					"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => addDialogVisible.value = $event),
@@ -268,7 +266,7 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"title",
 					"framework-width",
 					"position"
-				])) : createCommentVNode("v-if", true)
+				])
 			]);
 		};
 	}

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

@@ -34,7 +34,7 @@ var DataSourceSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const props = __props;
 		const mForm = inject("mForm");
 		const { dataSourceService, uiService } = useServices();
-		const eventBus = inject("eventBus");
+		const eventBus = inject("eventBus", null);
 		const dataSources = computed(() => dataSourceService.get("dataSources"));
 		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 		/** 对比模式下隐藏查看/编辑操作按钮，仅保留只读展示。 */

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

@@ -1,8 +1,8 @@
-import { useServices } from "../hooks/use-services.js";
-import { getCascaderOptionsFromFields, getFieldType } from "../utils/data-source/index.js";
+import { createDisplayCondsConfig } from "./configs/displayConds.js";
 import { MGroupList, filterFunction } from "@tmagic/form";
-import { computed, createBlock, defineComponent, inject, openBlock, unref } from "vue";
+import { computed, createElementBlock, createVNode, defineComponent, inject, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/DisplayConds.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-fields-display-conds" };
 var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "m-fields-display-conds",
 	__name: "DisplayConds",
@@ -28,150 +28,21 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const props = __props;
-		const { dataSourceService } = useServices();
 		const mForm = inject("mForm");
 		const parentFields = computed(() => filterFunction(mForm, props.config.parentFields, props) || []);
-		const fieldOnChange = (_formState, v, { model }) => {
-			const [id, ...fieldNames] = [...parentFields.value, ...v];
-			const ds = dataSourceService.getDataSourceById(id);
-			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 config = computed(() => ({
-			type: "groupList",
-			name: props.name,
-			titlePrefix: props.config.titlePrefix,
-			expandAll: true,
-			enableToggleMode: false,
-			flat: props.config.flat,
-			items: [{
-				type: "table",
-				name: "cond",
-				operateColWidth: props.config.operateColWidth,
-				enableToggleMode: false,
-				fixed: props.config.fixed,
-				flat: props.config.flat,
-				items: [
-					parentFields.value.length ? {
-						type: "cascader",
-						options: () => {
-							const [dsId, ...keys] = parentFields.value;
-							const ds = dataSourceService.getDataSourceById(dsId);
-							if (!ds) return [];
-							let fields = ds.fields || [];
-							keys.forEach((key) => {
-								fields = fields.find((f) => f.name === key)?.fields || [];
-							});
-							return getCascaderOptionsFromFields(fields, [
-								"string",
-								"number",
-								"boolean",
-								"any"
-							]);
-						},
-						name: "field",
-						value: "key",
-						label: "字段",
-						checkStrictly: false,
-						onChange: fieldOnChange,
-						defaultValue: () => [],
-						rules: [{
-							required: true,
-							trigger: "blur",
-							message: "请选择字段"
-						}, {
-							typeMatch: true,
-							trigger: "change"
-						}]
-					} : {
-						type: "data-source-field-select",
-						name: "field",
-						value: "key",
-						label: "字段",
-						checkStrictly: false,
-						dataSourceFieldType: [
-							"string",
-							"number",
-							"boolean",
-							"any"
-						],
-						onChange: fieldOnChange,
-						defaultValue: () => [],
-						rules: [{
-							required: true,
-							trigger: "blur",
-							message: "请选择字段"
-						}, {
-							typeMatch: true,
-							trigger: "change"
-						}]
-					},
-					{
-						type: "cond-op-select",
-						parentFields: parentFields.value,
-						label: "条件",
-						width: 140,
-						name: "op",
-						rules: [{
-							required: true,
-							trigger: "blur",
-							message: "请选择条件"
-						}, {
-							typeMatch: true,
-							trigger: "change"
-						}]
-					},
-					{
-						label: "值",
-						width: 160,
-						items: [{
-							name: "value",
-							type: (_mForm, { model }) => {
-								const [id, ...fieldNames] = [...parentFields.value, ...model.field];
-								const ds = dataSourceService.getDataSourceById(id);
-								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",
-							type: "number-range",
-							display: (vm, { model }) => ["between", "not_between"].includes(model.op)
-						}]
-					}
-				]
-			}]
-		}));
+		const config = computed(() => createDisplayCondsConfig(props.config, props.name, parentFields.value));
+		const isCompareMode = computed(() => Boolean(props.isCompare && props.lastValues));
 		const changeHandler = (v, eventData) => {
-			if (!Array.isArray(props.model[props.name])) props.model[props.name] = [];
 			emit("change", v, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MGroupList), {
-				style: { "width": "100%" },
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(MGroupList), {
 				config: config.value,
 				name: __props.name,
 				disabled: __props.disabled,
 				model: __props.model,
 				"last-values": __props.lastValues,
+				"is-compare": isCompareMode.value,
 				prop: __props.prop,
 				size: __props.size,
 				onChange: changeHandler
@@ -181,9 +52,10 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"disabled",
 				"model",
 				"last-values",
+				"is-compare",
 				"prop",
 				"size"
-			]);
+			])]);
 		};
 	}
 });

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

@@ -1,19 +1,13 @@
-import { useServices } from "../hooks/use-services.js";
-import { getCompActionAllowedValues, getCompActionOptions, getEventNameAllowedValues, getEventNameOptions, normalizeCompActionValue } from "../utils/event.js";
-import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
-import { TMagicButton } from "@tmagic/design";
-import { ActionType } from "@tmagic/core";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
-import { has } from "lodash-es";
-import { Delete, Plus } from "@element-plus/icons-vue";
+import { createEventNameConfig, createEventSelectConfig, createLegacyTableConfig, isLegacyEventValue } from "./configs/eventSelect.js";
+import { MContainer, MGroupList, MTable } from "@tmagic/form";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 //#region packages/editor/src/fields/EventSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-event-select" };
 var _hoisted_2 = {
 	key: 1,
 	class: "fullWidth event-select-container"
 };
-var _hoisted_3 = { class: "event-select-header" };
-var _hoisted_4 = { class: "event-item-header" };
+var _hoisted_3 = { class: "event-item-header" };
 var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsEventSelect",
 	__name: "EventSelect",
@@ -36,244 +30,21 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { editorService, dataSourceService, eventsService, codeBlockService, propsService } = useServices();
-		const eventNameConfig = computed(() => {
-			return {
-				name: "name",
-				text: "事件类型",
-				type: (mForm, { formValue }) => {
-					if (props.config.src !== "component" || formValue.type === "page-fragment-container" && formValue.pageFragmentId) return "cascader";
-					return "select";
-				},
-				labelWidth: "70px",
-				checkStrictly: () => props.config.src !== "component",
-				valueSeparator: ".",
-				options: (_mForm, { formValue }) => getEventNameOptions(props.config.src, formValue),
-				rules: [{
-					validator: ({ value, callback }, { formValue }) => {
-						const allowedNames = getEventNameAllowedValues(props.config, formValue);
-						if (allowedNames && allowedNames.size > 0 && value && !allowedNames.has(value)) return callback(`事件名(${value})不存在`);
-						callback();
-					},
-					trigger: "blur"
-				}],
-				...props.config.eventNameConfig
-			};
-		});
-		const actionTypeOptions = computed(() => {
-			const o = [{
-				text: "组件",
-				label: "组件",
-				value: ActionType.COMP
-			}];
-			if (!propsService.getDisabledCodeBlock()) o.push({
-				text: "代码",
-				label: "代码",
-				disabled: !Object.keys(codeBlockService.getCodeDsl() || {}).length,
-				value: ActionType.CODE
-			});
-			if (!propsService.getDisabledDataSource()) o.push({
-				text: "数据源",
-				label: "数据源",
-				value: ActionType.DATA_SOURCE
-			});
-			return o;
-		});
-		const actionTypeConfig = computed(() => {
-			return {
-				name: "actionType",
-				text: "联动类型",
-				type: "select",
-				labelPosition: "left",
-				defaultValue: ActionType.COMP,
-				options: actionTypeOptions.value,
-				rules: [{
-					required: true,
-					message: "联动类型不能为空"
-				}, {
-					typeMatch: true,
-					trigger: "blur"
-				}],
-				onChange: (_mForm, _v, { setModel }) => {
-					setModel("to", "");
-					setModel("method", "");
-					setModel("codeId", "");
-					setModel("dataSourceMethod", []);
-				},
-				...props.config.actionTypeConfig
-			};
-		});
-		const targetCompConfig = computed(() => {
-			return {
-				name: "to",
-				text: "联动组件",
-				type: "ui-select",
-				labelPosition: "left",
-				display: (_mForm, { model }) => model.actionType === ActionType.COMP,
-				onChange: (_mForm, _v, { setModel }) => {
-					setModel("method", "");
-				},
-				rules: [{
-					typeMatch: true,
-					trigger: "blur"
-				}],
-				...props.config.targetCompConfig
-			};
-		});
-		const compActionConfig = computed(() => {
-			return {
-				name: "method",
-				text: "动作",
-				labelPosition: "left",
-				type: (mForm, { model }) => {
-					const to = editorService.getNodeById(model.to);
-					if (to && to.type === "page-fragment-container" && to.pageFragmentId) return "cascader";
-					return "select";
-				},
-				checkStrictly: () => props.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(props.config, model);
-						const normalized = normalizeCompActionValue(value);
-						if (allowedMethods && allowedMethods.size > 0 && normalized && !allowedMethods.has(normalized)) return callback(`动作名(${normalized})不存在`);
-						callback();
-					}
-				}],
-				...props.config.compActionConfig
-			};
-		});
-		const codeActionConfig = computed(() => {
-			return {
-				type: "code-select-col",
-				text: "代码块",
-				name: "codeId",
-				notEditable: () => !codeBlockService.getEditStatus(),
-				display: (mForm, { model }) => model.actionType === ActionType.CODE,
-				...props.config.codeActionConfig
-			};
-		});
-		const dataSourceActionConfig = computed(() => {
-			return {
-				type: "data-source-method-select",
-				text: "数据源方法",
-				name: "dataSourceMethod",
-				notEditable: () => !dataSourceService.get("editable"),
-				display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE,
-				...props.config.dataSourceActionConfig
-			};
-		});
-		const tableConfig = computed(() => defineFormItem({
-			type: "table",
-			name: "events",
-			items: [
-				{
-					name: "name",
-					label: "事件名",
-					type: eventNameConfig.value.type,
-					options: (mForm, { formValue }) => eventsService.getEvent(formValue.type, { node: editorService.getNodeById(formValue.id) }).map((option) => ({
-						text: option.label,
-						value: option.value
-					}))
-				},
-				{
-					name: "to",
-					label: "联动组件",
-					type: "ui-select"
-				},
-				{
-					name: "method",
-					label: "动作",
-					type: compActionConfig.value.type,
-					options: (mForm, { model, formValue }) => {
-						const node = editorService.getNodeById(model.to) || formValue;
-						if (!node?.type) return [];
-						return eventsService.getMethod(node.type, {
-							targetId: model.to,
-							node
-						}).map((option) => ({
-							text: option.label,
-							value: option.value
-						}));
-					}
-				}
-			]
-		}));
-		const actionsConfig = computed(() => defineFormItem({
-			type: "panel",
-			labelPosition: "left",
-			items: [{
-				type: "group-list",
-				name: "actions",
-				expandAll: true,
-				enableToggleMode: false,
-				titlePrefix: "动作",
-				labelPosition: "left",
-				items: [
-					actionTypeConfig.value,
-					targetCompConfig.value,
-					compActionConfig.value,
-					codeActionConfig.value,
-					dataSourceActionConfig.value
-				]
-			}]
-		}));
-		const isOldVersion = computed(() => {
-			if (props.model[props.name].length === 0) return false;
-			return !has(props.model[props.name][0], "actions");
-		});
+		const tableConfig = computed(() => createLegacyTableConfig(props.config));
+		const eventNameConfig = computed(() => createEventNameConfig(props.config));
+		const eventConfig = computed(() => createEventSelectConfig(props.config, props.name));
+		const isOldVersion = computed(() => isLegacyEventValue(props.model[props.name]));
 		/**
 		* 对比模式判定：
 		*
-		* event-select 内部由「事件列表 + 嵌套子表单」组成，属于复合字段。父级 `MFormContainer` 已将其
-		* 归入「自接管对比字段」（见 Container.vue 的 `SELF_DIFF_FIELD_TYPES`），即对比时只渲染一次本组件，
-		* 并把当前值 `model` 与历史值 `lastValues` 一并传入，由本组件把 `is-compare`/`lastValues` 透传给
-		* 内部的 MPanel / MFormContainer，逐项（事件名、动作）展示前后差异。
+		* event-select 内部是事件列表 group-list。父级 `MFormContainer` 已将其归入「自接管对比字段」
+		* （见 Container.vue 的 `SELF_DIFF_FIELD_TYPES`），对比时只渲染一次本组件，并把 `is-compare` /
+		* `lastValues` 透传给内部 MGroupList 与 title slot 里的事件名表单。
 		*
 		* 仅当存在历史值时才启用对比，避免 lastValues 缺失时退化为「全部新增」的空对比。
 		*/
 		const isCompareMode = computed(() => Boolean(props.isCompare && props.lastValues));
-		/**
-		* 待渲染的事件卡片列表。
-		*
-		* - 非对比模式：直接映射当前事件列表，`lastCardItem` 为空；
-		* - 对比模式：按索引对齐当前值与历史值，取两者长度的最大值，使得「新增」（仅当前有）与
-		*   「删除」（仅历史有）的事件都能被渲染出来；缺失的一侧用空对象兜底，从而让子级正确高亮差异。
-		*/
-		const displayList = computed(() => {
-			const current = props.model[props.name] || [];
-			if (!isCompareMode.value) return current.map((cardItem, index) => ({
-				cardItem,
-				lastCardItem: void 0,
-				index
-			}));
-			const last = props.lastValues?.[props.name] || [];
-			const length = Math.max(current.length, last.length);
-			return Array.from({ length }, (_, index) => ({
-				cardItem: current[index] ?? {},
-				lastCardItem: last[index] ?? {},
-				index
-			}));
-		});
-		const addEvent = () => {
-			const defaultEvent = {
-				name: "",
-				actions: []
-			};
-			if (!props.model[props.name]) props.model[props.name] = [];
-			emit("change", defaultEvent, { modifyKey: props.model[props.name].length });
-		};
-		const removeEvent = (index) => {
-			if (!props.name) return;
-			props.model[props.name].splice(index, 1);
-			emit("change", props.model[props.name]);
-		};
-		const eventNameChangeHandler = (v, eventData) => {
-			emit("change", props.model[props.name], eventData);
-		};
-		const onChangeHandler = (v, eventData) => emit("change", props.model[props.name], eventData);
+		const onChangeHandler = (_v, eventData) => emit("change", props.model[props.name], eventData);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [isOldVersion.value ? (openBlock(), createBlock(unref(MTable), {
 				key: 0,
@@ -292,93 +63,47 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"last-values",
 				"is-compare",
 				"config"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [
-				createElementVNode("div", _hoisted_3, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "event-select-title" }, "事件配置", -1)), !isCompareMode.value && displayList.value.length > 0 ? (openBlock(), createBlock(unref(TMagicButton), {
-					key: 0,
-					class: "create-button",
-					text: "",
-					type: "primary",
-					icon: unref(Plus),
-					size: __props.size,
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "event-select-header" }, [createElementVNode("div", { class: "event-select-title" }, "事件配置")], -1)), createVNode(unref(MGroupList), {
+				config: eventConfig.value,
+				name: __props.name,
+				disabled: __props.disabled,
+				model: __props.model,
+				"last-values": __props.lastValues,
+				"is-compare": isCompareMode.value,
+				prop: __props.prop,
+				size: __props.size,
+				onChange: onChangeHandler
+			}, {
+				title: withCtx(({ model: itemModel, lastValues: itemLastValues, prop: itemProp }) => [createElementVNode("div", _hoisted_3, [createVNode(unref(MContainer), {
+					class: "fullWidth",
+					config: eventNameConfig.value,
+					model: itemModel,
+					"last-values": itemLastValues,
+					"is-compare": isCompareMode.value,
 					disabled: __props.disabled,
-					onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
-				}, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("添加事件", -1)])]),
-					_: 1
-				}, 8, [
-					"icon",
+					size: __props.size,
+					prop: itemProp,
+					onChange: onChangeHandler
+				}, null, 8, [
+					"config",
+					"model",
+					"last-values",
+					"is-compare",
+					"disabled",
 					"size",
-					"disabled"
-				])) : createCommentVNode("v-if", true)]),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (entry) => {
-					return openBlock(), createBlock(unref(MPanel), {
-						key: entry.index,
-						disabled: __props.disabled,
-						size: __props.size,
-						prop: `${__props.prop}.${entry.index}`,
-						config: actionsConfig.value,
-						model: entry.cardItem,
-						"last-values": entry.lastCardItem,
-						"is-compare": isCompareMode.value,
-						"hide-expand": false,
-						"label-width": __props.config.labelWidth || "100px",
-						onChange: onChangeHandler
-					}, {
-						header: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(MContainer), {
-							class: "fullWidth",
-							config: eventNameConfig.value,
-							model: entry.cardItem,
-							"last-values": entry.lastCardItem,
-							"is-compare": isCompareMode.value,
-							disabled: __props.disabled,
-							size: __props.size,
-							prop: `${__props.prop}.${entry.index}`,
-							onChange: eventNameChangeHandler
-						}, null, 8, [
-							"config",
-							"model",
-							"last-values",
-							"is-compare",
-							"disabled",
-							"size",
-							"prop"
-						]), !isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-							key: 0,
-							class: "event-item-delete-button",
-							link: "",
-							icon: unref(Delete),
-							disabled: __props.disabled,
-							size: __props.size,
-							onClick: ($event) => removeEvent(Number(entry.index))
-						}, null, 8, [
-							"icon",
-							"disabled",
-							"size",
-							"onClick"
-						])) : createCommentVNode("v-if", true)])]),
-						_: 2
-					}, 1032, [
-						"disabled",
-						"size",
-						"prop",
-						"config",
-						"model",
-						"last-values",
-						"is-compare",
-						"label-width"
-					]);
-				}), 128)),
-				!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-					key: 0,
-					class: "create-button fullWidth",
-					icon: unref(Plus),
-					disabled: __props.disabled,
-					onClick: _cache[1] || (_cache[1] = ($event) => addEvent())
-				}, {
-					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("添加事件", -1)])]),
-					_: 1
-				}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true)
-			]))]);
+					"prop"
+				])])]),
+				_: 1
+			}, 8, [
+				"config",
+				"name",
+				"disabled",
+				"model",
+				"last-values",
+				"is-compare",
+				"prop",
+				"size"
+			])]))]);
 		};
 	}
 });