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

package/types/index.d.ts

@@ -1,11 +1,11 @@
-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 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, TypeMatchValidateContext, TypeMatchValidator } 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";
+import designPlugin, { ButtonProps, DesignPluginOptions, FieldSize } from "@tmagic/design";
 import Gesto, { OnDrag, OnDrag as OnDrag$1 } from "gesto";
 import { CodeBlockContent, CodeBlockDSL, DataSchema, DataSourceFieldType, DataSourceSchema, DepData, DepExtendedData, DepTargetType, DepTargetType as DepTargetType$1, DisplayCond, EventOption, Id, MApp, MContainer, MNode, MPage, MPageFragment, NodeType, Target, TargetOptions } from "@tmagic/core";
-import { App, Component, ComputedRef, Ref, ShallowRef } from "vue";
-import EventEmitter, { EventEmitter as EventEmitter$1 } from "events";
+import { App, AppContext, CSSProperties, Component, ComputedRef, Ref, ShallowRef } from "vue";
+import EventEmitter$1, { EventEmitter } from "events";
 import * as Monaco from "monaco-editor";
 import Sortable, { Options, SortableEvent } from "sortablejs";
 import { PascalCasedProperties, Writable } from "type-fest";
@@ -47,7 +47,7 @@ export * from "@tmagic/utils";
  * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after第一个参数则是原方法的return值;
  * 如需终止后续方法调用可以return new Error();
  */
