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

package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js

@@ -54,6 +54,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		disabledMultiSelect: { type: Boolean },
 		alwaysMultiSelect: { type: Boolean },
 		disabledPageFragment: { type: Boolean },
+		disabledFlashTip: { type: Boolean },
 		disabledStageOverlay: { type: Boolean },
 		disabledShowSrc: { type: Boolean },
 		disabledDataSource: { type: Boolean },
@@ -70,6 +71,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		beforeDblclick: { type: Function },
 		beforeLayerNodeDblclick: { type: Function },
 		extendFormState: { type: Function },
+		historyListExtraTabs: {},
 		pageBarSortOptions: {},
 		pageFilterFunction: { type: Function }
 	}, defaultEditorProps),
@@ -119,6 +121,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			guidesOptions: props.guidesOptions,
 			disabledMultiSelect: props.disabledMultiSelect,
 			alwaysMultiSelect: props.alwaysMultiSelect,
+			disabledFlashTip: props.disabledFlashTip,
 			beforeDblclick: props.beforeDblclick
 		};
 		stageOverlay_default.set("stageOptions", stageOptions);
@@ -131,6 +134,12 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		* 与 PropsPanel 通过 `:extend-state` 显式传入的方式保持等价。
 		*/
 		provide("extendFormState", props.extendFormState);
+		/**
+		* 把历史记录面板的自定义扩展 tab 提供给深层的 HistoryListPanel（它挂在 NavMenu 中，
+		* 以 markRaw component 形式渲染，无法直接通过 props 透传）。业务方可借此在历史记录
+		* 面板内追加自定义模块的历史 tab。
+		*/
+		provide("historyListExtraTabs", props.historyListExtraTabs);
 		provide("eventBus", new EventEmitter());
 		const propsPanelMountedHandler = (e) => {
 			emit("props-panel-mounted", e);

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

@@ -16,15 +16,10 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		dataSourceType: {},
 		labelWidth: { default: "120px" },
 		height: {},
-		extendState: {}
+		extendState: {},
+		loadConfig: {}
 	},
 	setup(__props, { expose: __expose }) {
-		/**
-		* 对比类型：
-		* - node: 节点组件，按 `type` 从 propsService 获取属性表单配置
-		* - data-source: 数据源，按 `type`(base/http/...) 从 dataSourceService 获取数据源表单配置
-		* - code-block: 数据源代码块，使用内置的代码块表单配置
-		*/
 		const props = __props;
 		const { propsService, dataSourceService, codeBlockService, editorService } = useServices();
 		const services = useServices();
@@ -84,34 +79,57 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}
 			return !isEqual(curValue, lastValue);
 		};
-		const loadConfig = async () => {
+		const 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
+					};
+				})
+			};
+		});
+		/**
+		* 内置的默认 FormConfig 加载逻辑：按 `category` 从对应 service / 工具取配置。
+		* 作为 ctx.defaultLoadConfig 透传给自定义 `loadConfig`，方便复用与二次加工。
+		*/
+		const defaultLoadConfig = async () => {
 			switch (props.category) {
 				case "node":
-					if (!props.type) {
-						config.value = [];
-						return;
-					}
-					config.value = await propsService.getPropsConfig(props.type);
-					break;
-				case "data-source":
-					config.value = dataSourceService.getFormConfig(props.type || "base");
-					break;
-				case "code-block":
-					config.value = getCodeBlockFormConfig({
-						paramColConfig: codeBlockService.getParamsColConfig(),
-						isDataSource: () => Boolean(props.dataSourceType),
-						dataSourceType: () => props.dataSourceType,
-						codeOptions,
-						editable: false
-					});
-					break;
-				default: config.value = [];
+					if (!props.type) return [];
+					return removeStyleDisplayConfig(await propsService.getPropsConfig(props.type));
+				case "data-source": return dataSourceService.getFormConfig(props.type || "base");
+				case "code-block": return getCodeBlockFormConfig({
+					paramColConfig: codeBlockService.getParamsColConfig(),
+					isDataSource: () => Boolean(props.dataSourceType),
+					dataSourceType: () => props.dataSourceType,
+					codeOptions,
+					editable: false
+				});
+				default: return [];
+			}
+		};
+		const loadConfig = async () => {
+			if (props.loadConfig) {
+				config.value = await props.loadConfig({
+					category: props.category,
+					type: props.type,
+					dataSourceType: props.dataSourceType,
+					defaultLoadConfig
+				});
+				return;
 			}
+			config.value = await defaultLoadConfig();
 		};
 		watch([
 			() => props.category,
 			() => props.type,
-			() => props.dataSourceType
+			() => props.dataSourceType,
+			() => props.loadConfig
 		], () => {
 			loadConfig();
 		}, { immediate: true });

