@tmagic/editor 1.8.0-beta.4 → 1.8.0-beta.6

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

@@ -101,7 +101,7 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			switch (props.category) {
 				case "node":
 					if (!props.type) return [];
-					return removeStyleDisplayConfig(await propsService.getPropsConfig(props.type));
+					return removeStyleDisplayConfig(await propsService.getPropsConfig(props.type, { node: props.value }));
 				case "data-source": return dataSourceService.getFormConfig(props.type || "base");
 				case "code-block": return getCodeBlockFormConfig({
 					paramColConfig: codeBlockService.getParamsColConfig(),

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

@@ -73,11 +73,11 @@ var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				placement: "bottom-start",
 				content: __props.data.tooltip
 			}, {
-				default: withCtx(() => [createVNode(unref(TMagicButton), {
+				default: withCtx(() => [createVNode(unref(TMagicButton), mergeProps({
 					size: "small",
 					link: "",
 					disabled: disabled.value
-				}, createSlots({ _: 2 }, [__props.data.icon ? {
+				}, __props.data.buttonProps || {}), createSlots({ _: 2 }, [__props.data.icon ? {
 					name: "icon",
 					fn: withCtx(() => [createVNode(Icon_default, { icon: __props.data.icon }, null, 8, ["icon"])]),
 					key: "0"
@@ -85,15 +85,15 @@ var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					name: "default",
 					fn: withCtx(() => [createTextVNode(toDisplayString(__props.data.text), 1)]),
 					key: "1"
-				} : void 0]), 1032, ["disabled"])]),
+				} : void 0]), 1040, ["disabled"])]),
 				_: 1
-			}, 8, ["content"])) : (openBlock(), createBlock(unref(TMagicButton), {
+			}, 8, ["content"])) : (openBlock(), createBlock(unref(TMagicButton), mergeProps({
 				key: 1,
 				size: "small",
 				link: "",
 				disabled: disabled.value,
 				title: __props.data.text
-			}, createSlots({ _: 2 }, [__props.data.icon ? {
+			}, __props.data.buttonProps || {}), createSlots({ _: 2 }, [__props.data.icon ? {
 				name: "icon",
 				fn: withCtx(() => [createVNode(Icon_default, { icon: __props.data.icon }, null, 8, ["icon"])]),
 				key: "0"
@@ -101,7 +101,7 @@ var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				name: "default",
 				fn: withCtx(() => [createTextVNode(toDisplayString(__props.data.text), 1)]),
 				key: "1"
-			} : void 0]), 1032, ["disabled", "title"]))], 64)) : __props.data.type === "dropdown" ? (openBlock(), createBlock(unref(TMagicDropdown), {
+			} : void 0]), 1040, ["disabled", "title"]))], 64)) : __props.data.type === "dropdown" ? (openBlock(), createBlock(unref(TMagicDropdown), {
 				key: 3,
 				trigger: "click",
 				disabled: disabled.value,

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

@@ -47,7 +47,8 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		*/
 		const isCompareMode = computed(() => Boolean(props.isCompare && props.lastValues));
 		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
-		const hasCodeBlockSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.CODE_BLOCK));
+		const codeBlockSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.CODE_BLOCK));
+		const hasCodeBlockSidePanel = computed(() => codeBlockSidePanel.value);
 		/**
 		* 根据代码块id获取代码块参数配置
 		* @param codeId 代码块ID
@@ -102,6 +103,8 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			emit("change", props.model[props.name], eventData);
 		};
 		const editCode = (id) => {
+			const sideBarItem = codeBlockSidePanel.value;
+			if (sideBarItem) uiService.set("sideBarActiveTabName", sideBarItem.text || sideBarItem.$key || SideItemKey.CODE_BLOCK);
 			eventBus?.emit("edit-code", id);
 		};
 		return (_ctx, _cache) => {

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

@@ -89,9 +89,15 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			modelValue.value = v;
 			emit("change", v);
 		};
-		const hasDataSourceSidePanel = computed(() => uiService.get("sideBarItems").find((item) => item.$key === SideItemKey.DATA_SOURCE));
+		const dataSourceSidePanel = computed(() => uiService.get("sideBarItems").find((item) => item.$key === SideItemKey.DATA_SOURCE));
+		const hasDataSourceSidePanel = computed(() => dataSourceSidePanel.value);
 		const editHandler = (id) => {
-			eventBus?.emit("edit-data-source", removeDataSourceFieldPrefix(id));
+			const sideBarItem = dataSourceSidePanel.value;
+			if (sideBarItem) uiService.set("sideBarActiveTabName", sideBarItem.text || sideBarItem.$key || SideItemKey.DATA_SOURCE);
+			const dataSourceId = removeDataSourceFieldPrefix(id);
+			const fieldPath = selectFieldsId.value;
+			if (fieldPath.length) eventBus?.emit("edit-data-source-field", dataSourceId, [...fieldPath]);
+			else eventBus?.emit("edit-data-source", dataSourceId);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [__props.dataSourceId ? (openBlock(), createBlock(unref(TMagicCascader), {

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

@@ -7,7 +7,7 @@ import { 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, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { computed, 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 = {
@@ -66,6 +66,15 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			calcBoxPosition();
 			addDialogVisible.value = true;
 		};
+		const editField = (row, index) => {
+			fieldValues.value = {
+				...row,
+				index
+			};
+			fieldTitle.value = `编辑${row.title}`;
+			calcBoxPosition();
+			addDialogVisible.value = true;
+		};
 		const fieldChange = ({ index, ...value }, data) => {
 			addDialogVisible.value = false;
 			if (index > -1) emit("change", value, {
@@ -117,13 +126,7 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				actions: [{
 					text: "编辑",
 					handler: (row, index) => {
-						fieldValues.value = {
-							...row,
-							index
-						};
-						fieldTitle.value = `编辑${row.title}`;
-						calcBoxPosition();
-						addDialogVisible.value = true;
+						editField(row, index);
 					}
 				}, {
 					text: "删除",
@@ -310,6 +313,20 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const addFromJsonDialogVisible = useModel(__props, "visible1");
 		const { height: editorHeight } = useEditorContentHeight();
 		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		/**
+		* 由 DataSourceConfigPanel 注入：打开数据源详情后需要直接打开的字段路径（字段名数组）。
+		* 当前层消费 path[0]，并把剩余路径下发给嵌套字段，实现逐层打开。
+		*/
+		const editingFieldPath = inject("editingDataSourceFieldPath", computed(() => []));
+		provide("editingDataSourceFieldPath", computed(() => editingFieldPath.value.slice(1)));
+		onMounted(() => {
+			const path = editingFieldPath.value;
+			if (!path.length) return;
+			const fields = props.model[props.name] || [];
+			const index = fields.findIndex((field) => field.name === path[0]);
+			if (index === -1) return;
+			editField(fields[index], index);
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(unref(MagicTable), {

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

@@ -36,7 +36,7 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 		const eventBus = inject("eventBus");
 		const emit = __emit;
 		const props = __props;
-		const hasDataSourceSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.DATA_SOURCE));
+		const dataSourceSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.DATA_SOURCE));
 		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 		/** 对比模式下隐藏查看/编辑操作按钮，仅保留只读展示。 */
 		const isCompare = computed(() => Boolean(mForm?.isCompare));