-declare class BaseService extends EventEmitter$1 {
+declare class BaseService extends EventEmitter {
   private pluginOptionsList;
   private taskList;
   private doingTask;
@@ -62,13 +62,23 @@ declare class BaseService extends EventEmitter$1 {
 }
 //#endregion
 //#region temp/packages/editor/src/services/codeBlock.d.ts
-declare const canUsePluginMethods$7: {
+declare const canUsePluginMethods$8: {
   async: readonly ["setCodeDslById", "setEditStatus", "setCombineIds", "setUndeleteableList", "deleteCodeDslByIds"];
   sync: string[];
 };
-type AsyncMethodName$4 = Writable<(typeof canUsePluginMethods$7)['async']>;
+type AsyncMethodName$4 = Writable<(typeof canUsePluginMethods$8)['async']>;
 declare class CodeBlock extends BaseService {
   private state;
+  /**
+   * 最近一次写入历史栈的代码块历史记录 uuid（单条写入场景：新增 / 更新）。
+   * 供 setCodeDslById(Sync)AndGetHistoryId 取回，普通方法不读取它。
+   */
+  private lastPushedHistoryId;
+  /**
+   * deleteCodeDslByIds 一次删除多个代码块时，按写入顺序收集的历史记录 uuid 列表。
+   * 在 deleteCodeDslByIds 入口处重置，供 deleteCodeDslByIdsAndGetHistoryId 取回。
+   */
+  private lastDeletedHistoryIds;
   constructor();
   /**
    * 设置活动的代码块dsl数据源
@@ -100,7 +110,9 @@ declare class CodeBlock extends BaseService {
    */
   setCodeDslById(id: Id, codeConfig: Partial<CodeBlockContent>, {
     changeRecords,
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: HistoryOpOptionsWithChangeRecords): Promise<void>;
   /**
    * 为了兼容历史原因
@@ -117,7 +129,8 @@ declare class CodeBlock extends BaseService {
   setCodeDslByIdSync(id: Id, codeConfig: Partial<CodeBlockContent>, force?: boolean, {
     changeRecords,
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: HistoryOpOptionsWithChangeRecords): void;
   /**
    * 根据代码块id数组获取代码dsl
@@ -178,8 +191,25 @@ declare class CodeBlock extends BaseService {
    */
   deleteCodeDslByIds(codeIds: Id[], {
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: HistoryOpOptions): Promise<void>;
+  /**
+   * 下列 *AndGetHistoryId 方法与对应的写入方法行为完全一致，
+   * 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入的历史 uuid 列表，
+   * 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
+   *
+   * 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时 historyIds 为 `[]`。
+   */
+  /** 等价于 {@link setCodeDslById}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  setCodeDslByIdAndGetHistoryId(id: Id, codeConfig: Partial<CodeBlockContent>, options?: HistoryOpOptionsWithChangeRecords): Promise<DslOpWithHistoryIdsResult<void>>;
+  /** 等价于 {@link setCodeDslByIdSync}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  setCodeDslByIdSyncAndGetHistoryId(id: Id, codeConfig: Partial<CodeBlockContent>, force?: boolean, options?: HistoryOpOptionsWithChangeRecords): DslOpWithHistoryIdsResult<void>;
+  /**
+   * 等价于 {@link deleteCodeDslByIds}，并额外返回本次写入的全部历史记录 uuid（按删除顺序）。
+   * 一次删除多个代码块会产生多条历史记录；未写入任何历史时 historyIds 为 `[]`。
+   */
+  deleteCodeDslByIdsAndGetHistoryId(codeIds: Id[], options?: HistoryOpOptions): Promise<DslOpWithHistoryIdsResult<void>>;
   setParamsColConfig(config: TableColumnConfig): void;
   getParamsColConfig(): TableColumnConfig | undefined;
   /**
@@ -223,6 +253,14 @@ declare class CodeBlock extends BaseService {
    * @returns 反向后产生的新 step；目标不存在 / 未应用时返回 null
    */
   revert(id: Id, index: number): Promise<CodeBlockStepValue | null>;
+  /**
+   * 通过历史记录 uuid 回滚代码块历史步骤，语义同 {@link revert}，
+   * 仅无需调用方再传 codeBlockId 与 index：内部会按 uuid 在全部代码块栈中定位对应步骤后再回滚。
+   * 按数组顺序依次回滚，返回与入参同序的结果列表（某项失败时为 `null`）。
+   *
+   * @param uuids 目标历史记录的 uuid 列表，通常由 {@link setCodeDslByIdAndGetHistoryId} 等方法返回的 `historyIds`
+   */
+  revertById(uuids: string[]): Promise<(CodeBlockStepValue | null)[]>;
   /**
    * 生成代码块唯一id
    * @returns {Id} 代码块唯一id
@@ -264,7 +302,7 @@ declare class CodeBlock extends BaseService {
   private applyHistoryStep;
 }
 type CodeBlockService = CodeBlock;
-declare const _default$35: CodeBlock;
+declare const _default$40: CodeBlock;
 //#endregion
 //#region temp/packages/editor/src/services/componentList.d.ts
 declare class ComponentList extends BaseService {
@@ -279,6 +317,7 @@ declare class ComponentList extends BaseService {
   destroy(): void;
 }
 type ComponentListService = ComponentList;
+declare const _default$41: ComponentList;
 //#endregion
 //#region temp/packages/editor/src/services/dataSource.d.ts
 interface State$2 {
@@ -291,13 +330,19 @@ interface State$2 {
   methods: Record<string, EventOption[]>;
 }
 type StateKey$1 = keyof State$2;
-declare const canUsePluginMethods$6: {
+declare const canUsePluginMethods$7: {
   async: never[];
   sync: readonly ["getFormConfig", "setFormConfig", "getFormValue", "setFormValue", "getFormEvent", "setFormEvent", "getFormMethod", "setFormMethod", "add", "update", "remove", "createId"];
 };
-type SyncMethodName$4 = Writable<(typeof canUsePluginMethods$6)['sync']>;
+type SyncMethodName$5 = Writable<(typeof canUsePluginMethods$7)['sync']>;
 declare class DataSource extends BaseService {
   private state;
+  /**
+   * 最近一次写入历史栈的数据源历史记录 uuid。
+   * 供 *AndGetHistoryId 系列方法在调用 add / update / remove 后取回本次产生的历史记录 id；
+   * 普通方法不读取它，调用前由 *AndGetHistoryId 重置为 null。
+   */
+  private lastPushedHistoryId;
   constructor();
   set<K extends StateKey$1, T extends State$2[K]>(name: K, value: T): void;
   get<K extends StateKey$1>(name: K): State$2[K];
@@ -318,7 +363,8 @@ declare class DataSource extends BaseService {
    */
   add(config: DataSourceSchema, {
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: HistoryOpOptions): {
     id: string;
     type: string;
@@ -341,7 +387,8 @@ declare class DataSource extends BaseService {
   update(config: DataSourceSchema, {
     changeRecords,
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: HistoryOpOptionsWithChangeRecords): DataSourceSchema;
   /**
    * 删除数据源
@@ -352,8 +399,22 @@ declare class DataSource extends BaseService {
    */
   remove(id: string, {
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: HistoryOpOptions): void;
+  /**
+   * 下列 *AndGetHistoryId 方法与对应的 add / update / remove 行为完全一致，
+   * 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入历史栈的 uuid 列表（{@link DataSourceStepValue.uuid}），
+   * 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
+   *
+   * 当本次操作未写入历史（doNotPushHistory 为 true、或无对应记录）时 historyIds 为 `[]`。
+   */
+  /** 等价于 {@link add}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  addAndGetHistoryId(config: DataSourceSchema, options?: HistoryOpOptions): DslOpWithHistoryIdsResult<DataSourceSchema>;
+  /** 等价于 {@link update}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  updateAndGetHistoryId(config: DataSourceSchema, options?: HistoryOpOptionsWithChangeRecords): DslOpWithHistoryIdsResult<DataSourceSchema>;
+  /** 等价于 {@link remove}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  removeAndGetHistoryId(id: string, options?: HistoryOpOptions): DslOpWithHistoryIdsResult<void>;
   /**
    * 撤销指定数据源的最近一次变更。
    *
@@ -394,11 +455,19 @@ declare class DataSource extends BaseService {
    * @returns 反向后产生的新 step；目标不存在 / 未应用时返回 null
    */
   revert(id: Id, index: number): DataSourceStepValue | null;
+  /**
+   * 通过历史记录 uuid 回滚数据源历史步骤，语义同 {@link revert}，
+   * 仅无需调用方再传 dataSourceId 与 index：内部会按 uuid 在全部数据源栈中定位对应步骤后再回滚。
+   * 按数组顺序依次回滚，返回与入参同序的结果列表（某项失败时为 `null`）。
+   *
+   * @param uuids 目标历史记录的 uuid 列表，通常由 {@link addAndGetHistoryId} 等方法返回的 `historyIds`
+   */
+  revertById(uuids: string[]): (DataSourceStepValue | null)[];
   createId(): string;
   getDataSourceById(id: string): DataSourceSchema | undefined;
   resetState(): void;
   destroy(): void;
-  usePlugin(options: SyncHookPlugin<SyncMethodName$4, DataSource>): void;
+  usePlugin(options: SyncHookPlugin<SyncMethodName$5, DataSource>): void;
   /**
    * 复制时会带上组件关联的数据源
    * @param config 组件节点配置
@@ -432,7 +501,10 @@ declare class DataSource extends BaseService {
   private applyHistoryStep;
 }
 type DataSourceService = DataSource;
-declare const _default$36: DataSource;
+declare const _default$42: DataSource;
+//#endregion
+//#region temp/packages/editor/src/utils/dep/worker.d.ts
+type DepsData = Record<string, Record<Id, DepData>>;
 //#endregion
 //#region temp/packages/editor/src/services/dep.d.ts
 interface DepEvents {
@@ -449,8 +521,12 @@ type StateKey = keyof State$1;
 declare class Dep extends BaseService {
   private state;
   private idleTask;
+  private collectWorker;
   private watcher;
   private waitingWorker?;
+  private resolveWaitingWorker?;
+  private workerGeneration;
+  private activeBatches;
   constructor();
   set<K extends StateKey, T extends State$1[K]>(name: K, value: T): void;
   get<K extends StateKey>(name: K): State$1[K];
@@ -464,8 +540,16 @@ declare class Dep extends BaseService {
   removeTarget(id: Id, type?: string): void;
   clearTargets(): void;
   collect(nodes: MNode[], depExtendedData?: DepExtendedData, deep?: boolean, type?: DepTargetType$1): void;
-  collectIdle(nodes: MNode[], depExtendedData?: DepExtendedData, deep?: boolean, type?: DepTargetType$1): Promise<void>;
-  collectByWorker(dsl: MApp): Promise<Record<string, Record<string, DepData>>>;
+  /**
+   * 空闲收集依赖
+   *
+   * 遍历匹配是整个收集过程中最耗时的部分（要深度遍历节点树并对每个属性做 target 匹配），
+   * 节点/数据源多时在主线程执行会长时间卡死页面，因此优先交给 worker 执行，主线程只负责把结果写回 target。
+   * 自定义 target 的 isTarget 是无法跨线程传递的闭包函数（没有 descriptor），仍走主线程空闲队列；
+   * worker 不可用（如 SSR）或执行失败时也会回退到主线程空闲队列。
+   */
+  collectIdle(nodes: MNode[], depExtendedData?: DepExtendedData, deep?: boolean, type?: DepTargetType$1): Promise<boolean>;
+  collectByWorker(dsl: MApp): Promise<DepsData>;
   collectNode(node: MNode, target: Target, depExtendedData?: DepExtendedData, deep?: boolean): void;
   clear(nodes?: MNode[]): void;
   clearByType(type: DepTargetType$1, nodes?: MNode[]): void;
@@ -482,25 +566,59 @@ declare class Dep extends BaseService {
    * 按 pageId 匹配，可清掉页面内已被删除节点的残留依赖
    */
   private removePageDep;
+  /**
+   * 把遍历匹配交给 worker，结果回来后按 target 分片写回主线程
+   */
+  private collectByCollectWorker;
+  /**
+   * 用 worker 的收集结果替换 target 上这批节点的依赖
+   */
+  private enqueueApplyTask;
+  private enqueueTasks;
   private enqueueTask;
+  private beginBatchTask;
+  private onBatchTaskDone;
+  private settleBatchDs;
+  private finishBatch;
+  /**
+   * idleTask 被清空时，在途批次的任务不会再执行，必须主动结算，
+   * 否则对应的 collectIdle Promise 永远不会 resolve（collecting 卡在 true、once 监听器泄漏）。
+   * 收集被中断（通常紧跟一次全量重新收集），因此不再 emit collected/ds-collected，仅结算 Promise。
+   */
+  private abortActiveBatches;
+  private updateCollectingState;
 }
 type DepService = Dep;
-declare const _default$38: Dep;
+declare const _default$44: Dep;
 //#endregion
 //#region temp/packages/editor/src/services/editor.d.ts
 declare class Editor extends BaseService {
   state: StoreState;
   private selectionBeforeOp;
+  /**
+   * 操作前的节点校验错误快照，与 selectionBeforeOp 同时在 captureSelectionBeforeOp 中捕获，
+   * 供 pushOpHistory 写入 step.extra.invalidNodeIdsBefore，用于撤销时还原到「操作前」的错误状态。
+   */
+  private invalidNodeIdsBeforeOp;
+  /**
+   * 最近一次 pushOpHistory 写入的历史记录 uuid。
+   * 供 *AndGetHistoryId 系列方法在调用普通操作后取回本次产生的历史记录 id；
+   * 普通操作不会读取它，调用前由 *AndGetHistoryId 重置为 null。
+   */
+  private lastPushedHistoryId;
   constructor();
   /**
    * 设置当前指点节点配置
-   * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength
+   * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'invalidNodeIds' | 'pageLength' | 'pageFragmentLength
    * @param value MNode
+   * @param options.historySource 设置 root 时，本次变更写入历史记录的「操作来源」（仅 name === 'root' 时生效）
    */
-  set<K extends StoreStateKey, T extends StoreState[K]>(name: K, value: T): void;
+  set<K extends StoreStateKey, T extends StoreState[K]>(name: K, value: T, options?: {
+    historySource?: HistoryOpSource;
+  }): void;
   /**
    * 获取当前指点节点配置
-   * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength'
+   * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'invalidNodeIds' | 'pageLength' | 'pageFragmentLength'
    * @returns MNode
    */
   get<K extends StoreStateKey>(name: K): StoreState[K];
@@ -571,7 +689,8 @@ declare class Editor extends BaseService {
     doNotSelect,
     doNotSwitchPage,
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<MNode | MNode[]>;
   doRemove(node: MNode, {
     doNotSelect,
@@ -589,12 +708,15 @@ declare class Editor extends BaseService {
     doNotSelect,
     doNotSwitchPage,
     doNotPushHistory,
-    historyDescription
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<void>;
   doUpdate(config: MNode, {
-    changeRecords
+    changeRecords,
+    historySource
   }?: {
     changeRecords?: ChangeRecord[];
+    historySource?: HistoryOpSource;
   }): Promise<{
     newNode: MNode;
     oldNode: MNode;
@@ -616,6 +738,16 @@ declare class Editor extends BaseService {
     changeRecordList?: ChangeRecord[][];
     doNotPushHistory?: boolean;
     historyDescription?: string;
+    historySource?: HistoryOpSource;
+    /**
+     * 属性面板提交时携带的校验错误信息，在写入历史记录之前落库，
+     * 使历史快照与本次变更对齐，从而 undo/redo 能正确还原错误标记。
+     */
+    invalidInfo?: {
+      id: Id;
+      source: NodeInvalidSource;
+      error?: string;
+    };
   }): Promise<MNode | MNode[]>;
   /**
    * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
@@ -629,7 +761,8 @@ declare class Editor extends BaseService {
    */
   sort(id1: Id, id2: Id, {
     doNotSelect,
-    doNotPushHistory
+    doNotPushHistory,
+    historySource
   }?: DslOpOptions): Promise<void>;
   /**
    * 将组件节点配置存储到localStorage中
@@ -656,7 +789,9 @@ declare class Editor extends BaseService {
   paste(position?: PastePosition, collectorOptions?: TargetOptions, {
     doNotSelect,
     doNotSwitchPage,
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<MNode | MNode[] | void>;
   doPaste(config: MNode[], position?: PastePosition): Promise<MNode[]>;
   doAlignCenter(config: MNode): Promise<MNode>;
@@ -671,7 +806,9 @@ declare class Editor extends BaseService {
    */
   alignCenter(config: MNode | MNode[], {
     doNotSelect,
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<MNode | MNode[]>;
   /**
    * 移动当前选中节点位置
@@ -680,7 +817,9 @@ declare class Editor extends BaseService {
    * @param options.doNotPushHistory 是否不写入历史记录（默认 false）
    */
   moveLayer(offset: number | LayerOffset, {
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<void>;
   /**
    * 移动一个或多个节点到指定容器中。
@@ -699,11 +838,40 @@ declare class Editor extends BaseService {
   moveToContainer(config: MNode | MNode[], targetId: Id, {
     doNotSelect,
     doNotSwitchPage,
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<MNode | MNode[]>;
   dragTo(config: MNode | MNode[], targetParent: MContainer, targetIndex: number, {
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<void>;
+  /**
+   * 下列 *AndGetHistoryId 方法与对应的普通操作（add / remove / update ...）行为完全一致，
+   * 返回值在 {@link DslOpWithHistoryIdsResult} 中同时包含原操作结果与本次写入历史栈的 uuid 列表（{@link StepValue.uuid}），
+   * 可用于精确引用 / 定位该条历史记录（埋点、revert、跨端同步等）。
+   *
+   * 当本次操作未写入历史（doNotPushHistory 为 true、或操作无实际变更 / 提前返回）时 historyIds 为 `[]`。
+   */
+  /** 等价于 {@link add}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  addAndGetHistoryId(addNode: AddMNode | MNode[], parent?: MContainer | null, options?: DslOpOptions): Promise<DslOpWithHistoryIdsResult<MNode | MNode[]>>;
+  /** 等价于 {@link remove}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  removeAndGetHistoryId(nodeOrNodeList: MNode | MNode[], options?: DslOpOptions): Promise<DslOpWithHistoryIdsResult<void>>;
+  /** 等价于 {@link update}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  updateAndGetHistoryId(config: MNode | MNode[], data?: {
+    changeRecords?: ChangeRecord[];
+    changeRecordList?: ChangeRecord[][];
+    doNotPushHistory?: boolean;
+    historyDescription?: string;
+    historySource?: HistoryOpSource;
+  }): Promise<DslOpWithHistoryIdsResult<MNode | MNode[]>>;
+  /** 等价于 {@link moveLayer}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  moveLayerAndGetHistoryId(offset: number | LayerOffset, options?: DslOpOptions): Promise<DslOpWithHistoryIdsResult<void>>;
+  /** 等价于 {@link moveToContainer}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  moveToContainerAndGetHistoryId(config: MNode | MNode[], targetId: Id, options?: DslOpOptions): Promise<DslOpWithHistoryIdsResult<MNode | MNode[]>>;
+  /** 等价于 {@link dragTo}，并额外返回本次写入历史记录的 uuid 列表（未入栈时 historyIds 为 `[]`）。 */
+  dragToAndGetHistoryId(config: MNode | MNode[], targetParent: MContainer, targetIndex: number, options?: DslOpOptions): Promise<DslOpWithHistoryIdsResult<void>>;
   /**
    * 撤销当前操作
    * @returns 被撤销的操作
@@ -731,6 +899,14 @@ declare class Editor extends BaseService {
    * @returns 反向后产生的新 step；目标不存在 / 未应用 / 反向失败时返回 null
    */
   revertPageStep(index: number): Promise<StepValue | null>;
+  /**
+   * 通过历史记录 uuid 回滚当前页面的历史步骤，语义与 {@link revertPageStep} 完全一致，
+   * 仅入参从 index 改为 uuid 列表（{@link StepValue.uuid}）。按数组顺序依次回滚，
+   * 返回与入参同序的结果列表（某项失败时为 `null`）。
+   *
+   * @param uuids 目标历史记录的 uuid 列表，通常由 *AndGetHistoryId 方法返回的 `historyIds`
+   */
+  revertPageStepById(uuids: string[]): Promise<(StepValue | null)[]>;
   /**
    * 跳转当前页面历史栈到指定游标位置。
    *
@@ -742,25 +918,84 @@ declare class Editor extends BaseService {
    */
   gotoPageStep(targetCursor: number): Promise<number>;
   move(left: number, top: number, {
-    doNotPushHistory
+    doNotPushHistory,
+    historyDescription,
+    historySource
   }?: DslOpOptions): Promise<void>;
   resetState(): void;
   destroy(): void;
   resetModifiedNodeId(): void;
+  /**
+   * 记录（或覆盖）某个节点在指定来源（属性表单 / 样式表单）上的校验错误信息。
+   * @param id 节点 id
+   * @param source 错误来源：'props'（属性表单）| 'style'（样式表单）
+   * @param message 错误文案（可能是包含 <br> 的 HTML）
+   */
+  setInvalidNode(id: Id, source: NodeInvalidSource, message: string): void;
+  /**
+   * 删除节点的校验错误记录。
+   * @param id 节点 id
+   * @param source 指定来源则仅删除该来源；不传则删除该节点全部来源的错误
+   */
+  deleteInvalidNode(id: Id, source?: NodeInvalidSource): void;
+  /** 获取当前存在校验错误的节点错误 Map（key 为节点 id） */
+  getInvalidNodeIds(): Map<Id, NodeInvalidInfo>;
+  /** 获取指定节点的校验错误信息 */
+  getInvalidNodeInfo(id: Id): NodeInvalidInfo | undefined;
+  /** 清空全部校验错误记录 */
+  resetInvalidNodeId(): void;
   usePlugin(options: AsyncHookPlugin<AsyncMethodName, Editor>): void;
   on<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
   once<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
   emit<Name extends keyof EditorEvents, Param extends EditorEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  /**
+   * 应用一次属性面板提交携带的校验错误信息（在写入历史记录之前调用，使历史快照与本次变更对齐）。
+   * - invalidInfo 为空（调用方未携带）：认为本次更新对应的节点已无校验错误，清除其全部来源的错误；
+   * - error 非空则记录错误，为空则清除对应来源的错误。
+   */
+  private applyInvalidInfo;
+  /** 删除被移除节点（含其子树）的校验错误记录，避免残留误报 */
+  private removeInvalidNodesBySubtree;
+  /** 清理不在当前 DSL 中的失效节点错误记录（用于整体替换 root 后） */
+  private pruneInvalidNodeIds;
   private addModifiedNodeId;
+  /**
+   * 获取指定节点所属的页面 / 页面片：
+   * - 普通节点返回其所在的 page；
+   * - 节点本身就是 page / pageFragment 时返回它自己；
+   * - 找不到时返回 null。
+   * 供 `change` 事件携带「变更节点对应的 page」（而非编辑器当前选中页）。
+   */
+  private getPageOfNode;
   private captureSelectionBeforeOp;
+  /**
+   * 比较「上一次 root」与「新 root」的页面 / 页面片，按页面粒度把整体替换拆成历史记录：
+   * - 新旧都存在且内容变化的页面 → 一条 `update`（整页快照替换，无 changeRecords）；
+   * - 仅新 root 存在的页面 → 一条 `add`；
+   * - 仅旧 root 存在的页面 → 一条 `remove`。
+   *
+   * 每条记录落到对应页面自己的历史栈（与普通节点操作一致），并标记来源 `source`。
+   * 内容未变化的页面不产生记录，避免重复设置相同 DSL 时产生噪声。
+   */
+  private pushRootDiffHistory;
+  /**
+   * 构造一条页面级「set root」历史记录（不携带选区 / modifiedNodeIds 上下文）并落到该页面自己的栈。
+   *
+   * 连续 set root 替换：若该页栈最新一条已是**同来源**的 set root 记录（{@link StepValue.rootStep} 且 `source` 相同），
+   * 则用本次记录**替换**它而非新增，避免源码反复保存 / 外部重设 DSL 时堆积多条 root 记录；
+   * 来源不同则照常新增（initial 基线不是 rootStep，不在此列）。
+   */
+  private pushPageDiffStep;
   private pushOpHistory;
   /**
    * 应用历史操作（撤销 / 重做）
    *
-   * 所有 DSL 修改都走 `editor.add / remove / update`，并通过 `doNotPushHistory` 阻止再次入栈、
-   * `doNotSelect / doNotSwitchPage` 让选区由方法末尾的统一逻辑兜底。
+   * 删除 / 更新类修改走 `editor.remove / update`，并通过 `doNotPushHistory` 阻止再次入栈、
+   * `doNotSelect / doNotSwitchPage` 让选区由方法末尾的统一逻辑兜底；
+   * 「重新插回节点」（撤销 remove / 重做 add）需按 step 记录的 parentId / index 精确还原，
+   * 不走 this.add，由手工 splice + stage.add 完成后补发等价的 add / change 事件（见 emitHistoryInsertEvents）。
    *
-   * 注意：这些公开方法会发出 add / remove / update 事件，业务侧若需要区分"用户操作"与"撤销重做触发"，
+   * 注意：这些路径都会发出 add / remove / update / change 事件，业务侧若需要区分"用户操作"与"撤销重做触发"，
    * 请监听 `history-change` 事件配合判断。
    *
    * @param step 操作记录
@@ -768,38 +1003,74 @@ declare class Editor extends BaseService {
    */
   private applyHistoryOp;
   private selectedConfigExceptionHandler;
+  /**
+   * 撤销 remove / 重做 add 通过手工 splice 按 step 记录的 parentId / index 精确还原节点（不走 this.add，原因见调用处注释），
+   * 这里补齐与 this.add 等价的 add / change 事件，保证撤销/重做路径的事件行为与正向操作一致。
+   */
+  private emitHistoryInsertEvents;
 }
 type EditorService = Editor;
-declare const _default$39: Editor;
+declare const _default$45: Editor;
 //#endregion
 //#region temp/packages/editor/src/services/events.d.ts
-declare const canUsePluginMethods$5: {
+declare const canUsePluginMethods$6: {
   async: readonly [];
   sync: readonly ["setEvent", "getEvent", "setMethod", "getMethod"];
 };
-type AsyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['async']>;
-type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['sync']>;
+type AsyncMethodName$3 = Writable<(typeof canUsePluginMethods$6)['async']>;
+type SyncMethodName$4 = Writable<(typeof canUsePluginMethods$6)['sync']>;
 declare class Events extends BaseService {
   constructor();
   setEvents(events: Record<string, EventOption[]>): void;
   setEvent(type: string, events: EventOption[]): void;
-  getEvent(type: string): EventOption[];
+  getEvent(type: string, _data?: {
+    node?: MNode | null;
+  }): EventOption[];
   setMethods(methods: Record<string, EventOption[]>): void;
   setMethod(type: string, method: EventOption[]): void;
-  getMethod(type: string, _targetId: Id): EventOption[];
+  getMethod(type: string, _data?: {
+    node?: MNode | null;
+    targetId?: Id;
+  }): EventOption[];
   resetState(): void;
   destroy(): void;
-  usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, Events> & SyncHookPlugin<SyncMethodName$3, Events>): void;
+  usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, Events> & SyncHookPlugin<SyncMethodName$4, Events>): void;
 }
 type EventsService = Events;
-declare const _default$40: Events;
+declare const _default$46: Events;
 //#endregion
 //#region temp/packages/editor/src/utils/undo-redo.d.ts
+/**
+ * UndoRedo 栈的可序列化快照，用于持久化（如写入 IndexedDB）后再还原。
+ */
+interface SerializedUndoRedo<T = any> {
+  /** 栈内全部元素（按时间正序，索引 0 为最早一步）。 */
+  elementList: T[];
+  /** 游标位置（已应用步骤数量）。 */
+  listCursor: number;
+  /** 栈容量上限。 */
+  listMaxSize: number;
+}
 declare class UndoRedo<T = any> {
+  /**
+   * 由 {@link UndoRedo.serialize} 产出的快照重建一个 UndoRedo 实例。
+   * 游标会被夹紧到 [0, length] 区间，避免脏数据导致越界。
+   *
+   * @param options.isSavedStep 可选谓词：若提供，则把游标定位到「最近一条满足该谓词的记录」之后
+   *   （即恢复到最近一个已保存点）；找不到匹配记录时退回快照中的原游标。
+   */
+  static fromSerialized<T = any>(data: SerializedUndoRedo<T>, options?: {
+    isSavedStep?: (element: T) => boolean;
+  }): UndoRedo<T>;
   private elementList;
   private listCursor;
   private listMaxSize;
   constructor(listMaxSize?: number);
+  /**
+   * 导出当前栈的可序列化快照（深克隆，避免外部改动污染内部状态）。
+   * 配合 {@link UndoRedo.fromSerialized} 可在持久化后完整还原撤销/重做栈。
+   */
+  serialize(): SerializedUndoRedo<T>;
   pushElement(element: T): void;
   canUndo(): boolean;
   /** 返回被撤销的操作 */
@@ -808,6 +1079,19 @@ declare class UndoRedo<T = any> {
   /** 返回被重做的操作 */
   redo(): T | null;
   getCurrentElement(): T | null;
+  /**
+   * 用 `element` 替换当前游标所在元素（cursor - 1），并丢弃其后的重做尾部（与 {@link pushElement} 的丢尾一致），
+   * 游标位置保持不变（元素数量不增）。cursor 为 0（无已应用元素）时不做任何操作并返回 false。
+   * 用于「连续同类记录合并」等就地替换最新一条的场景。
+   */
+  replaceCurrentElement(element: T): boolean;
+  /**
+   * 对当前游标所在元素（cursor - 1）做就地更新；cursor 为 0（全部已撤销）时不做任何操作。
+   * 用于给「当前步骤」打标记（如标记为已保存）等元数据写入场景。
+   */
+  updateCurrentElement(updater: (element: T) => void): void;
+  /** 对栈内全部元素做就地更新。用于批量清理元数据（如清空所有元素的已保存标记）。 */
+  updateElements(updater: (element: T, index: number) => void): void;
   /**
    * 返回栈内全部元素的浅克隆数组（按时间顺序，索引 0 为最早一步）。
    * 仅用于历史面板等只读展示场景，不应直接修改返回值。
@@ -825,166 +1109,267 @@ declare class UndoRedo<T = any> {
 }
 //#endregion
 //#region temp/packages/editor/src/services/history.d.ts
+declare const canUsePluginMethods$5: {
+  sync: readonly ["push", "undo", "redo"];
+};
+type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['sync']>;
 declare class History extends BaseService {
+  state: {
+    steps: {
+      [x: string]: Record<Id, UndoRedo<any>>;
+      page: Record<Id, UndoRedo<StepValue>>;
+      codeBlock: Record<Id, UndoRedo<CodeBlockStepValue>>;
+      dataSource: Record<Id, UndoRedo<DataSourceStepValue>>;
+    };
+    stepNames: Record<string, string>;
+  };
+  constructor();
   /**
-   * 把单个代码块栈拆成若干 group：
-   * - 把"新增/删除"独立成组（语义上属于一次性事件，不应与 update 合并）；
-   * - 连续 'update' 合并到同一组，组内 steps 顺序就是发生顺序。
-   */
-  private static mergeCodeBlockSteps;
-  private static mergeDataSourceSteps;
-  /**
-   * 根据 old/new 是否为 null 推断 opType（与 push 时的约定一致）。
+   * 注册一个扩展历史类型，使其可与内置 `page` / `codeBlock` / `dataSource` 一样走统一的
+   * {@link push} / {@link undo} / {@link redo}（按 id 分栈、独立 undo/redo）。
+   *
+   * @param stepType 自定义历史类型标识（勿与内置类型重名）
+   * @param options.event push/undo/redo 后派发的事件名，缺省为 `${stepType}-history-change`
+   * @param options.name 历史面板中的展示名称（tab / 分组标题等），缺省回退到 stepType 本身
    */
-  private static detectOpType;
+  registerStepType(stepType: string, options?: {
+    event?: string;
+    name?: string;
+  }): void;
   /**
-   * 把页面栈拆成若干 group：
-   * - 单节点的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group；
-   * - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单节点修改组）；
-   * - 多节点 'update'（如批量改属性）也独立成组（无明确单一目标，避免误合并）。
+   * 读取指定历史类型的展示名称（用于历史面板 tab / 分组标题等）。
+   * 未登记名称时回退到 stepType 本身。
    */
-  private static mergePageSteps;
+  getStepName(stepType: HistoryStepType): string;
   /**
-   * 解析 StepValue 中的"目标节点 id"用于合并：
-   * - 单节点 update：取唯一一项 updatedItems 的节点 id；
-   * - 其它情形（多节点 update / add / remove）：返回 undefined，表示不参与合并。
+   * 设置指定历史类型的展示名称（用于历史面板 tab / 分组标题等）。
+   * 内置 `page` / `codeBlock` / `dataSource` 也可在此覆盖默认中文名。
    */
-  private static detectPageTargetId;
-  /** 解析 StepValue 中的目标节点可读名（用于 UI 展示）。 */
-  private static detectPageTargetName;
-  state: {
-    pageId?: Id | undefined;
-    pageSteps: Record<Id, UndoRedo<StepValue>>;
-    canRedo: boolean;
-    canUndo: boolean;
-    codeBlockState: Record<Id, UndoRedo<CodeBlockStepValue>>;
-    dataSourceState: Record<Id, UndoRedo<DataSourceStepValue>>;
-  };
-  constructor();
+  setStepName(stepType: HistoryStepType, name: string): void;
   reset(): void;
-  resetPage(): void;
-  changePage(page: MPage | MPageFragment): void;
   resetState(): void;
   /**
-   * 把一条步骤推入指定页面的栈；不指定 pageId 时落到当前活动页。
+   * 为指定历史栈（默认 `page`，也适用于 codeBlock / dataSource / 扩展类型）种入一条「初始基线」记录。
+   *
+   * 该记录是一条 `opType: 'initial'` 的 step，作为对应栈 **index 0 的固定底线**：
+   * - 它是一条真实入栈的 step（随栈一起持久化），但被钉为撤销/回滚的下限——cursor 永不低于它，
+   *   因此不会被 undo / goto / revert 触达（详见 {@link undo} / {@link undoFloor}）；
+   * - 历史面板把它过滤出分组列表（见 {@link getHistoryGroups}），改由底部「初始」行展示。
    *
-   * 跨页操作（例如 `moveToContainer` 把节点搬到其它页）必须显式传入 `pageId`，
-   * 否则会把记录错误地落到操作发起页 / 当前激活页，破坏目标页 / 源页的撤销栈语义。
+   * 仅当目标栈为空时种入（保证 initial 一定位于 index 0）；已存在 initial 底线时不重复种入。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id（page 为 pageId，其余类型为对应资源 id）
+   * @param options  基线展示信息（名称 / 描述 / 来源）
+   */
+  setMarker(stepType: HistoryStepType, id: Id, options?: {
+    name?: string;
+    description?: string;
+    source?: HistoryOpSource;
+    extra?: Record<string, any>;
+  }): StepValue | null;
+  /**
+   * 读取指定历史栈的初始基线 step（栈 index 0 且 `opType: 'initial'`）；
+   * 不存在或 id 缺省时返回 undefined。
    */
-  push(state: StepValue, pageId?: Id): StepValue | null;
+  getMarker(stepType: HistoryStepType, id?: Id): StepValue | undefined;
   /**
-   * 推入一条代码块变更记录（与页面/节点完全无关），按 `codeBlockId` 维度独立一份 UndoRedo 栈。
+   * 把一条步骤推入指定历史栈。统一入口，所有类型（page / codeBlock / dataSource / 扩展）行为完全一致：
+   * 按 `stepType` 选择目标栈类型，按 `id`（必填）选择具体栈，按需建栈后入栈，并派发对应的历史变更事件
+   * （`page` 为 `change`，其余见 {@link registerStepType}），回调签名统一为 `(id, step)`。
    *
-   * - 新增：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;
+   * 跨页 / 跨资源操作（如 `moveToContainer` 把节点搬到其它页）必须显式传入目标 id，
+   * 否则无法落到正确的栈。step 可由 `createStackStep` 等构造后传入。
+   *
+   * @param stepType 历史类型
+   * @param step     已构造好的历史记录（缺省自动补全 uuid / timestamp）
+   * @param id       目标栈 id（page 为 pageId，其余类型为对应资源 id），必填
+   */
+  push(stepType: 'page', step: StepValue, id: Id): StepValue | null;
+  push(stepType: 'codeBlock', step: CodeBlockStepValue, id: Id): CodeBlockStepValue | null;
+  push(stepType: 'dataSource', step: DataSourceStepValue, id: Id): DataSourceStepValue | null;
+  push<T extends BaseStepValue>(stepType: string, step: T, id: Id): T | null;
   /**
-   * 推入一条数据源变更记录（与页面/节点完全无关），按 `dataSourceId` 维度独立一份 UndoRedo 栈。
-   * 行为同 pushCodeBlock（新增 oldSchema=null；删除 newSchema=null）。
+   * 撤销指定历史栈的最近一次变更。统一入口，所有类型行为一致：
+   * 按 `id`（必填）+ `stepType` 定位栈，不会越过 index 0 的 initial 基线（所有类型同等适用），
+   * 仅在确有可撤销 step 时派发对应的历史变更事件（`page` 为 `change`，回调签名 `(id, step)`）。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id（page 为 pageId，其余类型为对应资源 id），必填
    */
-  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;
+  undo(stepType: 'page', id: Id): StepValue | null;
+  undo(stepType: 'codeBlock', id: Id): CodeBlockStepValue | null;
+  undo(stepType: 'dataSource', id: Id): DataSourceStepValue | null;
+  undo<T extends BaseStepValue>(stepType: string, id: Id): T | null;
+  /**
+   * 重做指定历史栈的下一次变更。语义与 {@link undo} 对称，详见其说明。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id（page 为 pageId，其余类型为对应资源 id），必填
+   */
+  redo(stepType: 'page', id: Id): StepValue | null;
+  redo(stepType: 'codeBlock', id: Id): CodeBlockStepValue | null;
+  redo(stepType: 'dataSource', id: Id): DataSourceStepValue | null;
+  redo<T extends BaseStepValue>(stepType: string, id: Id): T | null;
+  /**
+   * 是否可对指定历史栈撤销（cursor 高于 initial 基线底线）。
+   * @param stepType 历史类型
+   * @param id       目标栈 id；缺省 / 无效时返回 false
+   */
+  canUndo(stepType: HistoryStepType, id?: Id): boolean;
+  /**
+   * 是否可对指定历史栈重做。
+   * @param stepType 历史类型
+   * @param id       目标栈 id；缺省 / 无效时返回 false
+   */
+  canRedo(stepType: HistoryStepType, id?: Id): boolean;
+  /** 读取指定页面历史栈当前游标所在的 step（cursor - 1）；无则返回 null。 */
+  getCurrentPageStep(pageId: Id): StepValue | null;
+  /**
+   * 用 `state` 替换指定页面栈当前游标所在的 step（并丢弃其后的重做尾部），游标不变。
+   * 用于「连续 set root 记录合并」等就地替换最新一条的场景；替换成功后派发 `change`。
+   */
+  replaceCurrentStep(stepType: HistoryStepType, state: StepValue, id: Id): StepValue | null;
   destroy(): void;
   /**
-   * 取出当前活动页的历史步骤平铺列表（包含已应用 + 已撤销）。
-   * 列表按时间正序，最早一步在最前面。
-   * 通常 UI 应使用 `getPageHistoryGroups` 取已合并分组的版本；本方法仅为兼容/调试保留。
+   * 清空历史记录栈。统一入口，所有类型（page / codeBlock / dataSource / 扩展）行为一致：
+   * - 传入 `id`：仅清空 `stepType` 下该 id 对应的栈；
+   * - 缺省 `id`：清空 `stepType` 下的全部栈。
+   *
+   * 仅删除撤销/重做记录，不会改动 DSL / 代码块 / 数据源本身。清空时会**保留各栈原有的
+   * initial 基线**（文案 / 来源），无基线时清空成空栈。清空后派发 `clear`（签名 `(id, stepType)`）。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id；缺省表示清空该类型下全部栈
    */
-  getPageStepList(pageId?: Id): PageHistoryStepEntry[];
+  clear(stepType: HistoryStepType, id?: Id): void;
   /**
-   * 取出当前活动页的历史栈，按"目标节点"做相邻合并：
-   * - 连续修改同一节点（单节点 update）的多步合并为一个 group，组内可展开查看每步；
-   * - add / remove / 多节点 update 始终独立成组。
-   * 用于历史面板的"页面"tab 展示。
+   * 标记历史记录为「已保存」（把对应栈当前游标所在的记录标为 `saved`）。统一入口：
+   * - 缺省 `id`：标记**全部类型、全部栈**（整份 DSL 落库场景），派发 `mark-saved` 且 `kind: 'all'`；
+   * - 传入 `id`：仅标记 `stepType` 下该 id 对应的栈，派发 `mark-saved` 且 `kind` 为 `stepType`。
+   *
+   * 同一栈内任意时刻最多只有一条记录为 `saved`；从 IndexedDB 恢复时游标会被定位到最近一条已保存记录之后。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id；缺省表示标记全部类型 / 全部栈
    */
-  getPageHistoryGroups(pageId?: Id): PageHistoryGroup[];
+  markSaved(stepType: HistoryStepType, id?: Id): void;
   /**
-   * 取出全部代码块的历史栈，按 codeBlockId 分组。
-   * 同一栈内相邻、同 opType 且作用于同一 id 的多步会被合并为一个 group：
-   * - 这正是"代码块/数据源各自按 id 分栈"的天然表现，再叠加"连续修改同目标的相邻步骤合并展示"。
-   * - 合并后 group 暴露子步骤数组，UI 可展开查看每一步的 changeRecords。
-   * - applied 字段：组内最后一步是否处于已应用段。
+   * 派发「页面 / 页面片结构变更」事件（`page-structure-change`）。
+   *
+   * 常规 `editorService.add` / `remove` 页面节点不会写入 `page` 历史栈（见 editor.add / remove 中
+   * 对 isPageOrFragment 的分支），因此不会产生任何 historyService 事件。该方法用于在这些
+   * 场景（以及 setRoot 整体替换 DSL 增删页面）下，向外统一通知页面结构的增删变化，供业务方感知。
+   *
+   * 一次操作涉及多个页面时，调用方应把本次增删的页面**合并为一个 change 一次性传入**，
+   * 使一次操作只派发一个事件；`add` / `remove` 分别为本次新增与删除的页面列表（其一可为空数组）。
+   *
+   * @param change 本次结构变更：{ add: 新增的页面列表, remove: 删除的页面列表 }
    */
-  getCodeBlockHistoryGroups(): CodeBlockHistoryGroup[];
+  notifyPageStructureChange(change: {
+    add: (MPage | MPageFragment)[];
+    remove: (MPage | MPageFragment)[];
+  }): void;
   /**
-   * 读取指定页面历史栈的当前游标（已应用步骤数量）。不传则取当前活动页。
-   * 没有对应栈时返回 0。
+   * 把当前内存中的全部历史栈（页面 / 代码块 / 数据源 / 扩展类型）序列化后写入本地 IndexedDB。
+   *
+   * - 每个 UndoRedo 栈连同其游标、容量一并保存，恢复后可继续 undo/redo；
+   * - `key` 用于区分不同活动页 / 项目（同一 store 下可保存多份快照），缺省为 `default`；
+   * - 返回写入成功的快照对象，便于调用方记录 savedAt 等信息；
+   * - 不支持 IndexedDB 的环境（如 SSR）会 reject。
    */
-  getPageCursor(pageId?: Id): number;
-  /** 读取指定代码块历史栈的当前游标。 */
-  getCodeBlockCursor(codeBlockId: Id): number;
-  /** 读取指定数据源历史栈的当前游标。 */
-  getDataSourceCursor(dataSourceId: Id): number;
+  saveToIndexedDB(options?: HistoryPersistOptions): Promise<PersistedHistoryState>;
   /**
-   * 取出指定代码块历史栈的平铺步骤列表（含 applied 标记）。供 revert 等按 index 索引步骤使用。
+   * 从本地 IndexedDB 读取此前保存的历史快照并重建全部撤销/重做栈。
+   *
+   * - 读取到的每个栈都会经 {@link UndoRedo.fromSerialized} 还原（含游标），随后可直接 undo/redo；
+   * - 会整体覆盖当前内存中的历史状态（活动页由 editorService 维护，不在此恢复）；
+   * - 找不到对应记录时返回 null，且不改动当前状态；
+   * - 不支持 IndexedDB 的环境（如 SSR）会 reject。
    */
-  getCodeBlockStepList(codeBlockId: Id): {
-    step: CodeBlockStepValue;
-    index: number;
-    applied: boolean;
-  }[];
+  restoreFromIndexedDB(options?: HistoryPersistOptions): Promise<PersistedHistoryState | null>;
   /**
-   * 取出指定数据源历史栈的平铺步骤列表（含 applied 标记）。供 revert 等按 index 索引步骤使用。
+   * 取出指定历史类型（页面 / 代码块 / 数据源 / 扩展类型）某个栈的平铺步骤列表（含 applied 标记）。
+   * 统一入口，替代旧的 `getPageStepList` / `getCodeBlockStepList` / `getDataSourceStepList`。
+   *
+   * 列表按时间正序，最早一步在最前面；`applied` 表示该步骤处于栈游标之前（已应用）。
+   * 供 revert / goto 等按 index 索引步骤的场景使用。通常 UI 应使用
+   * {@link getHistoryGroups} 取已合并分组的版本；本方法仅为兼容/调试保留。
+   *
+   * @param stepType 历史类型
+   * @param id       目标栈 id（page 为 pageId，其余类型为对应资源 id）；缺省 / 无效时返回空数组
    */
-  getDataSourceStepList(dataSourceId: Id): {
-    step: DataSourceStepValue;
-    index: number;
-    applied: boolean;
-  }[];
+  getStepList(stepType: 'page', id?: Id): HistoryStepEntry<StepValue>[];
+  getStepList(stepType: 'codeBlock', id: Id): HistoryStepEntry<CodeBlockStepValue>[];
+  getStepList(stepType: 'dataSource', id: Id): HistoryStepEntry<DataSourceStepValue>[];
+  getStepList<T extends BaseStepValue>(stepType: HistoryStepType, id?: Id): HistoryStepEntry<T>[];
   /**
-   * 取出全部数据源的历史栈，按 dataSourceId 分组。同上。
+   * 取出指定历史类型的历史分组（页面 / 代码块 / 数据源 / 扩展类型统一入口）。
+   *
+   * 把目标栈的步骤列表按"目标"做相邻合并（连续修改同一目标的 update 合并为一组，组内可展开查看每步；
+   * add / remove / 多实体 update 始终独立成组），并过滤掉 index 0 的 initial 基线（底部「初始」行由
+   * {@link getMarker} 驱动）。各类型行为完全一致，仅 `kind` 与 step 快照类型不同。
+   *
+   * 作用域：
+   * - 传入 `id`：仅取该 id 对应的单个栈（页面历史按活动页查看，传入 pageId）；
+   * - 缺省 `id`：遍历该类型下全部栈并汇总（代码块 / 数据源按全部资源分桶展示）。
+   *
+   * @param stepType 历史类型，缺省 `page`
+   * @param id       目标栈 id；缺省表示遍历该类型下全部栈
    */
-  getDataSourceHistoryGroups(): DataSourceHistoryGroup[];
+  getHistoryGroups(stepType: 'page', id?: Id): HistoryGroup<StepValue>[];
+  getHistoryGroups(stepType: 'codeBlock', id?: Id): HistoryGroup<CodeBlockStepValue>[];
+  getHistoryGroups(stepType: 'dataSource', id?: Id): HistoryGroup<DataSourceStepValue>[];
+  getHistoryGroups<T extends BaseStepValue>(stepType: HistoryStepType, id?: Id): HistoryGroup<T>[];
   /**
-   * 取出指定页面的栈；不传 pageId 时按当前活动页取。
+   * 读取指定历史栈的当前游标（已应用步骤数量）。统一入口，替代旧的
+   * `getPageCursor` / `getCodeBlockCursor` / `getDataSourceCursor`。
+   * - `id` 缺省或非法、或对应栈不存在时返回 0；
+   * - `stepType` 支持 `page` / `codeBlock` / `dataSource` / 扩展类型。
+   */
+  getCursor(stepType: HistoryStepType, id?: Id): number;
+  /**
+   * 按历史记录 uuid 在指定历史类型的栈中查找其所属 id 与索引，统一入口，替代旧的
+   * `getPageStepIndexByUuid` / `findCodeBlockStepLocationByUuid` / `findDataSourceStepLocationByUuid`。
+   *
+   * - 传入 `id`：仅在该 id 对应的单个栈中查找（如页面历史按活动页查看，传入 pageId）；
+   * - 缺省 `id`：遍历该类型下全部栈查找（代码块 / 数据源等按全部资源分桶的场景）。
+   *
+   * 找不到时返回 null。供「按 uuid 回滚」等需要把 uuid 映射回 (id, index) 的场景使用。
    *
-   * 跨页 push 时如果目标页的栈尚不存在（用户从未进入过该页），会按需创建一条空栈，
-   * 这样切到目标页时 Ctrl+Z 也能撤回该步骤。
+   * @param stepType 历史类型
+   * @param uuid     目标历史记录的 uuid
+   * @param id       目标栈 id；缺省表示遍历该类型下全部栈
    */
-  private getUndoRedo;
-  private setCanUndoRedo;
+  findStepLocationByUuid(stepType: HistoryStepType, uuid: string, id?: Id): {
+    id: Id;
+    index: number;
+  } | null;
+  usePlugin(options: SyncHookPlugin<SyncMethodName$3, History>): void;
+  emit<Name extends keyof HistoryEvents, Param extends HistoryEvents[Name]>(eventName: Name, ...args: Param): boolean;
   /**
-   * 按 id 获取（或创建）指定代码块的 UndoRedo 栈。
+   * 取出指定历史类型的栈桶（`Record<id, UndoRedo>`）；不存在时按需创建空桶，
+   * 从而支持通过 {@link registerStepType} 或首次 push 动态扩展历史类型。
    */
-  private getCodeBlockUndoRedo;
+  private getStepBucket;
   /**
-   * 按 id 获取（或创建）指定数据源的 UndoRedo 栈。
+   * 清空单个历史栈并按需重建其 initial 基线（保留原基线的文案 / 来源）。
    */
-  private getDataSourceUndoRedo;
+  private clearStack;
+  /** 入栈前补全 step 的 uuid / timestamp（调用方未指定时）。 */
+  private fillStepMeta;
+  /** 校验「按 id 分栈」类型（codeBlock / dataSource / 扩展）的 id 是否有效。 */
+  private isValidStackId;
+  /** 清空全部历史栈内容（保留已注册的类型键，使扩展类型在 reset 后仍可用）。 */
+  private clearAllSteps;
+  /**
+   * 把基础 dbName 与当前 DSL（root app）的 id 拼成最终库名，实现不同应用历史隔离。
+   * 取不到 app id（如尚未加载 DSL）时退回基础 dbName。
+   */
+  private resolveDbName;
 }
 type HistoryService = History;
-declare const _default$41: History;
+declare const _default$47: History;
 //#endregion
 //#region temp/packages/editor/src/services/keybinding.d.ts
 declare class Keybinding extends BaseService {
@@ -1023,6 +1408,7 @@ declare class Keybinding extends BaseService {
   private getKeyconKeys;
 }
 type KeybindingService = Keybinding;
+declare const _default$48: Keybinding;
 //#endregion
 //#region temp/packages/editor/src/services/props.d.ts
 declare const canUsePluginMethods$4: {
@@ -1122,7 +1508,7 @@ declare class Props extends BaseService {
   private setRelateId;
 }
 type PropsService = Props;
-declare const _default$43: Props;
+declare const _default$50: Props;
 //#endregion
 //#region temp/packages/editor/src/services/stageOverlay.d.ts
 declare const canUsePluginMethods$3: {
@@ -1149,7 +1535,7 @@ declare class StageOverlay extends BaseService {
   private updateSelectStatus;
 }
 type StageOverlayService = StageOverlay;
-declare const _default$44: StageOverlay;
+declare const _default$51: StageOverlay;
 //#endregion
 //#region temp/packages/editor/src/services/storage.d.ts
 interface Options$1 {
@@ -1212,7 +1598,7 @@ declare class WebStorage extends BaseService {
   private getValueAndProtocol;
 }
 type StorageService = WebStorage;
-declare const _default$45: WebStorage;
+declare const _default$52: WebStorage;
 //#endregion
 //#region temp/packages/editor/src/services/ui.d.ts
 declare const canUsePluginMethods$1: {
@@ -1232,7 +1618,7 @@ declare class Ui extends BaseService {
   private setStageRect;
 }
 type UiService = Ui;
-declare const _default$46: Ui;
+declare const _default$53: Ui;
 //#endregion
 //#region temp/packages/editor/src/type.d.ts
 type EditorSlots = FrameworkSlots & WorkspaceSlots & SidebarSlots & PropsPanelSlots & {
@@ -1253,7 +1639,7 @@ interface FrameworkSlots {
   empty(props: {}): any;
   workspace(props: {}): any;
   'props-panel'(props: {}): any;
-  'footer'(props: {}): any;
+  footer(props: {}): any;
   'page-bar'(props: {}): any;
   'page-bar-add-button'(props: {}): any;
   'page-bar-title'(props: {
@@ -1324,6 +1710,7 @@ type SidebarSlots = LayerPanelSlots & CodeBlockListPanelSlots & ComponentListPan
 type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
 interface EditorInstallOptions {
+  flat?: boolean;
   parseDSL: <T = any>(dsl: string) => T;
   customCreateMonacoEditor: (monaco: typeof import('monaco-editor'), codeEditorEl: HTMLElement, options: Monaco.editor.IStandaloneEditorConstructionOptions & {
     editorCustomType?: string;
@@ -1353,6 +1740,11 @@ interface StageOptions {
   containerHighlightClassName?: string;
   containerHighlightDuration?: number;
   containerHighlightType?: ContainerHighlightType;
+  /**
+   * 是否仅在新增组件（从组件列表拖入新组件）时才启用识别容器，
+   * 开启后在画布中拖动已有组件不会识别容器，默认 false
+   */
+  containerHighlightAddOnly?: boolean;
   disabledDragStart?: boolean;
   render?: (stage: StageCore$1) => HTMLDivElement | void | Promise<HTMLDivElement | void>;
   moveableOptions?: CustomizeMoveableOptions;
@@ -1376,10 +1768,29 @@ interface StageOptions {
    */
   alwaysMultiSelect?: boolean;
   disabledRule?: boolean;
+  /**
+   * 禁用「非点击画布选中组件时（如从图层树、面包屑等外部选中），对选中区域做高亮闪烁提示」，
+   * 默认 false（即默认开启闪烁）
+   */
+  disabledFlashTip?: boolean;
   zoom?: number;
   /** 画布双击前的钩子函数，返回 false 则阻止默认的双击行为 */
   beforeDblclick?: (event: MouseEvent) => Promise<boolean | void> | boolean | void;
 }
+/**
+ * 节点校验错误信息，按来源（属性表单 / 样式表单）分别保存错误文案。
+ * 属性表单与样式表单是两个独立的 FormPanel，均指向同一节点，故以来源为键，
+ * 避免某个面板校验通过时误清另一个面板记录的错误。
+ * 节点视为存在错误当且仅当任一来源存在非空文本。
+ */
+interface NodeInvalidInfo {
+  /** 属性表单校验错误文案（可能为包含 <br> 的 HTML） */
+  props?: string;
+  /** 样式表单校验错误文案（可能为包含 <br> 的 HTML） */
+  style?: string;
+}
+/** 节点校验错误来源 */
+type NodeInvalidSource = keyof NodeInvalidInfo;
 interface StoreState {
   root: MApp | null;
   page: MPage | MPageFragment | null;
@@ -1390,6 +1801,8 @@ interface StoreState {
   stage: StageCore$1 | null;
   stageLoading: boolean;
   modifiedNodeIds: Map<Id, Id>;
+  /** 校验失败的节点错误信息，按节点 id 存储，供组件树标记与保存拦截读取 */
+  invalidNodeIds: Map<Id, NodeInvalidInfo>;
   pageLength: number;
   pageFragmentLength: number;
   disabledMultiSelect: boolean;
@@ -1456,6 +1869,12 @@ interface UiState {
   stageRect: StageRect;
   /** 编辑器列布局每一列的宽度，分为左中右三列 */
   columnWidth: GetColumnWidth;
+  /** 编辑器列布局左侧列最小宽度 */
+  minLeftColumnWidth: number;
+  /** 编辑器列布局中间列最小宽度 */
+  minCenterColumnWidth: number;
+  /** 编辑器列布局右侧列最小宽度 */
+  minRightColumnWidth: number;
   /** 是否显示画布参考线，true: 显示，false: 不显示，默认为true */
   showGuides: boolean;
   /** 画布上是否存在参考线 */
@@ -1472,6 +1891,8 @@ interface UiState {
   hideSlideBar: boolean;
   /** 侧边栏面板配置 */
   sideBarItems: SideComponent[];
+  /** 当前激活的侧边栏面板 */
+  sideBarActiveTabName: string;
   navMenuRect: {
     left: number;
     top: number;
@@ -1489,6 +1910,7 @@ interface EditorNodeInfo {
   node: MNode | null;
   parent: MContainer | null;
   page: MPage | MPageFragment | null;
+  path: MNode[];
 }
 interface AddMNode {
   type: string;
@@ -1539,6 +1961,9 @@ interface MenuButton {
   items?: MenuButton[];
   /** 唯一标识，用于高亮 */
   id?: string | number;
+  buttonProps?: {
+    type?: string;
+  };
 }
 interface MenuComponent {
   type: 'component';
@@ -1597,6 +2022,106 @@ interface SideComponent extends MenuComponent {
     props?: Record<string, any>;
   };
 }
+/**
+ * 历史记录面板（HistoryListPanel）的自定义扩展 tab。
+ *
+ * 业务方可通过 Editor 的 `historyListExtraTabs` 注入额外的历史记录 tab，
+ * 例如某个自定义模块维护自己的操作历史时，可以在历史记录面板中增加一个
+ * 独立的 tab 来展示与回滚。内置的「页面 / 数据源 / 代码块」三个 tab 之后
+ * 会依次追加这些扩展 tab。
+ */
+interface HistoryListExtraTab {
+  /** tab 唯一标识，作为 TMagicTabs 的 name */
+  name: string;
+  /** tab 显示文案，支持传入函数以展示动态内容（如记录数量） */
+  label: string | (() => string);
+  /** tab 内容区渲染的组件（Vue 组件或字符串标签） */
+  component: any;
+  /** 传入内容组件的 props */
+  props?: Record<string, any>;
+  /** 内容组件的事件监听 */
+  listeners?: Record<string, (..._args: any[]) => any>;
+}
+/**
+ * 对比表单（CompareForm）的对比类型：
+ * - node: 节点组件，按 `type` 从 propsService 获取属性表单配置
+ * - data-source: 数据源，按 `type`(base/http/...) 从 dataSourceService 获取数据源表单配置
+ * - code-block: 数据源代码块，使用内置的代码块表单配置
+ */
+type CompareCategory = 'node' | 'data-source' | 'code-block' | string;
+/**
+ * 自定义 `loadConfig` 时回传的上下文，聚合了组件当前的对比入参，
+ * 方便调用方在外部按需拼装 FormConfig。
+ */
+interface CompareFormLoadConfigContext {
+  /** 对比类型，见 CompareCategory */
+  category: string;
+  /** 节点 / 数据源类型 */
+  type?: string;
+  /** 数据源代码块场景下的数据源类型 */
+  dataSourceType?: string;
+  /**
+   * 内置的默认 FormConfig 加载逻辑（按 `category` 从 propsService / dataSourceService /
+   * 代码块工具取配置）。自定义 `loadConfig` 可调用它复用默认结果，再做二次加工。
+   */
+  defaultLoadConfig: () => Promise<FormConfig>;
+}
+/**
+ * 自定义 FormConfig 加载逻辑。传入后将接管内置的按 `category` 取配置逻辑，
+ * 可通过 `ctx.defaultLoadConfig()` 复用默认结果再做二次加工。
+ */
+type CompareFormLoadConfig = (ctx: CompareFormLoadConfigContext) => FormConfig | Promise<FormConfig>;
+/**
+ * CompareForm / ViewForm 共用的基础 props。
+ * 两者都基于同一套「按 category 加载 FormConfig + 注入 services/stage」的逻辑（见 useCompareForm），
+ * 差异仅在于是否做新旧值对比。这里抽出公共字段避免重复定义。
+ */
+interface CompareFormBaseProps {
+  /** 当前值（对比场景下为修改后的值） */
+  value: 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;
+  /**
+   * 外层容器高度。设置后表单内容超出时会在组件内部出现滚动条，
+   * 避免 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>>;
+  /**
+   * 外部透传的基础 formState（通常来自 PropsPanel 主属性表单）。
+   * 组件会提取其中的扩展字段覆盖到自己的 formState，保证 filterFunction 上下文一致。
+   */
+  baseFormState?: FormState;
+  /**
+   * 表单内组件的尺寸（透传给 MForm 的 `size`），可选 'large' | 'default' | 'small'。
+   * 缺省时使用 MForm 内置默认尺寸。
+   */
+  size?: FieldSize;
+  /**
+   * 自定义 FormConfig 加载逻辑。传入后将接管内置的按 `category`(node/data-source/code-block)
+   * 取配置逻辑，调用方可根据业务自行返回（或异步返回）表单配置。可通过
+   * `ctx.defaultLoadConfig()` 复用默认结果再做二次加工。
+   */
+  loadConfig?: CompareFormLoadConfig;
+  /** 编辑器服务集合，由调用方传入（不再通过 inject('services') 获取）。 */
+  services?: Services;
+}
 declare enum SideItemKey {
   COMPONENT_LIST = "component-list",
   LAYER = "layer",
@@ -1704,112 +2229,236 @@ interface CodeParamStatement {
   type?: string | TypeFunction<string>;
   [key: string]: any;
 }
-type HistoryOpType = 'add' | 'remove' | 'update';
-interface StepValue {
-  /** 页面信息 */
+/**
+ * 历史记录操作类型：
+ * - `add` / `remove` / `update`：普通可撤销/重做的节点变更；
+ * - `initial`：页面「未修改的初始状态」基线（设置 root 时生成），作为页面栈 index 0 的固定底线 step。
+ *   该 step 不可被撤销/回滚（cursor 不会低于它），仅用于历史面板底部的初始行展示。
+ */
+type HistoryOpType = 'add' | 'remove' | 'update' | 'initial';
+/**
+ * 历史记录的「操作途径」——标记本次变更由哪条交互入口触发，仅用于历史面板展示 / 业务埋点，
+ * 不影响 undo/redo 行为。缺省（未传）时 UI 视为「未知」。
+ *
+ * - `stage`：画布（拖拽 / 缩放 / 排序等舞台直接操作）
+ * - `tree`：树形面板（图层 / 数据源 / 代码块等树形结构里的拖拽 / 菜单操作）
+ * - `component-panel`：组件面板（左侧组件列表点击 / 拖拽新增组件）
+ * - `props`：配置面板表单（属性表单字段编辑）
+ * - `code`：源码编辑器（配置面板「源码」面板里直接编辑 JSON/代码后保存）
+ * - `stage-contextmenu`：画布右键菜单（舞台上节点的右键上下文菜单）
+ * - `tree-contextmenu`：树面板右键菜单（图层 / 数据源 / 代码块等树形列表上的右键上下文菜单）
+ * - `toolbar`：工具栏菜单（顶部导航工具栏按钮）
+ * - `shortcut`：键盘快捷键
+ * - `rollback`：历史回滚（历史面板里对某条历史「回滚」，反向应用为一条新记录，类 git revert）
+ * - `api`：代码 / 接口调用（程序化触发）
+ * - `ai`：AI 生成 / 智能助手触发的变更
+ * - `unknown`：未知来源
+ *
+ * 通过 `(string & {})` 允许业务侧扩展自定义途径字符串，同时保留内置值的自动补全。
+ */
+type HistoryOpSource = 'initial' | 'stage' | 'tree' | 'component-panel' | 'props' | 'code' | 'root-code' | 'stage-contextmenu' | 'tree-contextmenu' | 'toolbar' | 'shortcut' | 'rollback' | 'api' | 'ai' | 'sync' | 'unknown' | (string & {});
+/** *AndGetHistoryId 系列方法返回值：原操作结果 + 本次写入历史记录的 uuid 列表（未入栈时为 `[]`）。 */
+type DslOpWithHistoryIdsResult<T> = {
+  result: T;
+  historyIds: string[];
+};
+/**
+ * 单条变更的 diff 描述，统一表达「页面节点 / 代码块 / 数据源」的变化内容，
+ * 被 {@link StepValue} / {@link CodeBlockStepValue} / {@link DataSourceStepValue} 的 `diff` 复用。
+ *
+ * 按 `opType` 区分携带的字段：
+ * - `add`：仅 `newSchema`（页面节点还带 `parentId` / `index`）；
+ * - `remove`：仅 `oldSchema`（页面节点还带 `parentId` / `index`）；
+ * - `update`：`oldSchema` + `newSchema`，并可带 `changeRecords` 做局部更新。
+ *
+ * 泛型 `T` 为变化内容的快照类型：页面节点为 `MNode`，代码块为 `CodeBlockContent`，数据源为 `DataSourceSchema`。
+ */
+interface StepDiffItem<T = unknown> {
+  /** 变更后的内容快照。`opType` 为 `add` / `update` 时有，`remove` 时无。 */
+  newSchema?: T;
+  /** 变更前的内容快照。`opType` 为 `remove` / `update` 时有，`add` 时无。 */
+  oldSchema?: T;
+  /** 父节点 id。仅页面节点有（数据源 / 代码块没有父节点）。 */
+  parentId?: Id;
+  /** 在父节点 items 数组中的索引。仅页面节点有（数据源 / 代码块无需排序）。 */
+  index?: number;
+  /**
+   * form 端 propPath/value 变更列表，仅 `opType` 为 `update` 时有；
+   * 撤销/重做时若有则按 propPath 局部更新，缺省才退化为整内容替换。
+   */
+  changeRecords?: ChangeRecord[];
+}
+/**
+ * 历史记录条目公共字段，被 {@link StepValue} / {@link CodeBlockStepValue} / {@link DataSourceStepValue} 复用。
+ *
+ * 泛型 `T` 为 `diff` 中变化内容的快照类型（页面节点 `MNode` / 代码块 `CodeBlockContent` / 数据源 `DataSourceSchema`）。
+ */
+interface BaseStepValue<T = unknown, U extends Record<string, any> = {}> {
+  /**
+   * 历史记录唯一标识（uuid）。入栈时自动写入（若调用方未指定），
+   * 用于精确定位 / 引用某一条历史记录（如 revert、埋点、跨端同步等）。
+   * 注意与 `data.id`（关联的页面 / 代码块 / 数据源 id）区分。
+   */
+  uuid: string;
+  /**
+   * 关联目标信息：`id` 为关联的页面 / 代码块 / 数据源等资源 id（也是历史栈的分组 key），
+   * `name` 为展示名。所有历史类型统一携带。
+   */
   data: {
     name: string;
     id: Id;
   };
+  /** 操作类型：新增 / 删除 / 更新（三类历史记录统一携带）。 */
   opType: HistoryOpType;
-  /** 操作前选中的节点 ID，用于撤销后恢复选择状态 */
-  selectedBefore: Id[];
-  /** 操作后选中的节点 ID，用于重做后恢复选择状态 */
-  selectedAfter: Id[];
-  modifiedNodeIds: Map<Id, Id>;
-  /** opType 'add': 新增的节点 */
-  nodes?: MNode[];
-  /** opType 'add': 父节点 ID */
-  parentId?: Id;
-  /** opType 'add': 每个新增节点在父节点 items 中的索引 */
-  indexMap?: Record<string, number>;
-  /** opType 'remove': 被删除的节点及其位置信息 */
-  removedItems?: {
-    node: MNode;
-    parentId: Id;
-    index: number;
-  }[];
   /**
-   * opType 'update': 变更前后的节点快照
-   *
-   * `changeRecords` 来自 form 端的 propPath/value 列表，撤销/重做时只对这些 propPath 做局部更新；
-   * 缺省（未传 / 空数组）才退化为整节点替换。
+   * 本次变更的内容（统一 diff 表达），每项见 {@link StepDiffItem}。
+   * 页面节点（add/remove 多节点、update 多节点）会有多项，代码块 / 数据源通常只有一项。
    */
-  updatedItems?: {
-    oldNode: MNode;
-    newNode: MNode;
-    changeRecords?: ChangeRecord[];
-  }[];
+  diff: StepDiffItem<T>[];
   /**
    * 调用方可选传入的人类可读描述（如「调整按钮颜色」），用于历史面板展示。
    * 不影响 undo/redo 行为；缺省时面板会根据节点 / propPath 自动生成描述。
    */
   historyDescription?: string;
+  /**
+   * 操作途径：标记本次变更由哪条交互入口触发，取值见 {@link HistoryOpSource}
+   * （画布 / 树面板 / 组件面板 / 配置面板 / 源码编辑器 / 右键菜单 / 工具栏 / 快捷键 / 回滚 / 接口 等）。
+   * 仅用于历史面板展示与业务埋点，不影响 undo/redo 行为；缺省时面板视为「未知」。
+   */
+  source?: HistoryOpSource;
+  /**
+   * 入栈时间戳（毫秒）。入栈时自动写入（若调用方未指定），仅用于历史面板展示。
+   */
+  timestamp?: number;
+  /**
+   * 是否为「已保存」记录：DSL 落库（如保存到后端 / 本地）时由 historyService.markSaved 标记。
+   * 同一栈内任意时刻最多只有一条记录为 true；从 IndexedDB 恢复时游标会被定位到最近一条已保存记录之后。
+   */
+  saved?: boolean;
+  /**
+   * 是否为「整体设置 root」（set root）产生的记录（由 {@link Editor.pushRootDiffHistory} 写入）。
+   * 用于「连续 set root 合并」：当某页栈最新一条已是 root 记录时，下一条 set root 会替换它而非新增，
+   * 避免源码反复保存 / 外部重设 DSL 时堆积多条 root 记录。
+   */
+  rootStep?: boolean;
+  /** 操作人 */
+  operator?: string;
+  /** 扩展信息 */
+  extra?: U;
 }
 /**
- * 代码块历史记录条目。按 codeBlock.id 分组保存到 historyState.codeBlockState。
- * - 新增：oldContent = null，newContent = 新内容
- * - 更新：oldContent / newContent 都为对应内容
- * - 删除：newContent = null，oldContent = 删除前内容
+ * 历史记录的扩展上下文（{@link BaseStepValue.extra}）。
+ * 内置字段供 `page` 类型在撤销 / 重做时恢复选区与受影响节点；扩展类型可自由附加其它键。
  */
-interface CodeBlockStepValue {
-  /** 关联的代码块 id */
-  id: Id;
-  /** 变更前的代码块内容，新增时为 null */
-  oldContent: CodeBlockContent | null;
-  /** 变更后的代码块内容，删除时为 null */
-  newContent: CodeBlockContent | null;
-  /**
-   * form 端 propPath/value 列表。撤销/重做时若有则按 propPath 局部更新；
-   * 缺省才退化为整内容替换。新增/删除场景通常无 changeRecords。
-   */
-  changeRecords?: ChangeRecord[];
-  /** 调用方可选传入的人类可读描述，用于历史面板展示；不影响 undo/redo 行为。 */
-  historyDescription?: string;
+interface StepExtra {
+  /** 操作前选中的节点 ID，用于撤销后恢复选择状态（page 类型） */
+  selectedBefore?: Id[];
+  /** 操作后选中的节点 ID，用于重做后恢复选择状态（page 类型） */
+  selectedAfter?: Id[];
+  /** 本次操作涉及的节点 id 集合（page 类型） */
+  modifiedNodeIds?: Map<Id, Id>;
+  /** 操作前的节点校验错误快照，撤销后还原（使撤销一个「校验失败」的改动后错误消失） */
+  invalidNodeIdsBefore?: Map<Id, NodeInvalidInfo>;
+  /** 操作后的节点校验错误快照，重做后还原（使重做后错误恢复） */
+  invalidNodeIdsAfter?: Map<Id, NodeInvalidInfo>;
+  [key: string]: any;
 }
 /**
- * 数据源历史记录条目。按 dataSource.id 分组保存到 historyState.dataSourceState。
- * - 新增：oldSchema = null，newSchema = 新 schema
- * - 更新：oldSchema / newSchema 都为对应 schema
- * - 删除：newSchema = null，oldSchema = 删除前 schema
+ * 页面节点历史记录条目（`diff` 内容为 {@link MNode}）。结构已与代码块 / 数据源统一收敛到
+ * {@link BaseStepValue}：关联 id 见 `data.id`，选区等上下文见 `extra`。
  */
-interface DataSourceStepValue {
-  /** 关联的数据源 id */
-  id: Id;
-  /** 变更前的数据源 schema，新增时为 null */
-  oldSchema: DataSourceSchema | null;
-  /** 变更后的数据源 schema，删除时为 null */
-  newSchema: DataSourceSchema | null;
+type StepValue = BaseStepValue<MNode, StepExtra>;
+/**
+ * 代码块历史记录条目（`diff` 内容为 {@link CodeBlockContent}），按 `data.id`（codeBlock.id）
+ * 分组保存到 historyState.steps.codeBlock。结构与 {@link StepValue} / {@link DataSourceStepValue}
+ * 一致，仅 `diff` 快照类型不同。
+ */
+type CodeBlockStepValue = BaseStepValue<CodeBlockContent>;
+/**
+ * 数据源历史记录条目（`diff` 内容为 {@link DataSourceSchema}），按 `data.id`（dataSource.id）
+ * 分组保存到 historyState.steps.dataSource。结构与 {@link StepValue} / {@link CodeBlockStepValue}
+ * 一致，仅 `diff` 快照类型不同。
+ */
+type DataSourceStepValue = BaseStepValue<DataSourceSchema>;
+/**
+ * 历史记录类型标识：内置 `page` / `codeBlock` / `dataSource`，并允许业务扩展自定义类型。
+ * `(string & {})` 保留对内置字面量的智能提示，同时不限制扩展取值。
+ */
+type HistoryStepType = 'page' | 'codeBlock' | 'dataSource' | (string & {});
+/**
+ * 全部历史栈的统一容器，按「类型 -> id -> UndoRedo 栈」两级分组。
+ *
+ * - `page`：页面历史栈，按 page.id 分组（每页一份 UndoRedo）；
+ * - `codeBlock`：代码块历史栈，按 codeBlock.id 分组；
+ * - `dataSource`：数据源历史栈，按 dataSource.id 分组；
+ * - 其余键：业务通过 {@link HistoryService.registerStepType} 注册的自定义历史类型。
+ *
+ * 所有类型（含扩展类型）一视同仁：均按 id 独立分栈、独立 undo/redo，且都可通过
+ * {@link HistoryService.setMarker} 在 index 0 种入 `initial` 基线（撤销 / 回滚不会越过该基线）。
+ */
+interface HistorySteps {
+  page: Record<Id, UndoRedo<StepValue>>;
+  codeBlock: Record<Id, UndoRedo<CodeBlockStepValue>>;
+  dataSource: Record<Id, UndoRedo<DataSourceStepValue>>;
+  /** 扩展历史类型：按 id 分组的 UndoRedo 栈。 */
+  [stepType: string]: Record<Id, UndoRedo<any>>;
+}
+interface HistoryState {
   /**
-   * form 端 propPath/value 列表。撤销/重做时若有则按 propPath 局部更新；
-   * 缺省才退化为整 schema 替换。新增/删除场景通常无 changeRecords。
+   * 全部历史栈的统一容器（页面 / 代码块 / 数据源 / 扩展类型），见 {@link HistorySteps}。
+   * 各类型互不影响，支持按 id 独立 undo/redo；是否可撤销 / 重做改用 {@link HistoryService.canUndo} /
+   * {@link HistoryService.canRedo}（按 stepType + id 查询）替代旧的全局 canUndo / canRedo 字段。
    */
-  changeRecords?: ChangeRecord[];
-  /** 调用方可选传入的人类可读描述，用于历史面板展示；不影响 undo/redo 行为。 */
-  historyDescription?: string;
+  steps: HistorySteps;
+  /**
+   * 各历史类型的展示名称，用于历史面板（{@link HistorySteps} 的 tab / 分组标题等）。
+   * 内置 `page` / `codeBlock` / `dataSource` 有默认中文名（页面 / 代码块 / 数据源），
+   * 扩展类型可通过 {@link HistoryService.registerStepType} 的 `name` 选项或
+   * {@link HistoryService.setStepName} 登记；读取请用 {@link HistoryService.getStepName}。
+   */
+  stepNames: Record<string, string>;
 }
-interface HistoryState {
-  pageId?: Id;
-  pageSteps: Record<Id, UndoRedo<StepValue>>;
-  canRedo: boolean;
-  canUndo: boolean;
+/**
+ * 历史记录的可持久化快照。由 historyService.saveToIndexedDB 写入 IndexedDB，
+ * 再由 historyService.restoreFromIndexedDB 读出并重建各 UndoRedo 栈。
+ */
+interface PersistedHistoryState {
+  /** 快照结构版本号，便于后续兼容升级。 */
+  version: number;
   /**
-   * 代码块历史栈，按 codeBlock.id 分组（每个代码块独立一份 UndoRedo）。
-   * 与页面/节点无关，支持独立 undo/redo。
+   * 全部历史栈的序列化快照，按「类型 -> id」两级分组，与 {@link HistorySteps} 对应。
+   * 内置 `page` / `codeBlock` / `dataSource`，并包含业务注册的扩展类型。
    */
-  codeBlockState: Record<Id, UndoRedo<CodeBlockStepValue>>;
+  steps: {
+    page: Record<Id, SerializedUndoRedo<StepValue>>;
+    codeBlock: Record<Id, SerializedUndoRedo<CodeBlockStepValue>>;
+    dataSource: Record<Id, SerializedUndoRedo<DataSourceStepValue>>;
+    [stepType: string]: Record<Id, SerializedUndoRedo<any>>;
+  };
+  /** 保存时间戳（毫秒）。 */
+  savedAt: number;
+}
+/** historyService 持久化相关 API 的可选配置。 */
+interface HistoryPersistOptions {
+  /** IndexedDB 数据库名，默认 `tmagic-editor`（最终库名会拼上当前 DSL app id）。 */
+  dbName?: string;
+  /** objectStore 名，默认 `history`。 */
+  storeName?: string;
+  /** 记录 key，用于区分不同活动页 / 项目，默认 `default`。 */
+  key?: IDBValidKey;
   /**
-   * 数据源历史栈，按 dataSource.id 分组（每个数据源独立一份 UndoRedo）。
-   * 与页面/节点无关，支持独立 undo/redo。
+   * 显式指定用于库名隔离的 DSL app id。
+   * 缺省时回退到当前 editorService 的 `root.id`；在「先恢复历史再 set root」场景下 root 尚未设置，
+   * 需由调用方（如从待加载 DSL 取 id）显式传入，否则会读 / 写到未按 app 隔离的默认库。
    */
-  dataSourceState: Record<Id, UndoRedo<DataSourceStepValue>>;
+  appId?: Id;
 }
 /**
  * 历史面板用：当前页面的一条历史步骤（包含位置和是否已应用）。
  */
-interface PageHistoryStepEntry {
+interface HistoryStepEntry<T> {
   /** 步骤内容 */
-  step: StepValue;
+  step: T;
   /** 在所属栈中的索引（0 为最早） */
   index: number;
   /** 是否处于"已应用"段（即位于栈游标之前）。撤销后变为 false。 */
@@ -1818,69 +2467,42 @@ interface PageHistoryStepEntry {
   isCurrent?: boolean;
 }
 /**
- * 页面历史面板分组。
- * - 连续修改同一目标节点（updatedItems[0].oldNode.id 一致）的 'update' 步骤合并成一组；
- * - 多节点更新 / add / remove 始终独立成组（无法明确归属单一目标）。
- * - targetId 为 undefined 表示"无明确目标"（如 add/remove/多节点 update），不参与合并。
+ * 历史面板分组（页面 / 数据源 / 代码块 / 扩展类型统一结构）。
+ *
+ * 把指定历史栈的步骤列表按"目标"做相邻合并：
+ * - 连续修改同一目标（单实体 update，targetId 一致）的多步合并成一组，组内可展开查看每步；
+ * - add / remove / 多实体 update 始终独立成组（无法明确归属单一目标）；
+ * - targetId 为 undefined 表示"无明确目标"，不参与合并。
+ *
+ * 各类型仅 `kind` 与 step 快照类型不同，统一由泛型描述：
+ * - 页面：`HistoryGroup<StepValue>`，`kind: 'page'`，`id` 为 pageId，`targetId` 为被改节点 id；
+ * - 数据源：`HistoryGroup<DataSourceStepValue>`，`kind: 'data-source'`，`id` 为 dataSource.id；
+ * - 代码块：`HistoryGroup<CodeBlockStepValue>`，`kind: 'code-block'`，`id` 为 codeBlock.id。
  */
-interface PageHistoryGroup {
-  kind: 'page';
-  /** 所属页面 id */
-  pageId: Id;
-  /** 该分组的操作类型 */
+interface HistoryGroup<T extends BaseStepValue = BaseStepValue> {
+  /** 历史类型标识：page / code-block / data-source（扩展类型同理）。 */
+  kind: string;
+  /** 所属栈 id（page 为 pageId，代码块 / 数据源为对应资源 id）。 */
+  id: Id;
+  /** 该分组的操作类型。 */
   opType: HistoryOpType;
   /**
-   * 合并的目标节点 id；只有"单节点 update"才有值，并按此 id 与相邻同 id 的 update 合并。
-   * undefined 表示该分组不可被合并（add / remove / 多节点 update）。
+   * 合并的目标 id：仅"单实体 update"有值，并按此与相邻同 id 的 update 合并。
+   * undefined 表示该分组不可被合并（add / remove / 多实体 update）。
    */
   targetId?: Id;
-  /** 目标节点的可读名（取最后一步的 newNode.name/type/id） */
+  /** 目标可读名（取最后一步快照的 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;
+    step: T;
     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 {
@@ -1997,10 +2619,12 @@ type AsyncHookPlugin<T extends Array<string>, C extends Record<T[number], (...ar
 type SyncHookPlugin<T extends Array<string>, C extends Record<T[number], (...args: any) => any>> = AddPrefixToObject<PascalCasedProperties<SyncBeforeHook<T, C>>, 'before'> & AddPrefixToObject<PascalCasedProperties<SyncAfterHook<T, C>>, 'after'>;
 interface EventBusEvent {
   'edit-data-source': [id: string];
+  'edit-data-source-method': [id: string, methodName: string];
+  'edit-data-source-field': [id: string, fieldPath: string[]];
   'remove-data-source': [id: string];
   'edit-code': [id: string];
 }
-interface EventBus extends EventEmitter {
+interface EventBus extends EventEmitter$1 {
   on<Name extends keyof EventBusEvent, Param extends EventBusEvent[Name]>(eventName: Name, listener: (...args: Param) => void): this;
   emit<Name extends keyof EventBusEvent, Param extends EventBusEvent[Name]>(eventName: Name, ...args: Param): boolean;
 }
@@ -2017,9 +2641,24 @@ interface PageBarSortOptions extends PartSortableOptions {
   /** 在onStart之前调用 */
   beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
 }
-type CustomContentMenuFunction = (menus: (MenuButton | MenuComponent)[], type: 'layer' | 'data-source' | 'viewer' | 'code-block') => (MenuButton | MenuComponent)[];
+/**
+ * 右键菜单当前目标（侧栏树节点等）。
+ * 数据源 / 代码块面板通过 `customContentMenu` 的 `getTarget` 暴露，业务在 handler 内自行读取。
+ */
+interface ContentMenuTarget {
+  /** 目标 ID */
+  id: string;
+  /** 原始节点数据（树节点等） */
+  data?: TreeNodeData;
+}
+type ContentMenuType = 'layer' | 'data-source' | 'viewer' | 'code-block';
+type CustomContentMenuFunction = (menus: (MenuButton | MenuComponent)[], type: ContentMenuType, /** 读取当前右键目标；数据源 / 代码块面板会传入，图层 / 画布一般不需要 */
+
+getTarget?: () => ContentMenuTarget | null) => (MenuButton | MenuComponent)[];
 interface EditorEvents {
-  'root-change': [value: StoreState['root'], preValue?: StoreState['root']];
+  'root-change': [value: StoreState['root'], preValue?: StoreState['root'], options?: {
+    historySource?: HistoryOpSource;
+  }];
   select: [node: MNode | null];
   add: [nodes: MNode[]];
   remove: [nodes: MNode[]];
@@ -2035,6 +2674,96 @@ interface EditorEvents {
     targetParent: MContainer;
   }];
   'history-change': [data: MPage | MPageFragment];
+  /**
+   * DSL 发生变更后统一触发，免去分别监听 add / remove / update / move-layer / drag-to。
+   * 回调参数为 {@link EditorChangeEvent}，按 `type` 区分操作类型并携带各自的操作内容（payload）
+   * 以及变更所在的当前 page（可能为 null）。撤销 / 重做内部同样会经由
+   * add / remove / update 触发本事件；如需区分「用户操作」与「撤销重做」请配合 `history-change`。
+   */
+  change: [event: EditorChangeEvent];
+  /** 节点校验错误状态发生变化时触发，携带当前完整的错误 Map（供非响应式消费方订阅） */
+  'invalid-node-change': [invalidNodeIds: Map<Id, NodeInvalidInfo>];
+}
+/** `change` 事件中单个变更项：变更的 node 及其所属的 page（可能为 null）。 */
+interface EditorChangeItem {
+  node: MNode;
+  page: StoreState['page'];
+}
+/** `update` 类型变更项：node 为前后快照及 form 端变更记录，page 为其所属页面。 */
+interface EditorUpdateChangeItem {
+  node: {
+    newNode: MNode;
+    oldNode: MNode;
+    changeRecords?: ChangeRecord[];
+  };
+  page: StoreState['page'];
+}
+/** {@link EditorEvents.change} 各操作类型共有的历史相关字段。 */
+interface EditorChangeEventHistoryMeta {
+  /**
+   * 本次变更的「历史来源」（调用 DSL 操作时传入的 {@link HistoryOpOptions.historySource}，
+   * 撤销 / 重做时则为被应用 step 上记录的 `source`），未携带时为 undefined。
+   */
+  historySource?: HistoryOpSource;
+  /**
+   * 本次操作是否未写入历史记录（即调用时传入的 {@link HistoryOpOptions.doNotPushHistory}，缺省为 false）；
+   * 撤销 / 重做路径补发的事件恒为 true（撤销/重做本身不再入栈）。
+   */
+  doNotPushHistory?: boolean;
+}
+/**
+ * {@link EditorEvents.change} 的回调参数：以 `type` 区分操作类型，并携带对应的操作内容。
+ * `data` 为本次变更的节点列表，每项包含 node 及其所属的 page（可能为 null）；
+ * `move-layer` 额外带层级偏移 `offset`，`drag-to` 额外带目标位置 `targetIndex` / `targetParent`；
+ * 历史相关字段（historySource / doNotPushHistory）见 {@link EditorChangeEventHistoryMeta}。
+ */
+type EditorChangeEvent = ({
+  type: 'add';
+  data: EditorChangeItem[];
+} & EditorChangeEventHistoryMeta) | ({
+  type: 'remove';
+  data: EditorChangeItem[];
+} & EditorChangeEventHistoryMeta) | ({
+  type: 'update';
+  data: EditorUpdateChangeItem[];
+} & EditorChangeEventHistoryMeta) | ({
+  type: 'move-layer';
+  data: EditorChangeItem[];
+  offset: number | LayerOffset;
+} & EditorChangeEventHistoryMeta) | ({
+  type: 'drag-to';
+  data: EditorChangeItem[];
+  targetIndex: number;
+  targetParent: MContainer;
+} & EditorChangeEventHistoryMeta);
+interface HistoryEvents {
+  change: [state: BaseStepValue | StepValue | CodeBlockStepValue | DataSourceStepValue, stepType: HistoryStepType, id: Id];
+  'code-block-history-change': [id: Id, state: CodeBlockStepValue];
+  'data-source-history-change': [id: Id, state: DataSourceStepValue];
+  'restore-from-indexed-db': [snapshot: PersistedHistoryState | null];
+  'save-to-indexed-db': [snapshot: PersistedHistoryState];
+  'mark-saved': [{
+    kind: HistoryStepType;
+    id?: Id;
+  }];
+  clear: [{
+    id: Id;
+    stepType: HistoryStepType;
+  }];
+  'marker-change': [{
+    id: Id;
+    marker: StepValue;
+    stepType: HistoryStepType;
+  }];
+  /**
+   * 页面 / 页面片结构变更（新增 / 删除）时派发，见 {@link HistoryService.notifyPageStructureChange}。
+   * 一次操作（add / remove / setRoot 整体替换）涉及多个页面时合并为**一个**事件；
+   * `add` / `remove` 分别为本次新增与删除的页面列表（其一可为空数组）。
+   */
+  'page-structure-change': [change: {
+    add: (MPage | MPageFragment)[];
+    remove: (MPage | MPageFragment)[];
+  }];
 }
 declare const canUsePluginMethods: {
   async: readonly ["getLayout", "highlight", "select", "multiSelect", "doAdd", "add", "doRemove", "remove", "doUpdate", "update", "sort", "copy", "paste", "doPaste", "doAlignCenter", "alignCenter", "moveLayer", "moveToContainer", "dragTo", "undo", "redo", "move"];
@@ -2045,26 +2774,159 @@ type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
  * 历史记录写入相关的通用配置（codeBlock / dataSource / editor 共用）
  * - doNotPushHistory: 操作完成后是否不要将本次操作压入历史栈（撤销/重做记录），默认 false
  * - historyDescription: 入栈时附带的人类可读描述，用于历史面板展示；不影响 undo/redo 行为，缺省时面板会自动生成描述
+ * - historySource: 操作途径，取值见 {@link HistoryOpSource}（画布 / 树面板 / 组件面板 / 配置面板 / 源码编辑器 / 右键菜单 / 工具栏 / 快捷键 / 回滚 / 接口 等），用于历史面板展示与埋点；不影响 undo/redo 行为
  */
 interface HistoryOpOptions {
   doNotPushHistory?: boolean;
   historyDescription?: string;
+  historySource?: HistoryOpSource;
+}
+/**
+ * 在 HistoryOpOptions 基础上携带 form 端 propPath/value 变更记录，
+ * 用于历史记录的精细化撤销/重做（按 propPath 局部 patch）。
+ */
+interface HistoryOpOptionsWithChangeRecords extends HistoryOpOptions {
+  changeRecords?: ChangeRecord[];
+}
+/**
+ * DSL 修改类操作的通用配置
+ * - doNotSelect: 操作后是否不要自动触发选中（不调用 this.select / this.multiSelect / stage.select / stage.multiSelect）
+ * - doNotSwitchPage: 操作若会引发当前页面切换（如新增 / 删除 / 跨页移动），是否跳过这次切换
+ */
+interface DslOpOptions extends HistoryOpOptions {
+  doNotSelect?: boolean;
+  doNotSwitchPage?: boolean;
+}
+/** 差异对话框的入参 */
+interface DiffDialogPayload {
+  /** 表单类别 */
+  category?: CompareCategory;
+  /** 节点类型 / 数据源类型 */
+  type?: string;
+  /** 代码块场景下的数据源类型 */
+  dataSourceType?: string;
+  /** 该 step 修改前的值（oldNode / oldSchema / oldContent） */
+  lastValue: Record<string, any>;
+  /** 该 step 修改后的值（newNode / newSchema / newContent） */
+  value: Record<string, any>;
+  /** 当前编辑器中实际的最新值；不传或为 null 时禁用「与当前对比」 */
+  currentValue?: Record<string, any> | null;
+  /** 用于标题展示的目标名称 */
+  targetLabel?: string;
+  /** 用于标题展示的目标 id */
+  id?: string | number;
+  /**
+   * 指定打开时的初始对比模式：
+   * - before：该步骤修改前 vs 修改后
+   * - current：该步骤修改后 vs 当前最新值
+   * 不传时按是否存在「修改后的值」/「当前值」自动推断。
+   * 若指定的模式当前不可用（对应数据缺失），将回退到自动推断结果。
+   */
+  mode?: 'before' | 'current';
+}
+/**
+ * 一组「描述 + 可操作性」的判定函数集合。页面 / 数据源 / 代码块及业务自定义历史
+ * 各自实现一份，作为整体注入，避免把 describe* / isStep* 拆成多个独立 props 反复透传。
+ */
+interface HistoryRowDescriptor<T extends BaseStepValue = BaseStepValue> {
+  /**
+   * 组级描述文案生成器，接收一个 group，返回展示文本。
+   * 不传时回退到对组内最后一步调用 {@link describeStep}（适用于不做相邻合并、每组恒为单步的历史，如数据源/代码块）。
+   */
+  describeGroup?: (_group: any) => string;
+  /** 单步描述文案生成器，接收一个 step，返回展示文本（合并组展开后的子步列表用）。 */
+  describeStep: (_step: T) => string;
+  /** 判断某个 step 是否可查看差异（前后值都存在）。不传则一律不展示差异入口。 */
+  isStepDiffable?: (_step: T) => boolean;
+  /** 判断某个 step 是否支持回滚（如更新需带 changeRecords）。不传则已应用即可回滚。 */
+  isStepRevertable?: (_step: T) => boolean;
+}
+/**
+ * 通用 bucket（数据源 / 代码块 / 业务自定义历史）的整体渲染配置。
+ * 把原先散落在 Bucket / BucketTab 上的 title / prefix / describe* / isStep* / showInitial / gotoEnabled
+ * 收敛成一个对象作为单一 prop 传递，调用方一次配齐、组件内部按需读取。
+ */
+interface HistoryBucketConfig<T extends BaseStepValue = BaseStepValue> extends HistoryRowDescriptor<T> {
+  /** bucket 头部标题，例如 "数据源" / "代码块"。 */
+  title: string;
+  /** 子项 key 的命名空间前缀（`ds` 数据源 / `cb` 代码块 / 业务自定义如 `mod`）。 */
+  prefix: string;
+  /** 是否展示底部「回到初始状态」入口，默认 true。无 undo cursor 语义的自定义历史可传 false。 */
+  showInitial?: boolean;
+  /** 是否支持「跳转到该记录」(goto)，默认 true。 */
+  gotoEnabled?: boolean;
+  /** 是否展示顶部「清空」按钮，默认 true。无需提供清空能力的自定义历史可传 false。 */
+  showClear?: boolean;
+}
+interface UseHistoryRevertOptions {
+  /**
+   * 父级应用上下文，用于让动态挂载的「差异确认弹窗」继承全局组件 / 指令 / provide / 插件
+   * （Element Plus、@tmagic/form 字段组件等）。未显式传入时，会自动取调用方所在组件的 appContext
+   * （`getCurrentInstance()?.appContext`）。业务方若在组件 setup 之外调用，需手动传入（如 `editorApp._context`）。
+   */
+  appContext?: AppContext | null;
+  /**
+   * 透传给差异确认弹窗的 `extendState`（即 Editor 的 `extendFormState`），
+   * 使对比表单中依赖业务上下文的 `display` / `disabled` 等 filterFunction 正常工作。
+   */
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /**
+   * 返回 PropsPanel 主属性表单（FormPanel -> MForm）的 formState。
+   * 仅页面历史「查看差异 / 回滚确认」场景会使用该 formState 覆盖 CompareForm 中同名扩展字段，
+   * 以保证两处 filterFunction 读取到一致的运行态上下文。
+   */
+  getPropsPanelFormState?: () => FormState | undefined;
+  /**
+   * 内置页面 / 数据源 / 代码块的差异 / 回滚确认弹窗默认宽度（透传给 TMagicDialog 的 `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   * 业务自有历史（`viewDiff` / `confirmAndRevert`）可在调用时通过各自入参的 `width` 单独覆盖。
+   */
+  dialogWidth?: string;
 }
 /**
- * 在 HistoryOpOptions 基础上携带 form 端 propPath/value 变更记录，
- * 用于历史记录的精细化撤销/重做（按 propPath 局部 patch）。
+ * 业务自有历史（如管理台「模块」）做差异对比时所需的额外渲染入参。
+ * 内置的页面 / 数据源 / 代码块按 `category` 自动取表单配置，无需传这些；
+ * 业务自有类别可通过 `loadConfig` 注入自定义表单配置加载逻辑。
  */
-interface HistoryOpOptionsWithChangeRecords extends HistoryOpOptions {
-  changeRecords?: ChangeRecord[];
+interface CustomDiffFormOptions {
+  /**
+   * 自定义差异表单配置加载逻辑（如「模块」按 c_type 重建表单配置），
+   * 透传给弹窗内部的 CompareForm；缺省时按 `category` 走内置加载。
+   */
+  loadConfig?: CompareFormLoadConfig;
+  /** 需要走 self diff 的字段类型（如模块的 mod-cond）。 */
+  selfDiffFieldTypes?: string[];
+  /**
+   * 可选：外部提供的 formState（通常来自 PropsPanel 主表单），
+   * 对比弹窗会用它覆盖 CompareForm 中同名扩展字段，避免上下文不一致。
+   */
+  compareFormState?: FormState;
+  /**
+   * 差异 / 确认回滚弹窗宽度（透传给 HistoryDiffDialog 的 TMagicDialog `width`），
+   * 如 `'1200px'` / `'80%'`。缺省时使用弹窗内置默认宽度（900px）。
+   */
+  width?: string;
+  /**
+   * 差异 / 确认回滚弹窗内 form 表单的尺寸（透传给 CompareForm 的 `size`），
+   * 可选 `'large' | 'default' | 'small'`，缺省时使用表单内置默认尺寸。
+   */
+  size?: FieldSize;
 }
 /**
- * DSL 修改类操作的通用配置
- * - doNotSelect: 操作后是否不要自动触发选中（不调用 this.select / this.multiSelect / stage.select / stage.multiSelect）
- * - doNotSwitchPage: 操作若会引发当前页面切换（如新增 / 删除 / 跨页移动），是否跳过这次切换
+ * 业务自有历史复用「单步回滚」交互（{@link useHistoryRevert} 的 `confirmAndRevert`）的入参。
+ * 与内置页面 / 数据源 / 代码块回滚共用「目标校验 → 差异/二次确认弹窗 → 反向回滚」流程，
+ * 业务方只需提供：差异弹窗入参（可选）、表单配置加载（可选）、实际回滚执行函数。
  */
-interface DslOpOptions extends HistoryOpOptions {
-  doNotSelect?: boolean;
-  doNotSwitchPage?: boolean;
+interface ConfirmAndRevertOptions<T = unknown> extends CustomDiffFormOptions {
+  /**
+   * 差异确认弹窗入参；可对比的步骤（单实体 update）传入后弹差异确认弹窗，
+   * 传 null / 省略则退化为普通二次确认框（add / remove / 不可对比）。
+   */
+  diffPayload?: DiffDialogPayload | null;
+  /** 回滚前置校验：返回 true 表示目标数据已删除等不可回滚，给出统一提示并中止。 */
+  isTargetMissing?: () => boolean;
+  /** 用户确认后执行的实际回滚逻辑。 */
+  revert: () => T | Promise<T>;
 }
 //#endregion
 //#region temp/packages/editor/src/hooks/use-code-block-edit.d.ts
@@ -2089,8 +2951,8 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     onClose?: (() => any) | undefined;
     onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
   }>, {
     show(): Promise<void>;
     hide(): Promise<void>;
@@ -2098,8 +2960,8 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     close: () => any;
     submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
     open: () => any;
-    "update:width": (value: number) => any;
     "update:visible": (value: boolean) => any;
+    "update:width": (value: number) => any;
   }, import("@vue/runtime-core").PublicProps, {}, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
     P: {};
     B: {};
@@ -2121,18 +2983,43 @@ declare const useCodeBlockEdit: (codeBlockService: Services["codeBlockService"])
     onClose?: (() => any) | undefined;
     onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
   }>, {
     show(): Promise<void>;
     hide(): Promise<void>;
   }, {}, {}, {}, {}> | null>>;
   createCodeBlock: () => Promise<void>;
   editCode: (id: string) => Promise<void>;
-  deleteCode: (key: string) => Promise<void>;
+  deleteCode: (key: string, {
+    historySource
+  }?: {
+    historySource?: HistoryOpSource;
+  }) => Promise<void>;
   submitCodeBlockHandler: (values: CodeBlockContent, eventData?: ContainerChangeEventData) => Promise<void>;
 };
 //#endregion
+//#region temp/packages/editor/src/hooks/use-compare-form.d.ts
+interface UseCompareFormReturn {
+  config: Ref<FormConfig>;
+  currentValues: ComputedRef<FormValue>;
+  wrapperStyle: ComputedRef<Record<string, string> | undefined>;
+  mergedExtendState: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  loadConfig: () => Promise<void>;
+  formRef: Readonly<Ref<InstanceType<typeof MForm> | null>>;
+  normalizeCodeBlockValue: (v: Partial<CodeBlockContent> | Record<string, any> | undefined) => Record<string, any>;
+}
+/**
+ * CompareForm / ViewForm 共用逻辑：
+ * - 按 `category`(node / data-source / code-block) 加载 FormConfig（支持自定义 `loadConfig`）；
+ * - 代码块 `content` 归一化为字符串；
+ * - 外层容器固定高度 + 内部滚动的 `wrapperStyle`；
+ * - 将 services / stage 注入 MForm.formState，保证 filterFunction 上下文一致。
+ *
+ * 两个组件的差异仅在于是否做新旧值对比，这部分逻辑保留在各自组件中。
+ */
+declare const useCompareForm: (props: CompareFormBaseProps) => UseCompareFormReturn;
+//#endregion
 //#region temp/packages/editor/src/hooks/use-stage.d.ts
 declare const useStage: (stageOptions: StageOptions) => StageCore$1;
 //#endregion
@@ -2211,6 +3098,7 @@ declare const useNodeStatus: (nodeData: ComputedRef<TreeNodeData[]>) => {
 declare const useServices: () => Services;
 //#endregion
 //#region temp/packages/editor/src/utils/config.d.ts
+declare const isGlobalFlat: import("@vue/reactivity").Ref<boolean, boolean>;
 declare const setEditorConfig: (option: EditorInstallOptions) => void;
 declare const getEditorConfig: <K extends keyof EditorInstallOptions>(key: K) => EditorInstallOptions[K];
 //#endregion
@@ -2227,6 +3115,15 @@ declare const numberOptions: {
   text: string;
   value: string;
 }[];
+declare const booleanOptions: {
+  text: string;
+  value: string;
+}[];
+/** 按字段类型返回条件运算符选项（UI 与 typeMatch 校验共用） */
+declare const getCondOpOptionsByFieldType: (type: string) => {
+  text: string;
+  value: string;
+}[];
 declare const styleTabConfig: TabPaneConfig;
 declare const eventTabConfig: TabPaneConfig;
 declare const advancedTabConfig: TabPaneConfig;
@@ -2245,6 +3142,18 @@ declare const fillConfig: (config?: FormConfig, {
   disabledDataSource?: boolean;
   disabledCodeBlock?: boolean;
 }) => FormConfig;
+/**
+ * 将属性表单配置中「样式」tab-pane 的 `display` 强制置为 `true`。
+ *
+ * `propsService.getPropsConfig` 返回的样式 tab 默认带有
+ * `display: ({ services }) => !(services?.uiService?.get('showStylePanel') ?? true)`，
+ * 在对比 / 只读展示场景（CompareForm / ViewForm）下并不需要跟随 uiService 状态隐藏，
+ * 这里统一放开，保证样式 tab 始终可见。
+ *
+ * @param formConfig 组件属性表单配置
+ * @returns 处理后的表单配置（不修改入参，返回浅拷贝）
+ */
+declare const removeStyleDisplayConfig: (formConfig: FormConfig) => FormConfig;
 //#endregion
 //#region temp/packages/editor/src/utils/code-block.d.ts
 /**
@@ -2330,10 +3239,10 @@ declare const getRelativeStyle: (style?: Record<string, any>) => Record<string,
 declare const getInitPositionStyle: (style: Record<string, any> | undefined, layout: Layout) => Record<string, any>;
 declare const setChildrenLayout: (node: MContainer, layout: Layout) => MContainer;
 declare const setLayout: (node: MNode, layout: Layout) => import("@tmagic/schema").MComponent | undefined;
-declare const change2Fixed: (node: MNode, root: MApp) => {
+declare const change2Fixed: (node: MNode, path: MNode[]) => {
   [key: string]: any;
 };
-declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode) => Promise<Layout>) => Promise<Record<string, any>>;
+declare const Fixed2Other: (node: MNode, path: MNode[], getLayout: (parent: MNode, node?: MNode) => Promise<Layout>) => Promise<Record<string, any>>;
 declare const getGuideLineFromCache: (key: string) => number[];
 declare const fixNodeLeft: (config: MNode, parent: MContainer, doc?: Document) => any;
 declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore$1 | null) => import("@tmagic/schema").StyleSchema | undefined;
@@ -2361,7 +3270,7 @@ declare const resolveSelectedNode: (config: MNode | Id, getNodeInfoFn: (id: Id)
  * @param getLayoutFn 获取父节点布局方式的回调函数
  * @returns 处理后的节点配置（深拷贝）
  */
-declare const toggleFixedPosition: (dist: MNode, src: MNode, root: MApp, getLayoutFn: (parent: MNode, node?: MNode | null) => Promise<Layout>) => Promise<MNode>;
+declare const toggleFixedPosition: (dist: MNode, src: MNode, path: MNode[], getLayoutFn: (parent: MNode, node?: MNode | null) => Promise<Layout>) => Promise<MNode>;
 /**
  * 根据键盘移动的偏移量计算节点的新样式
  * 仅对 absolute 或 fixed 定位的节点生效；优先修改 top/left，若未设置则修改 bottom/right
@@ -2422,6 +3331,11 @@ interface DragClassification {
  * @returns 分类结果，包含同容器索引列表和跨容器节点列表
  */
 declare const classifyDragSources: (configs: MNode[], targetParent: MContainer, getNodeInfo: (id: Id, raw?: boolean) => EditorNodeInfo) => DragClassification;
+/**
+ * 给「回滚」生成的新 step 用的简短描述生成器。
+ * 与 UI 层 `describePageStep` 同义，但避免 service 反向依赖 layouts/，故放在此工具函数中。
+ */
+declare const describeStepForRevert: (step: StepValue) => string;
 //#endregion
 //#region temp/packages/editor/src/utils/operator.d.ts
 /**
@@ -2452,7 +3366,19 @@ declare const getDisplayField: (dataSources: DataSourceSchema[], key: string) =>
   type: "var" | "text";
 }[];
 declare const getCascaderOptionsFromFields: (fields?: DataSchema[], dataSourceFieldType?: DataSourceFieldType[]) => CascaderOption[];
-declare const getFieldType: (ds: DataSourceSchema | undefined, fieldNames: string[]) => string;
+/**
+ * 按字段名路径下钻 DataSchema。
+ * @param skipNumberIndices 为 true 时跳过数字段（模板路径中的数组下标，如 arr[0].x）
+ */
+declare const resolveFieldByPath: (fields: DataSchema[] | undefined, fieldNames: string[], options?: {
+  skipNumberIndices?: boolean;
+}) => {
+  ok: boolean;
+  field?: DataSchema;
+  fields: DataSchema[];
+  failedName?: string;
+};
+declare const getFieldType: (ds: DataSourceSchema | undefined, fieldNames: string[]) => "" | DataSourceFieldType;
 //#endregion
 //#region temp/packages/editor/src/utils/dep/idle-task.d.ts
 interface IdleTaskEvents {
@@ -2463,7 +3389,7 @@ interface IdleTaskEvents {
     hightLevelLength: number;
   }];
 }
-declare class IdleTask<T = any> extends EventEmitter$1 {
+declare class IdleTask<T = any> extends EventEmitter {
   private taskList;
   private hightLevelTaskList;
   private taskHandle;
@@ -2474,6 +3400,17 @@ declare class IdleTask<T = any> extends EventEmitter$1 {
   once<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
   emit<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, ...args: Param): boolean;
   private runTaskQueue;
+  /**
+   * 执行一批任务，队列被清空时提前结束
+   */
+  private runTaskBatch;
+  /**
+   * 单个任务失败不能中断整个队列，否则后续任务永远不会被执行，
+   * 依赖收集会停在半路（收集中状态与剩余任务数都不再变化）
+   */
+  private runTask;
+  private finishRun;
+  private getTaskLength;
 }
 //#endregion
 //#region temp/packages/editor/src/utils/scroll-viewer.d.ts
@@ -2486,7 +3423,7 @@ interface ScrollViewerOptions {
     height: number;
   };
 }
-declare class ScrollViewer extends EventEmitter$1 {
+declare class ScrollViewer extends EventEmitter {
   private container;
   private target;
   private zoom;
@@ -2521,22 +3458,179 @@ declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, st
 /** 默认的组件树节点是否可展开的判断函数：当节点的子项中至少存在一个可见节点时认为可展开 */
 declare const defaultIsExpandable: IsExpandableFunction;
 //#endregion
+//#region temp/packages/editor/src/utils/indexed-db.d.ts
+/**
+ * 一组极简的、基于原生 IndexedDB 的 Promise KV 工具，避免引入额外依赖。
+ * 仅用于浏览器环境；在不支持 IndexedDB 的环境（如 SSR / 部分测试环境）下会 reject。
+ */
+/** 是否处于支持 IndexedDB 的环境。 */
+declare const isIndexedDBSupported: () => boolean;
+/**
+ * 打开（必要时升级）数据库，确保目标 objectStore 存在后返回连接。
+ *
+ * 由于 objectStore 只能在 `onupgradeneeded` 内创建，这里先以当前版本打开，
+ * 若发现 store 不存在则关闭连接、以更高版本重开来按需创建，兼容动态 storeName。
+ */
+declare const openIndexedDB: (dbName: string, storeName: string) => Promise<IDBDatabase>;
+/** 写入（覆盖）一条记录。value 通过结构化克隆存储，支持 Map / Set 等结构。 */
+declare const idbSet: (dbName: string, storeName: string, key: IDBValidKey, value: unknown) => Promise<void>;
+/** 读取一条记录，不存在时返回 undefined。 */
+declare const idbGet: <T = unknown>(dbName: string, storeName: string, key: IDBValidKey) => Promise<T | undefined>;
+/** 删除一条记录。 */
+declare const idbDelete: (dbName: string, storeName: string, key: IDBValidKey) => Promise<void>;
+//#endregion
+//#region temp/packages/editor/src/utils/history.d.ts
+/**
+ * 「回滚」生成的新 step 简短描述。代码块 / 数据源共用。
+ * 二者逻辑一致，仅展示名取值字段不同（代码块取 `name`，数据源取 `title`），
+ * 因此通过 `getLabel` 注入取值方式。
+ *
+ * @param id 关联的代码块 / 数据源 id
+ * @param diff 单条变更 diff（缺省视为空）
+ * @param getLabel 从快照取展示名
+ */
+declare const describeRevertStep: <T extends object>(id: Id, {
+  oldSchema,
+  newSchema,
+  changeRecords
+}: StepDiffItem<T> | undefined, getLabel: (schema: T) => string | undefined) => string;
+/**
+ * 根据 old/new 是否为 null 推断 opType（与 push 时的约定一致）。
+ */
+declare const detectStackOpType: (oldVal: unknown, newVal: unknown) => "add" | "remove" | "update";
+/**
+ * 构造一条代码块 / 数据源「按 id 分栈」的历史记录：两者除 payload 字段命名外完全一致。
+ *
+ * - `add`：oldValue = null；`remove`：newValue = null；`update`：两者都有，可带 changeRecords 做局部更新。
+ * - 内容会做 cloneDeep 防止后续被外部引用篡改；opType 依据 old/new 是否为 null 推断。
+ * - 仅负责构造 step 并返回，入栈与事件 emit 由统一的 history.push(stepType, step, id) 处理。
+ * - 不直接驱动业务 service，调用方负责实际写回。
+ */
+declare const createStackStep: <T, S extends BaseStepValue<T>>(id: Id, payload: Omit<BaseStepValue<T>, "uuid" | "data" | "opType" | "diff" | "timestamp" | "saved"> & {
+  oldValue: T | null;
+  newValue: T | null;
+  changeRecords?: ChangeRecord[]; /** 展示名（缺省时从快照 name / title 推断）。 */
+  name?: string;
+}) => S | null;
+declare const markStackSaved: <S extends {
+  saved?: boolean;
+}>(undoRedo?: UndoRedo<S>) => void;
+/**
+ * 把单个历史栈（页面 / 代码块 / 数据源 / 扩展类型）的步骤列表按"目标"做相邻合并：
+ * - 单实体的 'update' 按 targetId 与相邻同 targetId 的 update 合并到一个 group，组内可展开查看每步；
+ * - 'add' / 'remove' 始终独立成组（语义上是结构变更，不应被收纳进单实体修改组）；
+ * - 多实体 'update'（如页面批量改属性）也独立成组（无明确单一目标，避免误合并）。
+ *
+ * 各类型行为完全一致，仅 `kind` 与 step 快照类型不同，统一由本方法处理。
+ */
+declare const mergeSteps: <T extends BaseStepValue>(kind: string, id: Id, list: T[], cursor: number) => HistoryGroup<T>[];
+/**
+ * 解析 step 中的"目标 id"用于合并：
+ * - 单实体 update：取唯一一项 diff 的快照 id；快照无 id 时（如 CodeBlockContent）回退到 `step.data.id`
+ *   （即资源 id），使代码块 / 数据源同样能按资源合并相邻 update；
+ * - 其它情形（多实体 update / add / remove）：返回 undefined，表示不参与合并。
+ */
+declare const detectTargetId: (step: BaseStepValue) => Id | undefined;
+/** 解析 step 中的目标可读名（用于 UI 展示）。 */
+declare const detectTargetName: (step: BaseStepValue) => string | undefined;
+/**
+ * 把 `Record<Id, UndoRedo>` 整体序列化为 `Record<Id, SerializedUndoRedo>`。
+ *
+ * 序列化（深克隆）的同一趟里，只把每条 step 中可能含函数的 `diff` 用 serialize-javascript 序列化成字符串，
+ * 其余字段（uuid / opType / timestamp / `modifiedNodeIds` Map 等）原样保留，交给 IndexedDB 结构化克隆。
+ * 这样既能写入函数，又避免序列化整份快照的开销；读取时再由 {@link parseStacksStepDiff} 还原 diff。
+ * 不含 `diff` 的元素（如通用栈）原样透传。
+ */
+declare const serializeStacks: <T extends {
+  diff?: unknown;
+}>(stacks: Record<Id, UndoRedo<T>>) => Record<Id, SerializedUndoRedo<T>>;
+/**
+ * 把 `Record<Id, SerializedUndoRedo>` 整体还原为 `Record<Id, UndoRedo>`。
+ * 还原时把每个栈的游标定位到最近一条已保存（`saved === true`）记录之后。
+ *
+ * 与 {@link serializeStacks} 相反：当传入 `parse`（parseDSL）时，把每条 step 中以字符串形式存储的 `diff`
+ * 解析回真实对象（含函数）；不含 `diff` 的元素（如通用栈）原样透传。
+ */
+declare const deserializeStacks: <T extends {
+  saved?: boolean;
+}>(stacks?: Record<Id, ReturnType<UndoRedo<T>["serialize"]>>, parse?: (serialized: string) => unknown) => Record<Id, UndoRedo<T>>;
+/**
+ * 按 id 从「按 id 分栈」的记录表（代码块 / 数据源）中获取（或创建）对应的 UndoRedo 栈。
+ */
+declare const getOrCreateStack: <T>(stacks: Record<Id, UndoRedo<T>>, id: Id) => UndoRedo<T>;
+/**
+ * 撤销下限：当栈 index 0 是 `opType: 'initial'` 的基线 step 时为 1（基线不可被撤销），否则为 0。
+ * 适用于所有历史类型（page / codeBlock / dataSource / 扩展），把 cursor 钉在基线之上，
+ * 保证 undo / canUndo / goto 都不会越过初始基线。
+ */
+declare const undoFloor: (undoRedo: UndoRedo<any>) => number;
+/** 将单次 push 产生的 history uuid（或 null）转为 *AndGetHistoryId 返回用的 uuid 列表。 */
+declare const getLastPushedHistoryIds: (historyId: string | null) => string[];
+//#endregion
 //#region temp/packages/editor/src/utils/const.d.ts
 /** 当uiService.get('uiSelectMode')为true,点击组件（包括任何形式，组件树/画布）时触发的事件名 */
 declare const UI_SELECT_MODE_EVENT_NAME = "ui-select";
 declare const LEFT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorLeftColumnWidthData";
 declare const RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
 declare const PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
-declare const DEFAULT_LEFT_COLUMN_WIDTH = 310;
+declare const DEFAULT_LEFT_COLUMN_WIDTH = 345;
 declare const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
-declare const MIN_LEFT_COLUMN_WIDTH = 200;
+declare const MIN_LEFT_COLUMN_WIDTH = 345;
 declare const MIN_CENTER_COLUMN_WIDTH = 400;
 declare const MIN_RIGHT_COLUMN_WIDTH = 300;
 declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
 declare const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
 //#endregion
+//#region temp/packages/editor/src/utils/type-match-rules.d.ts
+declare const ALL_COND_OPS: Set<string>;
+declare const editorTypeMatchRules: Record<string, TypeMatchValidator>;
+//#endregion
+//#region temp/packages/editor/src/utils/event.d.ts
+declare const EVENT_NAME_VALUE_SEPARATOR = ".";
+type EventNameSelectOption = {
+  text: string;
+  value: string;
+};
+type EventNameOption = EventOption | CascaderOption | EventNameSelectOption;
+/** 与 EventSelect 中 checkStrictly 一致：component 为 false，其余为 true */
+declare const isEventNameCheckStrictly: (src?: string) => boolean;
+/** 将动作 method 值规范为与 collectEventNameOptionValues 一致的字符串（cascader 无 valueSeparator 时存数组） */
+declare const normalizeCompActionValue: (value: unknown) => string;
+/**
+ * 组装事件名称下拉/级联 options，与 EventSelect 默认 eventNameConfig.options 逻辑一致。
+ */
+declare const getEventNameOptions: (src: string | undefined, formValue?: Record<string, any>) => EventNameOption[];
+/** 将 select / cascader options 展平为最终写入 name 的字符串集合（cascader 用 `.` 拼接） */
+declare const collectEventNameOptionValues: (options: EventNameOption[], checkStrictly: boolean, prefix?: any[], result?: Set<string>) => Set<string>;
+/**
+ * 解析 event-select 允许的 name 集合。
+ * 自定义 eventNameConfig.options 时返回 null（跳过枚举校验）。
+ */
+declare const getEventNameAllowedValues: (config?: {
+  src?: string;
+  eventNameConfig?: {
+    options?: unknown;
+  };
+}, formValue?: Record<string, any>) => Set<string> | null;
+/**
+ * 组装联动组件动作下拉/级联 options，与 EventSelect 默认 compActionConfig.options 逻辑一致。
+ */
+declare const getCompActionOptions: (toId?: Id) => EventNameOption[];
+/**
+ * 解析 event-select 联动组件动作允许的 method 集合。
+ * 自定义 compActionConfig.options 时返回 null（跳过枚举校验）。
+ */
+declare const getCompActionAllowedValues: (config?: {
+  src?: string;
+  compActionConfig?: {
+    options?: unknown;
+  };
+}, model?: {
+  to?: Id;
+}) => Set<string> | null;
+//#endregion
 //#region temp/packages/editor/src/utils/monaco-editor.d.ts
-declare const _default$42: () => Promise<typeof import("monaco-editor")>;
+declare const _default$49: () => Promise<typeof import("monaco-editor")>;
 //#endregion
 //#region temp/packages/form/src/schema.d.ts
 interface ChangeRecord$1 {
@@ -2567,6 +3661,9 @@ interface FormSlots {
 //#endregion
 //#region temp/packages/editor/src/editorProps.d.ts
 interface EditorProps {
+  /** 是否是大屏模拟器容器，大屏容器时，左侧属性面板会扩展为两列（正常3列），颜色表单不扩展两列等 */
+  isLargeStageContainer?: boolean;
+  theme?: string;
   /** 页面初始值 */
   modelValue?: MApp;
   /** 左侧面板中的组件类型列表 */
@@ -2616,6 +3713,11 @@ interface EditorProps {
   containerHighlightDuration?: number;
   /** 拖入画布中容器时，识别容器的操作类型 */
   containerHighlightType?: ContainerHighlightType;
+  /**
+   * 是否仅在新增组件（从组件列表拖入新组件）时才启用识别容器，
+   * 开启后在画布中拖动已有组件不会识别容器，默认 false
+   */
+  containerHighlightAddOnly?: boolean;
   /** 画布大小 */
   stageRect?: StageRect;
   /** monaco editor 的配置 */
@@ -2635,8 +3737,15 @@ interface EditorProps {
   alwaysMultiSelect?: boolean;
   /** 禁用页面片 */
   disabledPageFragment?: boolean;
+  /** 禁用「非点击画布选中组件时（如从图层树、面包屑等外部选中），对选中区域做高亮闪烁提示」，默认 false（即默认开启闪烁） */
+  disabledFlashTip?: boolean;
   /** 禁用双击在浮层中单独编辑选中组件 */
   disabledStageOverlay?: boolean;
+  /**
+   * 是否启用「属性配置表单校验」联动能力：开启后属性/样式表单校验失败时仍更新节点，
+   * 并把错误信息集中记录到 editorService，用于组件树标红提示与保存拦截；默认 false（关闭）。
+   */
+  enablePropsFormValidate?: boolean;
   /** 禁用属性配置面板右下角显示源码的按钮 */
   disabledShowSrc?: boolean;
   /** 禁用数据源 */
@@ -2674,6 +3783,8 @@ interface EditorProps {
   /** 组件树节点双击前的钩子函数，返回 false 则阻止默认的双击行为 */
   beforeLayerNodeDblclick?: (event: MouseEvent, data: TreeNodeData) => Promise<boolean | void> | boolean | void;
   extendFormState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /** 历史记录面板的自定义扩展 tab，追加在内置的页面/数据源/代码块 tab 之后 */
+  historyListExtraTabs?: HistoryListExtraTab[];
   /** 页面顺序拖拽配置参数 */
   pageBarSortOptions?: PageBarSortOptions;
   /** 页面搜索函数 */
@@ -2696,9 +3807,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       readonly codeValueKey?: string | undefined;
       readonly labelPosition?: string | undefined;
       readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
       readonly onMounted?: ((internalInstance: any) => any) | undefined;
       readonly onUnmounted?: (() => any) | undefined;
-      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
       readonly "onSubmit-error"?: ((e: any) => any) | undefined;
       readonly "onForm-error"?: ((e: any) => any) | undefined;
     } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
@@ -2712,7 +3823,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     $root: import("@vue/runtime-core").ComponentPublicInstance | null;
     $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+    $emit: ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => void) & ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
     $el: any;
     $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
@@ -2723,9 +3834,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       labelPosition?: string;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
+      onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
       onMounted?: ((internalInstance: any) => any) | undefined;
       onUnmounted?: (() => any) | undefined;
-      onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
@@ -2739,6 +3850,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           readonly isCompare?: boolean | undefined;
           readonly parentValues?: Record<string, any> | undefined;
           readonly labelWidth?: string | undefined;
+          readonly typeMatchValid?: boolean | undefined;
+          readonly validateOnInit?: boolean | undefined;
           readonly disabled?: boolean | undefined;
           readonly height?: string | undefined;
           readonly stepActive?: string | number | undefined;
@@ -2748,6 +3861,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           readonly keyProp?: string | undefined;
           readonly popperClass?: string | undefined;
           readonly preventSubmitDefault?: boolean | undefined;
+          readonly useFieldTextInError?: boolean | undefined;
           readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
           readonly showDiff?: ((_data: {
             curValue: any;
@@ -2755,6 +3869,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
             config: any;
           }) => boolean) | undefined;
           readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly theme?: string | undefined;
           readonly onError?: ((...args: any[]) => any) | undefined;
           readonly onChange?: ((...args: any[]) => any) | undefined;
           readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -2780,6 +3895,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           isCompare?: boolean;
           parentValues?: Record<string, any>;
           labelWidth?: string;
+          typeMatchValid?: boolean;
+          validateOnInit?: boolean;
           disabled?: boolean;
           height?: string;
           stepActive?: string | number;
@@ -2789,6 +3906,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           keyProp?: string;
           popperClass?: string;
           preventSubmitDefault?: boolean;
+          useFieldTextInError?: boolean;
           extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
           showDiff?: (_data: {
             curValue: any;
@@ -2796,6 +3914,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
             config: any;
           }) => boolean;
           selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+          theme?: string;
         }> & Readonly<{
           onError?: ((...args: any[]) => any) | undefined;
           onChange?: ((...args: any[]) => any) | undefined;
@@ -2811,6 +3930,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
           resetForm: () => void;
           submitForm: (native?: boolean) => Promise<any>;
+          validate: () => Promise<string>;
           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;
@@ -2831,6 +3951,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           keyProp: string;
           parentValues: Record<string, any>;
           stepActive: string | number;
+          validateOnInit: boolean;
+          useFieldTextInError: boolean;
         }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
           beforeCreate?: (() => void) | (() => void)[];
           created?: (() => void) | (() => void)[];
@@ -2864,6 +3986,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
@@ -2871,6 +3995,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -2880,6 +4006,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -2887,13 +4014,14 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
         values: import("@tmagic/form-schema").FormValue;
         lastValuesProcessed: import("@tmagic/form-schema").FormValue;
         formState: import("@tmagic/form-schema").FormState;
@@ -2902,15 +4030,16 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
+        validate: () => Promise<string>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
       } & {} & 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, {
+      submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any;
       mounted: (internalInstance: any) => any;
       unmounted: () => any;
-      submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
       "submit-error": (e: any) => any;
       "form-error": (e: any) => any;
     }, string, {}, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
@@ -2942,9 +4071,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     labelPosition?: string;
     extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
+    onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
     onMounted?: ((internalInstance: any) => any) | undefined;
     onUnmounted?: (() => any) | undefined;
-    onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
@@ -2958,6 +4087,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         readonly isCompare?: boolean | undefined;
         readonly parentValues?: Record<string, any> | undefined;
         readonly labelWidth?: string | undefined;
+        readonly typeMatchValid?: boolean | undefined;
+        readonly validateOnInit?: boolean | undefined;
         readonly disabled?: boolean | undefined;
         readonly height?: string | undefined;
         readonly stepActive?: string | number | undefined;
@@ -2967,6 +4098,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         readonly keyProp?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly preventSubmitDefault?: boolean | undefined;
+        readonly useFieldTextInError?: boolean | undefined;
         readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
         readonly showDiff?: ((_data: {
           curValue: any;
@@ -2974,6 +4106,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean) | undefined;
         readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly theme?: string | undefined;
         readonly onError?: ((...args: any[]) => any) | undefined;
         readonly onChange?: ((...args: any[]) => any) | undefined;
         readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -2999,6 +4132,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -3008,6 +4143,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -3015,6 +4151,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: string;
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -3030,6 +4167,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
+        validate: () => Promise<string>;
         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;
@@ -3050,6 +4188,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -3083,6 +4223,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
+      validateOnInit: boolean;
+      useFieldTextInError: boolean;
     }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
@@ -3090,6 +4232,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       isCompare?: boolean;
       parentValues?: Record<string, any>;
       labelWidth?: string;
+      typeMatchValid?: boolean;
+      validateOnInit?: boolean;
       disabled?: boolean;
       height?: string;
       stepActive?: string | number;
@@ -3099,6 +4243,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp?: string;
       popperClass?: string;
       preventSubmitDefault?: boolean;
+      useFieldTextInError?: boolean;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
       showDiff?: (_data: {
         curValue: any;
@@ -3106,13 +4251,14 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         config: any;
       }) => boolean;
       selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
       values: import("@tmagic/form-schema").FormValue;
       lastValuesProcessed: import("@tmagic/form-schema").FormValue;
       formState: import("@tmagic/form-schema").FormState;
@@ -3121,6 +4267,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
+      validate: () => Promise<string>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
     } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
       $slots: FormSlots;
@@ -3148,9 +4295,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       readonly codeValueKey?: string | undefined;
       readonly labelPosition?: string | undefined;
       readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
       readonly onMounted?: ((internalInstance: any) => any) | undefined;
       readonly onUnmounted?: (() => any) | undefined;
-      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
       readonly "onSubmit-error"?: ((e: any) => any) | undefined;
       readonly "onForm-error"?: ((e: any) => any) | undefined;
     } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
@@ -3164,7 +4311,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     $root: import("@vue/runtime-core").ComponentPublicInstance | null;
     $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+    $emit: ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => void) & ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
     $el: any;
     $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
@@ -3175,9 +4322,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       labelPosition?: string;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
+      onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
       onMounted?: ((internalInstance: any) => any) | undefined;
       onUnmounted?: (() => any) | undefined;
-      onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
       "onSubmit-error"?: ((e: any) => any) | undefined;
       "onForm-error"?: ((e: any) => any) | undefined;
     }>, {
@@ -3191,6 +4338,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           readonly isCompare?: boolean | undefined;
           readonly parentValues?: Record<string, any> | undefined;
           readonly labelWidth?: string | undefined;
+          readonly typeMatchValid?: boolean | undefined;
+          readonly validateOnInit?: boolean | undefined;
           readonly disabled?: boolean | undefined;
           readonly height?: string | undefined;
           readonly stepActive?: string | number | undefined;
@@ -3200,6 +4349,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           readonly keyProp?: string | undefined;
           readonly popperClass?: string | undefined;
           readonly preventSubmitDefault?: boolean | undefined;
+          readonly useFieldTextInError?: boolean | undefined;
           readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
           readonly showDiff?: ((_data: {
             curValue: any;
@@ -3207,6 +4357,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
             config: any;
           }) => boolean) | undefined;
           readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly theme?: string | undefined;
           readonly onError?: ((...args: any[]) => any) | undefined;
           readonly onChange?: ((...args: any[]) => any) | undefined;
           readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -3232,6 +4383,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           isCompare?: boolean;
           parentValues?: Record<string, any>;
           labelWidth?: string;
+          typeMatchValid?: boolean;
+          validateOnInit?: boolean;
           disabled?: boolean;
           height?: string;
           stepActive?: string | number;
@@ -3241,6 +4394,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           keyProp?: string;
           popperClass?: string;
           preventSubmitDefault?: boolean;
+          useFieldTextInError?: boolean;
           extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
           showDiff?: (_data: {
             curValue: any;
@@ -3248,6 +4402,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
             config: any;
           }) => boolean;
           selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+          theme?: string;
         }> & Readonly<{
           onError?: ((...args: any[]) => any) | undefined;
           onChange?: ((...args: any[]) => any) | undefined;
@@ -3263,6 +4418,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
           resetForm: () => void;
           submitForm: (native?: boolean) => Promise<any>;
+          validate: () => Promise<string>;
           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;
@@ -3283,6 +4439,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           keyProp: string;
           parentValues: Record<string, any>;
           stepActive: string | number;
+          validateOnInit: boolean;
+          useFieldTextInError: boolean;
         }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
           beforeCreate?: (() => void) | (() => void)[];
           created?: (() => void) | (() => void)[];
@@ -3316,6 +4474,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
@@ -3323,6 +4483,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -3332,6 +4494,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -3339,13 +4502,14 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
         values: import("@tmagic/form-schema").FormValue;
         lastValuesProcessed: import("@tmagic/form-schema").FormValue;
         formState: import("@tmagic/form-schema").FormState;
@@ -3354,15 +4518,16 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
+        validate: () => Promise<string>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
       } & {} & 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, {
+      submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any;
       mounted: (internalInstance: any) => any;
       unmounted: () => any;
-      submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
       "submit-error": (e: any) => any;
       "form-error": (e: any) => any;
     }, string, {}, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
@@ -3394,9 +4559,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
     labelPosition?: string;
     extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
+    onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined, error?: any) => any) | undefined;
     onMounted?: ((internalInstance: any) => any) | undefined;
     onUnmounted?: (() => any) | undefined;
-    onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
     "onSubmit-error"?: ((e: any) => any) | undefined;
     "onForm-error"?: ((e: any) => any) | undefined;
   }>, "submit" | "configForm"> & {
@@ -3410,6 +4575,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         readonly isCompare?: boolean | undefined;
         readonly parentValues?: Record<string, any> | undefined;
         readonly labelWidth?: string | undefined;
+        readonly typeMatchValid?: boolean | undefined;
+        readonly validateOnInit?: boolean | undefined;
         readonly disabled?: boolean | undefined;
         readonly height?: string | undefined;
         readonly stepActive?: string | number | undefined;
@@ -3419,6 +4586,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         readonly keyProp?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly preventSubmitDefault?: boolean | undefined;
+        readonly useFieldTextInError?: boolean | undefined;
         readonly extendState?: ((_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
         readonly showDiff?: ((_data: {
           curValue: any;
@@ -3426,6 +4594,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean) | undefined;
         readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly theme?: string | undefined;
         readonly onError?: ((...args: any[]) => any) | undefined;
         readonly onChange?: ((...args: any[]) => any) | undefined;
         readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -3451,6 +4620,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -3460,6 +4631,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -3467,6 +4639,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: string;
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -3482,6 +4655,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
         resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
+        validate: () => Promise<string>;
         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;
@@ -3502,6 +4676,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -3535,6 +4711,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
+      validateOnInit: boolean;
+      useFieldTextInError: boolean;
     }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
@@ -3542,6 +4720,8 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       isCompare?: boolean;
       parentValues?: Record<string, any>;
       labelWidth?: string;
+      typeMatchValid?: boolean;
+      validateOnInit?: boolean;
       disabled?: boolean;
       height?: string;
       stepActive?: string | number;
@@ -3551,6 +4731,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       keyProp?: string;
       popperClass?: string;
       preventSubmitDefault?: boolean;
+      useFieldTextInError?: boolean;
       extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
       showDiff?: (_data: {
         curValue: any;
@@ -3558,13 +4739,14 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
         config: any;
       }) => boolean;
       selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
       values: import("@tmagic/form-schema").FormValue;
       lastValuesProcessed: import("@tmagic/form-schema").FormValue;
       formState: import("@tmagic/form-schema").FormState;
@@ -3573,6 +4755,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
       changeHandler: (v: import("@tmagic/form-schema").FormValue, eventData: ContainerChangeEventData$1) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
+      validate: () => Promise<string>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
     } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
       $slots: FormSlots;
@@ -3596,7 +4779,9 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
   disabledCodeBlock: boolean;
   disabledMultiSelect: boolean;
   alwaysMultiSelect: boolean;
+  disabledFlashTip: boolean;
   disabledPageFragment: boolean;
+  historyListExtraTabs: HistoryListExtraTab[];
   disabledShowSrc: boolean;
   customContentMenu: CustomContentMenuFunction;
   layerContentMenu: (MenuButton | MenuComponent)[];
@@ -3616,10 +4801,11 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
   datasourceConfigs: Record<string, import("@tmagic/form-schema").FormConfig>;
   containerHighlightDuration: number;
   containerHighlightType: import("@tmagic/stage").ContainerHighlightType;
+  containerHighlightAddOnly: boolean;
   canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$34: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
-declare const _default$31: typeof __VLS_export$34;
+declare const __VLS_export$39: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
+declare const _default$35: typeof __VLS_export$39;
 type __VLS_WithSlots$12<T, S> = T & {
   new (): {
     $slots: S;
@@ -3627,7 +4813,7 @@ type __VLS_WithSlots$12<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/layouts/CodeEditor.vue.d.ts
-type __VLS_Props$31 = {
+type __VLS_Props$34 = {
   initValues?: any;
   modifiedValues?: any;
   type?: 'diff';
@@ -3643,7 +4829,7 @@ type __VLS_Props$31 = {
   };
   editorCustomType?: string;
 };
-declare const __VLS_export$33: import("@vue/runtime-core").DefineComponent<__VLS_Props$31, {
+declare const __VLS_export$38: import("@vue/runtime-core").DefineComponent<__VLS_Props$34, {
   values: import("@vue/reactivity").Ref<string, string>;
   getEditor(): Monaco.editor.IStandaloneCodeEditor | Monaco.editor.IStandaloneDiffEditor | null;
   getVsEditor(): Monaco.editor.IStandaloneCodeEditor | null;
@@ -3654,7 +4840,7 @@ declare const __VLS_export$33: 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$31> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$34> & Readonly<{
   onSave?: ((...args: any[]) => any) | undefined;
   onInitd?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -3665,13 +4851,13 @@ declare const __VLS_export$33: import("@vue/runtime-core").DefineComponent<__VLS
   autoSave: boolean;
   disabledFullScreen: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$30: typeof __VLS_export$33;
+declare const _default$34: typeof __VLS_export$38;
 //#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$32: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
-declare const _default$6: typeof __VLS_export$32;
+declare const __VLS_export$37: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
+declare const _default$6: typeof __VLS_export$37;
 type __VLS_WithSlots$11<T, S> = T & {
   new (): {
     $slots: S;
@@ -3680,7 +4866,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$30 = {
+type __VLS_Props$33 = {
   layerContentMenu: (MenuButton | MenuComponent)[];
   indent?: number;
   nextLevelIndentIncrement?: number;
@@ -3689,165 +4875,170 @@ type __VLS_Props$30 = {
   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$30, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+declare const __VLS_base$10: import("@vue/runtime-core").DefineComponent<__VLS_Props$33, {}, {}, {}, {}, 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$30> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$33> & Readonly<{
   "onNode-dblclick"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$31: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
-declare const _default$23: typeof __VLS_export$31;
+declare const __VLS_export$36: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
+declare const _default$27: typeof __VLS_export$36;
 type __VLS_WithSlots$10<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
 //#endregion
+//#region temp/packages/editor/src/layouts/sidebar/layer/LayerNodeContent.vue.d.ts
+type __VLS_Props$32 = {
+  data: TreeNodeData;
+};
+declare const __VLS_export$35: import("@vue/runtime-core").DefineComponent<__VLS_Props$32, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$32> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$26: typeof __VLS_export$35;
+//#endregion
 //#region temp/packages/editor/src/fields/CodeSelect.vue.d.ts
-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, {
+type __VLS_Props$31 = FieldProps<CodeSelectConfig>;
+declare const __VLS_export$34: import("@vue/runtime-core").DefineComponent<__VLS_Props$31, {}, {}, {}, {}, 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$29> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$31> & Readonly<{
   onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$3: typeof __VLS_export$30;
+declare const _default$3: typeof __VLS_export$34;
 //#endregion
 //#region temp/packages/editor/src/fields/CodeSelectCol.vue.d.ts
-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, {
+type __VLS_Props$30 = FieldProps<CodeSelectColConfig>;
+declare const __VLS_export$33: import("@vue/runtime-core").DefineComponent<__VLS_Props$30, {}, {}, {}, {}, 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$30> & 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$29;
+declare const _default$4: typeof __VLS_export$33;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceFields.vue.d.ts
-type __VLS_Props$27 = FieldProps<DataSourceFieldsConfig>;
+type __VLS_Props$29 = FieldProps<DataSourceFieldsConfig>;
 type __VLS_ModelProps$4 = {
   'width'?: number;
   'visible'?: boolean;
   'visible1'?: boolean;
 };
-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, {
+type __VLS_PublicProps$4 = __VLS_Props$29 & __VLS_ModelProps$4;
+declare const __VLS_export$32: 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;
+  "update:width": (value: number) => any;
   "update:visible1": (value: boolean) => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_PublicProps$4> & Readonly<{
   onChange?: ((v: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
-  "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+  "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible1"?: ((value: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$12: typeof __VLS_export$28;
+declare const _default$12: typeof __VLS_export$32;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMocks.vue.d.ts
-type __VLS_Props$26 = FieldProps<DataSourceMocksConfig>;
+type __VLS_Props$28 = FieldProps<DataSourceMocksConfig>;
 type __VLS_ModelProps$3 = {
   'width'?: number;
   'visible'?: boolean;
 };
-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;
+type __VLS_PublicProps$3 = __VLS_Props$28 & __VLS_ModelProps$3;
+declare const __VLS_export$31: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+  "update:visible": (value: boolean) => any;
+  "update:width": (value: number) => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_PublicProps$3> & Readonly<{
-  onChange?: ((...args: any[]) => any) | undefined;
-  "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+  "onUpdate:width"?: ((value: number) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$16: typeof __VLS_export$27;
+declare const _default$16: typeof __VLS_export$31;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMethods.vue.d.ts
-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, {
+type __VLS_Props$27 = FieldProps<DataSourceMethodsConfig>;
+declare const __VLS_export$30: import("@vue/runtime-core").DefineComponent<__VLS_Props$27, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (...args: any[]) => void;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$25> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$27> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$15: typeof __VLS_export$26;
+declare const _default$15: typeof __VLS_export$30;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceInput.vue.d.ts
-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, {
+type __VLS_Props$26 = FieldProps<DataSourceInputConfig>;
+declare const __VLS_export$29: import("@vue/runtime-core").DefineComponent<__VLS_Props$26, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$24> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$26> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$13: typeof __VLS_export$25;
+declare const _default$13: typeof __VLS_export$29;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceSelect.vue.d.ts
-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, {
+type __VLS_Props$25 = FieldProps<DataSourceSelect>;
+declare const __VLS_export$28: 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$23> & 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$17: typeof __VLS_export$24;
+declare const _default$17: typeof __VLS_export$28;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceMethodSelect.vue.d.ts
-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, {
+type __VLS_Props$24 = FieldProps<DataSourceMethodSelectConfig>;
+declare const __VLS_export$27: import("@vue/runtime-core").DefineComponent<__VLS_Props$24, {}, {}, {}, {}, 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$24> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$14: typeof __VLS_export$23;
+declare const _default$14: typeof __VLS_export$27;
 //#endregion
 //#region temp/packages/editor/src/fields/DataSourceFieldSelect/Index.vue.d.ts
-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, {
+type __VLS_Props$23 = FieldProps<DataSourceFieldSelectConfig>;
+declare const __VLS_export$26: 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$21> & 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$11: typeof __VLS_export$22;
+declare const _default$11: typeof __VLS_export$26;
 //#endregion
 //#region temp/packages/editor/src/fields/EventSelect.vue.d.ts
-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, {
+type __VLS_Props$22 = FieldProps<EventSelectConfig>;
+declare const __VLS_export$25: import("@vue/runtime-core").DefineComponent<__VLS_Props$22, {}, {}, {}, {}, 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$20> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$22> & Readonly<{
   onChange?: ((v: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$19: typeof __VLS_export$21;
+declare const _default$19: typeof __VLS_export$25;
 //#endregion
 //#region temp/packages/editor/src/fields/KeyValue.vue.d.ts
-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, {
+type __VLS_Props$21 = FieldProps<KeyValueConfig>;
+declare const __VLS_export$24: import("@vue/runtime-core").DefineComponent<__VLS_Props$21, {}, {}, {}, {}, 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$19> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$21> & Readonly<{
   onChange?: ((value: Record<string, any>) => any) | undefined;
 }>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$22: typeof __VLS_export$20;
+declare const _default$25: typeof __VLS_export$24;
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue.d.ts
 type __VLS_Slots$9 = CodeBlockListSlots;
-type __VLS_Props$18 = {
+type __VLS_Props$20 = {
   indent?: number;
   nextLevelIndentIncrement?: number;
   customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
 };
-declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Props$18, {
+declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Props$20, {
   nodeStatusMap: import("@vue/reactivity").Ref<Map<Id, {
     visible: boolean;
     expand: boolean;
@@ -3860,18 +5051,26 @@ declare const __VLS_base$9: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     draggable: boolean;
   }> & Omit<Map<Id, LayerNodeStatus>, keyof Map<any, any>>)>;
   filter: (text: string | string[]) => void;
-  deleteCode: (id: string) => Promise<void>;
+  deleteCode: (id: string, {
+    historySource
+  }?: {
+    historySource?: HistoryOpSource;
+  }) => Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-  remove: (id: string) => any;
+  remove: (id: string, args_1: {
+    historySource?: HistoryOpSource;
+  }) => any;
   edit: (id: string) => any;
   "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$18> & Readonly<{
-  onRemove?: ((id: string) => any) | undefined;
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$20> & Readonly<{
+  onRemove?: ((id: string, args_1: {
+    historySource?: HistoryOpSource;
+  }) => 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$19: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
-declare const _default$1: typeof __VLS_export$19;
+declare const __VLS_export$23: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
+declare const _default$1: typeof __VLS_export$23;
 type __VLS_WithSlots$9<T, S> = T & {
   new (): {
     $slots: S;
@@ -3880,15 +5079,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$17 = {
+type __VLS_Props$19 = {
   indent?: number;
   nextLevelIndentIncrement?: number;
   customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
   customContentMenu: CustomContentMenuFunction;
 };
-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;
+declare const __VLS_base$8: import("@vue/runtime-core").DefineComponent<__VLS_Props$19, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$19> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$22: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
+declare const _default$2: typeof __VLS_export$22;
 type __VLS_WithSlots$8<T, S> = T & {
   new (): {
     $slots: S;
@@ -3896,36 +5095,38 @@ type __VLS_WithSlots$8<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts
-type __VLS_Props$16 = {
+type __VLS_Props$18 = {
   title?: string;
   values: any;
-  disabled: boolean;
+  disabled: boolean; /** 打开后需要直接定位并打开的方法名，传入时默认激活「方法定义」tab */
+  editMethodName?: string; /** 打开后需要直接定位并打开的字段路径，传入时默认激活「数据定义」tab */
+  editFieldPath?: string[];
 };
 type __VLS_ModelProps$2 = {
   'visible'?: boolean;
   'width'?: number;
 };
-type __VLS_PublicProps$2 = __VLS_Props$16 & __VLS_ModelProps$2;
-declare const __VLS_export$17: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$2, {
+type __VLS_PublicProps$2 = __VLS_Props$18 & __VLS_ModelProps$2;
+declare const __VLS_export$21: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$2, {
   show(): void;
   hide(): void;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   close: () => any;
   submit: (v: any, eventData: ContainerChangeEventData) => any;
   open: (id: string) => any;
-  "update:width": (value: number) => any;
   "update:visible": (value: boolean) => any;
+  "update:width": (value: number) => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_PublicProps$2> & Readonly<{
   onClose?: (() => any) | undefined;
   onSubmit?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
   onOpen?: ((id: string) => any) | undefined;
-  "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+  "onUpdate:width"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$10: typeof __VLS_export$17;
+declare const _default$10: typeof __VLS_export$21;
 //#endregion
 //#region temp/packages/editor/src/layouts/sidebar/data-source/DataSourceAddButton.vue.d.ts
-type __VLS_Props$15 = {
+type __VLS_Props$17 = {
   datasourceTypeList: {
     text: string;
     type: string;
@@ -3933,22 +5134,22 @@ type __VLS_Props$15 = {
   addButtonConfig?: ButtonProps;
   addButtonText?: string;
 };
-declare const __VLS_export$16: import("@vue/runtime-core").DefineComponent<__VLS_Props$15, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+declare const __VLS_export$20: import("@vue/runtime-core").DefineComponent<__VLS_Props$17, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   add: (type: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$15> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$17> & Readonly<{
   onAdd?: ((type: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$9: typeof __VLS_export$16;
+declare const _default$9: typeof __VLS_export$20;
 //#endregion
 //#region temp/packages/editor/src/layouts/props-panel/PropsPanel.vue.d.ts
 type __VLS_Slots$7 = PropsPanelSlots;
-type __VLS_Props$14 = {
+type __VLS_Props$16 = {
   disabledShowSrc?: boolean;
   extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
-declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Props$14, {
+declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Props$16, {
   getFormState(): FormState | undefined;
-  submit: (v: MNode, eventData?: ContainerChangeEventData) => Promise<void>;
+  submit: (v: MNode, eventData?: ContainerChangeEventData, error?: any, source?: NodeInvalidSource) => Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   mounted: (internalInstance: {
     $: import("@vue/runtime-core").ComponentInternalInstance;
@@ -3961,9 +5162,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       readonly codeValueKey?: string | undefined;
       readonly labelPosition?: string | undefined;
       readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
       readonly onMounted?: ((internalInstance: any) => any) | undefined;
       readonly onUnmounted?: (() => any) | undefined;
-      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
       readonly "onSubmit-error"?: ((e: any) => any) | undefined;
       readonly "onForm-error"?: ((e: any) => any) | undefined;
     } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
@@ -3977,7 +5178,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     $root: import("@vue/runtime-core").ComponentPublicInstance | null;
     $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+    $emit: ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => void) & ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
     $el: any;
     $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
@@ -3988,9 +5189,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       labelPosition?: string;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
+      onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
       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;
     }>, {
@@ -4004,6 +5205,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           readonly isCompare?: boolean | undefined;
           readonly parentValues?: Record<string, any> | undefined;
           readonly labelWidth?: string | undefined;
+          readonly typeMatchValid?: boolean | undefined;
+          readonly validateOnInit?: boolean | undefined;
           readonly disabled?: boolean | undefined;
           readonly height?: string | undefined;
           readonly stepActive?: string | number | undefined;
@@ -4013,6 +5216,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           readonly keyProp?: string | undefined;
           readonly popperClass?: string | undefined;
           readonly preventSubmitDefault?: boolean | undefined;
+          readonly useFieldTextInError?: boolean | undefined;
           readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
           readonly showDiff?: ((_data: {
             curValue: any;
@@ -4020,6 +5224,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
             config: any;
           }) => boolean) | undefined;
           readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly theme?: string | undefined;
           readonly onError?: ((...args: any[]) => any) | undefined;
           readonly onChange?: ((...args: any[]) => any) | undefined;
           readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -4045,6 +5250,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           isCompare?: boolean;
           parentValues?: Record<string, any>;
           labelWidth?: string;
+          typeMatchValid?: boolean;
+          validateOnInit?: boolean;
           disabled?: boolean;
           height?: string;
           stepActive?: string | number;
@@ -4054,6 +5261,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           keyProp?: string;
           popperClass?: string;
           preventSubmitDefault?: boolean;
+          useFieldTextInError?: boolean;
           extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
           showDiff?: (_data: {
             curValue: any;
@@ -4061,6 +5269,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
             config: any;
           }) => boolean;
           selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+          theme?: string;
         }> & Readonly<{
           onError?: ((...args: any[]) => any) | undefined;
           onChange?: ((...args: any[]) => any) | undefined;
@@ -4076,6 +5285,7 @@ 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>;
+          validate: () => Promise<string>;
           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;
@@ -4096,6 +5306,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           keyProp: string;
           parentValues: Record<string, any>;
           stepActive: string | number;
+          validateOnInit: boolean;
+          useFieldTextInError: boolean;
         }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
           beforeCreate?: (() => void) | (() => void)[];
           created?: (() => void) | (() => void)[];
@@ -4129,6 +5341,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
@@ -4136,6 +5350,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -4145,6 +5361,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -4152,13 +5369,14 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
         values: FormValue;
         lastValuesProcessed: FormValue;
         formState: FormState;
@@ -4167,15 +5385,16 @@ 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>;
+        validate: () => Promise<string>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
       } & {} & 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, {
+      submit: (values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any;
       mounted: (internalInstance: any) => any;
       unmounted: () => any;
-      submit: (values: any, eventData?: ContainerChangeEventData | undefined) => any;
       "submit-error": (e: any) => any;
       "form-error": (e: any) => any;
     }, string, {}, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
@@ -4207,9 +5426,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     labelPosition?: string;
     extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
+    onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
     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;
   }>, "submit" | "configForm"> & {
@@ -4223,6 +5442,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         readonly isCompare?: boolean | undefined;
         readonly parentValues?: Record<string, any> | undefined;
         readonly labelWidth?: string | undefined;
+        readonly typeMatchValid?: boolean | undefined;
+        readonly validateOnInit?: boolean | undefined;
         readonly disabled?: boolean | undefined;
         readonly height?: string | undefined;
         readonly stepActive?: string | number | undefined;
@@ -4232,6 +5453,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         readonly keyProp?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly preventSubmitDefault?: boolean | undefined;
+        readonly useFieldTextInError?: boolean | undefined;
         readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
         readonly showDiff?: ((_data: {
           curValue: any;
@@ -4239,6 +5461,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean) | undefined;
         readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly theme?: string | undefined;
         readonly onError?: ((...args: any[]) => any) | undefined;
         readonly onChange?: ((...args: any[]) => any) | undefined;
         readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -4264,6 +5487,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -4273,6 +5498,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -4280,6 +5506,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: string;
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -4295,6 +5522,7 @@ 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>;
+        validate: () => Promise<string>;
         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;
@@ -4315,6 +5543,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -4348,6 +5578,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
+      validateOnInit: boolean;
+      useFieldTextInError: boolean;
     }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
@@ -4355,6 +5587,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       isCompare?: boolean;
       parentValues?: Record<string, any>;
       labelWidth?: string;
+      typeMatchValid?: boolean;
+      validateOnInit?: boolean;
       disabled?: boolean;
       height?: string;
       stepActive?: string | number;
@@ -4364,6 +5598,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp?: string;
       popperClass?: string;
       preventSubmitDefault?: boolean;
+      useFieldTextInError?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
       showDiff?: (_data: {
         curValue: any;
@@ -4371,13 +5606,14 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         config: any;
       }) => boolean;
       selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
       values: FormValue;
       lastValuesProcessed: FormValue;
       formState: FormState;
@@ -4386,6 +5622,7 @@ 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>;
+      validate: () => Promise<string>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
     } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
       $slots: FormSlots;
@@ -4399,7 +5636,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$14> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$16> & Readonly<{
   onMounted?: ((internalInstance: {
     $: import("@vue/runtime-core").ComponentInternalInstance;
     $data: {};
@@ -4411,9 +5648,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       readonly codeValueKey?: string | undefined;
       readonly labelPosition?: string | undefined;
       readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
       readonly onMounted?: ((internalInstance: any) => any) | undefined;
       readonly onUnmounted?: (() => any) | undefined;
-      readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
       readonly "onSubmit-error"?: ((e: any) => any) | undefined;
       readonly "onForm-error"?: ((e: any) => any) | undefined;
     } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
@@ -4427,7 +5664,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     $root: import("@vue/runtime-core").ComponentPublicInstance | null;
     $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+    $emit: ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => void) & ((event: "mounted", internalInstance: any) => void) & ((event: "unmounted") => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
     $el: any;
     $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
@@ -4438,9 +5675,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       labelPosition?: string;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
+      onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
       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;
     }>, {
@@ -4454,6 +5691,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           readonly isCompare?: boolean | undefined;
           readonly parentValues?: Record<string, any> | undefined;
           readonly labelWidth?: string | undefined;
+          readonly typeMatchValid?: boolean | undefined;
+          readonly validateOnInit?: boolean | undefined;
           readonly disabled?: boolean | undefined;
           readonly height?: string | undefined;
           readonly stepActive?: string | number | undefined;
@@ -4463,6 +5702,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           readonly keyProp?: string | undefined;
           readonly popperClass?: string | undefined;
           readonly preventSubmitDefault?: boolean | undefined;
+          readonly useFieldTextInError?: boolean | undefined;
           readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
           readonly showDiff?: ((_data: {
             curValue: any;
@@ -4470,6 +5710,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
             config: any;
           }) => boolean) | undefined;
           readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+          readonly theme?: string | undefined;
           readonly onError?: ((...args: any[]) => any) | undefined;
           readonly onChange?: ((...args: any[]) => any) | undefined;
           readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -4495,6 +5736,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           isCompare?: boolean;
           parentValues?: Record<string, any>;
           labelWidth?: string;
+          typeMatchValid?: boolean;
+          validateOnInit?: boolean;
           disabled?: boolean;
           height?: string;
           stepActive?: string | number;
@@ -4504,6 +5747,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           keyProp?: string;
           popperClass?: string;
           preventSubmitDefault?: boolean;
+          useFieldTextInError?: boolean;
           extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
           showDiff?: (_data: {
             curValue: any;
@@ -4511,6 +5755,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
             config: any;
           }) => boolean;
           selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+          theme?: string;
         }> & Readonly<{
           onError?: ((...args: any[]) => any) | undefined;
           onChange?: ((...args: any[]) => any) | undefined;
@@ -4526,6 +5771,7 @@ 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>;
+          validate: () => Promise<string>;
           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;
@@ -4546,6 +5792,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           keyProp: string;
           parentValues: Record<string, any>;
           stepActive: string | number;
+          validateOnInit: boolean;
+          useFieldTextInError: boolean;
         }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
           beforeCreate?: (() => void) | (() => void)[];
           created?: (() => void) | (() => void)[];
@@ -4579,6 +5827,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }> & Omit<Readonly<{
         config: import("@tmagic/form-schema").FormConfig;
         initValues: Record<string, any>;
@@ -4586,6 +5836,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -4595,6 +5847,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -4602,13 +5855,14 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+      }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
         values: FormValue;
         lastValuesProcessed: FormValue;
         formState: FormState;
@@ -4617,15 +5871,16 @@ 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>;
+        validate: () => Promise<string>;
         getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
       } & {} & 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, {
+      submit: (values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any;
       mounted: (internalInstance: any) => any;
       unmounted: () => any;
-      submit: (values: any, eventData?: ContainerChangeEventData | undefined) => any;
       "submit-error": (e: any) => any;
       "form-error": (e: any) => any;
     }, string, {}, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
@@ -4657,9 +5912,9 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     labelPosition?: string;
     extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
+    onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
     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;
   }>, "submit" | "configForm"> & {
@@ -4673,6 +5928,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         readonly isCompare?: boolean | undefined;
         readonly parentValues?: Record<string, any> | undefined;
         readonly labelWidth?: string | undefined;
+        readonly typeMatchValid?: boolean | undefined;
+        readonly validateOnInit?: boolean | undefined;
         readonly disabled?: boolean | undefined;
         readonly height?: string | undefined;
         readonly stepActive?: string | number | undefined;
@@ -4682,6 +5939,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         readonly keyProp?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly preventSubmitDefault?: boolean | undefined;
+        readonly useFieldTextInError?: boolean | undefined;
         readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
         readonly showDiff?: ((_data: {
           curValue: any;
@@ -4689,6 +5947,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean) | undefined;
         readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+        readonly theme?: string | undefined;
         readonly onError?: ((...args: any[]) => any) | undefined;
         readonly onChange?: ((...args: any[]) => any) | undefined;
         readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -4714,6 +5973,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         isCompare?: boolean;
         parentValues?: Record<string, any>;
         labelWidth?: string;
+        typeMatchValid?: boolean;
+        validateOnInit?: boolean;
         disabled?: boolean;
         height?: string;
         stepActive?: string | number;
@@ -4723,6 +5984,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp?: string;
         popperClass?: string;
         preventSubmitDefault?: boolean;
+        useFieldTextInError?: boolean;
         extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
         showDiff?: (_data: {
           curValue: any;
@@ -4730,6 +5992,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
           config: any;
         }) => boolean;
         selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+        theme?: string;
       }> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -4745,6 +6008,7 @@ 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>;
+        validate: () => Promise<string>;
         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;
@@ -4765,6 +6029,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         keyProp: string;
         parentValues: Record<string, any>;
         stepActive: string | number;
+        validateOnInit: boolean;
+        useFieldTextInError: boolean;
       }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -4798,6 +6064,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
+      validateOnInit: boolean;
+      useFieldTextInError: boolean;
     }> & Omit<Readonly<{
       config: import("@tmagic/form-schema").FormConfig;
       initValues: Record<string, any>;
@@ -4805,6 +6073,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       isCompare?: boolean;
       parentValues?: Record<string, any>;
       labelWidth?: string;
+      typeMatchValid?: boolean;
+      validateOnInit?: boolean;
       disabled?: boolean;
       height?: string;
       stepActive?: string | number;
@@ -4814,6 +6084,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp?: string;
       popperClass?: string;
       preventSubmitDefault?: boolean;
+      useFieldTextInError?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
       showDiff?: (_data: {
         curValue: any;
@@ -4821,13 +6092,14 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         config: any;
       }) => boolean;
       selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
       values: FormValue;
       lastValuesProcessed: FormValue;
       formState: FormState;
@@ -4836,6 +6108,7 @@ 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>;
+      validate: () => Promise<string>;
       getTextByName: (name: string, config?: import("@tmagic/form-schema").FormConfig) => string | undefined;
     } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
       $slots: FormSlots;
@@ -4850,8 +6123,8 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   "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;
+declare const __VLS_export$19: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
+declare const _default$31: typeof __VLS_export$19;
 type __VLS_WithSlots$7<T, S> = T & {
   new (): {
     $slots: S;
@@ -4862,7 +6135,7 @@ type __VLS_WithSlots$7<T, S> = T & {
 type __VLS_Slots$6 = {
   'props-form-panel-header'(_props: {}): any;
 };
-type __VLS_Props$13 = {
+type __VLS_Props$15 = {
   config: FormConfig;
   values: FormValue;
   disabledShowSrc?: boolean;
@@ -4871,7 +6144,7 @@ type __VLS_Props$13 = {
   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, {
+declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Props$15, {
   configForm: Readonly<import("@vue/reactivity").ShallowRef<({
     $: import("@vue/runtime-core").ComponentInternalInstance;
     $data: {};
@@ -4882,6 +6155,8 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       readonly isCompare?: boolean | undefined;
       readonly parentValues?: Record<string, any> | undefined;
       readonly labelWidth?: string | undefined;
+      readonly typeMatchValid?: boolean | undefined;
+      readonly validateOnInit?: boolean | undefined;
       readonly disabled?: boolean | undefined;
       readonly height?: string | undefined;
       readonly stepActive?: string | number | undefined;
@@ -4891,6 +6166,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       readonly keyProp?: string | undefined;
       readonly popperClass?: string | undefined;
       readonly preventSubmitDefault?: boolean | undefined;
+      readonly useFieldTextInError?: boolean | undefined;
       readonly extendState?: ((_state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
       readonly showDiff?: ((_data: {
         curValue: any;
@@ -4898,6 +6174,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         config: any;
       }) => boolean) | undefined;
       readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly theme?: string | undefined;
       readonly onError?: ((...args: any[]) => any) | undefined;
       readonly onChange?: ((...args: any[]) => any) | undefined;
       readonly "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -4923,6 +6200,8 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       isCompare?: boolean;
       parentValues?: Record<string, any>;
       labelWidth?: string;
+      typeMatchValid?: boolean;
+      validateOnInit?: boolean;
       disabled?: boolean;
       height?: string;
       stepActive?: string | number;
@@ -4932,6 +6211,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp?: string;
       popperClass?: string;
       preventSubmitDefault?: boolean;
+      useFieldTextInError?: boolean;
       extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
       showDiff?: (_data: {
         curValue: any;
@@ -4939,6 +6219,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
         config: any;
       }) => boolean;
       selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+      theme?: string;
     }> & Readonly<{
       onError?: ((...args: any[]) => any) | undefined;
       onChange?: ((...args: any[]) => any) | undefined;
@@ -4954,6 +6235,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
       resetForm: () => void;
       submitForm: (native?: boolean) => Promise<any>;
+      validate: () => Promise<string>;
       getTextByName: (name: string, config?: FormConfig) => string | undefined;
     }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
       error: (...args: any[]) => void;
@@ -4974,6 +6256,8 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       keyProp: string;
       parentValues: Record<string, any>;
       stepActive: string | number;
+      validateOnInit: boolean;
+      useFieldTextInError: boolean;
     }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
       beforeCreate?: (() => void) | (() => void)[];
       created?: (() => void) | (() => void)[];
@@ -5007,6 +6291,8 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
+    validateOnInit: boolean;
+    useFieldTextInError: boolean;
   }> & Omit<Readonly<{
     config: FormConfig;
     initValues: Record<string, any>;
@@ -5014,6 +6300,8 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     isCompare?: boolean;
     parentValues?: Record<string, any>;
     labelWidth?: string;
+    typeMatchValid?: boolean;
+    validateOnInit?: boolean;
     disabled?: boolean;
     height?: string;
     stepActive?: string | number;
@@ -5023,6 +6311,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
+    useFieldTextInError?: boolean;
     extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
     showDiff?: (_data: {
       curValue: any;
@@ -5030,13 +6319,14 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
       config: any;
     }) => boolean;
     selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    theme?: 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" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+  }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
     values: FormValue;
     lastValuesProcessed: FormValue;
     formState: FormState;
@@ -5045,26 +6335,27 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
+    validate: () => Promise<string>;
     getTextByName: (name: string, config?: FormConfig) => string | undefined;
   } & {} & 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, {
+  submit: (values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any;
   mounted: (internalInstance: any) => any;
   unmounted: () => any;
-  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$13> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$15> & Readonly<{
+  onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined, error?: any) => any) | undefined;
   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$14: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
-declare const _default$26: typeof __VLS_export$14;
+declare const __VLS_export$18: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$30: typeof __VLS_export$18;
 type __VLS_WithSlots$6<T, S> = T & {
   new (): {
     $slots: S;
@@ -5072,20 +6363,20 @@ type __VLS_WithSlots$6<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/ToolButton.vue.d.ts
-type __VLS_Props$12 = {
+type __VLS_Props$14 = {
   data?: MenuButton | MenuComponent;
   eventType?: 'mousedown' | 'mouseup' | 'click';
 };
-declare const __VLS_export$13: import("@vue/runtime-core").DefineComponent<__VLS_Props$12, {
+declare const __VLS_export$17: import("@vue/runtime-core").DefineComponent<__VLS_Props$14, {
   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$12> & Readonly<{}>, {
+}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$14> & Readonly<{}>, {
   data: MenuButton | MenuComponent;
   eventType: "mousedown" | "mouseup" | "click";
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$32: typeof __VLS_export$13;
+declare const _default$36: typeof __VLS_export$17;
 //#endregion
 //#region temp/packages/editor/src/components/ContentMenu.vue.d.ts
-type __VLS_Props$11 = {
+type __VLS_Props$13 = {
   menuData?: (MenuButton | MenuComponent)[];
   isSubMenu?: boolean;
   active?: string | number;
@@ -5095,7 +6386,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$11, {
+declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Props$13, {
   menu: Readonly<import("@vue/reactivity").ShallowRef<HTMLDivElement | null>>;
   menuPosition: Ref<{
     left: number;
@@ -5121,7 +6412,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$11> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$13> & Readonly<{
   onMouseenter?: (() => any) | undefined;
   onShow?: (() => any) | undefined;
   onHide?: (() => any) | undefined;
@@ -5130,8 +6421,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$12: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
-declare const _default$8: typeof __VLS_export$12;
+declare const __VLS_export$16: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$8: typeof __VLS_export$16;
 type __VLS_WithSlots$5<T, S> = T & {
   new (): {
     $slots: S;
@@ -5139,14 +6430,14 @@ type __VLS_WithSlots$5<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/Icon.vue.d.ts
-type __VLS_Props$10 = {
+type __VLS_Props$12 = {
   icon?: any;
 };
-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;
+declare const __VLS_export$15: import("@vue/runtime-core").DefineComponent<__VLS_Props$12, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$12> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$24: typeof __VLS_export$15;
 //#endregion
 //#region temp/packages/editor/src/components/SplitView.vue.d.ts
-type __VLS_Props$9 = {
+type __VLS_Props$11 = {
   width?: number;
   left?: number;
   right?: number;
@@ -5165,13 +6456,13 @@ type __VLS_Slots$4 = {} & {
 } & {
   right?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Props$9, {
+declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Props$11, {
   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$9> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$11> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
   "onUpdate:left"?: ((...args: any[]) => any) | undefined;
   "onUpdate:right"?: ((...args: any[]) => any) | undefined;
@@ -5180,8 +6471,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$10: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
-declare const _default$24: typeof __VLS_export$10;
+declare const __VLS_export$14: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$28: typeof __VLS_export$14;
 type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
@@ -5198,8 +6489,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$9: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
-declare const _default$28: typeof __VLS_export$9;
+declare const __VLS_export$13: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$32: typeof __VLS_export$13;
 type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
@@ -5207,7 +6498,7 @@ type __VLS_WithSlots$3<T, S> = T & {
 };
 //#endregion
 //#region temp/packages/editor/src/components/CodeBlockEditor.vue.d.ts
-type __VLS_Props$8 = {
+type __VLS_Props$10 = {
   content: Omit<CodeBlockContent, 'content'> & {
     content: string;
   };
@@ -5219,68 +6510,245 @@ type __VLS_ModelProps$1 = {
   'width'?: number;
   'visible'?: boolean;
 };
-type __VLS_PublicProps$1 = __VLS_Props$8 & __VLS_ModelProps$1;
-declare const __VLS_export$8: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$1, {
+type __VLS_PublicProps$1 = __VLS_Props$10 & __VLS_ModelProps$1;
+declare const __VLS_export$12: import("@vue/runtime-core").DefineComponent<__VLS_PublicProps$1, {
   show(): Promise<void>;
   hide(): Promise<void>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   close: () => any;
   submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
   open: () => any;
-  "update:width": (value: number) => any;
   "update:visible": (value: boolean) => any;
+  "update:width": (value: number) => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_PublicProps$1> & Readonly<{
   onClose?: (() => any) | undefined;
   onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
   onOpen?: (() => any) | undefined;
-  "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+  "onUpdate:width"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export$8;
+declare const _default: typeof __VLS_export$12;
 //#endregion
 //#region temp/packages/editor/src/components/CompareForm.vue.d.ts
+type __VLS_Props$9 = CompareFormBaseProps & {
+  /** 用于对比的旧值（修改前的值） */lastValue?: CompareFormBaseProps['value']; /** 需要走 self diff 的字段类型（例如 mod-cond）。 */
+  selfDiffFieldTypes?: string[];
+};
+declare const __VLS_export$11: import("@vue/runtime-core").DefineComponent<__VLS_Props$9, {
+  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$9> & Readonly<{}>, {
+  labelWidth: string;
+  category: CompareCategory;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$5: typeof __VLS_export$11;
+//#endregion
+//#region temp/packages/editor/src/components/ViewForm.vue.d.ts
+type __VLS_Props$8 = CompareFormBaseProps & {
+  /** 是否禁用表单（默认只读展示）。 */disabled?: boolean;
+};
+declare const __VLS_export$10: import("@vue/runtime-core").DefineComponent<__VLS_Props$8, {
+  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$8> & Readonly<{}>, {
+  disabled: boolean;
+  labelWidth: string;
+  category: CompareCategory;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default$39: typeof __VLS_export$10;
+//#endregion
+//#region temp/packages/editor/src/layouts/history-list/composables.d.ts
 /**
- * 对比类型：
- * - node: 节点组件，按 `type` 从 propsService 获取属性表单配置
- * - data-source: 数据源，按 `type`(base/http/...) 从 dataSourceService 获取数据源表单配置
- * - code-block: 数据源代码块，使用内置的代码块表单配置
+ * 通用 bucket 分组（数据源 / 代码块及业务自定义历史）在面板中的展示结构。
+ * 由 Bucket / BucketTab 复用，step 类型通过泛型 T 收窄（约束为 {@link BaseStepValue}）。
+ */
+interface HistoryBucketGroup<T extends BaseStepValue = BaseStepValue> {
+  /** 组内最后一步是否已应用 */
+  applied: boolean;
+  /** 是否为当前所在的分组 */
+  isCurrent?: boolean;
+  /** 该分组的操作类型 */
+  opType: HistoryOpType;
+  /** 组内所有步骤 */
+  steps: {
+    index: number;
+    applied: boolean;
+    isCurrent?: boolean;
+    step: T;
+  }[];
+}
+/**
+ * 通用二次确认弹窗：清空历史 / 无法差异对比的回滚等会改变状态的操作，先弹出确认框，
+ * 用户点击「确定」返回 true，取消（confirm reject）时返回 false 并静默忽略。
  */
-type CompareCategory = 'node' | 'data-source' | 'code-block';
+declare const confirmHistoryAction: (message: string) => Promise<boolean>;
+//#endregion
+//#region temp/packages/editor/src/layouts/history-list/Bucket.vue.d.ts
+declare const __VLS_export$9: <T extends BaseStepValue = BaseStepValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal$1<{
+    /**
+     * 该类历史的整体渲染配置（title / prefix / describe* / isStep* / showInitial / gotoEnabled）。
+     * 由父组件按业务类型注入，组件内部按需读取，避免逐项透传多个 props。
+     */
+    config: HistoryBucketConfig<T>; /** 当前 bucket 对应的目标 id（dataSource.id 或 codeBlock.id），同时用于组装子项的 key。 */
+    bucketId: string | number; /** 当前 bucket 下的所有历史分组，按时间倒序展示（最近的操作在前）。 */
+    groups: HistoryBucketGroup<T>[]; /** 共享的折叠状态表（key -> 是否展开，缺省或 true 为展开、false 为收起），由顶层 panel 统一维护以便跨 tab 复用。 */
+    expanded: Record<string, boolean>;
+  } & {
+    onToggle?: ((_key: string) => any) | undefined;
+    onGoto?: ((_bucketId: string | number, _index: number) => any) | undefined;
+    "onDiff-step"?: ((_bucketId: string | number, _index: number) => any) | undefined;
+    "onRevert-step"?: ((_bucketId: string | number, _index: number) => any) | undefined;
+    "onGoto-initial"?: ((_bucketId: string | number) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: {
+    (_e: "toggle", _key: string): void;
+    (_e: "goto", _bucketId: string | number, _index: number): void;
+    (_e: "goto-initial", _bucketId: string | number): void;
+    (_e: "diff-step", _bucketId: string | number, _index: number): void;
+    (_e: "revert-step", _bucketId: string | number, _index: number): void;
+  };
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default$22: typeof __VLS_export$9;
+type __VLS_PrettifyLocal$1<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+//#region temp/packages/editor/src/layouts/history-list/BucketTab.vue.d.ts
+declare const __VLS_export$8: <T extends BaseStepValue = BaseStepValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+    /**
+     * 该类历史的整体渲染配置（title / prefix / describe* / isStep* / showInitial / gotoEnabled / showClear），
+     * 由父组件按业务类型注入并整体透传给 Bucket，避免逐项透传多个 props。
+     */
+    config: HistoryBucketConfig<T>;
+    /**
+     * 已按目标 id 聚拢成的 bucket 列表，每个 bucket 内部的 groups 已按时间倒序排好。
+     * 空数组时显示空态。
+     */
+    buckets: {
+      id: string | number;
+      groups: HistoryBucketGroup<T>[];
+    }[];
+    /**
+     * 共享的折叠状态表（key -> 是否展开），由顶层 panel 统一维护。
+     * key 形如 `${prefix}-${id}-${组内首步 index}`——以稳定的 step 索引而非展示位置标识分组，
+     * 这样历史数据更新后已展开的分组状态仍能正确保持。
+     */
+    expanded: Record<string, boolean>;
+  } & {
+    onClear?: (() => any) | undefined;
+    onToggle?: ((_key: string) => any) | undefined;
+    onGoto?: ((_targetId: string | number, _index: number) => any) | undefined;
+    "onDiff-step"?: ((_targetId: string | number, _index: number) => any) | undefined;
+    "onRevert-step"?: ((_targetId: string | number, _index: number) => any) | undefined;
+    "onGoto-initial"?: ((_targetId: string | number) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: {
+    (_e: "toggle", _key: string): void;
+    (_e: "goto", _targetId: string | number, _index: number): void;
+    (_e: "goto-initial", _targetId: string | number): void;
+    (_e: "diff-step", _targetId: string | number, _index: number): void;
+    (_e: "revert-step", _targetId: string | number, _index: number): void;
+    (_e: "clear"): void;
+  };
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default$23: typeof __VLS_export$8;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+//#region temp/packages/editor/src/layouts/history-list/HistoryDiffDialog.vue.d.ts
 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;
+  /** 编辑器服务集合，由调用方传入（不再通过 inject('services') 获取）。 */services?: Services;
   /**
-   * 外层容器高度。设置后表单内容超出时会在 CompareForm 内部出现滚动条，
-   * 避免 dialog / 面板使用方需要自行处理滚动。可传任意 CSS 长度，例如 `60vh` / `400px` / `100%`。
+   * 来自 Editor 顶层的 `extendFormState`，用于扩展 MForm.formState。
+   * 透传给 CompareForm，从而让差异对比时表单 item 中依赖业务上下文的
+   * `display` / `disabled` 等 filterFunction 正常工作。
    */
-  height?: string;
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   /**
-   * 用户自定义注入到 MForm.formState 的扩展字段，与 Editor 顶层的 `extendFormState`、
-   * PropsPanel 的 `extend-state` 语义一致。表单 item 的 `display` / `disabled` 等
-   * filterFunction 经常依赖这里注入的字段（如 stage、自定义业务上下文等），
-   * 因此在差异对比场景下也需要透传，避免出现 `formState.xxx is undefined` 的运行时错误。
+   * 自定义 FormConfig 加载逻辑，透传给 CompareForm。传入后将接管内置的按 `category`
+   * 取配置逻辑，可通过 `ctx.defaultLoadConfig()` 复用默认结果再做二次加工。
    */
-  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  loadConfig?: CompareFormLoadConfig;
+  width?: string; /** 差异对比表单内组件的尺寸（透传给 CompareForm 的 `size`），可选 'large' | 'default' | 'small'。 */
+  size?: FieldSize;
+  isConfirm?: boolean;
+  onConfirm?: () => void;
+  selfDiffFieldTypes?: string[];
+  compareFormState?: FormState;
 };
 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;
+  open: (p: DiffDialogPayload) => void;
+  confirm: (p: DiffDialogPayload) => Promise<boolean>;
+  close: () => void;
+}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+  close: (...args: any[]) => void;
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$7> & Readonly<{
+  onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+  width: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$5: typeof __VLS_export$7;
+declare const _default$21: typeof __VLS_export$7;
+//#endregion
+//#region temp/packages/editor/src/layouts/history-list/useHistoryRevert.d.ts
+/**
+ * 历史记录「单步回滚」与「查看差异」的完整交互流程，供历史面板与业务方共用。
+ *
+ * 单步回滚（类 git revert）：
+ * 1. 前置校验：目标数据已被删除（update 写回目标 / 页面 remove 的原父容器缺失）时给出「回滚失败」提示并中止；
+ * 2. 二次确认：可差异对比的步骤（单实体 update）弹出差异确认弹窗，其余步骤弹普通二次确认框；
+ * 3. 用户确认后执行对应 service 的 revert（页面 / 数据源 / 代码块）。
+ *
+ * 查看差异：可差异对比的步骤动态挂载只读 HistoryDiffDialog 展示前后值差异。
+ *
+ * 上述弹窗均按需动态挂载 HistoryDiffDialog 实现，业务方无需自行挂载任何弹窗。
+ *
+ * 返回的能力分三组：
+ * - 内置三类（页面 / 数据源 / 代码块）：`onPageRevert` / `onDataSourceRevert` / `onCodeBlockRevert` 单步回滚，
+ *   `onPageDiff` / `onDataSourceDiff` / `onCodeBlockDiff` 查看差异，及配套的 `buildXxxDiffPayload` / `isXxxRevertTargetMissing`；
+ * - 业务自有历史（如管理台「模块」）：`confirmAndRevert` / `viewDiff` 复用同一套交互流程，由业务方自行构造差异入参；
+ *   即上述内置三类本质上是它们各自预置好 payload 构造与 service.revert 的特例。
+ *
+ * 业务方可在拿到 Editor 实例暴露的 `services` 后直接 import 调用：
+ *
+ * ```ts
+ * import { useHistoryRevert } from '@tmagic/editor';
+ *
+ * const { onPageRevert, onPageDiff } = useHistoryRevert({}, editorRef.value); // editorRef.value 即 Editor 暴露的 services
+ * await onPageRevert(index); // 弹出差异 / 二次确认弹窗后回滚
+ * onPageDiff(index); // 弹出只读差异弹窗查看前后值差异
+ * ```
+ */
+declare const useHistoryRevert: (options?: UseHistoryRevertOptions, services?: Services) => {
+  onPageRevert: (index: number) => Promise<StepValue | null | undefined>;
+  onDataSourceRevert: (id: string | number, index: number) => Promise<DataSourceStepValue | null | undefined>;
+  onCodeBlockRevert: (id: string | number, index: number) => Promise<CodeBlockStepValue | null | undefined>;
+  onPageDiff: (index: number) => Promise<void> | void;
+  onDataSourceDiff: (id: string | number, index: number) => Promise<void> | void;
+  onCodeBlockDiff: (id: string | number, index: number) => Promise<void> | void;
+  buildPageDiffPayload: (index: number) => DiffDialogPayload | null;
+  buildDataSourceDiffPayload: (id: string | number, index: number) => DiffDialogPayload | null;
+  buildCodeBlockDiffPayload: (id: string | number, index: number) => DiffDialogPayload | null;
+  isPageRevertTargetMissing: (index: number) => boolean;
+  isDataSourceRevertTargetMissing: (id: string | number, index: number) => boolean;
+  isCodeBlockRevertTargetMissing: (id: string | number, index: number) => boolean;
+  confirmAndRevert: <T = unknown>(revertOptions: ConfirmAndRevertOptions<T>) => Promise<T | null>;
+  viewDiff: (payload: DiffDialogPayload | null, extra?: CustomDiffFormOptions) => Promise<void> | void;
+};
 //#endregion
 //#region temp/packages/editor/src/components/FloatingBox.vue.d.ts
 interface Position {
@@ -5290,6 +6758,9 @@ interface Position {
 type __VLS_Props$6 = {
   position?: Position;
   title?: string;
+  bodyStyle?: CSSProperties; /** 浮窗初始样式，会与内部计算样式合并，外部传入优先 */
+  initialStyle?: CSSProperties; /** 用于约束浮窗 left 的容器宽度，传入时按宽度收敛 left，避免超出右边界；默认取视窗宽度 */
+  frameworkWidth?: number;
   beforeClose?: (_done: (_cancel?: boolean) => void) => void;
 };
 type __VLS_ModelProps = {
@@ -5309,16 +6780,18 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pu
   target: Readonly<import("@vue/reactivity").ShallowRef<HTMLDivElement | null>>;
   titleEl: Readonly<import("@vue/reactivity").ShallowRef<HTMLDivElement | null>>;
 }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+  "update:visible": (value: boolean) => any;
   "update:width": (value: number) => any;
   "update:height": (value: number) => any;
-  "update:visible": (value: boolean) => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:visible"?: ((value: boolean) => any) | undefined;
   "onUpdate:width"?: ((value: number) => any) | undefined;
   "onUpdate:height"?: ((value: number) => any) | undefined;
-  "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
   title: string;
   position: Position;
+  initialStyle: CSSProperties;
+  frameworkWidth: number;
 }, {}, {}, {}, 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$20: typeof __VLS_export$6;
@@ -5371,7 +6844,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$33: typeof __VLS_export$5;
+declare const _default$37: typeof __VLS_export$5;
 type __VLS_WithSlots$1<T, S> = T & {
   new (): {
     $slots: S;
@@ -5422,7 +6895,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$34: typeof __VLS_export$4;
+declare const _default$38: typeof __VLS_export$4;
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
@@ -5438,7 +6911,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$25: typeof __VLS_export$3;
+declare const _default$29: typeof __VLS_export$3;
 //#endregion
 //#region temp/packages/editor/src/fields/DisplayConds.vue.d.ts
 type __VLS_Props$2 = FieldProps<DisplayCondsConfig>;
@@ -5469,11 +6942,11 @@ declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
   onAddDiffCount?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const _default$29: typeof __VLS_export;
+declare const _default$33: typeof __VLS_export;
 //#endregion
 //#region temp/packages/editor/src/plugin.d.ts
-declare const _default$37: {
+declare const _default$43: {
   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, 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 };
+export { ALL_COND_OPS, AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BaseStepValue, 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, CodeBlockStepValue, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, CompareCategory, _default$5 as CompareForm, CompareFormBaseProps, CompareFormLoadConfig, CompareFormLoadConfigContext, ComponentGroup, ComponentGroupState, ComponentItem, _default$6 as ComponentListPanel, ComponentListPanelSlots, _default$7 as CondOpSelect, ConfirmAndRevertOptions, _default$8 as ContentMenu, ContentMenuTarget, ContentMenuType, CustomContentMenuFunction, CustomDiffFormOptions, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$9 as DataSourceAddButton, _default$10 as DataSourceConfigPanel, _default$11 as DataSourceFieldSelect, _default$12 as DataSourceFields, _default$13 as DataSourceInput, DataSourceListSlots, _default$14 as DataSourceMethodSelect, _default$15 as DataSourceMethods, _default$16 as DataSourceMocks, _default$17 as DataSourceSelect, DataSourceStepValue, DatasourceTypeOption, DepTargetType, DiffDialogPayload, _default$18 as DisplayConds, DragClassification, DragType, DslOpOptions, DslOpWithHistoryIdsResult, EVENT_NAME_VALUE_SEPARATOR, EditorChangeEvent, EditorChangeEventHistoryMeta, EditorChangeItem, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EditorUpdateChangeItem, EventBus, EventBusEvent, EventNameOption, EventNameSelectOption, _default$19 as EventSelect, Fixed2Other, _default$20 as FloatingBox, FrameworkSlots, GetCodeBlockFormConfigOptions, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryBucketConfig, _default$21 as HistoryDiffDialog, HistoryEvents, HistoryGroup, _default$22 as HistoryListBucket, _default$23 as HistoryListBucketTab, HistoryListExtraTab, HistoryOpOptions, HistoryOpOptionsWithChangeRecords, HistoryOpSource, HistoryOpType, HistoryPersistOptions, HistoryRowDescriptor, HistoryState, HistoryStepEntry, HistoryStepType, HistorySteps, _default$24 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$25 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, _default$26 as LayerNodeContent, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$27 as LayerPanel, LayerPanelSlots, Layout, _default$28 as LayoutContainer, _default$28 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, NodeInvalidInfo, NodeInvalidSource, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$29 as PageFragmentSelect, PartSortableOptions, PastePosition, PersistedHistoryState, PropsFormConfigFunction, _default$30 as PropsFormPanel, PropsFormValueFunction, _default$31 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$32 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, SerializedUndoRedo, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepDiffItem, StepExtra, StepValue, StoreState, StoreStateKey, _default$33 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$34 as TMagicCodeEditor, _default$35 as TMagicEditor, _default$36 as ToolButton, _default$37 as Tree, _default$38 as TreeNode, TreeNodeData, type TypeMatchValidateContext, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, UseCompareFormReturn, UseHistoryRevertOptions, V_GUIDE_LINE_STORAGE_KEY, _default$39 as ViewForm, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, booleanOptions, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$40 as codeBlockService, collectEventNameOptionValues, collectRelatedNodes, _default$41 as componentListService, confirmHistoryAction, createStackStep, _default$42 as dataSourceService, debug, _default$43 as default, defaultIsExpandable, _default$44 as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectStackOpType, detectTargetId, detectTargetName, displayTabConfig, editorNodeMergeCustomizer, _default$45 as editorService, editorTypeMatchRules, eqOptions, error, eventTabConfig, _default$46 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getCompActionAllowedValues, getCompActionOptions, getCondOpOptionsByFieldType, getDefaultConfig, getDisplayField, getEditorConfig, getEventNameAllowedValues, getEventNameOptions, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$47 as historyService, idbDelete, idbGet, idbSet, info, isEventNameCheckStrictly, isGlobalFlat, isIncludeDataSource, isIndexedDBSupported, _default$48 as keybindingService, _default$49 as loadMonaco, log, markStackSaved, mergeSteps, moveItemsInContainer, normalizeCompActionValue, numberOptions, openIndexedDB, _default$50 as propsService, removeStyleDisplayConfig, resolveFieldByPath, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, _default$51 as stageOverlayService, _default$52 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$53 as uiService, undoFloor, updateStatus, useCodeBlockEdit, useCompareForm, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useHistoryRevert, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };