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

package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import DataSourceConfigPanel_default from "./DataSourceConfigPanel.js";
 import DataSourceList_default from "./DataSourceList.js";
 import { useContentMenu } from "./useContentMenu.js";
 import { TMagicScrollbar, tMagicMessageBox } from "@tmagic/design";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
 import { mergeWith } from "lodash-es";
 //#region packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "search-wrapper" };
@@ -24,7 +24,13 @@ var DataSourceListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		const eventBus = inject("eventBus");
 		const { dataSourceService } = useServices();
 		const { editDialog, dataSourceValues, dialogTitle, editable, editHandler, submitDataSourceHandler } = useDataSourceEdit(dataSourceService);
+		/** 打开数据源详情时需要直接定位并打开的方法名，为空则正常展示「数据定义」tab */
+		const editMethodName = ref("");
+		/** 打开数据源详情时需要直接定位并打开的字段路径，为空则不自动打开字段配置 */
+		const editFieldPath = ref([]);
 		const editDialogCloseHandler = () => {
+			editMethodName.value = "";
+			editFieldPath.value = [];
 			if (dataSourceListRef.value) for (const [, status] of dataSourceListRef.value.nodeStatusMap.entries()) status.selected = false;
 		};
 		watch(dataSourceValues, (dataSourceValues) => {
@@ -62,6 +68,18 @@ var DataSourceListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 			dataSourceListRef.value?.filter(val);
 		};
 		eventBus?.on("edit-data-source", (id) => {
+			editMethodName.value = "";
+			editFieldPath.value = [];
+			editHandler(id);
+		});
+		eventBus?.on("edit-data-source-method", (id, methodName) => {
+			editMethodName.value = methodName;
+			editFieldPath.value = [];
+			editHandler(id);
+		});
+		eventBus?.on("edit-data-source-field", (id, fieldPath) => {
+			editMethodName.value = "";
+			editFieldPath.value = fieldPath;
 			editHandler(id);
 		});
 		eventBus?.on("remove-data-source", (id) => {
@@ -110,12 +128,16 @@ var DataSourceListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					disabled: !unref(editable),
 					values: unref(dataSourceValues),
 					title: unref(dialogTitle),
+					"edit-method-name": editMethodName.value,
+					"edit-field-path": editFieldPath.value,
 					onSubmit: unref(submitDataSourceHandler),
 					onClose: editDialogCloseHandler
 				}, null, 8, [
 					"disabled",
 					"values",
 					"title",
+					"edit-method-name",
+					"edit-field-path",
 					"onSubmit"
 				]),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [menuData.value.length ? (openBlock(), createBlock(ContentMenu_default, {

package/dist/es/services/codeBlock.js

@@ -1,7 +1,7 @@
 import { CODE_DRAFT_STORAGE_KEY } from "../type.js";
 import BaseService from "./BaseService.js";
 import { getEditorConfig } from "../utils/config.js";
-import { describeRevertStep } from "../utils/history.js";
+import { describeRevertStep, getLastPushedHistoryIds } from "../utils/history.js";
 import history_default from "./history.js";
 import storage_default, { Protocol } from "./storage.js";
 import { COPY_CODE_STORAGE_KEY } from "../utils/editor.js";
@@ -228,31 +228,40 @@ var CodeBlock = class extends BaseService {
 	}
 	/**
 	* 下列 *AndGetHistoryId 方法与对应的写入方法行为完全一致，
-	* 唯一区别是返回值为本次写入历史栈的历史记录 uuid（{@link CodeBlockStepValue.uuid}），
+	* 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入的历史 uuid 列表，
 	* 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
 	*
-	* 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时：单条写入返回 null，批量删除返回空数组。
+	* 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时 historyIds 为 `[]`。
 	*/
-	/** 等价于 {@link setCodeDslById}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link setCodeDslById}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async setCodeDslByIdAndGetHistoryId(id, codeConfig, options = {}) {
 		this.lastPushedHistoryId = null;
 		await this.setCodeDslById(id, codeConfig, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link setCodeDslByIdSync}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link setCodeDslByIdSync}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	setCodeDslByIdSyncAndGetHistoryId(id, codeConfig, force = true, options = {}) {
 		this.lastPushedHistoryId = null;
 		this.setCodeDslByIdSync(id, codeConfig, force, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
 	/**
-	* 等价于 {@link deleteCodeDslByIds}，但返回本次写入的全部历史记录 uuid（按删除顺序）。
-	* 一次删除多个代码块会产生多条历史记录，因此返回数组；未写入任何历史时返回空数组。
+	* 等价于 {@link deleteCodeDslByIds}，并额外返回本次写入的全部历史记录 uuid（按删除顺序）。
+	* 一次删除多个代码块会产生多条历史记录；未写入任何历史时 historyIds 为 `[]`。
 	*/
 	async deleteCodeDslByIdsAndGetHistoryId(codeIds, options = {}) {
 		this.lastDeletedHistoryIds = [];
 		await this.deleteCodeDslByIds(codeIds, options);
-		return [...this.lastDeletedHistoryIds];
+		return {
+			result: void 0,
+			historyIds: [...this.lastDeletedHistoryIds]
+		};
 	}
 	setParamsColConfig(config) {
 		this.state.paramsColConfig = config;
@@ -335,17 +344,19 @@ var CodeBlock = class extends BaseService {
 		return await this.applyRevertStep(entry.step, description);
 	}
 	/**
-	* 通过历史记录 uuid 回滚某条代码块历史步骤，语义同 {@link revert}，
-	* 仅无需调用方再传 codeBlockId 与 index：内部会按 uuid（{@link CodeBlockStepValue.uuid}）
-	* 在全部代码块栈中定位对应步骤后再回滚。
+	* 通过历史记录 uuid 回滚代码块历史步骤，语义同 {@link revert}，
+	* 仅无需调用方再传 codeBlockId 与 index：内部会按 uuid 在全部代码块栈中定位对应步骤后再回滚。
+	* 按数组顺序依次回滚，返回与入参同序的结果列表（某项失败时为 `null`）。
 	*
-	* @param uuid 目标历史记录的 uuid，通常由 {@link setCodeDslByIdAndGetHistoryId} 等方法返回
-	* @returns 反向后产生的新 step；找不到对应 uuid / 未应用时返回 null
+	* @param uuids 目标历史记录的 uuid 列表，通常由 {@link setCodeDslByIdAndGetHistoryId} 等方法返回的 `historyIds`
 	*/
-	async revertById(uuid) {
-		const location = history_default.findCodeBlockStepLocationByUuid(uuid);
-		if (!location) return null;
-		return await this.revert(location.id, location.index);
+	async revertById(uuids) {
+		const results = [];
+		for (const uuid of uuids) {
+			const location = history_default.findCodeBlockStepLocationByUuid(uuid);
+			results.push(location ? await this.revert(location.id, location.index) : null);
+		}
+		return results;
 	}
 	/**
 	* 生成代码块唯一id

package/dist/es/services/dataSource.js

@@ -1,5 +1,5 @@
 import BaseService from "./BaseService.js";
-import { describeRevertStep } from "../utils/history.js";
+import { describeRevertStep, getLastPushedHistoryIds } from "../utils/history.js";
 import history_default from "./history.js";
 import storage_default, { Protocol } from "./storage.js";
 import { COPY_DS_STORAGE_KEY } from "../utils/editor.js";
@@ -150,28 +150,35 @@ var DataSource = class extends BaseService {
 	}
 	/**
 	* 下列 *AndGetHistoryId 方法与对应的 add / update / remove 行为完全一致，
-	* 唯一区别是返回值为本次写入历史栈的历史记录 uuid（{@link DataSourceStepValue.uuid}），
-	* 而非数据源配置。可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
+	* 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入历史栈的 uuid 列表（{@link DataSourceStepValue.uuid}），
+	* 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
 	*
-	* 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时返回 null。
+	* 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时 historyIds 为 `[]`。
 	*/
-	/** 等价于 {@link add}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link add}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	addAndGetHistoryId(config, options = {}) {
 		this.lastPushedHistoryId = null;
-		this.add(config, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: this.add(config, options),
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link update}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link update}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	updateAndGetHistoryId(config, options = {}) {
 		this.lastPushedHistoryId = null;
-		this.update(config, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: this.update(config, options),
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link remove}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link remove}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	removeAndGetHistoryId(id, options = {}) {
 		this.lastPushedHistoryId = null;
 		this.remove(id, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
 	/**
 	* 撤销指定数据源的最近一次变更。
@@ -247,17 +254,18 @@ var DataSource = class extends BaseService {
 		return this.applyRevertStep(entry.step, description);
 	}
 	/**
-	* 通过历史记录 uuid 回滚某条数据源历史步骤，语义同 {@link revert}，
-	* 仅无需调用方再传 dataSourceId 与 index：内部会按 uuid（{@link DataSourceStepValue.uuid}）
-	* 在全部数据源栈中定位对应步骤后再回滚。
+	* 通过历史记录 uuid 回滚数据源历史步骤，语义同 {@link revert}，
+	* 仅无需调用方再传 dataSourceId 与 index：内部会按 uuid 在全部数据源栈中定位对应步骤后再回滚。
+	* 按数组顺序依次回滚，返回与入参同序的结果列表（某项失败时为 `null`）。
 	*
-	* @param uuid 目标历史记录的 uuid，通常由 {@link addAndGetHistoryId} 等方法返回
-	* @returns 反向后产生的新 step；找不到对应 uuid / 未应用时返回 null
+	* @param uuids 目标历史记录的 uuid 列表，通常由 {@link addAndGetHistoryId} 等方法返回的 `historyIds`
 	*/
-	revertById(uuid) {
-		const location = history_default.findDataSourceStepLocationByUuid(uuid);
-		if (!location) return null;
-		return this.revert(location.id, location.index);
+	revertById(uuids) {
+		return uuids.map((uuid) => {
+			const location = history_default.findDataSourceStepLocationByUuid(uuid);
+			if (!location) return null;
+			return this.revert(location.id, location.index);
+		});
 	}
 	createId() {
 		return `ds_${guid()}`;

package/dist/es/services/editor.js

@@ -1,6 +1,7 @@
 import { Layout, canUsePluginMethods } from "../type.js";
 import BaseService from "./BaseService.js";
 import props_default from "./props.js";
+import { getLastPushedHistoryIds } from "../utils/history.js";
 import history_default from "./history.js";
 import storage_default, { Protocol } from "./storage.js";
 import { COPY_STORAGE_KEY, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, classifyDragSources, collectRelatedNodes, describeStepForRevert, editorNodeMergeCustomizer, fixNodePosition, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, moveItemsInContainer, resolveSelectedNode, setChildrenLayout, setLayout, toggleFixedPosition } from "../utils/editor.js";
@@ -83,7 +84,7 @@ var Editor = class extends BaseService {
 				this.state.pageFragmentLength = 0;
 				this.state.stageLoading = false;
 			}
-			this.emit("root-change", value, preValue);
+			this.emit("root-change", value, preValue, options);
 		}
 	}
 	/**
@@ -106,12 +107,14 @@ var Editor = class extends BaseService {
 		if (!root) return {
 			node: null,
 			parent: null,
-			page: null
+			page: null,
+			path: []
 		};
 		if (id === root.id) return {
 			node: root,
 			parent: null,
-			page: null
+			page: null,
+			path: []
 		};
 		const pageIdStr = `${this.get("page")?.id || ""}`;
 		const currentPageNode = root.items?.find((item) => `${item.id}` === pageIdStr);
@@ -431,13 +434,12 @@ var Editor = class extends BaseService {
 		this.emit("remove", nodes);
 	}
 	async doUpdate(config, { changeRecords = [], historySource } = {}) {
-		const root = this.get("root");
-		if (!root) throw new Error("root为空");
+		if (!this.get("root")) throw new Error("root为空");
 		if (!config?.id) throw new Error("没有配置或者配置缺少id值");
 		const info = this.getNodeInfo(config.id, false);
 		if (!info.node) throw new Error(`获取不到id为${config.id}的节点`);
 		const node = toRaw(info.node);
-		let newConfig = await toggleFixedPosition(toRaw(config), node, root, this.getLayout);
+		let newConfig = await toggleFixedPosition(toRaw(config), node, info.path, this.getLayout);
 		newConfig = mergeWith(cloneDeep$1(node), newConfig, editorNodeMergeCustomizer);
 		if (!newConfig.type) throw new Error("配置缺少type值");
 		if (newConfig.type === NodeType.ROOT) {
@@ -812,46 +814,61 @@ var Editor = class extends BaseService {
 	}
 	/**
 	* 下列 *AndGetHistoryId 方法与对应的普通操作（add / remove / update ...）行为完全一致，
-	* 唯一区别是返回值为本次写入历史栈的历史记录 uuid（{@link StepValue.uuid}），
-	* 而非节点 / 节点数组。可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
+	* 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入历史栈的 uuid 列表（{@link StepValue.uuid}），
+	* 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
 	*
-	* 当本次操作未写入历史（doNotPushHistory 为 true、或操作无实际变更 / 提前返回）时返回 null。
+	* 当本次操作未写入历史（doNotPushHistory 为 true、或操作无实际变更 / 提前返回）时 historyIds 为 `[]`。
 	*/
-	/** 等价于 {@link add}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link add}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async addAndGetHistoryId(addNode, parent, options = {}) {
 		this.lastPushedHistoryId = null;
-		await this.add(addNode, parent, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: await this.add(addNode, parent, options),
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link remove}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link remove}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async removeAndGetHistoryId(nodeOrNodeList, options = {}) {
 		this.lastPushedHistoryId = null;
 		await this.remove(nodeOrNodeList, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link update}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link update}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async updateAndGetHistoryId(config, data = {}) {
 		this.lastPushedHistoryId = null;
-		await this.update(config, data);
-		return this.lastPushedHistoryId;
+		return {
+			result: await this.update(config, data),
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link moveLayer}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link moveLayer}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async moveLayerAndGetHistoryId(offset, options = {}) {
 		this.lastPushedHistoryId = null;
 		await this.moveLayer(offset, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link moveToContainer}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link moveToContainer}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async moveToContainerAndGetHistoryId(config, targetId, options = {}) {
 		this.lastPushedHistoryId = null;
-		await this.moveToContainer(config, targetId, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: await this.moveToContainer(config, targetId, options),
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
-	/** 等价于 {@link dragTo}，但返回本次写入历史记录的 uuid（未入栈时返回 null）。 */
+	/** 等价于 {@link dragTo}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
 	async dragToAndGetHistoryId(config, targetParent, targetIndex, options = {}) {
 		this.lastPushedHistoryId = null;
 		await this.dragTo(config, targetParent, targetIndex, options);
-		return this.lastPushedHistoryId;
+		return {
+			result: void 0,
+			historyIds: getLastPushedHistoryIds(this.lastPushedHistoryId)
+		};
 	}
 	/**
 	* 撤销当前操作
@@ -960,17 +977,19 @@ var Editor = class extends BaseService {
 		return revertedStep;
 	}
 	/**
-	* 通过历史记录 uuid 回滚当前页面的某条历史步骤，语义与 {@link revertPageStep} 完全一致，
-	* 仅入参从 index 改为 uuid（{@link StepValue.uuid}）。uuid 不随栈内步骤增删而变化，
-	* 更适合业务侧持有引用后再回滚（埋点、跨端同步等场景）。
+	* 通过历史记录 uuid 回滚当前页面的历史步骤，语义与 {@link revertPageStep} 完全一致，
+	* 仅入参从 index 改为 uuid 列表（{@link StepValue.uuid}）。按数组顺序依次回滚，
+	* 返回与入参同序的结果列表（某项失败时为 `null`）。
 	*
-	* @param uuid 目标历史记录的 uuid，通常由 *AndGetHistoryId 方法返回
-	* @returns 反向后产生的新 step；找不到对应 uuid / 未应用 / 反向失败时返回 null
+	* @param uuids 目标历史记录的 uuid 列表，通常由 *AndGetHistoryId 方法返回的 `historyIds`
 	*/
-	async revertPageStepById(uuid) {
-		const index = history_default.getPageStepIndexByUuid(uuid);
-		if (index < 0) return null;
-		return this.revertPageStep(index);
+	async revertPageStepById(uuids) {
+		const results = [];
+		for (const uuid of uuids) {
+			const index = history_default.getPageStepIndexByUuid(uuid);
+			results.push(index < 0 ? null : await this.revertPageStep(index));
+		}
+		return results;
 	}
 	/**
 	* 跳转当前页面历史栈到指定游标位置。

package/dist/es/services/history.js

@@ -6,13 +6,12 @@ import { idbGet, idbSet } from "../utils/indexed-db.js";
 import editor_default from "./editor.js";
 import { guid } from "@tmagic/utils";
 import { reactive } from "vue";
-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 PERSIST_VERSION = 2;
 var History = class extends BaseService {
 	state = reactive({
 		pageSteps: {},
@@ -335,7 +334,7 @@ var History = class extends BaseService {
 			dataSourceState: serializeStacks(this.state.dataSourceState),
 			savedAt: Date.now()
 		};
-		await idbSet(this.resolveDbName(dbName, appId), storeName, key, serialize(snapshot));
+		await idbSet(this.resolveDbName(dbName, appId), storeName, key, snapshot);
 		this.emit("save-to-indexed-db", snapshot);
 		return snapshot;
 	}
@@ -349,13 +348,12 @@ var History = class extends BaseService {
 	*/
 	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;
+		const snapshot = await idbGet(this.resolveDbName(dbName, appId), storeName, key);
 		if (!snapshot) return null;
-		this.state.pageSteps = deserializeStacks(snapshot.pageSteps);
-		this.state.codeBlockState = deserializeStacks(snapshot.codeBlockState);
-		this.state.dataSourceState = deserializeStacks(snapshot.dataSourceState);
+		const parseDSL = getEditorConfig("parseDSL");
+		this.state.pageSteps = deserializeStacks(snapshot.pageSteps, parseDSL);
+		this.state.codeBlockState = deserializeStacks(snapshot.codeBlockState, parseDSL);
+		this.state.dataSourceState = deserializeStacks(snapshot.dataSourceState, parseDSL);
 		this.state.pageId = snapshot.pageId;
 		this.setCanUndoRedo();
 		this.emit("restore-from-indexed-db", snapshot);
@@ -395,11 +393,8 @@ var History = class extends BaseService {
 		return mergePageSteps(targetPageId, list, undoRedo.getCursor()).filter((group) => group.opType !== "initial");
 	}
 	/**
-	* 取出全部代码块的历史栈，按 codeBlockId 分组。
-	* 同一栈内相邻、同 opType 且作用于同一 id 的多步会被合并为一个 group：
-	* - 这正是"代码块/数据源各自按 id 分栈"的天然表现，再叠加"连续修改同目标的相邻步骤合并展示"。
-	* - 合并后 group 暴露子步骤数组，UI 可展开查看每一步的 changeRecords。
-	* - applied 字段：组内最后一步是否处于已应用段。
+	* 取出全部代码块的历史栈，按 codeBlockId 分桶展示。
+	* 同一栈内每条操作记录独立成组，不做相邻 update 合并。
 	*/
 	getCodeBlockHistoryGroups() {
 		const groups = [];
@@ -496,7 +491,7 @@ var History = class extends BaseService {
 		return null;
 	}
 	/**
-	* 取出全部数据源的历史栈，按 dataSourceId 分组。同上。
+	* 取出全部数据源的历史栈，按 dataSourceId 分桶展示。同上，每条操作独立成组。
 	*/
 	getDataSourceHistoryGroups() {
 		const groups = [];

package/dist/es/style.css

@@ -2093,9 +2093,12 @@ fieldset.m-fieldset .m-form-tip {
 .border-box-container .border-icon-container .border-icon + .border-icon {
   margin-left: 8px;
 }
+.border-box-container .border-icon-container .border-icon.configured {
+  border-color: var(--el-color-success, var(--td-success-color, #2ba471));
+}
 .border-box-container .border-icon-container .border-icon.active {
   border-width: 1px;
-  border-color: var(--el-color-primary);
+  border-color: var(--el-color-primary, var(--td-brand-color, #0052d9));
 }
 .border-box-container .border-icon-container .border-icon.border-icon-top {
   border-top-width: 2px;

package/dist/es/utils/data-source/index.js

@@ -7,6 +7,7 @@ var dataSourceFormConfig = {
 	items: [
 		{
 			title: "数据定义",
+			status: "fields",
 			items: [{
 				name: "fields",
 				type: "data-source-fields",
@@ -15,6 +16,7 @@ var dataSourceFormConfig = {
 		},
 		{
 			title: "方法定义",
+			status: "methods",
 			items: [{
 				name: "methods",
 				type: "data-source-methods",