@tmagic/form 1.8.0-beta.1 → 1.8.0-beta.2

package/types/index.d.ts

@@ -1,12 +1,38 @@
-import { FlexLayoutConfig, GroupListConfig, TableConfig } from "@tmagic/form-schema";
-import { App, AppContext, Component } from "vue";
+import { App, AppContext, Component, InjectionKey } from "vue";
+import { FlexLayoutConfig, FormItemConfig, GroupListConfig, TableConfig } from "@tmagic/form-schema";
 export * from "@tmagic/form-schema";
 
 //#region \0rolldown/runtime.js
 declare namespace schema_d_exports {
-  export { ChangeRecord, ContainerChangeEventData, ValidateError };
+  export { ChangeRecord, ContainerChangeEventData, FORM_DIFF_CONFIG_KEY, FormDiffConfig, FormLabelSlotProps, FormSlots, ValidateError };
 }
 import * as import__tmagic_form_schema from "@tmagic/form-schema";
+/**
+ * 对比模式相关配置，由 `MForm` 通过 `provide` 注入，
+ * 所有层级的 Container（含嵌套在 fieldset / panel 等容器组件内部的 Container）通过 `inject` 获取，
+ * 无需逐层透传 prop。
+ */
+interface FormDiffConfig {
+  /**
+   * 自定义"是否展示对比内容"的判断函数（仅在对比模式下生效）。
+   *
+   * - 不传：使用默认逻辑 `!isEqual(curValue, lastValue)`；
+   * - 传函数：完全以函数返回值为准，返回 `true` 才展示前后两份对比内容。
+   */
+  showDiff?: (_data: {
+    curValue: any;
+    lastValue: any;
+    config: FormItemConfig;
+  }) => boolean;
+  /**
+   * 自定义「自接管对比」的字段类型（仅在对比模式下生效）。
+   *
+   * - 传数组：在内置类型基础上「追加」这些类型；
+   * - 传函数：入参为内置类型数组，返回值作为「最终」完整类型列表（可完全替换内置项）。
+   */
+  selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+}
+declare const FORM_DIFF_CONFIG_KEY: InjectionKey<FormDiffConfig>;
 interface ValidateError {
   message: string;
   field: string;
@@ -19,6 +45,23 @@ interface ContainerChangeEventData {
   modifyKey?: string;
   changeRecords?: ChangeRecord[];
 }
+/** 自定义 label slot 的作用域参数 */
+interface FormLabelSlotProps {
+  /** 当前表单项配置 */
+  config: FormItemConfig;
+  /** 经处理后的类型 */
+  type: string;
+  /** 经 filterFunction 处理后的 label 文案 */
+  text?: string;
+  /** 完整字段路径（包含父级前缀） */
+  prop: string;
+  /** 经 filterFunction 处理后的最终禁用状态 */
+  disabled?: boolean;
+}
+/** Form / Container 暴露的具名 slot 定义 */
+interface FormSlots {
+  label(_props: FormLabelSlotProps): any;
+}
 //#endregion
 //#region temp/packages/form/src/submitForm.d.ts
 /**
@@ -104,6 +147,7 @@ declare const createObjectProp: (prop: string, key: string, name?: string | numb
 declare const useAddField: (prop?: string) => void;
 //#endregion
 //#region temp/packages/form/src/Form.vue.d.ts
+type __VLS_Slots$5 = FormSlots;
 type __VLS_Props$30 = {
   /** 表单配置 */config: schema_d_exports.FormConfig; /** 表单值 */
   initValues: Record<string, any>; /** 需对比的值（开启对比模式时传入） */
@@ -121,8 +165,39 @@ type __VLS_Props$30 = {
   popperClass?: string;
   preventSubmitDefault?: boolean;
   extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /**
+   * 自定义"是否展示对比内容"的判断函数（仅在 `isCompare === true` 时生效）。
+   *
+   * - 不传：使用默认逻辑 `!isEqual(curValue, lastValue)`；
+   * - 传函数：完全以函数返回值为准，返回 `true` 才展示前后两份对比内容。
+   *
+   * 通过 provide 下发给所有层级的 Container（含嵌套在容器组件内部的 Container），
+   * 调用方只需在 MForm 这一层传一次即可对整棵表单生效。
+   *
+   * 典型场景：某些字段语义上相等但结构不同（例如 `code-select` 字段中 `''` 与
+   * `{ hookType: 'code', hookData: [] }` 应视为相等），调用方在此处显式声明，
+   * 避免被 lodash `isEqual` 误判为差异。
+   */
+  showDiff?: (_data: {
+    curValue: any;
+    lastValue: any;
+    config: any;
+  }) => boolean;
+  /**
+   * 自定义「自接管对比」的字段类型（仅在对比模式下生效）。
+   *
+   * 自接管对比的字段不会渲染前后两份独立组件，而是只渲染一次并由字段组件内部展示前后差异
+   * （如 vs-code 使用 monaco diff 编辑器；event-select / code-select-col 等复合字段逐项展示差异）。
+   *
+   * 支持两种形式：
+   * - 传数组：在内置类型基础上「追加」这些类型；
+   * - 传函数：入参为内置类型数组，返回值作为「最终」完整列表（可完全替换内置项）。
+   *
+   * 通过 provide 下发，对整棵表单的所有层级 Container 生效，只需在 MForm 这一层传一次。
+   */
+  selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
 };
-declare const __VLS_export$30: import("@vue/runtime-core").DefineComponent<__VLS_Props$30, {
+declare const __VLS_base$5: import("@vue/runtime-core").DefineComponent<__VLS_Props$30, {
   values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
   lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
   formState: schema_d_exports.FormState;
@@ -158,7 +233,13 @@ declare const __VLS_export$30: import("@vue/runtime-core").DefineComponent<__VLS
   parentValues: Record<string, any>;
   stepActive: string | number;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$30: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
 declare const _default$12: typeof __VLS_export$30;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 //#region temp/packages/form/src/FormDialog.vue.d.ts
 type __VLS_Props$29 = {
@@ -184,107 +265,137 @@ type __VLS_Props$29 = {
   extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_19: {}, __VLS_34: {}, __VLS_42: {};
-type __VLS_Slots$3 = {} & {
+type __VLS_Slots$4 = {} & {
   default?: (props: typeof __VLS_19) => any;
 } & {
   left?: (props: typeof __VLS_34) => any;
 } & {
   footer?: (props: typeof __VLS_42) => any;
 };
-declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Props$29, {
-  form: import("@vue/reactivity").Ref<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
+declare const __VLS_base$4: import("@vue/runtime-core").DefineComponent<__VLS_Props$29, {
+  form: import("@vue/reactivity").Ref<({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -297,7 +408,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }> | undefined, import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -314,29 +425,153 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined, ({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -349,14 +584,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -373,36 +601,31 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }> | undefined>;
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined>;
   saveFetch: import("@vue/reactivity").Ref<boolean, boolean>;
   dialogVisible: import("@vue/reactivity").Ref<boolean, boolean>;
   cancel: () => void;
@@ -429,9 +652,9 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   confirmText: string;
   showCancel: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$29: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const __VLS_export$29: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
 declare const _default$14: typeof __VLS_export$29;
-type __VLS_WithSlots$3<T, S> = T & {
+type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -457,54 +680,137 @@ type __VLS_Props$28 = {
   extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_23: {}, __VLS_38: {}, __VLS_46: {};
-type __VLS_Slots$2 = {} & {
+type __VLS_Slots$3 = {} & {
   default?: (props: typeof __VLS_23) => any;
 } & {
   left?: (props: typeof __VLS_38) => any;
 } & {
   footer?: (props: typeof __VLS_46) => any;
 };
-declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Props$28, {
-  form: import("@vue/reactivity").Ref<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
+declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Props$28, {
+  form: import("@vue/reactivity").Ref<({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -517,14 +823,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -541,23 +840,153 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined, ({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -570,7 +999,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }> | undefined, import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -587,95 +1016,31 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }> | undefined>;
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined>;
   saveFetch: import("@vue/reactivity").Ref<boolean, boolean>;
   bodyHeight: import("@vue/reactivity").Ref<number, number>;
   show: () => void;
@@ -703,9 +1068,9 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   config: schema_d_exports.FormConfig;
   confirmText: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$28: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const __VLS_export$28: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
 declare const _default$15: typeof __VLS_export$28;
-type __VLS_WithSlots$2<T, S> = T & {
+type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -728,107 +1093,137 @@ type __VLS_Props$27 = {
   extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_16$1: {}, __VLS_18$1: {}, __VLS_20: {};
-type __VLS_Slots$1 = {} & {
+type __VLS_Slots$2 = {} & {
   default?: (props: typeof __VLS_16$1) => any;
 } & {
   left?: (props: typeof __VLS_18$1) => any;
 } & {
   footer?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Props$27, {
-  form: import("@vue/reactivity").Ref<import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
-    config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
-  }> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
-    changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
-    resetForm: () => void;
-    submitForm: (native?: boolean) => Promise<any>;
-    getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
+declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Props$27, {
+  form: import("@vue/reactivity").Ref<({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -841,7 +1236,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }> | undefined, import("@vue/runtime-core").CreateComponentPublicInstanceWithMixins<Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -858,29 +1253,153 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
-    error: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "field-input": (...args: any[]) => void;
-    "field-change": (...args: any[]) => void;
-    "update:stepActive": (...args: any[]) => void;
-  }, import("@vue/runtime-core").PublicProps, {
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined, ({
+    $: import("@vue/runtime-core").ComponentInternalInstance;
+    $data: {};
+    $props: {
+      readonly config: schema_d_exports.FormConfig;
+      readonly initValues: Record<string, any>;
+      readonly lastValues?: Record<string, any> | undefined;
+      readonly isCompare?: boolean | undefined;
+      readonly parentValues?: Record<string, any> | undefined;
+      readonly labelWidth?: string | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly height?: string | undefined;
+      readonly stepActive?: string | number | undefined;
+      readonly size?: "small" | "default" | "large" | undefined;
+      readonly inline?: boolean | undefined;
+      readonly labelPosition?: string | undefined;
+      readonly keyProp?: string | undefined;
+      readonly popperClass?: string | undefined;
+      readonly preventSubmitDefault?: boolean | undefined;
+      readonly extendState?: ((_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+      readonly showDiff?: ((_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean) | undefined;
+      readonly selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]) | undefined;
+      readonly onError?: ((...args: any[]) => any) | undefined;
+      readonly onChange?: ((...args: any[]) => any) | undefined;
+      readonly "onField-input"?: ((...args: any[]) => any) | undefined;
+      readonly "onField-change"?: ((...args: any[]) => any) | undefined;
+      readonly "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    } & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps;
+    $attrs: import("@vue/runtime-core").Attrs;
+    $refs: {
+      [x: string]: unknown;
+    };
+    $slots: Readonly<{
+      [name: string]: import("@vue/runtime-core").Slot<any> | undefined;
+    }>;
+    $root: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $parent: import("@vue/runtime-core").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "error", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "field-input", ...args: any[]) => void) & ((event: "field-change", ...args: any[]) => void) & ((event: "update:stepActive", ...args: any[]) => void);
+    $el: any;
+    $options: import("@vue/runtime-core").ComponentOptionsBase<Readonly<{
+      config: schema_d_exports.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: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+      showDiff?: (_data: {
+        curValue: any;
+        lastValue: any;
+        config: any;
+      }) => boolean;
+      selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
+    }> & Readonly<{
+      onError?: ((...args: any[]) => any) | undefined;
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onField-input"?: ((...args: any[]) => any) | undefined;
+      "onField-change"?: ((...args: any[]) => any) | undefined;
+      "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+    }>, {
+      values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+      formState: schema_d_exports.FormState;
+      initialized: import("@vue/reactivity").Ref<boolean, boolean>;
+      changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+      changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
+      resetForm: () => void;
+      submitForm: (native?: boolean) => Promise<any>;
+      getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
+    }, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+      error: (...args: any[]) => void;
+      change: (...args: any[]) => void;
+      "field-input": (...args: any[]) => void;
+      "field-change": (...args: any[]) => void;
+      "update:stepActive": (...args: any[]) => void;
+    }, string, {
+      disabled: boolean;
+      labelWidth: string;
+      inline: boolean;
+      labelPosition: string;
+      config: schema_d_exports.FormConfig;
+      height: string;
+      initValues: Record<string, any>;
+      lastValues: Record<string, any>;
+      isCompare: boolean;
+      keyProp: string;
+      parentValues: Record<string, any>;
+      stepActive: string | number;
+    }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
+      beforeCreate?: (() => void) | (() => void)[];
+      created?: (() => void) | (() => void)[];
+      beforeMount?: (() => void) | (() => void)[];
+      mounted?: (() => void) | (() => void)[];
+      beforeUpdate?: (() => void) | (() => void)[];
+      updated?: (() => void) | (() => void)[];
+      activated?: (() => void) | (() => void)[];
+      deactivated?: (() => void) | (() => void)[];
+      beforeDestroy?: (() => void) | (() => void)[];
+      beforeUnmount?: (() => void) | (() => void)[];
+      destroyed?: (() => void) | (() => void)[];
+      unmounted?: (() => void) | (() => void)[];
+      renderTracked?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      renderTriggered?: ((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[];
+      errorCaptured?: ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("@vue/runtime-core").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("@vue/runtime-core").WatchOptions): import("@vue/reactivity").WatchStopHandle;
+  } & Readonly<{
     disabled: boolean;
     labelWidth: string;
     inline: boolean;
@@ -893,14 +1412,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp: string;
     parentValues: Record<string, any>;
     stepActive: string | number;
-  }, false, {}, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, {}, any, import("@vue/runtime-core").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{
+  }> & Omit<Readonly<{
     config: schema_d_exports.FormConfig;
     initValues: Record<string, any>;
     lastValues?: Record<string, any>;
@@ -917,36 +1429,31 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     popperClass?: string;
     preventSubmitDefault?: boolean;
     extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+    showDiff?: (_data: {
+      curValue: any;
+      lastValue: any;
+      config: any;
+    }) => boolean;
+    selfDiffFieldTypes?: string[] | ((_defaultTypes: string[]) => string[]);
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onField-input"?: ((...args: any[]) => any) | undefined;
     "onField-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-  }>, {
-    values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
+  }>, "values" | "changeHandler" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive")> & {
+    values: schema_d_exports.FormValue;
+    lastValuesProcessed: schema_d_exports.FormValue;
     formState: schema_d_exports.FormState;
-    initialized: import("@vue/reactivity").Ref<boolean, boolean>;
-    changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
+    initialized: boolean;
+    changeRecords: import("@tmagic/editor").ChangeRecord[];
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
     resetForm: () => void;
     submitForm: (native?: boolean) => Promise<any>;
     getTextByName: (name: string, config?: schema_d_exports.FormConfig) => string | undefined;
-  }, {}, {}, {}, {
-    disabled: boolean;
-    labelWidth: string;
-    inline: boolean;
-    labelPosition: string;
-    config: schema_d_exports.FormConfig;
-    height: string;
-    initValues: Record<string, any>;
-    lastValues: Record<string, any>;
-    isCompare: boolean;
-    keyProp: string;
-    parentValues: Record<string, any>;
-    stepActive: string | number;
-  }> | undefined>;
+  } & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+    $slots: import("@tmagic/editor").FormSlots;
+  }) | undefined>;
   saveFetch: import("@vue/reactivity").Ref<boolean, boolean>;
   show: () => void;
   hide: () => void;
@@ -963,15 +1470,16 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   config: schema_d_exports.FormConfig;
   confirmText: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$27: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const __VLS_export$27: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
 declare const _default$13: typeof __VLS_export$27;
-type __VLS_WithSlots$1<T, S> = T & {
+type __VLS_WithSlots$2<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
 //#endregion
 //#region temp/packages/form/src/containers/Container.vue.d.ts
+type __VLS_Slots$1 = FormSlots;
 type __VLS_Props$26 = {
   /** 表单值 */model: schema_d_exports.FormValue; /** 需对比的值（开启对比模式时传入） */
   lastValues?: schema_d_exports.FormValue;
@@ -984,7 +1492,7 @@ type __VLS_Props$26 = {
   size?: string; /** 是否开启对比模式 */
   isCompare?: boolean;
 };
-declare const __VLS_export$26: import("@vue/runtime-core").DefineComponent<__VLS_Props$26, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Props$26, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
   change: (v: any, eventData: ContainerChangeEventData) => any;
   addDiffCount: () => any;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props$26> & Readonly<{
@@ -997,7 +1505,13 @@ declare const __VLS_export$26: import("@vue/runtime-core").DefineComponent<__VLS
   isCompare: boolean;
   expandMore: boolean;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$26: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default$4: typeof __VLS_export$26;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 //#region temp/packages/form/src/containers/Fieldset.vue.d.ts
 type __VLS_Props$25 = {
@@ -1383,8 +1897,8 @@ declare const _default$31: {
   install(app: App, opt?: FormInstallOptions): void;
 };
 declare namespace index_d_exports {
-  export { ChangeRecord, ContainerChangeEventData, FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$16 as MTable, _default$16 as MTableGroupList, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };
+  export { ChangeRecord, ContainerChangeEventData, FORM_DIFF_CONFIG_KEY, FormDiffConfig, FormInstallOptions, FormLabelSlotProps, FormSlots, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$16 as MTable, _default$16 as MTableGroupList, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };
 }
 declare const createForm: <T extends [] = []>(config: schema_d_exports.FormConfig | T) => schema_d_exports.FormConfig | T;
 //#endregion
-export { ChangeRecord, ContainerChangeEventData, type FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$16 as MTable, _default$16 as MTableGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };
+export { ChangeRecord, ContainerChangeEventData, FORM_DIFF_CONFIG_KEY, FormDiffConfig, type FormInstallOptions, FormLabelSlotProps, FormSlots, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$16 as MTable, _default$16 as MTableGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };