@tmagic/editor 1.8.0-beta.23 → 1.8.0-beta.25

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

@@ -2,7 +2,7 @@ import { SideItemKey } from "../type.js";
 import { useServices } from "../hooks/use-services.js";
 import Icon_default from "../components/Icon.js";
 import CodeParams_default from "../components/CodeParams.js";
-import { MContainer, MSelect, createValues, filterFunction } from "@tmagic/form";
+import { FORM_SILENT_MODE_KEY, MContainer, MSelect, createValues, filterFunction } from "@tmagic/form";
 import { TMagicButton } from "@tmagic/design";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, unref, watch, withCtx } from "vue";
 import { isEmpty, map } from "lodash-es";
@@ -34,6 +34,7 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const mForm = inject("mForm");
+		const silentMode = inject(FORM_SILENT_MODE_KEY, false);
 		const { codeBlockService, uiService } = useServices();
 		const eventBus = inject("eventBus");
 		const emit = __emit;
@@ -130,7 +131,7 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						"last-values",
 						"size",
 						"prop"
-					])) : (openBlock(), createBlock(unref(MSelect), {
+					])) : !unref(silentMode) ? (openBlock(), createBlock(unref(MSelect), {
 						key: 1,
 						class: "select",
 						config: selectConfig,
@@ -144,9 +145,9 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						"model",
 						"size",
 						"prop"
-					])),
+					])) : createCommentVNode("v-if", true),
 					createCommentVNode(" 查看/编辑按钮：对比模式为只读，不展示 "),
