amis-editor-core 6.14.0-beta.0 → 6.14.0-beta.10

package/esm/store/node.d.ts

@@ -5,6 +5,7 @@
 import { IAnyModelType, Instance, SnapshotIn } from 'mobx-state-tree';
 import { RegionConfig, RendererInfo } from '../plugin';
 import React from 'react';
+import type { RendererConfig } from 'amis-core';
 export declare const EditorNode: import("mobx-state-tree").IModelType<{
     parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
     parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -219,7 +220,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
     }): any;
     removeChild(child: any): void;
     toggleFold(e: React.MouseEvent<HTMLAnchorElement>): void;
-    patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined, ids?: Map<string, string>): void;
+    patch(store: any, force?: boolean, setPatchInfo?: (id: string, value: any) => void, ids?: Map<string, string>): void;
     updateSchema(value: any): void;
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;
@@ -450,7 +451,7 @@ export declare const EditorNodeContext: React.Context<({
     }): any;
     removeChild(child: any): void;
     toggleFold(e: React.MouseEvent<HTMLAnchorElement>): void;
-    patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined, ids?: Map<string, string>): void;
+    patch(store: any, force?: boolean, setPatchInfo?: (id: string, value: any) => void, ids?: Map<string, string>): void;
     updateSchema(value: any): void;
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;
@@ -680,7 +681,7 @@ export declare const EditorNodeContext: React.Context<({
     }): any;
     removeChild(child: any): void;
     toggleFold(e: React.MouseEvent<HTMLAnchorElement>): void;
-    patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined, ids?: Map<string, string>): void;
+    patch(store: any, force?: boolean, setPatchInfo?: (id: string, value: any) => void, ids?: Map<string, string>): void;
     updateSchema(value: any): void;
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;

package/esm/tpl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SchemaObject } from 'amis';
 export declare function getSchemaTpl(name: string, patch?: object, options?: object): any;
 export declare function setSchemaTpl(name: string, value: any): void;
