@tmagic/editor 1.8.0-beta.10 → 1.8.0-beta.11

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

@@ -67,11 +67,18 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		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 = () => !hasValue.value && hasCurrent.value ? "current" : "before";
+		const resolveInitialMode = (specified) => {
+			if (specified && isModeAvailable(specified)) return specified;
+			return !hasValue.value && hasCurrent.value ? "current" : "before";
+		};
 		/** 左侧（旧/参照）值 */
 		const leftValue = computed(() => {
 			if (!payload.value) return {};
@@ -114,7 +121,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		});
 		const open = (p) => {
 			payload.value = p;
-			mode.value = resolveInitialMode();
+			mode.value = resolveInitialMode(p.mode);
 			viewMode.value = "form";
 			visible.value = true;
 		};

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

@@ -47,6 +47,7 @@ var mountHistoryDiffDialog = async (options) => {
 		loadConfig: options.loadConfig,
 		selfDiffFieldTypes: options.selfDiffFieldTypes,
 		compareFormState: options.compareFormState,
+		width: options.width,
 		onClose: options.onClose
 	});
 	if (options.appContext) Object.assign(app._context, options.appContext);
@@ -125,7 +126,7 @@ var viewHistoryDiffDialog = async (payload, options) => {
 */
 var useHistoryRevert = (options = {}, services) => {
 	const appContext = options.appContext ?? getCurrentInstance()?.appContext ?? null;
-	const { extendState, getPropsPanelFormState } = options;
+	const { extendState, getPropsPanelFormState, dialogWidth } = options;
 	/** 目标数据已被删除、无法回滚时的统一提示。 */
 	const showRevertTargetMissing = () => {
 		tMagicMessage.error("回滚失败：该记录对应的数据已被删除");
@@ -146,7 +147,8 @@ var useHistoryRevert = (options = {}, services) => {
 			appContext,
 			extendState,
 			services,
-			...extra
+			...extra,
+			width: extra?.width ?? dialogWidth
 		});
 		return confirmRevert();
 	};
@@ -227,6 +229,7 @@ var useHistoryRevert = (options = {}, services) => {
 			appContext,
 			extendState,
 			services,
+			width: dialogWidth,
 			compareFormState: getPropsPanelFormState?.()
 		});
 	};
@@ -235,7 +238,8 @@ var useHistoryRevert = (options = {}, services) => {
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
 			extendState,
-			services
+			services,
+			width: dialogWidth
 		});
 	};
 	const onCodeBlockDiff = (id, index) => {
@@ -243,7 +247,8 @@ var useHistoryRevert = (options = {}, services) => {
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
 			extendState,
-			services
+			services,
+			width: dialogWidth
 		});
 	};
 	/**
@@ -269,7 +274,8 @@ var useHistoryRevert = (options = {}, services) => {
 		}
 		if (!await runRevert(revertOptions.diffPayload ?? null, {
 			loadConfig: revertOptions.loadConfig,
-			selfDiffFieldTypes: revertOptions.selfDiffFieldTypes
+			selfDiffFieldTypes: revertOptions.selfDiffFieldTypes,
+			width: revertOptions.width
 		})) return null;
 		return await revertOptions.revert();
 	};
@@ -282,7 +288,8 @@ var useHistoryRevert = (options = {}, services) => {
 			appContext,
 			extendState,
 			services,
-			...extra
+			...extra,
+			width: extra?.width ?? dialogWidth
 		});
 	};
 	return {

package/dist/tmagic-editor.umd.cjs

@@ -11529,11 +11529,18 @@
 				const hasCurrent = (0, vue.computed)(() => payload.value?.currentValue !== void 0 && payload.value?.currentValue !== null);
 				/** 是否存在该步「修改后的值」：不存在（如仅删除）时「与修改前对比」无意义，置灰禁用。 */
 				const hasValue = (0, vue.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 = () => !hasValue.value && hasCurrent.value ? "current" : "before";
+				const resolveInitialMode = (specified) => {
+					if (specified && isModeAvailable(specified)) return specified;
+					return !hasValue.value && hasCurrent.value ? "current" : "before";
+				};
 				/** 左侧（旧/参照）值 */
 				const leftValue = (0, vue.computed)(() => {
 					if (!payload.value) return {};
@@ -11576,7 +11583,7 @@
 				});
 				const open = (p) => {
 					payload.value = p;
-					mode.value = resolveInitialMode();
+					mode.value = resolveInitialMode(p.mode);
 					viewMode.value = "form";
 					visible.value = true;
 				};
@@ -11802,6 +11809,7 @@
 			loadConfig: options.loadConfig,
 			selfDiffFieldTypes: options.selfDiffFieldTypes,
 			compareFormState: options.compareFormState,
+			width: options.width,
 			onClose: options.onClose
 		});
 		if (options.appContext) Object.assign(app._context, options.appContext);