@@ -124,9 +124,11 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 			emit("change", props.model[props.name], eventData);
 		};
 		const editCodeHandler = () => {
-			const [id] = props.model[props.name];
+			const [id, methodName] = props.model[props.name];
 			if (!dataSourceService.getDataSourceById(id)) return;
-			eventBus?.emit("edit-data-source", id);
+			const sideBarItem = dataSourceSidePanel.value;
+			if (sideBarItem) uiService.set("sideBarActiveTabName", sideBarItem.text || sideBarItem.$key || SideItemKey.DATA_SOURCE);
+			eventBus?.emit("edit-data-source-method", id, methodName);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(MCascader), {
@@ -145,7 +147,7 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 				"size",
 				"disabled",
 				"prop"
-			]), __props.model[__props.name] && isCustomMethod.value && hasDataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+			]), __props.model[__props.name] && isCustomMethod.value && dataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
 				key: 0,
 				content: notEditable.value ? "查看" : "编辑"
 			}, {

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

@@ -1,7 +1,7 @@
 import CodeBlockEditor_default from "../components/CodeBlockEditor.js";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, tMagicMessageBox } from "@tmagic/design";
-import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, nextTick, openBlock, ref, unref, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, nextTick, onMounted, openBlock, ref, unref, useTemplateRef, withCtx } from "vue";
 import { cloneDeep } from "lodash-es";
 //#region packages/editor/src/fields/DataSourceMethods.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-methods" };
@@ -37,6 +37,19 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const codeConfig = ref();
 		const codeBlockEditorRef = useTemplateRef("codeBlockEditor");
 		let editIndex = -1;
