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

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/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, 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, 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));
 		};
 	}
 });