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

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,43 @@ var CompareForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}
 			return !isEqual(curValue, lastValue);
 		};
-		const loadConfig = async () => {
+		/**
+		* 内置的默认 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 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-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();

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/history-list/Bucket.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
+import { formatHistoryFullTime, formatHistoryTime, 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,19 @@ 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: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -36,14 +45,16 @@ 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),
+						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 +62,13 @@ 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,
+							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 +79,22 @@ var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						"merged",
 						"op-type",
 						"desc",
+						"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,26 @@
-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: {},
+		expanded: {},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -22,8 +30,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 +37,31 @@ 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,
 						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",
+						"expanded",
+						"goto-enabled"
 					]);
 				}), 128))]),
 				_: 1
@@ -59,4 +70,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 };

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

@@ -4,27 +4,22 @@ import { Fragment, computed, createCommentVNode, createElementBlock, createEleme
 var _hoisted_1 = ["title"];
 var _hoisted_2 = ["title"];
 var _hoisted_3 = { class: "m-editor-history-list-item-desc" };
-var _hoisted_4 = {
-	key: 0,
-	class: "m-editor-history-list-item-current"
-};
+var _hoisted_4 = ["title"];
 var _hoisted_5 = {
-	key: 2,
+	key: 1,
 	class: "m-editor-history-list-item-merge"
 };
 var _hoisted_6 = {
 	key: 0,
 	class: "m-editor-history-list-substeps"
 };
-var _hoisted_7 = ["title", "onClick"];
+var _hoisted_7 = ["title"];
 var _hoisted_8 = { class: "m-editor-history-list-item-index" };
 var _hoisted_9 = { class: "m-editor-history-list-substep-desc" };
-var _hoisted_10 = {
-	key: 0,
-	class: "m-editor-history-list-item-current"
-};
+var _hoisted_10 = ["title"];
 var _hoisted_11 = ["onClick"];
 var _hoisted_12 = ["onClick"];
+var _hoisted_13 = ["onClick"];
 var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListGroupRow",
 	__name: "GroupRow",
@@ -34,10 +29,19 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		merged: { type: Boolean },
 		opType: {},
 		desc: {},
+		time: {},
+		timeTitle: {},
 		stepCount: {},
 		subSteps: {},
 		expanded: { type: Boolean },
-		isCurrent: { type: Boolean }
+		isCurrent: {
+			type: Boolean,
+			default: false
+		},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -48,33 +52,29 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		/** 单步组：头部可点击 goto；合并组：头部可点击切换展开。当前组（isCurrent）的单步组头部不可点击。 */
-		const isHeadClickable = computed(() => {
-			if (props.merged) return true;
-			return !props.isCurrent;
-		});
+		/**
+		* 仅合并组头部可点击（切换展开 / 收起）；
+		* 单步组的跳转改由头部的「回退」按钮触发，整行不再可点击。
+		*/
+		const isHeadClickable = computed(() => props.merged);
 		const headTitle = computed(() => {
 			if (props.merged) return props.expanded ? "点击收起子步" : "点击展开子步";
 			if (props.isCurrent) return "当前所在记录";
-			return "点击跳转到该记录";
+			return "";
 		});
 		/**
-		* 头部点击行为分流：
-		* - 合并组：仅切换展开 / 收起，不触发 goto；
-		* - 单步组：跳转到该唯一步骤；当前组忽略点击。
+		* 头部点击行为：仅合并组切换展开 / 收起；单步组不再响应整行点击。
 		*/
 		const onHeadClick = () => {
-			if (props.merged) {
-				emit("toggle", props.groupKey);
-				return;
-			}
-			if (props.isCurrent) return;
-			if (!props.subSteps.length) return;
-			emit("goto", props.subSteps[0].index);
+			if (props.merged) emit("toggle", props.groupKey);
+		};
+		const onGotoClick = (index) => {
+			if (!props.gotoEnabled) return;
+			emit("goto", index);
 		};
-		const onSubStepClick = (s) => {
-			if (s.isCurrent) return;
-			emit("goto", s.index);
+		const subStepTitle = (s) => {
+			if (s.isCurrent) return "当前所在记录";
+			return "";
 		};
 		/** 单步组头部是否展示"查看差异"入口：要求该唯一子步本身可对比。 */
 		const headDiffable = computed(() => !props.merged && Boolean(props.subSteps[0]?.diffable));
@@ -127,22 +127,32 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				}, toDisplayString(headIndexLabel.value), 9, _hoisted_2),
 				createElementVNode("span", { class: normalizeClass(["m-editor-history-list-item-op", `op-${__props.opType}`]) }, toDisplayString(unref(opLabel)(__props.opType)), 3),
 				createElementVNode("span", _hoisted_3, toDisplayString(__props.desc), 1),
