@tmagic/editor 1.5.0-beta.14 → 1.5.0-beta.15

package/types/index.d.ts

@@ -3,7 +3,7 @@ import { Component, ComputedRef, Ref, App } from 'vue';
 import { DesignPluginOptions } from '@tmagic/design';
 export * from '@tmagic/design';
 export { default as designPlugin } from '@tmagic/design';
-import { TableColumnConfig as TableColumnConfig$1, FormConfig as FormConfig$1, FormItem as FormItem$1, FilterFunction as FilterFunction$1, FormState as FormState$1, ChildConfig as ChildConfig$1, Input as Input$1, TabPaneConfig as TabPaneConfig$1, CascaderOption as CascaderOption$1, FieldProps, FormValue as FormValue$1, FormInstallOptions } from '@tmagic/form';
+import { TableColumnConfig as TableColumnConfig$1, FormConfig as FormConfig$1, ChangeRecord as ChangeRecord$1, FormItem as FormItem$1, FilterFunction as FilterFunction$1, FormState as FormState$1, ChildConfig as ChildConfig$1, Input as Input$1, TabPaneConfig as TabPaneConfig$1, CascaderOption as CascaderOption$1, ContainerChangeEventData as ContainerChangeEventData$1, FieldProps, FormValue as FormValue$1, FormInstallOptions } from '@tmagic/form';
 export * from '@tmagic/form';
 export { default as formPlugin } from '@tmagic/form';
 import EventEmitter$1, { EventEmitter } from 'events';
@@ -228,7 +228,7 @@ declare class ComponentList extends export_default {
 }
 type ComponentListService = ComponentList;
 