+		const editMethod = (method, index) => {
+			let codeContent = "({ params, dataSource, app }) => {\n  // place your code here\n}";
+			if (method.content) if (typeof method.content !== "string") codeContent = method.content.toString();
+			else codeContent = method.content;
+			codeConfig.value = {
+				...cloneDeep(method),
+				content: codeContent
+			};
+			editIndex = index;
+			nextTick(() => {
+				codeBlockEditorRef.value?.show();
+			});
+		};
 		const methodColumns = [
 			{
 				label: "名称",
@@ -61,17 +74,7 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				actions: [{
 					text: "编辑",
 					handler: (method, index) => {
-						let codeContent = "({ params, dataSource, app }) => {\n  // place your code here\n}";
-						if (method.content) if (typeof method.content !== "string") codeContent = method.content.toString();
-						else codeContent = method.content;
-						codeConfig.value = {
-							...cloneDeep(method),
-							content: codeContent
-						};
-						editIndex = index;
-						nextTick(() => {
-							codeBlockEditorRef.value?.show();
-						});
+						editMethod(method, index);
 					}
 				}, {
 					text: "删除",
@@ -119,6 +122,16 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			codeConfig.value = void 0;
 			codeBlockEditorRef.value?.hide();
 		};
+		/** 由 DataSourceConfigPanel 注入：打开数据源详情后需要直接打开的方法名 */
+		const editingMethodName = inject("editingDataSourceMethodName", computed(() => ""));
+		onMounted(() => {
+			const methodName = editingMethodName.value;
+			if (!methodName) return;
+			const methods = props.model[props.name] || [];
+			const index = methods.findIndex((method) => method.name === methodName);
+			if (index === -1) return;
+			editMethod(methods[index], index);
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(unref(MagicTable), {

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

@@ -54,6 +54,13 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		] }));
 		const selectDirection = (d) => direction.value = d || "";
 		const emit = __emit;
+		const props = __props;
+		const hasValue = (value) => value !== void 0 && value !== null && value !== "";
+		const isConfigured = (d) => [
+			"Width",
+			"Color",
+			"Style"
+		].some((key) => hasValue(props.model?.[`border${d}${key}`]));
 		const change = (value, eventData) => {
 			eventData.changeRecords?.forEach((record) => {
 				emit("change", record.value, { modifyKey: record.propPath });
@@ -63,25 +70,40 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
-					class: normalizeClass(["border-icon border-icon-top", { active: direction.value === "Top" }]),
+					class: normalizeClass(["border-icon border-icon-top", {
+						active: direction.value === "Top",
+						configured: isConfigured("Top")
+					}]),
 					onClick: _cache[0] || (_cache[0] = ($event) => selectDirection("Top"))
 				}, null, 2)]),
 				createElementVNode("div", _hoisted_4, [
 					createElementVNode("div", {
-						class: normalizeClass(["border-icon border-icon-left", { active: direction.value === "Left" }]),
+						class: normalizeClass(["border-icon border-icon-left", {
+							active: direction.value === "Left",
+							configured: isConfigured("Left")
+						}]),
 						onClick: _cache[1] || (_cache[1] = ($event) => selectDirection("Left"))
 					}, null, 2),
 					createElementVNode("div", {
-						class: normalizeClass(["border-icon", { active: direction.value === "" }]),
+						class: normalizeClass(["border-icon", {
+							active: direction.value === "",
+							configured: isConfigured("")
+						}]),
 						onClick: _cache[2] || (_cache[2] = ($event) => selectDirection())
 					}, null, 2),
 					createElementVNode("div", {
-						class: normalizeClass(["border-icon border-icon-right", { active: direction.value === "Right" }]),
+						class: normalizeClass(["border-icon border-icon-right", {
+							active: direction.value === "Right",
+							configured: isConfigured("Right")
+						}]),
 						onClick: _cache[3] || (_cache[3] = ($event) => selectDirection("Right"))
 					}, null, 2)
 				]),
 				createElementVNode("div", _hoisted_5, [createElementVNode("div", {
-					class: normalizeClass(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
+					class: normalizeClass(["border-icon border-icon-bottom", {
+						active: direction.value === "Bottom",
+						configured: isConfigured("Bottom")
+					}]),
 					onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
 				}, null, 2)])
 			]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {

package/dist/es/index.js

@@ -2,11 +2,13 @@ import { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, Ke
 import { useCodeBlockEdit } from "./hooks/use-code-block-edit.js";
 import { advancedTabConfig, arrayOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, numberOptions, styleTabConfig } from "./utils/props.js";
 import props_default from "./services/props.js";
+import { getEditorConfig, setEditorConfig } from "./utils/config.js";
 import { UndoRedo } from "./utils/undo-redo.js";
+import { createStackStep, describeRevertStep, deserializeStacks, detectPageTargetId, detectPageTargetName, detectStackOpType, getLastPushedHistoryIds, getOrCreateStack, markStackSaved, mergePageSteps, mergeStackSteps, serializeStacks, undoFloor } from "./utils/history.js";
+import { idbDelete, idbGet, idbSet, isIndexedDBSupported, openIndexedDB } from "./utils/indexed-db.js";
 import history_default from "./services/history.js";
-import { getEditorConfig, setEditorConfig } from "./utils/config.js";
 import storage_default from "./services/storage.js";
-import { COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, Fixed2Other, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, change2Fixed, classifyDragSources, collectRelatedNodes, editorNodeMergeCustomizer, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getRelativeStyle, isIncludeDataSource, moveItemsInContainer, resolveSelectedNode, serializeConfig, setChildrenLayout, setLayout, toggleFixedPosition } from "./utils/editor.js";
+import { COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, Fixed2Other, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, change2Fixed, classifyDragSources, collectRelatedNodes, describeStepForRevert, editorNodeMergeCustomizer, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getRelativeStyle, isIncludeDataSource, moveItemsInContainer, resolveSelectedNode, serializeConfig, setChildrenLayout, setLayout, toggleFixedPosition } from "./utils/editor.js";
 import { beforePaste, getAddParent, getDefaultConfig, getPositionInContainer } from "./utils/operator.js";
 import editor_default from "./services/editor.js";
 import { DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, H_GUIDE_LINE_STORAGE_KEY, LEFT_COLUMN_WIDTH_STORAGE_KEY, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, RIGHT_COLUMN_WIDTH_STORAGE_KEY, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY } from "./utils/const.js";
@@ -33,6 +35,7 @@ import Icon_default from "./components/Icon.js";
 import ToolButton_default from "./components/ToolButton.js";
 import CodeEditor_default from "./layouts/CodeEditor.js";
 import Bucket_default from "./layouts/history-list/Bucket.js";
+import BucketTab_default from "./layouts/history-list/BucketTab.js";
 import CompareForm_default from "./components/CompareForm.js";
 import HistoryDiffDialog_default from "./layouts/history-list/HistoryDiffDialog.js";
 import FormPanel_default from "./layouts/props-panel/FormPanel.js";
@@ -80,4 +83,4 @@ export * from "@tmagic/table";
 export * from "@tmagic/stage";
 export * from "@tmagic/design";
 export * from "@tmagic/utils";
-export { 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, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, HistoryDiffDialog_default as HistoryDiffDialog, Bucket_default as HistoryListBucket, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, 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, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectRelatedNodes, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, info, isIncludeDataSource, monaco_editor_default as loadMonaco, log, moveItemsInContainer, numberOptions, props_default as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { 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, 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, 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, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectRelatedNodes, createStackStep, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectPageTargetId, detectPageTargetName, detectStackOpType, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, idbDelete, idbGet, idbSet, info, isIncludeDataSource, isIndexedDBSupported, monaco_editor_default as loadMonaco, log, markStackSaved, mergePageSteps, mergeStackSteps, moveItemsInContainer, numberOptions, openIndexedDB, props_default as propsService, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, undoFloor, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };

package/dist/es/initService.js

@@ -6,7 +6,7 @@ import { cloneDeep as cloneDeep$1 } from "lodash-es";
 //#region packages/editor/src/initService.ts
 var initServiceState = (props, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, depService }) => {
 	watch(() => props.modelValue, (modelValue) => {
-		editorService.set("root", modelValue || null);
+		editorService.set("root", modelValue || null, { historySource: "initial" });
 	}, { immediate: true });
 	watch(() => props.disabledMultiSelect, (disabledMultiSelect) => {
 		editorService.set("disabledMultiSelect", disabledMultiSelect || false);

package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js

@@ -66,7 +66,7 @@ var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const saveCode = (value) => {
 			try {
 				const parseDSL = getEditorConfig("parseDSL");
-				editorService.set("root", parseDSL(value));
+				editorService.set("root", parseDSL(value), { historySource: "root-code" });
 			} catch (e) {
 				console.error(e);
 			}

package/dist/es/layouts/history-list/Bucket.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { formatHistoryFullTime, formatHistoryTime, groupSource, groupTimestamp } from "./composables.js";
+import { isHistoryGroupExpanded, toRowGroup } from "./composables.js";
 import GroupRow_default from "./GroupRow.js";
 import InitialRow_default from "./InitialRow.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
@@ -11,23 +11,10 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	name: "MEditorHistoryListBucket",
 	__name: "Bucket",
 	props: {
-		title: {},
+		config: {},
 		bucketId: {},
-		prefix: {},
-		showInitial: {
-			type: Boolean,
-			default: true
-		},
 		groups: {},
-		describeGroup: {},
-		describeStep: {},
-		isStepDiffable: {},
-		isStepRevertable: {},
-		expanded: {},
-		gotoEnabled: {
-			type: Boolean,
-			default: true
-		}
+		expanded: {}
 	},
 	emits: [
 		"toggle",
@@ -38,65 +25,42 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	],
 	setup(__props) {
 		const props = __props;
+		/**
+		* 子项 / 折叠状态 key：`${prefix}-${bucketId}-${组内首步 index}`。
+		* 以稳定的 step 索引（而非展示位置）标识分组，历史数据更新后已展开的分组状态仍能正确保持。
+		*/
+		const rowKey = (group) => `${props.config.prefix}-${props.bucketId}-${group.steps[0]?.index}`;
+		/** 把原始分组派生为 GroupRow 直接消费的视图模型。 */
+		const toRow = (group) => toRowGroup(group, rowKey(group), props.config);
 		/** 该 bucket 是否处于初始状态（栈 cursor=0），等价于全部 group 都未 applied。 */
 		const isInitial = computed(() => props.groups.length > 0 && props.groups.every((g) => !g.applied));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
-				createElementVNode("span", null, toDisplayString(__props.title), 1),
+				createElementVNode("span", null, toDisplayString(__props.config.title), 1),
 				createElementVNode("code", null, toDisplayString(String(__props.bucketId)), 1),
 				createElementVNode("span", _hoisted_3, toDisplayString(__props.groups.length) + " 组", 1)
 			]), createElementVNode("ul", _hoisted_4, [
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group) => {
 					return openBlock(), createBlock(GroupRow_default, {
-						key: `${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`,
-						"group-key": `${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`,
-						applied: group.applied,
-						merged: group.steps.length > 1,
-						"op-type": group.opType,
-						desc: __props.describeGroup(group),
-						source: unref(groupSource)(group),
-						time: unref(formatHistoryTime)(unref(groupTimestamp)(group)),
-						"time-title": unref(formatHistoryFullTime)(unref(groupTimestamp)(group)),
-						"step-count": group.steps.length,
-						"sub-steps": group.steps.map((s) => ({
-							index: s.index,
-							applied: s.applied,
-							isCurrent: s.isCurrent,
-							desc: __props.describeStep(s.step),
-							diffable: __props.isStepDiffable ? __props.isStepDiffable(s.step) : false,
-							revertable: s.applied && (__props.isStepRevertable ? __props.isStepRevertable(s.step) : true),
-							source: s.step.source,
-							time: unref(formatHistoryTime)(s.step.timestamp),
-							timeTitle: unref(formatHistoryFullTime)(s.step.timestamp)
-						})),
-						"is-current": group.isCurrent,
-						expanded: !!__props.expanded[`${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`],
-						"goto-enabled": __props.gotoEnabled,
+						key: rowKey(group),
+						group: toRow(group),
+						expanded: unref(isHistoryGroupExpanded)(__props.expanded, rowKey(group)),
+						"goto-enabled": __props.config.gotoEnabled,
 						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
 						onGoto: _cache[1] || (_cache[1] = (index) => _ctx.$emit("goto", __props.bucketId, index)),
 						onDiffStep: _cache[2] || (_cache[2] = (index) => _ctx.$emit("diff-step", __props.bucketId, index)),
 						onRevertStep: _cache[3] || (_cache[3] = (index) => _ctx.$emit("revert-step", __props.bucketId, index))
 					}, null, 8, [
-						"group-key",
-						"applied",
-						"merged",
-						"op-type",
-						"desc",
-						"source",
-						"time",
-						"time-title",
-						"step-count",
-						"sub-steps",
-						"is-current",
+						"group",
 						"expanded",
 						"goto-enabled"
 					]);
 				}), 128)),
-				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n        showInitial=false 时不展示（用于没有\"撤销到初始状态\"语义的自定义历史，如业务模块历史）。\n      "),
-				__props.showInitial !== false ? (openBlock(), createBlock(InitialRow_default, {
+				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n        config.showInitial=false 时不展示（用于没有\"撤销到初始状态\"语义的自定义历史，如业务模块历史）。\n      "),
+				__props.config.showInitial !== false ? (openBlock(), createBlock(InitialRow_default, {
 					key: 0,
 					"is-current": isInitial.value,
-					"goto-enabled": __props.gotoEnabled,
+					"goto-enabled": __props.config.gotoEnabled,
 					onGotoInitial: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("goto-initial", __props.bucketId))
 				}, null, 8, ["is-current", "goto-enabled"])) : createCommentVNode("v-if", true)
 			])]);

package/dist/es/layouts/history-list/BucketTab.vue_vue_type_script_setup_true_lang.js

@@ -1,74 +1,57 @@
 import Bucket_default from "./Bucket.js";
 import { TMagicScrollbar } from "@tmagic/design";
-import { Fragment, createBlock, createElementBlock, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
 //#region packages/editor/src/layouts/history-list/BucketTab.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "m-editor-history-list-empty"
 };
+var _hoisted_2 = { class: "m-editor-history-list-toolbar" };
+var _hoisted_3 = ["title"];
 var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListBucketTab",
 	__name: "BucketTab",
 	props: {
-		title: {},
-		prefix: {},
+		config: {},
 		buckets: {},
-		describeGroup: {},
-		describeStep: {},
-		isStepDiffable: {},
-		isStepRevertable: {},
-		expanded: {},
-		gotoEnabled: {
-			type: Boolean,
-			default: true
-		}
+		expanded: {}
 	},
 	emits: [
 		"toggle",
 		"goto",
 		"goto-initial",
 		"diff-step",
-		"revert-step"
+		"revert-step",
+		"clear"
 	],
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createBlock(unref(TMagicScrollbar), {
-				key: 1,
-				"max-height": "360px"
-			}, {
+			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_2, [createElementVNode("span", {
+				class: "m-editor-history-list-clear",
+				title: `清空${__props.config.title}的历史记录`,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear"))
+			}, "清空", 8, _hoisted_3)]), createVNode(unref(TMagicScrollbar), { "max-height": "360px" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buckets, (bucket) => {
 					return openBlock(), createBlock(Bucket_default, {
-						key: `${__props.prefix}-${bucket.id}`,
-						title: __props.title,
+						key: `${__props.config.prefix}-${bucket.id}`,
+						config: __props.config,
 						"bucket-id": bucket.id,
-						prefix: __props.prefix,
 						groups: bucket.groups,
-						"describe-group": __props.describeGroup,
-						"describe-step": __props.describeStep,
-						"is-step-diffable": __props.isStepDiffable,
-						"is-step-revertable": __props.isStepRevertable,
 						expanded: __props.expanded,
-						"goto-enabled": __props.gotoEnabled,
-						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
-						onGoto: _cache[1] || (_cache[1] = (id, index) => _ctx.$emit("goto", id, index)),
-						onGotoInitial: _cache[2] || (_cache[2] = (id) => _ctx.$emit("goto-initial", id)),
-						onDiffStep: _cache[3] || (_cache[3] = (id, index) => _ctx.$emit("diff-step", id, index)),
-						onRevertStep: _cache[4] || (_cache[4] = (id, index) => _ctx.$emit("revert-step", id, index))
+						onToggle: _cache[1] || (_cache[1] = (key) => _ctx.$emit("toggle", key)),
+						onGoto: _cache[2] || (_cache[2] = (id, index) => _ctx.$emit("goto", id, index)),
+						onGotoInitial: _cache[3] || (_cache[3] = (id) => _ctx.$emit("goto-initial", id)),
+						onDiffStep: _cache[4] || (_cache[4] = (id, index) => _ctx.$emit("diff-step", id, index)),
+						onRevertStep: _cache[5] || (_cache[5] = (id, index) => _ctx.$emit("revert-step", id, index))
 					}, null, 8, [
-						"title",
+						"config",
 						"bucket-id",
-						"prefix",
 						"groups",
-						"describe-group",
-						"describe-step",
-						"is-step-diffable",
-						"is-step-revertable",
-						"expanded",
-						"goto-enabled"
+						"expanded"
 					]);
 				}), 128))]),
 				_: 1
-			}));
+			})], 64));
 		};
 	}
 });