@tmagic/editor 1.8.0-beta.0 → 1.8.0-beta.2

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import formPlugin, { CascaderOption, ChangeRecord, CodeSelectColConfig, CodeSelectConfig, CondOpSelectConfig, ContainerChangeEventData, DataSourceFieldSelectConfig, DataSourceFieldsConfig, DataSourceInputConfig, DataSourceMethodSelectConfig, DataSourceMethodsConfig, DataSourceMocksConfig, DataSourceSelect, DisplayCondsConfig, EventSelectConfig, FieldProps, FormConfig, FormInstallOptions, FormState, FormValue, KeyValueConfig, PageFragmentSelectConfig, TabPaneConfig, TableColumnConfig, TypeFunction } from "@tmagic/form";
+import formPlugin, { CascaderOption, ChangeRecord, CodeSelectColConfig, CodeSelectConfig, CondOpSelectConfig, ContainerChangeEventData, DataSourceFieldSelectConfig, DataSourceFieldsConfig, DataSourceInputConfig, DataSourceMethodSelectConfig, DataSourceMethodsConfig, DataSourceMocksConfig, DataSourceSelect, DisplayCondsConfig, EventSelectConfig, FieldProps, FormConfig, FormInstallOptions, FormState, FormValue, KeyValueConfig, MForm, PageFragmentSelectConfig, TabPaneConfig, TableColumnConfig, TypeFunction } from "@tmagic/form";
 import tablePlugin from "@tmagic/table";
 import StageCore, { CanDropIn, ContainerHighlightType, CustomizeMoveableOptions, GuidesOptions, RenderType, UpdateDragEl, default as StageCore$1 } from "@tmagic/stage";
 import designPlugin, { ButtonProps, DesignPluginOptions } from "@tmagic/design";
@@ -9,6 +9,7 @@ import EventEmitter, { EventEmitter as EventEmitter$1 } from "events";
 import * as Monaco from "monaco-editor";
 import Sortable, { Options, SortableEvent } from "sortablejs";
 import { PascalCasedProperties, Writable } from "type-fest";
+import { FormItemConfig } from "@tmagic/form-schema";
 import { StyleSchema } from "@tmagic/schema";
 export * from "@tmagic/form";
 export * from "@tmagic/table";
@@ -18,10 +19,9 @@ export * from "@tmagic/utils";
 
 //#region temp/packages/editor/src/services/BaseService.d.ts
 /**
- * 提供两种方式对Class进行扩展
- * 方法1：
+ * 对Class进行扩展
  * 给Class中的每个方法都添加before after两个钩子
- * 给Class添加一个usePlugin方法，use方法可以传入一个包含before或者after方法的对象
+ * 给Class添加一个usePlugin方法，usePlugin方法可以传入一个包含before或者after方法的对象
  *
  * 例如：
  *   Class EditorService extends BaseService {
@@ -46,37 +46,15 @@ export * from "@tmagic/utils";
  *
  * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after第一个参数则是原方法的return值;
  * 如需终止后续方法调用可以return new Error();
- *
- * 方法2：
- * 给Class中的每个方法都添加中间件
- * 给Class添加一个use方法，use方法可以传入一个包含源对象方法名作为key值的对象
- *
- * 例如：
- *   Class EditorService extends BaseService {
- *     constructor() {
- *       super([ { name: 'add', isAsync: true },]);
- *     }
- *     add(value) { return result; }
- *   };
- *
- *  const editorService = new EditorService();
- *  editorService.use({
- *    add(value, next) { console.log(value); next() },
- *  });
  */
