@tmagic/form 1.5.0-beta.9 → 1.5.1

package/types/index.d.ts

@@ -1,12 +1,22 @@
 import * as vue from 'vue';
 import { App } from 'vue';
-import * as _vue_reactivity from '@vue/reactivity';
 import * as _tmagic_design from '@tmagic/design';
+import { TMagicMessageBox, TMagicMessage } from '@tmagic/design';
+import * as _tmagic_editor from '@tmagic/editor';
+import * as _vue_reactivity from '@vue/reactivity';
 
 interface ValidateError {
     message: string;
     field: string;
 }
+interface ChangeRecord {
+    propPath?: string;
+    value: any;
+}
+interface ContainerChangeEventData {
+    modifyKey?: string;
+    changeRecords?: ChangeRecord[];
+}
 interface FieldProps<T = any> {
     config: T;
     model: any;
@@ -34,6 +44,8 @@ type FormState = {
     setField: (prop: string, field: any) => void;
     getField: (prop: string) => any;
     deleteField: (prop: string) => any;
+    $messageBox: TMagicMessageBox;
+    $message: TMagicMessage;
     [key: string]: any;
 };
 /**
@@ -126,24 +138,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;
 /**
  * 下拉选择器选项配置
@@ -623,7 +638,7 @@ declare const datetimeFormatter: (v: string | Date, defaultValue?: string, forma
 
 declare const useAddField: (prop?: string) => void;
 
-declare const _default$v: vue.DefineComponent<{
+type __VLS_Props$u = {
     /** 表单配置 */
     config: FormConfig;
     /** 表单值 */
@@ -637,48 +652,33 @@ declare const _default$v: vue.DefineComponent<{
     disabled?: boolean;
     height?: string;
     stepActive?: string | number;
-    size?: "small" | "default" | "large";
+    size?: 'small' | 'default' | 'large';
     inline?: boolean;
     labelPosition?: string;
     keyProp?: string;
     popperClass?: string;
+    preventSubmitDefault?: boolean;
     extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-}, {
+};
+declare const _default$v: vue.DefineComponent<__VLS_Props$u, {
     values: vue.Ref<FormValue, FormValue>;
     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;
-}, string, vue.PublicProps, 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;
-    extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$u> & 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;
 }>, {
@@ -694,9 +694,26 @@ declare const _default$v: vue.DefineComponent<{
     parentValues: Record<string, any>;
     stepActive: string | number;
     height: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
+type __VLS_Props$t = {
+    config?: FormConfig;
+    values?: Object;
+    parentValues?: Object;
+    width?: string | number;
+    labelWidth?: string;
+    fullscreen?: boolean;
+    disabled?: boolean;
+    title?: string;
+    inline?: boolean;
+    labelPosition?: string;
+    zIndex?: number;
+    size?: 'small' | 'default' | 'large';
+    confirmText?: string;
+    preventSubmitDefault?: boolean;
+};
 declare function __VLS_template$4(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         left?(_: {}): any;
@@ -718,47 +735,30 @@ declare function __VLS_template$4(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-            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;
@@ -771,7 +771,7 @@ declare function __VLS_template$4(): {
             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: {};
@@ -793,19 +793,22 @@ declare function __VLS_template$4(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -822,24 +825,10 @@ declare function __VLS_template$4(): {
             height: string;
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$4 = ReturnType<typeof __VLS_template$4>;
-declare const __VLS_component$4: vue.DefineComponent<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: string | number;
-    labelWidth?: string;
-    fullscreen?: boolean;
-    disabled?: boolean;
-    title?: string;
-    inline?: boolean;
-    labelPosition?: string;
-    zIndex?: number;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-}, {
+declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$t, {
     form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         config: FormConfig;
         initValues: Record<string, any>;
@@ -855,47 +844,30 @@ declare const __VLS_component$4: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -908,7 +880,7 @@ declare const __VLS_component$4: 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: {};
@@ -930,19 +902,22 @@ declare const __VLS_component$4: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -972,47 +947,30 @@ declare const __VLS_component$4: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -1025,7 +983,7 @@ declare const __VLS_component$4: 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: {};
@@ -1047,19 +1005,22 @@ declare const __VLS_component$4: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -1086,21 +1047,7 @@ declare const __VLS_component$4: vue.DefineComponent<{
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;
     submit: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: string | number;
-    labelWidth?: string;
-    fullscreen?: boolean;
-    disabled?: boolean;
-    title?: string;
-    inline?: boolean;
-    labelPosition?: string;
-    zIndex?: number;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$t> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -1109,7 +1056,7 @@ declare const __VLS_component$4: vue.DefineComponent<{
     values: Object;
     config: FormConfig;
     confirmText: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$u: __VLS_WithTemplateSlots$4<typeof __VLS_component$4, __VLS_TemplateResult$4["slots"]>;
 
 type __VLS_WithTemplateSlots$4<T, S> = T & {
@@ -1118,7 +1065,26 @@ type __VLS_WithTemplateSlots$4<T, S> = T & {
     };
 };
 
+type __VLS_Props$s = {
+    config?: FormConfig;
+    values?: Object;
+    parentValues?: Object;
+    width?: string | number;
+    labelWidth?: string;
+    disabled?: boolean;
+    closeOnPressEscape?: boolean;
+    title?: string;
+    zIndex?: number;
+    size?: 'small' | 'default' | 'large';
+    confirmText?: string;
+    inline?: boolean;
+    labelPosition?: string;
+    preventSubmitDefault?: boolean;
+    /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
+    beforeClose?: (done: (cancel?: boolean) => void) => void;
+};
 declare function __VLS_template$3(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         left?(_: {}): any;
@@ -1138,18 +1104,12 @@ declare function __VLS_template$3(): {
                 readonly closeOnClickModal?: boolean | undefined;
                 readonly closeOnPressEscape?: boolean | undefined;
                 readonly direction?: ("rtl" | "ltr" | "ttb" | "bt") | undefined;
-                readonly onClose?: ((...args: any[]) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClose?: ((...args: any[]) => any) | undefined;
                 readonly onOpen?: ((...args: any[]) => any) | undefined;
                 readonly onOpened?: ((...args: any[]) => any) | undefined;
                 readonly onClosed?: ((...args: any[]) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<_tmagic_design.DrawerProps> & Readonly<{
-                onClose?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onOpened?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-            }>;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1162,19 +1122,19 @@ declare function __VLS_template$3(): {
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "close", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void);
             $el: any;
             $options: vue.ComponentOptionsBase<Readonly<_tmagic_design.DrawerProps> & Readonly<{
-                onClose?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
                 onOpened?: ((...args: any[]) => any) | undefined;
                 onClosed?: ((...args: any[]) => any) | undefined;
             }>, {
                 handleClose: () => any;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                close: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
+                close: (...args: any[]) => void;
                 open: (...args: any[]) => void;
                 opened: (...args: any[]) => void;
                 closed: (...args: any[]) => void;
@@ -1199,8 +1159,8 @@ declare function __VLS_template$3(): {
             $nextTick: typeof vue.nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<_tmagic_design.DrawerProps> & Readonly<{
-            onClose?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             onOpened?: ((...args: any[]) => any) | undefined;
             onClosed?: ((...args: any[]) => any) | undefined;
@@ -1229,47 +1189,30 @@ declare function __VLS_template$3(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-            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;
@@ -1282,7 +1225,7 @@ declare function __VLS_template$3(): {
             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: {};
@@ -1304,19 +1247,22 @@ declare function __VLS_template$3(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -1333,26 +1279,10 @@ declare function __VLS_template$3(): {
             height: string;
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult$3 = ReturnType<typeof __VLS_template$3>;
-declare const __VLS_component$3: vue.DefineComponent<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: string | number;
-    labelWidth?: string;
-    disabled?: boolean;
-    closeOnPressEscape?: boolean;
-    title?: string;
-    zIndex?: number;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-    inline?: boolean;
-    labelPosition?: string;
-    /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
-}, {
+declare const __VLS_component$3: vue.DefineComponent<__VLS_Props$s, {
     form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         config: FormConfig;
         initValues: Record<string, any>;
@@ -1368,47 +1298,30 @@ declare const __VLS_component$3: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -1421,7 +1334,7 @@ declare const __VLS_component$3: 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: {};
@@ -1443,19 +1356,22 @@ declare const __VLS_component$3: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -1485,47 +1401,30 @@ declare const __VLS_component$3: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -1538,7 +1437,7 @@ declare const __VLS_component$3: 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: {};
@@ -1560,19 +1459,22 @@ declare const __VLS_component$3: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -1596,41 +1498,25 @@ declare const __VLS_component$3: vue.DefineComponent<{
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     close: (...args: any[]) => void;
-    error: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
     open: (...args: any[]) => void;
     opened: (...args: any[]) => void;
     closed: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: string | number;
-    labelWidth?: string;
-    disabled?: boolean;
-    closeOnPressEscape?: boolean;
-    title?: string;
-    zIndex?: number;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-    inline?: boolean;
-    labelPosition?: string;
-    /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
-}> & Readonly<{
+    error: (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$s> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
     values: Object;
     closeOnPressEscape: boolean;
     config: FormConfig;
     confirmText: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$t: __VLS_WithTemplateSlots$3<typeof __VLS_component$3, __VLS_TemplateResult$3["slots"]>;
 
 type __VLS_WithTemplateSlots$3<T, S> = T & {
@@ -1639,7 +1525,22 @@ type __VLS_WithTemplateSlots$3<T, S> = T & {
     };
 };
 
+type __VLS_Props$r = {
+    config?: FormConfig;
+    values?: Object;
+    parentValues?: Object;
+    width?: number;
+    height?: number;
+    labelWidth?: string;
+    disabled?: boolean;
+    size?: 'small' | 'default' | 'large';
+    confirmText?: string;
+    inline?: boolean;
+    labelPosition?: string;
+    preventSubmitDefault?: boolean;
+};
 declare function __VLS_template$2(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         left?(_: {}): any;
@@ -1661,47 +1562,30 @@ declare function __VLS_template$2(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-            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;
@@ -1714,7 +1598,7 @@ declare function __VLS_template$2(): {
             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: {};
@@ -1736,19 +1620,22 @@ declare function __VLS_template$2(): {
             labelPosition?: string;
             keyProp?: string;
             popperClass?: string;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & 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;
         }>, {
             values: vue.Ref<FormValue, FormValue>;
             lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
+            formState: _tmagic_editor.FormState;
             initialized: vue.Ref<boolean, boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
+            changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
             submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -1765,22 +1652,10 @@ declare function __VLS_template$2(): {
             height: string;
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$2 = ReturnType<typeof __VLS_template$2>;
-declare const __VLS_component$2: vue.DefineComponent<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: number;
-    height?: number;
-    labelWidth?: string;
-    disabled?: boolean;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-    inline?: boolean;
-    labelPosition?: string;
-}, {
+declare const __VLS_component$2: vue.DefineComponent<__VLS_Props$r, {
     form: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         config: FormConfig;
         initValues: Record<string, any>;
@@ -1796,47 +1671,30 @@ declare const __VLS_component$2: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -1849,7 +1707,7 @@ declare const __VLS_component$2: 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: {};
@@ -1871,19 +1729,22 @@ declare const __VLS_component$2: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -1913,47 +1774,30 @@ declare const __VLS_component$2: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.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;
-        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;
@@ -1966,7 +1810,7 @@ declare const __VLS_component$2: 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: {};
@@ -1988,19 +1832,22 @@ declare const __VLS_component$2: vue.DefineComponent<{
         labelPosition?: string;
         keyProp?: string;
         popperClass?: string;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        preventSubmitDefault?: boolean;
+        extendState?: (state: _tmagic_editor.FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & 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;
     }>, {
         values: vue.Ref<FormValue, FormValue>;
         lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-        formState: FormState;
+        formState: _tmagic_editor.FormState;
         initialized: vue.Ref<boolean, boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
+        changeRecords: vue.ShallowRef<_tmagic_editor.ChangeRecord[], _tmagic_editor.ChangeRecord[]>;
+        changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+        resetForm: () => void;
         submitForm: (native?: boolean) => Promise<any>;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -2020,30 +1867,18 @@ declare const __VLS_component$2: vue.DefineComponent<{
     show: () => void;
     hide: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    error: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    config?: FormConfig;
-    values?: Object;
-    parentValues?: Object;
-    width?: number;
-    height?: number;
-    labelWidth?: string;
-    disabled?: boolean;
-    size?: "small" | "default" | "large";
-    confirmText?: string;
-    inline?: boolean;
-    labelPosition?: string;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
+    change: (v: any, eventData: ContainerChangeEventData) => any;
+    error: (e: any) => any;
+    submit: (v: any, eventData: ContainerChangeEventData) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$r> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+    onError?: ((e: any) => any) | undefined;
+    onSubmit?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
 }>, {
     values: Object;
     config: FormConfig;
     confirmText: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$s: __VLS_WithTemplateSlots$2<typeof __VLS_component$2, __VLS_TemplateResult$2["slots"]>;
 
 type __VLS_WithTemplateSlots$2<T, S> = T & {
@@ -2052,24 +1887,7 @@ type __VLS_WithTemplateSlots$2<T, S> = T & {
     };
 };
 
-declare const _default$r: vue.DefineComponent<{
-    /** 表单值 */
-    model: FormValue;
-    /** 需对比的值（开启对比模式时传入） */
-    lastValues?: FormValue;
-    config: ChildConfig;
-    prop?: string;
-    disabled?: boolean;
-    labelWidth?: string;
-    expandMore?: boolean;
-    stepActive?: string | number;
-    size?: string;
-    /** 是否开启对比模式 */
-    isCompare?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
+type __VLS_Props$q = {
     /** 表单值 */
     model: FormValue;
     /** 需对比的值（开启对比模式时传入） */
@@ -2083,18 +1901,22 @@ declare const _default$r: vue.DefineComponent<{
     size?: string;
     /** 是否开启对比模式 */
     isCompare?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
+};
+declare const _default$r: vue.DefineComponent<__VLS_Props$q, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
 }>, {
     size: string;
     prop: string;
     lastValues: FormValue;
     isCompare: boolean;
     expandMore: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$q: vue.DefineComponent<{
+type __VLS_Props$p = {
     labelWidth?: string;
     prop: string;
     size?: string;
@@ -2104,52 +1926,21 @@ declare const _default$q: vue.DefineComponent<{
     config: FieldsetConfig;
     rules?: any;
     disabled?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    labelWidth?: string;
-    prop: string;
-    size?: string;
-    model: Record<string, any>;
-    lastValues?: Record<string, any>;
-    isCompare?: boolean;
-    config: FieldsetConfig;
-    rules?: any;
-    disabled?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
+};
+declare const _default$q: vue.DefineComponent<__VLS_Props$p, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$p> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
 }>, {
     prop: string;
     rules: any;
     lastValues: Record<string, any>;
     isCompare: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare function __VLS_template$1(): {
-    slots: {
-        header?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult$1 = ReturnType<typeof __VLS_template$1>;
-declare const __VLS_component$1: vue.DefineComponent<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: PanelConfig;
-    name?: string;
-    labelWidth?: string;
-    prop?: string;
-    size?: string;
-    disabled?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
+type __VLS_Props$o = {
     model: any;
     lastValues?: any;
     isCompare?: boolean;
@@ -2159,10 +1950,24 @@ declare const __VLS_component$1: vue.DefineComponent<{
     prop?: string;
     size?: string;
     disabled?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+};
+declare function __VLS_template$1(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult$1 = ReturnType<typeof __VLS_template$1>;
+declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$o, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$o> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default$p: __VLS_WithTemplateSlots$1<typeof __VLS_component$1, __VLS_TemplateResult$1["slots"]>;
 
 type __VLS_WithTemplateSlots$1<T, S> = T & {
@@ -2171,21 +1976,7 @@ type __VLS_WithTemplateSlots$1<T, S> = T & {
     };
 };
 
-declare const _default$o: vue.DefineComponent<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: RowConfig;
-    name: string;
-    labelWidth?: string;
-    prop?: string;
-    size?: string;
-    expandMore?: boolean;
-    disabled?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
+type __VLS_Props$n = {
     model: any;
     lastValues?: any;
     isCompare?: boolean;
@@ -2196,12 +1987,16 @@ declare const _default$o: vue.DefineComponent<{
     size?: string;
     expandMore?: boolean;
     disabled?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+};
+declare const _default$o: vue.DefineComponent<__VLS_Props$n, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$n> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$n: vue.DefineComponent<{
+type __VLS_Props$m = {
     model: any;
     lastValues?: any;
     isCompare?: boolean;
@@ -2212,29 +2007,36 @@ declare const _default$n: vue.DefineComponent<{
     prop?: string;
     expandMore?: boolean;
     disabled?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
+};
+declare const _default$n: vue.DefineComponent<__VLS_Props$m, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData?: ContainerChangeEventData | undefined) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$m> & Readonly<{
+    onChange?: ((v: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
+}>, {
+    lastValues: any;
+    isCompare: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+
+type __VLS_Props$l = {
     model: any;
     lastValues?: any;
     isCompare?: boolean;
-    config: TabConfig;
+    config: TableConfig;
     name: string;
-    size?: string;
-    labelWidth?: string;
     prop?: string;
-    expandMore?: boolean;
+    labelWidth?: string;
+    sort?: boolean;
     disabled?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
-}>, {
-    lastValues: any;
-    isCompare: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
-
+    sortKey?: string;
+    text?: string;
+    size?: string;
+    enableToggleMode?: boolean;
+    showIndex?: boolean;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         operateCol?(_: {
             scope: {
@@ -2258,12 +2060,7 @@ declare function __VLS_template(): {
                 readonly "onSort-change"?: ((...args: any[]) => any) | undefined;
                 readonly "onExpand-change"?: ((...args: any[]) => any) | undefined;
                 readonly "onCell-click"?: ((...args: any[]) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<_tmagic_design.TableProps> & Readonly<{
-                onSelect?: ((...args: any[]) => any) | undefined;
-                "onSort-change"?: ((...args: any[]) => any) | undefined;
-                "onExpand-change"?: ((...args: any[]) => any) | undefined;
-                "onCell-click"?: ((...args: any[]) => any) | undefined;
-            }>;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2340,9 +2137,7 @@ declare function __VLS_template(): {
             clearFiles(...args: any[]): any;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             change: (...args: any[]) => void;
-        }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<_tmagic_design.UploadProps> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-        }>, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, vue.ComponentProvideOptions, {
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -2355,46 +2150,16 @@ declare function __VLS_template(): {
             clearFiles(...args: any[]): any;
         }, {}, {}, {}, {}> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: vue.DefineComponent<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: TableConfig;
-    name: string;
-    prop?: string;
-    labelWidth?: string;
-    sort?: boolean;
-    disabled?: boolean;
-    sortKey?: string;
-    text?: string;
-    size?: string;
-    enableToggleMode?: boolean;
-    showIndex?: boolean;
-}, {
+declare const __VLS_component: vue.DefineComponent<__VLS_Props$l, {
     toggleRowSelection: (row: any, selected: boolean) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     select: (...args: any[]) => void;
     addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: TableConfig;
-    name: string;
-    prop?: string;
-    labelWidth?: string;
-    sort?: boolean;
-    disabled?: boolean;
-    sortKey?: string;
-    text?: string;
-    size?: string;
-    enableToggleMode?: boolean;
-    showIndex?: boolean;
-}> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$l> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onAddDiffCount?: ((...args: any[]) => any) | undefined;
@@ -2405,7 +2170,7 @@ declare const __VLS_component: vue.DefineComponent<{
     enableToggleMode: boolean;
     showIndex: boolean;
     sortKey: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$m: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -2414,7 +2179,7 @@ type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default$l: vue.DefineComponent<{
+type __VLS_Props$k = {
     model: any;
     lastValues?: any;
     isCompare?: boolean;
@@ -2424,141 +2189,152 @@ declare const _default$l: vue.DefineComponent<{
     prop?: string;
     size?: string;
     disabled?: boolean;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    addDiffCount: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: GroupListConfig;
-    name: string;
-    labelWidth?: string;
-    prop?: string;
-    size?: string;
-    disabled?: boolean;
-}> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    onAddDiffCount?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+};
+declare const _default$l: vue.DefineComponent<__VLS_Props$k, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData?: ContainerChangeEventData | undefined) => any;
+    addDiffCount: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$k> & Readonly<{
+    onChange?: ((v: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+    onAddDiffCount?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$k: vue.DefineComponent<FieldProps<TextConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$j = FieldProps<TextConfig>;
+declare const _default$k: vue.DefineComponent<__VLS_Props$j, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
     input: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<TextConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$j: vue.DefineComponent<FieldProps<NumberConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$i = FieldProps<NumberConfig>;
+declare const _default$j: vue.DefineComponent<__VLS_Props$i, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (values: number) => any;
     input: (values: number) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<NumberConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
     onChange?: ((values: number) => any) | undefined;
     onInput?: ((values: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$i: vue.DefineComponent<FieldProps<NumberRangeConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$h = FieldProps<NumberRangeConfig>;
+declare const _default$i: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (values: [number, number]) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<NumberRangeConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
     onChange?: ((values: [number, number]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default$h: vue.DefineComponent<FieldProps<TextareaConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$g = FieldProps<TextareaConfig>;
+declare const _default$h: vue.DefineComponent<__VLS_Props$g, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
     input: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<TextareaConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$g> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$g: vue.DefineComponent<FieldProps<HiddenConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldProps<HiddenConfig>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+type __VLS_Props$f = FieldProps<HiddenConfig>;
+declare const _default$g: vue.DefineComponent<__VLS_Props$f, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$f> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$f: vue.DefineComponent<FieldProps<DateConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$e = FieldProps<DateConfig>;
+declare const _default$f: vue.DefineComponent<__VLS_Props$e, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<DateConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$e> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$e: vue.DefineComponent<FieldProps<DateTimeConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$d = FieldProps<DateTimeConfig>;
+declare const _default$e: vue.DefineComponent<__VLS_Props$d, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<DateTimeConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$d> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$d: vue.DefineComponent<FieldProps<TimeConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$c = FieldProps<TimeConfig>;
+declare const _default$d: vue.DefineComponent<__VLS_Props$c, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<TimeConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$c> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$c: vue.DefineComponent<FieldProps<CheckboxConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$b = FieldProps<CheckboxConfig>;
+declare const _default$c: vue.DefineComponent<__VLS_Props$b, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<CheckboxConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$b> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$b: vue.DefineComponent<FieldProps<SwitchConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$a = FieldProps<SwitchConfig>;
+declare const _default$b: vue.DefineComponent<__VLS_Props$a, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: any) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<SwitchConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$a> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$a: vue.DefineComponent<FieldProps<DaterangeConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$9 = FieldProps<DaterangeConfig>;
+declare const _default$a: vue.DefineComponent<__VLS_Props$9, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DaterangeConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$9> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$9: vue.DefineComponent<FieldProps<DaterangeConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$8 = FieldProps<DaterangeConfig>;
+declare const _default$9: vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DaterangeConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$8> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$8: vue.DefineComponent<FieldProps<ColorPickConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$7 = FieldProps<ColorPickConfig>;
+declare const _default$8: vue.DefineComponent<__VLS_Props$7, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<FieldProps<ColorPickConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$7> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$7: vue.DefineComponent<FieldProps<CheckboxGroupConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$6 = FieldProps<CheckboxGroupConfig>;
+declare const _default$7: vue.DefineComponent<__VLS_Props$6, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<CheckboxGroupConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$6> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$6: vue.DefineComponent<FieldProps<RadioGroupConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$5 = FieldProps<RadioGroupConfig>;
+declare const _default$6: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<RadioGroupConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$5> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$5: vue.DefineComponent<FieldProps<DisplayConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldProps<DisplayConfig>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+type __VLS_Props$4 = FieldProps<DisplayConfig>;
+declare const _default$5: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$4: vue.DefineComponent<FieldProps<LinkConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$3 = FieldProps<LinkConfig>;
+declare const _default$4: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<LinkConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$3: vue.DefineComponent<FieldProps<SelectConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$2 = FieldProps<SelectConfig>;
+declare const _default$3: vue.DefineComponent<__VLS_Props$2, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<SelectConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$2: vue.DefineComponent<FieldProps<CascaderConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$1 = FieldProps<CascaderConfig>;
+declare const _default$2: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<CascaderConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-declare const _default$1: vue.DefineComponent<FieldProps<DynamicFieldConfig>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props = FieldProps<DynamicFieldConfig>;
+declare const _default$1: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<FieldProps<DynamicFieldConfig>> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const createForm: <T extends [] = []>(config: FormConfig | T) => FormConfig | T;
 interface FormInstallOptions {
@@ -2568,4 +2344,4 @@ declare const _default: {
     install(app: App, opt?: FormInstallOptions): void;
 };
 
-export { type CascaderConfig, type CascaderOption, type CheckboxConfig, type CheckboxGroupConfig, type CheckboxGroupOption, type ChildConfig, type ColorPickConfig, type ComponentConfig, type ContainerCommonConfig, type DateConfig, type DateTimeConfig, type DaterangeConfig, type DisplayConfig, type DynamicFieldConfig, type FieldProps, type FieldsetConfig, type FilterFunction, type FormConfig, type FormInstallOptions, type FormItem, type FormState, type FormValue, type GroupListConfig, type HiddenConfig, type HtmlField, type Input, type LinkConfig, _default$2 as MCascader, _default$c as MCheckbox, _default$7 as MCheckboxGroup, _default$8 as MColorPicker, _default$r as MContainer, _default$f as MDate, _default$e as MDateTime, _default$a as MDaterange, _default$5 as MDisplay, _default$1 as MDynamicField, _default$q as MFieldset, _default$v as MForm, _default$s as MFormBox, _default$u as MFormDialog, _default$t as MFormDrawer, _default$l as MGroupList, _default$g as MHidden, _default$4 as MLink, _default$j as MNumber, _default$i as MNumberRange, _default$p as MPanel, _default$6 as MRadioGroup, _default$o as MRow, _default$3 as MSelect, _default$b as MSwitch, _default$m as MTable, _default$n as MTabs, _default$k as MText, _default$h as MTextarea, _default$d as MTime, _default$9 as MTimerange, type NumberConfig, type NumberRangeConfig, type PanelConfig, type RadioGroupConfig, type RowConfig, type Rule, type SelectConfig, type SelectConfigGroupOption, type SelectConfigOption, type SelectGroupOption, type SelectOption, type SortProp, type StepConfig, type SwitchConfig, type TabConfig, type TabPaneConfig, type TableColumnConfig, type TableConfig, type TextConfig, type TextareaConfig, type TimeConfig, type TypeFunction, type ValidateError, createForm, createValues, datetimeFormatter, _default as default, display, filterFunction, getRules, initValue, useAddField };
+export { type CascaderConfig, type CascaderOption, type ChangeRecord, type CheckboxConfig, type CheckboxGroupConfig, type CheckboxGroupOption, type ChildConfig, type ColorPickConfig, type ComponentConfig, type ContainerChangeEventData, type ContainerCommonConfig, type DateConfig, type DateTimeConfig, type DaterangeConfig, type DisplayConfig, type DynamicFieldConfig, type FieldProps, type FieldsetConfig, type FilterFunction, type FormConfig, type FormInstallOptions, type FormItem, type FormState, type FormValue, type GroupListConfig, type HiddenConfig, type HtmlField, type Input, type LinkConfig, _default$2 as MCascader, _default$c as MCheckbox, _default$7 as MCheckboxGroup, _default$8 as MColorPicker, _default$r as MContainer, _default$f as MDate, _default$e as MDateTime, _default$a as MDaterange, _default$5 as MDisplay, _default$1 as MDynamicField, _default$q as MFieldset, _default$v as MForm, _default$s as MFormBox, _default$u as MFormDialog, _default$t as MFormDrawer, _default$l as MGroupList, _default$g as MHidden, _default$4 as MLink, _default$j as MNumber, _default$i as MNumberRange, _default$p as MPanel, _default$6 as MRadioGroup, _default$o as MRow, _default$3 as MSelect, _default$b as MSwitch, _default$m as MTable, _default$n as MTabs, _default$k as MText, _default$h as MTextarea, _default$d as MTime, _default$9 as MTimerange, type NumberConfig, type NumberRangeConfig, type OnChangeHandler, type OnChangeHandlerData, type PanelConfig, type RadioGroupConfig, type RowConfig, type Rule, type SelectConfig, type SelectConfigGroupOption, type SelectConfigOption, type SelectGroupOption, type SelectOption, type SortProp, type StepConfig, type SwitchConfig, type TabConfig, type TabPaneConfig, type TableColumnConfig, type TableConfig, type TextConfig, type TextareaConfig, type TimeConfig, type TypeFunction, type ValidateError, createForm, createValues, datetimeFormatter, _default as default, display, filterFunction, getRules, initValue, useAddField };