@@ -389,7 +388,7 @@ export declare function tipedLabel(body: string | Array<SchemaObject>, tip: stri
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Globals | undefined;
+        all?: import("csstype").Property.All | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;

package/esm/util.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="lodash" />
 import type { Schema } from 'amis';
 import type { VariableItem } from 'amis-ui';
 import { Diff } from 'deep-diff';
 import { EditorModalBody } from './store/editor';
 import type { SchemaType } from 'amis/lib/Schema';
-import type { DialogSchema } from 'amis/lib/renderers/Dialog';
-import type { DrawerSchema } from 'amis/lib/renderers/Drawer';
 declare const guid: any, omitControls: any, isObjectShallowModified: any, cloneObject: any, anyChanged: any, noop: any, makeHorizontalDeeper: any, isEmpty: any, eachTree: any, createObject: any;
 export { guid, isObjectShallowModified, anyChanged, noop, makeHorizontalDeeper, omitControls, isEmpty, cloneObject, eachTree, createObject };
 export declare let themeConfig: any;
@@ -76,7 +73,7 @@ export declare const autobind: any;
 export declare function addDragingClass(el: HTMLElement): void;
 export declare function removeDragingClass(el: HTMLElement): void;
 export declare function camelize(str: string): string;
-export declare const reactionWithOldValue: <T>(expression: () => T, effect: (newValue: T, oldValue?: T | undefined) => void) => import("mobx").IReactionDisposer;
+export declare const reactionWithOldValue: <T>(expression: () => T, effect: (newValue: T, oldValue?: T) => void) => import("mobx").IReactionDisposer;
 export declare function repeatArray<T>(child: T, count?: number): Array<T>;
 export type DiffChange = Diff<any, any>;
 export declare function diff(left: any, right: any, prefilter?: (currentPath: Array<string>, key: string) => boolean): Array<DiffChange> | undefined;
@@ -198,7 +195,8 @@ export declare function modalsToDefinitions(modals: Array<EditorModalBody>, defi
  */
 export declare function mergeDefinitions(originSchema: any, definitions: any, modal: any): any;
 export declare function setDefaultColSize(regionList: any[], row: number, preRow?: number): any[];
-export declare function getModals(schema: any): (DialogSchema | DrawerSchema)[];
+export declare function getModals(schema: any): (import("amis/lib/renderers/Dialog").AMISDialogSchema | import("amis/lib/renderers/Drawer").AMISDrawerSchema)[];
+export declare function collectRefs(schema: any): string[];
 /**
  * 深度 splice 数组，同时返回新的对象，按需拷贝，没有副作用
  * @param target

package/lib/component/Panel/AMisCodeEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import React from 'react';
 export interface AMisCodeEditorProps {
     value: any;

package/lib/component/Panel/AvailableRenderersPanel.d.ts

@@ -3,7 +3,9 @@ import { PanelProps } from '../../plugin';
 type PanelStates = {
     toggleCollapseFolderStatus: boolean;
 };
-export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
+export declare class AvailableRenderersPanel extends React.Component<PanelProps & {
+    tabsChildren?: React.ReactNode | ((props: PanelProps) => React.ReactNode);
+}, PanelStates> {
     handleSelect(key: string): void;
     render(): React.JSX.Element;
 }

package/lib/component/RegionWrapper.d.ts

@@ -3,12 +3,13 @@ import { EditorManager } from '../manager';
 import { RegionConfig, RendererInfo } from '../plugin';
 import { EditorStoreType } from '../store/editor';
 import { EditorNodeType } from '../store/node';
+import { RendererProps } from 'amis-core';
 export interface RegionWrapperProps {
     name: string;
     label: string;
     placeholder?: string | JSX.Element;
     preferTag?: string;
-    wrapperResolve?: (dom: HTMLElement) => HTMLElement;
+    wrapperResolve?: (dom: HTMLElement, props: RendererProps) => HTMLElement;
     editorStore: EditorStoreType;
     manager: EditorManager;
     rendererName?: string;
@@ -52,12 +53,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
     } & {
         readonly info: RendererInfo;
-        getNodeById(id: string, regionOrType?: string | undefined): any;
+        getNodeById(id: string, regionOrType?: string): any;
         getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
-        setRendererConfig(value: RendererConfig): void;
+        setRendererConfig(value: RendererProps): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
@@ -86,7 +87,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         readonly schemaParent: any;
         readonly isSecondFactor: boolean;
     } & {
-        getClosestParentByType: (type: string) => void | ({
+        getClosestParentByType: (type: string) => EditorNodeType | void;
+        getParentNodeByCB: (callback: (node: import("../store/node").EditorNodeSnapshot) => Boolean) => {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
@@ -116,165 +118,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
         } & {
             readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
+            getNodeById(id: string, regionOrType?: string): any;
             getNodeByComponentId(id: string): any;
             setInfo(value: RendererInfo): void;
             updateSharedContext(value: Record<string, any>): void;
             readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
-            readonly isVitualRenderer: boolean;
-            readonly clickable: boolean;
-            readonly draggable: boolean;
-            readonly moveable: boolean;
-            readonly canMoveUp: boolean;
-            readonly canMoveDown: boolean;
-            readonly removable: boolean;
-            readonly duplicatable: boolean;
-            readonly replaceable: boolean;
-            memberImmutable(region: string): boolean;
-            readonly isRegion: boolean;
-            readonly childRegions: any[];
-            readonly uniqueChildren: any[];
-            readonly sameIdChild: any;
-            readonly singleRegion: boolean;
-            isExists(id: string): boolean;
-            getChildById(id: string): any;
-            readonly parent: any;
-            readonly ancestorField: any;
-            readonly host: any;
-            readonly firstChild: any;
-            readonly index: any;
-            readonly prevSibling: any;
-            readonly nextSibling: any;
-            readonly schema: any;
-            readonly schemaParent: any;
-            readonly isSecondFactor: boolean;
-        } & any & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
-            parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
-            isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            isFormConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            id: import("mobx-state-tree").IType<string | undefined, string, string>;
-            type: import("mobx-state-tree").IType<string | undefined, string, string>;
-            label: import("mobx-state-tree").IType<string | undefined, string, string>;
-            regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>;
-            path: import("mobx-state-tree").IType<string | undefined, string, string>;
-            schemaPath: import("mobx-state-tree").IType<string | undefined, string, string>;
-            region: import("mobx-state-tree").IType<string | undefined, string, string>;
-            preferTag: import("mobx-state-tree").IType<string | undefined, string, string>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-            widthMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            heightMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            memberIndex: import("mobx-state-tree").IType<number | undefined, number, number>;
-            folded: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            patched: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            x: import("mobx-state-tree").IType<number | undefined, number, number>;
-            y: import("mobx-state-tree").IType<number | undefined, number, number>;
-            w: import("mobx-state-tree").IType<number | undefined, number, number>;
-            h: import("mobx-state-tree").IType<number | undefined, number, number>;
-            dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
-            dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
-            children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
-        }, {
-            getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-        } & {
-            readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
-            getNodeByComponentId(id: string): any;
-            setInfo(value: RendererInfo): void;
-            updateSharedContext(value: Record<string, any>): void;
-            readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
-            readonly isVitualRenderer: boolean;
-            readonly clickable: boolean;
-            readonly draggable: boolean;
-            readonly moveable: boolean;
-            readonly canMoveUp: boolean;
-            readonly canMoveDown: boolean;
-            readonly removable: boolean;
-            readonly duplicatable: boolean;
-            readonly replaceable: boolean;
-            memberImmutable(region: string): boolean;
-            readonly isRegion: boolean;
-            readonly childRegions: any[];
-            readonly uniqueChildren: any[];
-            readonly sameIdChild: any;
-            readonly singleRegion: boolean;
-            isExists(id: string): boolean;
-            getChildById(id: string): any;
-            readonly parent: any;
-            readonly ancestorField: any;
-            readonly host: any;
-            readonly firstChild: any;
-            readonly index: any;
-            readonly prevSibling: any;
-            readonly nextSibling: any;
-            readonly schema: any;
-            readonly schemaParent: any;
-            readonly isSecondFactor: boolean;
-        } & any, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>);
-        getParentNodeByCB: (callback: (node: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
-            parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
-            isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            isFormConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            id: import("mobx-state-tree").IType<string | undefined, string, string>;
-            type: import("mobx-state-tree").IType<string | undefined, string, string>;
-            label: import("mobx-state-tree").IType<string | undefined, string, string>;
-            regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>;
-            path: import("mobx-state-tree").IType<string | undefined, string, string>;
-            schemaPath: import("mobx-state-tree").IType<string | undefined, string, string>;
-            region: import("mobx-state-tree").IType<string | undefined, string, string>;
-            preferTag: import("mobx-state-tree").IType<string | undefined, string, string>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-            widthMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            heightMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            memberIndex: import("mobx-state-tree").IType<number | undefined, number, number>;
-            folded: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            patched: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            x: import("mobx-state-tree").IType<number | undefined, number, number>;
-            y: import("mobx-state-tree").IType<number | undefined, number, number>;
-            w: import("mobx-state-tree").IType<number | undefined, number, number>;
-            h: import("mobx-state-tree").IType<number | undefined, number, number>;
-            dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
-            dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
-            children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
-        }>>) => Boolean) => {
-            parentId: string;
-            parentRegion: string;
-            isCommonConfig: boolean;
-            isFormConfig: boolean;
-            id: string;
-            type: string;
-            label: string;
-            regionInfo: (RegionConfig & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>>) | undefined;
-            path: string;
-            schemaPath: string;
-            region: string;
-            preferTag: string;
-            state: any;
-            widthMutable: boolean;
-            heightMutable: boolean;
-            memberIndex: number;
-            folded: boolean;
-            patched: boolean;
-            x: number;
-            y: number;
-            w: number;
-            h: number;
-            dialogTitle: string;
-            dialogType: string;
-            children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-        } & {
-            readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
-            getNodeByComponentId(id: string): any;
-            setInfo(value: RendererInfo): void;
-            updateSharedContext(value: Record<string, any>): void;
-            readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
+            setRendererConfig(value: RendererProps): void;
             readonly isVitualRenderer: boolean;
             readonly clickable: boolean;
             readonly draggable: boolean;
@@ -332,12 +181,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
         } & {
             readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
+            getNodeById(id: string, regionOrType?: string): any;
             getNodeByComponentId(id: string): any;
             setInfo(value: RendererInfo): void;
             updateSharedContext(value: Record<string, any>): void;
             readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
+            setRendererConfig(value: RendererProps): void;
             readonly isVitualRenderer: boolean;
             readonly clickable: boolean;
             readonly draggable: boolean;
@@ -373,27 +222,27 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             type: string;
             label: string;
             path: string;
-            isCommonConfig?: boolean | undefined;
-            isFormConfig?: boolean | undefined;
-            info?: RendererInfo | undefined;
-            region?: string | undefined;
-            getData?: (() => any) | undefined;
-            preferTag?: string | undefined;
-            schemaPath?: string | undefined;
-            dialogTitle?: string | undefined;
-            dialogType?: string | undefined;
-            regionInfo?: RegionConfig | undefined;
-            widthMutable?: boolean | undefined;
-            memberIndex?: number | undefined;
+            isCommonConfig?: boolean;
+            isFormConfig?: boolean;
+            info?: RendererInfo;
+            region?: string;
+            getData?: () => any;
+            preferTag?: string;
+            schemaPath?: string;
+            dialogTitle?: string;
+            dialogType?: string;
+            regionInfo?: RegionConfig;
+            widthMutable?: boolean;
+            memberIndex?: number;
         }): any;
         removeChild(child: any): void;
-        toggleFold(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;
-        patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined, ids?: Map<string, string> | undefined): void;
+        toggleFold(e: React.MouseEvent<HTMLAnchorElement>): void;
+        patch(store: any, force?: boolean, setPatchInfo?: (id: string, value: any) => void, ids?: Map<string, string>): void;
         updateSchema(value: any): void;
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
-        getTarget(): HTMLElement | HTMLElement[] | null;
+        getTarget(): null | HTMLElement | Array<HTMLElement>;
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
@@ -429,12 +278,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
     } & {
         readonly info: RendererInfo;
-        getNodeById(id: string, regionOrType?: string | undefined): any;
+        getNodeById(id: string, regionOrType?: string): any;
         getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
-        setRendererConfig(value: RendererConfig): void;
+        setRendererConfig(value: RendererProps): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
@@ -463,160 +312,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         readonly schemaParent: any;
         readonly isSecondFactor: boolean;
     } & {
-        getClosestParentByType: (type: string) => void | ({
-            parentId: string;
-            parentRegion: string;
-            isCommonConfig: boolean;
-            isFormConfig: boolean;
-            id: string;
-            type: string;
-            label: string;
-            regionInfo: (RegionConfig & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>>) | undefined;
-            path: string;
-            schemaPath: string;
-            region: string;
-            preferTag: string;
-            state: any;
-            widthMutable: boolean;
-            heightMutable: boolean;
-            memberIndex: number;
-            folded: boolean;
-            patched: boolean;
-            x: number;
-            y: number;
-            w: number;
-            h: number;
-            dialogTitle: string;
-            dialogType: string;
-            children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-        } & {
-            readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
-            getNodeByComponentId(id: string): any;
-            setInfo(value: RendererInfo): void;
-            updateSharedContext(value: Record<string, any>): void;
-            readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
-            readonly isVitualRenderer: boolean;
-            readonly clickable: boolean;
-            readonly draggable: boolean;
-            readonly moveable: boolean;
-            readonly canMoveUp: boolean;
-            readonly canMoveDown: boolean;
-            readonly removable: boolean;
-            readonly duplicatable: boolean;
-            readonly replaceable: boolean;
-            memberImmutable(region: string): boolean;
-            readonly isRegion: boolean;
-            readonly childRegions: any[];
-            readonly uniqueChildren: any[];
-            readonly sameIdChild: any;
-            readonly singleRegion: boolean;
-            isExists(id: string): boolean;
-            getChildById(id: string): any;
-            readonly parent: any;
-            readonly ancestorField: any;
-            readonly host: any;
-            readonly firstChild: any;
-            readonly index: any;
-            readonly prevSibling: any;
-            readonly nextSibling: any;
-            readonly schema: any;
-            readonly schemaParent: any;
-            readonly isSecondFactor: boolean;
-        } & any & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
-            parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
-            isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            isFormConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            id: import("mobx-state-tree").IType<string | undefined, string, string>;
-            type: import("mobx-state-tree").IType<string | undefined, string, string>;
-            label: import("mobx-state-tree").IType<string | undefined, string, string>;
-            regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>;
-            path: import("mobx-state-tree").IType<string | undefined, string, string>;
-            schemaPath: import("mobx-state-tree").IType<string | undefined, string, string>;
-            region: import("mobx-state-tree").IType<string | undefined, string, string>;
-            preferTag: import("mobx-state-tree").IType<string | undefined, string, string>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-            widthMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            heightMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            memberIndex: import("mobx-state-tree").IType<number | undefined, number, number>;
-            folded: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            patched: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            x: import("mobx-state-tree").IType<number | undefined, number, number>;
-            y: import("mobx-state-tree").IType<number | undefined, number, number>;
-            w: import("mobx-state-tree").IType<number | undefined, number, number>;
-            h: import("mobx-state-tree").IType<number | undefined, number, number>;
-            dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
-            dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
-            children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
-        }, {
-            getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-        } & {
-            readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
-            getNodeByComponentId(id: string): any;
-            setInfo(value: RendererInfo): void;
-            updateSharedContext(value: Record<string, any>): void;
-            readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
-            readonly isVitualRenderer: boolean;
-            readonly clickable: boolean;
-            readonly draggable: boolean;
-            readonly moveable: boolean;
-            readonly canMoveUp: boolean;
-            readonly canMoveDown: boolean;
-            readonly removable: boolean;
-            readonly duplicatable: boolean;
-            readonly replaceable: boolean;
-            memberImmutable(region: string): boolean;
-            readonly isRegion: boolean;
-            readonly childRegions: any[];
-            readonly uniqueChildren: any[];
-            readonly sameIdChild: any;
-            readonly singleRegion: boolean;
-            isExists(id: string): boolean;
-            getChildById(id: string): any;
-            readonly parent: any;
-            readonly ancestorField: any;
-            readonly host: any;
-            readonly firstChild: any;
-            readonly index: any;
-            readonly prevSibling: any;
-            readonly nextSibling: any;
-            readonly schema: any;
-            readonly schemaParent: any;
-            readonly isSecondFactor: boolean;
-        } & any, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>);
-        getParentNodeByCB: (callback: (node: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
-            parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
-            isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            isFormConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            id: import("mobx-state-tree").IType<string | undefined, string, string>;
-            type: import("mobx-state-tree").IType<string | undefined, string, string>;
-            label: import("mobx-state-tree").IType<string | undefined, string, string>;
-            regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>;
-            path: import("mobx-state-tree").IType<string | undefined, string, string>;
-            schemaPath: import("mobx-state-tree").IType<string | undefined, string, string>;
-            region: import("mobx-state-tree").IType<string | undefined, string, string>;
-            preferTag: import("mobx-state-tree").IType<string | undefined, string, string>;
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-            widthMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            heightMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            memberIndex: import("mobx-state-tree").IType<number | undefined, number, number>;
-            folded: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            patched: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-            x: import("mobx-state-tree").IType<number | undefined, number, number>;
-            y: import("mobx-state-tree").IType<number | undefined, number, number>;
-            w: import("mobx-state-tree").IType<number | undefined, number, number>;
-            h: import("mobx-state-tree").IType<number | undefined, number, number>;
-            dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
-            dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
-            children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
-        }>>) => Boolean) => {
+        getClosestParentByType: (type: string) => EditorNodeType | void;
+        getParentNodeByCB: (callback: (node: import("../store/node").EditorNodeSnapshot) => Boolean) => {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
@@ -646,12 +343,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
         } & {
             readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
+            getNodeById(id: string, regionOrType?: string): any;
             getNodeByComponentId(id: string): any;
             setInfo(value: RendererInfo): void;
             updateSharedContext(value: Record<string, any>): void;
             readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
+            setRendererConfig(value: RendererProps): void;
             readonly isVitualRenderer: boolean;
             readonly clickable: boolean;
             readonly draggable: boolean;
@@ -709,12 +406,12 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
         } & {
             readonly info: RendererInfo;
-            getNodeById(id: string, regionOrType?: string | undefined): any;
+            getNodeById(id: string, regionOrType?: string): any;
             getNodeByComponentId(id: string): any;
             setInfo(value: RendererInfo): void;
             updateSharedContext(value: Record<string, any>): void;
             readonly rendererConfig: any;
-            setRendererConfig(value: RendererConfig): void;
+            setRendererConfig(value: RendererProps): void;
             readonly isVitualRenderer: boolean;
             readonly clickable: boolean;
             readonly draggable: boolean;
@@ -750,27 +447,27 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             type: string;
             label: string;
             path: string;
-            isCommonConfig?: boolean | undefined;
-            isFormConfig?: boolean | undefined;
-            info?: RendererInfo | undefined;
-            region?: string | undefined;
-            getData?: (() => any) | undefined;
-            preferTag?: string | undefined;
-            schemaPath?: string | undefined;
-            dialogTitle?: string | undefined;
-            dialogType?: string | undefined;
-            regionInfo?: RegionConfig | undefined;
-            widthMutable?: boolean | undefined;
-            memberIndex?: number | undefined;
+            isCommonConfig?: boolean;
+            isFormConfig?: boolean;
+            info?: RendererInfo;
+            region?: string;
+            getData?: () => any;
+            preferTag?: string;
+            schemaPath?: string;
+            dialogTitle?: string;
+            dialogType?: string;
+            regionInfo?: RegionConfig;
+            widthMutable?: boolean;
+            memberIndex?: number;
         }): any;
         removeChild(child: any): void;
-        toggleFold(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;
-        patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined, ids?: Map<string, string> | undefined): void;
+        toggleFold(e: React.MouseEvent<HTMLAnchorElement>): void;
+        patch(store: any, force?: boolean, setPatchInfo?: (id: string, value: any) => void, ids?: Map<string, string>): void;
         updateSchema(value: any): void;
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
-        getTarget(): HTMLElement | HTMLElement[] | null;
+        getTarget(): null | HTMLElement | Array<HTMLElement>;
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;

package/lib/component/ScaffoldModal.d.ts

@@ -7,7 +7,9 @@ export interface SubEditorProps {
     theme?: string;
 }
 export declare class ScaffoldModal extends React.Component<SubEditorProps> {
+    modalBodyRef: React.RefObject<HTMLDivElement>;
     handleConfirm([values]: any): Promise<void>;
+    getPopOverContainer(): any;
     buildSchema(): {
         wrapperComponent: string;
         type: string;