@tmagic/editor 1.8.0-beta.7 → 1.8.0-beta.8

package/dist/es/style.css

@@ -839,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-operator {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border: 1px solid #c6e2ff;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 14px;
+  color: #409eff;
+  background-color: #ecf5ff;
+  white-space: nowrap;
+  font-weight: 400;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-saved {
   flex: 0 0 auto;
   padding: 0 6px;

package/dist/es/utils/history.js

@@ -33,7 +33,7 @@ var detectStackOpType = (oldVal, newVal) => {
 *
 * - `add`：oldValue = null；`remove`：newValue = null；`update`：两者都有，可带 changeRecords 做局部更新。
 * - 内容会做 cloneDeep 防止后续被外部引用篡改；opType 依据 old/new 是否为 null 推断。
-* - 仅负责构造 step 并返回，入栈与事件 emit 由各公共方法（pushCodeBlock / pushDataSource）自行处理。
+* - 仅负责构造 step 并返回，入栈与事件 emit 由统一的 history.push(stepType, step, id) 处理。
 * - 不直接驱动业务 service，调用方负责实际写回。
 */
 var createStackStep = (id, payload) => {
@@ -42,9 +42,14 @@ var createStackStep = (id, payload) => {
 	const newSchema = payload.newValue ? cloneDeep(payload.newValue) : null;
 	const changeRecords = payload.changeRecords?.length ? cloneDeep(payload.changeRecords) : void 0;
 	const opType = detectStackOpType(payload.oldValue, payload.newValue);
+	const schema = payload.newValue ?? payload.oldValue;
+	const name = payload.name ?? schema?.name ?? schema?.title ?? "";
 	return {
 		uuid: guid(),
-		id,
+		data: {
+			name,
+			id
+		},
 		opType,
 		diff: [{
 			...newSchema !== null ? { newSchema } : {},
@@ -53,7 +58,10 @@ var createStackStep = (id, payload) => {
 		}],
 		historyDescription: payload.historyDescription,
 		source: payload.source,
-		timestamp: Date.now()
+		operator: payload.operator,
+		rootStep: payload.rootStep,
+		timestamp: Date.now(),
+		extra: payload.extra
 	};
 };
 var markStackSaved = (undoRedo) => {
@@ -66,46 +74,22 @@ var markStackSaved = (undoRedo) => {
 	});
 };
 /**
-* 把单个「按 id 分栈」的历史栈（代码块 / 数据源）拆成若干 group：
-* 每条操作记录独立成组，不做相邻 update 合并（与页面历史的合并策略不同）。
+* 把单个历史栈（页面 / 代码块 / 数据源 / 扩展类型）的步骤列表按"目标"做相邻合并：
+* - 单实体的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group，组内可展开查看每步；
+* - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单实体修改组）；
+* - 多实体 'update'（如页面批量改属性）也独立成组（无明确单一目标，避免误合并）。
 *
-* 代码块与数据源除 `kind` 外结构完全一致，统一由本方法处理；`kind` 决定返回的具体分组类型。
+* 各类型行为完全一致，仅 `kind` 与 step 快照类型不同，统一由本方法处理。
 */
-var mergeStackSteps = (kind, id, list, cursor) => {
-	const currentIndex = cursor - 1;
-	return list.map((step, index) => {
-		const applied = index < cursor;
-		const isCurrent = index === currentIndex;
-		return {
-			kind,
-			id,
-			opType: step.opType,
-			steps: [{
-				step,
-				index,
-				applied,
-				isCurrent
-			}],
-			applied,
-			isCurrent
-		};
-	});
-};
-/**
-* 把页面栈拆成若干 group：
-* - 单节点的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group；
-* - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单节点修改组）；
-* - 多节点 'update'（如批量改属性）也独立成组（无明确单一目标，避免误合并）。
-*/
-var mergePageSteps = (pageId, list, cursor) => {
+var mergeSteps = (kind, id, 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 = detectPageTargetId(step);
-		const targetName = detectPageTargetName(step);
+		const targetId = detectTargetId(step);
+		const targetName = detectTargetName(step);
 		const entry = {
 			step,
 			index,
@@ -120,8 +104,8 @@ var mergePageSteps = (pageId, list, cursor) => {
 			if (targetName) current.targetName = targetName;
 		} else {
 			current = {
-				kind: "page",
-				pageId,
+				kind,
+				id,
 				opType: step.opType,
 				targetId: mergeable ? targetId : void 0,
 				targetName,
@@ -135,18 +119,21 @@ var mergePageSteps = (pageId, list, cursor) => {
 	return groups;
 };
 /**
-* 解析 StepValue 中的"目标节点 id"用于合并：
-* - 单节点 update：取唯一一项 updatedItems 的节点 id；
-* - 其它情形（多节点 update / add / remove）：返回 undefined，表示不参与合并。
+* 解析 step 中的"目标 id"用于合并：
+* - 单实体 update：取唯一一项 diff 的快照 id；快照无 id 时（如 CodeBlockContent）回退到 `step.data.id`
+*   （即资源 id），使代码块 / 数据源同样能按资源合并相邻 update；
+* - 其它情形（多实体 update / add / remove）：返回 undefined，表示不参与合并。
 */
-var detectPageTargetId = (step) => {
+var detectTargetId = (step) => {
 	if (step.opType !== "update") return void 0;
 	const items = step.diff;
 	if (items?.length !== 1) return void 0;
-	return items[0].newSchema?.id ?? items[0].oldSchema?.id;
+	const newSchema = items[0].newSchema;
+	const oldSchema = items[0].oldSchema;
+	return newSchema?.id ?? oldSchema?.id ?? step.data?.id;
 };
-/** 解析 StepValue 中的目标节点可读名（用于 UI 展示）。 */
-var detectPageTargetName = (step) => {
+/** 解析 step 中的目标可读名（用于 UI 展示）。 */
+var detectTargetName = (step) => {
 	const items = step.diff;
 	if (step.opType === "update") {
 		if (items?.length === 1) {
@@ -220,8 +207,9 @@ var getOrCreateStack = (stacks, id) => {
 	return stacks[id];
 };
 /**
-* 撤销下限：当页面栈 index 0 是 `opType: 'initial'` 的基线 step 时为 1（基线不可被撤销），否则为 0。
-* 用于把 cursor 钉在基线之上，保证 undo / canUndo / goto 都不会越过初始基线。
+* 撤销下限：当栈 index 0 是 `opType: 'initial'` 的基线 step 时为 1（基线不可被撤销），否则为 0。
+* 适用于所有历史类型（page / codeBlock / dataSource / 扩展），把 cursor 钉在基线之上，
+* 保证 undo / canUndo / goto 都不会越过初始基线。
 */
 var undoFloor = (undoRedo) => {
 	return undoRedo.getElementList()[0]?.opType === "initial" ? 1 : 0;
@@ -229,4 +217,4 @@ var undoFloor = (undoRedo) => {
 /** 将单次 push 产生的 history uuid（或 null）转为 *AndGetHistoryId 返回用的 uuid 列表。 */
 var getLastPushedHistoryIds = (historyId) => historyId ? [historyId] : [];
 //#endregion
-export { createStackStep, describeRevertStep, deserializeStacks, detectPageTargetId, detectPageTargetName, detectStackOpType, getLastPushedHistoryIds, getOrCreateStack, markStackSaved, mergePageSteps, mergeStackSteps, serializeStacks, undoFloor };
+export { createStackStep, describeRevertStep, deserializeStacks, detectStackOpType, detectTargetId, detectTargetName, getLastPushedHistoryIds, getOrCreateStack, markStackSaved, mergeSteps, serializeStacks, undoFloor };

package/dist/style.css

@@ -839,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-operator {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border: 1px solid #c6e2ff;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 14px;
+  color: #409eff;
+  background-color: #ecf5ff;
+  white-space: nowrap;
+  font-weight: 400;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-saved {
   flex: 0 0 auto;
   padding: 0 6px;