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

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/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({});
@@ -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/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/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/editor.js

@@ -12,6 +12,8 @@ import { NodeType } from "@tmagic/core";
 import { nextTick, reactive, toRaw } from "vue";
 import { cloneDeep as cloneDeep$1, isEmpty, isEqual, isObject, mergeWith, uniq } from "lodash-es";
 //#region packages/editor/src/services/editor.ts
+/** 历史插回时把记录的下标收敛到 [0, length]，越界（含未记录）一律追加到末尾 */
+var clampIndex = (index, length) => typeof index === "number" && index >= 0 && index <= length ? index : length;
 /**
 * 把「变更前后节点快照」列表归一成 update 类型的 {@link StepDiffItem} 列表，供 {@link StepValue.diff} 使用。
 * `changeRecords` 来自 form 端的 propPath/value 列表，撤销/重做时只对这些 propPath 做局部更新；
@@ -51,6 +53,11 @@ var Editor = class extends BaseService {
 	* 普通操作不会读取它，调用前由 *AndGetHistoryId 重置为 null。
 	*/
 	lastPushedHistoryId = null;
+	/**
+	* 上一次 doAdd 的插入记忆：nodeId 为插入的节点，selectedId 为当时的选中节点。
+	* 仅在选中节点未变化时复用（连续 add / doNotSelect / 批量粘贴），选中变化后自动失效，无需手动清理。
+	*/
+	lastAdded = null;
 	constructor() {
 		super(canUsePluginMethods.async.map((methodName) => ({
 			name: methodName,
@@ -246,24 +253,29 @@ var Editor = class extends BaseService {
 		this.set("stage", null);
 		this.set("highlightNode", null);
 	}
-	async doAdd(node, parent) {
+	async doAdd(node, parent, _options = {}) {
 		const root = this.get("root");
 		if (!root) throw new Error("root为空");
 		const curNode = this.get("node");
 		const stage = this.get("stage");
 		if (!curNode) throw new Error("当前选中节点为空");
 		if ((parent.type === NodeType.ROOT || curNode?.type === NodeType.ROOT) && !isPageOrFragment(node)) throw new Error("app下不能添加组件");
-		if (parent.id !== curNode.id && !isPageOrFragment(node)) {
-			const index = parent.items.indexOf(curNode);
-			parent.items?.splice(index + 1, 0, node);
-		} else parent.items?.push(node);
+		const anchorId = this.lastAdded?.selectedId === curNode.id ? this.lastAdded.nodeId : curNode.id;
+		const anchorIndex = isPageOrFragment(node) ? -1 : Math.max(getNodeIndex(anchorId, parent), getNodeIndex(curNode.id, parent));
+		const insertIndex = anchorIndex < 0 ? parent.items.length : anchorIndex + 1;
+		parent.items.splice(insertIndex, 0, node);
+		this.lastAdded = {
+			selectedId: curNode.id,
+			nodeId: node.id
+		};
 		const layout = await this.getLayout(toRaw(parent), node);
 		node.style = getInitPositionStyle(node.style, layout);
 		await stage?.add({
 			config: cloneDeep$1(node),
 			parent: cloneDeep$1(parent),
 			parentId: parent.id,
-			root: cloneDeep$1(root)
+			root: cloneDeep$1(root),
+			index: insertIndex
 		});
 		const newStyle = fixNodePosition(node, parent, stage);
 		if (newStyle && (newStyle.top !== node.style.top || newStyle.left !== node.style.left)) {
@@ -281,14 +293,12 @@ var Editor = class extends BaseService {
 	* 向指点容器添加组件节点
 	* @param addConfig 将要添加的组件节点配置
 	* @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
-	* @param options 可选配置
-	* @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
-	* @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
-	* @param options.doNotPushHistory 是否不写入历史记录（默认 false）
+	* @param options 可选配置，见 {@link DslOpOptions}
 	* @returns 添加后的节点
 	*/
-	async add(addNode, parent, { doNotSelect = false, doNotSwitchPage = false, doNotPushHistory = false, historyDescription, historySource } = {}) {
+	async add(addNode, parent, options = {}) {
 		this.captureSelectionBeforeOp();
+		const { doNotSelect = false, doNotSwitchPage = false, doNotPushHistory = false, historyDescription, historySource } = options;
 		const stage = this.get("stage");
 		const addNodes = [];
 		if (!Array.isArray(addNode)) {
@@ -296,13 +306,13 @@ var Editor = class extends BaseService {
 			if (!type) throw new Error("组件类型不能为空");
 			addNodes.push({ ...toRaw(await props_default.getPropsValue(type, config)) });
 		} else addNodes.push(...addNode);
-		const newNodes = await Promise.all(addNodes.map((node) => {
+		const newNodes = [];
+		for (const node of addNodes) {
 			const root = this.get("root");
-			if (isPageOrFragment(node) && root) return this.doAdd(node, root);
-			const parentNode = parent ?? getAddParent(node);
+			const parentNode = isPageOrFragment(node) && root ? root : parent ?? getAddParent(node);
 			if (!parentNode) throw new Error("未找到父元素");
-			return this.doAdd(node, parentNode);
-		}));
+			newNodes.push(await this.doAdd(node, parentNode, options));
+		}
 		if (newNodes.length > 1) {
 			const wouldSwitchPage = newNodes.some((n) => this.isOnDifferentPage(n));
 			if (!doNotSelect && !(doNotSwitchPage && wouldSwitchPage)) {
@@ -418,7 +428,8 @@ var Editor = class extends BaseService {
 	* @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
 	* @param options.doNotPushHistory 是否不写入历史记录（默认 false）
 	*/
-	async remove(nodeOrNodeList, { doNotSelect = false, doNotSwitchPage = false, doNotPushHistory = false, historyDescription, historySource } = {}) {
+	async remove(nodeOrNodeList, options = {}) {
+		const { doNotPushHistory = false, historyDescription, historySource } = options;
 		this.captureSelectionBeforeOp();
 		const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
 		const changeItems = nodes.map((node) => ({
@@ -442,10 +453,7 @@ var Editor = class extends BaseService {
 				});
 			}
 		}
-		await Promise.all(nodes.map((node) => this.doRemove(node, {
-			doNotSelect,
-			doNotSwitchPage
-		})));
+		await Promise.all(nodes.map((node) => this.doRemove(node, options)));
 		this.removeInvalidNodesBySubtree(nodes);
 		if (removedItems.length > 0 && pageForOp) if (!doNotPushHistory) this.pushOpHistory("remove", {
 			diff: removedItems,
@@ -467,7 +475,8 @@ var Editor = class extends BaseService {
 			remove: removedPages
 		});
 	}
-	async doUpdate(config, { changeRecords = [], historySource, replace = false } = {}) {
+	async doUpdate(config, data = {}) {
+		const { changeRecords = [], historySource, replace = false } = data;
 		if (!this.get("root")) throw new Error("root为空");
 		if (!config?.id) throw new Error("没有配置或者配置缺少id值");
 		const info = this.getNodeInfo(config.id, false);
@@ -516,24 +525,18 @@ var Editor = class extends BaseService {
 	* 更新节点
 	* update后会触发依赖收集，收集完后会掉stage.update方法
 	* @param config 新的节点配置，配置中需要有id信息
-	* @param data 额外数据
-	* @param data.changeRecords 单节点 form 端变更记录（多节点场景下被忽略，使用 changeRecordList）
-	* @param data.changeRecordList 多节点 form 端变更记录列表，按 config 数组同序对应每个节点；优先级高于 changeRecords
-	* @param data.doNotPushHistory 是否不写入历史记录（默认 false）
-	* @param data.historyDescription 入栈时附带的人类可读描述，用于历史面板展示（不影响 undo/redo 行为）
-	* @param data.replace 是否整节点替换：为 true 时跳过 mergeWith / toggleFixedPosition / setChildrenLayout，直接用传入配置覆盖（默认 false）
+	* @param data 额外数据，见 {@link UpdateOptions}
 	* @returns 更新后的节点配置
 	*/
 	async update(config, data = {}) {
 		this.captureSelectionBeforeOp();
-		const { doNotPushHistory = false, changeRecordList, changeRecords, historyDescription, historySource, replace = false, invalidInfo } = data;
+		const { doNotPushHistory = false, changeRecordList, changeRecords, historyDescription, historySource, invalidInfo } = data;
 		const nodes = Array.isArray(config) ? config : [config];
 		const updateData = await Promise.all(nodes.map((node, index) => {
 			const recordsForNode = changeRecordList ? changeRecordList[index] ?? [] : changeRecords ?? [];
 			return this.doUpdate(node, {
-				changeRecords: recordsForNode,
-				historySource,
-				replace
+				...data,
+				changeRecords: recordsForNode
 			});
 		}));
 		this.applyInvalidInfo(config, invalidInfo);
@@ -1376,14 +1379,15 @@ var Editor = class extends BaseService {
 						const parent = this.getNodeById(parentId, false);
 						if (parent?.items) {
 							const addedNode = cloneDeep$1(newSchema);
-							if (typeof index === "number" && index >= 0 && index < parent.items.length) parent.items.splice(index, 0, addedNode);
-							else parent.items.push(addedNode);
+							const insertIndex = clampIndex(index, parent.items.length);
+							parent.items.splice(insertIndex, 0, addedNode);
 							addedNodes.push(addedNode);
 							await stage?.add({
 								config: cloneDeep$1(newSchema),
 								parent: cloneDeep$1(parent),
 								parentId: parent.id,
-								root: cloneDeep$1(root)
+								root: cloneDeep$1(root),
+								index: insertIndex
 							});
 						}
 					}
@@ -1401,13 +1405,15 @@ var Editor = class extends BaseService {
 						const parent = this.getNodeById(parentId, false);
 						if (parent?.items) {
 							const addedNode = cloneDeep$1(oldSchema);
-							parent.items.splice(index ?? parent.items.length, 0, addedNode);
+							const insertIndex = clampIndex(index, parent.items.length);
+							parent.items.splice(insertIndex, 0, addedNode);
 							addedNodes.push(addedNode);
 							await stage?.add({
 								config: cloneDeep$1(oldSchema),
 								parent: cloneDeep$1(parent),
 								parentId,
-								root: cloneDeep$1(root)
+								root: cloneDeep$1(root),
+								index: insertIndex
 							});
 						}
 					}

package/dist/es/services/props.js

@@ -1,5 +1,5 @@
-import { fillConfig } from "../utils/props.js";
 import BaseService from "./BaseService.js";
+import { fillConfig } from "../utils/props.js";
 import editor_default from "./editor.js";
 import { getNodePath, getValueByKeyPath, guid, setValueByKeyPath, toLine } from "@tmagic/utils";
 import { Target, Watcher } from "@tmagic/core";

package/dist/es/utils/event.js

@@ -19,7 +19,7 @@ var normalizeCompActionValue = (value) => {
 var getEventNameOptions = (src, formValue = {}) => {
 	if (!formValue.type) return [];
 	if (src === "component") {
-		const sourceNode = editor_default.getNodeById(formValue.id);
+		const sourceNode = editor_default.getNodeById(formValue.id) || formValue;
 		let events = events_default.getEvent(formValue.type, { node: sourceNode }) || [];
 		if (formValue.type === "page-fragment-container" && formValue.pageFragmentId) {
 			const pageFragment = editor_default.get("root")?.items?.find((page) => page.id === formValue.pageFragmentId);

package/dist/es/utils/props.js

@@ -62,7 +62,6 @@ var getCondOpOptionsByFieldType = (type) => {
 };
 var styleTabConfig = {
 	title: "样式",
-	lazy: true,
 	display: ({ services }) => !(services?.uiService?.get("showStylePanel") ?? true),
 	items: [{
 		name: "style",
@@ -127,7 +126,6 @@ var styleTabConfig = {
 };
 var eventTabConfig = {
 	title: "事件",
-	lazy: true,
 	items: [{
 		name: "events",
 		src: "component",
@@ -138,7 +136,6 @@ var eventTabConfig = {
 };
 var advancedTabConfig = {
 	title: "高级",
-	lazy: true,
 	items: [
 		{
 			name: NODE_DISABLE_CODE_BLOCK_KEY,
@@ -288,30 +285,5 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 	if (!disabledDataSource) tabConfig.items.push({ ...displayTabConfig });
 	return [tabConfig];
 };
-/**
-* 将属性表单配置中「样式」tab-pane 的 `display` 强制置为 `true`。
-*
-* `propsService.getPropsConfig` 返回的样式 tab 默认带有
-* `display: ({ services }) => !(services?.uiService?.get('showStylePanel') ?? true)`，
-* 在对比 / 只读展示场景（CompareForm / ViewForm）下并不需要跟随 uiService 状态隐藏，
-* 这里统一放开，保证样式 tab 始终可见。
-*
-* @param formConfig 组件属性表单配置
-* @returns 处理后的表单配置（不修改入参，返回浅拷贝）
-*/
-var removeStyleDisplayConfig = (formConfig) => formConfig.map((item) => {
-	if (!("type" in item)) return item;
-	if (item?.type !== "tab" || !Array.isArray(item.items)) return item;
-	return {
-		...item,
-		items: item.items.map((tabPane) => {
-			if (tabPane?.title !== "样式" || !Array.isArray(tabPane.items)) return tabPane;
-			return {
-				...tabPane,
-				display: true
-			};
-		})
-	};
-});
 //#endregion
-export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig };
+export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, styleTabConfig };