-					!isCompareMode.value && __props.model[__props.name] && hasCodeBlockSidePanel.value ? (openBlock(), createBlock(unref(TMagicButton), {
+					!isCompareMode.value && !unref(silentMode) && __props.model[__props.name] && hasCodeBlockSidePanel.value ? (openBlock(), createBlock(unref(TMagicButton), {
 						key: 2,
 						class: "m-fields-select-action-button",
 						size: __props.size,

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

@@ -2,6 +2,7 @@ import { getCondOpOptionsByFieldType } from "../utils/props.js";
 import { useServices } from "../hooks/use-services.js";
 import { getFieldType } from "../utils/data-source/index.js";
 import { TMagicSelect, getDesignConfig } from "@tmagic/design";
+import { removeDataSourceFieldPrefix } from "@tmagic/utils";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
 //#region packages/editor/src/fields/CondOpSelect.vue?vue&type=script&setup=true&lang.ts
 var CondOpSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -29,8 +30,8 @@ var CondOpSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const props = __props;
 		const optionComponent = getDesignConfig("components")?.option;
 		const options = computed(() => {
-			const [id, ...fieldNames] = [...props.config.parentFields || [], ...props.model.field];
-			const ds = dataSourceService.getDataSourceById(id);
+			const [id, ...fieldNames] = [...props.config.parentFields || [], ...props.model.field || []];
+			const ds = id ? dataSourceService.getDataSourceById(removeDataSourceFieldPrefix(id)) : void 0;
 			const type = getFieldType(ds, fieldNames);
 			return getCondOpOptionsByFieldType(type);
 		});

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

@@ -2,7 +2,7 @@ import { useServices } from "../../hooks/use-services.js";
 import Icon_default from "../../components/Icon.js";
 import DatasourceIcon_default from "../../icons/DatasourceIcon.js";
 import FieldSelect_default from "./FieldSelect.js";
-import { getFormField } from "@tmagic/form";
+import { FORM_SILENT_MODE_KEY, getFormField } from "@tmagic/form";
 import { TMagicButton, TMagicTooltip, tMagicMessage } from "@tmagic/design";
 import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from "@tmagic/utils";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveComponent, resolveDynamicComponent, unref, watch, withCtx } from "vue";
@@ -40,6 +40,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		}, { immediate: true });
 		const { dataSourceService, propsService } = useServices();
 		const mForm = inject("mForm");
+		const silentMode = inject(FORM_SILENT_MODE_KEY, false);
 		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
 		const disabledDataSource = computed(() => propsService.getDisabledDataSource());
 		const type = computed(() => {
@@ -59,7 +60,9 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			let value;
 			if (typeof props.config.checkStrictly !== "function") value = props.config.checkStrictly;
 			else {
-				const dsId = removeDataSourceFieldPrefix(props.model[0]);
+				const fieldValue = props.model[props.name];
+				const rawDsId = props.config.dataSourceId ?? (Array.isArray(fieldValue) ? fieldValue[0] : fieldValue);
+				const dsId = removeDataSourceFieldPrefix(`${rawDsId}`);
 				const dataSource = dataSources.value.find((ds) => ds.id === dsId);
 				value = props.config.checkStrictly(mForm, {
 					values: mForm?.initValues || {},
@@ -103,7 +106,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value;
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["m-fields-data-source-field-select", { [`data-source-field-${type.value}`]: !isSelectValid.value }]) }, [isSelectValid.value ? (openBlock(), createBlock(FieldSelect_default, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["m-fields-data-source-field-select", { [`data-source-field-${type.value}`]: !isSelectValid.value }]) }, [isSelectValid.value && !unref(silentMode) ? (openBlock(), createBlock(FieldSelect_default, {
 				key: 0,
 				"model-value": __props.model[__props.name],
 				disabled: __props.disabled,
@@ -121,7 +124,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				"checkStrictly",
 				"dataSourceFieldType",
 				"dataSourceId"
-			])) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+			])) : !unref(silentMode) ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
 				key: 1,
 				config: __props.config.fieldConfig,
 				model: __props.model,
@@ -143,7 +146,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				"init-values",
 				"values",
 				"prop"
-			])), __props.config.fieldConfig && !disabledDataSource.value && !unref(mForm)?.isCompare ? (openBlock(), createBlock(unref(TMagicTooltip), {
+			])) : createCommentVNode("v-if", true), !unref(silentMode) && __props.config.fieldConfig && !disabledDataSource.value && !unref(mForm)?.isCompare ? (openBlock(), createBlock(unref(TMagicTooltip), {
 				key: 2,
 				disabled: showDataSourceFieldSelect.value,
 				content: "选择数据源"

package/dist/es/fields/DataSourceFields.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 { error } from "../utils/logger.js";
 import FloatingBox_default from "../components/FloatingBox.js";
-import { MFormBox } from "@tmagic/form";
+import { FORM_SILENT_MODE_KEY, MFormBox } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
 import { getDefaultValueFromFields } from "@tmagic/utils";
-import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, onMounted, openBlock, provide, ref, unref, useModel, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, onMounted, openBlock, provide, ref, unref, useModel, withCtx } from "vue";
 //#region packages/editor/src/fields/DataSourceFields.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-fields" };
 var _hoisted_2 = {
@@ -58,6 +58,7 @@ var DataSourceFields_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 fieldValues = ref({});
@@ -325,6 +326,7 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const editingFieldPath = inject("editingDataSourceFieldPath", computed(() => []));
 		provide("editingDataSourceFieldPath", computed(() => editingFieldPath.value.slice(1)));
 		onMounted(() => {
+			if (silentMode) return;
 			const path = editingFieldPath.value;
 			if (!path.length) return;
 			const fields = props.model[props.name] || [];
@@ -357,7 +359,8 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("添加", -1)])]),
 					_: 1
 				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
-				createVNode(FloatingBox_default, {
+				!unref(silentMode) ? (openBlock(), createBlock(FloatingBox_default, {
+					key: 1,
 					"body-style": { padding: "0 16px" },
 					visible: addDialogVisible.value,
 					"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => addDialogVisible.value = $event),
@@ -391,8 +394,9 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"title",
 					"framework-width",
 					"position"
-				]),
-				createVNode(FloatingBox_default, {
+				])) : createCommentVNode("v-if", true),
+				!unref(silentMode) ? (openBlock(), createBlock(FloatingBox_default, {
+					key: 2,
 					"body-style": { padding: "0 16px" },
 					visible: addFromJsonDialogVisible.value,
 					"onUpdate:visible": _cache[5] || (_cache[5] = ($event) => addFromJsonDialogVisible.value = $event),
@@ -417,7 +421,7 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"height",
 					"framework-width",
 					"position"
-				])
+				])) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js

@@ -3,7 +3,7 @@ import { useServices } from "../hooks/use-services.js";
 import { getFieldType } from "../utils/data-source/index.js";
 import Icon_default from "../components/Icon.js";
 import CodeParams_default from "../components/CodeParams.js";
-import { MCascader, createValues, filterFunction } from "@tmagic/form";
+import { FORM_SILENT_MODE_KEY, MCascader, createValues, filterFunction } from "@tmagic/form";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { DATA_SOURCE_SET_DATA_METHOD_NAME } from "@tmagic/utils";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, unref, withCtx } from "vue";
@@ -36,6 +36,7 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 	setup(__props, { emit: __emit }) {
 		const { dataSourceService, uiService } = useServices();
 		const mForm = inject("mForm");
+		const silentMode = inject(FORM_SILENT_MODE_KEY, false);
 		const eventBus = inject("eventBus");
 		const emit = __emit;
 		const props = __props;
@@ -134,7 +135,8 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 			eventBus?.emit("edit-data-source-method", id, methodName);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(MCascader), {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [!unref(silentMode) ? (openBlock(), createBlock(unref(MCascader), {
+				key: 0,
 				class: "select",
 				config: cascaderConfig.value,
 				model: __props.model,
@@ -150,8 +152,8 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 				"size",
 				"disabled",
 				"prop"
-			]), __props.model[__props.name] && isCustomMethod.value && dataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
-				key: 0,
+			])) : createCommentVNode("v-if", true), !unref(silentMode) && __props.model[__props.name] && isCustomMethod.value && dataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 1,
 				content: notEditable.value ? "查看" : "编辑"
 			}, {
 				default: withCtx(() => [createVNode(unref(TMagicButton), {

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

@@ -1,4 +1,5 @@
 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";
@@ -35,6 +36,7 @@ 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();
@@ -128,6 +130,7 @@ 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] || [];
@@ -152,7 +155,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 ? (openBlock(), createBlock(CodeBlockEditor_default, {
+				codeConfig.value && !unref(silentMode) ? (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 { MFormBox } from "@tmagic/form";
+import { FORM_SILENT_MODE_KEY, MFormBox } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, TMagicSwitch, tMagicMessageBox } from "@tmagic/design";
 import { getDefaultValueFromFields } from "@tmagic/utils";
-import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { computed, createBlock, 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,6 +49,7 @@ 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");
@@ -234,7 +235,8 @@ 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),
-				createVNode(FloatingBox_default, {
+				!unref(silentMode) ? (openBlock(), createBlock(FloatingBox_default, {
+					key: 1,
 					"body-style": { padding: "0 16px" },
 					visible: addDialogVisible.value,
 					"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => addDialogVisible.value = $event),
@@ -266,7 +268,7 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"title",
 					"framework-width",
 					"position"
-				])
+				])) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

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

@@ -1,6 +1,7 @@
 import { useServices } from "../hooks/use-services.js";
 import { getCascaderOptionsFromFields, getFieldType } from "../utils/data-source/index.js";
 import { MGroupList, filterFunction } from "@tmagic/form";
+import { removeDataSourceFieldPrefix } from "@tmagic/utils";
 import { computed, createBlock, defineComponent, inject, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/DisplayConds.vue?vue&type=script&setup=true&lang.ts
 var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -31,9 +32,15 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const { dataSourceService } = useServices();
 		const mForm = inject("mForm");
 		const parentFields = computed(() => filterFunction(mForm, props.config.parentFields, props) || []);
+		const resolveFieldPath = (path) => {
+			const [id, ...fieldNames] = path;
+			return {
+				ds: id ? dataSourceService.getDataSourceById(removeDataSourceFieldPrefix(`${id}`)) : void 0,
+				fieldNames
+			};
+		};
 		const fieldOnChange = (_formState, v, { model }) => {
-			const [id, ...fieldNames] = [...parentFields.value, ...v];
-			const ds = dataSourceService.getDataSourceById(id);
+			const { ds, fieldNames } = resolveFieldPath([...parentFields.value, ...v]);
 			const type = getFieldType(ds, fieldNames);
 			if (type === "number") model.value = Number(model.value);
 			else if (type === "boolean") model.value = Boolean(model.value);
@@ -59,11 +66,10 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					parentFields.value.length ? {
 						type: "cascader",
 						options: () => {
-							const [dsId, ...keys] = parentFields.value;
-							const ds = dataSourceService.getDataSourceById(dsId);
+							const { ds, fieldNames } = resolveFieldPath(parentFields.value);
 							if (!ds) return [];
 							let fields = ds.fields || [];
-							keys.forEach((key) => {
+							fieldNames.forEach((key) => {
 								fields = fields.find((f) => f.name === key)?.fields || [];
 							});
 							return getCascaderOptionsFromFields(fields, [
@@ -131,8 +137,7 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 						items: [{
 							name: "value",
 							type: (_mForm, { model }) => {
-								const [id, ...fieldNames] = [...parentFields.value, ...model.field];
-								const ds = dataSourceService.getDataSourceById(id);
+								const { ds, fieldNames } = resolveFieldPath([...parentFields.value, ...model.field || []]);
 								const type = getFieldType(ds, fieldNames);
 								if (type === "number") return "number";
 								if (type === "boolean") return "select";

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

@@ -187,8 +187,8 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					name: "method",
 					label: "动作",
 					type: compActionConfig.value.type,
-					options: (mForm, { model }) => {
-						const node = editorService.getNodeById(model.to);
+					options: (mForm, { model, formValue }) => {
+						const node = editorService.getNodeById(model.to) || formValue;
 						if (!node?.type) return [];
 						return eventsService.getMethod(node.type, {
 							targetId: model.to,

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

@@ -1,5 +1,6 @@
 import CodeEditor_default from "../layouts/CodeEditor.js";
 import CodeIcon_default from "../icons/CodeIcon.js";
+import { FORM_SILENT_MODE_KEY } from "@tmagic/form";
 import { TMagicButton, TMagicInput } from "@tmagic/design";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, renderList, unref, watchEffect, withCtx } from "vue";
 import { Delete, Plus } from "@element-plus/icons-vue";
@@ -32,6 +33,7 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		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 records = ref([]);
@@ -137,7 +139,7 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					"disabled",
 					"icon"
 				])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
-				__props.config.advanced && showCode.value ? (openBlock(), createBlock(CodeEditor_default, {
+				__props.config.advanced && showCode.value && !unref(silentMode) ? (openBlock(), createBlock(CodeEditor_default, {
 					key: 1,
 					"editor-custom-type": "m-fields-key-value",
 					language: "javascript",
@@ -150,7 +152,7 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					parse: true,
 					onSave: save
 				}, null, 8, ["init-values", "options"])) : createCommentVNode("v-if", true),
-				__props.config.advanced && !isCompare.value ? (openBlock(), createBlock(unref(TMagicButton), {
+				__props.config.advanced && !isCompare.value && !unref(silentMode) ? (openBlock(), createBlock(unref(TMagicButton), {
 					key: 2,
 					size: "default",
 					disabled: __props.disabled,

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

@@ -1,4 +1,4 @@
-import { validateDataSourceFieldSelectValue } from "../../../utils/type-match-rules.js";
+import { validateDataSourceFieldSelect } from "../../../utils/type-match-rules.js";
 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";
@@ -56,7 +56,7 @@ var Font_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				},
 				rules: [{ typeMatch: false }, { validator: ({ value, callback }, { config, model, prop }, mForm) => {
 					if (value === "" || value === null || value === void 0) return callback();
-					const result = validateDataSourceFieldSelectValue(value, {
+					const result = validateDataSourceFieldSelect(value, {
 						fieldType: "data-source-field-select",
 						mForm,
 						props: {

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

@@ -1,5 +1,4 @@
 import { getCodeBlockFormConfig } from "../utils/code-block.js";
-import { removeStyleDisplayConfig } from "../utils/props.js";
 import { computed, inject, provide, ref, useTemplateRef, watch, watchEffect } from "vue";
 //#region packages/editor/src/hooks/use-compare-form.ts
 /**
@@ -54,7 +53,7 @@ var useCompareForm = (props) => {
 		switch (props.category) {
 			case "node":
 				if (!props.type) return [];
-				return removeStyleDisplayConfig(await props.services.propsService.getPropsConfig(props.type, { node: props.value }));
+				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"

package/dist/es/index.js

@@ -2,8 +2,8 @@ import { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, Ke
 import { useCodeBlockEdit } from "./hooks/use-code-block-edit.js";
 import { getEditorConfig, isGlobalFlat, setEditorConfig } from "./utils/config.js";
 import { getCodeBlockFormConfig } from "./utils/code-block.js";
-import { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig } from "./utils/props.js";
 import { useCompareForm } from "./hooks/use-compare-form.js";
+import { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, styleTabConfig } from "./utils/props.js";
 import props_default from "./services/props.js";
 import { UndoRedo } from "./utils/undo-redo.js";
 import { createStackStep, describeRevertStep, deserializeStacks, detectStackOpType, detectTargetId, detectTargetName, getLastPushedHistoryIds, getOrCreateStack, markStackSaved, mergeSteps, serializeStacks, undoFloor } from "./utils/history.js";
@@ -31,7 +31,7 @@ import { IdleTask } from "./utils/dep/idle-task.js";
 import { ScrollViewer } from "./utils/scroll-viewer.js";
 import codeBlock_default from "./services/codeBlock.js";
 import dataSource_default from "./services/dataSource.js";
-import { ALL_COND_OPS, editorTypeMatchRules, validateDataSourceFieldSelectValue } from "./utils/type-match-rules.js";
+import { ALL_COND_OPS, editorTypeMatchRules, validateDataSourceFieldSelect } from "./utils/type-match-rules.js";
 import events_default from "./services/events.js";
 import { EVENT_NAME_VALUE_SEPARATOR, collectEventNameOptionValues, getCompActionAllowedValues, getCompActionOptions, getEventNameAllowedValues, getEventNameOptions, isEventNameCheckStrictly, normalizeCompActionValue } from "./utils/event.js";
 import monaco_editor_default from "./utils/monaco-editor.js";
@@ -92,4 +92,4 @@ export * from "@tmagic/table";
 export * from "@tmagic/stage";
 export * from "@tmagic/design";
 export * from "@tmagic/utils";
-export { ALL_COND_OPS, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, CompareForm_default as CompareForm, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EVENT_NAME_VALUE_SEPARATOR, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, HistoryDiffDialog_default as HistoryDiffDialog, Bucket_default as HistoryListBucket, BucketTab_default as HistoryListBucketTab, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeContent_default as LayerNodeContent, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, ViewForm_default as ViewForm, advancedTabConfig, arrayOptions, beforePaste, booleanOptions, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectEventNameOptionValues, collectRelatedNodes, componentList_default as componentListService, confirmHistoryAction, createStackStep, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectStackOpType, detectTargetId, detectTargetName, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, editorTypeMatchRules, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getCompActionAllowedValues, getCompActionOptions, getCondOpOptionsByFieldType, getDefaultConfig, getDisplayField, getEditorConfig, getEventNameAllowedValues, getEventNameOptions, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, idbDelete, idbGet, idbSet, info, isEventNameCheckStrictly, isGlobalFlat, isIncludeDataSource, isIndexedDBSupported, keybinding_default as keybindingService, monaco_editor_default as loadMonaco, log, markStackSaved, mergeSteps, moveItemsInContainer, normalizeCompActionValue, numberOptions, openIndexedDB, props_default as propsService, removeStyleDisplayConfig, resolveFieldByPath, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, undoFloor, updateStatus, useCodeBlockEdit, useCompareForm, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useHistoryRevert, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, validateDataSourceFieldSelectValue, warn };
+export { ALL_COND_OPS, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, CompareForm_default as CompareForm, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EVENT_NAME_VALUE_SEPARATOR, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, HistoryDiffDialog_default as HistoryDiffDialog, Bucket_default as HistoryListBucket, BucketTab_default as HistoryListBucketTab, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeContent_default as LayerNodeContent, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, ViewForm_default as ViewForm, advancedTabConfig, arrayOptions, beforePaste, booleanOptions, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectEventNameOptionValues, collectRelatedNodes, componentList_default as componentListService, confirmHistoryAction, createStackStep, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectStackOpType, detectTargetId, detectTargetName, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, editorTypeMatchRules, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getCompActionAllowedValues, getCompActionOptions, getCondOpOptionsByFieldType, getDefaultConfig, getDisplayField, getEditorConfig, getEventNameAllowedValues, getEventNameOptions, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, idbDelete, idbGet, idbSet, info, isEventNameCheckStrictly, isGlobalFlat, isIncludeDataSource, isIndexedDBSupported, keybinding_default as keybindingService, monaco_editor_default as loadMonaco, log, markStackSaved, mergeSteps, moveItemsInContainer, normalizeCompActionValue, numberOptions, openIndexedDB, props_default as propsService, resolveFieldByPath, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, undoFloor, updateStatus, useCodeBlockEdit, useCompareForm, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useHistoryRevert, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, validateDataSourceFieldSelect, warn };

package/dist/es/plugin.js

@@ -21,7 +21,7 @@ import Code_default from "./fields/Code.js";
 import CodeLink_default from "./fields/CodeLink.js";
 import UISelect_default from "./fields/UISelect.js";
 /* empty css            */
-import formPlugin, { registerTypeMatchRules } from "@tmagic/form";
+import formPlugin, { registerSilentLeafFieldTypes, registerTypeMatchRules } from "@tmagic/form";
 import tablePlugin from "@tmagic/table";
 import designPlugin from "@tmagic/design";
 //#region packages/editor/src/plugin.ts
@@ -37,6 +37,14 @@ var plugin_default = { install: (app, opt) => {
 	app.use(formPlugin, opt || {});
 	app.use(tablePlugin);
 	registerTypeMatchRules(editorTypeMatchRules);
+	registerSilentLeafFieldTypes([
+		"vs-code",
+		"ui-select",
+		"cond-op-select",
+		"page-fragment-select",
+		"data-source-select",
+		"data-source-input"
+	]);
 	app.config.globalProperties.$TMAGIC_EDITOR = option;
 	setEditorConfig(option);
 	app.component(`${Editor_default.name || "MEditor"}`, Editor_default);