@@ -11880,7 +11888,7 @@
 	*/
 	var useHistoryRevert = (options = {}, services) => {
 		const appContext = options.appContext ?? (0, vue.getCurrentInstance)()?.appContext ?? null;
-		const { extendState, getPropsPanelFormState } = options;
+		const { extendState, getPropsPanelFormState, dialogWidth } = options;
 		/** 目标数据已被删除、无法回滚时的统一提示。 */
 		const showRevertTargetMissing = () => {
 			_tmagic_design.tMagicMessage.error("回滚失败：该记录对应的数据已被删除");
@@ -11901,7 +11909,8 @@
 				appContext,
 				extendState,
 				services,
-				...extra
+				...extra,
+				width: extra?.width ?? dialogWidth
 			});
 			return confirmRevert();
 		};
@@ -11982,6 +11991,7 @@
 				appContext,
 				extendState,
 				services,
+				width: dialogWidth,
 				compareFormState: getPropsPanelFormState?.()
 			});
 		};
@@ -11990,7 +12000,8 @@
 			if (payload) return viewHistoryDiffDialog(payload, {
 				appContext,
 				extendState,
-				services
+				services,
+				width: dialogWidth
 			});
 		};
 		const onCodeBlockDiff = (id, index) => {
@@ -11998,7 +12009,8 @@
 			if (payload) return viewHistoryDiffDialog(payload, {
 				appContext,
 				extendState,
-				services
+				services,
+				width: dialogWidth
 			});
 		};
 		/**
@@ -12024,7 +12036,8 @@
 			}
 			if (!await runRevert(revertOptions.diffPayload ?? null, {
 				loadConfig: revertOptions.loadConfig,
-				selfDiffFieldTypes: revertOptions.selfDiffFieldTypes
+				selfDiffFieldTypes: revertOptions.selfDiffFieldTypes,
+				width: revertOptions.width
 			})) return null;
 			return await revertOptions.revert();
 		};
@@ -12037,7 +12050,8 @@
 				appContext,
 				extendState,
 				services,
-				...extra
+				...extra,
+				width: extra?.width ?? dialogWidth
 			});
 		};
 		return {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0-beta.10",
+  "version": "1.8.0-beta.11",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -58,11 +58,11 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^7.0.0",
     "sortablejs": "^1.15.6",
-    "@tmagic/design": "1.8.0-beta.10",
-    "@tmagic/form": "1.8.0-beta.10",
-    "@tmagic/table": "1.8.0-beta.10",
-    "@tmagic/utils": "1.8.0-beta.10",
-    "@tmagic/stage": "1.8.0-beta.10"
+    "@tmagic/form": "1.8.0-beta.11",
+    "@tmagic/design": "1.8.0-beta.11",
+    "@tmagic/stage": "1.8.0-beta.11",
+    "@tmagic/utils": "1.8.0-beta.11",
+    "@tmagic/table": "1.8.0-beta.11"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
@@ -76,7 +76,7 @@
     "type-fest": "^5.2.0",
     "typescript": "^6.0.3",
     "vue": "^3.5.38",
-    "@tmagic/core": "1.8.0-beta.10"
+    "@tmagic/core": "1.8.0-beta.11"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/layouts/history-list/HistoryDiffDialog.vue

@@ -162,11 +162,19 @@ const hasCurrent = computed(() => payload.value?.currentValue !== undefined && p
 /** 是否存在该步「修改后的值」：不存在（如仅删除）时「与修改前对比」无意义，置灰禁用。 */
 const hasValue = computed(() => payload.value?.value !== undefined && payload.value?.value !== null);
 
