@tmagic/editor 1.5.0 → 1.5.1

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Component, ComputedRef, Ref, App } from 'vue';
+import { Component, ComputedRef, Ref, ShallowRef, App } from 'vue';
 import { TMagicMessageBox, TMagicMessage, DesignPluginOptions } from '@tmagic/design';
 export * from '@tmagic/design';
 export { default as designPlugin } from '@tmagic/design';
@@ -213,7 +213,7 @@ declare class CodeBlock extends export_default {
     usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, CodeBlock>): void;
 }
 type CodeBlockService = CodeBlock;
-declare const _default$F: CodeBlock;
+declare const _default$G: CodeBlock;
 
 declare class ComponentList extends export_default {
     private state;
@@ -289,7 +289,7 @@ declare class DataSource extends export_default {
     paste(): void;
 }
 type DataSourceService = DataSource;
-declare const _default$E: DataSource;
+declare const _default$F: DataSource;
 
 interface DepEvents {
     'add-target': [target: Target];
@@ -328,7 +328,7 @@ declare class Dep extends export_default {
     private enqueueTask;
 }
 type DepService = Dep;
-declare const _default$D: Dep;
+declare const _default$E: Dep;
 
 interface EditorEvents {
     'root-change': [value: StoreState['root'], preValue?: StoreState['root']];
@@ -514,7 +514,7 @@ declare class Editor extends export_default {
     private selectedConfigExceptionHandler;
 }
 type EditorService = Editor;
-declare const _default$C: Editor;
+declare const _default$D: Editor;
 
 declare class Events extends export_default {
     constructor();
@@ -529,7 +529,7 @@ declare class Events extends export_default {
     destroy(): void;
 }
 type EventsService = Events;
-declare const _default$B: Events;
+declare const _default$C: Events;
 
 declare class UndoRedo<T = any> {
     private elementList;
@@ -564,7 +564,7 @@ declare class History extends export_default {
     private setCanUndoRedo;
 }
 type HistoryService = History;
-declare const _default$A: History;
+declare const _default$B: History;
 
 declare class Keybinding extends export_default {
     ctrlKey: string;
@@ -687,7 +687,7 @@ declare class Props extends export_default {
     private setRelateId;
 }
 type PropsService = Props;
-declare const _default$z: Props;
+declare const _default$A: Props;
 
 declare const canUsePluginMethods$2: {
     async: never[];
@@ -713,7 +713,7 @@ declare class StageOverlay extends export_default {
     private updateSelectStatus;
 }
 type StageOverlayService = StageOverlay;
-declare const _default$y: StageOverlay;
+declare const _default$z: StageOverlay;
 
 interface Options {
     namespace?: string;
@@ -775,7 +775,7 @@ declare class WebStorage extends export_default {
     private getValueAndProtocol;
 }
 type StorageService = WebStorage;
-declare const _default$x: WebStorage;
+declare const _default$y: WebStorage;
 
 declare const canUsePluginMethods: {
     async: readonly ["zoom", "calcZoom"];
@@ -788,6 +788,7 @@ declare class Ui extends export_default {
     get<K extends keyof UiState>(name: K): {
         uiSelectMode: boolean;
         showSrc: boolean;
+        showStylePanel: boolean;
         zoom: number;
         stageContainerRect: {
             width: number;
@@ -849,7 +850,7 @@ declare class Ui extends export_default {
     private setStageRect;
 }
 type UiService = Ui;
-declare const _default$w: Ui;
+declare const _default$x: Ui;
 
 interface FrameworkSlots {
     header(props: {}): any;
@@ -1015,6 +1016,8 @@ interface UiState {
     uiSelectMode: boolean;
     /** 是否显示整个配置源码， true: 显示， false: 不显示，默认为false */
     showSrc: boolean;
+    /** 是否将样式配置单独一列显示， true: 显示， false: 不显示，默认为true */
+    showStylePanel: boolean;
     /** 画布显示放大倍数，默认为 1 */
     zoom: number;
     /** 画布容器的宽高 */
@@ -1465,6 +1468,7 @@ type AsyncHookPlugin<T extends Array<string>, C extends Record<T[number], (...ar
 type SyncHookPlugin<T extends Array<string>, C extends Record<T[number], (...args: any) => any>> = AddPrefixToObject<PascalCasedProperties<SyncBeforeHook<T, C>>, 'before'> & AddPrefixToObject<PascalCasedProperties<SyncAfterHook<T, C>>, 'after'>;
 interface EventBusEvent {
     'edit-data-source': [id: string];
+    'remove-data-source': [id: string];
     'edit-code': [id: string];
 }
 interface EventBus extends EventEmitter$1 {
@@ -1484,6 +1488,7 @@ interface PageBarSortOptions extends PartSortableOptions {
     /** 在onStart之前调用 */
     beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
 }
+type CustomContentMenuFunction = (menus: (MenuButton | MenuComponent)[], type: 'layer' | 'data-source' | 'viewer' | 'code-block') => (MenuButton | MenuComponent)[];
 
 interface ChangeRecord {
     propPath?: string;
@@ -2065,7 +2070,7 @@ type FormValue = Record<string | number, any>;
 declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
     codeId: vue.Ref<string | undefined, string | undefined>;
     codeConfig: vue.Ref<CodeBlockContent | undefined, CodeBlockContent | undefined>;
-    codeBlockEditor: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+    codeBlockEditor: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         width?: number;
         visible?: boolean;
     } & {
@@ -2106,48 +2111,7 @@ declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
     }>, {
         show(): Promise<void>;
         hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
-        "onUpdate:width"?: ((value: number) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        submit: (values: CodeBlockContent, eventData: ContainerChangeEventData) => any;
-        "update:width": (value: number) => any;
-        "update:visible": (value: boolean) => any;
-    }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        width?: number;
-        visible?: boolean;
-    } & {
-        content: CodeBlockContent;
-        disabled?: boolean;
-        isDataSource?: boolean;
-        dataSourceType?: string;
-    }> & Readonly<{
-        onSubmit?: ((values: CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
-        "onUpdate:width"?: ((value: number) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-    }>, {
-        show(): Promise<void>;
-        hide(): Promise<void>;
-    }, {}, {}, {}, {}> | undefined>;
+    }, {}, {}, {}, {}> | null>>;
     createCodeBlock: () => Promise<void>;
     editCode: (id: string) => Promise<void>;
     deleteCode: (key: string) => Promise<void>;
@@ -2188,8 +2152,8 @@ declare const useFilter: (nodeData: Ref<TreeNodeData[]>, nodeStatusMap: Ref<Map<
     filterTextChangeHandler(text: string | string[]): void;
 };
 
-declare const useGetSo: (target: Ref<HTMLElement | undefined>, emit: (evt: "change", e: OnDrag<gesto__default>) => void) => {
-    isDraging: Ref<boolean, boolean>;
+declare const useGetSo: (target: ShallowRef<HTMLElement | null>, emit: (evt: "change", e: OnDrag<gesto__default>) => void) => {
+    isDragging: vue.Ref<boolean, boolean>;
 };
 
 declare const useNextFloatBoxPosition: (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
@@ -2460,7 +2424,7 @@ interface EditorProps {
     /** 用于设置画布上的dom是否可以被拖入其中 */
     isContainer?: (el: HTMLElement) => boolean | Promise<boolean>;
     /** 用于自定义组件树与画布的右键菜单 */
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    customContentMenu?: CustomContentMenuFunction;
     extendFormState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
     /** 页面顺序拖拽配置参数 */
     pageBarSortOptions?: PageBarSortOptions;
@@ -2468,7 +2432,7 @@ interface EditorProps {
     pageFilterFunction?: (page: MPage | MPageFragment, keyword: string) => boolean;
 }
 
-declare function __VLS_template$b(): {
+declare function __VLS_template$c(): {
     attrs: Partial<{}>;
     slots: Readonly<FrameworkSlots & WorkspaceSlots & LayerPanelSlots & CodeBlockListPanelSlots & ComponentListPanelSlots & DataSourceListSlots & PropsPanelSlots & {
         workspace(props: {
@@ -2488,8 +2452,8 @@ declare function __VLS_template$b(): {
     refs: {};
     rootEl: HTMLDivElement;
 };
-type __VLS_TemplateResult$b = ReturnType<typeof __VLS_template$b>;
-declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
+type __VLS_TemplateResult$c = ReturnType<typeof __VLS_template$c>;
+declare const __VLS_component$c: vue.DefineComponent<EditorProps, {
     editorService: EditorService;
     historyService: HistoryService;
     storageService: StorageService;
@@ -2508,11 +2472,17 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly config: FormConfig;
+            readonly values: FormValue;
             readonly disabledShowSrc?: boolean | undefined;
+            readonly labelWidth?: string | undefined;
+            readonly codeValueKey?: string | undefined;
+            readonly labelPosition?: string | undefined;
             readonly extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
-            readonly onMounted?: ((...args: any[]) => any) | undefined;
-            readonly "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            readonly "onForm-error"?: ((...args: any[]) => any) | undefined;
+            readonly onMounted?: ((internalInstance: any) => any) | undefined;
+            readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+            readonly "onSubmit-error"?: ((e: any) => any) | undefined;
+            readonly "onForm-error"?: ((e: any) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -2526,17 +2496,23 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "mounted", ...args: any[]) => void) & ((event: "submit-error", ...args: any[]) => void) & ((event: "form-error", ...args: any[]) => void);
+        $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
         $el: HTMLDivElement;
         $options: vue.ComponentOptionsBase<Readonly<{
+            config: FormConfig;
+            values: FormValue;
             disabledShowSrc?: boolean;
+            labelWidth?: string;
+            codeValueKey?: string;
+            labelPosition?: string;
             extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
         }> & Readonly<{
-            onMounted?: ((...args: any[]) => any) | undefined;
-            "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            "onForm-error"?: ((...args: any[]) => any) | undefined;
+            onMounted?: ((internalInstance: any) => any) | undefined;
+            onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+            "onSubmit-error"?: ((e: any) => any) | undefined;
+            "onForm-error"?: ((e: any) => any) | undefined;
         }>, {
-            configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
                 config: FormConfig;
                 initValues: Record<string, any>;
                 lastValues?: Record<string, any>;
@@ -2639,7 +2615,208 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            }> | null>>;
+            submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            mounted: (internalInstance: any) => any;
+            submit: (values: any, eventData?: ContainerChangeEventData | undefined) => any;
+            "submit-error": (e: any) => any;
+            "form-error": (e: any) => any;
+        }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        config: FormConfig;
+        values: FormValue;
+        disabledShowSrc?: boolean;
+        labelWidth?: string;
+        codeValueKey?: string;
+        labelPosition?: string;
+        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+    }> & Readonly<{
+        onMounted?: ((internalInstance: any) => any) | undefined;
+        onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+        "onSubmit-error"?: ((e: any) => any) | undefined;
+        "onForm-error"?: ((e: any) => any) | undefined;
+    }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
+        configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
+            disabled?: boolean;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            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;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            change: (...args: any[]) => void;
+            error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
+            "field-change": (...args: any[]) => void;
+            "field-input": (...args: any[]) => void;
+        }, vue.PublicProps, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
+            disabled?: boolean;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onChange?: ((...args: any[]) => any) | undefined;
+            onError?: ((...args: any[]) => any) | undefined;
+            "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;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }> | null>>;
+        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
+    }> & {} & vue.ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            'props-form-panel-header'(props: {}): any;
+        }> & {
+            'props-form-panel-header'(props: {}): any;
+        };
+    }) => any;
+    "props-form-error": (e: any) => any;
+    "props-submit-error": (e: any) => any;
+}, string, vue.PublicProps, Readonly<EditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: MApp | null) => any) | undefined;
+    "onProps-panel-mounted"?: ((instance: {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly config: FormConfig;
+            readonly values: FormValue;
+            readonly disabledShowSrc?: boolean | undefined;
+            readonly labelWidth?: string | undefined;
+            readonly codeValueKey?: string | undefined;
+            readonly labelPosition?: string | undefined;
+            readonly extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+            readonly onMounted?: ((internalInstance: any) => any) | undefined;
+            readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+            readonly "onSubmit-error"?: ((e: any) => any) | undefined;
+            readonly "onForm-error"?: ((e: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot<any> | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance | null;
+        $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+        $el: HTMLDivElement;
+        $options: vue.ComponentOptionsBase<Readonly<{
+            config: FormConfig;
+            values: FormValue;
+            disabledShowSrc?: boolean;
+            labelWidth?: string;
+            codeValueKey?: string;
+            labelPosition?: string;
+            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onMounted?: ((internalInstance: any) => any) | undefined;
+            onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+            "onSubmit-error"?: ((e: any) => any) | undefined;
+            "onForm-error"?: ((e: any) => any) | undefined;
+        }>, {
+            configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
                 config: FormConfig;
                 initValues: Record<string, any>;
                 lastValues?: Record<string, any>;
@@ -2742,12 +2919,13 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
                 parentValues: Record<string, any>;
                 stepActive: string | number;
                 height: string;
-            }> | undefined>;
+            }> | null>>;
             submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            mounted: (...args: any[]) => void;
-            "submit-error": (...args: any[]) => void;
-            "form-error": (...args: any[]) => void;
+            mounted: (internalInstance: any) => any;
+            submit: (values: any, eventData?: ContainerChangeEventData | undefined) => any;
+            "submit-error": (e: any) => any;
+            "form-error": (e: any) => any;
         }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -2769,14 +2947,20 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
         $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<{
+        config: FormConfig;
+        values: FormValue;
         disabledShowSrc?: boolean;
+        labelWidth?: string;
+        codeValueKey?: string;
+        labelPosition?: string;
         extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
     }> & Readonly<{
-        onMounted?: ((...args: any[]) => any) | undefined;
-        "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-        "onForm-error"?: ((...args: any[]) => any) | undefined;
+        onMounted?: ((internalInstance: any) => any) | undefined;
+        onSubmit?: ((values: any, eventData?: ContainerChangeEventData | undefined) => any) | undefined;
+        "onSubmit-error"?: ((e: any) => any) | undefined;
+        "onForm-error"?: ((e: any) => any) | undefined;
     }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
-        configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+        configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
             config: FormConfig;
             initValues: Record<string, any>;
             lastValues?: Record<string, any>;
@@ -2879,58 +3063,242 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             parentValues: Record<string, any>;
             stepActive: string | number;
             height: string;
-        }> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            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;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
-            error: (...args: any[]) => void;
-            "update:stepActive": (...args: any[]) => void;
-            "field-change": (...args: any[]) => void;
-            "field-input": (...args: any[]) => void;
-        }, vue.PublicProps, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        }> | null>>;
+        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
+    }> & {} & vue.ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            'props-form-panel-header'(props: {}): any;
+        }> & {
+            'props-form-panel-header'(props: {}): any;
+        };
+    }) => any) | undefined;
+    "onProps-form-error"?: ((e: any) => any) | undefined;
+    "onProps-submit-error"?: ((e: any) => any) | undefined;
+}>, {
+    menu: MenuBarData;
+    renderType: StageCore.RenderType;
+    disabledMultiSelect: boolean;
+    disabledPageFragment: boolean;
+    codeOptions: {
+        [key: string]: any;
+    };
+    disabledShowSrc: boolean;
+    customContentMenu: CustomContentMenuFunction;
+    layerContentMenu: (MenuButton | MenuComponent)[];
+    isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
+    containerHighlightClassName: string;
+    componentGroupList: ComponentGroup[];
+    stageContentMenu: (MenuButton | MenuComponent)[];
+    disabledStageOverlay: boolean;
+    datasourceList: DatasourceTypeOption[];
+    propsConfigs: Record<string, FormConfig>;
+    propsValues: Record<string, Partial<_tmagic_schema.MNode>>;
+    eventMethodList: Record<string, {
+        events: _tmagic_core.EventOption[];
+        methods: _tmagic_core.EventOption[];
+    }>;
+    datasourceValues: Record<string, Partial<_tmagic_schema.DataSourceSchema>>;
+    datasourceConfigs: Record<string, FormConfig>;
+    containerHighlightDuration: number;
+    containerHighlightType: StageCore.ContainerHighlightType;
+    canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default$w: __VLS_WithTemplateSlots$c<typeof __VLS_component$c, __VLS_TemplateResult$c["slots"]>;
+
+type __VLS_WithTemplateSlots$c<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+type __VLS_Props$s = {
+    initValues?: any;
+    modifiedValues?: any;
+    type?: 'diff';
+    language?: string;
+    options?: {
+        [key: string]: any;
+    };
+    height?: string;
+    autoSave?: boolean;
+    parse?: boolean;
+};
+declare const _default$v: vue.DefineComponent<__VLS_Props$s, {
+    values: vue.Ref<string, string>;
+    getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
+    getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
+    getVsDiffEditor(): monaco.editor.IStandaloneDiffEditor | null;
+    setEditorValue: (v: string | any, m: string | any) => void | undefined;
+    getEditorValue: () => string;
+    focus(): void;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    save: (...args: any[]) => void;
+    initd: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$s> & Readonly<{
+    onSave?: ((...args: any[]) => any) | undefined;
+    onInitd?: ((...args: any[]) => any) | undefined;
+}>, {
+    options: {
+        [key: string]: any;
+    };
+    initValues: any;
+    parse: boolean;
+    language: string;
+    autoSave: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare function __VLS_template$b(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ComponentListPanelSlots> & ComponentListPanelSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult$b = ReturnType<typeof __VLS_template$b>;
+declare const __VLS_component$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default$u: __VLS_WithTemplateSlots$b<typeof __VLS_component$b, __VLS_TemplateResult$b["slots"]>;
+
+type __VLS_WithTemplateSlots$b<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+type __VLS_Props$r = {
+    layerContentMenu: (MenuButton | MenuComponent)[];
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customContentMenu: CustomContentMenuFunction;
+};
+declare function __VLS_template$a(): {
+    attrs: Partial<{}>;
+    slots: Readonly<LayerPanelSlots> & LayerPanelSlots;
+    refs: {
+        tree: ({
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly data: TreeNodeData[];
+                readonly nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
+                readonly indent?: number | undefined;
+                readonly nextLevelIndentIncrement?: number | undefined;
+                readonly emptyText?: string | undefined;
+                readonly "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: vue.Slot<any> | undefined;
+            }>;
+            $root: vue.ComponentPublicInstance | null;
+            $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "node-click", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-contextmenu", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragstart", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragleave", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragend", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-mouseenter", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragover", event: DragEvent) => void);
+            $el: HTMLDivElement;
+            $options: vue.ComponentOptionsBase<Readonly<{
+                data: TreeNodeData[];
+                nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
+                indent?: number;
+                nextLevelIndentIncrement?: number;
+                emptyText?: string;
+            }> & Readonly<{
+                "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                "node-click": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
+                "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
+                "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
+                "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
+                "node-dragover": (event: DragEvent) => any;
+            }, string, {
+                emptyText: string;
+                indent: number;
+            }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            emptyText: string;
+            indent: number;
+        }> & Omit<Readonly<{
+            data: TreeNodeData[];
+            nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
+            indent?: number;
+            nextLevelIndentIncrement?: number;
+            emptyText?: string;
+        }> & Readonly<{
+            "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+            "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
+        }>, "emptyText" | "indent"> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                'tree-node-content'(props: {
+                    data: TreeNodeData;
+                }): any;
+                'tree-node-label'(props: {
+                    data: TreeNodeData;
+                }): any;
+                'tree-node-tool'(props: {
+                    data: TreeNodeData;
+                }): any;
+            }> & {
+                'tree-node-content'(props: {
+                    data: TreeNodeData;
+                }): any;
+                'tree-node-label'(props: {
+                    data: TreeNodeData;
+                }): any;
+                'tree-node-tool'(props: {
+                    data: TreeNodeData;
+                }): any;
+            };
+        }) | null;
+        menu: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            layerContentMenu: (MenuButton | MenuComponent)[];
+            customContentMenu: CustomContentMenuFunction;
+        }> & Readonly<{
+            "onCollapse-all"?: (() => any) | undefined;
+        }>, {
+            show: (e: MouseEvent) => void;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            "collapse-all": () => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -2938,658 +3306,205 @@ declare const __VLS_component$b: vue.DefineComponent<EditorProps, {
             M: {};
             Defaults: {};
         }, Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+            layerContentMenu: (MenuButton | MenuComponent)[];
+            customContentMenu: CustomContentMenuFunction;
         }> & 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;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }> | undefined>;
-        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
-    }> & {} & vue.ComponentCustomProperties & {} & {
-        $slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
-    }) => any;
-    "props-form-error": (e: any) => any;
-    "props-submit-error": (e: any) => any;
-}, string, vue.PublicProps, Readonly<EditorProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: MApp | null) => any) | undefined;
-    "onProps-panel-mounted"?: ((instance: {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly disabledShowSrc?: boolean | undefined;
-            readonly extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
-            readonly onMounted?: ((...args: any[]) => any) | undefined;
-            readonly "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            readonly "onForm-error"?: ((...args: any[]) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: vue.Slot<any> | undefined;
-        }>;
-        $root: vue.ComponentPublicInstance | null;
-        $parent: vue.ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "mounted", ...args: any[]) => void) & ((event: "submit-error", ...args: any[]) => void) & ((event: "form-error", ...args: any[]) => void);
-        $el: HTMLDivElement;
-        $options: vue.ComponentOptionsBase<Readonly<{
-            disabledShowSrc?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onMounted?: ((...args: any[]) => any) | undefined;
-            "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-            "onForm-error"?: ((...args: any[]) => any) | undefined;
-        }>, {
-            configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                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;
-                initialized: vue.Ref<boolean, boolean>;
-                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-                resetForm: () => void;
-                submitForm: (native?: boolean) => Promise<any>;
-            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
-                error: (...args: any[]) => void;
-                "update:stepActive": (...args: any[]) => void;
-                "field-change": (...args: any[]) => void;
-                "field-input": (...args: any[]) => void;
-            }, vue.PublicProps, {
-                disabled: boolean;
-                labelWidth: string;
-                inline: boolean;
-                labelPosition: string;
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues: Record<string, any>;
-                isCompare: boolean;
-                keyProp: string;
-                parentValues: Record<string, any>;
-                stepActive: string | number;
-                height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "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;
-                initialized: vue.Ref<boolean, boolean>;
-                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-                resetForm: () => void;
-                submitForm: (native?: boolean) => Promise<any>;
-            }, {}, {}, {}, {
-                disabled: boolean;
-                labelWidth: string;
-                inline: boolean;
-                labelPosition: string;
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues: Record<string, any>;
-                isCompare: boolean;
-                keyProp: string;
-                parentValues: Record<string, any>;
-                stepActive: string | number;
-                height: string;
-            }> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                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;
-                initialized: vue.Ref<boolean, boolean>;
-                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-                resetForm: () => void;
-                submitForm: (native?: boolean) => Promise<any>;
-            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                change: (...args: any[]) => void;
-                error: (...args: any[]) => void;
-                "update:stepActive": (...args: any[]) => void;
-                "field-change": (...args: any[]) => void;
-                "field-input": (...args: any[]) => void;
-            }, vue.PublicProps, {
-                disabled: boolean;
-                labelWidth: string;
-                inline: boolean;
-                labelPosition: string;
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues: Record<string, any>;
-                isCompare: boolean;
-                keyProp: string;
-                parentValues: Record<string, any>;
-                stepActive: string | number;
-                height: string;
-            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues?: Record<string, any>;
-                isCompare?: boolean;
-                parentValues?: Record<string, any>;
-                labelWidth?: string;
-                disabled?: boolean;
-                height?: string;
-                stepActive?: string | number;
-                size?: "small" | "default" | "large";
-                inline?: boolean;
-                labelPosition?: string;
-                keyProp?: string;
-                popperClass?: string;
-                preventSubmitDefault?: boolean;
-                extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-            }> & Readonly<{
-                onChange?: ((...args: any[]) => any) | undefined;
-                onError?: ((...args: any[]) => any) | undefined;
-                "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;
-                initialized: vue.Ref<boolean, boolean>;
-                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-                changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-                resetForm: () => void;
-                submitForm: (native?: boolean) => Promise<any>;
-            }, {}, {}, {}, {
-                disabled: boolean;
-                labelWidth: string;
-                inline: boolean;
-                labelPosition: string;
-                config: FormConfig;
-                initValues: Record<string, any>;
-                lastValues: Record<string, any>;
-                isCompare: boolean;
-                keyProp: string;
-                parentValues: Record<string, any>;
-                stepActive: string | number;
-                height: string;
-            }> | undefined>;
-            submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
-        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            mounted: (...args: any[]) => void;
-            "submit-error": (...args: any[]) => void;
-            "form-error": (...args: any[]) => void;
-        }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
-            renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $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<{
-        disabledShowSrc?: boolean;
-        extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-        onMounted?: ((...args: any[]) => any) | undefined;
-        "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-        "onForm-error"?: ((...args: any[]) => any) | undefined;
-    }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
-        configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            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;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
-            error: (...args: any[]) => void;
-            "update:stepActive": (...args: any[]) => void;
-            "field-change": (...args: any[]) => void;
-            "field-input": (...args: any[]) => void;
-        }, vue.PublicProps, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "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;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            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;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            change: (...args: any[]) => void;
-            error: (...args: any[]) => void;
-            "update:stepActive": (...args: any[]) => void;
-            "field-change": (...args: any[]) => void;
-            "field-input": (...args: any[]) => void;
-        }, vue.PublicProps, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues?: Record<string, any>;
-            isCompare?: boolean;
-            parentValues?: Record<string, any>;
-            labelWidth?: string;
-            disabled?: boolean;
-            height?: string;
-            stepActive?: string | number;
-            size?: "small" | "default" | "large";
-            inline?: boolean;
-            labelPosition?: string;
-            keyProp?: string;
-            popperClass?: string;
-            preventSubmitDefault?: boolean;
-            extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-        }> & Readonly<{
-            onChange?: ((...args: any[]) => any) | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
+            "onCollapse-all"?: (() => any) | undefined;
         }>, {
-            values: vue.Ref<FormValue, FormValue>;
-            lastValuesProcessed: vue.Ref<FormValue, FormValue>;
-            formState: FormState;
-            initialized: vue.Ref<boolean, boolean>;
-            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-            changeHandler: (v: FormValue, eventData: ContainerChangeEventData) => void;
-            resetForm: () => void;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, {}, {}, {}, {
-            disabled: boolean;
-            labelWidth: string;
-            inline: boolean;
-            labelPosition: string;
-            config: FormConfig;
-            initValues: Record<string, any>;
-            lastValues: Record<string, any>;
-            isCompare: boolean;
-            keyProp: string;
-            parentValues: Record<string, any>;
-            stepActive: string | number;
-            height: string;
-        }> | undefined>;
-        submit: (v: FormValue, eventData: ContainerChangeEventData) => Promise<void>;
-    }> & {} & vue.ComponentCustomProperties & {} & {
-        $slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
-    }) => any) | undefined;
-    "onProps-form-error"?: ((e: any) => any) | undefined;
-    "onProps-submit-error"?: ((e: any) => any) | undefined;
-}>, {
-    menu: MenuBarData;
-    renderType: StageCore.RenderType;
-    disabledMultiSelect: boolean;
-    disabledPageFragment: boolean;
-    codeOptions: {
-        [key: string]: any;
+            show: (e: MouseEvent) => void;
+        }, {}, {}, {}, {}> | null;
     };
-    disabledShowSrc: boolean;
-    layerContentMenu: (MenuButton | MenuComponent)[];
-    isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
-    containerHighlightClassName: string;
-    componentGroupList: ComponentGroup[];
-    stageContentMenu: (MenuButton | MenuComponent)[];
-    disabledStageOverlay: boolean;
-    datasourceList: DatasourceTypeOption[];
-    propsConfigs: Record<string, FormConfig>;
-    propsValues: Record<string, Partial<_tmagic_schema.MNode>>;
-    eventMethodList: Record<string, {
-        events: _tmagic_core.EventOption[];
-        methods: _tmagic_core.EventOption[];
-    }>;
-    datasourceValues: Record<string, Partial<_tmagic_schema.DataSourceSchema>>;
-    datasourceConfigs: Record<string, FormConfig>;
-    containerHighlightDuration: number;
-    containerHighlightType: StageCore.ContainerHighlightType;
-    canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$v: __VLS_WithTemplateSlots$b<typeof __VLS_component$b, __VLS_TemplateResult$b["slots"]>;
+    rootEl: any;
+};
+type __VLS_TemplateResult$a = ReturnType<typeof __VLS_template$a>;
+declare const __VLS_component$a: vue.DefineComponent<__VLS_Props$r, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$r> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$t: __VLS_WithTemplateSlots$a<typeof __VLS_component$a, __VLS_TemplateResult$a["slots"]>;
 
-type __VLS_WithTemplateSlots$b<T, S> = T & {
+type __VLS_WithTemplateSlots$a<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-type __VLS_Props$r = {
-    initValues?: any;
-    modifiedValues?: any;
-    type?: 'diff';
-    language?: string;
-    options?: {
-        [key: string]: any;
-    };
-    height?: string;
-    autoSave?: boolean;
-    parse?: boolean;
-};
-declare const _default$u: vue.DefineComponent<__VLS_Props$r, {
-    values: vue.Ref<string, string>;
-    getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
-    getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
-    getVsDiffEditor(): monaco.editor.IStandaloneDiffEditor | null;
-    setEditorValue: (v: string | any, m: string | any) => void | undefined;
-    getEditorValue: () => string;
-    focus(): void;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    initd: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$r> & Readonly<{
-    onSave?: ((...args: any[]) => any) | undefined;
-    onInitd?: ((...args: any[]) => any) | undefined;
+type __VLS_Props$q = FieldProps<{
+    className?: string;
+} & FormItem$1>;
+declare const _default$s: vue.DefineComponent<__VLS_Props$q, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData$1) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$p = FieldProps<CodeSelectColConfig>;
+declare const _default$r: vue.DefineComponent<__VLS_Props$p, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData$1) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$p> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$o = FieldProps<{
+    type: 'data-source-fields';
+}>;
+type __VLS_PublicProps$4 = {
+    'width'?: number;
+    'visible'?: boolean;
+    'visible1'?: boolean;
+} & __VLS_Props$o;
+declare const _default$q: vue.DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+    "update:width": (value: number) => any;
+    "update:visible": (value: boolean) => any;
+    "update:visible1": (value: boolean) => any;
+}, string, vue.PublicProps, Readonly<__VLS_PublicProps$4> & Readonly<{
+    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:visible1"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$n = FieldProps<{
+    type: 'data-source-mocks';
+}>;
+type __VLS_PublicProps$3 = {
+    'width'?: number;
+    'visible'?: boolean;
+} & __VLS_Props$n;
+declare const _default$p: vue.DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:width": (value: number) => void;
+    "update:visible": (value: boolean) => void;
+}, string, vue.PublicProps, Readonly<__VLS_PublicProps$3> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$m = FieldProps<{
+    type: 'data-source-methods';
+}>;
+declare const _default$o: vue.DefineComponent<__VLS_Props$m, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$m> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$l = FieldProps<{
+    type: 'data-source-input';
+} & FormItem$1>;
+declare const _default$n: vue.DefineComponent<__VLS_Props$l, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (value: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$l> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+
+type __VLS_Props$k = FieldProps<DataSourceSelect>;
+declare const _default$m: vue.DefineComponent<__VLS_Props$k, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$k> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$j = FieldProps<DataSourceMethodSelectConfig>;
+declare const _default$l: vue.DefineComponent<__VLS_Props$j, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$i = FieldProps<DataSourceFieldSelectConfig>;
+declare const _default$k: vue.DefineComponent<__VLS_Props$i, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    options: {
-        [key: string]: any;
-    };
-    initValues: any;
-    parse: boolean;
-    language: string;
-    autoSave: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare function __VLS_template$a(): {
+type __VLS_Props$h = FieldProps<EventSelectConfig>;
+declare const _default$j: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
+    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$g = FieldProps<{
+    type: 'key-value';
+    advanced?: boolean;
+} & FormItem$1>;
+declare const _default$i: vue.DefineComponent<__VLS_Props$g, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (value: Record<string, any>) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$g> & Readonly<{
+    onChange?: ((value: Record<string, any>) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+type __VLS_Props$f = {
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+};
+declare function __VLS_template$9(): {
     attrs: Partial<{}>;
-    slots: Readonly<ComponentListPanelSlots> & ComponentListPanelSlots;
+    slots: Readonly<CodeBlockListSlots> & CodeBlockListSlots;
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
-type __VLS_TemplateResult$a = ReturnType<typeof __VLS_template$a>;
-declare const __VLS_component$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const _default$t: __VLS_WithTemplateSlots$a<typeof __VLS_component$a, __VLS_TemplateResult$a["slots"]>;
+type __VLS_TemplateResult$9 = ReturnType<typeof __VLS_template$9>;
+declare const __VLS_component$9: vue.DefineComponent<__VLS_Props$f, {
+    filter: (text: string | string[]) => void;
+    deleteCode: (id: string) => Promise<void>;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
+    remove: (id: string) => any;
+    edit: (id: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$f> & Readonly<{
+    "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+    onRemove?: ((id: string) => any) | undefined;
+    onEdit?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default$h: __VLS_WithTemplateSlots$9<typeof __VLS_component$9, __VLS_TemplateResult$9["slots"]>;
 
-type __VLS_WithTemplateSlots$a<T, S> = T & {
+type __VLS_WithTemplateSlots$9<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-type __VLS_Props$q = {
-    layerContentMenu: (MenuButton | MenuComponent)[];
+type __VLS_Props$e = {
     indent?: number;
     nextLevelIndentIncrement?: number;
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+    customContentMenu: CustomContentMenuFunction;
 };
-declare function __VLS_template$9(): {
+declare function __VLS_template$8(): {
     attrs: Partial<{}>;
-    slots: Readonly<LayerPanelSlots> & LayerPanelSlots;
+    slots: Readonly<CodeBlockListPanelSlots> & CodeBlockListPanelSlots;
     refs: {
-        tree: ({
+        codeBlockList: ({
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly data: TreeNodeData[];
-                readonly nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
                 readonly indent?: number | undefined;
                 readonly nextLevelIndentIncrement?: number | undefined;
-                readonly emptyText?: string | undefined;
-                readonly "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+                readonly customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
                 readonly "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                readonly "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
+                readonly onRemove?: ((id: string) => any) | undefined;
+                readonly onEdit?: ((id: string) => any) | undefined;
             } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -3603,34 +3518,24 @@ declare function __VLS_template$9(): {
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "node-click", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-contextmenu", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragstart", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragleave", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-dragend", event: DragEvent, data: TreeNodeData) => void) & ((event: "node-mouseenter", event: MouseEvent, data: TreeNodeData) => void) & ((event: "node-dragover", event: DragEvent) => void);
+            $emit: ((event: "node-contextmenu", event: MouseEvent, data: TreeNodeData) => void) & ((event: "remove", id: string) => void) & ((event: "edit", id: string) => void);
             $el: HTMLDivElement;
             $options: vue.ComponentOptionsBase<Readonly<{
-                data: TreeNodeData[];
-                nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
                 indent?: number;
                 nextLevelIndentIncrement?: number;
-                emptyText?: string;
+                customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
             }> & Readonly<{
-                "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
                 "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-                "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
-            }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                "node-click": (event: MouseEvent, data: TreeNodeData) => any;
+                onRemove?: ((id: string) => any) | undefined;
+                onEdit?: ((id: string) => any) | undefined;
+            }>, {
+                filter: (text: string | string[]) => void;
+                deleteCode: (id: string) => Promise<void>;
+            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
                 "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
-                "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
-                "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
-                "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
-                "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
-                "node-dragover": (event: DragEvent) => any;
-            }, string, {
-                emptyText: string;
-                indent: number;
-            }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+                remove: (id: string) => any;
+                edit: (id: string) => any;
+            }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -3650,59 +3555,40 @@ declare function __VLS_template$9(): {
             $forceUpdate: () => void;
             $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<{
-            emptyText: string;
-            indent: number;
-        }> & Omit<Readonly<{
-            data: TreeNodeData[];
-            nodeStatusMap: Map<_tmagic_schema.Id, LayerNodeStatus>;
+        } & Readonly<{}> & Omit<Readonly<{
             indent?: number;
             nextLevelIndentIncrement?: number;
-            emptyText?: string;
+            customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
         }> & Readonly<{
-            "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
             "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-            "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-            "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-            "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
-            "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
-            "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
-        }>, "emptyText" | "indent"> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                'tree-node-content'(props: {
-                    data: TreeNodeData;
-                }): any;
-                'tree-node-label'(props: {
-                    data: TreeNodeData;
-                }): any;
-                'tree-node-tool'(props: {
-                    data: TreeNodeData;
-                }): any;
-            }> & {
-                'tree-node-content'(props: {
-                    data: TreeNodeData;
-                }): any;
-                'tree-node-label'(props: {
-                    data: TreeNodeData;
-                }): any;
-                'tree-node-tool'(props: {
-                    data: TreeNodeData;
-                }): any;
-            };
+            onRemove?: ((id: string) => any) | undefined;
+            onEdit?: ((id: string) => any) | undefined;
+        }>, "filter" | "deleteCode"> & vue.ShallowUnwrapRef<{
+            filter: (text: string | string[]) => void;
+            deleteCode: (id: string) => Promise<void>;
+        }> & {} & vue.ComponentCustomProperties & {} & {
+            $slots: Readonly<CodeBlockListSlots> & CodeBlockListSlots;
         }) | null;
-        menu: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            layerContentMenu: (MenuButton | MenuComponent)[];
-            customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+        codeBlockEditor: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            width?: number;
+            visible?: boolean;
+        } & {
+            content: _tmagic_schema.CodeBlockContent;
+            disabled?: boolean;
+            isDataSource?: boolean;
+            dataSourceType?: string;
         }> & Readonly<{
-            "onCollapse-all"?: (() => any) | undefined;
+            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+            "onUpdate:width"?: ((value: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         }>, {
-            show: (e: MouseEvent) => void;
+            show(): Promise<void>;
+            hide(): Promise<void>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            "collapse-all": () => any;
-        }, vue.PublicProps, {
-            layerContentMenu: (MenuButton | MenuComponent)[];
-            customContentMenu: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            submit: (values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any;
+            "update:width": (value: number) => any;
+            "update:visible": (value: boolean) => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3710,282 +3596,1040 @@ declare function __VLS_template$9(): {
             M: {};
             Defaults: {};
         }, Readonly<{
-            layerContentMenu: (MenuButton | MenuComponent)[];
-            customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+            width?: number;
+            visible?: boolean;
+        } & {
+            content: _tmagic_schema.CodeBlockContent;
+            disabled?: boolean;
+            isDataSource?: boolean;
+            dataSourceType?: string;
         }> & Readonly<{
-            "onCollapse-all"?: (() => any) | undefined;
+            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
+            "onUpdate:width"?: ((value: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         }>, {
-            show: (e: MouseEvent) => void;
-        }, {}, {}, {}, {
-            layerContentMenu: (MenuButton | MenuComponent)[];
-            customContentMenu: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-        }> | null;
+            show(): Promise<void>;
+            hide(): Promise<void>;
+        }, {}, {}, {}, {}> | null;
+        menu: ({
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly menuData?: (MenuButton | MenuComponent)[] | undefined;
+                readonly isSubMenu?: boolean | undefined;
+                readonly active?: (string | number) | undefined;
+                readonly autoHide?: boolean | undefined;
+                readonly onMouseenter?: (() => any) | undefined;
+                readonly onShow?: (() => any) | undefined;
+                readonly onHide?: (() => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: vue.Slot<any> | undefined;
+            }>;
+            $root: vue.ComponentPublicInstance | null;
+            $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "mouseenter") => void) & ((event: "show") => void) & ((event: "hide") => void);
+            $el: any;
+            $options: vue.ComponentOptionsBase<Readonly<{
+                menuData?: (MenuButton | MenuComponent)[];
+                isSubMenu?: boolean;
+                active?: string | number;
+                autoHide?: boolean;
+            }> & Readonly<{
+                onMouseenter?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+            }>, {
+                menu: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
+                menuPosition: vue.Ref<{
+                    left: number;
+                    top: number;
+                }, {
+                    left: number;
+                    top: number;
+                } | {
+                    left: number;
+                    top: number;
+                }>;
+                hide: () => void;
+                show: (e?: {
+                    clientY: number;
+                    clientX: number;
+                }) => void;
+                contains: (el: HTMLElement) => any;
+                setPosition: (e: {
+                    clientY: number;
+                    clientX: number;
+                }) => void;
+            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                mouseenter: () => any;
+                show: () => any;
+                hide: () => any;
+            }, string, {
+                menuData: (MenuButton | MenuComponent)[];
+                isSubMenu: boolean;
+                autoHide: boolean;
+            }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            menuData: (MenuButton | MenuComponent)[];
+            isSubMenu: boolean;
+            autoHide: boolean;
+        }> & Omit<Readonly<{
+            menuData?: (MenuButton | MenuComponent)[];
+            isSubMenu?: boolean;
+            active?: string | number;
+            autoHide?: boolean;
+        }> & Readonly<{
+            onMouseenter?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+        }>, "menu" | "show" | "hide" | "contains" | "menuPosition" | "setPosition" | ("menuData" | "isSubMenu" | "autoHide")> & vue.ShallowUnwrapRef<{
+            menu: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
+            menuPosition: vue.Ref<{
+                left: number;
+                top: number;
+            }, {
+                left: number;
+                top: number;
+            } | {
+                left: number;
+                top: number;
+            }>;
+            hide: () => void;
+            show: (e?: {
+                clientY: number;
+                clientX: number;
+            }) => void;
+            contains: (el: HTMLElement) => any;
+            setPosition: (e: {
+                clientY: number;
+                clientX: number;
+            }) => void;
+        }> & {} & vue.ComponentCustomProperties & {} & {
+            $slots: {
+                title?(_: {}): any;
+            };
+        }) | null;
     };
     rootEl: any;
 };
-type __VLS_TemplateResult$9 = ReturnType<typeof __VLS_template$9>;
-declare const __VLS_component$9: vue.DefineComponent<__VLS_Props$q, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default$s: __VLS_WithTemplateSlots$9<typeof __VLS_component$9, __VLS_TemplateResult$9["slots"]>;
-
-type __VLS_WithTemplateSlots$9<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-type __VLS_Props$p = FieldProps<{
-    className?: string;
-} & FormItem$1>;
-declare const _default$r: vue.DefineComponent<__VLS_Props$p, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (v: any, eventData: ContainerChangeEventData$1) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$p> & Readonly<{
-    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+type __VLS_TemplateResult$8 = ReturnType<typeof __VLS_template$8>;
+declare const __VLS_component$8: vue.DefineComponent<__VLS_Props$e, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$e> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$g: __VLS_WithTemplateSlots$8<typeof __VLS_component$8, __VLS_TemplateResult$8["slots"]>;
 
-type __VLS_Props$o = FieldProps<CodeSelectColConfig>;
-declare const _default$q: vue.DefineComponent<__VLS_Props$o, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (v: any, eventData: ContainerChangeEventData$1) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$o> & Readonly<{
-    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+type __VLS_WithTemplateSlots$8<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 
-type __VLS_Props$n = FieldProps<{
-    type: 'data-source-fields';
-}>;
-type __VLS_PublicProps$4 = {
-    'width'?: number;
+type __VLS_Props$d = {
+    title?: string;
+    values: any;
+    disabled: boolean;
+};
+type __VLS_PublicProps$2 = {
     'visible'?: boolean;
-    'visible1'?: boolean;
-} & __VLS_Props$n;
-declare const _default$p: vue.DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+    'width'?: number;
+} & __VLS_Props$d;
+declare const _default$f: vue.DefineComponent<__VLS_PublicProps$2, {
+    show(): void;
+    hide(): void;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    submit: (v: any, eventData: ContainerChangeEventData$1) => any;
     "update:width": (value: number) => any;
     "update:visible": (value: boolean) => any;
-    "update:visible1": (value: boolean) => any;
-}, string, vue.PublicProps, Readonly<__VLS_PublicProps$4> & Readonly<{
-    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
-    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-    "onUpdate:visible1"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$m = FieldProps<{
-    type: 'data-source-mocks';
-}>;
-type __VLS_PublicProps$3 = {
-    'width'?: number;
-    'visible'?: boolean;
-} & __VLS_Props$m;
-declare const _default$o: vue.DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:width": (value: number) => void;
-    "update:visible": (value: boolean) => void;
-}, string, vue.PublicProps, Readonly<__VLS_PublicProps$3> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
+}, string, vue.PublicProps, Readonly<__VLS_PublicProps$2> & Readonly<{
+    onSubmit?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
     "onUpdate:width"?: ((value: number) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$l = FieldProps<{
-    type: 'data-source-methods';
-}>;
-declare const _default$n: vue.DefineComponent<__VLS_Props$l, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$l> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$k = FieldProps<{
-    type: 'data-source-input';
-} & FormItem$1>;
-declare const _default$m: vue.DefineComponent<__VLS_Props$k, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$k> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-
-type __VLS_Props$j = FieldProps<DataSourceSelect>;
-declare const _default$l: vue.DefineComponent<__VLS_Props$j, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$i = FieldProps<DataSourceMethodSelectConfig>;
-declare const _default$k: vue.DefineComponent<__VLS_Props$i, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$h = FieldProps<DataSourceFieldSelectConfig>;
-declare const _default$j: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$g = FieldProps<EventSelectConfig>;
-declare const _default$i: vue.DefineComponent<__VLS_Props$g, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$g> & Readonly<{
-    onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-type __VLS_Props$f = FieldProps<{
-    type: 'key-value';
-    advanced?: boolean;
-} & FormItem$1>;
-declare const _default$h: vue.DefineComponent<__VLS_Props$f, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (value: Record<string, any>) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$f> & Readonly<{
-    onChange?: ((value: Record<string, any>) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-type __VLS_Props$e = {
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+type __VLS_Props$c = {
+    disabledShowSrc?: boolean;
+    extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
 };
-declare function __VLS_template$8(): {
+declare function __VLS_template$7(): {
     attrs: Partial<{}>;
-    slots: Readonly<CodeBlockListSlots> & CodeBlockListSlots;
-    refs: {};
+    slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
+    refs: {
+        propertyFormPanel: ({
+            $: vue.ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly config: FormConfig;
+                readonly values: FormValue$1;
+                readonly disabledShowSrc?: boolean | undefined;
+                readonly labelWidth?: string | undefined;
+                readonly codeValueKey?: string | undefined;
+                readonly labelPosition?: string | undefined;
+                readonly extendState?: ((state: FormState$1) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+                readonly onMounted?: ((internalInstance: any) => any) | undefined;
+                readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+                readonly "onSubmit-error"?: ((e: any) => any) | undefined;
+                readonly "onForm-error"?: ((e: any) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: vue.Slot<any> | undefined;
+            }>;
+            $root: vue.ComponentPublicInstance | null;
+            $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+            $el: HTMLDivElement;
+            $options: vue.ComponentOptionsBase<Readonly<{
+                config: FormConfig;
+                values: FormValue$1;
+                disabledShowSrc?: boolean;
+                labelWidth?: string;
+                codeValueKey?: string;
+                labelPosition?: string;
+                extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+            }> & Readonly<{
+                onMounted?: ((internalInstance: any) => any) | undefined;
+                onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+                "onSubmit-error"?: ((e: any) => any) | undefined;
+                "onForm-error"?: ((e: any) => any) | undefined;
+            }>, {
+                configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+                    config: FormConfig;
+                    initValues: Record<string, any>;
+                    lastValues?: Record<string, any>;
+                    isCompare?: boolean;
+                    parentValues?: Record<string, any>;
+                    labelWidth?: string;
+                    disabled?: boolean;
+                    height?: string;
+                    stepActive?: string | number;
+                    size?: "small" | "default" | "large";
+                    inline?: boolean;
+                    labelPosition?: string;
+                    keyProp?: string;
+                    popperClass?: string;
+                    preventSubmitDefault?: boolean;
+                    extendState?: (state: FormState$1) => 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$1, FormValue$1>;
+                    lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                    formState: FormState$1;
+                    initialized: vue.Ref<boolean, boolean>;
+                    changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                    changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                    resetForm: () => void;
+                    submitForm: (native?: boolean) => Promise<any>;
+                }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                    change: (...args: any[]) => void;
+                    error: (...args: any[]) => void;
+                    "update:stepActive": (...args: any[]) => void;
+                    "field-change": (...args: any[]) => void;
+                    "field-input": (...args: any[]) => void;
+                }, vue.PublicProps, {
+                    disabled: boolean;
+                    labelWidth: string;
+                    inline: boolean;
+                    labelPosition: string;
+                    config: FormConfig;
+                    initValues: Record<string, any>;
+                    lastValues: Record<string, any>;
+                    isCompare: boolean;
+                    keyProp: string;
+                    parentValues: Record<string, any>;
+                    stepActive: string | number;
+                    height: string;
+                }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    config: FormConfig;
+                    initValues: Record<string, any>;
+                    lastValues?: Record<string, any>;
+                    isCompare?: boolean;
+                    parentValues?: Record<string, any>;
+                    labelWidth?: string;
+                    disabled?: boolean;
+                    height?: string;
+                    stepActive?: string | number;
+                    size?: "small" | "default" | "large";
+                    inline?: boolean;
+                    labelPosition?: string;
+                    keyProp?: string;
+                    popperClass?: string;
+                    preventSubmitDefault?: boolean;
+                    extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+                }> & Readonly<{
+                    onChange?: ((...args: any[]) => any) | undefined;
+                    onError?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+                    "onField-change"?: ((...args: any[]) => any) | undefined;
+                    "onField-input"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    values: vue.Ref<FormValue$1, FormValue$1>;
+                    lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                    formState: FormState$1;
+                    initialized: vue.Ref<boolean, boolean>;
+                    changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                    changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                    resetForm: () => void;
+                    submitForm: (native?: boolean) => Promise<any>;
+                }, {}, {}, {}, {
+                    disabled: boolean;
+                    labelWidth: string;
+                    inline: boolean;
+                    labelPosition: string;
+                    config: FormConfig;
+                    initValues: Record<string, any>;
+                    lastValues: Record<string, any>;
+                    isCompare: boolean;
+                    keyProp: string;
+                    parentValues: Record<string, any>;
+                    stepActive: string | number;
+                    height: string;
+                }> | null>>;
+                submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                mounted: (internalInstance: any) => any;
+                submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+                "submit-error": (e: any) => any;
+                "form-error": (e: any) => any;
+            }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            config: FormConfig;
+            values: FormValue$1;
+            disabledShowSrc?: boolean;
+            labelWidth?: string;
+            codeValueKey?: string;
+            labelPosition?: string;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onMounted?: ((internalInstance: any) => any) | undefined;
+            onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+            "onSubmit-error"?: ((e: any) => any) | undefined;
+            "onForm-error"?: ((e: any) => any) | undefined;
+        }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
+            configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => 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$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
+            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                change: (...args: any[]) => void;
+                error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
+                "field-change": (...args: any[]) => void;
+                "field-input": (...args: any[]) => void;
+            }, vue.PublicProps, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+            }> & Readonly<{
+                onChange?: ((...args: any[]) => any) | undefined;
+                onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+                "onField-change"?: ((...args: any[]) => any) | undefined;
+                "onField-input"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                values: vue.Ref<FormValue$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
+            }, {}, {}, {}, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }> | null>>;
+            submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+        }> & {} & vue.ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                'props-form-panel-header'(props: {}): any;
+            }> & {
+                'props-form-panel-header'(props: {}): any;
+            };
+        }) | null;
+    };
     rootEl: HTMLDivElement;
 };
-type __VLS_TemplateResult$8 = ReturnType<typeof __VLS_template$8>;
-declare const __VLS_component$8: vue.DefineComponent<__VLS_Props$e, {
-    filter: (text: string | string[]) => void;
+type __VLS_TemplateResult$7 = ReturnType<typeof __VLS_template$7>;
+declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$c, {
+    getFormState(): FormState$1 | undefined;
+    submit: (v: MNode, eventData?: ContainerChangeEventData$1) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    remove: (id: string) => any;
-    edit: (id: string) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$e> & Readonly<{
-    onRemove?: ((id: string) => any) | undefined;
-    onEdit?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$g: __VLS_WithTemplateSlots$8<typeof __VLS_component$8, __VLS_TemplateResult$8["slots"]>;
-
-type __VLS_WithTemplateSlots$8<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-type __VLS_Props$d = {
-    indent?: number;
-    nextLevelIndentIncrement?: number;
-    customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-};
-declare function __VLS_template$7(): {
-    attrs: Partial<{}>;
-    slots: Readonly<CodeBlockListPanelSlots> & CodeBlockListPanelSlots;
-    refs: {
-        codeBlockList: ({
-            $: vue.ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly indent?: number | undefined;
-                readonly nextLevelIndentIncrement?: number | undefined;
-                readonly customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-                readonly onRemove?: ((id: string) => any) | undefined;
-                readonly onEdit?: ((id: string) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: vue.Slot<any> | undefined;
-            }>;
-            $root: vue.ComponentPublicInstance | null;
-            $parent: vue.ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "remove", id: string) => void) & ((event: "edit", id: string) => void);
-            $el: HTMLDivElement;
-            $options: vue.ComponentOptionsBase<Readonly<{
-                indent?: number;
-                nextLevelIndentIncrement?: number;
-                customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+    mounted: (internalInstance: {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly config: FormConfig;
+            readonly values: FormValue$1;
+            readonly disabledShowSrc?: boolean | undefined;
+            readonly labelWidth?: string | undefined;
+            readonly codeValueKey?: string | undefined;
+            readonly labelPosition?: string | undefined;
+            readonly extendState?: ((state: FormState$1) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+            readonly onMounted?: ((internalInstance: any) => any) | undefined;
+            readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+            readonly "onSubmit-error"?: ((e: any) => any) | undefined;
+            readonly "onForm-error"?: ((e: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot<any> | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance | null;
+        $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+        $el: HTMLDivElement;
+        $options: vue.ComponentOptionsBase<Readonly<{
+            config: FormConfig;
+            values: FormValue$1;
+            disabledShowSrc?: boolean;
+            labelWidth?: string;
+            codeValueKey?: string;
+            labelPosition?: string;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onMounted?: ((internalInstance: any) => any) | undefined;
+            onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+            "onSubmit-error"?: ((e: any) => any) | undefined;
+            "onForm-error"?: ((e: any) => any) | undefined;
+        }>, {
+            configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => 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$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
+            }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+                change: (...args: any[]) => void;
+                error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
+                "field-change": (...args: any[]) => void;
+                "field-input": (...args: any[]) => void;
+            }, vue.PublicProps, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+            }> & Readonly<{
+                onChange?: ((...args: any[]) => any) | undefined;
+                onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+                "onField-change"?: ((...args: any[]) => any) | undefined;
+                "onField-input"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                values: vue.Ref<FormValue$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
+            }, {}, {}, {}, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }> | null>>;
+            submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            mounted: (internalInstance: any) => any;
+            submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+            "submit-error": (e: any) => any;
+            "form-error": (e: any) => any;
+        }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        config: FormConfig;
+        values: FormValue$1;
+        disabledShowSrc?: boolean;
+        labelWidth?: string;
+        codeValueKey?: string;
+        labelPosition?: string;
+        extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+    }> & Readonly<{
+        onMounted?: ((internalInstance: any) => any) | undefined;
+        onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+        "onSubmit-error"?: ((e: any) => any) | undefined;
+        "onForm-error"?: ((e: any) => any) | undefined;
+    }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
+        configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
+            disabled?: boolean;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState$1) => 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$1, FormValue$1>;
+            lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+            formState: FormState$1;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            change: (...args: any[]) => void;
+            error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
+            "field-change": (...args: any[]) => void;
+            "field-input": (...args: any[]) => void;
+        }, vue.PublicProps, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
+            disabled?: boolean;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onChange?: ((...args: any[]) => any) | undefined;
+            onError?: ((...args: any[]) => any) | undefined;
+            "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+            "onField-change"?: ((...args: any[]) => any) | undefined;
+            "onField-input"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            values: vue.Ref<FormValue$1, FormValue$1>;
+            lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+            formState: FormState$1;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }> | null>>;
+        submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+    }> & {} & vue.ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            'props-form-panel-header'(props: {}): any;
+        }> & {
+            'props-form-panel-header'(props: {}): any;
+        };
+    }) => any;
+    "submit-error": (e: any) => any;
+    "form-error": (e: any) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$c> & Readonly<{
+    onMounted?: ((internalInstance: {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly config: FormConfig;
+            readonly values: FormValue$1;
+            readonly disabledShowSrc?: boolean | undefined;
+            readonly labelWidth?: string | undefined;
+            readonly codeValueKey?: string | undefined;
+            readonly labelPosition?: string | undefined;
+            readonly extendState?: ((state: FormState$1) => Record<string, any> | Promise<Record<string, any>>) | undefined;
+            readonly onMounted?: ((internalInstance: any) => any) | undefined;
+            readonly onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+            readonly "onSubmit-error"?: ((e: any) => any) | undefined;
+            readonly "onForm-error"?: ((e: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot<any> | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance | null;
+        $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "mounted", internalInstance: any) => void) & ((event: "submit", values: any, eventData?: ContainerChangeEventData$1 | undefined) => void) & ((event: "submit-error", e: any) => void) & ((event: "form-error", e: any) => void);
+        $el: HTMLDivElement;
+        $options: vue.ComponentOptionsBase<Readonly<{
+            config: FormConfig;
+            values: FormValue$1;
+            disabledShowSrc?: boolean;
+            labelWidth?: string;
+            codeValueKey?: string;
+            labelPosition?: string;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+        }> & Readonly<{
+            onMounted?: ((internalInstance: any) => any) | undefined;
+            onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+            "onSubmit-error"?: ((e: any) => any) | undefined;
+            "onForm-error"?: ((e: any) => any) | undefined;
+        }>, {
+            configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
             }> & Readonly<{
-                onRemove?: ((id: string) => any) | undefined;
-                onEdit?: ((id: string) => any) | undefined;
+                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;
             }>, {
-                filter: (text: string | string[]) => void;
+                values: vue.Ref<FormValue$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
             }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-                remove: (id: string) => any;
-                edit: (id: string) => any;
-            }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
-                renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $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<{
-            indent?: number;
-            nextLevelIndentIncrement?: number;
-            customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
-        }> & Readonly<{
-            onRemove?: ((id: string) => any) | undefined;
-            onEdit?: ((id: string) => any) | undefined;
-        }>, "filter"> & vue.ShallowUnwrapRef<{
-            filter: (text: string | string[]) => void;
-        }> & {} & vue.ComponentCustomProperties & {} & {
-            $slots: Readonly<CodeBlockListSlots> & CodeBlockListSlots;
-        }) | null;
-        codeBlockEditor: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            width?: number;
-            visible?: boolean;
-        } & {
-            content: _tmagic_schema.CodeBlockContent;
+                change: (...args: any[]) => void;
+                error: (...args: any[]) => void;
+                "update:stepActive": (...args: any[]) => void;
+                "field-change": (...args: any[]) => void;
+                "field-input": (...args: any[]) => void;
+            }, vue.PublicProps, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues?: Record<string, any>;
+                isCompare?: boolean;
+                parentValues?: Record<string, any>;
+                labelWidth?: string;
+                disabled?: boolean;
+                height?: string;
+                stepActive?: string | number;
+                size?: "small" | "default" | "large";
+                inline?: boolean;
+                labelPosition?: string;
+                keyProp?: string;
+                popperClass?: string;
+                preventSubmitDefault?: boolean;
+                extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+            }> & Readonly<{
+                onChange?: ((...args: any[]) => any) | undefined;
+                onError?: ((...args: any[]) => any) | undefined;
+                "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
+                "onField-change"?: ((...args: any[]) => any) | undefined;
+                "onField-input"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                values: vue.Ref<FormValue$1, FormValue$1>;
+                lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+                formState: FormState$1;
+                initialized: vue.Ref<boolean, boolean>;
+                changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+                changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+                resetForm: () => void;
+                submitForm: (native?: boolean) => Promise<any>;
+            }, {}, {}, {}, {
+                disabled: boolean;
+                labelWidth: string;
+                inline: boolean;
+                labelPosition: string;
+                config: FormConfig;
+                initValues: Record<string, any>;
+                lastValues: Record<string, any>;
+                isCompare: boolean;
+                keyProp: string;
+                parentValues: Record<string, any>;
+                stepActive: string | number;
+                height: string;
+            }> | null>>;
+            submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            mounted: (internalInstance: any) => any;
+            submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+            "submit-error": (e: any) => any;
+            "form-error": (e: any) => any;
+        }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        config: FormConfig;
+        values: FormValue$1;
+        disabledShowSrc?: boolean;
+        labelWidth?: string;
+        codeValueKey?: string;
+        labelPosition?: string;
+        extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
+    }> & Readonly<{
+        onMounted?: ((internalInstance: any) => any) | undefined;
+        onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+        "onSubmit-error"?: ((e: any) => any) | undefined;
+        "onForm-error"?: ((e: any) => any) | undefined;
+    }>, "submit" | "configForm"> & vue.ShallowUnwrapRef<{
+        configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
             disabled?: boolean;
-            isDataSource?: boolean;
-            dataSourceType?: string;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
         }> & Readonly<{
-            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
-            "onUpdate:width"?: ((value: number) => any) | undefined;
-            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+            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;
         }>, {
-            show(): Promise<void>;
-            hide(): Promise<void>;
+            values: vue.Ref<FormValue$1, FormValue$1>;
+            lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+            formState: FormState$1;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
         }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            submit: (values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any;
-            "update:width": (value: number) => any;
-            "update:visible": (value: boolean) => any;
-        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            change: (...args: any[]) => void;
+            error: (...args: any[]) => void;
+            "update:stepActive": (...args: any[]) => void;
+            "field-change": (...args: any[]) => void;
+            "field-input": (...args: any[]) => void;
+        }, vue.PublicProps, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3993,27 +4637,63 @@ declare function __VLS_template$7(): {
             M: {};
             Defaults: {};
         }, Readonly<{
-            width?: number;
-            visible?: boolean;
-        } & {
-            content: _tmagic_schema.CodeBlockContent;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues?: Record<string, any>;
+            isCompare?: boolean;
+            parentValues?: Record<string, any>;
+            labelWidth?: string;
             disabled?: boolean;
-            isDataSource?: boolean;
-            dataSourceType?: string;
+            height?: string;
+            stepActive?: string | number;
+            size?: "small" | "default" | "large";
+            inline?: boolean;
+            labelPosition?: string;
+            keyProp?: string;
+            popperClass?: string;
+            preventSubmitDefault?: boolean;
+            extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
         }> & Readonly<{
-            onSubmit?: ((values: _tmagic_schema.CodeBlockContent, eventData: ContainerChangeEventData) => any) | undefined;
-            "onUpdate:width"?: ((value: number) => any) | undefined;
-            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+            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;
         }>, {
-            show(): Promise<void>;
-            hide(): Promise<void>;
-        }, {}, {}, {}, {}> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult$7 = ReturnType<typeof __VLS_template$7>;
-declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$d, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$d> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default$f: __VLS_WithTemplateSlots$7<typeof __VLS_component$7, __VLS_TemplateResult$7["slots"]>;
+            values: vue.Ref<FormValue$1, FormValue$1>;
+            lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
+            formState: FormState$1;
+            initialized: vue.Ref<boolean, boolean>;
+            changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
+            changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
+            resetForm: () => void;
+            submitForm: (native?: boolean) => Promise<any>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            labelWidth: string;
+            inline: boolean;
+            labelPosition: string;
+            config: FormConfig;
+            initValues: Record<string, any>;
+            lastValues: Record<string, any>;
+            isCompare: boolean;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            stepActive: string | number;
+            height: string;
+        }> | null>>;
+        submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
+    }> & {} & vue.ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            'props-form-panel-header'(props: {}): any;
+        }> & {
+            'props-form-panel-header'(props: {}): any;
+        };
+    }) => any) | undefined;
+    "onSubmit-error"?: ((e: any) => any) | undefined;
+    "onForm-error"?: ((e: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default$e: __VLS_WithTemplateSlots$7<typeof __VLS_component$7, __VLS_TemplateResult$7["slots"]>;
 
 type __VLS_WithTemplateSlots$7<T, S> = T & {
     new (): {
@@ -4021,38 +4701,25 @@ type __VLS_WithTemplateSlots$7<T, S> = T & {
     };
 };
 
-type __VLS_Props$c = {
-    title?: string;
-    values: any;
-    disabled: boolean;
-};
-type __VLS_PublicProps$2 = {
-    'visible'?: boolean;
-    'width'?: number;
-} & __VLS_Props$c;
-declare const _default$e: vue.DefineComponent<__VLS_PublicProps$2, {
-    show(): void;
-    hide(): void;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    submit: (v: any, eventData: ContainerChangeEventData$1) => any;
-    "update:width": (value: number) => any;
-    "update:visible": (value: boolean) => any;
-}, string, vue.PublicProps, Readonly<__VLS_PublicProps$2> & Readonly<{
-    onSubmit?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
-    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-
 type __VLS_Props$b = {
+    config: FormConfig$1;
+    values: FormValue$1;
     disabledShowSrc?: boolean;
+    labelWidth?: string;
+    codeValueKey?: string;
+    labelPosition?: string;
     extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare function __VLS_template$6(): {
     attrs: Partial<{}>;
-    slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
+    slots: Readonly<{
+        'props-form-panel-header'(props: {}): any;
+    }> & {
+        'props-form-panel-header'(props: {}): any;
+    };
     refs: {
         configForm: vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-            config: FormConfig;
+            config: FormConfig$1;
             initValues: Record<string, any>;
             lastValues?: Record<string, any>;
             isCompare?: boolean;
@@ -4094,7 +4761,7 @@ declare function __VLS_template$6(): {
             labelWidth: string;
             inline: boolean;
             labelPosition: string;
-            config: FormConfig;
+            config: FormConfig$1;
             initValues: Record<string, any>;
             lastValues: Record<string, any>;
             isCompare: boolean;
@@ -4110,7 +4777,7 @@ declare function __VLS_template$6(): {
             M: {};
             Defaults: {};
         }, Readonly<{
-            config: FormConfig;
+            config: FormConfig$1;
             initValues: Record<string, any>;
             lastValues?: Record<string, any>;
             isCompare?: boolean;
@@ -4146,7 +4813,7 @@ declare function __VLS_template$6(): {
             labelWidth: string;
             inline: boolean;
             labelPosition: string;
-            config: FormConfig;
+            config: FormConfig$1;
             initValues: Record<string, any>;
             lastValues: Record<string, any>;
             isCompare: boolean;
@@ -4160,111 +4827,8 @@ declare function __VLS_template$6(): {
 };
 type __VLS_TemplateResult$6 = ReturnType<typeof __VLS_template$6>;
 declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
-    configForm: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (state: FormState$1) => 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$1, FormValue$1>;
-        lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
-        formState: FormState$1;
-        initialized: vue.Ref<boolean, boolean>;
-        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
-        error: (...args: any[]) => void;
-        "update:stepActive": (...args: any[]) => void;
-        "field-change": (...args: any[]) => void;
-        "field-input": (...args: any[]) => void;
-    }, vue.PublicProps, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-        height: string;
-    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues?: Record<string, any>;
-        isCompare?: boolean;
-        parentValues?: Record<string, any>;
-        labelWidth?: string;
-        disabled?: boolean;
-        height?: string;
-        stepActive?: string | number;
-        size?: "small" | "default" | "large";
-        inline?: boolean;
-        labelPosition?: string;
-        keyProp?: string;
-        popperClass?: string;
-        preventSubmitDefault?: boolean;
-        extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
-    }> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
-        "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        values: vue.Ref<FormValue$1, FormValue$1>;
-        lastValuesProcessed: vue.Ref<FormValue$1, FormValue$1>;
-        formState: FormState$1;
-        initialized: vue.Ref<boolean, boolean>;
-        changeRecords: vue.ShallowRef<ChangeRecord[], ChangeRecord[]>;
-        changeHandler: (v: FormValue$1, eventData: ContainerChangeEventData$1) => void;
-        resetForm: () => void;
-        submitForm: (native?: boolean) => Promise<any>;
-    }, {}, {}, {}, {
-        disabled: boolean;
-        labelWidth: string;
-        inline: boolean;
-        labelPosition: string;
-        config: FormConfig;
-        initValues: Record<string, any>;
-        lastValues: Record<string, any>;
-        isCompare: boolean;
-        keyProp: string;
-        parentValues: Record<string, any>;
-        stepActive: string | number;
-        height: string;
-    }> | undefined, vue.CreateComponentPublicInstanceWithMixins<Readonly<{
-        config: FormConfig;
+    configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+        config: FormConfig$1;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
         isCompare?: boolean;
@@ -4306,7 +4870,7 @@ declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
         labelWidth: string;
         inline: boolean;
         labelPosition: string;
-        config: FormConfig;
+        config: FormConfig$1;
         initValues: Record<string, any>;
         lastValues: Record<string, any>;
         isCompare: boolean;
@@ -4322,7 +4886,7 @@ declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        config: FormConfig;
+        config: FormConfig$1;
         initValues: Record<string, any>;
         lastValues?: Record<string, any>;
         isCompare?: boolean;
@@ -4358,7 +4922,7 @@ declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
         labelWidth: string;
         inline: boolean;
         labelPosition: string;
-        config: FormConfig;
+        config: FormConfig$1;
         initValues: Record<string, any>;
         lastValues: Record<string, any>;
         isCompare: boolean;
@@ -4366,16 +4930,18 @@ declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
         parentValues: Record<string, any>;
         stepActive: string | number;
         height: string;
-    }> | undefined>;
+    }> | null>>;
     submit: (v: FormValue$1, eventData: ContainerChangeEventData$1) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    mounted: (...args: any[]) => void;
-    "submit-error": (...args: any[]) => void;
-    "form-error": (...args: any[]) => void;
+    mounted: (internalInstance: any) => any;
+    submit: (values: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
+    "submit-error": (e: any) => any;
+    "form-error": (e: any) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props$b> & Readonly<{
-    onMounted?: ((...args: any[]) => any) | undefined;
-    "onSubmit-error"?: ((...args: any[]) => any) | undefined;
-    "onForm-error"?: ((...args: any[]) => any) | undefined;
+    onMounted?: ((internalInstance: any) => any) | undefined;
+    onSubmit?: ((values: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
+    "onSubmit-error"?: ((e: any) => any) | undefined;
+    "onForm-error"?: ((e: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default$d: __VLS_WithTemplateSlots$6<typeof __VLS_component$6, __VLS_TemplateResult$6["slots"]>;
 
@@ -4433,7 +4999,7 @@ declare function __VLS_template$5(): {
 };
 type __VLS_TemplateResult$5 = ReturnType<typeof __VLS_template$5>;
 declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$9, {
-    menu: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    menu: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
     menuPosition: vue.Ref<{
         left: number;
         top: number;
@@ -4603,8 +5169,8 @@ declare function __VLS_template$2(): {
 type __VLS_TemplateResult$2 = ReturnType<typeof __VLS_template$2>;
 declare const __VLS_component$2: vue.DefineComponent<__VLS_PublicProps, {
     bodyHeight: vue.ComputedRef<number | "auto">;
-    target: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    titleEl: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    target: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
+    titleEl: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     "update:width": (value: number) => any;
     "update:height": (value: number) => any;
@@ -4781,4 +5347,4 @@ declare const _default: {
     install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>) => void;
 };
 
-export { type AddMNode, type AddPrefixToObject, type AsyncAfterHook, type AsyncBeforeHook, type AsyncHookPlugin, type BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default$7 as CodeBlockEditor, _default$g as CodeBlockList, _default$f as CodeBlockListPanel, type CodeBlockListPanelSlots, type CodeBlockListSlots, CodeDeleteErrorType, type CodeDslItem, type CodeParamStatement, type CodeRelation, _default$r as CodeSelect, _default$q as CodeSelectCol, type CodeSelectColConfig, type CodeState, ColumnLayout, type CombineInfo, type ComponentGroup, type ComponentGroupState, type ComponentItem, _default$t as ComponentListPanel, type ComponentListPanelSlots, _default$1 as CondOpSelect, type CondOpSelectConfig, _default$b as ContentMenu, _default$e as DataSourceConfigPanel, _default$j as DataSourceFieldSelect, type DataSourceFieldSelectConfig, _default$p as DataSourceFields, _default$m as DataSourceInput, type DataSourceListSlots, _default$k as DataSourceMethodSelect, type DataSourceMethodSelectConfig, _default$n as DataSourceMethods, _default$o as DataSourceMocks, _default$l as DataSourceSelect, type DatasourceTypeOption, _default$2 as DisplayConds, DragType, type EditorInstallOptions, type EditorNodeInfo, type EventBus, type EventBusEvent, _default$i as EventSelect, type EventSelectConfig, Fixed2Other, _default$6 as FloatingBox, type FrameworkSlots, type GetColumnWidth, type GetConfig, H_GUIDE_LINE_STORAGE_KEY, type HistoryState, _default$a as Icon, IdleTask, type IdleTaskEvents, type KeyBindingCacheItem, KeyBindingCommand, type KeyBindingItem, _default$h as KeyValue, Keys, type LayerNodeSlots, type LayerNodeStatus, LayerOffset, _default$s as LayerPanel, type LayerPanelSlots, Layout, _default$9 as LayoutContainer, type ListState, type MenuBarData, type MenuButton, type MenuComponent, type MenuItem, type PageBarSortOptions, _default$3 as PageFragmentSelect, type PageFragmentSelectConfig, type PartSortableOptions, type PastePosition, type PropsFormConfigFunction, type PropsFormValueFunction, _default$d as PropsPanel, type PropsPanelSlots, type PropsState, _default$8 as Resizer, ScrollViewer, type ScrollViewerEvent, type Services, type SetColumnWidth, type SideBarData, type SideComponent, type SideItem, SideItemKey, type SidebarSlots, _default$9 as SplitView, type StageOptions, type StageOverlayState, type StageRect, type StepValue, type StoreState, type StoreStateKey, type SyncAfterHook, type SyncBeforeHook, type SyncHookPlugin, _default$u as TMagicCodeEditor, _default$v as TMagicEditor, _default$c as ToolButton, _default$5 as Tree, _default$4 as TreeNode, type TreeNodeData, UI_SELECT_MODE_EVENT_NAME, type UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, type WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, _default$F as codeBlockService, _default$E as dataSourceService, debug, _default as default, _default$D as depService, displayTabConfig, _default$C as editorService, eqOptions, error, eventTabConfig, _default$B as eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$A as historyService, info, isIncludeDataSource, log, moveItemsInContainer, numberOptions, _default$z as propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$y as stageOverlayService, _default$x as storageService, styleTabConfig, _default$w as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useStage, useWindowRect, warn };
+export { type AddMNode, type AddPrefixToObject, type AsyncAfterHook, type AsyncBeforeHook, type AsyncHookPlugin, type BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default$7 as CodeBlockEditor, _default$h as CodeBlockList, _default$g as CodeBlockListPanel, type CodeBlockListPanelSlots, type CodeBlockListSlots, CodeDeleteErrorType, type CodeDslItem, type CodeParamStatement, type CodeRelation, _default$s as CodeSelect, _default$r as CodeSelectCol, type CodeSelectColConfig, type CodeState, ColumnLayout, type CombineInfo, type ComponentGroup, type ComponentGroupState, type ComponentItem, _default$u as ComponentListPanel, type ComponentListPanelSlots, _default$1 as CondOpSelect, type CondOpSelectConfig, _default$b as ContentMenu, type CustomContentMenuFunction, _default$f as DataSourceConfigPanel, _default$k as DataSourceFieldSelect, type DataSourceFieldSelectConfig, _default$q as DataSourceFields, _default$n as DataSourceInput, type DataSourceListSlots, _default$l as DataSourceMethodSelect, type DataSourceMethodSelectConfig, _default$o as DataSourceMethods, _default$p as DataSourceMocks, _default$m as DataSourceSelect, type DatasourceTypeOption, _default$2 as DisplayConds, DragType, type EditorInstallOptions, type EditorNodeInfo, type EventBus, type EventBusEvent, _default$j as EventSelect, type EventSelectConfig, Fixed2Other, _default$6 as FloatingBox, type FrameworkSlots, type GetColumnWidth, type GetConfig, H_GUIDE_LINE_STORAGE_KEY, type HistoryState, _default$a as Icon, IdleTask, type IdleTaskEvents, type KeyBindingCacheItem, KeyBindingCommand, type KeyBindingItem, _default$i as KeyValue, Keys, type LayerNodeSlots, type LayerNodeStatus, LayerOffset, _default$t as LayerPanel, type LayerPanelSlots, Layout, _default$9 as LayoutContainer, type ListState, type MenuBarData, type MenuButton, type MenuComponent, type MenuItem, type PageBarSortOptions, _default$3 as PageFragmentSelect, type PageFragmentSelectConfig, type PartSortableOptions, type PastePosition, type PropsFormConfigFunction, _default$d as PropsFormPanel, type PropsFormValueFunction, _default$e as PropsPanel, type PropsPanelSlots, type PropsState, _default$8 as Resizer, ScrollViewer, type ScrollViewerEvent, type Services, type SetColumnWidth, type SideBarData, type SideComponent, type SideItem, SideItemKey, type SidebarSlots, _default$9 as SplitView, type StageOptions, type StageOverlayState, type StageRect, type StepValue, type StoreState, type StoreStateKey, type SyncAfterHook, type SyncBeforeHook, type SyncHookPlugin, _default$v as TMagicCodeEditor, _default$w as TMagicEditor, _default$c as ToolButton, _default$5 as Tree, _default$4 as TreeNode, type TreeNodeData, UI_SELECT_MODE_EVENT_NAME, type UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, type WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, _default$G as codeBlockService, _default$F as dataSourceService, debug, _default as default, _default$E as depService, displayTabConfig, _default$D as editorService, eqOptions, error, eventTabConfig, _default$C as eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$B as historyService, info, isIncludeDataSource, log, moveItemsInContainer, numberOptions, _default$A as propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$z as stageOverlayService, _default$y as storageService, styleTabConfig, _default$x as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useStage, useWindowRect, warn };