package/dist/es/editorProps.js

@@ -6,6 +6,7 @@ var defaultEditorProps = {
 	disabledMultiSelect: false,
 	alwaysMultiSelect: false,
 	disabledPageFragment: false,
+	disabledFlashTip: false,
 	disabledStageOverlay: false,
 	containerHighlightClassName: CONTAINER_HIGHLIGHT_CLASS_NAME,
 	containerHighlightDuration: 800,
@@ -15,6 +16,7 @@ var defaultEditorProps = {
 	disabledCodeBlock: false,
 	componentGroupList: () => [],
 	datasourceList: () => [],
+	historyListExtraTabs: () => [],
 	menu: () => ({
 		left: [],
 		right: []

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

@@ -1,6 +1,6 @@
 import { getEditorConfig } from "../utils/config.js";
+import { serializeConfig } from "../utils/editor.js";
 import { computed, createBlock, defineComponent, openBlock, reactive, resolveComponent, watch } from "vue";
-import serialize from "serialize-javascript";
 //#region packages/editor/src/fields/CodeLink.vue?vue&type=script&setup=true&lang.ts
 var CodeLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFieldsCodeLink",
@@ -39,10 +39,7 @@ var CodeLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		});
 		const modelValue = reactive({ form: { [props.name]: "" } });
 		watch(() => props.model[props.name], (value) => {
-			modelValue.form = { [props.name]: serialize(value, {
-				space: 2,
-				unsafe: true
-			}).replace(/"(\w+)":\s/g, "$1: ") };
+			modelValue.form = { [props.name]: serializeConfig(value) };
 		}, { immediate: true });
 		const changeHandler = (v) => {
 			if (!props.name || !props.model) return;

package/dist/es/hooks/use-code-block-edit.js

@@ -33,12 +33,15 @@ var useCodeBlockEdit = (codeBlockService) => {
 		await nextTick();
 		codeBlockEditorRef.value?.show();
 	};
-	const deleteCode = async (key) => {
-		codeBlockService.deleteCodeDslByIds([key]);
+	const deleteCode = async (key, { historySource } = {}) => {
+		codeBlockService.deleteCodeDslByIds([key], { historySource });
 	};
 	const submitCodeBlockHandler = async (values, eventData) => {
 		if (!codeId.value) return;
-		await codeBlockService.setCodeDslById(codeId.value, values, { changeRecords: eventData?.changeRecords });
+		await codeBlockService.setCodeDslById(codeId.value, values, {
+			changeRecords: eventData?.changeRecords,
+			historySource: "props"
+		});
 		codeBlockEditorRef.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-data-source-edit.js

@@ -12,8 +12,11 @@ var useDataSourceEdit = (dataSourceService) => {
 		editDialog.value.show();
 	};
 	const submitDataSourceHandler = (value, eventData) => {
-		if (value.id) dataSourceService.update(value, { changeRecords: eventData.changeRecords });
-		else dataSourceService.add(value);
+		if (value.id) dataSourceService.update(value, {
+			changeRecords: eventData.changeRecords,
+			historySource: "props"
+		});
+		else dataSourceService.add(value, { historySource: "props" });
 		editDialog.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-stage.js

@@ -38,7 +38,8 @@ var useStage = (stageOptions) => {
 		guidesOptions: stageOptions.guidesOptions,
 		disabledMultiSelect: stageOptions.disabledMultiSelect,
 		alwaysMultiSelect: stageOptions.alwaysMultiSelect,
-		disabledRule: stageOptions.disabledRule
+		disabledRule: stageOptions.disabledRule,
+		disabledFlashTip: stageOptions.disabledFlashTip
 	});
 	watch(() => editor_default.get("disabledMultiSelect"), (disabledMultiSelect) => {
 		if (disabledMultiSelect) stage.disableMultiSelect();
@@ -95,14 +96,17 @@ var useStage = (stageOptions) => {
 			changeRecordList.push(buildChangeRecords(style, "style"));
 		});
 		if (configs.length === 0) return;
-		editor_default.update(configs, { changeRecordList });
+		editor_default.update(configs, {
+			changeRecordList,
+			historySource: "stage"
+		});
 	});
 	stage.on("sort", (ev) => {
-		editor_default.sort(ev.src, ev.dist);
+		editor_default.sort(ev.src, ev.dist, { historySource: "stage" });
 	});
 	stage.on("remove", (ev) => {
 		const nodes = ev.data.map(({ el }) => editor_default.getNodeById(getIdFromEl()(el) || ""));
-		editor_default.remove(nodes.filter((node) => Boolean(node)));
+		editor_default.remove(nodes.filter((node) => Boolean(node)), { historySource: "stage" });
 	});
 	stage.on("select-parent", () => {
 		const parent = editor_default.get("parent");

package/dist/es/index.js

@@ -32,7 +32,9 @@ import SplitView_default from "./components/SplitView.js";
 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 CompareForm_default from "./components/CompareForm.js";
+import HistoryDiffDialog_default from "./layouts/history-list/HistoryDiffDialog.js";
 import FormPanel_default from "./layouts/props-panel/FormPanel.js";
 import PropsPanel_default from "./layouts/props-panel/PropsPanel.js";
 import FloatingBox_default from "./components/FloatingBox.js";
@@ -78,4 +80,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, 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, 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 };

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

@@ -1,10 +1,10 @@
 import { getEditorConfig } from "../utils/config.js";
+import { serializeConfig } from "../utils/editor.js";
 import monaco_editor_default from "../utils/monaco-editor.js";
 import Icon_default from "../components/Icon.js";
 import { TMagicButton } from "@tmagic/design";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, unref, useTemplateRef, watch, withCtx } from "vue";
 import { throttle } from "lodash-es";
-import serialize from "serialize-javascript";
 import { FullScreen } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/CodeEditor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "magic-code-editor" };
@@ -94,10 +94,7 @@ var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const toString = (v, language) => {
 			let value;
 			if (typeof v !== "string") if (language === "json") value = JSON.stringify(v, null, 2);
-			else value = serialize(v, {
-				space: 2,
-				unsafe: true
-			}).replace(/"(\w+)":\s/g, "$1: ");
+			else value = serializeConfig(v);
 			else value = v;
 			if (language === "javascript" && value.startsWith("{") && value.endsWith("}")) value = `(${value})`;
 			return value;

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

@@ -45,7 +45,7 @@ var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						disabled: () => editorService.get("node")?.type === NodeType.PAGE,
 						handler: () => {
 							const node = editorService.get("node");
-							node && editorService.remove(node);
+							node && editorService.remove(node, { historySource: "toolbar" });
 						}
 					});
 					break;

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

@@ -1,6 +1,7 @@
+import { formatHistoryFullTime, formatHistoryTime, groupSource, groupTimestamp } from "./composables.js";
 import GroupRow_default from "./GroupRow.js";
 import InitialRow_default from "./InitialRow.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
 //#region packages/editor/src/layouts/history-list/Bucket.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-history-list-bucket" };
 var _hoisted_2 = { class: "m-editor-history-list-bucket-title" };
@@ -13,11 +14,20 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		title: {},
 		bucketId: {},
 		prefix: {},
+		showInitial: {
+			type: Boolean,
+			default: true
+		},
 		groups: {},
-		describeGroup: { type: Function },
-		describeStep: { type: Function },
-		isStepDiffable: { type: Function },
-		expanded: {}
+		describeGroup: {},
+		describeStep: {},
+		isStepDiffable: {},
+		isStepRevertable: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -36,14 +46,17 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				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, gIdx) => {
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group) => {
 					return openBlock(), createBlock(GroupRow_default, {
-						key: `${__props.prefix}-${__props.bucketId}-${gIdx}`,
-						"group-key": `${__props.prefix}-${__props.bucketId}-${gIdx}`,
+						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,
@@ -51,10 +64,14 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							isCurrent: s.isCurrent,
 							desc: __props.describeStep(s.step),
 							diffable: __props.isStepDiffable ? __props.isStepDiffable(s.step) : false,
-							revertable: s.applied
+							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}-${gIdx}`],
+						expanded: !!__props.expanded[`${__props.prefix}-${__props.bucketId}-${group.steps[0]?.index}`],
+						"goto-enabled": __props.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)),
@@ -65,17 +82,23 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						"merged",
 						"op-type",
 						"desc",
+						"source",
+						"time",
+						"time-title",
 						"step-count",
 						"sub-steps",
 						"is-current",
-						"expanded"
+						"expanded",
+						"goto-enabled"
 					]);
 				}), 128)),
-				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n      "),
-				createVNode(InitialRow_default, {
+				createCommentVNode("\n        初始状态项：永远位于该 bucket 列表底部（同样按倒序展示，最底部 = 最早状态）。\n        当 bucket 内所有 group 都未 applied 时即为当前位置。\n        showInitial=false 时不展示（用于没有\"撤销到初始状态\"语义的自定义历史，如业务模块历史）。\n      "),
+				__props.showInitial !== false ? (openBlock(), createBlock(InitialRow_default, {
+					key: 0,
 					"is-current": isInitial.value,
+					"goto-enabled": __props.gotoEnabled,
 					onGotoInitial: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("goto-initial", __props.bucketId))
-				}, null, 8, ["is-current"])
+				}, null, 8, ["is-current", "goto-enabled"])) : createCommentVNode("v-if", true)
 			])]);
 		};
 	}

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

@@ -0,0 +1,5 @@
+import BucketTab_vue_vue_type_script_setup_true_lang_default from "./BucketTab.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/history-list/BucketTab.vue
+var BucketTab_default = BucketTab_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { BucketTab_default as default };

package/dist/es/layouts/history-list/{CodeBlockTab.vue_vue_type_script_setup_true_lang.js → BucketTab.vue_vue_type_script_setup_true_lang.js}

@@ -1,18 +1,27 @@
-import { describeCodeBlockGroup, describeCodeBlockStep } from "./composables.js";
 import Bucket_default from "./Bucket.js";
 import { TMagicScrollbar } from "@tmagic/design";
 import { Fragment, createBlock, createElementBlock, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
-//#region packages/editor/src/layouts/history-list/CodeBlockTab.vue?vue&type=script&setup=true&lang.ts
+//#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 CodeBlockTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "MEditorHistoryListCodeBlockTab",
-	__name: "CodeBlockTab",
+var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorHistoryListBucketTab",
+	__name: "BucketTab",
 	props: {
+		title: {},
+		prefix: {},
 		buckets: {},
-		expanded: {}
+		describeGroup: {},
+		describeStep: {},
+		isStepDiffable: {},
+		isStepRevertable: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -22,8 +31,6 @@ var CodeBlockTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		"revert-step"
 	],
 	setup(__props) {
-		/** 仅 update（前后 content 都存在）时可查看差异。 */
-		const isCodeBlockStepDiffable = (step) => Boolean(step.oldContent && step.newContent);
 		return (_ctx, _cache) => {
 			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createBlock(unref(TMagicScrollbar), {
 				key: 1,
@@ -31,26 +38,33 @@ var CodeBlockTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buckets, (bucket) => {
 					return openBlock(), createBlock(Bucket_default, {
-						key: `cb-${bucket.id}`,
-						title: "代码块",
+						key: `${__props.prefix}-${bucket.id}`,
+						title: __props.title,
 						"bucket-id": bucket.id,
-						prefix: "cb",
+						prefix: __props.prefix,
 						groups: bucket.groups,
-						"describe-group": unref(describeCodeBlockGroup),
-						"describe-step": unref(describeCodeBlockStep),
-						"is-step-diffable": isCodeBlockStepDiffable,
+						"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))
 					}, null, 8, [
+						"title",
 						"bucket-id",
+						"prefix",
 						"groups",
 						"describe-group",
 						"describe-step",
-						"expanded"
+						"is-step-diffable",
+						"is-step-revertable",
+						"expanded",
+						"goto-enabled"
 					]);
 				}), 128))]),
 				_: 1
@@ -59,4 +73,4 @@ var CodeBlockTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	}
 });
 //#endregion
-export { CodeBlockTab_vue_vue_type_script_setup_true_lang_default as default };
+export { BucketTab_vue_vue_type_script_setup_true_lang_default as default };