@tmagic/editor 1.5.2 → 1.5.3

package/types/index.d.ts

@@ -17,6 +17,7 @@ import StageCore__default, { ContainerHighlightType, MoveableOptions, CustomizeM
 export * from '@tmagic/stage';
 export { default as StageCore } from '@tmagic/stage';
 import * as _tmagic_schema from '@tmagic/schema';
+import { StyleSchema } from '@tmagic/schema';
 export * from '@tmagic/table';
 export { default as tablePlugin } from '@tmagic/table';
 export * from '@tmagic/utils';
@@ -213,7 +214,7 @@ declare class CodeBlock extends export_default {
     usePlugin(options: AsyncHookPlugin<AsyncMethodName$3, CodeBlock>): void;
 }
 type CodeBlockService = CodeBlock;
-declare const _default$G: CodeBlock;
+declare const _default$H: CodeBlock;
 
 declare class ComponentList extends export_default {
     private state;
@@ -289,7 +290,7 @@ declare class DataSource extends export_default {
     paste(): void;
 }
 type DataSourceService = DataSource;
-declare const _default$F: DataSource;
+declare const _default$G: DataSource;
 
 interface DepEvents {
     'add-target': [target: Target];
@@ -328,7 +329,7 @@ declare class Dep extends export_default {
     private enqueueTask;
 }
 type DepService = Dep;
-declare const _default$E: Dep;
+declare const _default$F: Dep;
 
 interface EditorEvents {
     'root-change': [value: StoreState['root'], preValue?: StoreState['root']];
@@ -514,7 +515,7 @@ declare class Editor extends export_default {
     private selectedConfigExceptionHandler;
 }
 type EditorService = Editor;
-declare const _default$D: Editor;
+declare const _default$E: Editor;
 
 declare class Events extends export_default {
     constructor();
@@ -529,7 +530,7 @@ declare class Events extends export_default {
     destroy(): void;
 }
 type EventsService = Events;
-declare const _default$C: Events;
+declare const _default$D: Events;
 
 declare class UndoRedo<T = any> {
     private elementList;
@@ -564,7 +565,7 @@ declare class History extends export_default {
     private setCanUndoRedo;
 }
 type HistoryService = History;
-declare const _default$B: History;
+declare const _default$C: History;
 
 declare class Keybinding extends export_default {
     ctrlKey: string;
@@ -687,7 +688,7 @@ declare class Props extends export_default {
     private setRelateId;
 }
 type PropsService = Props;
-declare const _default$A: Props;
+declare const _default$B: Props;
 
 declare const canUsePluginMethods$2: {
     async: never[];
@@ -713,7 +714,7 @@ declare class StageOverlay extends export_default {
     private updateSelectStatus;
 }
 type StageOverlayService = StageOverlay;
-declare const _default$z: StageOverlay;
+declare const _default$A: StageOverlay;
 
 interface Options {
     namespace?: string;
@@ -775,7 +776,7 @@ declare class WebStorage extends export_default {
     private getValueAndProtocol;
 }
 type StorageService = WebStorage;
-declare const _default$y: WebStorage;
+declare const _default$z: WebStorage;
 
 declare const canUsePluginMethods: {
     async: readonly ["zoom", "calcZoom"];
@@ -850,7 +851,7 @@ declare class Ui extends export_default {
     private setStageRect;
 }
 type UiService = Ui;
-declare const _default$x: Ui;
+declare const _default$y: Ui;
 
 interface FrameworkSlots {
     header(props: {}): any;
@@ -1812,9 +1813,12 @@ interface SwitchConfig extends FormItem {
  */
 interface RadioGroupConfig extends FormItem {
     type: 'radio-group';
+    childType?: 'default' | 'button';
     options: {
         value: string | number | boolean;
         text: string;
+        icon?: any;
+        tooltip?: string;
     }[];
 }
 /**
@@ -2012,6 +2016,7 @@ interface TableConfig extends FormItem {
     addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
     /** 是否显示删除按钮 */
     delete?: (model: any, index: number, values: any) => boolean | boolean;
+    copyable?: (model: any, data: any) => boolean | boolean;
     /** 是否显示导入按钮 */
     importable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
     /** 是否显示checkbox */
@@ -2045,7 +2050,9 @@ interface GroupListConfig extends FormItem {
     addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
     defaultAdd?: (mForm: FormState | undefined, data: any) => any;
     delete?: (model: any, index: number | string | symbol, values: any) => boolean | boolean;
+    copyable?: FilterFunction<boolean>;
     movable?: (mForm: FormState | undefined, index: number | string | symbol, model: any, groupModel: any) => boolean | boolean;
+    moveSpecifyLocation?: boolean;
     [key: string]: any;
 }
 interface StepItemConfig extends FormItem, ContainerCommonConfig {
@@ -2256,9 +2263,7 @@ declare const change2Fixed: (node: MNode, root: MApp) => {
 declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode) => Promise<Layout>) => Promise<Record<string, any>>;
 declare const getGuideLineFromCache: (key: string) => number[];
 declare const fixNodeLeft: (config: MNode, parent: MContainer, doc?: Document) => any;
-declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore__default | null) => {
-    [key: string]: any;
-} | undefined;
+declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore__default | null) => _tmagic_schema.StyleSchema | undefined;
 declare const serializeConfig: (config: any) => string;
 declare const moveItemsInContainer: (sourceIndices: number[], parent: MContainer, targetIndex: number) => void;
 declare const isIncludeDataSource: (node: MNode, oldNode: MNode) => boolean;
@@ -3103,7 +3108,7 @@ declare const __VLS_component$c: vue.DefineComponent<EditorProps, {
     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"]>;
+declare const _default$x: __VLS_WithTemplateSlots$c<typeof __VLS_component$c, __VLS_TemplateResult$c["slots"]>;
 
 type __VLS_WithTemplateSlots$c<T, S> = T & {
     new (): {
@@ -3111,7 +3116,7 @@ type __VLS_WithTemplateSlots$c<T, S> = T & {
     };
 };
 
-type __VLS_Props$s = {
+type __VLS_Props$t = {
     initValues?: any;
     modifiedValues?: any;
     type?: 'diff';
@@ -3123,7 +3128,7 @@ type __VLS_Props$s = {
     autoSave?: boolean;
     parse?: boolean;
 };
-declare const _default$v: vue.DefineComponent<__VLS_Props$s, {
+declare const _default$w: vue.DefineComponent<__VLS_Props$t, {
     values: vue.Ref<string, string>;
     getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
     getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
@@ -3134,7 +3139,7 @@ declare const _default$v: vue.DefineComponent<__VLS_Props$s, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     save: (...args: any[]) => void;
     initd: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$s> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$t> & Readonly<{
     onSave?: ((...args: any[]) => any) | undefined;
     onInitd?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -3155,7 +3160,7 @@ declare function __VLS_template$b(): {
 };
 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"]>;
+declare const _default$v: __VLS_WithTemplateSlots$b<typeof __VLS_component$b, __VLS_TemplateResult$b["slots"]>;
 
 type __VLS_WithTemplateSlots$b<T, S> = T & {
     new (): {
@@ -3163,7 +3168,7 @@ type __VLS_WithTemplateSlots$b<T, S> = T & {
     };
 };
 
-type __VLS_Props$r = {
+type __VLS_Props$s = {
     layerContentMenu: (MenuButton | MenuComponent)[];
     indent?: number;
     nextLevelIndentIncrement?: number;
@@ -3317,8 +3322,8 @@ declare function __VLS_template$a(): {
     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"]>;
+declare const __VLS_component$a: vue.DefineComponent<__VLS_Props$s, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$s> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$u: __VLS_WithTemplateSlots$a<typeof __VLS_component$a, __VLS_TemplateResult$a["slots"]>;
 
 type __VLS_WithTemplateSlots$a<T, S> = T & {
     new (): {
@@ -3326,33 +3331,33 @@ type __VLS_WithTemplateSlots$a<T, S> = T & {
     };
 };
 
-type __VLS_Props$q = FieldProps<{
+type __VLS_Props$r = FieldProps<{
     className?: string;
 } & FormItem$1>;
-declare const _default$s: vue.DefineComponent<__VLS_Props$q, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$t: vue.DefineComponent<__VLS_Props$r, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (v: any, eventData: ContainerChangeEventData$1) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$r> & 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, {
+type __VLS_Props$q = FieldProps<CodeSelectColConfig>;
+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$p> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$q> & Readonly<{
     onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$o = FieldProps<{
+type __VLS_Props$p = 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, {
+} & __VLS_Props$p;
+declare const _default$r: 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;
@@ -3366,14 +3371,14 @@ declare const _default$q: vue.DefineComponent<__VLS_PublicProps$4, {}, {}, {}, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$n = FieldProps<{
+type __VLS_Props$o = 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, {
+} & __VLS_Props$o;
+declare const _default$q: vue.DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:width": (value: number) => void;
     "update:visible": (value: boolean) => void;
@@ -3385,75 +3390,75 @@ declare const _default$p: vue.DefineComponent<__VLS_PublicProps$3, {}, {}, {}, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$m = FieldProps<{
+type __VLS_Props$n = FieldProps<{
     type: 'data-source-methods';
 }>;
-declare const _default$o: vue.DefineComponent<__VLS_Props$m, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$p: vue.DefineComponent<__VLS_Props$n, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$m> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$n> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$l = FieldProps<{
+type __VLS_Props$m = FieldProps<{
     type: 'data-source-input';
 } & FormItem$1>;
-declare const _default$n: vue.DefineComponent<__VLS_Props$l, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$o: vue.DefineComponent<__VLS_Props$m, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$l> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$m> & 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, {
+type __VLS_Props$l = FieldProps<DataSourceSelect>;
+declare const _default$n: vue.DefineComponent<__VLS_Props$l, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$k> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$l> & 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, {
+type __VLS_Props$k = FieldProps<DataSourceMethodSelectConfig>;
+declare const _default$m: vue.DefineComponent<__VLS_Props$k, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$k> & 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, {
+type __VLS_Props$j = FieldProps<DataSourceFieldSelectConfig>;
+declare const _default$l: vue.DefineComponent<__VLS_Props$j, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$j> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$h = FieldProps<EventSelectConfig>;
-declare const _default$j: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$i = FieldProps<EventSelectConfig>;
+declare const _default$k: vue.DefineComponent<__VLS_Props$i, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (v: any, eventData?: ContainerChangeEventData$1 | undefined) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$i> & Readonly<{
     onChange?: ((v: any, eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$g = FieldProps<{
+type __VLS_Props$h = FieldProps<{
     type: 'key-value';
     advanced?: boolean;
 } & FormItem$1>;
-declare const _default$i: vue.DefineComponent<__VLS_Props$g, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$j: vue.DefineComponent<__VLS_Props$h, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: Record<string, any>) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$g> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$h> & Readonly<{
     onChange?: ((value: Record<string, any>) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$f = {
+type __VLS_Props$g = {
     indent?: number;
     nextLevelIndentIncrement?: number;
     customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
@@ -3465,19 +3470,19 @@ declare function __VLS_template$9(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$9 = ReturnType<typeof __VLS_template$9>;
-declare const __VLS_component$9: vue.DefineComponent<__VLS_Props$f, {
+declare const __VLS_component$9: vue.DefineComponent<__VLS_Props$g, {
     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<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$g> & 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"]>;
+declare const _default$i: __VLS_WithTemplateSlots$9<typeof __VLS_component$9, __VLS_TemplateResult$9["slots"]>;
 
 type __VLS_WithTemplateSlots$9<T, S> = T & {
     new (): {
@@ -3485,7 +3490,7 @@ type __VLS_WithTemplateSlots$9<T, S> = T & {
     };
 };
 
-type __VLS_Props$e = {
+type __VLS_Props$f = {
     indent?: number;
     nextLevelIndentIncrement?: number;
     customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
@@ -3740,8 +3745,8 @@ declare function __VLS_template$8(): {
     rootEl: any;
 };
 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"]>;
+declare const __VLS_component$8: vue.DefineComponent<__VLS_Props$f, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$f> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$h: __VLS_WithTemplateSlots$8<typeof __VLS_component$8, __VLS_TemplateResult$8["slots"]>;
 
 type __VLS_WithTemplateSlots$8<T, S> = T & {
     new (): {
@@ -3749,7 +3754,7 @@ type __VLS_WithTemplateSlots$8<T, S> = T & {
     };
 };
 
-type __VLS_Props$d = {
+type __VLS_Props$e = {
     title?: string;
     values: any;
     disabled: boolean;
@@ -3757,8 +3762,8 @@ type __VLS_Props$d = {
 type __VLS_PublicProps$2 = {
     'visible'?: boolean;
     'width'?: number;
-} & __VLS_Props$d;
-declare const _default$f: vue.DefineComponent<__VLS_PublicProps$2, {
+} & __VLS_Props$e;
+declare const _default$g: vue.DefineComponent<__VLS_PublicProps$2, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -3771,7 +3776,7 @@ declare const _default$f: vue.DefineComponent<__VLS_PublicProps$2, {
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-type __VLS_Props$c = {
+type __VLS_Props$d = {
     disabledShowSrc?: boolean;
     extendState?: (state: FormState$1) => Record<string, any> | Promise<Record<string, any>>;
 };
@@ -3779,6 +3784,7 @@ declare function __VLS_template$7(): {
     attrs: Partial<{}>;
     slots: Readonly<PropsPanelSlots> & PropsPanelSlots;
     refs: {
+        propsPanel: HTMLDivElement;
         propertyFormPanel: ({
             $: vue.ComponentInternalInstance;
             $data: {};
@@ -4083,7 +4089,7 @@ declare function __VLS_template$7(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$7 = ReturnType<typeof __VLS_template$7>;
-declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$c, {
+declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$d, {
     getFormState(): FormState$1 | undefined;
     submit: (v: MNode, eventData?: ContainerChangeEventData$1) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -4389,7 +4395,7 @@ declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$c, {
     }) => any;
     "submit-error": (e: any) => any;
     "form-error": (e: any) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$c> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$d> & Readonly<{
     onMounted?: ((internalInstance: {
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -4692,8 +4698,310 @@ declare const __VLS_component$7: vue.DefineComponent<__VLS_Props$c, {
     }) => 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"]>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {
+    propsPanel: HTMLDivElement;
+    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;
+}, HTMLDivElement>;
+declare const _default$f: __VLS_WithTemplateSlots$7<typeof __VLS_component$7, __VLS_TemplateResult$7["slots"]>;
 
 type __VLS_WithTemplateSlots$7<T, S> = T & {
     new (): {
@@ -4701,7 +5009,7 @@ type __VLS_WithTemplateSlots$7<T, S> = T & {
     };
 };
 
-type __VLS_Props$b = {
+type __VLS_Props$c = {
     config: FormConfig$1;
     values: FormValue$1;
     disabledShowSrc?: boolean;
@@ -4826,7 +5134,7 @@ declare function __VLS_template$6(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$6 = ReturnType<typeof __VLS_template$6>;
-declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
+declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$c, {
     configForm: Readonly<vue.ShallowRef<vue.CreateComponentPublicInstanceWithMixins<Readonly<{
         config: FormConfig$1;
         initValues: Record<string, any>;
@@ -4937,13 +5245,13 @@ declare const __VLS_component$6: vue.DefineComponent<__VLS_Props$b, {
     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<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$c> & 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;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$d: __VLS_WithTemplateSlots$6<typeof __VLS_component$6, __VLS_TemplateResult$6["slots"]>;
+declare const _default$e: __VLS_WithTemplateSlots$6<typeof __VLS_component$6, __VLS_TemplateResult$6["slots"]>;
 
 type __VLS_WithTemplateSlots$6<T, S> = T & {
     new (): {
@@ -4951,16 +5259,16 @@ type __VLS_WithTemplateSlots$6<T, S> = T & {
     };
 };
 
-type __VLS_Props$a = {
+type __VLS_Props$b = {
     data?: MenuButton | MenuComponent;
     eventType?: 'mousedown' | 'mouseup' | 'click';
 };
-declare const _default$c: vue.DefineComponent<__VLS_Props$a, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$a> & Readonly<{}>, {
+declare const _default$d: vue.DefineComponent<__VLS_Props$b, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$b> & Readonly<{}>, {
     data: MenuButton | MenuComponent;
     eventType: "mousedown" | "mouseup" | "click";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-type __VLS_Props$9 = {
+type __VLS_Props$a = {
     menuData?: (MenuButton | MenuComponent)[];
     isSubMenu?: boolean;
     active?: string | number;
@@ -4998,7 +5306,7 @@ declare function __VLS_template$5(): {
     rootEl: any;
 };
 type __VLS_TemplateResult$5 = ReturnType<typeof __VLS_template$5>;
-declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$9, {
+declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$a, {
     menu: Readonly<vue.ShallowRef<HTMLDivElement | null>>;
     menuPosition: vue.Ref<{
         left: number;
@@ -5024,7 +5332,7 @@ declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$9, {
     mouseenter: () => any;
     show: () => any;
     hide: () => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$9> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$a> & Readonly<{
     onMouseenter?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
@@ -5033,7 +5341,7 @@ declare const __VLS_component$5: vue.DefineComponent<__VLS_Props$9, {
     isSubMenu: boolean;
     autoHide: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default$b: __VLS_WithTemplateSlots$5<typeof __VLS_component$5, __VLS_TemplateResult$5["slots"]>;
+declare const _default$c: __VLS_WithTemplateSlots$5<typeof __VLS_component$5, __VLS_TemplateResult$5["slots"]>;
 
 type __VLS_WithTemplateSlots$5<T, S> = T & {
     new (): {
@@ -5041,12 +5349,12 @@ type __VLS_WithTemplateSlots$5<T, S> = T & {
     };
 };
 
-type __VLS_Props$8 = {
+type __VLS_Props$9 = {
     icon?: any;
 };
-declare const _default$a: vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$8> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$b: vue.DefineComponent<__VLS_Props$9, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$9> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
-type __VLS_Props$7 = {
+type __VLS_Props$8 = {
     width?: number;
     left?: number;
     right?: number;
@@ -5070,13 +5378,13 @@ declare function __VLS_template$4(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$4 = ReturnType<typeof __VLS_template$4>;
-declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$7, {
+declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$8, {
     updateWidth(): void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:left": (...args: any[]) => void;
     "update:right": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$7> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$8> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:left"?: ((...args: any[]) => any) | undefined;
     "onUpdate:right"?: ((...args: any[]) => any) | undefined;
@@ -5085,7 +5393,7 @@ declare const __VLS_component$4: vue.DefineComponent<__VLS_Props$7, {
     minRight: number;
     minCenter: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$9: __VLS_WithTemplateSlots$4<typeof __VLS_component$4, __VLS_TemplateResult$4["slots"]>;
+declare const _default$a: __VLS_WithTemplateSlots$4<typeof __VLS_component$4, __VLS_TemplateResult$4["slots"]>;
 
 type __VLS_WithTemplateSlots$4<T, S> = T & {
     new (): {
@@ -5109,7 +5417,7 @@ declare const __VLS_component$3: vue.DefineComponent<{}, {}, {}, {}, {}, vue.Com
 }, string, vue.PublicProps, Readonly<{}> & Readonly<{
     onChange?: ((e: OnDrag<gesto.default>) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, HTMLSpanElement>;
-declare const _default$8: __VLS_WithTemplateSlots$3<typeof __VLS_component$3, __VLS_TemplateResult$3["slots"]>;
+declare const _default$9: __VLS_WithTemplateSlots$3<typeof __VLS_component$3, __VLS_TemplateResult$3["slots"]>;
 
 type __VLS_WithTemplateSlots$3<T, S> = T & {
     new (): {
@@ -5117,7 +5425,7 @@ type __VLS_WithTemplateSlots$3<T, S> = T & {
     };
 };
 
-type __VLS_Props$6 = {
+type __VLS_Props$7 = {
     content: CodeBlockContent;
     disabled?: boolean;
     isDataSource?: boolean;
@@ -5126,8 +5434,8 @@ type __VLS_Props$6 = {
 type __VLS_PublicProps$1 = {
     'width'?: number;
     'visible'?: boolean;
-} & __VLS_Props$6;
-declare const _default$7: vue.DefineComponent<__VLS_PublicProps$1, {
+} & __VLS_Props$7;
+declare const _default$8: vue.DefineComponent<__VLS_PublicProps$1, {
     show(): Promise<void>;
     hide(): Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -5144,7 +5452,7 @@ interface Position {
     left: number;
     top: number;
 }
-type __VLS_Props$5 = {
+type __VLS_Props$6 = {
     position?: Position;
     title?: string;
     beforeClose?: (done: (cancel?: boolean) => void) => void;
@@ -5153,7 +5461,7 @@ type __VLS_PublicProps = {
     'width'?: number;
     'height'?: number;
     'visible'?: boolean;
-} & __VLS_Props$5;
+} & __VLS_Props$6;
 declare function __VLS_template$2(): {
     attrs: Partial<{}>;
     slots: {
@@ -5183,7 +5491,7 @@ declare const __VLS_component$2: vue.DefineComponent<__VLS_PublicProps, {
     title: string;
     position: Position;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default$6: __VLS_WithTemplateSlots$2<typeof __VLS_component$2, __VLS_TemplateResult$2["slots"]>;
+declare const _default$7: __VLS_WithTemplateSlots$2<typeof __VLS_component$2, __VLS_TemplateResult$2["slots"]>;
 
 type __VLS_WithTemplateSlots$2<T, S> = T & {
     new (): {
@@ -5191,7 +5499,7 @@ type __VLS_WithTemplateSlots$2<T, S> = T & {
     };
 };
 
-type __VLS_Props$4 = {
+type __VLS_Props$5 = {
     data: TreeNodeData[];
     nodeStatusMap: Map<Id, LayerNodeStatus>;
     indent?: number;
@@ -5225,7 +5533,7 @@ declare function __VLS_template$1(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult$1 = ReturnType<typeof __VLS_template$1>;
-declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, 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;
@@ -5233,7 +5541,7 @@ declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$4, {}, {}, {},
     "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
     "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
     "node-dragover": (event: DragEvent) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$5> & 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;
@@ -5245,7 +5553,7 @@ declare const __VLS_component$1: vue.DefineComponent<__VLS_Props$4, {}, {}, {},
     emptyText: string;
     indent: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$5: __VLS_WithTemplateSlots$1<typeof __VLS_component$1, __VLS_TemplateResult$1["slots"]>;
+declare const _default$6: __VLS_WithTemplateSlots$1<typeof __VLS_component$1, __VLS_TemplateResult$1["slots"]>;
 
 type __VLS_WithTemplateSlots$1<T, S> = T & {
     new (): {
@@ -5253,7 +5561,7 @@ type __VLS_WithTemplateSlots$1<T, S> = T & {
     };
 };
 
-type __VLS_Props$3 = {
+type __VLS_Props$4 = {
     data: TreeNodeData;
     parent?: TreeNodeData;
     parentsId?: Id[];
@@ -5288,14 +5596,14 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_component: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     "node-click": (event: MouseEvent, data: TreeNodeData) => any;
     "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => any;
     "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
     "node-dragleave": (event: DragEvent, data: TreeNodeData) => any;
     "node-dragend": (event: DragEvent, data: TreeNodeData) => any;
     "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{
     "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
@@ -5307,7 +5615,7 @@ declare const __VLS_component: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}
     parentsId: Id[];
     nextLevelIndentIncrement: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default$4: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default$5: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -5315,36 +5623,43 @@ type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-type __VLS_Props$2 = FieldProps<PageFragmentSelectConfig>;
-declare const _default$3: vue.DefineComponent<__VLS_Props$2, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$3 = FieldProps<PageFragmentSelectConfig>;
+declare const _default$4: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props$1 = FieldProps<{
+type __VLS_Props$2 = FieldProps<{
     titlePrefix?: string;
     parentFields?: string[] | FilterFunction$1<string[]>;
 }>;
-declare const _default$2: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const _default$3: vue.DefineComponent<__VLS_Props$2, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: DisplayCond[], eventData?: ContainerChangeEventData$1 | undefined) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
     onChange?: ((value: DisplayCond[], eventData?: ContainerChangeEventData$1 | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-type __VLS_Props = FieldProps<CondOpSelectConfig>;
-declare const _default$1: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+type __VLS_Props$1 = FieldProps<CondOpSelectConfig>;
+declare const _default$2: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (value: string) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 
+type __VLS_Props = FieldProps<StyleSchema>;
+declare const _default$1: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (v: any, eventData: ContainerChangeEventData$1) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((v: any, eventData: ContainerChangeEventData$1) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 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$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 };
+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$8 as CodeBlockEditor, _default$i as CodeBlockList, _default$h as CodeBlockListPanel, type CodeBlockListPanelSlots, type CodeBlockListSlots, CodeDeleteErrorType, type CodeDslItem, type CodeParamStatement, type CodeRelation, _default$t as CodeSelect, _default$s as CodeSelectCol, type CodeSelectColConfig, type CodeState, ColumnLayout, type CombineInfo, type ComponentGroup, type ComponentGroupState, type ComponentItem, _default$v as ComponentListPanel, type ComponentListPanelSlots, _default$2 as CondOpSelect, type CondOpSelectConfig, _default$c as ContentMenu, type CustomContentMenuFunction, _default$g as DataSourceConfigPanel, _default$l as DataSourceFieldSelect, type DataSourceFieldSelectConfig, _default$r as DataSourceFields, _default$o as DataSourceInput, type DataSourceListSlots, _default$m as DataSourceMethodSelect, type DataSourceMethodSelectConfig, _default$p as DataSourceMethods, _default$q as DataSourceMocks, _default$n as DataSourceSelect, type DatasourceTypeOption, _default$3 as DisplayConds, DragType, type EditorInstallOptions, type EditorNodeInfo, type EventBus, type EventBusEvent, _default$k as EventSelect, type EventSelectConfig, Fixed2Other, _default$7 as FloatingBox, type FrameworkSlots, type GetColumnWidth, type GetConfig, H_GUIDE_LINE_STORAGE_KEY, type HistoryState, _default$b as Icon, IdleTask, type IdleTaskEvents, type KeyBindingCacheItem, KeyBindingCommand, type KeyBindingItem, _default$j as KeyValue, Keys, type LayerNodeSlots, type LayerNodeStatus, LayerOffset, _default$u as LayerPanel, type LayerPanelSlots, Layout, _default$a as LayoutContainer, type ListState, type MenuBarData, type MenuButton, type MenuComponent, type MenuItem, type PageBarSortOptions, _default$4 as PageFragmentSelect, type PageFragmentSelectConfig, type PartSortableOptions, type PastePosition, type PropsFormConfigFunction, _default$e as PropsFormPanel, type PropsFormValueFunction, _default$f as PropsPanel, type PropsPanelSlots, type PropsState, _default$9 as Resizer, ScrollViewer, type ScrollViewerEvent, type Services, type SetColumnWidth, type SideBarData, type SideComponent, type SideItem, SideItemKey, type SidebarSlots, _default$a as SplitView, type StageOptions, type StageOverlayState, type StageRect, type StepValue, type StoreState, type StoreStateKey, _default$1 as StyleSetter, type SyncAfterHook, type SyncBeforeHook, type SyncHookPlugin, _default$w as TMagicCodeEditor, _default$x as TMagicEditor, _default$d as ToolButton, _default$6 as Tree, _default$5 as TreeNode, type TreeNodeData, UI_SELECT_MODE_EVENT_NAME, type UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, type WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, _default$H as codeBlockService, _default$G as dataSourceService, debug, _default as default, _default$F as depService, displayTabConfig, _default$E as editorService, eqOptions, error, eventTabConfig, _default$D as eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$C as historyService, info, isIncludeDataSource, log, moveItemsInContainer, numberOptions, _default$B as propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$A as stageOverlayService, _default$z as storageService, styleTabConfig, _default$y as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useStage, useWindowRect, warn };