+/** 指定模式当前是否可用：before 依赖「修改后的值」，current 依赖「当前值」。 */
+const isModeAvailable = (m: DiffMode): boolean => (m === 'current' ? hasCurrent.value : hasValue.value);
+
 /**
  * 计算 open 时的初始对比模式：
- * 没有「修改后的值」但有当前值时（「与修改前对比」不可用），默认进入「与当前对比」；否则默认「与修改前对比」。
+ * - 调用方通过 payload.mode 指定且该模式可用时，优先使用指定模式；
+ * - 否则没有「修改后的值」但有当前值时（「与修改前对比」不可用），默认进入「与当前对比」；
+ * - 其余情况默认「与修改前对比」。
  */
-const resolveInitialMode = (): DiffMode => (!hasValue.value && hasCurrent.value ? 'current' : 'before');
+const resolveInitialMode = (specified?: DiffMode): DiffMode => {
+  if (specified && isModeAvailable(specified)) return specified;
+  return !hasValue.value && hasCurrent.value ? 'current' : 'before';
+};
 
 /** 左侧（旧/参照）值 */
 const leftValue = computed<Record<string, any>>(() => {
@@ -222,8 +230,8 @@ const targetText = computed(() => {
 const open = (p: DiffDialogPayload) => {
   payload.value = p;
   // 每次打开按 payload 重置对比模式（hasValue / hasCurrent 依赖 payload，需先赋值）：
-  // 无「修改后的值」但有当前值时默认「与当前对比」，否则默认「与修改前对比」
-  mode.value = resolveInitialMode();
+  // 优先使用 payload.mode 指定的模式；不可用或未指定时按数据自动推断。
+  mode.value = resolveInitialMode(p.mode);
   // 默认回到表单对比形态，避免残留上一次选择的源码模式
   viewMode.value = 'form';
   visible.value = true;

package/src/layouts/history-list/useHistoryRevert.ts

@@ -94,6 +94,7 @@ const mountHistoryDiffDialog = async (
     loadConfig: options.loadConfig,
     selfDiffFieldTypes: options.selfDiffFieldTypes,
     compareFormState: options.compareFormState,
+    width: options.width,
     onClose: options.onClose,
   });
   if (options.appContext) {
@@ -192,7 +193,7 @@ const viewHistoryDiffDialog = async (
 export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services?: Services) => {
   // 自动捕获调用方所在组件的 appContext（在 setup 中调用时），业务方亦可显式覆盖。
   const appContext = options.appContext ?? getCurrentInstance()?.appContext ?? null;
-  const { extendState, getPropsPanelFormState } = options;
+  const { extendState, getPropsPanelFormState, dialogWidth } = options;
 
   /** 目标数据已被删除、无法回滚时的统一提示。 */
   const showRevertTargetMissing = () => {
@@ -216,7 +217,13 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
    */
   const runRevert = (payload: DiffDialogPayload | null, extra?: CustomDiffFormOptions): Promise<boolean> => {
     if (payload) {
-      return confirmRevertWithDiffDialog(payload, { appContext, extendState, services, ...extra });
+      return confirmRevertWithDiffDialog(payload, {
+        appContext,
+        extendState,
+        services,
+        ...extra,
+        width: extra?.width ?? dialogWidth,
+      });
     }
     return confirmRevert();
   };
@@ -334,6 +341,7 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
         appContext,
         extendState,
         services,
+        width: dialogWidth,
         compareFormState: getPropsPanelFormState?.(),
       });
     }
@@ -341,12 +349,12 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
 
   const onDataSourceDiff = (id: string | number, index: number): Promise<void> | void => {
     const payload = buildDataSourceDiffPayload(id, index);
-    if (payload) return viewHistoryDiffDialog(payload, { appContext, extendState, services });
+    if (payload) return viewHistoryDiffDialog(payload, { appContext, extendState, services, width: dialogWidth });
   };
 
   const onCodeBlockDiff = (id: string | number, index: number): Promise<void> | void => {
     const payload = buildCodeBlockDiffPayload(id, index);
-    if (payload) return viewHistoryDiffDialog(payload, { appContext, extendState, services });
+    if (payload) return viewHistoryDiffDialog(payload, { appContext, extendState, services, width: dialogWidth });
   };
 
   /**
@@ -373,6 +381,7 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
     const confirmed = await runRevert(revertOptions.diffPayload ?? null, {
       loadConfig: revertOptions.loadConfig,
       selfDiffFieldTypes: revertOptions.selfDiffFieldTypes,
+      width: revertOptions.width,
     });
     if (!confirmed) return null;
     return await revertOptions.revert();
@@ -383,7 +392,14 @@ export const useHistoryRevert = (options: UseHistoryRevertOptions = {}, services
    * 可透传 `loadConfig` / `selfDiffFieldTypes`。payload 为 null（不可对比）时静默返回。
    */
   const viewDiff = (payload: DiffDialogPayload | null, extra?: CustomDiffFormOptions): Promise<void> | void => {
-    if (payload) return viewHistoryDiffDialog(payload, { appContext, extendState, services, ...extra });
+    if (payload)
+      return viewHistoryDiffDialog(payload, {
+        appContext,
+        extendState,
+        services,
+        ...extra,
+        width: extra?.width ?? dialogWidth,
+      });
   };
 
   return {

package/src/type.ts

@@ -1352,6 +1352,14 @@ export interface DiffDialogPayload {
   targetLabel?: string;
   /** 用于标题展示的目标 id */
   id?: string | number;
+  /**
+   * 指定打开时的初始对比模式：
+   * - before：该步骤修改前 vs 修改后
+   * - current：该步骤修改后 vs 当前最新值
+   * 不传时按是否存在「修改后的值」/「当前值」自动推断。
+   * 若指定的模式当前不可用（对应数据缺失），将回退到自动推断结果。
+   */
+  mode?: 'before' | 'current';
 }
 
 /**
@@ -1408,6 +1416,12 @@ export interface UseHistoryRevertOptions {
    * 以保证两处 filterFunction 读取到一致的运行态上下文。
    */
   getPropsPanelFormState?: () => FormState | undefined;
+  /**
+   * 内置页面 / 数据源 / 代码块的差异 / 回滚确认弹窗默认宽度（透传给 TMagicDialog 的 `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   * 业务自有历史（`viewDiff` / `confirmAndRevert`）可在调用时通过各自入参的 `width` 单独覆盖。
+   */
+  dialogWidth?: string;
 }
 
 /**
@@ -1428,6 +1442,11 @@ export interface CustomDiffFormOptions {
    * 对比弹窗会用它覆盖 CompareForm 中同名扩展字段，避免上下文不一致。
    */
   compareFormState?: FormState;
+  /**
+   * 差异 / 确认回滚弹窗宽度（透传给 HistoryDiffDialog 的 TMagicDialog `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   */
+  width?: string;
 }
 
 /**

package/types/index.d.ts

@@ -2588,6 +2588,14 @@ interface DiffDialogPayload {
   targetLabel?: string;
   /** 用于标题展示的目标 id */
   id?: string | number;
+  /**
+   * 指定打开时的初始对比模式：
+   * - before：该步骤修改前 vs 修改后
+   * - current：该步骤修改后 vs 当前最新值
+   * 不传时按是否存在「修改后的值」/「当前值」自动推断。
+   * 若指定的模式当前不可用（对应数据缺失），将回退到自动推断结果。
+   */
+  mode?: 'before' | 'current';
 }
 /**
  * 一组「描述 + 可操作性」的判定函数集合。页面 / 数据源 / 代码块及业务自定义历史
@@ -2641,6 +2649,12 @@ interface UseHistoryRevertOptions {
    * 以保证两处 filterFunction 读取到一致的运行态上下文。
    */
   getPropsPanelFormState?: () => FormState | undefined;
+  /**
+   * 内置页面 / 数据源 / 代码块的差异 / 回滚确认弹窗默认宽度（透传给 TMagicDialog 的 `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   * 业务自有历史（`viewDiff` / `confirmAndRevert`）可在调用时通过各自入参的 `width` 单独覆盖。
+   */
+  dialogWidth?: string;
 }
 /**
  * 业务自有历史（如管理台「模块」）做差异对比时所需的额外渲染入参。
@@ -2660,6 +2674,11 @@ interface CustomDiffFormOptions {
    * 对比弹窗会用它覆盖 CompareForm 中同名扩展字段，避免上下文不一致。
    */
   compareFormState?: FormState;
+  /**
+   * 差异 / 确认回滚弹窗宽度（透传给 HistoryDiffDialog 的 TMagicDialog `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   */
+  width?: string;
 }
 /**
  * 业务自有历史复用「单步回滚」交互（{@link useHistoryRevert} 的 `confirmAndRevert`）的入参。