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

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

@@ -119,7 +119,8 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const closedHandler = () => {
 			changedValue.value = void 0;
 		};
-		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		const parentFloating = inject("parentFloating", ref(null));
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 		const frameworkWidth = computed(() => uiService.get("frameworkRect")?.width || 0);
 		watch(boxVisible, (visible) => {
 			nextTick(() => {

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

@@ -7,7 +7,8 @@ var Resizer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { isDragging } = useGetSo(useTemplateRef("target"), emit);
+		const targetEl = useTemplateRef("target");
+		const { isDragging } = useGetSo(targetEl, emit);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", {
 				ref: "target",

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

@@ -30,7 +30,9 @@ var CondOpSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const optionComponent = getDesignConfig("components")?.option;
 		const options = computed(() => {
 			const [id, ...fieldNames] = [...props.config.parentFields || [], ...props.model.field];
-			return getCondOpOptionsByFieldType(getFieldType(dataSourceService.getDataSourceById(id), fieldNames));
+			const ds = dataSourceService.getDataSourceById(id);
+			const type = getFieldType(ds, fieldNames);
+			return getCondOpOptionsByFieldType(type);
 		});
 		const fieldChangeHandler = (v) => {
 			emit("change", v);

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(() => {
@@ -103,7 +104,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 +122,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 +144,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({});
@@ -315,7 +316,8 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const addDialogVisible = useModel(__props, "visible");
 		const addFromJsonDialogVisible = useModel(__props, "visible1");
 		const { height: editorHeight } = useEditorContentHeight();
-		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		const parentFloating = inject("parentFloating", ref(null));
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 		const frameworkWidth = computed(() => uiService.get("frameworkRect")?.width || 0);
 		/**
 		* 由 DataSourceConfigPanel 注入：打开数据源详情后需要直接打开的字段路径（字段名数组）。
@@ -324,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] || [];
@@ -356,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),
@@ -390,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),
@@ -416,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/DataSourceInput.vue_vue_type_script_setup_true_lang.js

@@ -128,7 +128,8 @@ var DataSourceInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		*/
 		const fieldQuerySearch = (queryString, leftAngleIndex, dotIndex, cb) => {
 			let result = [];
-			const keys = getKeysArray(queryString.substring(leftAngleIndex + 1, dotIndex));
+			const dsKey = queryString.substring(leftAngleIndex + 1, dotIndex);
+			const keys = getKeysArray(dsKey);
 			const dsId = keys.shift();
 			const ds = dataSources.value.find((ds) => ds.id === dsId);
 			if (!ds) {

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");
@@ -215,7 +216,8 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		};
 		const addDialogVisible = useModel(__props, "visible");
 		const { height: editorHeight } = useEditorContentHeight();
-		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		const parentFloating = inject("parentFloating", ref(null));
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 		const frameworkWidth = computed(() => uiService.get("frameworkRect")?.width || 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -233,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),
@@ -265,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

@@ -33,7 +33,8 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const parentFields = computed(() => filterFunction(mForm, props.config.parentFields, props) || []);
 		const fieldOnChange = (_formState, v, { model }) => {
 			const [id, ...fieldNames] = [...parentFields.value, ...v];
-			const type = getFieldType(dataSourceService.getDataSourceById(id), fieldNames);
+			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;
@@ -131,7 +132,8 @@ var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							name: "value",
 							type: (_mForm, { model }) => {
 								const [id, ...fieldNames] = [...parentFields.value, ...model.field];
-								const type = getFieldType(dataSourceService.getDataSourceById(id), fieldNames);
+								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";

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/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";
@@ -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, validateDataSourceFieldSelectValue, warn };

package/dist/es/initService.js

@@ -329,7 +329,8 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 		const root = editorService.get("root");
 		if (!root) return;
 		const handler = async () => {
-			const nodes = getNodes(Object.keys(root.dataSourceDeps?.[id] || {}), root.items);
+			const nodeIds = Object.keys(root.dataSourceDeps?.[id] || {});
+			const nodes = getNodes(nodeIds, root.items);
 			if (!(await Promise.all([
 				collectIdle(nodes, false, DepTargetType.DATA_SOURCE),
 				collectIdle(nodes, false, DepTargetType.DATA_SOURCE_COND),

package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js

@@ -145,7 +145,8 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		watch(() => props.data.status, (status) => {
 			activeTabName.value = status || "0";
 		});
-		const { dragstartHandler, dragendHandler, floatBoxStates, showingBoxKeys } = useFloatBox(computed(() => sideBarItems.value.map((sideBarItem) => sideBarItem.$key)));
+		const slideKeys = computed(() => sideBarItems.value.map((sideBarItem) => sideBarItem.$key));
+		const { dragstartHandler, dragendHandler, floatBoxStates, showingBoxKeys } = useFloatBox(slideKeys);
 		watch(() => showingBoxKeys.value.length, () => {
 			if (!showingBoxKeys.value.some((key) => activeTabName.value === sideBarItems.value.find((v) => v.$key === key)?.text) && activeTabName.value) return;
 			const nextSlideBarItem = sideBarItems.value.find((sideBarItem) => !showingBoxKeys.value.includes(sideBarItem.$key));

package/dist/es/layouts/sidebar/data-source/DataSourceConfigPanel.vue_vue_type_script_setup_true_lang.js

@@ -38,7 +38,8 @@ var DataSourceConfigPanel_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		const initValues = ref({});
 		const dataSourceConfig = ref([]);
 		const { height: editorHeight } = useEditorContentHeight();
-		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		const parentFloating = inject("parentFloating", ref(null));
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 		const frameworkWidth = computed(() => uiService.get("frameworkRect")?.width || 0);
 		/** 供「方法定义」tab 内的字段消费，用于打开数据源详情后自动打开指定方法 */
 		provide("editingDataSourceMethodName", computed(() => props.editMethodName));

package/dist/es/layouts/sidebar/layer/LayerPanel.vue_vue_type_script_setup_true_lang.js

@@ -51,7 +51,8 @@ var LayerPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			}
 		};
 		const { handleDragStart, handleDragEnd, handleDragLeave, handleDragOver } = useDrag(services, { canDropIn: (sourceIds, targetId) => props.canDropIn?.(sourceIds, targetId, "layer") });
-		const { nodeClickHandler, nodeDblclickHandler, nodeContentMenuHandler, highlightHandler: mouseenterHandler } = useClick(services, isCtrlKeyDown, nodeStatusMap, useTemplateRef("menu"));
+		const menuRef = useTemplateRef("menu");
+		const { nodeClickHandler, nodeDblclickHandler, nodeContentMenuHandler, highlightHandler: mouseenterHandler } = useClick(services, isCtrlKeyDown, nodeStatusMap, menuRef);
 		const dblclickHandler = async (event, data) => {
 			if (props.beforeNodeDblclick) {
 				if (await props.beforeNodeDblclick(event, data) === false) return;

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);

package/dist/es/services/codeBlock.js

@@ -141,7 +141,8 @@ var CodeBlock = class extends BaseService {
 	* @returns {CodeBlockDSL}
 	*/
 	getCodeDslByIds(ids) {
-		return pick(this.getCodeDsl(), ids);
+		const codeDsl = this.getCodeDsl();
+		return pick(codeDsl, ids);
 	}
 	/**
 	* 获取编辑状态
@@ -371,7 +372,8 @@ var CodeBlock = class extends BaseService {
 	*/
 	async getUniqueId() {
 		const newId = `code_${Math.random().toString(10).substring(2).substring(0, 4)}`;
-		if (!keys(await this.getCodeDsl()).includes(newId)) return newId;
+		const dsl = await this.getCodeDsl();
+		if (!keys(dsl).includes(newId)) return newId;
 		return await this.getUniqueId();
 	}
 	/**