-declare class export_default extends EventEmitter$1 {
+declare class BaseService extends EventEmitter$1 {
   private pluginOptionsList;
-  private middleware;
   private taskList;
   private doingTask;
   constructor(methods?: {
     name: string;
     isAsync: boolean;
   }[], serialMethods?: string[]);
-  /**
-   * @deprecated 请使用usePlugin代替
-   */
-  use(options: Record<string, Function>): void;
   usePlugin(options: Record<string, Function>): void;
   removePlugin(options: Record<string, Function>): void;
   removeAllPlugins(): void;
@@ -89,7 +67,7 @@ declare const canUsePluginMethods$7: {
   sync: string[];
 };
 type AsyncMethodName$4 = Writable<(typeof canUsePluginMethods$7)['async']>;
-declare class CodeBlock extends export_default {
+declare class CodeBlock extends BaseService {
   private state;
   constructor();
   /**
@@ -115,18 +93,32 @@ declare class CodeBlock extends export_default {
    * 设置代码块ID和代码内容到源dsl
    * @param {Id} id 代码块id
    * @param {CodeBlockContent} codeConfig 代码块内容配置信息
+   * @param options 可选配置
+   * @param options.changeRecords form 端 propPath/value 列表，用于历史记录的精细化撤销/重做
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    * @returns {void}
    */
-  setCodeDslById(id: Id, codeConfig: Partial<CodeBlockContent>): Promise<void>;
+  setCodeDslById(id: Id, codeConfig: Partial<CodeBlockContent>, {
+    changeRecords,
+    doNotPushHistory
+  }?: HistoryOpOptionsWithChangeRecords): Promise<void>;
   /**
    * 为了兼容历史原因
    * 设置代码块ID和代码内容到源dsl
    * @param {Id} id 代码块id
    * @param {CodeBlockContent} codeConfig 代码块内容配置信息
    * @param {boolean} force 是否强制写入，默认true
+   * @param options 可选配置
+   * @param options.changeRecords form 端 propPath/value 列表，用于历史记录的精细化撤销/重做
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
+   * @param options.historyDescription 入栈时附带的人类可读描述，用于历史面板展示
    * @returns {void}
    */
-  setCodeDslByIdSync(id: Id, codeConfig: Partial<CodeBlockContent>, force?: boolean): void;
+  setCodeDslByIdSync(id: Id, codeConfig: Partial<CodeBlockContent>, force?: boolean, {
+    changeRecords,
+    doNotPushHistory,
+    historyDescription
+  }?: HistoryOpOptionsWithChangeRecords): void;
   /**
    * 根据代码块id数组获取代码dsl
    * @param {string[]} ids 代码块id数组
@@ -181,10 +173,56 @@ declare class CodeBlock extends export_default {
   /**
    * 在dsl数据源中删除指定id的代码块
    * @param {Id[]} codeIds 需要删除的代码块id数组
+   * @param options 可选配置
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    */
-  deleteCodeDslByIds(codeIds: Id[]): Promise<void>;
+  deleteCodeDslByIds(codeIds: Id[], {
+    doNotPushHistory,
+    historyDescription
+  }?: HistoryOpOptions): Promise<void>;
   setParamsColConfig(config: TableColumnConfig): void;
   getParamsColConfig(): TableColumnConfig | undefined;
+  /**
+   * 撤销指定代码块的最近一次变更。
+   *
+   * 内部走 setCodeDslByIdSync / deleteCodeDslByIds，因此会自动触发 codeBlockService 的
+   * `addOrUpdate` / `remove` 事件，由 initService 中的 handler 重新维护 dep target
+   * （DepTargetType.CODE_BLOCK 的 add / remove）。所有写回都带 `doNotPushHistory: true`，
+   * 确保不会在历史栈里产生新的记录。
+   *
+   * @param id 代码块 id
+   * @returns 撤销的 step；栈不存在或已无可撤销时返回 null
+   */
+  undo(id: Id): Promise<CodeBlockStepValue | null>;
+  /**
+   * 重做指定代码块的下一次变更。
+   * @param id 代码块 id
+   * @returns 重做的 step；栈不存在或已无可重做时返回 null
+   */
+  redo(id: Id): Promise<CodeBlockStepValue | null>;
+  /** 是否可对指定代码块撤销。 */
+  canUndo(id: Id): boolean;
+  /** 是否可对指定代码块重做。 */
+  canRedo(id: Id): boolean;
+  /**
+   * 跳转指定代码块的历史栈到目标游标。语义同 editor.gotoPageStep。
+   *
+   * @param id          代码块 id
+   * @param targetCursor 目标游标位置（已应用步骤数量）
+   * @returns 实际移动到的最终游标位置
+   */
+  goto(id: Id, targetCursor: number): Promise<number>;
+  /**
+   * 「回滚」指定代码块历史步骤（类 git revert 语义）：
+   * - 不动原始栈结构（不移动 cursor、不丢弃任何步骤）；
+   * - 把目标 step 的修改**反向应用**一次，并作为**新步骤**追加到栈顶；
+   * - 仅对已应用的步骤生效。
+   *
+   * @param id    代码块 id
+   * @param index 目标 step 在该栈中的索引（0 为最早），通常由历史面板传入
+   * @returns 反向后产生的新 step；目标不存在 / 未应用时返回 null
+   */
+  revert(id: Id, index: number): Promise<CodeBlockStepValue | null>;
   /**
    * 生成代码块唯一id
    * @returns {Id} 代码块唯一id
@@ -204,12 +242,32 @@ declare class CodeBlock extends export_default {
   resetState(): void;
   destroy(): void;
   usePlugin(options: AsyncHookPlugin<AsyncMethodName$4, CodeBlock>): void;
+  /**
+   * 反向应用一个 step 并以新 step 入栈。逻辑与 applyHistoryStep(reverse=true) 同构，
+   * 差异仅在于通过公开的 setCodeDslByIdSync / deleteCodeDslByIds 触发 push。
+   */
+  private applyRevertStep;
+  /**
+   * 把一条历史 step 应用到当前代码块服务上。
+   *
+   * 复用现有的 setCodeDslByIdSync / deleteCodeDslByIds，目的是借助它们发出的事件
+   * 触发 initService 中的 dep target 维护（CODE_BLOCK 的 add / remove）。
+   * 所有写回都带 `doNotPushHistory: true`，确保不会在历史栈里产生新的记录。
+   *
+   * - oldContent=null, newContent≠null：原始为新增 → undo 删除；redo 再次 setCodeDslByIdSync
+   * - oldContent≠null, newContent=null：原始为删除 → undo 还原写入；redo 再次删除
+   * - 两侧都有：原始为更新 → 按 changeRecords 局部 patch；缺省退化为整内容替换
+   *
+   * @param step 历史 step
+   * @param reverse true=撤销，false=重做
+   */
+  private applyHistoryStep;
 }
 type CodeBlockService = CodeBlock;
-declare const _default$34: CodeBlock;
+declare const _default$35: CodeBlock;
 //#endregion
 //#region temp/packages/editor/src/services/componentList.d.ts
-declare class ComponentList extends export_default {
+declare class ComponentList extends BaseService {
   private state;
   constructor();
   /**
@@ -238,7 +296,7 @@ declare const canUsePluginMethods$6: {
   sync: readonly ["getFormConfig", "setFormConfig", "getFormValue", "setFormValue", "getFormEvent", "setFormEvent", "getFormMethod", "setFormMethod", "add", "update", "remove", "createId"];
 };
 type SyncMethodName$4 = Writable<(typeof canUsePluginMethods$6)['sync']>;
-declare class DataSource extends export_default {
+declare class DataSource extends BaseService {
   private state;
   constructor();
   set<K extends StateKey$1, T extends State$2[K]>(name: K, value: T): void;
@@ -251,7 +309,17 @@ declare class DataSource extends export_default {
   setFormEvent(type: string, value?: EventOption[]): void;
   getFormMethod(type?: string): EventOption[];
   setFormMethod(type: string, value?: EventOption[]): void;
-  add(config: DataSourceSchema): {
+  /**
+   * 新增数据源
+   * @param config 数据源配置
+   * @param options 可选配置
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
+   * @param options.historyDescription 入栈时附带的人类可读描述，用于历史面板展示
+   */
+  add(config: DataSourceSchema, {
+    doNotPushHistory,
+    historyDescription
+  }?: HistoryOpOptions): {
     id: string;
     type: string;
     title?: string;
@@ -262,12 +330,70 @@ declare class DataSource extends export_default {
     events: import("@tmagic/schema").EventConfig[];
     disabledInitInJsEngine?: (import("@tmagic/schema").JsEngine | string)[];
   };
+  /**
+   * 更新数据源
+   * @param config 数据源配置
+   * @param data 额外数据
+   * @param data.changeRecords form 端变更记录
+   * @param data.doNotPushHistory 是否不写入历史记录（默认 false）
+   * @param data.historyDescription 入栈时附带的人类可读描述，用于历史面板展示
+   */
   update(config: DataSourceSchema, {
-    changeRecords
-  }?: {
-    changeRecords?: ChangeRecord[];
-  }): DataSourceSchema;
-  remove(id: string): void;
+    changeRecords,
+    doNotPushHistory,
+    historyDescription
+  }?: HistoryOpOptionsWithChangeRecords): DataSourceSchema;
+  /**
+   * 删除数据源
+   * @param id 数据源 id
+   * @param options 可选配置
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
+   * @param options.historyDescription 入栈时附带的人类可读描述，用于历史面板展示
+   */
+  remove(id: string, {
+    doNotPushHistory,
+    historyDescription
+  }?: HistoryOpOptions): void;
+  /**
+   * 撤销指定数据源的最近一次变更。
+   *
+   * 内部走 add / update / remove，因此会自动触发 dataSourceService 的事件，
+   * 由 initService 中的对应 handler 重新收集 dep（DATA_SOURCE / DATA_SOURCE_COND / DATA_SOURCE_METHOD）。
+   * 所有写回都带 `doNotPushHistory: true`，避免在历史栈里产生新的记录。
+   *
+   * @param id 数据源 id
+   * @returns 撤销的 step；栈不存在或已无可撤销时返回 null
+   */
+  undo(id: Id): DataSourceStepValue | null;
+  /**
+   * 重做指定数据源的下一次变更。
+   * @param id 数据源 id
+   * @returns 重做的 step；栈不存在或已无可重做时返回 null
+   */
+  redo(id: Id): DataSourceStepValue | null;
+  /** 是否可对指定数据源撤销。 */
+  canUndo(id: Id): boolean;
+  /** 是否可对指定数据源重做。 */
+  canRedo(id: Id): boolean;
+  /**
+   * 跳转指定数据源的历史栈到目标游标。语义同 editor.gotoPageStep。
+   *
+   * @param id          数据源 id
+   * @param targetCursor 目标游标位置（已应用步骤数量）
+   * @returns 实际移动到的最终游标位置
+   */
+  goto(id: Id, targetCursor: number): number;
+  /**
+   * 「回滚」指定数据源历史步骤（类 git revert 语义）：
+   * - 不动原始栈结构（不移动 cursor、不丢弃任何步骤）；
+   * - 把目标 step 的修改**反向应用**一次，并作为**新步骤**追加到栈顶；
+   * - 仅对已应用的步骤生效——未应用步骤本身就不存在于当前 schema 中，反向无意义。
+   *
+   * @param id    数据源 id
+   * @param index 目标 step 在该栈中的索引（0 为最早），通常由历史面板传入
+   * @returns 反向后产生的新 step；目标不存在 / 未应用时返回 null
+   */
+  revert(id: Id, index: number): DataSourceStepValue | null;
   createId(): string;
   getDataSourceById(id: string): DataSourceSchema | undefined;
   resetState(): void;
@@ -284,9 +410,29 @@ declare class DataSource extends export_default {
    * @returns
    */
   paste(): void;
+  /**
+   * 反向应用一个 step 并以新 step 入栈（不带 doNotPushHistory）。逻辑与 applyHistoryStep(reverse=true)
+   * 同构，差异仅在于走对应的公共 add / update / remove 而不是带 doNotPushHistory 的版本。
+   */
+  private applyRevertStep;
+  /**
+   * 把一条历史 step 应用到当前数据源服务上。
+   *
+   * 复用现有的 add / update / remove，目的是借助它们发出的事件触发 initService 中
+   * 的依赖收集逻辑（DATA_SOURCE / DATA_SOURCE_COND / DATA_SOURCE_METHOD）。
+   * 所有写回都带 `doNotPushHistory: true`，确保不会在历史栈里产生新的记录。
+   *
+   * - oldSchema=null, newSchema≠null：原始为新增 → undo 删除；redo 再次 add
+   * - oldSchema≠null, newSchema=null：原始为删除 → undo 还原 add；redo 再次删除
+   * - 两侧都有：原始为更新 → 按 changeRecords 局部 patch；缺省退化为整 schema 替换
+   *
+   * @param step 历史 step
+   * @param reverse true=撤销，false=重做
+   */
+  private applyHistoryStep;
 }
 type DataSourceService = DataSource;
-declare const _default$35: DataSource;
+declare const _default$36: DataSource;
 //#endregion
 //#region temp/packages/editor/src/services/dep.d.ts
 interface DepEvents {
@@ -300,7 +446,7 @@ interface State$1 {
   taskLength: number;
 }
 type StateKey = keyof State$1;
-declare class Dep extends export_default {
+declare class Dep extends BaseService {
   private state;
   private idleTask;
   private watcher;
@@ -331,15 +477,19 @@ declare class Dep extends export_default {
   reset(): void;
   destroy(): void;
   emit<Name extends keyof DepEvents, Param extends DepEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  /**
+   * 删除指定 page 在该 target 下的旧依赖：
+   * 按 pageId 匹配，可清掉页面内已被删除节点的残留依赖
+   */
+  private removePageDep;
   private enqueueTask;
 }
 type DepService = Dep;
-declare const _default$37: Dep;
+declare const _default$38: Dep;
 //#endregion
 //#region temp/packages/editor/src/services/editor.d.ts
-declare class Editor extends export_default {
+declare class Editor extends BaseService {
   state: StoreState;
-  private isHistoryStateChange;
   private selectionBeforeOp;
   constructor();
   /**
@@ -414,18 +564,33 @@ declare class Editor extends export_default {
    * @param options 可选配置
    * @param options.doNotSelect 添加后是否不更新当前选中节点（默认 false，添加后会选中新增的节点）
    * @param options.doNotSwitchPage 添加后是否不切换当前页面（默认 false；新增页面 / 跨页新增时为 true 会跳过会引发页面切换的选中操作）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    * @returns 添加后的节点
    */
-  add(addNode: AddMNode | MNode[], parent?: MContainer | null, options?: DslOpOptions): Promise<MNode | MNode[]>;
-  doRemove(node: MNode, options?: DslOpOptions): Promise<void>;
+  add(addNode: AddMNode | MNode[], parent?: MContainer | null, {
+    doNotSelect,
+    doNotSwitchPage,
+    doNotPushHistory,
+    historyDescription
+  }?: DslOpOptions): Promise<MNode | MNode[]>;
+  doRemove(node: MNode, {
+    doNotSelect,
+    doNotSwitchPage
+  }?: DslOpOptions): Promise<void>;
   /**
    * 删除组件
    * @param {Object} node 要删除的节点或节点集合
    * @param options 可选配置
    * @param options.doNotSelect 删除后是否不更新当前选中节点（默认 false，删除后会选中父节点或首个页面）
    * @param options.doNotSwitchPage 删除后是否不切换当前页面（默认 false；删除页面 / 页面片段时为 true 会跳过自动切换到首个剩余页面）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    */
-  remove(nodeOrNodeList: MNode | MNode[], options?: DslOpOptions): Promise<void>;
+  remove(nodeOrNodeList: MNode | MNode[], {
+    doNotSelect,
+    doNotSwitchPage,
+    doNotPushHistory,
+    historyDescription
+  }?: DslOpOptions): Promise<void>;
   doUpdate(config: MNode, {
     changeRecords
   }?: {
@@ -439,10 +604,18 @@ declare class Editor extends export_default {
    * 更新节点
    * update后会触发依赖收集，收集完后会掉stage.update方法
    * @param config 新的节点配置，配置中需要有id信息
+   * @param data 额外数据
+   * @param data.changeRecords 单节点 form 端变更记录（多节点场景下被忽略，使用 changeRecordList）
+   * @param data.changeRecordList 多节点 form 端变更记录列表，按 config 数组同序对应每个节点；优先级高于 changeRecords
+   * @param data.doNotPushHistory 是否不写入历史记录（默认 false）
+   * @param data.historyDescription 入栈时附带的人类可读描述，用于历史面板展示（不影响 undo/redo 行为）
    * @returns 更新后的节点配置
    */
   update(config: MNode | MNode[], data?: {
     changeRecords?: ChangeRecord[];
+    changeRecordList?: ChangeRecord[][];
+    doNotPushHistory?: boolean;
+    historyDescription?: string;
   }): Promise<MNode | MNode[]>;
   /**
    * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
@@ -451,9 +624,13 @@ declare class Editor extends export_default {
    * @param options 可选配置
    * @param options.doNotSelect 排序后是否不更新当前选中节点（默认 false）
    * @param options.doNotSwitchPage 排序后是否不切换当前页面（排序只发生在同一父节点内，方法内为空操作；保留以与其它 DSL 操作 API 一致）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    * @returns void
    */
-  sort(id1: Id, id2: Id, options?: DslOpOptions): Promise<void>;
+  sort(id1: Id, id2: Id, {
+    doNotSelect,
+    doNotPushHistory
+  }?: DslOpOptions): Promise<void>;
   /**
    * 将组件节点配置存储到localStorage中
    * @param config 组件节点配置
@@ -473,9 +650,14 @@ declare class Editor extends export_default {
    * @param options 可选配置
    * @param options.doNotSelect 粘贴后是否不更新当前选中节点（默认 false）
    * @param options.doNotSwitchPage 粘贴后是否不切换当前页面（默认 false；跨页粘贴时为 true 会跳过页面切换）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    * @returns 添加后的组件节点配置
    */
-  paste(position?: PastePosition, collectorOptions?: TargetOptions, options?: DslOpOptions): Promise<MNode | MNode[] | void>;
+  paste(position?: PastePosition, collectorOptions?: TargetOptions, {
+    doNotSelect,
+    doNotSwitchPage,
+    doNotPushHistory
+  }?: DslOpOptions): Promise<MNode | MNode[] | void>;
   doPaste(config: MNode[], position?: PastePosition): Promise<MNode[]>;
   doAlignCenter(config: MNode): Promise<MNode>;
   /**
@@ -484,24 +666,44 @@ declare class Editor extends export_default {
    * @param options 可选配置
    * @param options.doNotSelect 居中后是否不更新当前选中节点（默认 false）
    * @param options.doNotSwitchPage 居中后是否不切换当前页面（居中只更新节点 style，方法内为空操作；保留以与其它 DSL 操作 API 一致）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    * @returns 当前组件节点配置
    */
-  alignCenter(config: MNode | MNode[], options?: DslOpOptions): Promise<MNode | MNode[]>;
+  alignCenter(config: MNode | MNode[], {
+    doNotSelect,
+    doNotPushHistory
+  }?: DslOpOptions): Promise<MNode | MNode[]>;
   /**
    * 移动当前选中节点位置
    * @param offset 偏移量
+   * @param options 可选配置
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    */
-  moveLayer(offset: number | LayerOffset): Promise<void>;
+  moveLayer(offset: number | LayerOffset, {
+    doNotPushHistory
+  }?: DslOpOptions): Promise<void>;
   /**
-   * 移动到指定容器中
-   * @param config 需要移动的节点
+   * 移动一个或多个节点到指定容器中。
+   *
+   * 多选场景（config 是数组）只会产生一条历史记录，
+   * `updatedItems` 涵盖所有源父容器 + 目标容器的前后快照。
+   * 这避免了"多选移动到某容器"在历史栈里被切成 N 条记录。
+   *
+   * @param config 需要移动的节点（或节点数组，各项需带 id；style 等字段会与原节点合并）
    * @param targetId 容器ID
    * @param options 可选配置
    * @param options.doNotSelect 移动后是否不更新当前选中节点（默认 false）
    * @param options.doNotSwitchPage 移动后是否不切换当前页面（默认 false；目标容器位于其它页面时为 true 会跳过自动选中以避免页面切换）
+   * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    */
-  moveToContainer(config: MNode, targetId: Id, options?: DslOpOptions): Promise<MNode | undefined>;
-  dragTo(config: MNode | MNode[], targetParent: MContainer, targetIndex: number): Promise<void>;
+  moveToContainer(config: MNode | MNode[], targetId: Id, {
+    doNotSelect,
+    doNotSwitchPage,
+    doNotPushHistory
+  }?: DslOpOptions): Promise<MNode | MNode[]>;
+  dragTo(config: MNode | MNode[], targetParent: MContainer, targetIndex: number, {
+    doNotPushHistory
+  }?: DslOpOptions): Promise<void>;
   /**
    * 撤销当前操作
    * @returns 被撤销的操作
@@ -512,7 +714,36 @@ declare class Editor extends export_default {
    * @returns 被恢复的操作
    */
   redo(): Promise<StepValue | null>;
-  move(left: number, top: number): Promise<void>;
+  /**
+   * 「回滚」指定页面历史步骤（类 git revert 语义）：
+   * - 不动原始历史栈结构（不移动 cursor、不丢弃任何步骤）；
+   * - 取出 `index` 对应的 step，**反向应用**一次（add→remove / remove→add / update→旧值）；
+   * - 把这次反向应用作为一条**新步骤**追加到栈顶，可被普通 undo / redo。
+   *
+   * 与 `gotoPageStep`（类 git reset）的区别在于此操作**不丢弃**目标之后的历史。
+   * 与 `applyHistoryOp(reverse=true)` 的区别在于：本方法**不带** `doNotPushHistory`，
+   * 反向应用会以一条新 step 入栈；并且不实施 step 中保存的选区与 modifiedNodeIds 状态，
+   * 选区由用户当前位置决定，符合"新提交"语义。
+   *
+   * 仅对处于「已应用」状态的步骤生效——未应用的步骤本身就不存在于当前 DSL 中，反向无意义。
+   *
+   * @param index 目标 step 在所属页面栈中的索引（0 为最早），通常由历史面板传入
+   * @returns 反向后产生的新 step；目标不存在 / 未应用 / 反向失败时返回 null
+   */
+  revertPageStep(index: number): Promise<StepValue | null>;
+  /**
+   * 跳转当前页面历史栈到指定游标位置。
+   *
+   * `targetCursor` 与 `UndoRedo.getCursor()` 同义：表示"已应用步骤数量"，
+   * 取值范围 `[0, length]`。当目标 < 当前游标时循环 undo，否则循环 redo。
+   * 通常由历史面板传入「点击的 step.index + 1」作为目标。
+   *
+   * @returns 实际移动到的最终游标位置
+   */
+  gotoPageStep(targetCursor: number): Promise<number>;
+  move(left: number, top: number, {
+    doNotPushHistory
+  }?: DslOpOptions): Promise<void>;
   resetState(): void;
   destroy(): void;
   resetModifiedNodeId(): void;
@@ -525,6 +756,13 @@ declare class Editor extends export_default {
   private pushOpHistory;
   /**
    * 应用历史操作（撤销 / 重做）
+   *
+   * 所有 DSL 修改都走 `editor.add / remove / update`，并通过 `doNotPushHistory` 阻止再次入栈、
+   * `doNotSelect / doNotSwitchPage` 让选区由方法末尾的统一逻辑兜底。
+   *
+   * 注意：这些公开方法会发出 add / remove / update 事件，业务侧若需要区分"用户操作"与"撤销重做触发"，
+   * 请监听 `history-change` 事件配合判断。
+   *
    * @param step 操作记录
    * @param reverse true = 撤销，false = 重做
    */
@@ -532,7 +770,7 @@ declare class Editor extends export_default {
   private selectedConfigExceptionHandler;
 }
 type EditorService = Editor;
-declare const _default$38: Editor;
+declare const _default$39: Editor;
 //#endregion
 //#region temp/packages/editor/src/services/events.d.ts
 declare const canUsePluginMethods$5: {
@@ -541,7 +779,7 @@ declare const canUsePluginMethods$5: {
 };
 type AsyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['async']>;
 type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['sync']>;
-declare class Events extends export_default {
+declare class Events extends BaseService {
   constructor();
   setEvents(events: Record<string, EventOption[]>): void;
   setEvent(type: string, events: EventOption[]): void;
@@ -554,7 +792,7 @@ declare class Events extends export_default {
   usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, Events> & SyncHookPlugin<SyncMethodName$3, Events>): void;
 }
 type EventsService = Events;
-declare const _default$39: Events;
+declare const _default$40: Events;
 //#endregion
 //#region temp/packages/editor/src/utils/undo-redo.d.ts
 declare class UndoRedo<T = any> {
@@ -570,33 +808,186 @@ declare class UndoRedo<T = any> {
   /** 返回被重做的操作 */
   redo(): T | null;
   getCurrentElement(): T | null;
+  /**
+   * 返回栈内全部元素的浅克隆数组（按时间顺序，索引 0 为最早一步）。
+   * 仅用于历史面板等只读展示场景，不应直接修改返回值。
+   */
+  getElementList(): T[];
+  /**
+   * 当前游标位置：表示已应用的步骤数量。
+   * - cursor === 0 表示全部已撤销
+   * - cursor === length 表示已重做到末尾
+   * 历史面板用于区分"已应用 / 已撤销"两段。
+   */
+  getCursor(): number;
+  /** 栈内总步数。 */
+  getLength(): number;
 }
 //#endregion
 //#region temp/packages/editor/src/services/history.d.ts
-declare class History extends export_default {
+declare class History extends BaseService {
+  /**
+   * 把单个代码块栈拆成若干 group：
+   * - 把"新增/删除"独立成组（语义上属于一次性事件，不应与 update 合并）；
+   * - 连续 'update' 合并到同一组，组内 steps 顺序就是发生顺序。
+   */
+  private static mergeCodeBlockSteps;
+  private static mergeDataSourceSteps;
+  /**
+   * 根据 old/new 是否为 null 推断 opType（与 push 时的约定一致）。
+   */
+  private static detectOpType;
+  /**
+   * 把页面栈拆成若干 group：
+   * - 单节点的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group；
+   * - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单节点修改组）；
+   * - 多节点 'update'（如批量改属性）也独立成组（无明确单一目标，避免误合并）。
+   */
+  private static mergePageSteps;
+  /**
+   * 解析 StepValue 中的"目标节点 id"用于合并：
+   * - 单节点 update：取唯一一项 updatedItems 的节点 id；
+   * - 其它情形（多节点 update / add / remove）：返回 undefined，表示不参与合并。
+   */
+  private static detectPageTargetId;
+  /** 解析 StepValue 中的目标节点可读名（用于 UI 展示）。 */
+  private static detectPageTargetName;
   state: {
-    pageId?: import("@tmagic/schema").Id | undefined;
-    pageSteps: Record<import("@tmagic/schema").Id, UndoRedo<StepValue>>;
+    pageId?: Id | undefined;
+    pageSteps: Record<Id, UndoRedo<StepValue>>;
     canRedo: boolean;
     canUndo: boolean;
+    codeBlockState: Record<Id, UndoRedo<CodeBlockStepValue>>;
+    dataSourceState: Record<Id, UndoRedo<DataSourceStepValue>>;
   };
   constructor();
   reset(): void;
   resetPage(): void;
   changePage(page: MPage | MPageFragment): void;
   resetState(): void;
-  push(state: StepValue): StepValue | null;
+  /**
+   * 把一条步骤推入指定页面的栈；不指定 pageId 时落到当前活动页。
+   *
+   * 跨页操作（例如 `moveToContainer` 把节点搬到其它页）必须显式传入 `pageId`，
+   * 否则会把记录错误地落到操作发起页 / 当前激活页，破坏目标页 / 源页的撤销栈语义。
+   */
+  push(state: StepValue, pageId?: Id): StepValue | null;
+  /**
+   * 推入一条代码块变更记录（与页面/节点完全无关），按 `codeBlockId` 维度独立一份 UndoRedo 栈。
+   *
+   * - 新增：oldContent = null，newContent = 新内容
+   * - 更新：oldContent / newContent 都为对应内容
+   * - 删除：newContent = null，oldContent = 删除前内容
+   * - `changeRecords` 来自 form 端，撤销/重做时若有则按 propPath 局部覆盖；缺省才退化为整内容替换。
+   * - 不直接驱动 codeBlockService，调用方负责实际写回。
+   */
+  pushCodeBlock(codeBlockId: Id, payload: {
+    oldContent: CodeBlockContent | null;
+    newContent: CodeBlockContent | null;
+    changeRecords?: ChangeRecord[]; /** 可选的人类可读描述（如「修改按钮颜色」），仅用于历史面板展示。 */
+    historyDescription?: string;
+  }): CodeBlockStepValue | null;
+  /**
+   * 推入一条数据源变更记录（与页面/节点完全无关），按 `dataSourceId` 维度独立一份 UndoRedo 栈。
+   * 行为同 pushCodeBlock（新增 oldSchema=null；删除 newSchema=null）。
+   */
+  pushDataSource(dataSourceId: Id, payload: {
+    oldSchema: DataSourceSchema | null;
+    newSchema: DataSourceSchema | null;
+    changeRecords?: ChangeRecord[]; /** 可选的人类可读描述，仅用于历史面板展示。 */
+    historyDescription?: string;
+  }): DataSourceStepValue | null;
+  /** 撤销指定代码块的最近一次变更。 */
+  undoCodeBlock(codeBlockId: Id): CodeBlockStepValue | null;
+  /** 重做指定代码块的下一次变更。 */
+  redoCodeBlock(codeBlockId: Id): CodeBlockStepValue | null;
+  /** 是否可对指定代码块撤销。 */
+  canUndoCodeBlock(codeBlockId: Id): boolean;
+  /** 是否可对指定代码块重做。 */
+  canRedoCodeBlock(codeBlockId: Id): boolean;
+  /** 撤销指定数据源的最近一次变更。 */
+  undoDataSource(dataSourceId: Id): DataSourceStepValue | null;
+  /** 重做指定数据源的下一次变更。 */
+  redoDataSource(dataSourceId: Id): DataSourceStepValue | null;
+  /** 是否可对指定数据源撤销。 */
+  canUndoDataSource(dataSourceId: Id): boolean;
+  /** 是否可对指定数据源重做。 */
+  canRedoDataSource(dataSourceId: Id): boolean;
   undo(): StepValue | null;
   redo(): StepValue | null;
   destroy(): void;
+  /**
+   * 取出当前活动页的历史步骤平铺列表（包含已应用 + 已撤销）。
+   * 列表按时间正序，最早一步在最前面。
+   * 通常 UI 应使用 `getPageHistoryGroups` 取已合并分组的版本；本方法仅为兼容/调试保留。
+   */
+  getPageStepList(pageId?: Id): PageHistoryStepEntry[];
+  /**
+   * 取出当前活动页的历史栈，按"目标节点"做相邻合并：
+   * - 连续修改同一节点（单节点 update）的多步合并为一个 group，组内可展开查看每步；
+   * - add / remove / 多节点 update 始终独立成组。
+   * 用于历史面板的"页面"tab 展示。
+   */
+  getPageHistoryGroups(pageId?: Id): PageHistoryGroup[];
+  /**
+   * 取出全部代码块的历史栈，按 codeBlockId 分组。
+   * 同一栈内相邻、同 opType 且作用于同一 id 的多步会被合并为一个 group：
+   * - 这正是"代码块/数据源各自按 id 分栈"的天然表现，再叠加"连续修改同目标的相邻步骤合并展示"。
+   * - 合并后 group 暴露子步骤数组，UI 可展开查看每一步的 changeRecords。
+   * - applied 字段：组内最后一步是否处于已应用段。
+   */
+  getCodeBlockHistoryGroups(): CodeBlockHistoryGroup[];
+  /**
+   * 读取指定页面历史栈的当前游标（已应用步骤数量）。不传则取当前活动页。
+   * 没有对应栈时返回 0。
+   */
+  getPageCursor(pageId?: Id): number;
+  /** 读取指定代码块历史栈的当前游标。 */
+  getCodeBlockCursor(codeBlockId: Id): number;
+  /** 读取指定数据源历史栈的当前游标。 */
+  getDataSourceCursor(dataSourceId: Id): number;
+  /**
+   * 取出指定代码块历史栈的平铺步骤列表（含 applied 标记）。供 revert 等按 index 索引步骤使用。
+   */
+  getCodeBlockStepList(codeBlockId: Id): {
+    step: CodeBlockStepValue;
+    index: number;
+    applied: boolean;
+  }[];
+  /**
+   * 取出指定数据源历史栈的平铺步骤列表（含 applied 标记）。供 revert 等按 index 索引步骤使用。
+   */
+  getDataSourceStepList(dataSourceId: Id): {
+    step: DataSourceStepValue;
+    index: number;
+    applied: boolean;
+  }[];
+  /**
+   * 取出全部数据源的历史栈，按 dataSourceId 分组。同上。
+   */
+  getDataSourceHistoryGroups(): DataSourceHistoryGroup[];
+  /**
+   * 取出指定页面的栈；不传 pageId 时按当前活动页取。
+   *
+   * 跨页 push 时如果目标页的栈尚不存在（用户从未进入过该页），会按需创建一条空栈，
+   * 这样切到目标页时 Ctrl+Z 也能撤回该步骤。
+   */
   private getUndoRedo;
   private setCanUndoRedo;
+  /**
+   * 按 id 获取（或创建）指定代码块的 UndoRedo 栈。
+   */
+  private getCodeBlockUndoRedo;
+  /**
+   * 按 id 获取（或创建）指定数据源的 UndoRedo 栈。
+   */
+  private getDataSourceUndoRedo;
 }
 type HistoryService = History;
-declare const _default$40: History;
+declare const _default$41: History;
 //#endregion
 //#region temp/packages/editor/src/services/keybinding.d.ts
-declare class Keybinding extends export_default {
+declare class Keybinding extends BaseService {
   ctrlKey: string;
   private controllers;
   private bindingList;
@@ -640,7 +1031,7 @@ declare const canUsePluginMethods$4: {
 };
 type AsyncMethodName$2 = Writable<(typeof canUsePluginMethods$4)['async']>;
 type SyncMethodName$2 = Writable<(typeof canUsePluginMethods$4)['sync']>;
-declare class Props extends export_default {
+declare class Props extends BaseService {
   private state;
   constructor();
   setDisabledDataSource(disabled: boolean): void;
@@ -731,7 +1122,7 @@ declare class Props extends export_default {
   private setRelateId;
 }
 type PropsService = Props;
-declare const _default$42: Props;
+declare const _default$43: Props;
 //#endregion
 //#region temp/packages/editor/src/services/stageOverlay.d.ts
 declare const canUsePluginMethods$3: {
@@ -739,7 +1130,7 @@ declare const canUsePluginMethods$3: {
   sync: readonly ["openOverlay", "closeOverlay", "updateOverlay", "createStage"];
 };
 type SyncMethodName$1 = Writable<(typeof canUsePluginMethods$3)['sync']>;
-declare class StageOverlay extends export_default {
+declare class StageOverlay extends BaseService {
   private state;
   constructor();
   get<K extends keyof StageOverlayState>(name: K): StageOverlayState[K];
@@ -758,7 +1149,7 @@ declare class StageOverlay extends export_default {
   private updateSelectStatus;
 }
 type StageOverlayService = StageOverlay;
-declare const _default$43: StageOverlay;
+declare const _default$44: StageOverlay;
 //#endregion
 //#region temp/packages/editor/src/services/storage.d.ts
 interface Options$1 {
@@ -780,7 +1171,7 @@ type SyncMethodName = Writable<(typeof canUsePluginMethods$2)['sync']>;
 /**
  * 数据存储服务
  */
-declare class WebStorage extends export_default {
+declare class WebStorage extends BaseService {
   private storage;
   private namespace;
   constructor();
@@ -821,7 +1212,7 @@ declare class WebStorage extends export_default {
   private getValueAndProtocol;
 }
 type StorageService = WebStorage;
-declare const _default$44: WebStorage;
+declare const _default$45: WebStorage;
 //#endregion
 //#region temp/packages/editor/src/services/ui.d.ts
 declare const canUsePluginMethods$1: {
@@ -829,7 +1220,7 @@ declare const canUsePluginMethods$1: {
   sync: readonly [];
 };
 type AsyncMethodName$1 = Writable<(typeof canUsePluginMethods$1)['async']>;
-declare class Ui extends export_default {
+declare class Ui extends BaseService {
   constructor();
   set<K extends keyof UiState, T extends UiState[K]>(name: K, value: T): void;
   get<K extends keyof UiState>(name: K): import("@vue/reactivity").ShallowReactive<UiState>[K];
@@ -841,7 +1232,7 @@ declare class Ui extends export_default {
   private setStageRect;
 }
 type UiService = Ui;
-declare const _default$45: Ui;
+declare const _default$46: Ui;
 //#endregion
 //#region temp/packages/editor/src/type.d.ts
 type EditorSlots = FrameworkSlots & WorkspaceSlots & SidebarSlots & PropsPanelSlots & {
@@ -937,7 +1328,7 @@ interface EditorInstallOptions {
   customCreateMonacoEditor: (monaco: typeof import('monaco-editor'), codeEditorEl: HTMLElement, options: Monaco.editor.IStandaloneEditorConstructionOptions & {
     editorCustomType?: string;
   }) => Promise<Monaco.editor.IStandaloneCodeEditor> | Monaco.editor.IStandaloneCodeEditor;
-  customCreateMonacoDiffEditor: (monaco: typeof import('monaco-editor'), codeEditorEl: HTMLElement, options: Monaco.editor.IStandaloneEditorConstructionOptions & {
+  customCreateMonacoDiffEditor: (monaco: typeof import('monaco-editor'), codeEditorEl: HTMLElement, options: Monaco.editor.IStandaloneDiffEditorConstructionOptions & {
     editorCustomType?: string;
   }) => Promise<Monaco.editor.IStandaloneDiffEditor> | Monaco.editor.IStandaloneDiffEditor;
   [key: string]: any;
@@ -1175,8 +1566,9 @@ interface MenuComponent {
  * 'rule': 显示隐藏标尺
  * 'scale-to-original': 缩放到实际大小
  * 'scale-to-fit': 缩放以适应
+ * 'history-list': 历史记录面板（按 页面 / 数据源 / 代码块 三个 tab 展示，相邻同目标修改自动合并）
  */
-type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | 'scale-to-original' | 'scale-to-fit' | MenuButton | MenuComponent | string;
+type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | 'scale-to-original' | 'scale-to-fit' | 'history-list' | MenuButton | MenuComponent | string;
 /** 工具栏 */
 interface MenuBarData {
   /** 顶部工具栏左边项 */
@@ -1337,17 +1729,159 @@ interface StepValue {
     parentId: Id;
     index: number;
   }[];
-  /** opType 'update': 变更前后的节点快照 */
+  /**
+   * opType 'update': 变更前后的节点快照
+   *
+   * `changeRecords` 来自 form 端的 propPath/value 列表，撤销/重做时只对这些 propPath 做局部更新；
+   * 缺省（未传 / 空数组）才退化为整节点替换。
+   */
   updatedItems?: {
     oldNode: MNode;
     newNode: MNode;
+    changeRecords?: ChangeRecord[];
   }[];
+  /**
+   * 调用方可选传入的人类可读描述（如「调整按钮颜色」），用于历史面板展示。
+   * 不影响 undo/redo 行为；缺省时面板会根据节点 / propPath 自动生成描述。
+   */
+  historyDescription?: string;
+}
+/**
+ * 代码块历史记录条目。按 codeBlock.id 分组保存到 historyState.codeBlockState。
+ * - 新增：oldContent = null，newContent = 新内容
+ * - 更新：oldContent / newContent 都为对应内容
+ * - 删除：newContent = null，oldContent = 删除前内容
+ */
+interface CodeBlockStepValue {
+  /** 关联的代码块 id */
+  id: Id;
+  /** 变更前的代码块内容，新增时为 null */
+  oldContent: CodeBlockContent | null;
+  /** 变更后的代码块内容，删除时为 null */
+  newContent: CodeBlockContent | null;
+  /**
+   * form 端 propPath/value 列表。撤销/重做时若有则按 propPath 局部更新；
+   * 缺省才退化为整内容替换。新增/删除场景通常无 changeRecords。
+   */
+  changeRecords?: ChangeRecord[];
+  /** 调用方可选传入的人类可读描述，用于历史面板展示；不影响 undo/redo 行为。 */
+  historyDescription?: string;
+}
+/**
+ * 数据源历史记录条目。按 dataSource.id 分组保存到 historyState.dataSourceState。
+ * - 新增：oldSchema = null，newSchema = 新 schema
+ * - 更新：oldSchema / newSchema 都为对应 schema
+ * - 删除：newSchema = null，oldSchema = 删除前 schema
+ */
+interface DataSourceStepValue {
+  /** 关联的数据源 id */
+  id: Id;
+  /** 变更前的数据源 schema，新增时为 null */
+  oldSchema: DataSourceSchema | null;
+  /** 变更后的数据源 schema，删除时为 null */
+  newSchema: DataSourceSchema | null;
+  /**
+   * form 端 propPath/value 列表。撤销/重做时若有则按 propPath 局部更新；
+   * 缺省才退化为整 schema 替换。新增/删除场景通常无 changeRecords。
+   */
+  changeRecords?: ChangeRecord[];
+  /** 调用方可选传入的人类可读描述，用于历史面板展示；不影响 undo/redo 行为。 */
+  historyDescription?: string;
 }
 interface HistoryState {
   pageId?: Id;
   pageSteps: Record<Id, UndoRedo<StepValue>>;
   canRedo: boolean;
   canUndo: boolean;
+  /**
+   * 代码块历史栈，按 codeBlock.id 分组（每个代码块独立一份 UndoRedo）。
+   * 与页面/节点无关，支持独立 undo/redo。
+   */
+  codeBlockState: Record<Id, UndoRedo<CodeBlockStepValue>>;
+  /**
+   * 数据源历史栈，按 dataSource.id 分组（每个数据源独立一份 UndoRedo）。
+   * 与页面/节点无关，支持独立 undo/redo。
+   */
+  dataSourceState: Record<Id, UndoRedo<DataSourceStepValue>>;
+}
+/**
+ * 历史面板用：当前页面的一条历史步骤（包含位置和是否已应用）。
+ */
+interface PageHistoryStepEntry {
+  /** 步骤内容 */
+  step: StepValue;
+  /** 在所属栈中的索引（0 为最早） */
+  index: number;
+  /** 是否处于"已应用"段（即位于栈游标之前）。撤销后变为 false。 */
+  applied: boolean;
+  /** 是否为当前所在的步骤（栈中最近一次已应用的那一步，即 index === cursor - 1）。 */
+  isCurrent?: boolean;
+}
+/**
+ * 页面历史面板分组。
+ * - 连续修改同一目标节点（updatedItems[0].oldNode.id 一致）的 'update' 步骤合并成一组；
+ * - 多节点更新 / add / remove 始终独立成组（无法明确归属单一目标）。
+ * - targetId 为 undefined 表示"无明确目标"（如 add/remove/多节点 update），不参与合并。
+ */
+interface PageHistoryGroup {
+  kind: 'page';
+  /** 所属页面 id */
+  pageId: Id;
+  /** 该分组的操作类型 */
+  opType: HistoryOpType;
+  /**
+   * 合并的目标节点 id；只有"单节点 update"才有值，并按此 id 与相邻同 id 的 update 合并。
+   * undefined 表示该分组不可被合并（add / remove / 多节点 update）。
+   */
+  targetId?: Id;
+  /** 目标节点的可读名（取最后一步的 newNode.name/type/id） */
+  targetName?: string;
+  /** 组内所有步骤，按时间正序 */
+  steps: PageHistoryStepEntry[];
+  /** 组内最后一步是否已应用 */
+  applied: boolean;
+  /** 是否为当前所在的分组（包含栈中最近一次已应用步骤的那一组）。 */
+  isCurrent?: boolean;
+}
+/**
+ * 代码块历史面板分组。
+ * - 同一 codeBlockId 的栈内，相邻的 'update' 操作会合并成一个 group；
+ * - 'add' / 'remove' 始终独立成组（语义上是一次性事件）。
+ */
+interface CodeBlockHistoryGroup {
+  kind: 'code-block';
+  /** 关联的 codeBlock id */
+  id: Id;
+  /** 该分组的操作类型 */
+  opType: HistoryOpType;
+  /** 组内所有步骤，按时间正序 */
+  steps: {
+    step: CodeBlockStepValue;
+    index: number;
+    applied: boolean;
+    isCurrent?: boolean;
+  }[];
+  /** 组内最后一步是否已应用，用于整组的状态展示 */
+  applied: boolean;
+  /** 是否为当前所在的分组（包含该栈最近一次已应用步骤的那一组）。 */
+  isCurrent?: boolean;
+}
+/**
+ * 数据源历史面板分组，结构同 CodeBlockHistoryGroup。
+ */
+interface DataSourceHistoryGroup {
+  kind: 'data-source';
+  id: Id;
+  opType: HistoryOpType;
+  steps: {
+    step: DataSourceStepValue;
+    index: number;
+    applied: boolean;
+    isCurrent?: boolean;
+  }[];
+  applied: boolean;
+  /** 是否为当前所在的分组（包含该栈最近一次已应用步骤的那一组）。 */
+  isCurrent?: boolean;
 }
 declare enum KeyBindingCommand {
   /** 复制 */
@@ -1507,24 +2041,30 @@ declare const canUsePluginMethods: {
   sync: never[];
 };
 type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
+/**
+ * 历史记录写入相关的通用配置（codeBlock / dataSource / editor 共用）
+ * - doNotPushHistory: 操作完成后是否不要将本次操作压入历史栈（撤销/重做记录），默认 false
+ * - historyDescription: 入栈时附带的人类可读描述，用于历史面板展示；不影响 undo/redo 行为，缺省时面板会自动生成描述
+ */
+interface HistoryOpOptions {
+  doNotPushHistory?: boolean;
+  historyDescription?: string;
+}
+/**
+ * 在 HistoryOpOptions 基础上携带 form 端 propPath/value 变更记录，
+ * 用于历史记录的精细化撤销/重做（按 propPath 局部 patch）。
+ */
+interface HistoryOpOptionsWithChangeRecords extends HistoryOpOptions {
+  changeRecords?: ChangeRecord[];
+}
 /**
  * DSL 修改类操作的通用配置
  * - doNotSelect: 操作后是否不要自动触发选中（不调用 this.select / this.multiSelect / stage.select / stage.multiSelect）
  * - doNotSwitchPage: 操作若会引发当前页面切换（如新增 / 删除 / 跨页移动），是否跳过这次切换
  */
-type DslOpOptions = {
+interface DslOpOptions extends HistoryOpOptions {
   doNotSelect?: boolean;
   doNotSwitchPage?: boolean;
-};
-//#endregion
-//#region temp/packages/form/src/schema.d.ts
-interface ChangeRecord$1 {
-  propPath?: string;
-  value: any;
-}
-interface ContainerChangeEventData$1 {
-  modifyKey?: string;
-  changeRecords?: ChangeRecord$1[];
 }
 //#endregion
 //#region temp/packages/editor/src/hooks/use-code-block-edit.d.ts
@@ -1547,7 +2087,7 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     visible?: boolean;
   }> & Readonly<{
     onClose?: (() => any) | undefined;
-    onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData$1) => any) | undefined;
+    onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:width"?: ((value: number) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
@@ -1556,7 +2096,7 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     hide(): Promise<void>;
   }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
     close: () => any;
-    submit: (values: CodeBlockContent, eventData: ContainerChangeEventData$1) => any;
+    submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
     open: () => any;
     "update:width": (value: number) => any;
     "update:visible": (value: boolean) => any;
@@ -1579,7 +2119,7 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     visible?: boolean;
   }> & Readonly<{
     onClose?: (() => any) | undefined;
-    onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData$1) => any) | undefined;
+    onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:width"?: ((value: number) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
@@ -1590,7 +2130,7 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
   createCodeBlock: () => Promise<void>;
   editCode: (id: string) => Promise<void>;
   deleteCode: (key: string) => Promise<void>;
-  submitCodeBlockHandler: (values: CodeBlockContent) => Promise<void>;
+  submitCodeBlockHandler: (values: CodeBlockContent, eventData?: ContainerChangeEventData) => Promise<void>;
 };
 //#endregion
 //#region temp/packages/editor/src/hooks/use-stage.d.ts
@@ -1706,6 +2246,49 @@ declare const fillConfig: (config?: FormConfig, {
   disabledCodeBlock?: boolean;
 }) => FormConfig;
 //#endregion
+//#region temp/packages/editor/src/utils/code-block.d.ts
+/**
+ * 代码块编辑表单配置的统一入口。
+ *
+ * 用于：
+ * - `CodeBlockEditor.vue`：作为代码块新增/编辑的表单结构；
+ * - `CompareForm.vue`：在历史差异对比中以"代码块"形态展示前后值。
+ *
+ * 通过参数控制两端的细微差异（是否启用必填校验 / vs-code onChange 校验 / dataSource 相关字段显示规则等），
+ * 避免两边同步两份相同的 schema 而造成漂移。
+ */
+interface GetCodeBlockFormConfigOptions {
+  /**
+   * 自定义 `params` 表格的"参数类型"列配置。优先级高于内置默认值；
+   * 通常由 `codeBlockService.getParamsColConfig()` 注入业务侧的扩展。
+   */
+  paramColConfig?: TableColumnConfig;
+  /**
+   * 是否在「数据源代码块」语境下使用：
+   * - true：`执行时机` 字段会展示，`请求前 / 请求后` 选项仅在 `dataSourceType !== 'base'` 时出现；
+   * - false：`执行时机` 字段隐藏（普通代码块没有时机概念）。
+   *
+   * 注意这里以函数形式传入是为了让 `display` / `options` 在每次渲染时实时取值，
+   * 例如外部 `props.isDataSource` 切换或 `dataSourceType` 变更都能立即生效。
+   */
+  isDataSource?: () => boolean;
+  /** 当 isDataSource 为 true 时使用：返回当前数据源类型（`base` / `http` / ...），决定时机选项是否包含请求前后。 */
+  dataSourceType?: () => string | undefined;
+  /** vs-code 编辑器的额外 monaco options。一般传 `inject('codeOptions', {})` 的结果。 */
+  codeOptions?: Record<string, any>;
+  /**
+   * 是否启用编辑态特性：
+   * - true（默认）：`name` 字段加必填校验；vs-code 的 `onChange` 会调用 `parseDSL` 检查语法，出错时弹消息并抛错；
+   * - false：纯只读/对比场景，不加校验逻辑。
+   */
+  editable?: boolean;
+}
+/**
+ * 生成代码块表单配置。返回的是普通对象数组，可直接传给 `<MForm :config>`；
+ * 如需响应式的 props 变化（如切换 dataSourceType），调用方在 `computed` 中再次调用本函数即可。
+ */
+declare const getCodeBlockFormConfig: (options?: GetCodeBlockFormConfigOptions) => FormConfig;
+//#endregion
 //#region temp/packages/editor/src/utils/logger.d.ts
 declare const log: (...args: any[]) => void;
 declare const info: (...args: any[]) => void;
@@ -1953,7 +2536,34 @@ declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
 declare const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
 //#endregion
 //#region temp/packages/editor/src/utils/monaco-editor.d.ts
-declare const _default$41: () => Promise<typeof import("monaco-editor")>;
+declare const _default$42: () => Promise<typeof import("monaco-editor")>;
+//#endregion
+//#region temp/packages/form/src/schema.d.ts
+interface ChangeRecord$1 {
+  propPath?: string;
+  value: any;
+}
+interface ContainerChangeEventData$1 {
+  modifyKey?: string;
+  changeRecords?: ChangeRecord$1[];
+}
+/** 自定义 label slot 的作用域参数 */
+interface FormLabelSlotProps {
+  /** 当前表单项配置 */
+  config: FormItemConfig;
+  /** 经处理后的类型 */
+  type: string;
+  /** 经 filterFunction 处理后的 label 文案 */
+  text?: string;
+  /** 完整字段路径（包含父级前缀） */
+  prop: string;
+  /** 经 filterFunction 处理后的最终禁用状态 */
+  disabled?: boolean;
+}
+/** Form / Container 暴露的具名 slot 定义 */
+interface FormSlots {
+  label(_props: FormLabelSlotProps): any;
+}
 //#endregion
 //#region temp/packages/editor/src/editorProps.d.ts
 interface EditorProps {
@@ -1965,6 +2575,8 @@ interface EditorProps {
   datasourceList?: DatasourceTypeOption[];
   /** 左侧面板配置 */
   sidebar?: SideBarData;
+  /** 是否隐藏左侧面板 */
+  hideSidebar?: boolean;
   /** 顶部工具栏配置 */
   menu?: MenuBarData;
   /** 组件树右键菜单 */
@@ -2117,46 +2729,129 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
-      configForm: Readonly<import("@vue/reactivity").ShallowRef<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: import("@tmagic/form-schema").FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
-      }> & Readonly<{
-        onError?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        formState: import("@tmagic/form-schema").FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-        changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-        error: (...args: any[]) => void;
-        change: (...args: any[]) => void;
-        "field-input": (...args: any[]) => void;
-        "field-change": (...args: any[]) => void;
-        "update:stepActive": (...args: any[]) => void;
-      }, import("@vue/runtime-core").PublicProps, {
+      configForm: Readonly<import("@vue/reactivity").ShallowRef<({
+        $: import("@vue/runtime-core").ComponentInternalInstance;
+        $data: {};
+        $props: {
+          readonly config: import("@tmagic/form-schema").FormConfig;
+          readonly initValues: Record<string, any>;
+          readonly lastValues?: Record<string, any> | undefined;
+          readonly isCompare?: boolean | undefined;
+          readonly parentValues?: Record<string, any> | undefined;
+          readonly labelWidth?: string | undefined;
+          readonly disabled?: boolean | undefined;
+          readonly height?: string | undefined;
+          readonly stepActive?: string | number | undefined;
+          readonly size?: "small" | "default" | "large" | undefined;
+          readonly inline?: boolean | undefined;
+          readonly labelPosition?: string | undefined;
+          readonly keyProp?: string | undefined;
+          readonly popperClass?: string | undefined;
+          readonly preventSubmitDefault?: boolean | undefined;
+          readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+          readonly showDiff?: ((_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean) | undefined;
+          readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly onError?: ((...args: any[]) => any) | undefined;
+          readonly onChange?: ((...args: any[]) => any) | undefined;
+          readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+          readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+          readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+        $attrs: import("@vue/runtime-core").Attrs;
+        $refs: {
+          [x: string]: unknown;
+        };
+        $slots: Readonly<{
+          [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+        }>;
+        $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+        $el: any;
+        $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+          config: import("@tmagic/form-schema").FormConfig;
+          initValues: Record<string, any>;
+          lastValues?: Record<string, any>;
+          isCompare?: boolean;
+          parentValues?: Record<string, any>;
+          labelWidth?: string;
+          disabled?: boolean;
+          height?: string;
+          stepActive?: string | number;
+          size?: "small" | "default" | "large";
+          inline?: boolean;
+          labelPosition?: string;
+          keyProp?: string;
+          popperClass?: string;
+          preventSubmitDefault?: boolean;
+          extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+          showDiff?: (_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean;
+          selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        }> & Readonly<{
+          onError?: ((...args: any[]) => any) | undefined;
+          onChange?: ((...args: any[]) => any) | undefined;
+          "onField-input"?: ((...args: any[]) => any) | undefined;
+          "onField-change"?: ((...args: any[]) => any) | undefined;
+          "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        }>, {
+          values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+          lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+          formState: import("@tmagic/form-schema").FormState;
+          initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+          changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+          changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
+          resetForm: () => void;
+          submitForm: (native?: boolean) => Promise<any>;
+          getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+        }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+          error: (...args: any[]) => void;
+          change: (...args: any[]) => void;
+          "field-input": (...args: any[]) => void;
+          "field-change": (...args: any[]) => void;
+          "update:stepActive": (...args: any[]) => void;
+        }, string, {
+          disabled: boolean;
+          labelWidth: string;
+          inline: boolean;
+          labelPosition: string;
+          config: import("@tmagic/form-schema").FormConfig;
+          height: string;
+          initValues: Record<string, any>;
+          lastValues: Record<string, any>;
+          isCompare: boolean;
+          keyProp: string;
+          parentValues: Record<string, any>;
+          stepActive: string | number;
+        }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+          beforeCreate?: (() => void) | (() => void)[];
+          created?: (() => void) | (() => void)[];
+          beforeMount?: (() => void) | (() => void)[];
+          mounted?: (() => void) | (() => void)[];
+          beforeUpdate?: (() => void) | (() => void)[];
+          updated?: (() => void) | (() => void)[];
+          activated?: (() => void) | (() => void)[];
+          deactivated?: (() => void) | (() => void)[];
+          beforeDestroy?: (() => void) | (() => void)[];
+          beforeUnmount?: (() => void) | (() => void)[];
+          destroyed?: (() => void) | (() => void)[];
+          unmounted?: (() => void) | (() => void)[];
+          renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("@vue/runtime-core").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+      } & Readonly<{
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -2169,14 +2864,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
-      }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-      }, Readonly<{
+      }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
@@ -2193,36 +2881,31 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         popperClass?: string;
         preventSubmitDefault?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+      }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+        values: import("@tmagic/form-schema").FormValue;
+        lastValuesProcessed: import("@tmagic/form-schema").FormValue;
         formState: import("@tmagic/form-schema").FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        initialized: boolean;
+        changeRecords: ChangeRecord$1[];
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: import("@tmagic/form-schema").FormConfig;
-        height: string;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-      }> | null>>;
+      } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+        $slots: FormSlots;
+      }) | null>>;
       submit: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => Promise<void>;
     }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
       mounted: (internalInstance: any) => any;
@@ -2265,46 +2948,129 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
-    configForm: import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-      config: import("@tmagic/form-schema").FormConfig;
-      initValues: Record<string, any>;
-      lastValues?: Record<string, any>;
-      isCompare?: boolean;
-      parentValues?: Record<string, any>;
-      labelWidth?: string;
-      disabled?: boolean;
-      height?: string;
-      stepActive?: string | number;
-      size?: "small" | "default" | "large";
-      inline?: boolean;
-      labelPosition?: string;
-      keyProp?: string;
-      popperClass?: string;
-      preventSubmitDefault?: boolean;
-      extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-      onError?: ((...args: any[]) => any) | undefined;
-      onChange?: ((...args: any[]) => any) | undefined;
-      "onField-input"?: ((...args: any[]) => any) | undefined;
-      "onField-change"?: ((...args: any[]) => any) | undefined;
-      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      formState: import("@tmagic/form-schema").FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-      changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
-      resetForm: () => void;
-      submitForm: (native?: boolean) => Promise<any>;
-      getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-      error: (...args: any[]) => void;
-      change: (...args: any[]) => void;
-      "field-input": (...args: any[]) => void;
-      "field-change": (...args: any[]) => void;
-      "update:stepActive": (...args: any[]) => void;
-    }, import("@vue/runtime-core").PublicProps, {
+    configForm: ({
+      $: import("@vue/runtime-core").ComponentInternalInstance;
+      $data: {};
+      $props: {
+        readonly config: import("@tmagic/form-schema").FormConfig;
+        readonly initValues: Record<string, any>;
+        readonly lastValues?: Record<string, any> | undefined;
+        readonly isCompare?: boolean | undefined;
+        readonly parentValues?: Record<string, any> | undefined;
+        readonly labelWidth?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly height?: string | undefined;
+        readonly stepActive?: string | number | undefined;
+        readonly size?: "small" | "default" | "large" | undefined;
+        readonly inline?: boolean | undefined;
+        readonly labelPosition?: string | undefined;
+        readonly keyProp?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly preventSubmitDefault?: boolean | undefined;
+        readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+        readonly showDiff?: ((_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean) | undefined;
+        readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly onError?: ((...args: any[]) => any) | undefined;
+        readonly onChange?: ((...args: any[]) => any) | undefined;
+        readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+        readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+      $attrs: import("@vue/runtime-core").Attrs;
+      $refs: {
+        [x: string]: unknown;
+      };
+      $slots: Readonly<{
+        [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+      }>;
+      $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $host: Element | null;
+      $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+      $el: any;
+      $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+        config: import("@tmagic/form-schema").FormConfig;
+        initValues: Record<string, any>;
+        lastValues?: Record<string, any>;
+        isCompare?: boolean;
+        parentValues?: Record<string, any>;
+        labelWidth?: string;
+        disabled?: boolean;
+        height?: string;
+        stepActive?: string | number;
+        size?: "small" | "default" | "large";
+        inline?: boolean;
+        labelPosition?: string;
+        keyProp?: string;
+        popperClass?: string;
+        preventSubmitDefault?: boolean;
+        extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      }> & Readonly<{
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onField-input"?: ((...args: any[]) => any) | undefined;
+        "onField-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      }>, {
+        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+        formState: import("@tmagic/form-schema").FormState;
+        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
+        submitForm: (native?: boolean) => Promise<any>;
+        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+        error: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "field-input": (...args: any[]) => void;
+        "field-change": (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
+      }, string, {
+        disabled: boolean;
+        labelWidth: string;
+        inline: boolean;
+        labelPosition: string;
+        config: import("@tmagic/form-schema").FormConfig;
+        height: string;
+        initValues: Record<string, any>;
+        lastValues: Record<string, any>;
+        isCompare: boolean;
+        keyProp: string;
+        parentValues: Record<string, any>;
+        stepActive: string | number;
+      }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+      };
+      $forceUpdate: () => void;
+      $nextTick: typeof import("@vue/runtime-core").nextTick;
+      $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+    } & Readonly<{
       disabled: boolean;
       labelWidth: string;
       inline: boolean;
@@ -2317,14 +3083,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
-    }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-      P: {};
-      B: {};
-      D: {};
-      C: {};
-      M: {};
-      Defaults: {};
-    }, Readonly<{
+    }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
       lastValues?: Record<string, any>;
@@ -2341,36 +3100,31 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       popperClass?: string;
       preventSubmitDefault?: boolean;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
       "onField-input"?: ((...args: any[]) => any) | undefined;
       "onField-change"?: ((...args: any[]) => any) | undefined;
       "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+    }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      values: import("@tmagic/form-schema").FormValue;
+      lastValuesProcessed: import("@tmagic/form-schema").FormValue;
       formState: import("@tmagic/form-schema").FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+      initialized: boolean;
+      changeRecords: ChangeRecord$1[];
       changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, {
-      disabled: boolean;
-      labelWidth: string;
-      inline: boolean;
-      labelPosition: string;
-      config: import("@tmagic/form-schema").FormConfig;
-      height: string;
-      initValues: Record<string, any>;
-      lastValues: Record<string, any>;
-      isCompare: boolean;
-      keyProp: string;
-      parentValues: Record<string, any>;
-      stepActive: string | number;
-    }> | null;
+    } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+      $slots: FormSlots;
+    }) | null;
     submit: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => Promise<void>;
   } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
     $slots: {
@@ -2427,46 +3181,129 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
-      configForm: Readonly<import("@vue/reactivity").ShallowRef<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: import("@tmagic/form-schema").FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
-      }> & Readonly<{
-        onError?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        formState: import("@tmagic/form-schema").FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-        changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-        error: (...args: any[]) => void;
-        change: (...args: any[]) => void;
-        "field-input": (...args: any[]) => void;
-        "field-change": (...args: any[]) => void;
-        "update:stepActive": (...args: any[]) => void;
-      }, import("@vue/runtime-core").PublicProps, {
+      configForm: Readonly<import("@vue/reactivity").ShallowRef<({
+        $: import("@vue/runtime-core").ComponentInternalInstance;
+        $data: {};
+        $props: {
+          readonly config: import("@tmagic/form-schema").FormConfig;
+          readonly initValues: Record<string, any>;
+          readonly lastValues?: Record<string, any> | undefined;
+          readonly isCompare?: boolean | undefined;
+          readonly parentValues?: Record<string, any> | undefined;
+          readonly labelWidth?: string | undefined;
+          readonly disabled?: boolean | undefined;
+          readonly height?: string | undefined;
+          readonly stepActive?: string | number | undefined;
+          readonly size?: "small" | "default" | "large" | undefined;
+          readonly inline?: boolean | undefined;
+          readonly labelPosition?: string | undefined;
+          readonly keyProp?: string | undefined;
+          readonly popperClass?: string | undefined;
+          readonly preventSubmitDefault?: boolean | undefined;
+          readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+          readonly showDiff?: ((_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean) | undefined;
+          readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly onError?: ((...args: any[]) => any) | undefined;
+          readonly onChange?: ((...args: any[]) => any) | undefined;
+          readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+          readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+          readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+        $attrs: import("@vue/runtime-core").Attrs;
+        $refs: {
+          [x: string]: unknown;
+        };
+        $slots: Readonly<{
+          [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+        }>;
+        $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+        $el: any;
+        $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+          config: import("@tmagic/form-schema").FormConfig;
+          initValues: Record<string, any>;
+          lastValues?: Record<string, any>;
+          isCompare?: boolean;
+          parentValues?: Record<string, any>;
+          labelWidth?: string;
+          disabled?: boolean;
+          height?: string;
+          stepActive?: string | number;
+          size?: "small" | "default" | "large";
+          inline?: boolean;
+          labelPosition?: string;
+          keyProp?: string;
+          popperClass?: string;
+          preventSubmitDefault?: boolean;
+          extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+          showDiff?: (_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean;
+          selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        }> & Readonly<{
+          onError?: ((...args: any[]) => any) | undefined;
+          onChange?: ((...args: any[]) => any) | undefined;
+          "onField-input"?: ((...args: any[]) => any) | undefined;
+          "onField-change"?: ((...args: any[]) => any) | undefined;
+          "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        }>, {
+          values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+          lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+          formState: import("@tmagic/form-schema").FormState;
+          initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+          changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+          changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
+          resetForm: () => void;
+          submitForm: (native?: boolean) => Promise<any>;
+          getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+        }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+          error: (...args: any[]) => void;
+          change: (...args: any[]) => void;
+          "field-input": (...args: any[]) => void;
+          "field-change": (...args: any[]) => void;
+          "update:stepActive": (...args: any[]) => void;
+        }, string, {
+          disabled: boolean;
+          labelWidth: string;
+          inline: boolean;
+          labelPosition: string;
+          config: import("@tmagic/form-schema").FormConfig;
+          height: string;
+          initValues: Record<string, any>;
+          lastValues: Record<string, any>;
+          isCompare: boolean;
+          keyProp: string;
+          parentValues: Record<string, any>;
+          stepActive: string | number;
+        }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+          beforeCreate?: (() => void) | (() => void)[];
+          created?: (() => void) | (() => void)[];
+          beforeMount?: (() => void) | (() => void)[];
+          mounted?: (() => void) | (() => void)[];
+          beforeUpdate?: (() => void) | (() => void)[];
+          updated?: (() => void) | (() => void)[];
+          activated?: (() => void) | (() => void)[];
+          deactivated?: (() => void) | (() => void)[];
+          beforeDestroy?: (() => void) | (() => void)[];
+          beforeUnmount?: (() => void) | (() => void)[];
+          destroyed?: (() => void) | (() => void)[];
+          unmounted?: (() => void) | (() => void)[];
+          renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("@vue/runtime-core").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+      } & Readonly<{
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -2479,14 +3316,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
-      }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-      }, Readonly<{
+      }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
@@ -2503,36 +3333,31 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         popperClass?: string;
         preventSubmitDefault?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+      }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+        values: import("@tmagic/form-schema").FormValue;
+        lastValuesProcessed: import("@tmagic/form-schema").FormValue;
         formState: import("@tmagic/form-schema").FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        initialized: boolean;
+        changeRecords: ChangeRecord$1[];
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: import("@tmagic/form-schema").FormConfig;
-        height: string;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-      }> | null>>;
+      } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+        $slots: FormSlots;
+      }) | null>>;
       submit: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => Promise<void>;
     }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
       mounted: (internalInstance: any) => any;
@@ -2575,46 +3400,129 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
-    configForm: import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-      config: import("@tmagic/form-schema").FormConfig;
-      initValues: Record<string, any>;
-      lastValues?: Record<string, any>;
-      isCompare?: boolean;
-      parentValues?: Record<string, any>;
-      labelWidth?: string;
-      disabled?: boolean;
-      height?: string;
-      stepActive?: string | number;
-      size?: "small" | "default" | "large";
-      inline?: boolean;
-      labelPosition?: string;
-      keyProp?: string;
-      popperClass?: string;
-      preventSubmitDefault?: boolean;
-      extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-      onError?: ((...args: any[]) => any) | undefined;
-      onChange?: ((...args: any[]) => any) | undefined;
-      "onField-input"?: ((...args: any[]) => any) | undefined;
-      "onField-change"?: ((...args: any[]) => any) | undefined;
-      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      formState: import("@tmagic/form-schema").FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-      changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
-      resetForm: () => void;
-      submitForm: (native?: boolean) => Promise<any>;
-      getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-      error: (...args: any[]) => void;
-      change: (...args: any[]) => void;
-      "field-input": (...args: any[]) => void;
-      "field-change": (...args: any[]) => void;
-      "update:stepActive": (...args: any[]) => void;
-    }, import("@vue/runtime-core").PublicProps, {
+    configForm: ({
+      $: import("@vue/runtime-core").ComponentInternalInstance;
+      $data: {};
+      $props: {
+        readonly config: import("@tmagic/form-schema").FormConfig;
+        readonly initValues: Record<string, any>;
+        readonly lastValues?: Record<string, any> | undefined;
+        readonly isCompare?: boolean | undefined;
+        readonly parentValues?: Record<string, any> | undefined;
+        readonly labelWidth?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly height?: string | undefined;
+        readonly stepActive?: string | number | undefined;
+        readonly size?: "small" | "default" | "large" | undefined;
+        readonly inline?: boolean | undefined;
+        readonly labelPosition?: string | undefined;
+        readonly keyProp?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly preventSubmitDefault?: boolean | undefined;
+        readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+        readonly showDiff?: ((_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean) | undefined;
+        readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly onError?: ((...args: any[]) => any) | undefined;
+        readonly onChange?: ((...args: any[]) => any) | undefined;
+        readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+        readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+      $attrs: import("@vue/runtime-core").Attrs;
+      $refs: {
+        [x: string]: unknown;
+      };
+      $slots: Readonly<{
+        [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+      }>;
+      $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $host: Element | null;
+      $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+      $el: any;
+      $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+        config: import("@tmagic/form-schema").FormConfig;
+        initValues: Record<string, any>;
+        lastValues?: Record<string, any>;
+        isCompare?: boolean;
+        parentValues?: Record<string, any>;
+        labelWidth?: string;
+        disabled?: boolean;
+        height?: string;
+        stepActive?: string | number;
+        size?: "small" | "default" | "large";
+        inline?: boolean;
+        labelPosition?: string;
+        keyProp?: string;
+        popperClass?: string;
+        preventSubmitDefault?: boolean;
+        extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      }> & Readonly<{
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onField-input"?: ((...args: any[]) => any) | undefined;
+        "onField-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      }>, {
+        values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+        lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+        formState: import("@tmagic/form-schema").FormState;
+        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
+        submitForm: (native?: boolean) => Promise<any>;
+        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+        error: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "field-input": (...args: any[]) => void;
+        "field-change": (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
+      }, string, {
+        disabled: boolean;
+        labelWidth: string;
+        inline: boolean;
+        labelPosition: string;
+        config: import("@tmagic/form-schema").FormConfig;
+        height: string;
+        initValues: Record<string, any>;
+        lastValues: Record<string, any>;
+        isCompare: boolean;
+        keyProp: string;
+        parentValues: Record<string, any>;
+        stepActive: string | number;
+      }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+      };
+      $forceUpdate: () => void;
+      $nextTick: typeof import("@vue/runtime-core").nextTick;
+      $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+    } & Readonly<{
       disabled: boolean;
       labelWidth: string;
       inline: boolean;
@@ -2627,14 +3535,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
-    }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-      P: {};
-      B: {};
-      D: {};
-      C: {};
-      M: {};
-      Defaults: {};
-    }, Readonly<{
+    }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
       lastValues?: Record<string, any>;
@@ -2651,36 +3552,31 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       popperClass?: string;
       preventSubmitDefault?: boolean;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
       "onField-input"?: ((...args: any[]) => any) | undefined;
       "onField-change"?: ((...args: any[]) => any) | undefined;
       "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<import("@tmagic/form-schema").FormValue, import("@tmagic/form-schema").FormValue>;
+    }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      values: import("@tmagic/form-schema").FormValue;
+      lastValuesProcessed: import("@tmagic/form-schema").FormValue;
       formState: import("@tmagic/form-schema").FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+      initialized: boolean;
+      changeRecords: ChangeRecord$1[];
       changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, {
-      disabled: boolean;
-      labelWidth: string;
-      inline: boolean;
-      labelPosition: string;
-      config: import("@tmagic/form-schema").FormConfig;
-      height: string;
-      initValues: Record<string, any>;
-      lastValues: Record<string, any>;
-      isCompare: boolean;
-      keyProp: string;
-      parentValues: Record<string, any>;
-      stepActive: string | number;
-    }> | null;
+    } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+      $slots: FormSlots;
+    }) | null;
     submit: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => Promise<void>;
   } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
     $slots: {
@@ -2722,8 +3618,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
   containerHighlightType: import("@tmagic/stage").ContainerHighlightType;
   canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$33: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
-declare const _default$30: typeof __VLS_export$33;
+declare const __VLS_export$34: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
+declare const _default$31: typeof __VLS_export$34;
 type __VLS_WithSlots$12<T, S> = T & {
   new (): {
     $slots: S;
@@ -2731,7 +3627,7 @@ type __VLS_WithSlots$12<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/layouts/CodeEditor.vue.d.ts
-type __VLS_Props$30 = {
+type __VLS_Props$31 = {
   initValues?: any;
   modifiedValues?: any;
   type?: 'diff';
@@ -2747,7 +3643,7 @@ type __VLS_Props$30 = {
   };
   editorCustomType?: string;
 };
-declare const __VLS_export$32: import("@vue/runtime-core").DefineComponent<__VLS_Props$30, {
+declare const __VLS_export$33: import("@vue/runtime-core").DefineComponent<__VLS_Props$31, {
   values: import("@vue/reactivity").Ref<string, string>;
   getEditor(): Monaco.editor.IStandaloneCodeEditor | Monaco.editor.IStandaloneDiffEditor | null;
   getVsEditor(): Monaco.editor.IStandaloneCodeEditor | null;
@@ -2758,7 +3654,7 @@ declare const __VLS_export$32: import("@vue/runtime-core").DefineComponent<__VLS
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   save: (...args: any[]) => void;
   initd: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$30> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$31> & Readonly<{
   onSave?: ((...args: any[]) => any) | undefined;
   onInitd?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -2769,13 +3665,13 @@ declare const __VLS_export$32: import("@vue/runtime-core").DefineComponent<__VLS
   autoSave: boolean;
   disabledFullScreen: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$29: typeof __VLS_export$32;
+declare const _default$30: typeof __VLS_export$33;
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/ComponentListPanel.vue.d.ts
 type __VLS_Slots$11 = ComponentListPanelSlots;
 declare const __VLS_base$11: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export$31: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
-declare const _default$5: typeof __VLS_export$31;
+declare const __VLS_export$32: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
+declare const _default$6: typeof __VLS_export$32;
 type __VLS_WithSlots$11<T, S> = T & {
   new (): {
     $slots: S;
@@ -2784,7 +3680,7 @@ type __VLS_WithSlots$11<T, S> = T & {
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/layer/LayerPanel.vue.d.ts
 type __VLS_Slots$10 = LayerPanelSlots;
-type __VLS_Props$29 = {
+type __VLS_Props$30 = {
   layerContentMenu: (MenuButton | MenuComponent)[];
   indent?: number;
   nextLevelIndentIncrement?: number;
@@ -2793,13 +3689,13 @@ type __VLS_Props$29 = {
   canDropIn?: CanDropInFunction; /** 组件树节点双击前的钩子函数，返回 false 则阻止默认的双击行为 */
   beforeNodeDblclick?: (_event: MouseEvent, _data: TreeNodeData) => Promise<boolean | void> | boolean | void;
 };
-declare const __VLS_base$10: import("@vue/runtime-core").DefineComponent<__VLS_Props$29, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+declare const __VLS_base$10: import("@vue/runtime-core").DefineComponent<__VLS_Props$30, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   "node-dblclick": (event: MouseEvent, data: TreeNodeData) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$29> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$30> & Readonly<{
   "onNode-dblclick"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$30: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
-declare const _default$22: typeof __VLS_export$30;
+declare const __VLS_export$31: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
+declare const _default$23: typeof __VLS_export$31;
 type __VLS_WithSlots$10<T, S> = T & {
   new (): {
     $slots: S;
@@ -2807,34 +3703,34 @@ type __VLS_WithSlots$10<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/fields/CodeSelect.vue.d.ts
-type __VLS_Props$28 = FieldProps<CodeSelectConfig>;
-declare const __VLS_export$29: import("@vue/runtime-core").DefineComponent<__VLS_Props$28, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$29 = FieldProps<CodeSelectConfig>;
+declare const __VLS_export$30: import("@vue/runtime-core").DefineComponent<__VLS_Props$29, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData: ContainerChangeEventData) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$28> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$29> & Readonly<{
   onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$3: typeof __VLS_export$29;
+declare const _default$3: typeof __VLS_export$30;
 //#endregion
 //#region temp/packages/editor/src/fields/CodeSelectCol.vue.d.ts
-type __VLS_Props$27 = FieldProps<CodeSelectColConfig>;
-declare const __VLS_export$28: import("@vue/runtime-core").DefineComponent<__VLS_Props$27, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$28 = FieldProps<CodeSelectColConfig>;
+declare const __VLS_export$29: import("@vue/runtime-core").DefineComponent<__VLS_Props$28, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData: ContainerChangeEventData) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$27> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$28> & Readonly<{
   onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$4: typeof __VLS_export$28;
+declare const _default$4: typeof __VLS_export$29;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceFields.vue.d.ts
-type __VLS_Props$26 = FieldProps<DataSourceFieldsConfig>;
+type __VLS_Props$27 = FieldProps<DataSourceFieldsConfig>;
 type __VLS_ModelProps$4 = {
   'width'?: number;
   'visible'?: boolean;
   'visible1'?: boolean;
 };
-type __VLS_PublicProps$4 = __VLS_Props$26 & __VLS_ModelProps$4;
-declare const __VLS_export$27: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_PublicProps$4 = __VLS_Props$27 & __VLS_ModelProps$4;
+declare const __VLS_export$28: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData?: ContainerChangeEventData | undefined) => any;
   "update:width": (value: number) => any;
   "update:visible": (value: boolean) => any;
@@ -2847,16 +3743,16 @@ declare const __VLS_export$27: import("@vue/runtime-core").DefineComponent<__VLS
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$11: typeof __VLS_export$27;
+declare const _default$12: typeof __VLS_export$28;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMocks.vue.d.ts
-type __VLS_Props$25 = FieldProps<DataSourceMocksConfig>;
+type __VLS_Props$26 = FieldProps<DataSourceMocksConfig>;
 type __VLS_ModelProps$3 = {
   'width'?: number;
   'visible'?: boolean;
 };
-type __VLS_PublicProps$3 = __VLS_Props$25 & __VLS_ModelProps$3;
-declare const __VLS_export$26: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_PublicProps$3 = __VLS_Props$26 & __VLS_ModelProps$3;
+declare const __VLS_export$27: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
   "update:width": (value: number) => void;
   "update:visible": (value: boolean) => void;
@@ -2867,91 +3763,91 @@ declare const __VLS_export$26: import("@vue/runtime-core").DefineComponent<__VLS
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$15: typeof __VLS_export$26;
+declare const _default$16: typeof __VLS_export$27;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMethods.vue.d.ts
-type __VLS_Props$24 = FieldProps<DataSourceMethodsConfig>;
-declare const __VLS_export$25: import("@vue/runtime-core").DefineComponent<__VLS_Props$24, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$25 = FieldProps<DataSourceMethodsConfig>;
+declare const __VLS_export$26: import("@vue/runtime-core").DefineComponent<__VLS_Props$25, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$24> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$25> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$14: typeof __VLS_export$25;
+declare const _default$15: typeof __VLS_export$26;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceInput.vue.d.ts
-type __VLS_Props$23 = FieldProps<DataSourceInputConfig>;
-declare const __VLS_export$24: import("@vue/runtime-core").DefineComponent<__VLS_Props$23, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$24 = FieldProps<DataSourceInputConfig>;
+declare const __VLS_export$25: import("@vue/runtime-core").DefineComponent<__VLS_Props$24, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$23> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$24> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$12: typeof __VLS_export$24;
+declare const _default$13: typeof __VLS_export$25;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceSelect.vue.d.ts
-type __VLS_Props$22 = FieldProps<DataSourceSelect>;
-declare const __VLS_export$23: import("@vue/runtime-core").DefineComponent<__VLS_Props$22, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$23 = FieldProps<DataSourceSelect>;
+declare const __VLS_export$24: import("@vue/runtime-core").DefineComponent<__VLS_Props$23, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$22> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$23> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$16: typeof __VLS_export$23;
+declare const _default$17: typeof __VLS_export$24;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMethodSelect.vue.d.ts
-type __VLS_Props$21 = FieldProps<DataSourceMethodSelectConfig>;
-declare const __VLS_export$22: import("@vue/runtime-core").DefineComponent<__VLS_Props$21, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$22 = FieldProps<DataSourceMethodSelectConfig>;
+declare const __VLS_export$23: import("@vue/runtime-core").DefineComponent<__VLS_Props$22, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$21> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$22> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$13: typeof __VLS_export$22;
+declare const _default$14: typeof __VLS_export$23;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceFieldSelect/Index.vue.d.ts
-type __VLS_Props$20 = FieldProps<DataSourceFieldSelectConfig>;
-declare const __VLS_export$21: import("@vue/runtime-core").DefineComponent<__VLS_Props$20, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$21 = FieldProps<DataSourceFieldSelectConfig>;
+declare const __VLS_export$22: import("@vue/runtime-core").DefineComponent<__VLS_Props$21, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$20> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$21> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$10: typeof __VLS_export$21;
+declare const _default$11: typeof __VLS_export$22;
 //#endregion
 //#region temp/packages/editor/src/fields/EventSelect.vue.d.ts
-type __VLS_Props$19 = FieldProps<EventSelectConfig>;
-declare const __VLS_export$20: import("@vue/runtime-core").DefineComponent<__VLS_Props$19, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$20 = FieldProps<EventSelectConfig>;
+declare const __VLS_export$21: import("@vue/runtime-core").DefineComponent<__VLS_Props$20, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData?: ContainerChangeEventData | undefined) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$19> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$20> & Readonly<{
   onChange?: ((v: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$18: typeof __VLS_export$20;
+declare const _default$19: typeof __VLS_export$21;
 //#endregion
 //#region temp/packages/editor/src/fields/KeyValue.vue.d.ts
-type __VLS_Props$18 = FieldProps<KeyValueConfig>;
-declare const __VLS_export$19: import("@vue/runtime-core").DefineComponent<__VLS_Props$18, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+type __VLS_Props$19 = FieldProps<KeyValueConfig>;
+declare const __VLS_export$20: import("@vue/runtime-core").DefineComponent<__VLS_Props$19, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (value: Record<string, any>) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$18> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$19> & Readonly<{
   onChange?: ((value: Record<string, any>) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$21: typeof __VLS_export$19;
+declare const _default$22: typeof __VLS_export$20;
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue.d.ts
 type __VLS_Slots$9 = CodeBlockListSlots;
-type __VLS_Props$17 = {
+type __VLS_Props$18 = {
   indent?: number;
   nextLevelIndentIncrement?: number;
   customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
 };
-declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Props$17, {
+declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Props$18, {
   nodeStatusMap: import("@vue/reactivity").Ref<Map<Id, {
     visible: boolean;
     expand: boolean;
@@ -2969,13 +3865,13 @@ declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   remove: (id: string) => any;
   edit: (id: string) => any;
   "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$17> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$18> & Readonly<{
   onRemove?: ((id: string) => any) | undefined;
   onEdit?: ((id: string) => any) | undefined;
   "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$18: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
-declare const _default$1: typeof __VLS_export$18;
+declare const __VLS_export$19: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
+declare const _default$1: typeof __VLS_export$19;
 type __VLS_WithSlots$9<T, S> = T & {
   new (): {
     $slots: S;
@@ -2984,15 +3880,15 @@ type __VLS_WithSlots$9<T, S> = T & {
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts
 type __VLS_Slots$8 = CodeBlockListPanelSlots;
-type __VLS_Props$16 = {
+type __VLS_Props$17 = {
   indent?: number;
   nextLevelIndentIncrement?: number;
   customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
   customContentMenu: CustomContentMenuFunction;
 };
-declare const __VLS_base$8: import("@vue/runtime-core").DefineComponent<__VLS_Props$16, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$16> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$17: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
-declare const _default$2: typeof __VLS_export$17;
+declare const __VLS_base$8: import("@vue/runtime-core").DefineComponent<__VLS_Props$17, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$17> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$18: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
+declare const _default$2: typeof __VLS_export$18;
 type __VLS_WithSlots$8<T, S> = T & {
   new (): {
     $slots: S;
@@ -3000,7 +3896,7 @@ type __VLS_WithSlots$8<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts
-type __VLS_Props$15 = {
+type __VLS_Props$16 = {
   title?: string;
   values: any;
   disabled: boolean;
@@ -3009,8 +3905,8 @@ type __VLS_ModelProps$2 = {
   'visible'?: boolean;
   'width'?: number;
 };
-type __VLS_PublicProps$2 = __VLS_Props$15 & __VLS_ModelProps$2;
-declare const __VLS_export$16: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$2, {
+type __VLS_PublicProps$2 = __VLS_Props$16 & __VLS_ModelProps$2;
+declare const __VLS_export$17: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$2, {
   show(): void;
   hide(): void;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
@@ -3026,10 +3922,10 @@ declare const __VLS_export$16: import("@vue/runtime-core").DefineComponent<__VLS
   "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$9: typeof __VLS_export$16;
+declare const _default$10: typeof __VLS_export$17;
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/data-source/DataSourceAddButton.vue.d.ts
-type __VLS_Props$14 = {
+type __VLS_Props$15 = {
   datasourceTypeList: {
     text: string;
     type: string;
@@ -3037,20 +3933,20 @@ type __VLS_Props$14 = {
   addButtonConfig?: ButtonProps;
   addButtonText?: string;
 };
-declare const __VLS_export$15: import("@vue/runtime-core").DefineComponent<__VLS_Props$14, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+declare const __VLS_export$16: import("@vue/runtime-core").DefineComponent<__VLS_Props$15, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   add: (type: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$14> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$15> & Readonly<{
   onAdd?: ((type: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$8: typeof __VLS_export$15;
+declare const _default$9: typeof __VLS_export$16;
 //#endregion
 //#region temp/packages/editor/src/layouts/props-panel/PropsPanel.vue.d.ts
 type __VLS_Slots$7 = PropsPanelSlots;
-type __VLS_Props$13 = {
+type __VLS_Props$14 = {
   disabledShowSrc?: boolean;
   extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
-declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Props$13, {
+declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Props$14, {
   getFormState(): FormState | undefined;
   submit: (v: MNode, eventData?: ContainerChangeEventData) => Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
@@ -3098,46 +3994,129 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
-      configForm: Readonly<import("@vue/reactivity").ShallowRef<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: import("@tmagic/form-schema").FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-      }> & Readonly<{
-        onError?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        formState: FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-        error: (...args: any[]) => void;
-        change: (...args: any[]) => void;
-        "field-input": (...args: any[]) => void;
-        "field-change": (...args: any[]) => void;
-        "update:stepActive": (...args: any[]) => void;
-      }, import("@vue/runtime-core").PublicProps, {
+      configForm: Readonly<import("@vue/reactivity").ShallowRef<({
+        $: import("@vue/runtime-core").ComponentInternalInstance;
+        $data: {};
+        $props: {
+          readonly config: import("@tmagic/form-schema").FormConfig;
+          readonly initValues: Record<string, any>;
+          readonly lastValues?: Record<string, any> | undefined;
+          readonly isCompare?: boolean | undefined;
+          readonly parentValues?: Record<string, any> | undefined;
+          readonly labelWidth?: string | undefined;
+          readonly disabled?: boolean | undefined;
+          readonly height?: string | undefined;
+          readonly stepActive?: string | number | undefined;
+          readonly size?: "small" | "default" | "large" | undefined;
+          readonly inline?: boolean | undefined;
+          readonly labelPosition?: string | undefined;
+          readonly keyProp?: string | undefined;
+          readonly popperClass?: string | undefined;
+          readonly preventSubmitDefault?: boolean | undefined;
+          readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+          readonly showDiff?: ((_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean) | undefined;
+          readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly onError?: ((...args: any[]) => any) | undefined;
+          readonly onChange?: ((...args: any[]) => any) | undefined;
+          readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+          readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+          readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+        $attrs: import("@vue/runtime-core").Attrs;
+        $refs: {
+          [x: string]: unknown;
+        };
+        $slots: Readonly<{
+          [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+        }>;
+        $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+        $el: any;
+        $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+          config: import("@tmagic/form-schema").FormConfig;
+          initValues: Record<string, any>;
+          lastValues?: Record<string, any>;
+          isCompare?: boolean;
+          parentValues?: Record<string, any>;
+          labelWidth?: string;
+          disabled?: boolean;
+          height?: string;
+          stepActive?: string | number;
+          size?: "small" | "default" | "large";
+          inline?: boolean;
+          labelPosition?: string;
+          keyProp?: string;
+          popperClass?: string;
+          preventSubmitDefault?: boolean;
+          extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+          showDiff?: (_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean;
+          selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        }> & Readonly<{
+          onError?: ((...args: any[]) => any) | undefined;
+          onChange?: ((...args: any[]) => any) | undefined;
+          "onField-input"?: ((...args: any[]) => any) | undefined;
+          "onField-change"?: ((...args: any[]) => any) | undefined;
+          "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        }>, {
+          values: import("@vue/reactivity").Ref<FormValue, FormValue>;
+          lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+          formState: FormState;
+          initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+          changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+          changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+          resetForm: () => void;
+          submitForm: (native?: boolean) => Promise<any>;
+          getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+        }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+          error: (...args: any[]) => void;
+          change: (...args: any[]) => void;
+          "field-input": (...args: any[]) => void;
+          "field-change": (...args: any[]) => void;
+          "update:stepActive": (...args: any[]) => void;
+        }, string, {
+          disabled: boolean;
+          labelWidth: string;
+          inline: boolean;
+          labelPosition: string;
+          config: import("@tmagic/form-schema").FormConfig;
+          height: string;
+          initValues: Record<string, any>;
+          lastValues: Record<string, any>;
+          isCompare: boolean;
+          keyProp: string;
+          parentValues: Record<string, any>;
+          stepActive: string | number;
+        }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+          beforeCreate?: (() => void) | (() => void)[];
+          created?: (() => void) | (() => void)[];
+          beforeMount?: (() => void) | (() => void)[];
+          mounted?: (() => void) | (() => void)[];
+          beforeUpdate?: (() => void) | (() => void)[];
+          updated?: (() => void) | (() => void)[];
+          activated?: (() => void) | (() => void)[];
+          deactivated?: (() => void) | (() => void)[];
+          beforeDestroy?: (() => void) | (() => void)[];
+          beforeUnmount?: (() => void) | (() => void)[];
+          destroyed?: (() => void) | (() => void)[];
+          unmounted?: (() => void) | (() => void)[];
+          renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("@vue/runtime-core").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+      } & Readonly<{
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -3150,14 +4129,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
-      }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-      }, Readonly<{
+      }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
@@ -3174,36 +4146,31 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         popperClass?: string;
         preventSubmitDefault?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+      }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+        values: FormValue;
+        lastValuesProcessed: FormValue;
         formState: FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        initialized: boolean;
+        changeRecords: ChangeRecord$1[];
         changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: import("@tmagic/form-schema").FormConfig;
-        height: string;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-      }> | null>>;
+      } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+        $slots: FormSlots;
+      }) | null>>;
       submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
     }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
       mounted: (internalInstance: any) => any;
@@ -3246,46 +4213,129 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
-    configForm: import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-      config: import("@tmagic/form-schema").FormConfig;
-      initValues: Record<string, any>;
-      lastValues?: Record<string, any>;
-      isCompare?: boolean;
-      parentValues?: Record<string, any>;
-      labelWidth?: string;
-      disabled?: boolean;
-      height?: string;
-      stepActive?: string | number;
-      size?: "small" | "default" | "large";
-      inline?: boolean;
-      labelPosition?: string;
-      keyProp?: string;
-      popperClass?: string;
-      preventSubmitDefault?: boolean;
-      extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-      onError?: ((...args: any[]) => any) | undefined;
-      onChange?: ((...args: any[]) => any) | undefined;
-      "onField-input"?: ((...args: any[]) => any) | undefined;
-      "onField-change"?: ((...args: any[]) => any) | undefined;
-      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
-      formState: FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-      changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-      resetForm: () => void;
-      submitForm: (native?: boolean) => Promise<any>;
-      getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-      error: (...args: any[]) => void;
-      change: (...args: any[]) => void;
-      "field-input": (...args: any[]) => void;
-      "field-change": (...args: any[]) => void;
-      "update:stepActive": (...args: any[]) => void;
-    }, import("@vue/runtime-core").PublicProps, {
+    configForm: ({
+      $: import("@vue/runtime-core").ComponentInternalInstance;
+      $data: {};
+      $props: {
+        readonly config: import("@tmagic/form-schema").FormConfig;
+        readonly initValues: Record<string, any>;
+        readonly lastValues?: Record<string, any> | undefined;
+        readonly isCompare?: boolean | undefined;
+        readonly parentValues?: Record<string, any> | undefined;
+        readonly labelWidth?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly height?: string | undefined;
+        readonly stepActive?: string | number | undefined;
+        readonly size?: "small" | "default" | "large" | undefined;
+        readonly inline?: boolean | undefined;
+        readonly labelPosition?: string | undefined;
+        readonly keyProp?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly preventSubmitDefault?: boolean | undefined;
+        readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+        readonly showDiff?: ((_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean) | undefined;
+        readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly onError?: ((...args: any[]) => any) | undefined;
+        readonly onChange?: ((...args: any[]) => any) | undefined;
+        readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+        readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+      $attrs: import("@vue/runtime-core").Attrs;
+      $refs: {
+        [x: string]: unknown;
+      };
+      $slots: Readonly<{
+        [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+      }>;
+      $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $host: Element | null;
+      $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+      $el: any;
+      $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+        config: import("@tmagic/form-schema").FormConfig;
+        initValues: Record<string, any>;
+        lastValues?: Record<string, any>;
+        isCompare?: boolean;
+        parentValues?: Record<string, any>;
+        labelWidth?: string;
+        disabled?: boolean;
+        height?: string;
+        stepActive?: string | number;
+        size?: "small" | "default" | "large";
+        inline?: boolean;
+        labelPosition?: string;
+        keyProp?: string;
+        popperClass?: string;
+        preventSubmitDefault?: boolean;
+        extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      }> & Readonly<{
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onField-input"?: ((...args: any[]) => any) | undefined;
+        "onField-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      }>, {
+        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
+        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+        formState: FormState;
+        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
+        submitForm: (native?: boolean) => Promise<any>;
+        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+        error: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "field-input": (...args: any[]) => void;
+        "field-change": (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
+      }, string, {
+        disabled: boolean;
+        labelWidth: string;
+        inline: boolean;
+        labelPosition: string;
+        config: import("@tmagic/form-schema").FormConfig;
+        height: string;
+        initValues: Record<string, any>;
+        lastValues: Record<string, any>;
+        isCompare: boolean;
+        keyProp: string;
+        parentValues: Record<string, any>;
+        stepActive: string | number;
+      }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+      };
+      $forceUpdate: () => void;
+      $nextTick: typeof import("@vue/runtime-core").nextTick;
+      $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+    } & Readonly<{
       disabled: boolean;
       labelWidth: string;
       inline: boolean;
@@ -3298,14 +4348,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
-    }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-      P: {};
-      B: {};
-      D: {};
-      C: {};
-      M: {};
-      Defaults: {};
-    }, Readonly<{
+    }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
       lastValues?: Record<string, any>;
@@ -3322,36 +4365,31 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       popperClass?: string;
       preventSubmitDefault?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
       "onField-input"?: ((...args: any[]) => any) | undefined;
       "onField-change"?: ((...args: any[]) => any) | undefined;
       "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+    }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      values: FormValue;
+      lastValuesProcessed: FormValue;
       formState: FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+      initialized: boolean;
+      changeRecords: ChangeRecord$1[];
       changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, {
-      disabled: boolean;
-      labelWidth: string;
-      inline: boolean;
-      labelPosition: string;
-      config: import("@tmagic/form-schema").FormConfig;
-      height: string;
-      initValues: Record<string, any>;
-      lastValues: Record<string, any>;
-      isCompare: boolean;
-      keyProp: string;
-      parentValues: Record<string, any>;
-      stepActive: string | number;
-    }> | null;
+    } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+      $slots: FormSlots;
+    }) | null;
     submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
   } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
     $slots: {
@@ -3361,7 +4399,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   unmounted: () => any;
   "submit-error": (e: any) => any;
   "form-error": (e: any) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$13> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$14> & Readonly<{
   onMounted?: ((internalInstance: {
     $: import("@vue/runtime-core").ComponentInternalInstance;
     $data: {};
@@ -3406,46 +4444,129 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
-      configForm: Readonly<import("@vue/reactivity").ShallowRef<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: import("@tmagic/form-schema").FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-      }> & Readonly<{
-        onError?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        formState: FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-        error: (...args: any[]) => void;
-        change: (...args: any[]) => void;
-        "field-input": (...args: any[]) => void;
-        "field-change": (...args: any[]) => void;
-        "update:stepActive": (...args: any[]) => void;
-      }, import("@vue/runtime-core").PublicProps, {
+      configForm: Readonly<import("@vue/reactivity").ShallowRef<({
+        $: import("@vue/runtime-core").ComponentInternalInstance;
+        $data: {};
+        $props: {
+          readonly config: import("@tmagic/form-schema").FormConfig;
+          readonly initValues: Record<string, any>;
+          readonly lastValues?: Record<string, any> | undefined;
+          readonly isCompare?: boolean | undefined;
+          readonly parentValues?: Record<string, any> | undefined;
+          readonly labelWidth?: string | undefined;
+          readonly disabled?: boolean | undefined;
+          readonly height?: string | undefined;
+          readonly stepActive?: string | number | undefined;
+          readonly size?: "small" | "default" | "large" | undefined;
+          readonly inline?: boolean | undefined;
+          readonly labelPosition?: string | undefined;
+          readonly keyProp?: string | undefined;
+          readonly popperClass?: string | undefined;
+          readonly preventSubmitDefault?: boolean | undefined;
+          readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+          readonly showDiff?: ((_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean) | undefined;
+          readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly onError?: ((...args: any[]) => any) | undefined;
+          readonly onChange?: ((...args: any[]) => any) | undefined;
+          readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+          readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+          readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+        $attrs: import("@vue/runtime-core").Attrs;
+        $refs: {
+          [x: string]: unknown;
+        };
+        $slots: Readonly<{
+          [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+        }>;
+        $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+        $el: any;
+        $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+          config: import("@tmagic/form-schema").FormConfig;
+          initValues: Record<string, any>;
+          lastValues?: Record<string, any>;
+          isCompare?: boolean;
+          parentValues?: Record<string, any>;
+          labelWidth?: string;
+          disabled?: boolean;
+          height?: string;
+          stepActive?: string | number;
+          size?: "small" | "default" | "large";
+          inline?: boolean;
+          labelPosition?: string;
+          keyProp?: string;
+          popperClass?: string;
+          preventSubmitDefault?: boolean;
+          extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+          showDiff?: (_data: {
+            curValue: any;
+            lastValue: any;
+            config: any;
+          }) => boolean;
+          selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        }> & Readonly<{
+          onError?: ((...args: any[]) => any) | undefined;
+          onChange?: ((...args: any[]) => any) | undefined;
+          "onField-input"?: ((...args: any[]) => any) | undefined;
+          "onField-change"?: ((...args: any[]) => any) | undefined;
+          "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+        }>, {
+          values: import("@vue/reactivity").Ref<FormValue, FormValue>;
+          lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+          formState: FormState;
+          initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+          changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+          changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+          resetForm: () => void;
+          submitForm: (native?: boolean) => Promise<any>;
+          getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+        }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+          error: (...args: any[]) => void;
+          change: (...args: any[]) => void;
+          "field-input": (...args: any[]) => void;
+          "field-change": (...args: any[]) => void;
+          "update:stepActive": (...args: any[]) => void;
+        }, string, {
+          disabled: boolean;
+          labelWidth: string;
+          inline: boolean;
+          labelPosition: string;
+          config: import("@tmagic/form-schema").FormConfig;
+          height: string;
+          initValues: Record<string, any>;
+          lastValues: Record<string, any>;
+          isCompare: boolean;
+          keyProp: string;
+          parentValues: Record<string, any>;
+          stepActive: string | number;
+        }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+          beforeCreate?: (() => void) | (() => void)[];
+          created?: (() => void) | (() => void)[];
+          beforeMount?: (() => void) | (() => void)[];
+          mounted?: (() => void) | (() => void)[];
+          beforeUpdate?: (() => void) | (() => void)[];
+          updated?: (() => void) | (() => void)[];
+          activated?: (() => void) | (() => void)[];
+          deactivated?: (() => void) | (() => void)[];
+          beforeDestroy?: (() => void) | (() => void)[];
+          beforeUnmount?: (() => void) | (() => void)[];
+          destroyed?: (() => void) | (() => void)[];
+          unmounted?: (() => void) | (() => void)[];
+          renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+          errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("@vue/runtime-core").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+      } & Readonly<{
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -3458,14 +4579,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
-      }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-      }, Readonly<{
+      }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
@@ -3482,36 +4596,31 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         popperClass?: string;
         preventSubmitDefault?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-      }>, {
-        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+      }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+        values: FormValue;
+        lastValuesProcessed: FormValue;
         formState: FormState;
-        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        initialized: boolean;
+        changeRecords: ChangeRecord$1[];
         changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-      }, {}, {}, {}, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: import("@tmagic/form-schema").FormConfig;
-        height: string;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-      }> | null>>;
+      } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+        $slots: FormSlots;
+      }) | null>>;
       submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
     }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
       mounted: (internalInstance: any) => any;
@@ -3554,7 +4663,142 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
-    configForm: import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
+    configForm: ({
+      $: import("@vue/runtime-core").ComponentInternalInstance;
+      $data: {};
+      $props: {
+        readonly config: import("@tmagic/form-schema").FormConfig;
+        readonly initValues: Record<string, any>;
+        readonly lastValues?: Record<string, any> | undefined;
+        readonly isCompare?: boolean | undefined;
+        readonly parentValues?: Record<string, any> | undefined;
+        readonly labelWidth?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly height?: string | undefined;
+        readonly stepActive?: string | number | undefined;
+        readonly size?: "small" | "default" | "large" | undefined;
+        readonly inline?: boolean | undefined;
+        readonly labelPosition?: string | undefined;
+        readonly keyProp?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly preventSubmitDefault?: boolean | undefined;
+        readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+        readonly showDiff?: ((_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean) | undefined;
+        readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly onError?: ((...args: any[]) => any) | undefined;
+        readonly onChange?: ((...args: any[]) => any) | undefined;
+        readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+        readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+      $attrs: import("@vue/runtime-core").Attrs;
+      $refs: {
+        [x: string]: unknown;
+      };
+      $slots: Readonly<{
+        [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+      }>;
+      $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+      $host: Element | null;
+      $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+      $el: any;
+      $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+        config: import("@tmagic/form-schema").FormConfig;
+        initValues: Record<string, any>;
+        lastValues?: Record<string, any>;
+        isCompare?: boolean;
+        parentValues?: Record<string, any>;
+        labelWidth?: string;
+        disabled?: boolean;
+        height?: string;
+        stepActive?: string | number;
+        size?: "small" | "default" | "large";
+        inline?: boolean;
+        labelPosition?: string;
+        keyProp?: string;
+        popperClass?: string;
+        preventSubmitDefault?: boolean;
+        extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        showDiff?: (_data: {
+          curValue: any;
+          lastValue: any;
+          config: any;
+        }) => boolean;
+        selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      }> & Readonly<{
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onField-input"?: ((...args: any[]) => any) | undefined;
+        "onField-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+      }>, {
+        values: import("@vue/reactivity").Ref<FormValue, FormValue>;
+        lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+        formState: FormState;
+        initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+        changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
+        submitForm: (native?: boolean) => Promise<any>;
+        getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
+      }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+        error: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "field-input": (...args: any[]) => void;
+        "field-change": (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
+      }, string, {
+        disabled: boolean;
+        labelWidth: string;
+        inline: boolean;
+        labelPosition: string;
+        config: import("@tmagic/form-schema").FormConfig;
+        height: string;
+        initValues: Record<string, any>;
+        lastValues: Record<string, any>;
+        isCompare: boolean;
+        keyProp: string;
+        parentValues: Record<string, any>;
+        stepActive: string | number;
+      }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+      };
+      $forceUpdate: () => void;
+      $nextTick: typeof import("@vue/runtime-core").nextTick;
+      $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+    } & Readonly<{
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: import("@tmagic/form-schema").FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
       lastValues?: Record<string, any>;
@@ -3571,50 +4815,109 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       popperClass?: string;
       preventSubmitDefault?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
       "onField-input"?: ((...args: any[]) => any) | undefined;
       "onField-change"?: ((...args: any[]) => any) | undefined;
       "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-    }>, {
-      values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-      lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+    }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      values: FormValue;
+      lastValuesProcessed: FormValue;
       formState: FormState;
-      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-      changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+      initialized: boolean;
+      changeRecords: ChangeRecord$1[];
       changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-      error: (...args: any[]) => void;
-      change: (...args: any[]) => void;
-      "field-input": (...args: any[]) => void;
-      "field-change": (...args: any[]) => void;
-      "update:stepActive": (...args: any[]) => void;
-    }, import("@vue/runtime-core").PublicProps, {
-      disabled: boolean;
-      labelWidth: string;
-      inline: boolean;
-      labelPosition: string;
-      config: import("@tmagic/form-schema").FormConfig;
-      height: string;
-      initValues: Record<string, any>;
-      lastValues: Record<string, any>;
-      isCompare: boolean;
-      keyProp: string;
-      parentValues: Record<string, any>;
-      stepActive: string | number;
-    }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-      P: {};
-      B: {};
-      D: {};
-      C: {};
-      M: {};
-      Defaults: {};
-    }, Readonly<{
-      config: import("@tmagic/form-schema").FormConfig;
+    } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+      $slots: FormSlots;
+    }) | null;
+    submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: {
+      'props-form-panel-header'(_props: {}): any;
+    };
+  }) => any) | undefined;
+  onUnmounted?: (() => any) | undefined;
+  "onSubmit-error"?: ((e: any) => any) | undefined;
+  "onForm-error"?: ((e: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$15: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
+declare const _default$27: typeof __VLS_export$15;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region temp/packages/editor/src/layouts/props-panel/FormPanel.vue.d.ts
+type __VLS_Slots$6 = {
+  'props-form-panel-header'(_props: {}): any;
+};
+type __VLS_Props$13 = {
+  config: FormConfig;
+  values: FormValue;
+  disabledShowSrc?: boolean;
+  labelWidth?: string;
+  codeValueKey?: string;
+  labelPosition?: string;
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+};
+declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Props$13, {
+  configForm: Readonly<import("@vue/reactivity").ShallowRef<({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: FormConfig;
       initValues: Record<string, any>;
       lastValues?: Record<string, any>;
       isCompare?: boolean;
@@ -3630,6 +4933,12 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       popperClass?: string;
       preventSubmitDefault?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
@@ -3645,13 +4954,19 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
-      getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
-    }, {}, {}, {}, {
+      getTextByName: (name: string, config?: FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
       disabled: boolean;
       labelWidth: string;
       inline: boolean;
       labelPosition: string;
-      config: import("@tmagic/form-schema").FormConfig;
+      config: FormConfig;
       height: string;
       initValues: Record<string, any>;
       lastValues: Record<string, any>;
@@ -3659,79 +4974,27 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
-    }> | null;
-    submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
-  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
-    $slots: {
-      'props-form-panel-header'(_props: {}): any;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
     };
-  }) => any) | undefined;
-  onUnmounted?: (() => any) | undefined;
-  "onSubmit-error"?: ((e: any) => any) | undefined;
-  "onForm-error"?: ((e: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$14: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
-declare const _default$26: typeof __VLS_export$14;
-type __VLS_WithSlots$7<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-//#region temp/packages/editor/src/layouts/props-panel/FormPanel.vue.d.ts
-type __VLS_Slots$6 = {
-  'props-form-panel-header'(_props: {}): any;
-};
-type __VLS_Props$12 = {
-  config: FormConfig;
-  values: FormValue;
-  disabledShowSrc?: boolean;
-  labelWidth?: string;
-  codeValueKey?: string;
-  labelPosition?: string;
-  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-};
-declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Props$12, {
-  configForm: Readonly<import("@vue/reactivity").ShallowRef<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-    config: FormConfig;
-    initValues: Record<string, any>;
-    lastValues?: Record<string, any>;
-    isCompare?: boolean;
-    parentValues?: Record<string, any>;
-    labelWidth?: string;
-    disabled?: boolean;
-    height?: string;
-    stepActive?: string | number;
-    size?: "small" | "default" | "large";
-    inline?: boolean;
-    labelPosition?: string;
-    keyProp?: string;
-    popperClass?: string;
-    preventSubmitDefault?: boolean;
-    extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
-    formState: FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
-    changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -3744,14 +5007,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
+  }> & Omit<Readonly<{
     config: FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -3768,36 +5024,31 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<FormValue, FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<FormValue, FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: FormValue;
+    lastValuesProcessed: FormValue;
     formState: FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<ChangeRecord$1[], ChangeRecord$1[]>;
+    initialized: boolean;
+    changeRecords: ChangeRecord$1[];
     changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: FormConfig) => string | undefined;
-  }, {}, {}, {}, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }> | null>>;
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: FormSlots;
+  }) | null>>;
   submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   mounted: (internalInstance: any) => any;
@@ -3805,15 +5056,15 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   submit: (values: any, eventData?: ContainerChangeEventData | undefined) => any;
   "submit-error": (e: any) => any;
   "form-error": (e: any) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$12> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$13> & Readonly<{
   onMounted?: ((internalInstance: any) => any) | undefined;
   onUnmounted?: (() => any) | undefined;
   onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
   "onSubmit-error"?: ((e: any) => any) | undefined;
   "onForm-error"?: ((e: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$13: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
-declare const _default$25: typeof __VLS_export$13;
+declare const __VLS_export$14: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$26: typeof __VLS_export$14;
 type __VLS_WithSlots$6<T, S> = T & {
   new (): {
     $slots: S;
@@ -3821,20 +5072,20 @@ type __VLS_WithSlots$6<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/ToolButton.vue.d.ts
-type __VLS_Props$11 = {
+type __VLS_Props$12 = {
   data?: MenuButton | MenuComponent;
   eventType?: 'mousedown' | 'mouseup' | 'click';
 };
-declare const __VLS_export$12: import("@vue/runtime-core").DefineComponent<__VLS_Props$11, {
+declare const __VLS_export$13: import("@vue/runtime-core").DefineComponent<__VLS_Props$12, {
   getElRef: () => Readonly<import("@vue/reactivity").ShallowRef<HTMLDivElement | null>>;
-}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$11> & Readonly<{}>, {
+}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$12> & Readonly<{}>, {
   data: MenuButton | MenuComponent;
   eventType: "mousedown" | "mouseup" | "click";
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$31: typeof __VLS_export$12;
+declare const _default$32: typeof __VLS_export$13;
 //#endregion
 //#region temp/packages/editor/src/components/ContentMenu.vue.d.ts
-type __VLS_Props$10 = {
+type __VLS_Props$11 = {
   menuData?: (MenuButton | MenuComponent)[];
   isSubMenu?: boolean;
   active?: string | number;
@@ -3844,7 +5095,7 @@ declare var __VLS_7$1: {};
 type __VLS_Slots$5 = {} & {
   title?: (props: typeof __VLS_7$1) => any;
 };
-declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Props$10, {
+declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Props$11, {
   menu: Readonly<import("@vue/reactivity").ShallowRef<HTMLDivElement | null>>;
   menuPosition: Ref<{
     left: number;
@@ -3870,7 +5121,7 @@ declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   mouseenter: () => any;
   show: () => any;
   hide: () => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$10> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$11> & Readonly<{
   onMouseenter?: (() => any) | undefined;
   onShow?: (() => any) | undefined;
   onHide?: (() => any) | undefined;
@@ -3879,8 +5130,8 @@ declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   isSubMenu: boolean;
   autoHide: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$11: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
-declare const _default$7: typeof __VLS_export$11;
+declare const __VLS_export$12: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$8: typeof __VLS_export$12;
 type __VLS_WithSlots$5<T, S> = T & {
   new (): {
     $slots: S;
@@ -3888,14 +5139,14 @@ type __VLS_WithSlots$5<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/Icon.vue.d.ts
-type __VLS_Props$9 = {
+type __VLS_Props$10 = {
   icon?: any;
 };
-declare const __VLS_export$10: import("@vue/runtime-core").DefineComponent<__VLS_Props$9, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$9> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$20: typeof __VLS_export$10;
+declare const __VLS_export$11: import("@vue/runtime-core").DefineComponent<__VLS_Props$10, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$10> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$21: typeof __VLS_export$11;
 //#endregion
 //#region temp/packages/editor/src/components/SplitView.vue.d.ts
-type __VLS_Props$8 = {
+type __VLS_Props$9 = {
   width?: number;
   left?: number;
   right?: number;
@@ -3914,13 +5165,13 @@ type __VLS_Slots$4 = {} & {
 } & {
   right?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Props$8, {
+declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Props$9, {
   updateWidth(): void;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
   "update:left": (...args: any[]) => void;
   "update:right": (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$8> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$9> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
   "onUpdate:left"?: ((...args: any[]) => any) | undefined;
   "onUpdate:right"?: ((...args: any[]) => any) | undefined;
@@ -3929,8 +5180,8 @@ declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   minRight: number;
   minCenter: number;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$9: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
-declare const _default$23: typeof __VLS_export$9;
+declare const __VLS_export$10: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$24: typeof __VLS_export$10;
 type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
@@ -3947,8 +5198,8 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<{}, {},
 }, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{
   onChange?: ((e: OnDrag$1<import("gesto").default>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export$8: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
-declare const _default$27: typeof __VLS_export$8;
+declare const __VLS_export$9: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$28: typeof __VLS_export$9;
 type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
@@ -3956,7 +5207,7 @@ type __VLS_WithSlots$3<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/CodeBlockEditor.vue.d.ts
-type __VLS_Props$7 = {
+type __VLS_Props$8 = {
   content: Omit<CodeBlockContent, 'content'> & {
     content: string;
   };
@@ -3968,8 +5219,8 @@ type __VLS_ModelProps$1 = {
   'width'?: number;
   'visible'?: boolean;
 };
-type __VLS_PublicProps$1 = __VLS_Props$7 & __VLS_ModelProps$1;
-declare const __VLS_export$7: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$1, {
+type __VLS_PublicProps$1 = __VLS_Props$8 & __VLS_ModelProps$1;
+declare const __VLS_export$8: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$1, {
   show(): Promise<void>;
   hide(): Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
@@ -3985,7 +5236,51 @@ declare const __VLS_export$7: import("@vue/runtime-core").DefineComponent<__VLS_
   "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export$7;
+declare const _default: typeof __VLS_export$8;
+//#endregion
+//#region temp/packages/editor/src/components/CompareForm.vue.d.ts
+/**
+ * 对比类型：
+ * - node: 节点组件，按 `type` 从 propsService 获取属性表单配置
+ * - data-source: 数据源，按 `type`(base/http/...) 从 dataSourceService 获取数据源表单配置
+ * - code-block: 数据源代码块，使用内置的代码块表单配置
+ */
+type CompareCategory = 'node' | 'data-source' | 'code-block';
+type __VLS_Props$7 = {
+  /** 当前值（修改后的值） */value: Partial<MNode> | Partial<DataSourceSchema> | Partial<CodeBlockContent> | Record<string, any>; /** 用于对比的旧值（修改前的值） */
+  lastValue?: Partial<MNode> | Partial<DataSourceSchema> | Partial<CodeBlockContent> | Record<string, any>;
+  /**
+   * 类型说明：
+   * - `category` 为 `node` 时，`type` 为节点组件的类型，例如 'text'、'button'、'page'、'container' 等
+   * - `category` 为 `data-source` 时，`type` 为数据源类型，例如 'base'、'http'
+   * - `category` 为 `code-block` 时，`type` 可不传
+   */
+  type?: string; /** 表单配置类别，决定从哪里取 FormConfig */
+  category?: CompareCategory; /** 数据源代码块场景下的数据源类型（base/http），用于代码块表单中"执行时机"展示 */
+  dataSourceType?: string;
+  labelWidth?: string;
+  /**
+   * 外层容器高度。设置后表单内容超出时会在 CompareForm 内部出现滚动条，
+   * 避免 dialog / 面板使用方需要自行处理滚动。可传任意 CSS 长度，例如 `60vh` / `400px` / `100%`。
+   */
+  height?: string;
+  /**
+   * 用户自定义注入到 MForm.formState 的扩展字段，与 Editor 顶层的 `extendFormState`、
+   * PropsPanel 的 `extend-state` 语义一致。表单 item 的 `display` / `disabled` 等
+   * filterFunction 经常依赖这里注入的字段（如 stage、自定义业务上下文等），
+   * 因此在差异对比场景下也需要透传，避免出现 `formState.xxx is undefined` 的运行时错误。
+   */
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+};
+declare const __VLS_export$7: import("@vue/runtime-core").DefineComponent<__VLS_Props$7, {
+  form: ShallowRef<InstanceType<typeof MForm> | null>;
+  config: Ref<FormConfig>;
+  reload: () => Promise<void>;
+}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$7> & Readonly<{}>, {
+  labelWidth: string;
+  category: CompareCategory;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$5: typeof __VLS_export$7;
 //#endregion
 //#region temp/packages/editor/src/components/FloatingBox.vue.d.ts
 interface Position {
@@ -4026,7 +5321,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pu
   position: Position;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$6: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
-declare const _default$19: typeof __VLS_export$6;
+declare const _default$20: typeof __VLS_export$6;
 type __VLS_WithSlots$2<T, S> = T & {
   new (): {
     $slots: S;
@@ -4076,7 +5371,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   indent: number;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$5: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
-declare const _default$32: typeof __VLS_export$5;
+declare const _default$33: typeof __VLS_export$5;
 type __VLS_WithSlots$1<T, S> = T & {
   new (): {
     $slots: S;
@@ -4127,7 +5422,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<__VLS_Prop
   isExpandable: IsExpandableFunction;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$4: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default$33: typeof __VLS_export$4;
+declare const _default$34: typeof __VLS_export$4;
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
@@ -4143,7 +5438,7 @@ declare const __VLS_export$3: import("@vue/runtime-core").DefineComponent<__VLS_
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$24: typeof __VLS_export$3;
+declare const _default$25: typeof __VLS_export$3;
 //#endregion
 //#region temp/packages/editor/src/fields/DisplayConds.vue.d.ts
 type __VLS_Props$2 = FieldProps<DisplayCondsConfig>;
@@ -4154,7 +5449,7 @@ declare const __VLS_export$2: import("@vue/runtime-core").DefineComponent<__VLS_
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$17: typeof __VLS_export$2;
+declare const _default$18: typeof __VLS_export$2;
 //#endregion
 //#region temp/packages/editor/src/fields/CondOpSelect.vue.d.ts
 type __VLS_Props$1 = FieldProps<CondOpSelectConfig>;
@@ -4163,20 +5458,22 @@ declare const __VLS_export$1: import("@vue/runtime-core").DefineComponent<__VLS_
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$1> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$6: typeof __VLS_export$1;
+declare const _default$7: typeof __VLS_export$1;
 //#endregion
 //#region temp/packages/editor/src/fields/StyleSetter/Index.vue.d.ts
 type __VLS_Props = FieldProps<StyleSchema>;
 declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData: ContainerChangeEventData) => any;
+  addDiffCount: () => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
   onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+  onAddDiffCount?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$28: typeof __VLS_export;
+declare const _default$29: typeof __VLS_export;
 //#endregion
 //#region temp/packages/editor/src/plugin.d.ts
-declare const _default$36: {
+declare const _default$37: {
   install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>) => void;
 };
 //#endregion
-export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CanDropInFunction, CanDropInScene, _default as CodeBlockEditor, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, ComponentGroup, ComponentGroupState, ComponentItem, _default$5 as ComponentListPanel, ComponentListPanelSlots, _default$6 as CondOpSelect, _default$7 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$8 as DataSourceAddButton, _default$9 as DataSourceConfigPanel, _default$10 as DataSourceFieldSelect, _default$11 as DataSourceFields, _default$12 as DataSourceInput, DataSourceListSlots, _default$13 as DataSourceMethodSelect, _default$14 as DataSourceMethods, _default$15 as DataSourceMocks, _default$16 as DataSourceSelect, DatasourceTypeOption, DepTargetType, _default$17 as DisplayConds, DragClassification, DragType, DslOpOptions, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$18 as EventSelect, Fixed2Other, _default$19 as FloatingBox, FrameworkSlots, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpType, HistoryState, _default$20 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$21 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$22 as LayerPanel, LayerPanelSlots, Layout, _default$23 as LayoutContainer, _default$23 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$24 as PageFragmentSelect, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$25 as PropsFormPanel, PropsFormValueFunction, _default$26 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$27 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepValue, StoreState, StoreStateKey, _default$28 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$29 as TMagicCodeEditor, _default$30 as TMagicEditor, _default$31 as ToolButton, _default$32 as Tree, _default$33 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$34 as codeBlockService, collectRelatedNodes, _default$35 as dataSourceService, debug, _default$36 as default, defaultIsExpandable, _default$37 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$38 as editorService, eqOptions, error, eventTabConfig, _default$39 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$40 as historyService, info, isIncludeDataSource, _default$41 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$42 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$43 as stageOverlayService, _default$44 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$45 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CanDropInFunction, CanDropInScene, _default as CodeBlockEditor, CodeBlockHistoryGroup, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeBlockStepValue, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, _default$5 as CompareForm, ComponentGroup, ComponentGroupState, ComponentItem, _default$6 as ComponentListPanel, ComponentListPanelSlots, _default$7 as CondOpSelect, _default$8 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$9 as DataSourceAddButton, _default$10 as DataSourceConfigPanel, _default$11 as DataSourceFieldSelect, _default$12 as DataSourceFields, DataSourceHistoryGroup, _default$13 as DataSourceInput, DataSourceListSlots, _default$14 as DataSourceMethodSelect, _default$15 as DataSourceMethods, _default$16 as DataSourceMocks, _default$17 as DataSourceSelect, DataSourceStepValue, DatasourceTypeOption, DepTargetType, _default$18 as DisplayConds, DragClassification, DragType, DslOpOptions, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$19 as EventSelect, Fixed2Other, _default$20 as FloatingBox, FrameworkSlots, GetCodeBlockFormConfigOptions, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpOptions, HistoryOpOptionsWithChangeRecords, HistoryOpType, HistoryState, _default$21 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$22 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$23 as LayerPanel, LayerPanelSlots, Layout, _default$24 as LayoutContainer, _default$24 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$25 as PageFragmentSelect, PageHistoryGroup, PageHistoryStepEntry, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$26 as PropsFormPanel, PropsFormValueFunction, _default$27 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$28 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepValue, StoreState, StoreStateKey, _default$29 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$30 as TMagicCodeEditor, _default$31 as TMagicEditor, _default$32 as ToolButton, _default$33 as Tree, _default$34 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$35 as codeBlockService, collectRelatedNodes, _default$36 as dataSourceService, debug, _default$37 as default, defaultIsExpandable, _default$38 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$39 as editorService, eqOptions, error, eventTabConfig, _default$40 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$41 as historyService, info, isIncludeDataSource, _default$42 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$43 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$44 as stageOverlayService, _default$45 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$46 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };