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

package/dist/es/services/history.js

@@ -1,172 +1,19 @@
 import BaseService from "./BaseService.js";
+import { getEditorConfig } from "../utils/config.js";
 import { UndoRedo } from "../utils/undo-redo.js";
+import { createStackStep, deserializeStacks, getOrCreateStack, markStackSaved, mergePageSteps, mergeStackSteps, serializeStacks, undoFloor } from "../utils/history.js";
+import { idbGet, idbSet } from "../utils/indexed-db.js";
+import editor_default from "./editor.js";
+import { guid } from "@tmagic/utils";
 import { reactive } from "vue";
-import { cloneDeep } from "lodash-es";
-var history_default = new class History extends BaseService {
-	/**
-	* 把单个代码块栈拆成若干 group：
-	* - 把"新增/删除"独立成组（语义上属于一次性事件，不应与 update 合并）；
-	* - 连续 'update' 合并到同一组，组内 steps 顺序就是发生顺序。
-	*/
-	static mergeCodeBlockSteps(codeBlockId, list, cursor) {
-		const groups = [];
-		let current = null;
-		const currentIndex = cursor - 1;
-		list.forEach((step, index) => {
-			const opType = History.detectOpType(step.oldContent, step.newContent);
-			const applied = index < cursor;
-			const isCurrent = index === currentIndex;
-			if (opType === "update" && current?.opType === "update") {
-				current.steps.push({
-					step,
-					index,
-					applied,
-					isCurrent
-				});
-				current.applied = applied;
-				if (isCurrent) current.isCurrent = true;
-			} else {
-				current = {
-					kind: "code-block",
-					id: codeBlockId,
-					opType,
-					steps: [{
-						step,
-						index,
-						applied,
-						isCurrent
-					}],
-					applied,
-					isCurrent
-				};
-				groups.push(current);
-			}
-		});
-		return groups;
-	}
-	static mergeDataSourceSteps(dataSourceId, list, cursor) {
-		const groups = [];
-		let current = null;
-		const currentIndex = cursor - 1;
-		list.forEach((step, index) => {
-			const opType = History.detectOpType(step.oldSchema, step.newSchema);
-			const applied = index < cursor;
-			const isCurrent = index === currentIndex;
-			if (opType === "update" && current?.opType === "update") {
-				current.steps.push({
-					step,
-					index,
-					applied,
-					isCurrent
-				});
-				current.applied = applied;
-				if (isCurrent) current.isCurrent = true;
-			} else {
-				current = {
-					kind: "data-source",
-					id: dataSourceId,
-					opType,
-					steps: [{
-						step,
-						index,
-						applied,
-						isCurrent
-					}],
-					applied,
-					isCurrent
-				};
-				groups.push(current);
-			}
-		});
-		return groups;
-	}
-	/**
-	* 根据 old/new 是否为 null 推断 opType（与 push 时的约定一致）。
-	*/
-	static detectOpType(oldVal, newVal) {
-		if (oldVal === null && newVal !== null) return "add";
-		if (oldVal !== null && newVal === null) return "remove";
-		return "update";
-	}
-	/**
-	* 把页面栈拆成若干 group：
-	* - 单节点的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group；
-	* - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单节点修改组）；
-	* - 多节点 'update'（如批量改属性）也独立成组（无明确单一目标，避免误合并）。
-	*/
-	static mergePageSteps(pageId, list, cursor) {
-		const groups = [];
-		let current = null;
-		const currentIndex = cursor - 1;
-		list.forEach((step, index) => {
-			const applied = index < cursor;
-			const isCurrent = index === currentIndex;
-			const targetId = History.detectPageTargetId(step);
-			const targetName = History.detectPageTargetName(step);
-			const entry = {
-				step,
-				index,
-				applied,
-				isCurrent
-			};
-			const mergeable = step.opType === "update" && targetId !== void 0;
-			if (mergeable && current?.opType === "update" && current.targetId === targetId) {
-				current.steps.push(entry);
-				current.applied = applied;
-				if (isCurrent) current.isCurrent = true;
-				if (targetName) current.targetName = targetName;
-			} else {
-				current = {
-					kind: "page",
-					pageId,
-					opType: step.opType,
-					targetId: mergeable ? targetId : void 0,
-					targetName,
-					steps: [entry],
-					applied,
-					isCurrent
-				};
-				groups.push(current);
-			}
-		});
-		return groups;
-	}
-	/**
-	* 解析 StepValue 中的"目标节点 id"用于合并：
-	* - 单节点 update：取唯一一项 updatedItems 的节点 id；
-	* - 其它情形（多节点 update / add / remove）：返回 undefined，表示不参与合并。
-	*/
-	static detectPageTargetId(step) {
-		if (step.opType !== "update") return void 0;
-		const items = step.updatedItems;
-		if (items?.length !== 1) return void 0;
-		return items[0].newNode?.id ?? items[0].oldNode?.id;
-	}
-	/** 解析 StepValue 中的目标节点可读名（用于 UI 展示）。 */
-	static detectPageTargetName(step) {
-		if (step.opType === "update") {
-			const items = step.updatedItems;
-			if (items?.length === 1) {
-				const node = items[0].newNode || items[0].oldNode;
-				return node?.name || node?.type || (node?.id !== void 0 ? `${node.id}` : void 0);
-			}
-			return items?.length ? `${items.length} 个节点` : void 0;
-		}
-		if (step.opType === "add") {
-			if (step.nodes?.length === 1) {
-				const n = step.nodes[0];
-				return n.name || n.type || `${n.id}`;
-			}
-			return step.nodes?.length ? `${step.nodes.length} 个节点` : void 0;
-		}
-		if (step.opType === "remove") {
-			if (step.removedItems?.length === 1) {
-				const n = step.removedItems[0].node;
-				return n.name || n.type || `${n.id}`;
-			}
-			return step.removedItems?.length ? `${step.removedItems.length} 个节点` : void 0;
-		}
-	}
+import serialize from "serialize-javascript";
+//#region packages/editor/src/services/history.ts
+/** 历史记录持久化快照的默认存储位置与结构版本。 */
+var DEFAULT_DB_NAME = "tmagic-editor";
+var DEFAULT_STORE_NAME = "history";
+var DEFAULT_KEY = "default";
+var PERSIST_VERSION = 1;
+var History = class extends BaseService {
 	state = reactive({
 		pageSteps: {},
 		pageId: void 0,
@@ -206,6 +53,53 @@ var history_default = new class History extends BaseService {
 		this.state.dataSourceState = {};
 	}
 	/**
+	* 为指定页面 / 页面片种入一条「初始基线」记录（如加载 DSL 时的「初始 / 加载」基线）。
+	*
+	* 该记录是一条 `opType: 'initial'` 的 {@link StepValue}，作为页面历史栈 **index 0 的固定底线**：
+	* - 它是一条真实入栈的 step（随栈一起持久化），但被钉为撤销/回滚的下限——cursor 永不低于它，
+	*   因此不会被 undo / goto / revert 触达（详见 {@link undo} / {@link setCanUndoRedo}）；
+	* - 历史面板把它过滤出分组列表（见 {@link getPageHistoryGroups}），改由底部「初始」行展示。
+	*
+	* 仅当目标页面栈为空时种入（保证 initial 一定位于 index 0）；已存在 initial 底线时默认不重复种入，
+	* 传 `force=true` 且栈为空时按新基线种入。
+	*/
+	setPageMarker(pageId, options = {}) {
+		if (pageId === void 0 || pageId === null || `${pageId}` === "") return null;
+		const existing = this.getPageMarker(pageId);
+		if (existing) return existing;
+		const stack = getOrCreateStack(this.state.pageSteps, pageId);
+		if (stack.getLength() > 0) return null;
+		const marker = {
+			uuid: guid(),
+			opType: "initial",
+			diff: [],
+			data: {
+				name: options.name || "",
+				id: pageId
+			},
+			selectedBefore: [],
+			selectedAfter: [],
+			modifiedNodeIds: /* @__PURE__ */ new Map(),
+			historyDescription: options.description || "未修改的初始状态",
+			timestamp: Date.now(),
+			...options.source ? { source: options.source } : {}
+		};
+		stack.pushElement(marker);
+		if (`${pageId}` === `${this.state.pageId}`) this.setCanUndoRedo();
+		this.emit("page-marker-change", marker);
+		return marker;
+	}
+	/**
+	* 读取指定页面（缺省当前活动页）的初始基线 step（页面栈 index 0 且 `opType: 'initial'`）；
+	* 不存在时返回 undefined。
+	*/
+	getPageMarker(pageId) {
+		const targetPageId = pageId ?? this.state.pageId;
+		if (!targetPageId) return void 0;
+		const first = this.state.pageSteps[targetPageId]?.getElementList()[0];
+		return first?.opType === "initial" ? first : void 0;
+	}
+	/**
 	* 把一条步骤推入指定页面的栈；不指定 pageId 时落到当前活动页。
 	*
 	* 跨页操作（例如 `moveToContainer` 把节点搬到其它页）必须显式传入 `pageId`，
@@ -214,11 +108,31 @@ var history_default = new class History extends BaseService {
 	push(state, pageId) {
 		const undoRedo = this.getUndoRedo(pageId);
 		if (!undoRedo) return null;
+		if (state.uuid === void 0) state.uuid = guid();
 		if (state.timestamp === void 0) state.timestamp = Date.now();
 		undoRedo.pushElement(state);
 		if (pageId === void 0 || `${pageId}` === `${this.state.pageId}`) this.emit("change", state);
 		return state;
 	}
+	/** 读取指定页面（缺省当前活动页）历史栈当前游标所在的 step（cursor - 1）；无则返回 null。 */
+	getCurrentPageStep(pageId) {
+		const targetPageId = pageId ?? this.state.pageId;
+		if (!targetPageId) return null;
+		return this.state.pageSteps[targetPageId]?.getCurrentElement() ?? null;
+	}
+	/**
+	* 用 `state` 替换指定页面栈当前游标所在的 step（并丢弃其后的重做尾部），游标不变。
+	* 用于「连续 set root 记录合并」等就地替换最新一条的场景；替换成功后按需刷新 / 通知。
+	*/
+	replaceCurrentPageStep(state, pageId) {
+		const undoRedo = this.getUndoRedo(pageId);
+		if (!undoRedo) return null;
+		if (state.uuid === void 0) state.uuid = guid();
+		if (state.timestamp === void 0) state.timestamp = Date.now();
+		if (!undoRedo.replaceCurrentElement(state)) return null;
+		this.emit("change", state);
+		return state;
+	}
 	/**
 	* 推入一条代码块变更记录（与页面/节点完全无关），按 `codeBlockId` 维度独立一份 UndoRedo 栈。
 	*
@@ -229,17 +143,15 @@ var history_default = new class History extends BaseService {
 	* - 不直接驱动 codeBlockService，调用方负责实际写回。
 	*/
 	pushCodeBlock(codeBlockId, payload) {
-		if (!codeBlockId) return null;
-		const step = {
-			id: codeBlockId,
-			oldContent: payload.oldContent ? cloneDeep(payload.oldContent) : null,
-			newContent: payload.newContent ? cloneDeep(payload.newContent) : null,
-			changeRecords: payload.changeRecords?.length ? cloneDeep(payload.changeRecords) : void 0,
+		const step = createStackStep(codeBlockId, {
+			oldValue: payload.oldContent,
+			newValue: payload.newContent,
+			changeRecords: payload.changeRecords,
 			historyDescription: payload.historyDescription,
-			source: payload.source,
-			timestamp: Date.now()
-		};
-		this.getCodeBlockUndoRedo(codeBlockId).pushElement(step);
+			source: payload.source
+		});
+		if (!step) return null;
+		getOrCreateStack(this.state.codeBlockState, codeBlockId).pushElement(step);
 		this.emit("code-block-history-change", codeBlockId, step);
 		return step;
 	}
@@ -248,17 +160,15 @@ var history_default = new class History extends BaseService {
 	* 行为同 pushCodeBlock（新增 oldSchema=null；删除 newSchema=null）。
 	*/
 	pushDataSource(dataSourceId, payload) {
-		if (!dataSourceId) return null;
-		const step = {
-			id: dataSourceId,
-			oldSchema: payload.oldSchema ? cloneDeep(payload.oldSchema) : null,
-			newSchema: payload.newSchema ? cloneDeep(payload.newSchema) : null,
-			changeRecords: payload.changeRecords?.length ? cloneDeep(payload.changeRecords) : void 0,
+		const step = createStackStep(dataSourceId, {
+			oldValue: payload.oldSchema,
+			newValue: payload.newSchema,
+			changeRecords: payload.changeRecords,
 			historyDescription: payload.historyDescription,
-			source: payload.source,
-			timestamp: Date.now()
-		};
-		this.getDataSourceUndoRedo(dataSourceId).pushElement(step);
+			source: payload.source
+		});
+		if (!step) return null;
+		getOrCreateStack(this.state.dataSourceState, dataSourceId).pushElement(step);
 		this.emit("data-source-history-change", dataSourceId, step);
 		return step;
 	}
@@ -313,6 +223,7 @@ var history_default = new class History extends BaseService {
 	undo() {
 		const undoRedo = this.getUndoRedo();
 		if (!undoRedo) return null;
+		if (undoRedo.getCursor() <= undoFloor(undoRedo)) return null;
 		const state = undoRedo.undo();
 		this.emit("change", state);
 		return state;
@@ -330,6 +241,127 @@ var history_default = new class History extends BaseService {
 		this.removeAllPlugins();
 	}
 	/**
+	* 清空指定页面（缺省当前活动页）的历史记录栈。
+	* 仅删除撤销/重做记录，不会改动当前 DSL；清空后该页将无法再撤销/重做之前的操作。
+	*/
+	clearPage(pageId) {
+		const targetPageId = pageId ?? this.state.pageId;
+		if (!targetPageId) return;
+		const marker = this.getPageMarker(targetPageId);
+		this.state.pageSteps[targetPageId] = new UndoRedo();
+		if (marker) this.setPageMarker(targetPageId, {
+			name: marker.data?.name,
+			description: marker.historyDescription,
+			source: marker.source
+		});
+		if (`${targetPageId}` === `${this.state.pageId}`) {
+			this.setCanUndoRedo();
+			this.emit("clear-page", null);
+		}
+	}
+	/**
+	* 清空数据源历史记录栈：传入 `dataSourceId` 仅清空该数据源，缺省清空全部数据源。
+	* 仅删除撤销/重做记录，不会改动数据源本身。
+	*/
+	clearDataSource(dataSourceId) {
+		if (dataSourceId !== void 0) delete this.state.dataSourceState[dataSourceId];
+		else this.state.dataSourceState = {};
+	}
+	/**
+	* 清空代码块历史记录栈：传入 `codeBlockId` 仅清空该代码块，缺省清空全部代码块。
+	* 仅删除撤销/重做记录，不会改动代码块本身。
+	*/
+	clearCodeBlock(codeBlockId) {
+		if (codeBlockId !== void 0) delete this.state.codeBlockState[codeBlockId];
+		else this.state.codeBlockState = {};
+	}
+	/**
+	* 标记「整份 DSL 已保存」：把页面 / 代码块 / 数据源所有栈当前游标所在的记录都标为 `saved`。
+	* 适用于「整体落库」场景；若只保存了其中一类，请改用更细粒度的
+	* {@link markPageSaved} / {@link markCodeBlockSaved} / {@link markDataSourceSaved}。
+	*/
+	markSaved() {
+		Object.values(this.state.pageSteps).forEach(markStackSaved);
+		Object.values(this.state.codeBlockState).forEach(markStackSaved);
+		Object.values(this.state.dataSourceState).forEach(markStackSaved);
+		this.emit("mark-saved", { kind: "all" });
+	}
+	/**
+	* 标记指定页面（缺省为当前活动页）的历史栈当前记录为已保存。
+	* 仅影响该页面自己的栈，不波及代码块 / 数据源 / 其它页面。
+	*/
+	markPageSaved(pageId) {
+		const targetPageId = pageId ?? this.state.pageId;
+		if (!targetPageId) return;
+		markStackSaved(this.state.pageSteps[targetPageId]);
+		this.emit("mark-saved", {
+			kind: "page",
+			id: targetPageId
+		});
+	}
+	/** 标记指定代码块的历史栈当前记录为已保存，仅影响该代码块自己的栈。 */
+	markCodeBlockSaved(codeBlockId) {
+		if (!codeBlockId) return;
+		markStackSaved(this.state.codeBlockState[codeBlockId]);
+		this.emit("mark-saved", {
+			kind: "code-block",
+			id: codeBlockId
+		});
+	}
+	/** 标记指定数据源的历史栈当前记录为已保存，仅影响该数据源自己的栈。 */
+	markDataSourceSaved(dataSourceId) {
+		if (!dataSourceId) return;
+		markStackSaved(this.state.dataSourceState[dataSourceId]);
+		this.emit("mark-saved", {
+			kind: "data-source",
+			id: dataSourceId
+		});
+	}
+	/**
+	* 把当前内存中的全部历史栈（页面 / 代码块 / 数据源）序列化后写入本地 IndexedDB。
+	*
+	* - 每个 UndoRedo 栈连同其游标、容量一并保存，恢复后可继续 undo/redo；
+	* - `key` 用于区分不同活动页 / 项目（同一 store 下可保存多份快照），缺省为 `default`；
+	* - 返回写入成功的快照对象，便于调用方记录 savedAt 等信息；
+	* - 不支持 IndexedDB 的环境（如 SSR）会 reject。
+	*/
+	async saveToIndexedDB(options = {}) {
+		const { dbName = DEFAULT_DB_NAME, storeName = DEFAULT_STORE_NAME, key = DEFAULT_KEY, appId } = options;
+		const snapshot = {
+			version: PERSIST_VERSION,
+			pageId: this.state.pageId,
+			pageSteps: serializeStacks(this.state.pageSteps),
+			codeBlockState: serializeStacks(this.state.codeBlockState),
+			dataSourceState: serializeStacks(this.state.dataSourceState),
+			savedAt: Date.now()
+		};
+		await idbSet(this.resolveDbName(dbName, appId), storeName, key, serialize(snapshot));
+		this.emit("save-to-indexed-db", snapshot);
+		return snapshot;
+	}
+	/**
+	* 从本地 IndexedDB 读取此前保存的历史快照并重建全部撤销/重做栈。
+	*
+	* - 读取到的每个栈都会经 {@link UndoRedo.fromSerialized} 还原（含游标），随后可直接 undo/redo；
+	* - 会整体覆盖当前内存中的历史状态，并把活动页恢复为快照中的 pageId；
+	* - 找不到对应记录时返回 null，且不改动当前状态；
+	* - 不支持 IndexedDB 的环境（如 SSR）会 reject。
+	*/
+	async restoreFromIndexedDB(options = {}) {
+		const { dbName = DEFAULT_DB_NAME, storeName = DEFAULT_STORE_NAME, key = DEFAULT_KEY, appId } = options;
+		const raw = await idbGet(this.resolveDbName(dbName, appId), storeName, key);
+		if (!raw) return null;
+		const snapshot = typeof raw === "string" ? getEditorConfig("parseDSL")(`(${raw})`) : raw;
+		if (!snapshot) return null;
+		this.state.pageSteps = deserializeStacks(snapshot.pageSteps);
+		this.state.codeBlockState = deserializeStacks(snapshot.codeBlockState);
+		this.state.dataSourceState = deserializeStacks(snapshot.dataSourceState);
+		this.state.pageId = snapshot.pageId;
+		this.setCanUndoRedo();
+		this.emit("restore-from-indexed-db", snapshot);
+		return snapshot;
+	}
+	/**
 	* 取出当前活动页的历史步骤平铺列表（包含已应用 + 已撤销）。
 	* 列表按时间正序，最早一步在最前面。
 	* 通常 UI 应使用 `getPageHistoryGroups` 取已合并分组的版本；本方法仅为兼容/调试保留。
@@ -360,8 +392,7 @@ var history_default = new class History extends BaseService {
 		if (!undoRedo) return [];
 		const list = undoRedo.getElementList();
 		if (!list.length) return [];
-		const cursor = undoRedo.getCursor();
-		return History.mergePageSteps(targetPageId, list, cursor);
+		return mergePageSteps(targetPageId, list, undoRedo.getCursor()).filter((group) => group.opType !== "initial");
 	}
 	/**
 	* 取出全部代码块的历史栈，按 codeBlockId 分组。
@@ -377,7 +408,7 @@ var history_default = new class History extends BaseService {
 			const list = undoRedo.getElementList();
 			if (!list.length) return;
 			const cursor = undoRedo.getCursor();
-			groups.push(...History.mergeCodeBlockSteps(id, list, cursor));
+			groups.push(...mergeStackSteps("code-block", id, list, cursor));
 		});
 		return groups;
 	}
@@ -427,6 +458,44 @@ var history_default = new class History extends BaseService {
 		}));
 	}
 	/**
+	* 按历史记录 uuid 在指定页面（默认当前活动页）的栈中查找其索引。
+	* 找不到时返回 -1。供「按 uuid 回滚」等需要把 uuid 映射回 index 的场景使用。
+	*/
+	getPageStepIndexByUuid(uuid, pageId) {
+		if (!uuid) return -1;
+		return this.getPageStepList(pageId).findIndex((entry) => entry.step.uuid === uuid);
+	}
+	/**
+	* 按历史记录 uuid 在全部代码块栈中查找其所属 codeBlockId 与索引。
+	* 找不到时返回 null。
+	*/
+	findCodeBlockStepLocationByUuid(uuid) {
+		if (!uuid) return null;
+		for (const id of Object.keys(this.state.codeBlockState)) {
+			const index = this.getCodeBlockStepList(id).findIndex((entry) => entry.step.uuid === uuid);
+			if (index >= 0) return {
+				id,
+				index
+			};
+		}
+		return null;
+	}
+	/**
+	* 按历史记录 uuid 在全部数据源栈中查找其所属 dataSourceId 与索引。
+	* 找不到时返回 null。
+	*/
+	findDataSourceStepLocationByUuid(uuid) {
+		if (!uuid) return null;
+		for (const id of Object.keys(this.state.dataSourceState)) {
+			const index = this.getDataSourceStepList(id).findIndex((entry) => entry.step.uuid === uuid);
+			if (index >= 0) return {
+				id,
+				index
+			};
+		}
+		return null;
+	}
+	/**
 	* 取出全部数据源的历史栈，按 dataSourceId 分组。同上。
 	*/
 	getDataSourceHistoryGroups() {
@@ -436,7 +505,7 @@ var history_default = new class History extends BaseService {
 			const list = undoRedo.getElementList();
 			if (!list.length) return;
 			const cursor = undoRedo.getCursor();
-			groups.push(...History.mergeDataSourceSteps(id, list, cursor));
+			groups.push(...mergeStackSteps("data-source", id, list, cursor));
 		});
 		return groups;
 	}
@@ -452,25 +521,20 @@ var history_default = new class History extends BaseService {
 		if (!this.state.pageSteps[targetPageId]) this.state.pageSteps[targetPageId] = new UndoRedo();
 		return this.state.pageSteps[targetPageId];
 	}
-	setCanUndoRedo() {
-		const undoRedo = this.getUndoRedo();
-		this.state.canRedo = undoRedo?.canRedo() || false;
-		this.state.canUndo = undoRedo?.canUndo() || false;
-	}
 	/**
-	* 按 id 获取（或创建）指定代码块的 UndoRedo 栈。
+	* 把基础 dbName 与当前 DSL（root app）的 id 拼成最终库名，实现不同应用历史隔离。
+	* 取不到 app id（如尚未加载 DSL）时退回基础 dbName。
 	*/
-	getCodeBlockUndoRedo(codeBlockId) {
-		if (!this.state.codeBlockState[codeBlockId]) this.state.codeBlockState[codeBlockId] = new UndoRedo();
-		return this.state.codeBlockState[codeBlockId];
+	resolveDbName(dbName, appId) {
+		const resolvedAppId = appId ?? editor_default.get("root")?.id;
+		return resolvedAppId ? `${dbName}-${resolvedAppId}` : dbName;
 	}
-	/**
-	* 按 id 获取（或创建）指定数据源的 UndoRedo 栈。
-	*/
-	getDataSourceUndoRedo(dataSourceId) {
-		if (!this.state.dataSourceState[dataSourceId]) this.state.dataSourceState[dataSourceId] = new UndoRedo();
-		return this.state.dataSourceState[dataSourceId];
+	setCanUndoRedo() {
+		const undoRedo = this.getUndoRedo();
+		this.state.canRedo = undoRedo?.canRedo() || false;
+		this.state.canUndo = undoRedo ? undoRedo.getCursor() > undoFloor(undoRedo) : false;
 	}
-}();
+};
+var history_default = new History();
 //#endregion
 export { history_default as default };

package/dist/es/services/ui.js

@@ -31,6 +31,7 @@ var state = shallowReactive({
 	showPageListButton: true,
 	hideSlideBar: false,
 	sideBarItems: [],
+	sideBarActiveTabName: "",
 	navMenuRect: {
 		left: 0,
 		top: 0,
@@ -63,7 +64,9 @@ var Ui = class extends BaseService {
 		}
 		if (name === "showGuides") mask?.showGuides(value);
 		if (name === "showRule") mask?.showRule(value);
+		const preValue = state[name];
 		state[name] = value;
+		if (preValue !== value) this.emit("state-change", name, value, preValue);
 	}
 	get(name) {
 		return state[name];

package/dist/es/style.css

@@ -617,6 +617,23 @@ fieldset.m-fieldset .m-form-tip {
   padding: 0;
   list-style: none;
 }
+.m-editor-history-list-popover .m-editor-history-list-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 4px 4px;
+}
+.m-editor-history-list-popover .m-editor-history-list-clear {
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #f56c6c;
+  cursor: pointer;
+  user-select: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-clear:hover {
+  background-color: rgba(245, 108, 108, 0.12);
+}
 .m-editor-history-list-popover .m-editor-history-list-item {
   display: flex;
   align-items: center;
@@ -750,12 +767,18 @@ fieldset.m-fieldset .m-form-tip {
 }
 .m-editor-history-list-popover .m-editor-history-list-item-index {
   flex: 0 0 auto;
+  min-width: 30px;
+  text-align: right;
   color: #909399;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
   font-size: 11px;
   font-weight: 400;
   white-space: nowrap;
 }
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged > .m-editor-history-list-group-head > .m-editor-history-list-item-index {
+  min-width: 0;
+  text-align: left;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-time {
   flex: 0 0 auto;
   color: #a8abb2;
@@ -816,6 +839,18 @@ fieldset.m-fieldset .m-form-tip {
   white-space: nowrap;
   font-weight: 400;
 }
+.m-editor-history-list-popover .m-editor-history-list-item-saved {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #fff;
+  background-color: #67c23a;
+  white-space: nowrap;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-merge {
   flex: 0 0 auto;
   padding: 0 8px;
@@ -827,6 +862,17 @@ fieldset.m-fieldset .m-form-tip {
   font-weight: 500;
   letter-spacing: 0.2px;
 }
+.m-editor-history-list-popover .m-editor-history-list-item-actions {
+  display: none;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 6px;
+}
+.m-editor-history-list-popover .m-editor-history-list-group-head:hover > .m-editor-history-list-item-actions,
+.m-editor-history-list-popover .m-editor-history-list-substeps > li:hover > .m-editor-history-list-item-actions,
+.m-editor-history-list-popover .m-editor-history-list-initial:hover > .m-editor-history-list-item-actions {
+  display: flex;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-diff {
   flex: 0 0 auto;
   padding: 0 6px;
@@ -847,13 +893,13 @@ fieldset.m-fieldset .m-form-tip {
   border-radius: 2px;
   font-size: 10px;
   line-height: 16px;
-  color: #606266;
-  background-color: rgba(96, 98, 102, 0.1);
+  color: #529b2e;
+  background-color: rgba(103, 194, 58, 0.12);
   cursor: pointer;
   user-select: none;
 }
 .m-editor-history-list-popover .m-editor-history-list-item-goto:hover {
-  background-color: rgba(96, 98, 102, 0.18);
+  background-color: rgba(103, 194, 58, 0.24);
 }
 .m-editor-history-list-popover .m-editor-history-list-item-revert {
   flex: 0 0 auto;
@@ -1396,9 +1442,6 @@ fieldset.m-fieldset .m-form-tip {
   transition: all 0.2s ease 0s;
   padding: 5px 14px;
 }
-.page-bar-popover .menu-item .tmagic-design-button {
-  color: #313a40;
-}
 .page-bar-popover .menu-item:hover {
   background-color: #f3f5f9;
 }