-interface State$1 {
+interface State$2 {
     datasourceTypeList: DatasourceTypeOption[];
     dataSources: DataSourceSchema[];
     editable: boolean;
@@ -237,7 +237,7 @@ interface State$1 {
     events: Record<string, EventOption[]>;
     methods: Record<string, EventOption[]>;
 }
-type StateKey = keyof State$1;
+type StateKey$1 = keyof State$2;
 declare const canUsePluginMethods$5: {
     async: never[];
     sync: readonly ["getFormConfig", "setFormConfig", "getFormValue", "setFormValue", "getFormEvent", "setFormEvent", "getFormMethod", "setFormMethod", "add", "update", "remove", "createId"];
@@ -246,8 +246,8 @@ type SyncMethodName$3 = Writable<(typeof canUsePluginMethods$5)['sync']>;
 declare class DataSource extends export_default {
     private state;
     constructor();
-    set<K extends StateKey, T extends State$1[K]>(name: K, value: T): void;
-    get<K extends StateKey>(name: K): State$1[K];
+    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];
     getFormConfig(type?: string): FormConfig$1;
     setFormConfig(type: string, config: FormConfig$1): void;
     getFormValue(type?: string): Partial<DataSourceSchema>;
@@ -267,7 +267,9 @@ declare class DataSource extends export_default {
         events: _tmagic_schema.EventConfig[];
         disabledInitInJsEngine?: (_tmagic_schema.JsEngine | string)[];
     };
-    update(config: DataSourceSchema): DataSourceSchema;
+    update(config: DataSourceSchema, { changeRecords }?: {
+        changeRecords?: ChangeRecord$1[];
+    }): DataSourceSchema;
     remove(id: string): void;
     createId(): string;
     getDataSourceById(id: string): DataSourceSchema | undefined;
@@ -294,8 +296,15 @@ interface DepEvents {
     'remove-target': [id: string | number];
     collected: [nodes: MNode[], deep: boolean];
 }
+interface State$1 {
+    collecting: boolean;
+}
+type StateKey = keyof State$1;
 declare class Dep extends export_default {
+    private state;
     private watcher;
+    set<K extends StateKey, T extends State$1[K]>(name: K, value: T): void;
+    get<K extends StateKey>(name: K): State$1[K];
     removeTargets(type?: string): void;
     getTargets(type?: string): {
         [targetId: string]: Target;
@@ -312,9 +321,11 @@ declare class Dep extends export_default {
     clearByType(type: DepTargetType, nodes?: MNode[]): void;
     hasTarget(id: Id, type?: string): boolean;
     hasSpecifiedTypeTarget(type?: string): boolean;
+    clearIdleTasks(): void;
     on<Name extends keyof DepEvents, Param extends DepEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
     once<Name extends keyof DepEvents, Param extends DepEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
     emit<Name extends keyof DepEvents, Param extends DepEvents[Name]>(eventName: Name, ...args: Param): boolean;
+    private enqueueTask;
 }
 type DepService = Dep;
 declare const _default$D: Dep;
@@ -324,7 +335,11 @@ interface EditorEvents {
     select: [node: MNode | null];
     add: [nodes: MNode[]];
     remove: [nodes: MNode[]];
-    update: [nodes: MNode[]];
+    update: [nodes: {
+        newNode: MNode;
+        oldNode: MNode;
+        changeRecords?: ChangeRecord$1[];
+    }[]];
     'move-layer': [offset: number | LayerOffset];
     'drag-to': [data: {
         targetIndex: number;
@@ -414,13 +429,21 @@ declare class Editor extends export_default {
      * @param {Object} node
      */
     remove(nodeOrNodeList: MNode | MNode[]): Promise<void>;
-    doUpdate(config: MNode): Promise<MNode>;
+    doUpdate(config: MNode, { changeRecords }?: {
+        changeRecords?: ChangeRecord$1[];
+    }): Promise<{
+        newNode: MNode;
+        oldNode: MNode;
+        changeRecords?: ChangeRecord$1[];
+    }>;
     /**
      * 更新节点
      * @param config 新的节点配置，配置中需要有id信息
      * @returns 更新后的节点配置
      */
-    update(config: MNode | MNode[]): Promise<MNode | MNode[]>;
+    update(config: MNode | MNode[], data?: {
+        changeRecords?: ChangeRecord$1[];
+    }): Promise<MNode | MNode[]>;
     /**
      * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
      * @param id1 组件ID
@@ -1462,478 +1485,31 @@ interface PageBarSortOptions extends PartSortableOptions {
     beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
 }
 
-declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
-    codeId: vue.Ref<string | undefined, string | undefined>;
-    codeConfig: vue.Ref<CodeBlockContent | undefined, CodeBlockContent | undefined>;
-    codeBlockEditor: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:width': (width: number) => any;
-        'update:visible': (visible: boolean) => any;
-        submit: (values: CodeBlockContent) => any;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:width': (width: number) => any;
-        'update:visible': (visible: boolean) => any;
-        submit: (values: CodeBlockContent) => any;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined>;
-    createCodeBlock: () => Promise<void>;
-    editCode: (id: string) => Promise<void>;
-    deleteCode: (key: string) => Promise<void>;
-    submitCodeBlockHandler: (values: CodeBlockContent) => Promise<void>;
-};
-
-declare const useDataSourceMethod: () => {
-    codeConfig: vue.Ref<CodeBlockContent | undefined, CodeBlockContent | undefined>;
-    codeBlockEditor: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:width': (width: number) => any;
-        'update:visible': (visible: boolean) => any;
-        submit: (values: CodeBlockContent) => any;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:width': (width: number) => any;
-        'update:visible': (visible: boolean) => any;
-        submit: (values: CodeBlockContent) => any;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-        "onUpdate:width"?: ((width: number) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined>;
-    createCode: (model: DataSourceSchema) => Promise<void>;
-    editCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
-    deleteCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
-    submitCode: (values: CodeBlockContent) => void;
-};
-
-declare const useStage: (stageOptions: StageOptions) => StageCore__default;
-
-interface State {
-    status: boolean;
-    top: number;
-    left: number;
+interface ChangeRecord {
+    propPath?: string;
+    value: any;
 }
-declare const useFloatBox: (slideKeys: ComputedRef<string[]>) => {
-    dragstartHandler: (e: DragEvent) => void;
-    dragendHandler: (key: string, e: DragEvent) => void;
-    floatBoxStates: vue.Ref<{
-        [x: string]: State;
-    }, {
-        [x: string]: State;
-    }>;
-    showingBoxKeys: ComputedRef<string[]>;
-};
-
-declare const useWindowRect: () => {
-    rect: {
-        width: number;
-        height: number;
-    };
-};
-
-declare const useEditorContentHeight: () => {
-    height: vue.Ref<number, number>;
-};
-
-declare const useFilter: (nodeData: Ref<TreeNodeData[]>, nodeStatusMap: Ref<Map<Id, LayerNodeStatus> | undefined>, filterNodeMethod: (value: string, data: MNode) => boolean) => {
-    filterText: Ref<string, string>;
-    filterTextChangeHandler(text: string | string[]): void;
-};
-
-declare const useGetSo: (target: Ref<HTMLElement | undefined>, emit: (evt: "change", e: OnDrag<gesto__default>) => void) => {
-    isDraging: Ref<boolean, boolean>;
-};
-
-declare const useNextFloatBoxPosition: (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
-    boxPosition: Ref<{
-        left: number;
-        top: number;
-    }, {
-        left: number;
-        top: number;
-    } | {
-        left: number;
-        top: number;
-    }>;
-    calcBoxPosition: () => void;
-};
-
-declare const useNodeStatus: (nodeData: ComputedRef<TreeNodeData[]>) => {
-    nodeStatusMap: vue.Ref<Map<Id, {
-        visible: boolean;
-        expand: boolean;
-        selected: boolean;
-        draggable: boolean;
-    }> & Omit<Map<Id, LayerNodeStatus>, keyof Map<any, any>>, Map<Id, LayerNodeStatus> | (Map<Id, {
-        visible: boolean;
-        expand: boolean;
-        selected: boolean;
-        draggable: boolean;
-    }> & Omit<Map<Id, LayerNodeStatus>, keyof Map<any, any>>)>;
-};
-
-declare const setEditorConfig: (option: EditorInstallOptions) => void;
-declare const getEditorConfig: <K extends keyof EditorInstallOptions>(key: K) => EditorInstallOptions[K];
-
-declare const arrayOptions: {
-    text: string;
-    value: string;
-}[];
-declare const eqOptions: {
-    text: string;
-    value: string;
-}[];
-declare const numberOptions: {
-    text: string;
-    value: string;
-}[];
-declare const styleTabConfig: TabPaneConfig$1;
-declare const eventTabConfig: TabPaneConfig$1;
-declare const advancedTabConfig: TabPaneConfig$1;
-declare const displayTabConfig: TabPaneConfig$1;
-/**
- * 统一为组件属性表单加上事件、高级、样式配置
- * @param config 组件属性配置
- * @returns Object
- */
-declare const fillConfig: (config?: FormConfig$1, labelWidth?: string) => FormConfig$1;
-
-declare const log: (...args: any[]) => void;
-declare const info: (...args: any[]) => void;
-declare const warn: (...args: any[]) => void;
-declare const debug: (...args: any[]) => void;
-declare const error: (...args: any[]) => void;
-
-declare const COPY_STORAGE_KEY = "$MagicEditorCopyData";
-declare const COPY_CODE_STORAGE_KEY = "$MagicEditorCopyCode";
-declare const COPY_DS_STORAGE_KEY = "$MagicEditorCopyDataSource";
-/**
- * 获取所有页面配置
- * @param root DSL跟节点
- * @returns 所有页面配置
- */
-declare const getPageList: (root?: MApp | null) => MPage[];
-declare const getPageFragmentList: (root?: MApp | null) => MPageFragment[];
-/**
- * 获取所有页面名称
- * @param pages 所有页面配置
- * @returns 所有页面名称
- */
-declare const getPageNameList: (pages: (MPage | MPageFragment)[]) => string[];
-/**
- * 新增页面时，生成页面名称
- * @param {Object} pageNameList 所有页面名称
- * @returns {string}
- */
-declare const generatePageName: (pageNameList: string[], type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
-/**
- * 新增页面时，生成页面名称
- * @param {Object} app 所有页面配置
- * @returns {string}
- */
-declare const generatePageNameByApp: (app: MApp, type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
-declare const getNodeIndex: (id: Id, parent: MContainer | MApp) => number;
-declare const getRelativeStyle: (style?: Record<string, any>) => Record<string, any>;
-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) => _tmagic_schema.MComponent | undefined;
-declare const change2Fixed: (node: MNode, root: MApp) => {
-    left: number;
-    top: number;
-};
-declare const Fixed2Other: (node: MNode, root: MApp, 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__default | null) => {
-    [key: string]: any;
-} | undefined;
-declare const serializeConfig: (config: any) => string;
-declare const moveItemsInContainer: (sourceIndices: number[], parent: MContainer, targetIndex: number) => void;
-
-/**
- * 粘贴前置操作：返回分配了新id以及校准了坐标的配置
- * @param position 粘贴的坐标
- * @param config 待粘贴的元素配置(复制时保存的那份配置)
- * @returns
- */
-declare const beforePaste: (position: PastePosition, config: MNode[], doc?: Document) => MNode[];
-/**
- * 将元素粘贴到容器内时，将相对于画布坐标转换为相对于容器的坐标
- * @param position PastePosition 粘贴时相对于画布的坐标
- * @param id 元素id
- * @returns PastePosition 转换后的坐标
- */
-declare const getPositionInContainer: (position: PastePosition | undefined, id: Id, doc?: Document) => {
-    left: number;
-    top: number;
-};
-declare const getAddParent: (node: MNode) => MContainer | null | undefined;
-declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;
-
-declare const getFormConfig: (type: string, configs: Record<string, FormConfig$1>) => FormConfig$1;
-declare const getFormValue: (type: string, values: Partial<DataSourceSchema>) => Partial<DataSourceSchema>;
-declare const getDisplayField: (dataSources: DataSourceSchema[], key: string) => {
-    value: string;
-    type: "var" | "text";
-}[];
-declare const getCascaderOptionsFromFields: (fields?: DataSchema[], dataSourceFieldType?: DataSourceFieldType[]) => CascaderOption$1[];
-declare const removeDataSourceFieldPrefix: (id?: string) => string;
-
-interface IdleTaskEvents {
-    finish: [];
-}
-declare class IdleTask<T = any> extends EventEmitter {
-    private taskList;
-    private taskHandle;
-    enqueueTask(taskHandler: (data: T) => void, taskData: T): void;
-    on<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
-    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;
-}
-
-interface ScrollViewerOptions {
-    container: HTMLDivElement;
-    target: HTMLDivElement;
-    zoom: number;
-    correctionScrollSize?: {
-        width: number;
-        height: number;
-    };
-}
-declare class ScrollViewer extends EventEmitter {
-    private container;
-    private target;
-    private zoom;
-    private scrollLeft;
-    private scrollTop;
-    private scrollHeight;
-    private scrollWidth;
-    private width;
-    private height;
-    private translateXCorrectionValue;
-    private translateYCorrectionValue;
-    private correctionScrollSize;
-    private resizeObserver;
-    constructor(options: ScrollViewerOptions);
-    destroy(): void;
-    setZoom(zoom: number): void;
-    scrollTo({ left, top }: {
-        left?: number;
-        top?: number;
-    }): void;
-    private wheelHandler;
-    private getPos;
-    private setScrollSize;
-    private setSize;
-}
-
-declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => void;
-
-/**
- * 整个表单的数据，会注入到各个组件中去
- */
-type FormState = {
-    config: FormConfig;
-    popperClass?: string;
-    initValues: FormValue;
-    lastValues: FormValue;
-    isCompare: boolean;
-    values: FormValue;
-    $emit: (event: string, ...args: any[]) => void;
-    keyProp?: string;
-    parentValues?: FormValue;
-    setField: (prop: string, field: any) => void;
-    getField: (prop: string) => any;
-    deleteField: (prop: string) => any;
-    [key: string]: any;
+interface ContainerChangeEventData {
+    modifyKey?: string;
+    changeRecords?: ChangeRecord[];
+}
+/**
+ * 整个表单的数据，会注入到各个组件中去
+ */
+type FormState = {
+    config: FormConfig;
+    popperClass?: string;
+    initValues: FormValue;
+    lastValues: FormValue;
+    isCompare: boolean;
+    values: FormValue;
+    $emit: (event: string, ...args: any[]) => void;
+    keyProp?: string;
+    parentValues?: FormValue;
+    setField: (prop: string, field: any) => void;
+    getField: (prop: string) => any;
+    deleteField: (prop: string) => any;
+    [key: string]: any;
 };
 /**
  * 排序配置
@@ -2025,24 +1601,27 @@ interface Input {
     placeholder?: string;
 }
 type TypeFunction = (mForm: FormState | undefined, data: {
-    model: Record<any, any>;
+    model: FormValue;
 }) => string;
 type FilterFunction<T = boolean> = (mForm: FormState | undefined, data: {
-    model: Record<any, any>;
-    values: Record<any, any>;
-    parent?: Record<any, any>;
-    formValue: Record<any, any>;
+    model: FormValue;
+    values: FormValue;
+    parent?: FormValue;
+    formValue: FormValue;
     prop: string;
     config: any;
     index?: number;
 }) => T;
-type OnChangeHandler = (mForm: FormState | undefined, value: any, data: {
-    model: Record<any, any>;
-    values: Record<any, any>;
-    parent?: Record<any, any>;
-    formValue: Record<any, any>;
+interface OnChangeHandlerData {
+    model: FormValue;
+    values?: FormValue;
+    parent?: FormValue;
+    formValue?: FormValue;
     config: any;
-}) => any;
+    prop: string;
+    changeRecords: ChangeRecord[];
+}
+type OnChangeHandler = (mForm: FormState | undefined, value: any, data: OnChangeHandlerData) => any;
 type DefaultValueFunction = (mForm: FormState | undefined) => any;
 /**
  * 下拉选择器选项配置
@@ -2477,9 +2056,329 @@ interface ComponentConfig extends FormItem {
     extend: any;
     display: any;
 }
-type ChildConfig = FormItem | TabConfig | RowConfig | FieldsetConfig | PanelConfig | TableConfig | GroupListConfig | StepConfig | DisplayConfig | TextConfig | HiddenConfig | LinkConfig | DaterangeConfig | SelectConfig | CascaderConfig | HtmlField | DateConfig | ColorPickConfig | TimeConfig | DateTimeConfig | CheckboxConfig | SwitchConfig | RadioGroupConfig | TextareaConfig | DynamicFieldConfig | ComponentConfig;
-type FormConfig = ChildConfig[];
-type FormValue = Record<string | number, any>;
+type ChildConfig = FormItem | TabConfig | RowConfig | FieldsetConfig | PanelConfig | TableConfig | GroupListConfig | StepConfig | DisplayConfig | TextConfig | HiddenConfig | LinkConfig | DaterangeConfig | SelectConfig | CascaderConfig | HtmlField | DateConfig | ColorPickConfig | TimeConfig | DateTimeConfig | CheckboxConfig | SwitchConfig | RadioGroupConfig | TextareaConfig | DynamicFieldConfig | ComponentConfig;
+type FormConfig = ChildConfig[];
+type FormValue = Record<string | number, any>;
+
+declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
+    codeId: vue.Ref<string | undefined, string | undefined>;
+    codeConfig: vue.Ref<CodeBlockContent | undefined, CodeBlockContent | undefined>;
+    codeBlockEditor: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+        width?: number;
+        visible?: boolean;
+    } & {
+        content: CodeBlockContent;
+        disabled?: boolean;
+        isDataSource?: boolean;
+        dataSourceType?: string;
+    }> & Readonly<{
+        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        show(): Promise<void>;
+        hide(): Promise<void>;
+    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
+        "update:width": (value: number) => any;
+        "update:visible": (value: boolean) => any;
+    }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        width?: number;
+        visible?: boolean;
+    } & {
+        content: CodeBlockContent;
+        disabled?: boolean;
+        isDataSource?: boolean;
+        dataSourceType?: string;
+    }> & Readonly<{
+        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        show(): Promise<void>;
+        hide(): Promise<void>;
+    }, {}, {}, {}, {}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+        width?: number;
+        visible?: boolean;
+    } & {
+        content: CodeBlockContent;
+        disabled?: boolean;
+        isDataSource?: boolean;
+        dataSourceType?: string;
+    }> & Readonly<{
+        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        show(): Promise<void>;
+        hide(): Promise<void>;
+    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
+        "update:width": (value: number) => any;
+        "update:visible": (value: boolean) => any;
+    }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        width?: number;
+        visible?: boolean;
+    } & {
+        content: CodeBlockContent;
+        disabled?: boolean;
+        isDataSource?: boolean;
+        dataSourceType?: string;
+    }> & Readonly<{
+        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        show(): Promise<void>;
+        hide(): Promise<void>;
+    }, {}, {}, {}, {}> | undefined>;
+    createCodeBlock: () => Promise<void>;
+    editCode: (id: string) => Promise<void>;
+    deleteCode: (key: string) => Promise<void>;
+    submitCodeBlockHandler: (values: CodeBlockContent) => Promise<void>;
+};
+
+declare const useStage: (stageOptions: StageOptions) => StageCore__default;
+
+interface State {
+    status: boolean;
+    top: number;
+    left: number;
+}
+declare const useFloatBox: (slideKeys: ComputedRef<string[]>) => {
+    dragstartHandler: (e: DragEvent) => void;
+    dragendHandler: (key: string, e: DragEvent) => void;
+    floatBoxStates: vue.Ref<{
+        [x: string]: State;
+    }, {
+        [x: string]: State;
+    }>;
+    showingBoxKeys: ComputedRef<string[]>;
+};
+
+declare const useWindowRect: () => {
+    rect: {
+        width: number;
+        height: number;
+    };
+};
+
+declare const useEditorContentHeight: () => {
+    height: vue.Ref<number, number>;
+};
+
+declare const useFilter: (nodeData: Ref<TreeNodeData[]>, nodeStatusMap: Ref<Map<Id, LayerNodeStatus> | undefined>, filterNodeMethod: (value: string, data: MNode) => boolean) => {
+    filterText: Ref<string, string>;
+    filterTextChangeHandler(text: string | string[]): void;
+};
+
+declare const useGetSo: (target: Ref<HTMLElement | undefined>, emit: (evt: "change", e: OnDrag<gesto__default>) => void) => {
+    isDraging: Ref<boolean, boolean>;
+};
+
+declare const useNextFloatBoxPosition: (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
+    boxPosition: Ref<{
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    } | {
+        left: number;
+        top: number;
+    }>;
+    calcBoxPosition: () => void;
+};
+
+declare const useNodeStatus: (nodeData: ComputedRef<TreeNodeData[]>) => {
+    nodeStatusMap: vue.Ref<Map<Id, {
+        visible: boolean;
+        expand: boolean;
+        selected: boolean;
+        draggable: boolean;
+    }> & Omit<Map<Id, LayerNodeStatus>, keyof Map<any, any>>, Map<Id, LayerNodeStatus> | (Map<Id, {
+        visible: boolean;
+        expand: boolean;
+        selected: boolean;
+        draggable: boolean;
+    }> & Omit<Map<Id, LayerNodeStatus>, keyof Map<any, any>>)>;
+};
+
+declare const setEditorConfig: (option: EditorInstallOptions) => void;
+declare const getEditorConfig: <K extends keyof EditorInstallOptions>(key: K) => EditorInstallOptions[K];
+
+declare const arrayOptions: {
+    text: string;
+    value: string;
+}[];
+declare const eqOptions: {
+    text: string;
+    value: string;
+}[];
+declare const numberOptions: {
+    text: string;
+    value: string;
+}[];
+declare const styleTabConfig: TabPaneConfig$1;
+declare const eventTabConfig: TabPaneConfig$1;
+declare const advancedTabConfig: TabPaneConfig$1;
+declare const displayTabConfig: TabPaneConfig$1;
+/**
+ * 统一为组件属性表单加上事件、高级、样式配置
+ * @param config 组件属性配置
+ * @returns Object
+ */
+declare const fillConfig: (config?: FormConfig$1, labelWidth?: string) => FormConfig$1;
+
+declare const log: (...args: any[]) => void;
+declare const info: (...args: any[]) => void;
+declare const warn: (...args: any[]) => void;
+declare const debug: (...args: any[]) => void;
+declare const error: (...args: any[]) => void;
+
+declare const COPY_STORAGE_KEY = "$MagicEditorCopyData";
+declare const COPY_CODE_STORAGE_KEY = "$MagicEditorCopyCode";
+declare const COPY_DS_STORAGE_KEY = "$MagicEditorCopyDataSource";
+/**
+ * 获取所有页面配置
+ * @param root DSL跟节点
+ * @returns 所有页面配置
+ */
+declare const getPageList: (root?: MApp | null) => MPage[];
+declare const getPageFragmentList: (root?: MApp | null) => MPageFragment[];
+/**
+ * 获取所有页面名称
+ * @param pages 所有页面配置
+ * @returns 所有页面名称
+ */
+declare const getPageNameList: (pages: (MPage | MPageFragment)[]) => string[];
+/**
+ * 新增页面时，生成页面名称
+ * @param {Object} pageNameList 所有页面名称
+ * @returns {string}
+ */
+declare const generatePageName: (pageNameList: string[], type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
+/**
+ * 新增页面时，生成页面名称
+ * @param {Object} app 所有页面配置
+ * @returns {string}
+ */
+declare const generatePageNameByApp: (app: MApp, type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
+declare const getNodeIndex: (id: Id, parent: MContainer | MApp) => number;
+declare const getRelativeStyle: (style?: Record<string, any>) => Record<string, any>;
+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) => _tmagic_schema.MComponent | undefined;
+declare const change2Fixed: (node: MNode, root: MApp) => {
+    left: number;
+    top: number;
+};
+declare const Fixed2Other: (node: MNode, root: MApp, 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__default | null) => {
+    [key: string]: any;
+} | undefined;
+declare const serializeConfig: (config: any) => string;
+declare const moveItemsInContainer: (sourceIndices: number[], parent: MContainer, targetIndex: number) => void;
+declare const isValueIncludeDataSource: (value: any) => boolean;
+declare const isIncludeDataSource: (node: MNode, oldNode: MNode) => boolean;
+
+/**
+ * 粘贴前置操作：返回分配了新id以及校准了坐标的配置
+ * @param position 粘贴的坐标
+ * @param config 待粘贴的元素配置(复制时保存的那份配置)
+ * @returns
+ */
+declare const beforePaste: (position: PastePosition, config: MNode[], doc?: Document) => MNode[];
+/**
+ * 将元素粘贴到容器内时，将相对于画布坐标转换为相对于容器的坐标
+ * @param position PastePosition 粘贴时相对于画布的坐标
+ * @param id 元素id
+ * @returns PastePosition 转换后的坐标
+ */
+declare const getPositionInContainer: (position: PastePosition | undefined, id: Id, doc?: Document) => {
+    left: number;
+    top: number;
+};
+declare const getAddParent: (node: MNode) => MContainer | null | undefined;
+declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;
+
+declare const getFormConfig: (type: string, configs: Record<string, FormConfig$1>) => FormConfig$1;
+declare const getFormValue: (type: string, values: Partial<DataSourceSchema>) => Partial<DataSourceSchema>;
+declare const getDisplayField: (dataSources: DataSourceSchema[], key: string) => {
+    value: string;
+    type: "var" | "text";
+}[];
+declare const getCascaderOptionsFromFields: (fields?: DataSchema[], dataSourceFieldType?: DataSourceFieldType[]) => CascaderOption$1[];
+declare const removeDataSourceFieldPrefix: (id?: string) => string;
+
+interface IdleTaskEvents {
+    finish: [];
+}
+declare class IdleTask<T = any> extends EventEmitter {
+    private taskList;
+    private taskHandle;
+    constructor();
+    enqueueTask(taskHandler: (data: T) => void, taskData: T): void;
+    clearTasks(): void;
+    on<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
+    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;
+}
+
+interface ScrollViewerOptions {
+    container: HTMLDivElement;
+    target: HTMLDivElement;
+    zoom: number;
+    correctionScrollSize?: {
+        width: number;
+        height: number;
+    };
+}
+declare class ScrollViewer extends EventEmitter {
+    private container;
+    private target;
+    private zoom;
+    private scrollLeft;
+    private scrollTop;
+    private scrollHeight;
+    private scrollWidth;
+    private width;
+    private height;
+    private translateXCorrectionValue;
+    private translateYCorrectionValue;
+    private correctionScrollSize;
+    private resizeObserver;
+    constructor(options: ScrollViewerOptions);
+    destroy(): void;
+    setZoom(zoom: number): void;
+    scrollTo({ left, top }: {
+        left?: number;
+        top?: number;
+    }): void;
+    private wheelHandler;
+    private getPos;
+    private setScrollSize;
+    private setSize;
+}
+
+declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => void;
 
 interface EditorProps {
     /** 页面初始值 */
@@ -2569,6 +2468,7 @@ interface EditorProps {
 }
 
 declare function __VLS_template$b(): {
+    attrs: Partial<{}>;
     slots: Readonly<FrameworkSlots & WorkspaceSlots & LayerPanelSlots & CodeBlockListPanelSlots & ComponentListPanelSlots & DataSourceListSlots & PropsPanelSlots & {
         workspace(props: {
             editorService: EditorService;
@@ -2585,7 +2485,7 @@ declare function __VLS_template$b(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$b = ReturnType<typeof __VLS_template$b>;
 declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
@@ -2602,7 +2502,8 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
     keybindingService: KeybindingService;
     stageOverlayService: StageOverlayService;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'props-panel-mounted': (instance: {
+    "update:modelValue": (value: MApp | null) => any;
+    "props-panel-mounted": (instance: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
@@ -2611,14 +2512,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             readonly onMounted?: ((...args: any[]) => any) | undefined;
             readonly "onSubmit-error"?: ((...args: any[]) => any) | undefined;
             readonly "onForm-error"?: ((...args: any[]) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            disabledShowSrc?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onMounted?: ((...args: any[]) => any) | undefined;
-            "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            "onForm-error"?: ((...args: any[]) => any) | undefined;
-        }>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2632,7 +2526,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         $parent: vue.ComponentPublicInstance | null;
         $host: Element | null;
         $emit: ((event: "mounted", ...args: any[]) => void) & ((event: "submit-error", ...args: any[]) => void) & ((event: "form-error", ...args: any[]) => void);
-        $el: any;
+        $el: HTMLDivElement;
         $options: vue.ComponentOptionsBase<Readonly<{
             disabledShowSrc?: boolean;
             extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
@@ -2661,6 +2555,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -2668,37 +2563,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
                 change: (...args: any[]) => void;
                 error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
                 "field-change": (...args: any[]) => void;
                 "field-input": (...args: any[]) => void;
-            }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "onField-change"?: ((...args: any[]) => any) | undefined;
-                "onField-input"?: ((...args: any[]) => any) | undefined;
-            }>, {
+            }, vue.PublicProps, {
                 disabled: boolean;
                 labelWidth: string;
                 inline: boolean;
@@ -2711,7 +2586,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -2738,6 +2613,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -2745,8 +2621,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, {
                 disabled: boolean;
@@ -2781,6 +2658,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -2788,37 +2666,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
                 change: (...args: any[]) => void;
                 error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
                 "field-change": (...args: any[]) => void;
                 "field-input": (...args: any[]) => void;
-            }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "onField-change"?: ((...args: any[]) => any) | undefined;
-                "onField-input"?: ((...args: any[]) => any) | undefined;
-            }>, {
+            }, vue.PublicProps, {
                 disabled: boolean;
                 labelWidth: string;
                 inline: boolean;
@@ -2831,7 +2689,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -2858,6 +2716,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -2865,8 +2724,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, {
                 disabled: boolean;
@@ -2882,7 +2742,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 stepActive: string | number;
                 height: string;
             }> | undefined>;
-            submit: () => Promise<void>;
+            submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             mounted: (...args: any[]) => void;
             "submit-error": (...args: any[]) => void;
@@ -2935,6 +2795,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -2942,37 +2803,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
             error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
             "field-change": (...args: any[]) => void;
             "field-input": (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, vue.PublicProps, {
             disabled: boolean;
             labelWidth: string;
             inline: boolean;
@@ -2985,7 +2826,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3012,6 +2853,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3019,8 +2861,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -3055,6 +2898,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3062,37 +2906,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
             error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
             "field-change": (...args: any[]) => void;
             "field-input": (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, vue.PublicProps, {
             disabled: boolean;
             labelWidth: string;
             inline: boolean;
@@ -3105,7 +2929,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3132,6 +2956,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3139,8 +2964,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -3156,13 +2982,12 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             stepActive: string | number;
             height: string;
         }> | undefined>;
-        submit: () => Promise<void>;
+        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
     }> & {} & vue.ComponentCustomProperties & {} & {
         $slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
     }) => any;
-    'update:modelValue': (value: MApp | null) => any;
-    'props-form-error': (e: any) => any;
-    'props-submit-error': (e: any) => any;
+    "props-form-error": (e: any) => any;
+    "props-submit-error": (e: any) => any;
 }, string, vue.PublicProps, Readonly<EditorProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: MApp | null) => any) | undefined;
     "onProps-panel-mounted"?: ((instance: {
@@ -3174,14 +2999,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             readonly onMounted?: ((...args: any[]) => any) | undefined;
             readonly "onSubmit-error"?: ((...args: any[]) => any) | undefined;
             readonly "onForm-error"?: ((...args: any[]) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            disabledShowSrc?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onMounted?: ((...args: any[]) => any) | undefined;
-            "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            "onForm-error"?: ((...args: any[]) => any) | undefined;
-        }>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3195,7 +3013,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         $parent: vue.ComponentPublicInstance | null;
         $host: Element | null;
         $emit: ((event: "mounted", ...args: any[]) => void) & ((event: "submit-error", ...args: any[]) => void) & ((event: "form-error", ...args: any[]) => void);
-        $el: any;
+        $el: HTMLDivElement;
         $options: vue.ComponentOptionsBase<Readonly<{
             disabledShowSrc?: boolean;
             extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
@@ -3224,6 +3042,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3231,37 +3050,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
                 change: (...args: any[]) => void;
                 error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
                 "field-change": (...args: any[]) => void;
                 "field-input": (...args: any[]) => void;
-            }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "onField-change"?: ((...args: any[]) => any) | undefined;
-                "onField-input"?: ((...args: any[]) => any) | undefined;
-            }>, {
+            }, vue.PublicProps, {
                 disabled: boolean;
                 labelWidth: string;
                 inline: boolean;
@@ -3274,7 +3073,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -3301,6 +3100,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3308,8 +3108,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, {
                 disabled: boolean;
@@ -3344,6 +3145,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3351,37 +3153,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
                 change: (...args: any[]) => void;
                 error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
                 "field-change": (...args: any[]) => void;
                 "field-input": (...args: any[]) => void;
-            }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "onField-change"?: ((...args: any[]) => any) | undefined;
-                "onField-input"?: ((...args: any[]) => any) | undefined;
-            }>, {
+            }, vue.PublicProps, {
                 disabled: boolean;
                 labelWidth: string;
                 inline: boolean;
@@ -3394,7 +3176,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -3421,6 +3203,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             }> & Readonly<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
                 "onField-change"?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3428,8 +3211,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 lastValuesProcessed: vue.Ref<FormValue, FormValue>;
                 formState: FormState;
                 initialized: vue.Ref<boolean, boolean>;
-                changeHandler: () => void;
-                resetForm: () => any;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+                resetForm: () => void;
                 submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, {
                 disabled: boolean;
@@ -3445,7 +3229,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 stepActive: string | number;
                 height: string;
             }> | undefined>;
-            submit: () => Promise<void>;
+            submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             mounted: (...args: any[]) => void;
             "submit-error": (...args: any[]) => void;
@@ -3498,6 +3282,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3505,37 +3290,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
             error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
             "field-change": (...args: any[]) => void;
             "field-input": (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, vue.PublicProps, {
             disabled: boolean;
             labelWidth: string;
             inline: boolean;
@@ -3548,7 +3313,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3575,6 +3340,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3582,8 +3348,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -3618,6 +3385,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3625,37 +3393,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
             error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
             "field-change": (...args: any[]) => void;
             "field-input": (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, vue.PublicProps, {
             disabled: boolean;
             labelWidth: string;
             inline: boolean;
@@ -3668,7 +3416,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3695,6 +3443,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -3702,8 +3451,9 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
             formState: FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -3719,7 +3469,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             stepActive: string | number;
             height: string;
         }> | undefined>;
-        submit: () => Promise<void>;
+        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
     }> & {} & vue.ComponentCustomProperties & {} & {
         $slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
     }) => any) | undefined;
@@ -3752,7 +3502,7 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
     containerHighlightDuration: number;
     containerHighlightType: StageCore.ContainerHighlightType;
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$v: __VLS_WithTemplateSlots$b<typeof __VLS_component$b, __VLS_TemplateResult$b["slots"]>;
 
 type __VLS_WithTemplateSlots$b<T, S> = T & {
@@ -3761,10 +3511,10 @@ type __VLS_WithTemplateSlots$b<T, S> = T & {
     };
 };
 
-declare const _default$u: vue.DefineComponent<{
+type __VLS_Props$r = {
     initValues?: any;
     modifiedValues?: any;
-    type?: "diff";
+    type?: 'diff';
     language?: string;
     options?: {
         [key: string]: any;
@@ -3772,7 +3522,8 @@ declare const _default$u: vue.DefineComponent<{
     height?: string;
     autoSave?: boolean;
     parse?: boolean;
-}, {
+};
+declare const _default$u: vue.DefineComponent<__VLS_Props$r, {
     values: vue.Ref<string, string>;
     getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
     getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
@@ -3783,18 +3534,7 @@ declare const _default$u: vue.DefineComponent<{
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     save: (...args: any[]) => void;
     initd: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    initValues?: any;
-    modifiedValues?: any;
-    type?: "diff";
-    language?: string;
-    options?: {
-        [key: string]: any;
-    };
-    height?: string;
-    autoSave?: boolean;
-    parse?: boolean;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$r> & Readonly<{
     onSave?: ((...args: any[]) => any) | undefined;
     onInitd?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -3805,15 +3545,16 @@ declare const _default$u: vue.DefineComponent<{
     parse: boolean;
     language: string;
     autoSave: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare function __VLS_template$a(): {
+    attrs: Partial<{}>;
     slots: Readonly<ComponentListPanelSlots> & ComponentListPanelSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$a = ReturnType<typeof __VLS_template$a>;
-declare const __VLS_component$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}>;
+declare const __VLS_component$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const _default$t: __VLS_WithTemplateSlots$a<typeof __VLS_component$a, __VLS_TemplateResult$a["slots"]>;
 
 type __VLS_WithTemplateSlots$a<T, S> = T & {
@@ -3822,7 +3563,14 @@ type __VLS_WithTemplateSlots$a<T, S> = T & {
     };
 };
 
+type __VLS_Props$q = {
+    layerContentMenu: (MenuButton | MenuComponent)[];
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+};
 declare function __VLS_template$9(): {
+    attrs: Partial<{}>;
     slots: Readonly<LayerPanelSlots> & LayerPanelSlots;
     refs: {
         tree: ({
@@ -3833,29 +3581,15 @@ declare function __VLS_template$9(): {
                 readonly nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
                 readonly indent?: number | undefined;
                 readonly nextLevelIndentIncrement?: number | undefined;
-                readonly emptyText?: string | undefined;
-                readonly "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                data: TreeNodeData[];
-                nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
-                indent?: number;
-                nextLevelIndentIncrement?: number;
-                emptyText?: string;
-            }> & Readonly<{
-                "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
-            }>;
+                readonly emptyText?: string | undefined;
+                readonly "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3869,7 +3603,7 @@ declare function __VLS_template$9(): {
             $parent: vue.ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "node-click", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-contextmenu", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragstart", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragleave", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragend", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-mouseenter", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragover", event: DragEvent) => void);
-            $el: any;
+            $el: HTMLDivElement;
             $options: vue.ComponentOptionsBase<Readonly<{
                 data: TreeNodeData[];
                 nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
@@ -3885,13 +3619,13 @@ declare function __VLS_template$9(): {
                 "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
                 "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
             }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                'node-dragover': (event: DragEvent) => any;
-                'node-dragstart': (event: DragEvent, data: TreeNodeData) => any;
-                'node-dragleave': (event: DragEvent, data: TreeNodeData) => any;
-                'node-dragend': (event: DragEvent, data: TreeNodeData) => any;
-                'node-contextmenu': (event: MouseEvent, data: TreeNodeData) => any;
-                'node-mouseenter': (event: MouseEvent, data: TreeNodeData) => any;
-                'node-click': (event: MouseEvent, data: TreeNodeData) => any;
+                "node-click": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
+                "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
+                "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
+                "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-dragover": (event: DragEvent) => any;
             }, string, {
                 emptyText: string;
                 indent: number;
@@ -3963,16 +3697,11 @@ declare function __VLS_template$9(): {
         }>, {
             show: (e: MouseEvent) => void;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'collapse-all': () => any;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            layerContentMenu: (MenuButton | MenuComponent)[];
-            customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-        }> & Readonly<{
-            "onCollapse-all"?: (() => any) | undefined;
-        }>, {
+            "collapse-all": () => any;
+        }, vue.PublicProps, {
             layerContentMenu: (MenuButton | MenuComponent)[];
             customContentMenu: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3991,20 +3720,10 @@ declare function __VLS_template$9(): {
             customContentMenu: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$9 = ReturnType<typeof __VLS_template$9>;
-declare const __VLS_component$9: vue.DefineComponent<{
-    layerContentMenu: (MenuButton | MenuComponent)[];
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
-    layerContentMenu: (MenuButton | MenuComponent)[];
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+declare const __VLS_component$9: vue.DefineComponent<__VLS_Props$q, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$s: __VLS_WithTemplateSlots$9<typeof __VLS_component$9, __VLS_TemplateResult$9["slots"]>;
 
 type __VLS_WithTemplateSlots$9<T, S> = T & {
@@ -4013,146 +3732,154 @@ type __VLS_WithTemplateSlots$9<T, S> = T & {
     };
 };
 
-declare const _default$r: vue.DefineComponent<FieldProps<{
-    className?: string;
-} & FormItem$1>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<{
+type __VLS_Props$p = FieldProps<{
     className?: string;
-} & FormItem$1>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+} & FormItem$1>;
+declare const _default$r: vue.DefineComponent<__VLS_Props$p, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData$1) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$p> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$q: vue.DefineComponent<FieldProps<CodeSelectColConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<CodeSelectColConfig>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
+type __VLS_Props$o = FieldProps<CodeSelectColConfig>;
+declare const _default$q: vue.DefineComponent<__VLS_Props$o, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData$1) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$o> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare let __VLS_typeProps$4: FieldProps<{
+type __VLS_Props$n = FieldProps<{
     type: 'data-source-fields';
 }>;
 type __VLS_PublicProps$4 = {
     'width'?: number;
     'visible'?: boolean;
     'visible1'?: boolean;
-} & typeof __VLS_typeProps$4;
+} & __VLS_Props$n;
 declare const _default$p: vue.DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
+    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+    "update:width": (value: number) => any;
+    "update:visible": (value: boolean) => any;
+    "update:visible1": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps$4> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
+    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:visible1"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare let __VLS_typeProps$3: FieldProps<{
+type __VLS_Props$m = FieldProps<{
     type: 'data-source-mocks';
 }>;
 type __VLS_PublicProps$3 = {
     'width'?: number;
     'visible'?: boolean;
-} & typeof __VLS_typeProps$3;
+} & __VLS_Props$m;
 declare const _default$o: vue.DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    "update:width": (value: number) => void;
+    "update:visible": (value: boolean) => void;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps$3> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$n: vue.DefineComponent<FieldProps<{
-    type: "data-source-methods";
-}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$l = FieldProps<{
+    type: 'data-source-methods';
+}>;
+declare const _default$n: vue.DefineComponent<__VLS_Props$l, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<{
-    type: "data-source-methods";
-}>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$l> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$m: vue.DefineComponent<FieldProps<{
-    type: "data-source-input";
-} & FormItem$1>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$k = FieldProps<{
+    type: 'data-source-input';
+} & FormItem$1>;
+declare const _default$m: vue.DefineComponent<__VLS_Props$k, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<{
-    type: "data-source-input";
-} & FormItem$1>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$k> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$l: vue.DefineComponent<FieldProps<DataSourceSelect>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$j = FieldProps<DataSourceSelect>;
+declare const _default$l: vue.DefineComponent<__VLS_Props$j, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DataSourceSelect>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$k: vue.DefineComponent<FieldProps<DataSourceMethodSelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$i = FieldProps<DataSourceMethodSelectConfig>;
+declare const _default$k: vue.DefineComponent<__VLS_Props$i, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DataSourceMethodSelectConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$j: vue.DefineComponent<FieldProps<DataSourceFieldSelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$h = FieldProps<DataSourceFieldSelectConfig>;
+declare const _default$j: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DataSourceFieldSelectConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$i: vue.DefineComponent<FieldProps<EventSelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<EventSelectConfig>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+type __VLS_Props$g = FieldProps<EventSelectConfig>;
+declare const _default$i: vue.DefineComponent<__VLS_Props$g, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$g> & Readonly<{
+    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$h: vue.DefineComponent<FieldProps<{
-    type: "key-value";
+type __VLS_Props$f = FieldProps<{
+    type: 'key-value';
     advanced?: boolean;
-} & FormItem$1>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+} & FormItem$1>;
+declare const _default$h: vue.DefineComponent<__VLS_Props$f, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: Record<string, any>) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<{
-    type: "key-value";
-    advanced?: boolean;
-} & FormItem$1>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$f> & Readonly<{
     onChange?: ((value: Record<string, any>) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+type __VLS_Props$e = {
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+};
 declare function __VLS_template$8(): {
+    attrs: Partial<{}>;
     slots: Readonly<CodeBlockListSlots> & CodeBlockListSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$8 = ReturnType<typeof __VLS_template$8>;
-declare const __VLS_component$8: vue.DefineComponent<{
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-}, {
+declare const __VLS_component$8: vue.DefineComponent<__VLS_Props$e, {
     filter: (text: string | string[]) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    edit: (id: string) => any;
     remove: (id: string) => any;
-}, string, vue.PublicProps, Readonly<{
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-}> & Readonly<{
+    edit: (id: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$e> & Readonly<{
     onRemove?: ((id: string) => any) | undefined;
     onEdit?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$g: __VLS_WithTemplateSlots$8<typeof __VLS_component$8, __VLS_TemplateResult$8["slots"]>;
 
 type __VLS_WithTemplateSlots$8<T, S> = T & {
@@ -4161,7 +3888,13 @@ type __VLS_WithTemplateSlots$8<T, S> = T & {
     };
 };
 
+type __VLS_Props$d = {
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+};
 declare function __VLS_template$7(): {
+    attrs: Partial<{}>;
     slots: Readonly<CodeBlockListPanelSlots> & CodeBlockListPanelSlots;
     refs: {
         codeBlockList: ({
@@ -4173,14 +3906,7 @@ declare function __VLS_template$7(): {
                 readonly customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
                 readonly onRemove?: ((id: string) => any) | undefined;
                 readonly onEdit?: ((id: string) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-                indent?: number;
-                nextLevelIndentIncrement?: number;
-                customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-            }> & Readonly<{
-                onRemove?: ((id: string) => any) | undefined;
-                onEdit?: ((id: string) => any) | undefined;
-            }>;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4194,7 +3920,7 @@ declare function __VLS_template$7(): {
             $parent: vue.ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "remove", id: string) => void) & ((event: "edit", id: string) => void);
-            $el: any;
+            $el: HTMLDivElement;
             $options: vue.ComponentOptionsBase<Readonly<{
                 indent?: number;
                 nextLevelIndentIncrement?: number;
@@ -4205,8 +3931,8 @@ declare function __VLS_template$7(): {
             }>, {
                 filter: (text: string | string[]) => void;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                edit: (id: string) => any;
                 remove: (id: string) => any;
+                edit: (id: string) => any;
             }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -4248,29 +3974,17 @@ declare function __VLS_template$7(): {
             isDataSource?: boolean;
             dataSourceType?: string;
         }> & Readonly<{
-            onSubmit?: ((values: _tmagic_schema.CodeBlockContent) => any) | undefined;
-            "onUpdate:width"?: ((width: number) => any) | undefined;
-            "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+            "onUpdate:width"?: ((value: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         }>, {
             show(): Promise<void>;
             hide(): Promise<void>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:width': (width: number) => any;
-            'update:visible': (visible: boolean) => any;
-            submit: (values: _tmagic_schema.CodeBlockContent) => any;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            width?: number;
-            visible?: boolean;
-        } & {
-            content: _tmagic_schema.CodeBlockContent;
-            disabled?: boolean;
-            isDataSource?: boolean;
-            dataSourceType?: string;
-        }> & Readonly<{
-            onSubmit?: ((values: _tmagic_schema.CodeBlockContent) => any) | undefined;
-            "onUpdate:width"?: ((width: number) => any) | undefined;
-            "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-        }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+            submit: (values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any;
+            "update:width": (value: number) => any;
+            "update:visible": (value: boolean) => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -4286,26 +4000,18 @@ declare function __VLS_template$7(): {
             isDataSource?: boolean;
             dataSourceType?: string;
         }> & Readonly<{
-            onSubmit?: ((values: _tmagic_schema.CodeBlockContent) => any) | undefined;
-            "onUpdate:width"?: ((width: number) => any) | undefined;
-            "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+            "onUpdate:width"?: ((value: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         }>, {
             show(): Promise<void>;
             hide(): Promise<void>;
         }, {}, {}, {}, {}> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$7 = ReturnType<typeof __VLS_template$7>;
-declare const __VLS_component$7: vue.DefineComponent<{
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$d, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$d> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$f: __VLS_WithTemplateSlots$7<typeof __VLS_component$7, __VLS_TemplateResult$7["slots"]>;
 
 type __VLS_WithTemplateSlots$7<T, S> = T & {
@@ -4314,7 +4020,7 @@ type __VLS_WithTemplateSlots$7<T, S> = T & {
     };
 };
 
-declare let __VLS_typeProps$2: {
+type __VLS_Props$c = {
     title?: string;
     values: any;
     disabled: boolean;
@@ -4322,17 +4028,26 @@ declare let __VLS_typeProps$2: {
 type __VLS_PublicProps$2 = {
     'visible'?: boolean;
     'width'?: number;
-} & typeof __VLS_typeProps$2;
+} & __VLS_Props$c;
 declare const _default$e: vue.DefineComponent<__VLS_PublicProps$2, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
+    submit: (v: any, eventData: ContainerChangeEventData$1) => any;
+    "update:width": (value: number) => any;
+    "update:visible": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps$2> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+    onSubmit?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
+type __VLS_Props$b = {
+    disabledShowSrc?: boolean;
+    extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+};
 declare function __VLS_template$6(): {
+    attrs: Partial<{}>;
     slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
     refs: {
         configForm: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -4355,6 +4070,7 @@ declare function __VLS_template$6(): {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -4362,37 +4078,17 @@ declare function __VLS_template$6(): {
             lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
             formState: FormState$1;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
             error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
             "field-change": (...args: any[]) => void;
             "field-input": (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, vue.PublicProps, {
             disabled: boolean;
             labelWidth: string;
             inline: boolean;
@@ -4405,7 +4101,7 @@ declare function __VLS_template$6(): {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -4432,6 +4128,7 @@ declare function __VLS_template$6(): {
         }> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
             "onField-change"?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -4439,8 +4136,9 @@ declare function __VLS_template$6(): {
             lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
             formState: FormState$1;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -4457,13 +4155,10 @@ declare function __VLS_template$6(): {
             height: string;
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$6 = ReturnType<typeof __VLS_template$6>;
-declare const __VLS_component$6: vue.DefineComponent<{
-    disabledShowSrc?: boolean;
-    extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-}, {
+declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
     configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         config: FormConfig;
         initValues: Record<string, any>;
@@ -4484,6 +4179,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -4491,37 +4187,17 @@ declare const __VLS_component$6: vue.DefineComponent<{
         lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
         formState: FormState$1;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         change: (...args: any[]) => void;
         error: (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
         "field-change": (...args: any[]) => void;
         "field-input": (...args: any[]) => void;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, vue.PublicProps, {
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -4534,7 +4210,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
         parentValues: Record<string, any>;
         stepActive: string | number;
         height: string;
-    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -4561,6 +4237,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -4568,8 +4245,9 @@ declare const __VLS_component$6: vue.DefineComponent<{
         lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
         formState: FormState$1;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -4604,6 +4282,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -4611,37 +4290,17 @@ declare const __VLS_component$6: vue.DefineComponent<{
         lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
         formState: FormState$1;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         change: (...args: any[]) => void;
         error: (...args: any[]) => void;
+        "update:stepActive": (...args: any[]) => void;
         "field-change": (...args: any[]) => void;
         "field-input": (...args: any[]) => void;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, vue.PublicProps, {
         disabled: boolean;
         labelWidth: string;
         inline: boolean;
@@ -4654,7 +4313,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
         parentValues: Record<string, any>;
         stepActive: string | number;
         height: string;
-    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -4681,6 +4340,7 @@ declare const __VLS_component$6: vue.DefineComponent<{
     }> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
+        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
         "onField-change"?: ((...args: any[]) => any) | undefined;
         "onField-input"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -4688,8 +4348,9 @@ declare const __VLS_component$6: vue.DefineComponent<{
         lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
         formState: FormState$1;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -4705,19 +4366,16 @@ declare const __VLS_component$6: vue.DefineComponent<{
         stepActive: string | number;
         height: string;
     }> | undefined>;
-    submit: () => Promise<void>;
+    submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     mounted: (...args: any[]) => void;
     "submit-error": (...args: any[]) => void;
     "form-error": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    disabledShowSrc?: boolean;
-    extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$b> & Readonly<{
     onMounted?: ((...args: any[]) => any) | undefined;
     "onSubmit-error"?: ((...args: any[]) => any) | undefined;
     "onForm-error"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$d: __VLS_WithTemplateSlots$6<typeof __VLS_component$6, __VLS_TemplateResult$6["slots"]>;
 
 type __VLS_WithTemplateSlots$6<T, S> = T & {
@@ -4726,18 +4384,23 @@ type __VLS_WithTemplateSlots$6<T, S> = T & {
     };
 };
 
-declare const _default$c: vue.DefineComponent<{
-    data?: MenuButton | MenuComponent;
-    eventType?: "mousedown" | "mouseup" | "click";
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
+type __VLS_Props$a = {
     data?: MenuButton | MenuComponent;
-    eventType?: "mousedown" | "mouseup" | "click";
-}> & Readonly<{}>, {
+    eventType?: 'mousedown' | 'mouseup' | 'click';
+};
+declare const _default$c: vue.DefineComponent<__VLS_Props$a, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$a> & Readonly<{}>, {
     data: MenuButton | MenuComponent;
     eventType: "mousedown" | "mouseup" | "click";
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
+type __VLS_Props$9 = {
+    menuData?: (MenuButton | MenuComponent)[];
+    isSubMenu?: boolean;
+    active?: string | number;
+    autoHide?: boolean;
+};
 declare function __VLS_template$5(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
     };
@@ -4746,13 +4409,10 @@ declare function __VLS_template$5(): {
         buttons: (vue.CreateComponentPublicInstanceWithMixins<Readonly<{
             data?: MenuButton | MenuComponent;
             eventType?: "mousedown" | "mouseup" | "click";
-        }> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<{
-            data?: MenuButton | MenuComponent;
-            eventType?: "mousedown" | "mouseup" | "click";
-        }> & Readonly<{}>, {
+        }> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
             data: MenuButton | MenuComponent;
             eventType: "mousedown" | "mouseup" | "click";
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -4768,15 +4428,10 @@ declare function __VLS_template$5(): {
         }> | null)[];
         subMenu: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$5 = ReturnType<typeof __VLS_template$5>;
-declare const __VLS_component$5: vue.DefineComponent<{
-    menuData?: (MenuButton | MenuComponent)[];
-    isSubMenu?: boolean;
-    active?: string | number;
-    autoHide?: boolean;
-}, {
+declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$9, {
     menu: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     menuPosition: vue.Ref<{
         left: number;
@@ -4799,15 +4454,10 @@ declare const __VLS_component$5: vue.DefineComponent<{
         clientX: number;
     }) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    hide: () => any;
-    show: () => any;
     mouseenter: () => any;
-}, string, vue.PublicProps, Readonly<{
-    menuData?: (MenuButton | MenuComponent)[];
-    isSubMenu?: boolean;
-    active?: string | number;
-    autoHide?: boolean;
-}> & Readonly<{
+    show: () => any;
+    hide: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$9> & Readonly<{
     onMouseenter?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
@@ -4815,7 +4465,7 @@ declare const __VLS_component$5: vue.DefineComponent<{
     menuData: (MenuButton | MenuComponent)[];
     isSubMenu: boolean;
     autoHide: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$b: __VLS_WithTemplateSlots$5<typeof __VLS_component$5, __VLS_TemplateResult$5["slots"]>;
 
 type __VLS_WithTemplateSlots$5<T, S> = T & {
@@ -4824,13 +4474,24 @@ type __VLS_WithTemplateSlots$5<T, S> = T & {
     };
 };
 
-declare const _default$a: vue.DefineComponent<{
+type __VLS_Props$8 = {
     icon?: any;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
-    icon?: any;
-}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+};
+declare const _default$a: vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$8> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
+type __VLS_Props$7 = {
+    width?: number;
+    left?: number;
+    right?: number;
+    minLeft?: number;
+    minRight?: number;
+    minCenter?: number;
+    leftClass?: string;
+    rightClass?: string;
+    centerClass?: string;
+};
 declare function __VLS_template$4(): {
+    attrs: Partial<{}>;
     slots: {
         left?(_: {}): any;
         center?(_: {}): any;
@@ -4839,36 +4500,16 @@ declare function __VLS_template$4(): {
     refs: {
         el: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$4 = ReturnType<typeof __VLS_template$4>;
-declare const __VLS_component$4: vue.DefineComponent<{
-    width?: number;
-    left?: number;
-    right?: number;
-    minLeft?: number;
-    minRight?: number;
-    minCenter?: number;
-    leftClass?: string;
-    rightClass?: string;
-    centerClass?: string;
-}, {
+declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$7, {
     updateWidth(): void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:left": (...args: any[]) => void;
     "update:right": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    width?: number;
-    left?: number;
-    right?: number;
-    minLeft?: number;
-    minRight?: number;
-    minCenter?: number;
-    leftClass?: string;
-    rightClass?: string;
-    centerClass?: string;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$7> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:left"?: ((...args: any[]) => any) | undefined;
     "onUpdate:right"?: ((...args: any[]) => any) | undefined;
@@ -4876,7 +4517,7 @@ declare const __VLS_component$4: vue.DefineComponent<{
     minLeft: number;
     minRight: number;
     minCenter: number;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$9: __VLS_WithTemplateSlots$4<typeof __VLS_component$4, __VLS_TemplateResult$4["slots"]>;
 
 type __VLS_WithTemplateSlots$4<T, S> = T & {
@@ -4886,20 +4527,21 @@ type __VLS_WithTemplateSlots$4<T, S> = T & {
 };
 
 declare function __VLS_template$3(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         target: HTMLSpanElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult$3 = ReturnType<typeof __VLS_template$3>;
 declare const __VLS_component$3: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (e: OnDrag<gesto.default>) => any;
 }, string, vue.PublicProps, Readonly<{}> & Readonly<{
     onChange?: ((e: OnDrag<gesto.default>) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, HTMLSpanElement>;
 declare const _default$8: __VLS_WithTemplateSlots$3<typeof __VLS_component$3, __VLS_TemplateResult$3["slots"]>;
 
 type __VLS_WithTemplateSlots$3<T, S> = T & {
@@ -4908,7 +4550,7 @@ type __VLS_WithTemplateSlots$3<T, S> = T & {
     };
 };
 
-declare let __VLS_typeProps$1: {
+type __VLS_Props$6 = {
     content: CodeBlockContent;
     disabled?: boolean;
     isDataSource?: boolean;
@@ -4917,25 +4559,25 @@ declare let __VLS_typeProps$1: {
 type __VLS_PublicProps$1 = {
     'width'?: number;
     'visible'?: boolean;
-} & typeof __VLS_typeProps$1;
+} & __VLS_Props$6;
 declare const _default$7: vue.DefineComponent<__VLS_PublicProps$1, {
     show(): Promise<void>;
     hide(): Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:width': (width: number) => any;
-    'update:visible': (visible: boolean) => any;
-    submit: (values: CodeBlockContent) => any;
+    submit: (values: CodeBlockContent, eventData: ContainerChangeEventData$1) => any;
+    "update:width": (value: number) => any;
+    "update:visible": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps$1> & Readonly<{
-    onSubmit?: ((values: CodeBlockContent) => any) | undefined;
-    "onUpdate:width"?: ((width: number) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+    onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData$1) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
 interface Position {
     left: number;
     top: number;
 }
-declare let __VLS_typeProps: {
+type __VLS_Props$5 = {
     position?: Position;
     title?: string;
     beforeClose?: (done: (cancel?: boolean) => void) => void;
@@ -4944,8 +4586,9 @@ type __VLS_PublicProps = {
     'width'?: number;
     'height'?: number;
     'visible'?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props$5;
 declare function __VLS_template$2(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
         body?(_: {}): any;
@@ -4954,7 +4597,7 @@ declare function __VLS_template$2(): {
         target: HTMLDivElement;
         titleEl: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$2 = ReturnType<typeof __VLS_template$2>;
 declare const __VLS_component$2: vue.DefineComponent<__VLS_PublicProps, {
@@ -4962,17 +4605,17 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_PublicProps, {
     target: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     titleEl: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:width': (width: number) => any;
-    'update:height': (height: number) => any;
-    'update:visible': (visible: boolean) => any;
+    "update:width": (value: number) => any;
+    "update:height": (value: number) => any;
+    "update:visible": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:width"?: ((width: number) => any) | undefined;
-    "onUpdate:height"?: ((height: number) => any) | undefined;
-    "onUpdate:visible"?: ((visible: 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;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$6: __VLS_WithTemplateSlots$2<typeof __VLS_component$2, __VLS_TemplateResult$2["slots"]>;
 
 type __VLS_WithTemplateSlots$2<T, S> = T & {
@@ -4981,7 +4624,15 @@ type __VLS_WithTemplateSlots$2<T, S> = T & {
     };
 };
 
+type __VLS_Props$4 = {
+    data: TreeNodeData[];
+    nodeStatusMap: Map<Id, LayerNodeStatus>;
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    emptyText?: string;
+};
 declare function __VLS_template$1(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         'tree-node-content'(props: {
             data: TreeNodeData;
@@ -5004,30 +4655,18 @@ declare function __VLS_template$1(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$1 = ReturnType<typeof __VLS_template$1>;
-declare const __VLS_component$1: vue.DefineComponent<{
-    data: TreeNodeData[];
-    nodeStatusMap: Map<Id, LayerNodeStatus>;
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    emptyText?: string;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'node-dragover': (event: DragEvent) => any;
-    'node-dragstart': (event: DragEvent, data: TreeNodeData) => any;
-    'node-dragleave': (event: DragEvent, data: TreeNodeData) => any;
-    'node-dragend': (event: DragEvent, data: TreeNodeData) => any;
-    'node-contextmenu': (event: MouseEvent, data: TreeNodeData) => any;
-    'node-mouseenter': (event: MouseEvent, data: TreeNodeData) => any;
-    'node-click': (event: MouseEvent, data: TreeNodeData) => any;
-}, string, vue.PublicProps, Readonly<{
-    data: TreeNodeData[];
-    nodeStatusMap: Map<Id, LayerNodeStatus>;
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    emptyText?: string;
-}> & Readonly<{
+declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    "node-click": (event: MouseEvent, data: TreeNodeData) => any;
+    "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
+    "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
+    "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
+    "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
+    "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
+    "node-dragover": (event: DragEvent) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{
     "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
@@ -5038,7 +4677,7 @@ declare const __VLS_component$1: vue.DefineComponent<{
 }>, {
     emptyText: string;
     indent: number;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$5: __VLS_WithTemplateSlots$1<typeof __VLS_component$1, __VLS_TemplateResult$1["slots"]>;
 
 type __VLS_WithTemplateSlots$1<T, S> = T & {
@@ -5047,7 +4686,16 @@ type __VLS_WithTemplateSlots$1<T, S> = T & {
     };
 };
 
+type __VLS_Props$3 = {
+    data: TreeNodeData;
+    parent?: TreeNodeData;
+    parentsId?: Id[];
+    nodeStatusMap: Map<Id, LayerNodeStatus>;
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         'tree-node-label'(props: {
             data: TreeNodeData;
@@ -5070,31 +4718,17 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: vue.DefineComponent<{
-    data: TreeNodeData;
-    parent?: TreeNodeData;
-    parentsId?: Id[];
-    nodeStatusMap: Map<Id, LayerNodeStatus>;
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'node-dragstart': (event: DragEvent, data: TreeNodeData) => any;
-    'node-dragleave': (event: DragEvent, data: TreeNodeData) => any;
-    'node-dragend': (event: DragEvent, data: TreeNodeData) => any;
-    'node-contextmenu': (event: MouseEvent, data: TreeNodeData) => any;
-    'node-mouseenter': (event: MouseEvent, data: TreeNodeData) => any;
-    'node-click': (event: MouseEvent, data: TreeNodeData) => any;
-}, string, vue.PublicProps, Readonly<{
-    data: TreeNodeData;
-    parent?: TreeNodeData;
-    parentsId?: Id[];
-    nodeStatusMap: Map<Id, LayerNodeStatus>;
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-}> & Readonly<{
+declare const __VLS_component: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    "node-click": (event: MouseEvent, data: TreeNodeData) => any;
+    "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
+    "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
+    "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
+    "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
+    "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
     "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
@@ -5105,7 +4739,7 @@ declare const __VLS_component: vue.DefineComponent<{
     indent: number;
     parentsId: Id[];
     nextLevelIndentIncrement: number;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$4: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -5114,36 +4748,36 @@ type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default$3: vue.DefineComponent<FieldProps<PageFragmentSelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$2 = FieldProps<PageFragmentSelectConfig>;
+declare const _default$3: vue.DefineComponent<__VLS_Props$2, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<PageFragmentSelectConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$2: vue.DefineComponent<FieldProps<{
-    titlePrefix?: string;
-    parentFields?: string[] | FilterFunction$1<string[]>;
-}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (value: DisplayCond[]) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<{
+type __VLS_Props$1 = FieldProps<{
     titlePrefix?: string;
     parentFields?: string[] | FilterFunction$1<string[]>;
-}>> & Readonly<{
-    onChange?: ((value: DisplayCond[]) => any) | undefined;
+}>;
+declare const _default$2: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (value: DisplayCond[], eventData?: ContainerChangeEventData$1 | undefined) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+    onChange?: ((value: DisplayCond[], eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$1: vue.DefineComponent<FieldProps<CondOpSelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<CondOpSelectConfig>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+type __VLS_Props = FieldProps<CondOpSelectConfig>;
+declare const _default$1: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (value: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
 declare const _default: {
     install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>) => void;
 };
 
-export { type AddMNode, type AddPrefixToObject, type AsyncAfterHook, type AsyncBeforeHook, type AsyncHookPlugin, type BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default$7 as CodeBlockEditor, _default$g as CodeBlockList, _default$f as CodeBlockListPanel, type CodeBlockListPanelSlots, type CodeBlockListSlots, CodeDeleteErrorType, type CodeDslItem, type CodeParamStatement, type CodeRelation, _default$r as CodeSelect, _default$q as CodeSelectCol, type CodeSelectColConfig, type CodeState, ColumnLayout, type CombineInfo, type ComponentGroup, type ComponentGroupState, type ComponentItem, _default$t as ComponentListPanel, type ComponentListPanelSlots, _default$1 as CondOpSelect, type CondOpSelectConfig, _default$b as ContentMenu, _default$e as DataSourceConfigPanel, _default$j as DataSourceFieldSelect, type DataSourceFieldSelectConfig, _default$p as DataSourceFields, _default$m as DataSourceInput, type DataSourceListSlots, _default$k as DataSourceMethodSelect, type DataSourceMethodSelectConfig, _default$n as DataSourceMethods, _default$o as DataSourceMocks, _default$l as DataSourceSelect, type DatasourceTypeOption, _default$2 as DisplayConds, DragType, type EditorInstallOptions, type EditorNodeInfo, type EventBus, type EventBusEvent, _default$i as EventSelect, type EventSelectConfig, Fixed2Other, _default$6 as FloatingBox, type FrameworkSlots, type GetColumnWidth, type GetConfig, H_GUIDE_LINE_STORAGE_KEY, type HistoryState, _default$a as Icon, IdleTask, type IdleTaskEvents, type KeyBindingCacheItem, KeyBindingCommand, type KeyBindingItem, _default$h as KeyValue, Keys, type LayerNodeSlots, type LayerNodeStatus, LayerOffset, _default$s as LayerPanel, type LayerPanelSlots, Layout, _default$9 as LayoutContainer, type ListState, type MenuBarData, type MenuButton, type MenuComponent, type MenuItem, type PageBarSortOptions, _default$3 as PageFragmentSelect, type PageFragmentSelectConfig, type PartSortableOptions, type PastePosition, type PropsFormConfigFunction, type PropsFormValueFunction, _default$d as PropsPanel, type PropsPanelSlots, type PropsState, _default$8 as Resizer, ScrollViewer, type ScrollViewerEvent, type Services, type SetColumnWidth, type SideBarData, type SideComponent, type SideItem, SideItemKey, type SidebarSlots, _default$9 as SplitView, type StageOptions, type StageOverlayState, type StageRect, type StepValue, type StoreState, type StoreStateKey, type SyncAfterHook, type SyncBeforeHook, type SyncHookPlugin, _default$u as TMagicCodeEditor, _default$v as TMagicEditor, _default$c as ToolButton, _default$5 as Tree, _default$4 as TreeNode, type TreeNodeData, UI_SELECT_MODE_EVENT_NAME, type UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, type WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, _default$F as codeBlockService, _default$E as dataSourceService, debug, _default as default, _default$D as depService, displayTabConfig, _default$C as editorService, eqOptions, error, eventTabConfig, _default$B as eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$A as historyService, info, log, moveItemsInContainer, numberOptions, _default$z as propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$y as stageOverlayService, _default$x as storageService, styleTabConfig, _default$w as uiService, updateStatus, useCodeBlockEdit, useDataSourceMethod, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useStage, useWindowRect, warn };
+export { type AddMNode, type AddPrefixToObject, type AsyncAfterHook, type AsyncBeforeHook, type AsyncHookPlugin, type BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default$7 as CodeBlockEditor, _default$g as CodeBlockList, _default$f as CodeBlockListPanel, type CodeBlockListPanelSlots, type CodeBlockListSlots, CodeDeleteErrorType, type CodeDslItem, type CodeParamStatement, type CodeRelation, _default$r as CodeSelect, _default$q as CodeSelectCol, type CodeSelectColConfig, type CodeState, ColumnLayout, type CombineInfo, type ComponentGroup, type ComponentGroupState, type ComponentItem, _default$t as ComponentListPanel, type ComponentListPanelSlots, _default$1 as CondOpSelect, type CondOpSelectConfig, _default$b as ContentMenu, _default$e as DataSourceConfigPanel, _default$j as DataSourceFieldSelect, type DataSourceFieldSelectConfig, _default$p as DataSourceFields, _default$m as DataSourceInput, type DataSourceListSlots, _default$k as DataSourceMethodSelect, type DataSourceMethodSelectConfig, _default$n as DataSourceMethods, _default$o as DataSourceMocks, _default$l as DataSourceSelect, type DatasourceTypeOption, _default$2 as DisplayConds, DragType, type EditorInstallOptions, type EditorNodeInfo, type EventBus, type EventBusEvent, _default$i as EventSelect, type EventSelectConfig, Fixed2Other, _default$6 as FloatingBox, type FrameworkSlots, type GetColumnWidth, type GetConfig, H_GUIDE_LINE_STORAGE_KEY, type HistoryState, _default$a as Icon, IdleTask, type IdleTaskEvents, type KeyBindingCacheItem, KeyBindingCommand, type KeyBindingItem, _default$h as KeyValue, Keys, type LayerNodeSlots, type LayerNodeStatus, LayerOffset, _default$s as LayerPanel, type LayerPanelSlots, Layout, _default$9 as LayoutContainer, type ListState, type MenuBarData, type MenuButton, type MenuComponent, type MenuItem, type PageBarSortOptions, _default$3 as PageFragmentSelect, type PageFragmentSelectConfig, type PartSortableOptions, type PastePosition, type PropsFormConfigFunction, type PropsFormValueFunction, _default$d as PropsPanel, type PropsPanelSlots, type PropsState, _default$8 as Resizer, ScrollViewer, type ScrollViewerEvent, type Services, type SetColumnWidth, type SideBarData, type SideComponent, type SideItem, SideItemKey, type SidebarSlots, _default$9 as SplitView, type StageOptions, type StageOverlayState, type StageRect, type StepValue, type StoreState, type StoreStateKey, type SyncAfterHook, type SyncBeforeHook, type SyncHookPlugin, _default$u as TMagicCodeEditor, _default$v as TMagicEditor, _default$c as ToolButton, _default$5 as Tree, _default$4 as TreeNode, type TreeNodeData, UI_SELECT_MODE_EVENT_NAME, type UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, type WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, _default$F as codeBlockService, _default$E as dataSourceService, debug, _default as default, _default$D as depService, displayTabConfig, _default$C as editorService, eqOptions, error, eventTabConfig, _default$B as eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$A as historyService, info, isIncludeDataSource, isValueIncludeDataSource, log, moveItemsInContainer, numberOptions, _default$z as propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$y as stageOverlayService, _default$x as storageService, styleTabConfig, _default$w as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useStage, useWindowRect, warn };