@tmagic/editor 1.8.0-manmanyu.8 → 1.8.0

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

@@ -1,4 +1,3 @@
-import { useServices } from "../../hooks/use-services.js";
 import CodeEditor_default from "../CodeEditor.js";
 import CompareForm_default from "../../components/CompareForm.js";
 import { TMagicButton, TMagicDialog, TMagicRadioButton, TMagicRadioGroup, TMagicTag } from "@tmagic/design";
@@ -21,14 +20,14 @@ var _hoisted_7 = {
 	key: 0,
 	class: "m-editor-history-diff-dialog-tip"
 };
-var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryDiffDialog",
 	__name: "HistoryDiffDialog",
 	props: {
-		services: { default: () => useServices() },
-		extendState: {},
+		services: {},
 		loadConfig: {},
 		width: { default: "900px" },
+		size: {},
 		isConfirm: { type: Boolean },
 		onConfirm: {},
 		selfDiffFieldTypes: {}
@@ -65,6 +64,20 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 		const dialogTitle = computed(() => props.onConfirm ? "确认回滚" : "查看修改差异");
 		const hasCurrent = computed(() => payload.value?.currentValue !== void 0 && payload.value?.currentValue !== null);
+		/** 是否存在该步「修改后的值」：不存在（如仅删除）时「与修改前对比」无意义，置灰禁用。 */
+		const hasValue = computed(() => payload.value?.value !== void 0 && payload.value?.value !== null);
+		/** 指定模式当前是否可用：before 依赖「修改后的值」，current 依赖「当前值」。 */
+		const isModeAvailable = (m) => m === "current" ? hasCurrent.value : hasValue.value;
+		/**
+		* 计算 open 时的初始对比模式：
+		* - 调用方通过 payload.mode 指定且该模式可用时，优先使用指定模式；
+		* - 否则没有「修改后的值」但有当前值时（「与修改前对比」不可用），默认进入「与当前对比」；
+		* - 其余情况默认「与修改前对比」。
+		*/
+		const resolveInitialMode = (specified) => {
+			if (specified && isModeAvailable(specified)) return specified;
+			return !hasValue.value && hasCurrent.value ? "current" : "before";
+		};
 		/** 左侧（旧/参照）值 */
 		const leftValue = computed(() => {
 			if (!payload.value) return {};
@@ -107,7 +120,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		});
 		const open = (p) => {
 			payload.value = p;
-			mode.value = "before";
+			mode.value = resolveInitialMode(p.mode);
 			viewMode.value = "form";
 			visible.value = true;
 		};
@@ -199,10 +212,13 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						size: "small",
 						class: "m-editor-history-diff-dialog-mode"
 					}, {
-						default: withCtx(() => [createVNode(unref(TMagicRadioButton), { value: "before" }, {
+						default: withCtx(() => [createVNode(unref(TMagicRadioButton), {
+							value: "before",
+							disabled: !hasValue.value
+						}, {
 							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("与修改前对比", -1)])]),
 							_: 1
-						}), createVNode(unref(TMagicRadioButton), {
+						}, 8, ["disabled"]), createVNode(unref(TMagicRadioButton), {
 							value: "current",
 							disabled: !hasCurrent.value
 						}, {
@@ -236,10 +252,10 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"data-source-type": payload.value.dataSourceType,
 						value: rightValue.value,
 						"last-value": leftValue.value,
-						"extend-state": __props.extendState,
 						"load-config": __props.loadConfig,
 						"self-diff-field-types": __props.selfDiffFieldTypes,
 						services: props.services,
+						size: props.size,
 						height: "70vh"
 					}, null, 8, [
 						"category",
@@ -247,10 +263,10 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"data-source-type",
 						"value",
 						"last-value",
-						"extend-state",
 						"load-config",
 						"self-diff-field-types",
-						"services"
+						"services",
+						"size"
 					])) : (openBlock(), createBlock(CodeEditor_default, {
 						key: 2,
 						type: "diff",

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

@@ -10,7 +10,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { Clock, Close } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/history-list/HistoryListPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-history-list" };
-var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListPanel",
 	__name: "HistoryListPanel",
 	setup(__props) {
@@ -62,38 +62,40 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		watch([disabledDataSource, disabledCodeBlock], ([dsDisabled, cbDisabled]) => {
 			if (activeTab.value === "data-source" && dsDisabled || activeTab.value === "code-block" && cbDisabled) activeTab.value = "page";
 		});
-		/**
-		* 通过 inject 拿到 Editor 顶层注入的 `extendFormState`，转交给 HistoryDiffDialog
-		* 内部的 CompareForm，使差异对比表单的 filterFunction 能拿到完整的业务上下文。
-		* 未提供时为 undefined，CompareForm/MForm 会跳过 extendState 处理。
-		*/
-		const extendFormState = inject("extendFormState", void 0);
 		const { expanded, toggleGroup, pageGroups, dataSourceGroups, codeBlockGroups, pageGroupsDisplay, dataSourceGroupsByTarget, codeBlockGroupsByTarget } = useHistoryList();
 		/**
 		* 当前活动页的「加载/初始」标记记录（设置 root 时生成），透传给 PageTab 的底部初始行展示。
 		* 基于 historyService 的 reactive state 派生，活动页切换或标记写入后自动刷新。
 		*/
-		const pageMarker = computed(() => historyService.getPageMarker());
+		const pageMarker = computed(() => historyService.getMarker("page", editorService.get("page")?.id));
+		/**
+		* 各历史类型的展示名称（页面 / 数据源 / 代码块），由 historyService.state.stepNames 配置，
+		* 业务方可通过 historyService.setStepName / registerStepType 覆盖。基于 reactive state 派生，配置变更后自动刷新。
+		*/
+		const pageName = computed(() => historyService.getStepName("page"));
+		const dataSourceName = computed(() => historyService.getStepName("dataSource"));
+		const codeBlockName = computed(() => historyService.getStepName("codeBlock"));
 		/** 代码块 step 仅 update（前后 content 都存在）时可查看差异。 */
 		const isStepDiffable = (step) => Boolean(step.diff?.[0]?.oldSchema && step.diff?.[0]?.newSchema);
 		/**
 		* 数据源 / 代码块两类 bucket 历史的整体渲染配置：把 title / prefix 与各自的描述、
 		* 可差异、可回滚判定收敛为单一对象整体注入 BucketTab，组件内部按需读取。
+		* title / 描述回退名取自可配置的展示名称，故用 computed 使其随 stepNames 变更刷新。
 		*/
-		const dataSourceConfig = {
-			title: "数据源",
+		const dataSourceConfig = computed(() => ({
+			title: dataSourceName.value,
 			prefix: "ds",
-			describeStep: (step) => describeStep(step, (schema) => schema?.title, "数据源"),
+			describeStep: (step) => describeStep(step, (schema) => schema?.title, dataSourceName.value),
 			isStepDiffable,
 			isStepRevertable: isSingleDiffStepRevertable
-		};
-		const codeBlockConfig = {
-			title: "代码块",
+		}));
+		const codeBlockConfig = computed(() => ({
+			title: codeBlockName.value,
 			prefix: "cb",
-			describeStep: (step) => describeStep(step, (content) => content?.name, "代码块"),
+			describeStep: (step) => describeStep(step, (content) => content?.name, codeBlockName.value),
 			isStepDiffable,
 			isStepRevertable: isSingleDiffStepRevertable
-		};
+		}));
 		/** 把"目标 step 索引"翻译成"目标 cursor"（已应用步骤数量）。 */
 		const indexToCursor = (index) => index + 1;
 		const onPageGoto = (index) => {
@@ -106,7 +108,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		* - 该 step 涉及的节点都已不存在（如删除记录、被撤销的新增）时给出提示，不做选中。
 		*/
 		const onPageSelect = async (index) => {
-			const step = historyService.getPageStepList()[index]?.step;
+			const step = historyService.getStepList("page", editorService.get("page")?.id)[index]?.step;
 			if (!step) return;
 			const targetId = (step.diff ?? []).map((item) => item.newSchema?.id ?? item.oldSchema?.id).find((id) => id !== void 0 && id !== null && editorService.getNodeById(id, false));
 			if (targetId === void 0 || targetId === null) {
@@ -141,9 +143,9 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		/**
 		* 「单步回滚」与「查看差异」的完整逻辑收敛到 useHistoryRevert，面板与业务方共用：
 		* 二者均由 useHistoryRevert 内部按需动态挂载 HistoryDiffDialog，
-		* 业务方亦可直接 import useHistoryRevert(services) 调用，无需自行挂载任何弹窗。
+		* 业务方亦可直接 import useHistoryRevert(options, services) 调用，无需自行挂载任何弹窗。
 		*/
-		const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert(services, { extendState: extendFormState });
+		const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert({}, services);
 		/**
 		* 把内存中（已清空对应类别后的）历史状态重新写回 IndexedDB，
 		* 使本地持久化的那份与内存保持一致——即「连同本地保存的一并删除」。
@@ -156,19 +158,19 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 		const onPageClear = async () => {
 			if (await confirmHistoryAction("确定清空当前页面的历史记录吗？清空后将无法撤销/重做之前的操作，本地保存的记录也会一并删除。")) {
-				historyService.clearPage();
+				historyService.clear("page", editorService.get("page")?.id);
 				await syncIndexedDB();
 			}
 		};
 		const onDataSourceClear = async () => {
 			if (await confirmHistoryAction("确定清空数据源的历史记录吗？清空后将无法撤销/重做之前的操作，本地保存的记录也会一并删除。")) {
-				historyService.clearDataSource();
+				historyService.clear("dataSource");
 				await syncIndexedDB();
 			}
 		};
 		const onCodeBlockClear = async () => {
 			if (await confirmHistoryAction("确定清空代码块的历史记录吗？清空后将无法撤销/重做之前的操作，本地保存的记录也会一并删除。")) {
-				historyService.clearCodeBlock();
+				historyService.clear("codeBlock");
 				await syncIndexedDB();
 			}
 		};
@@ -219,7 +221,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					default: withCtx(() => [
 						(openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(guardReactiveProps(unref(tabPaneComponent)?.props({
 							name: "page",
-							label: `页面 (${unref(pageGroups).length})`
+							label: `${pageName.value} (${unref(pageGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(PageTab_default, {
 								list: unref(pageGroupsDisplay),
@@ -244,10 +247,11 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						}, 16)),
 						!disabledDataSource.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(mergeProps({ key: 0 }, unref(tabPaneComponent)?.props({
 							name: "data-source",
-							label: `数据源 (${unref(dataSourceGroups).length})`
+							label: `${dataSourceName.value} (${unref(dataSourceGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(BucketTab_default, {
-								config: dataSourceConfig,
+								config: dataSourceConfig.value,
 								buckets: unref(dataSourceGroupsByTarget),
 								expanded: unref(expanded),
 								onToggle: unref(toggleGroup),
@@ -257,6 +261,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								onRevertStep: unref(onDataSourceRevert),
 								onClear: onDataSourceClear
 							}, null, 8, [
+								"config",
 								"buckets",
 								"expanded",
 								"onToggle",
@@ -267,10 +272,11 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						}, 16)) : createCommentVNode("v-if", true),
 						!disabledCodeBlock.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(mergeProps({ key: 1 }, unref(tabPaneComponent)?.props({
 							name: "code-block",
-							label: `代码块 (${unref(codeBlockGroups).length})`
+							label: `${codeBlockName.value} (${unref(codeBlockGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(BucketTab_default, {
-								config: codeBlockConfig,
+								config: codeBlockConfig.value,
 								buckets: unref(codeBlockGroupsByTarget),
 								expanded: unref(expanded),
 								onToggle: unref(toggleGroup),
@@ -280,6 +286,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								onRevertStep: unref(onCodeBlockRevert),
 								onClear: onCodeBlockClear
 							}, null, 8, [
+								"config",
 								"buckets",
 								"expanded",
 								"onToggle",
@@ -291,7 +298,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(extraTabs), (tab) => {
 							return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), mergeProps({ key: tab.name }, { ref_for: true }, unref(tabPaneComponent)?.props({
 								name: tab.name,
-								label: resolveTabLabel(tab)
+								label: resolveTabLabel(tab),
+								lazy: true
 							}) || {}), {
 								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tab.component), mergeProps({ ref_for: true }, tab.props || {}, toHandlers(tab.listeners || {})), null, 16))]),
 								_: 2

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

@@ -13,7 +13,7 @@ var _hoisted_4 = {
 	class: "m-editor-history-list-item-actions"
 };
 var _hoisted_5 = ["title"];
-var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InitialRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListInitialRow",
 	__name: "InitialRow",
 	props: {

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

@@ -13,7 +13,7 @@ var _hoisted_2 = {
 	class: "m-editor-history-list-toolbar"
 };
 var _hoisted_3 = { class: "m-editor-history-list-ul" };
-var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListPageTab",
 	__name: "PageTab",
 	props: {

package/dist/es/layouts/history-list/composables.js

@@ -181,4 +181,4 @@ var confirmHistoryAction = async (message) => {
 	}
 };
 //#endregion
-export { confirmHistoryAction, describePageGroup, describePageStep, describeStep, formatHistoryFullTime, formatHistoryTime, isHistoryGroupExpanded, isPageStepRevertable, isSingleDiffStepRevertable, opLabel, sourceLabel, toRowGroup };
+export { confirmHistoryAction, describePageGroup, describePageStep, describeStep, formatHistoryFullTime, formatHistoryTime, groupOperator, groupSource, groupTimestamp, isHistoryGroupExpanded, isPageStepRevertable, isSingleDiffStepRevertable, opLabel, sourceLabel, toRowGroup };

package/dist/es/layouts/history-list/useHistoryList.js

@@ -10,7 +10,7 @@ import { computed, reactive } from "vue";
 * 所有数据基于 historyService 的 reactive state 派生，自动跟随历史变化刷新。
 */
 var useHistoryList = () => {
-	const { historyService } = useServices();
+	const { editorService, historyService } = useServices();
 	/**
 	* 折叠状态：key 形如 `pg-${组内首步 index}` / `ds-${id}-${组内首步 index}` / `cb-${id}-${组内首步 index}`。
 	* 用组内首步的稳定 index（而非展示位置）作为 key，确保历史数据更新后已展开的分组状态保持不变。
@@ -20,9 +20,9 @@ var useHistoryList = () => {
 	const toggleGroup = (key) => {
 		expanded[key] = expanded[key] === false;
 	};
-	const pageGroups = computed(() => historyService.getPageHistoryGroups());
-	const dataSourceGroups = computed(() => historyService.getDataSourceHistoryGroups());
-	const codeBlockGroups = computed(() => historyService.getCodeBlockHistoryGroups());
+	const pageGroups = computed(() => historyService.getHistoryGroups("page", editorService.get("page")?.id));
+	const dataSourceGroups = computed(() => historyService.getHistoryGroups("dataSource"));
+	const codeBlockGroups = computed(() => historyService.getHistoryGroups("codeBlock"));
 	/** 页面 tab 倒序展示（最新一组在最上面）。 */
 	const pageGroupsDisplay = computed(() => pageGroups.value.slice().reverse());
 	/**

package/dist/es/layouts/history-list/useHistoryRevert.js

@@ -43,9 +43,10 @@ var mountHistoryDiffDialog = async (options) => {
 	const app = createApp(historyDiffDialog, {
 		services: options.services,
 		isConfirm: options.isConfirm,
-		extendState: options.extendState,
 		loadConfig: options.loadConfig,
 		selfDiffFieldTypes: options.selfDiffFieldTypes,
+		width: options.width,
+		size: options.size ?? options.services?.uiService?.get("propsPanelSize"),
 		onClose: options.onClose
 	});
 	if (options.appContext) Object.assign(app._context, options.appContext);
@@ -59,6 +60,7 @@ var mountHistoryDiffDialog = async (options) => {
 		}, 300);
 	};
 	return {
+		app,
 		instance,
 		destroy
 	};
@@ -116,15 +118,14 @@ var viewHistoryDiffDialog = async (payload, options) => {
 * ```ts
 * import { useHistoryRevert } from '@tmagic/editor';
 *
-* const { onPageRevert, onPageDiff } = useHistoryRevert(editorRef.value); // editorRef.value 即 Editor 暴露的 services
+* const { onPageRevert, onPageDiff } = useHistoryRevert({}, editorRef.value); // editorRef.value 即 Editor 暴露的 services
 * await onPageRevert(index); // 弹出差异 / 二次确认弹窗后回滚
 * onPageDiff(index); // 弹出只读差异弹窗查看前后值差异
 * ```
 */
-var useHistoryRevert = (services, options = {}) => {
-	const { editorService, dataSourceService, codeBlockService, historyService } = services;
+var useHistoryRevert = (options = {}, services) => {
 	const appContext = options.appContext ?? getCurrentInstance()?.appContext ?? null;
-	const { extendState } = options;
+	const { dialogWidth } = options;
 	/** 目标数据已被删除、无法回滚时的统一提示。 */
 	const showRevertTargetMissing = () => {
 		tMagicMessage.error("回滚失败：该记录对应的数据已被删除");
@@ -134,7 +135,7 @@ var useHistoryRevert = (services, options = {}) => {
 	* 不弹差异弹窗，改用一个普通确认框替代「确定回滚」按钮，避免点击后无任何提示直接执行。
 	* 用户取消时返回 false，调用方据此中止回滚。
 	*/
-	const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？回滚会将该操作作为一条新记录反向应用（新增将被删除、删除将被还原），不影响后续历史记录。");
+	const confirmRevert = () => confirmHistoryAction("确定回滚该步骤吗？");
 	/**
 	* 「回滚」统一确认入口：可差异对比的步骤动态挂载 HistoryDiffDialog 走差异确认弹窗，
 	* 无法对比的步骤（add / remove / 多节点更新）回退到普通二次确认框。
@@ -143,30 +144,31 @@ var useHistoryRevert = (services, options = {}) => {
 	const runRevert = (payload, extra) => {
 		if (payload) return confirmRevertWithDiffDialog(payload, {
 			appContext,
-			extendState,
 			services,
-			...extra
+			...extra,
+			width: extra?.width ?? dialogWidth,
+			size: extra?.size
 		});
 		return confirmRevert();
 	};
 	const buildPageDiffPayload = (index) => buildDiffPayload({
 		category: "node",
-		groups: () => historyService.getPageHistoryGroups(),
-		getCurrent: (id) => editorService.getNodeById(id),
+		groups: () => services?.historyService.getHistoryGroups("page", services?.editorService.get("page")?.id) ?? [],
+		getCurrent: (id) => services?.editorService.getNodeById(id),
 		resolveType: (n, o) => n.type || o.type || "",
 		resolveLabel: (n, o) => n.name || o.name || n.type || o.type || ""
 	}, index);
 	const buildDataSourceDiffPayload = (id, index) => buildDiffPayload({
 		category: "data-source",
-		groups: () => historyService.getDataSourceHistoryGroups(),
-		getCurrent: (id) => dataSourceService.getDataSourceById(`${id}`),
+		groups: () => services?.historyService.getHistoryGroups("dataSource") ?? [],
+		getCurrent: (id) => services?.dataSourceService.getDataSourceById(`${id}`),
 		resolveType: (n, o) => n.type || o.type || "base",
 		resolveLabel: (n, o, id) => n.title || o.title || `${id}`
 	}, index, id);
 	const buildCodeBlockDiffPayload = (id, index) => buildDiffPayload({
 		category: "code-block",
-		groups: () => historyService.getCodeBlockHistoryGroups(),
-		getCurrent: (id) => codeBlockService.getCodeContentById(id),
+		groups: () => services?.historyService.getHistoryGroups("codeBlock") ?? [],
+		getCurrent: (id) => services?.codeBlockService.getCodeContentById(id),
 		resolveLabel: (n, o, id) => n.name || o.name || `${id}`
 	}, index, id);
 	/**
@@ -176,45 +178,45 @@ var useHistoryRevert = (services, options = {}) => {
 	* add（回滚即删除）即使目标已不在，也已达成「删除」目的，不视为失败。
 	*/
 	const isPageRevertTargetMissing = (index) => {
-		const step = historyService.getPageStepList()[index]?.step;
+		const step = services?.historyService.getStepList("page", services?.editorService.get("page")?.id)[index]?.step;
 		if (!step) return false;
 		if (step.opType === "update") return (step.diff ?? []).some((item) => {
 			const id = item.newSchema?.id ?? item.oldSchema?.id;
-			return id !== void 0 && !editorService.getNodeById(id, false);
+			return id !== void 0 && !services?.editorService.getNodeById(id, false);
 		});
-		if (step.opType === "remove") return (step.diff ?? []).some((item) => item.parentId !== void 0 && !editorService.getNodeById(item.parentId, false));
+		if (step.opType === "remove") return (step.diff ?? []).some((item) => item.parentId !== void 0 && !services?.editorService.getNodeById(item.parentId, false));
 		return false;
 	};
 	/** 数据源 update 步骤回滚时，对应数据源必须仍存在（已删除则无处写回旧值）。 */
 	const isDataSourceRevertTargetMissing = (id, index) => {
-		const step = historyService.getDataSourceStepList(id)[index]?.step;
-		return Boolean(step?.opType === "update" && !dataSourceService.getDataSourceById(`${id}`));
+		const step = services?.historyService.getStepList("dataSource", id)[index]?.step;
+		return Boolean(step?.opType === "update" && !services?.dataSourceService.getDataSourceById(`${id}`));
 	};
 	/** 代码块 update 步骤回滚时，对应代码块必须仍存在（已删除则无处写回旧值）。 */
 	const isCodeBlockRevertTargetMissing = (id, index) => {
-		const step = historyService.getCodeBlockStepList(id)[index]?.step;
-		return Boolean(step?.opType === "update" && !codeBlockService.getCodeContentById(id));
+		const step = services?.historyService.getStepList("codeBlock", id)[index]?.step;
+		return Boolean(step?.opType === "update" && !services?.codeBlockService.getCodeContentById(id));
 	};
 	const onPageRevert = (index) => {
 		if (isPageRevertTargetMissing(index)) {
 			showRevertTargetMissing();
 			return Promise.resolve(null);
 		}
-		return runRevert(buildPageDiffPayload(index)).then((result) => result ? editorService.revertPageStep(index) : null);
+		return runRevert(buildPageDiffPayload(index), {}).then((result) => result ? services?.editorService.revertPageStep(index) : null);
 	};
 	const onDataSourceRevert = (id, index) => {
 		if (isDataSourceRevertTargetMissing(id, index)) {
 			showRevertTargetMissing();
 			return Promise.resolve(null);
 		}
-		return runRevert(buildDataSourceDiffPayload(id, index)).then((result) => result ? dataSourceService.revert(id, index) : null);
+		return runRevert(buildDataSourceDiffPayload(id, index)).then((result) => result ? services?.dataSourceService.revert(id, index) : null);
 	};
 	const onCodeBlockRevert = (id, index) => {
 		if (isCodeBlockRevertTargetMissing(id, index)) {
 			showRevertTargetMissing();
 			return Promise.resolve(null);
 		}
-		return runRevert(buildCodeBlockDiffPayload(id, index)).then((result) => result ? codeBlockService.revert(id, index) : null);
+		return runRevert(buildCodeBlockDiffPayload(id, index)).then((result) => result ? services?.codeBlockService.revert(id, index) : null);
 	};
 	/**
 	* 「查看差异」：可差异对比的步骤（单实体 update）动态挂载只读 HistoryDiffDialog 展示前后值差异，
@@ -224,24 +226,24 @@ var useHistoryRevert = (services, options = {}) => {
 		const payload = buildPageDiffPayload(index);
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
-			extendState,
-			services
+			services,
+			width: dialogWidth
 		});
 	};
 	const onDataSourceDiff = (id, index) => {
 		const payload = buildDataSourceDiffPayload(id, index);
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
-			extendState,
-			services
+			services,
+			width: dialogWidth
 		});
 	};
 	const onCodeBlockDiff = (id, index) => {
 		const payload = buildCodeBlockDiffPayload(id, index);
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
-			extendState,
-			services
+			services,
+			width: dialogWidth
 		});
 	};
 	/**
@@ -267,7 +269,9 @@ var useHistoryRevert = (services, options = {}) => {
 		}
 		if (!await runRevert(revertOptions.diffPayload ?? null, {
 			loadConfig: revertOptions.loadConfig,
-			selfDiffFieldTypes: revertOptions.selfDiffFieldTypes
+			selfDiffFieldTypes: revertOptions.selfDiffFieldTypes,
+			width: revertOptions.width,
+			size: revertOptions.size
 		})) return null;
 		return await revertOptions.revert();
 	};
@@ -278,9 +282,10 @@ var useHistoryRevert = (services, options = {}) => {
 	const viewDiff = (payload, extra) => {
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
-			extendState,
 			services,
-			...extra
+			...extra,
+			width: extra?.width ?? dialogWidth,
+			size: extra?.size
 		});
 	};
 	return {

package/dist/es/layouts/page-bar/AddButton.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ var _hoisted_2 = {
 	key: 1,
 	style: { "width": "21px" }
 };
-var AddButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var AddButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBarAddButton",
 	__name: "AddButton",
 	setup(__props) {

package/dist/es/layouts/page-bar/PageBar.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_1 = { class: "m-editor-page-bar-tabs" };
 var _hoisted_2 = ["data-page-id", "onClick"];
 var _hoisted_3 = { class: "m-editor-page-bar-title" };
 var _hoisted_4 = ["title"];
-var PageBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBar",
 	__name: "PageBar",
 	props: {

package/dist/es/layouts/page-bar/PageBarScrollContainer.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_2 = {
 	class: "m-editor-page-bar-items",
 	ref: "itemsContainer"
 };
-var PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBarScrollContainer",
 	__name: "PageBarScrollContainer",
 	props: {

package/dist/es/layouts/page-bar/PageList.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ var _hoisted_1 = {
 };
 var _hoisted_2 = { class: "page-bar-popover-wrapper" };
 var _hoisted_3 = { class: "page-bar-popover-inner" };
-var PageList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageList",
 	__name: "PageList",
 	props: { list: {} },

package/dist/es/layouts/page-bar/Search.vue_vue_type_script_setup_true_lang.js

@@ -5,13 +5,13 @@ import { Teleport, createBlock, createCommentVNode, createElementBlock, createVN
 import { Search } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/page-bar/Search.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search" };
-var Search_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Search",
 	props: {
 		"query": {},
 		"queryModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels(["search"], ["update:query"]),
+	emits: /*@__PURE__*/ mergeModels(["search"], ["update:query"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const query = useModel(__props, "query");