-				__props.isCurrent ? (openBlock(), createElementBlock("span", _hoisted_4, "当前")) : createCommentVNode("v-if", true),
-				!__props.merged && headDiffable.value ? (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: "m-editor-history-list-item-diff",
-					title: "查看修改差异",
-					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDiffClick(__props.subSteps[0].index), ["stop"]))
-				}, "查看差异")) : createCommentVNode("v-if", true),
+				__props.time ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "m-editor-history-list-item-time",
+					title: __props.timeTitle || __props.time
+				}, toDisplayString(__props.time), 9, _hoisted_4)) : createCommentVNode("v-if", true),
 				__props.merged ? (openBlock(), createElementBlock("span", _hoisted_5, "合并 " + toDisplayString(__props.stepCount) + " 步", 1)) : createCommentVNode("v-if", true),
 				!__props.merged && headRevertable.value ? (openBlock(), createElementBlock("span", {
-					key: 3,
+					key: 2,
 					class: "m-editor-history-list-item-revert",
 					title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
-					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onRevertClick(__props.subSteps[0].index), ["stop"]))
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onRevertClick(__props.subSteps[0].index), ["stop"]))
 				}, "回滚")) : createCommentVNode("v-if", true),
-				__props.merged ? (openBlock(), createElementBlock("span", {
+				!__props.merged && __props.gotoEnabled && !__props.isCurrent && __props.subSteps.length ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: "m-editor-history-list-item-goto",
+					title: "回到该记录",
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onGotoClick(__props.subSteps[0].index), ["stop"]))
+				}, "回到")) : createCommentVNode("v-if", true),
+				!__props.merged && headDiffable.value ? (openBlock(), createElementBlock("span", {
 					key: 4,
+					class: "m-editor-history-list-item-diff",
+					title: "查看修改差异",
+					onClick: _cache[2] || (_cache[2] = withModifiers(($event) => onDiffClick(__props.subSteps[0].index), ["stop"]))
+				}, "查看差异")) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", {
+					key: 5,
 					class: normalizeClass(["m-editor-history-list-group-toggle", { "is-expanded": __props.expanded }])
 				}, "▾", 2)) : createCommentVNode("v-if", true)
 			], 10, _hoisted_1), __props.merged && __props.expanded ? (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(subStepsDisplay.value, (s) => {
@@ -150,27 +160,35 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					key: s.index,
 					class: normalizeClass({
 						"is-undone": !s.applied,
-						"is-current": s.isCurrent,
-						"is-clickable": !s.isCurrent
+						"is-current": s.isCurrent
 					}),
-					title: s.isCurrent ? "当前所在记录" : "点击跳转到该记录",
-					onClick: ($event) => onSubStepClick(s)
+					title: subStepTitle(s)
 				}, [
 					createElementVNode("span", _hoisted_8, "#" + toDisplayString(s.index + 1), 1),
 					createElementVNode("span", _hoisted_9, toDisplayString(s.desc), 1),
-					s.isCurrent ? (openBlock(), createElementBlock("span", _hoisted_10, "当前")) : createCommentVNode("v-if", true),
-					s.diffable ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						class: "m-editor-history-list-item-diff",
-						title: "查看修改差异",
-						onClick: withModifiers(($event) => onDiffClick(s.index), ["stop"])
-					}, "查看差异", 8, _hoisted_11)) : createCommentVNode("v-if", true),
+					s.time ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "m-editor-history-list-item-time",
+						title: s.timeTitle || s.time
+					}, toDisplayString(s.time), 9, _hoisted_10)) : createCommentVNode("v-if", true),
 					s.revertable ? (openBlock(), createElementBlock("span", {
-						key: 2,
+						key: 1,
 						class: "m-editor-history-list-item-revert",
 						title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
 						onClick: withModifiers(($event) => onRevertClick(s.index), ["stop"])
-					}, "回滚", 8, _hoisted_12)) : createCommentVNode("v-if", true)
+					}, "回滚", 8, _hoisted_11)) : createCommentVNode("v-if", true),
+					__props.gotoEnabled && !s.isCurrent ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: "m-editor-history-list-item-goto",
+						title: "回到该记录",
+						onClick: withModifiers(($event) => onGotoClick(s.index), ["stop"])
+					}, "回到", 8, _hoisted_12)) : createCommentVNode("v-if", true),
+					s.diffable ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: "m-editor-history-list-item-diff",
+						title: "查看修改差异",
+						onClick: withModifiers(($event) => onDiffClick(s.index), ["stop"])
+					}, "查看差异", 8, _hoisted_13)) : createCommentVNode("v-if", true)
 				], 10, _hoisted_7);
 			}), 128))])) : createCommentVNode("v-if", true)], 2);
 		};