amis-editor-core 6.6.0 → 6.8.0

package/esm/store/node.d.ts

@@ -9,6 +9,7 @@ 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>;
     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>;
@@ -35,6 +36,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
 } & {
     readonly info: RendererInfo;
     getNodeById(id: string, regionOrType?: string): any;
+    getNodeByComponentId(id: string): any;
     setInfo(value: RendererInfo): void;
     updateSharedContext(value: Record<string, any>): void;
     readonly rendererConfig: any;
@@ -72,6 +74,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
         parentId: string;
         parentRegion: string;
         isCommonConfig: boolean;
+        isFormConfig: boolean;
         id: string;
         type: string;
         label: string;
@@ -98,6 +101,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -133,6 +137,7 @@ 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>;
         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>;
@@ -159,6 +164,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -192,12 +198,14 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
         readonly isSecondFactor: boolean;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     updateIsCommonConfig: (value: boolean) => void;
+    updateIsFormConfig: (value: boolean) => void;
     addChild(props: {
         id: string;
         type: string;
         label: string;
         path: string;
         isCommonConfig?: boolean;
+        isFormConfig?: boolean;
         info?: RendererInfo;
         region?: string;
         getData?: () => any;
@@ -216,6 +224,7 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;
     getComponent(): any;
+    getTarget(): null | HTMLElement | Array<HTMLElement>;
     /**
      * 计算高亮区域信息。
      * @param layer
@@ -231,6 +240,7 @@ export declare const EditorNodeContext: React.Context<({
     parentId: string;
     parentRegion: string;
     isCommonConfig: boolean;
+    isFormConfig: boolean;
     id: string;
     type: string;
     label: string;
@@ -257,6 +267,7 @@ export declare const EditorNodeContext: React.Context<({
 } & {
     readonly info: RendererInfo;
     getNodeById(id: string, regionOrType?: string): any;
+    getNodeByComponentId(id: string): any;
     setInfo(value: RendererInfo): void;
     updateSharedContext(value: Record<string, any>): void;
     readonly rendererConfig: any;
@@ -294,6 +305,7 @@ export declare const EditorNodeContext: React.Context<({
         parentId: string;
         parentRegion: string;
         isCommonConfig: boolean;
+        isFormConfig: boolean;
         id: string;
         type: string;
         label: string;
@@ -320,6 +332,7 @@ export declare const EditorNodeContext: React.Context<({
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -355,6 +368,7 @@ export declare const EditorNodeContext: React.Context<({
         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>;
@@ -381,6 +395,7 @@ export declare const EditorNodeContext: React.Context<({
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -414,12 +429,14 @@ export declare const EditorNodeContext: React.Context<({
         readonly isSecondFactor: boolean;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     updateIsCommonConfig: (value: boolean) => void;
+    updateIsFormConfig: (value: boolean) => void;
     addChild(props: {
         id: string;
         type: string;
         label: string;
         path: string;
         isCommonConfig?: boolean;
+        isFormConfig?: boolean;
         info?: RendererInfo;
         region?: string;
         getData?: () => any;
@@ -438,6 +455,7 @@ export declare const EditorNodeContext: React.Context<({
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;
     getComponent(): any;
+    getTarget(): null | HTMLElement | Array<HTMLElement>;
     /**
      * 计算高亮区域信息。
      * @param layer
@@ -452,6 +470,7 @@ export declare const EditorNodeContext: React.Context<({
     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>;
@@ -478,6 +497,7 @@ export declare const EditorNodeContext: React.Context<({
 } & {
     readonly info: RendererInfo;
     getNodeById(id: string, regionOrType?: string): any;
+    getNodeByComponentId(id: string): any;
     setInfo(value: RendererInfo): void;
     updateSharedContext(value: Record<string, any>): void;
     readonly rendererConfig: any;
@@ -515,6 +535,7 @@ export declare const EditorNodeContext: React.Context<({
         parentId: string;
         parentRegion: string;
         isCommonConfig: boolean;
+        isFormConfig: boolean;
         id: string;
         type: string;
         label: string;
@@ -541,6 +562,7 @@ export declare const EditorNodeContext: React.Context<({
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -576,6 +598,7 @@ export declare const EditorNodeContext: React.Context<({
         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>;
@@ -602,6 +625,7 @@ export declare const EditorNodeContext: React.Context<({
     } & {
         readonly info: RendererInfo;
         getNodeById(id: string, regionOrType?: string): any;
+        getNodeByComponentId(id: string): any;
         setInfo(value: RendererInfo): void;
         updateSharedContext(value: Record<string, any>): void;
         readonly rendererConfig: any;
@@ -635,12 +659,14 @@ export declare const EditorNodeContext: React.Context<({
         readonly isSecondFactor: boolean;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     updateIsCommonConfig: (value: boolean) => void;
+    updateIsFormConfig: (value: boolean) => void;
     addChild(props: {
         id: string;
         type: string;
         label: string;
         path: string;
         isCommonConfig?: boolean;
+        isFormConfig?: boolean;
         info?: RendererInfo;
         region?: string;
         getData?: () => any;
@@ -659,6 +685,7 @@ export declare const EditorNodeContext: React.Context<({
     updateSchemaStyle(value: any): void;
     setComponent(value: any): void;
     getComponent(): any;
+    getTarget(): null | HTMLElement | Array<HTMLElement>;
     /**
      * 计算高亮区域信息。
      * @param layer

package/esm/util.d.ts

@@ -3,10 +3,12 @@ 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';
 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;
 export declare let themeOptionsData: any;
+export declare let cssVars: any;
 export declare function __uri(id: string): string;
 export declare function cleanUndefined(obj: any): any;
 /**
@@ -19,6 +21,7 @@ export declare function JSONPipeOut(obj: any, filterHiddenProps?: boolean | ((ke
 export declare function JSONGetByPath(json: any, paths: Array<string>, stacks?: Array<any>): any;
 export declare function JSONGetPathById(json: any, id: string, idKey?: string): Array<string> | null;
 export declare function JSONGetById(json: any, id: string, idKey?: string): any;
+export declare function JSONGetNodesById(json: any, id: string, idKey?: string): Array<any>;
 export declare function JSONGetParentById(json: any, id: string, skipArray?: boolean): any;
 export declare function JSONUpdate(json: any, id: string, value: any, replace?: boolean): any;
 export declare function JSONDelete(json: any, id: string, pathsRef?: Array<string>, deleteIfEmpty?: boolean): any;
@@ -129,6 +132,14 @@ export declare function appTranslate(value?: string): any;
  */
 export declare function needFillPlaceholder(curProps: any): boolean;
 export declare function setThemeConfig(config: any): void;
+/**
+ * 获取组件的css变量
+ * @param id 组件id
+ * @param selectorText 选择器
+ * @returns css变量
+ */
+export declare function getCssVarById(id: string, selectorText: string): PlainObject;
+export declare function getAllCssVar(): any;
 export declare function getThemeConfig(): any;
 /**
  * 将style转换为组件ThemeCSS格式
@@ -185,3 +196,7 @@ 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): any[];
+export declare const RAW_TYPE_MAP: {
+    [k in SchemaType | 'user-select' | 'department-select']?: 'string' | 'number' | 'array' | 'boolean' | 'object' | 'enum' | 'date' | 'datetime' | 'time' | 'quarter' | 'year' | 'month' | 'user' | 'department';
+};

package/lib/component/Editor.d.ts

@@ -90,6 +90,7 @@ export interface EditorProps extends PluginEventListener {
     }) => Promise<void | boolean>;
     getHostNodeDataSchema?: () => Promise<any>;
     getAvaiableContextFields?: (node: EditorNodeType) => Promise<any>;
+    readonly?: boolean;
 }
 export default class Editor extends Component<EditorProps> {
     readonly store: EditorStoreType;

package/lib/component/FormConfigWrapper.d.ts

@@ -0,0 +1,6 @@
+import { NodeWrapper } from './NodeWrapper';
+export declare class FormConfigWrapper extends NodeWrapper {
+    componentWillUnmount(): void;
+    markDom(id: string): void;
+    render(): any;
+}

package/lib/component/HighlightBox.d.ts

@@ -12,6 +12,7 @@ export interface HighlightBoxProps {
     onSwitch?: (id: string) => void;
     manager: EditorManager;
     children?: React.ReactNode;
+    readonly?: boolean;
 }
-declare const _default: ({ className, store, id, title, children, node, toolbarContainer, onSwitch, manager }: HighlightBoxProps) => React.JSX.Element;
+declare const _default: ({ className, store, id, title, children, node, toolbarContainer, onSwitch, manager, readonly }: HighlightBoxProps) => React.JSX.Element;
 export default _default;

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

@@ -6,17 +6,21 @@ export declare class OutlinePanel extends React.Component<PanelProps> {
     state: {
         curSearchElemKey: string;
     };
+    dragEnterCount: number;
     handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
     handleDialogNodeClick(e: React.MouseEvent<HTMLAnchorElement>, option: Schema): void;
     handleEnter(e: React.MouseEvent): void;
     handleTabChange(key: string): void;
     handleDragStart(e: React.DragEvent): void;
+    timer: any;
+    handleDragEnter(e: React.DragEvent): void;
     handleDragOver(e: React.DragEvent): void;
     handleDrop(e: React.DragEvent): void;
     handleSearchElemKeyChange(searchVal: string): void;
     clearSearchElemKey(): void;
     renderTitleByKeyword(rendererTitle: string, curSearchTitle: string): string | React.JSX.Element;
-    renderItem(option: EditorNodeType, index: number, type?: 'dialog' | 'dialogView'): React.JSX.Element | null;
+    renderItem(option: EditorNodeType, index: number, type?: 'dialog' | 'dialogView', indent?: number): React.JSX.Element;
+    renderDropItem(option: EditorNodeType, index: number): any;
     getDialogNodeLabel(option: EditorNodeType, type?: 'dialog' | 'dialogView'): string;
     getDialogLabel(option: any, isNode: boolean, title?: 'title' | 'dialogTitle'): string;
     renderDialogItem(option: any, index: number): React.JSX.Element;

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

@@ -7,6 +7,7 @@ interface RightPanelsProps {
     theme?: string;
     appLocale?: string;
     amisEnv?: any;
+    readonly?: boolean;
 }
 interface RightPanelsStates {
     isOpenStatus: boolean;
@@ -18,6 +19,7 @@ export declare class RightPanels extends React.Component<RightPanelsProps, Right
     handleSelect(key: string): void;
     handleHidden(): void;
     getPopOverContainer(): HTMLElement;
+    handlePanelChangeValue(...arg: Parameters<typeof this.props.manager.panelChangeValue>): void;
     render(): React.JSX.Element | null;
 }
 export {};

package/lib/component/Preview.d.ts

@@ -16,6 +16,7 @@ export interface PreviewProps {
     data?: any;
     autoFocus?: boolean;
     toolbarContainer?: () => any;
+    readonly?: boolean;
 }
 export interface PreviewState {
     ready?: boolean;
@@ -52,6 +53,7 @@ export default class Preview extends Component<PreviewProps> {
     handleDragLeave(e: React.DragEvent): void;
     handleDragOver(e: React.DragEvent): void;
     handleDrop(e: React.DragEvent): void;
+    handleWidgetsDragEnter(e: React.DragEvent): void;
     getCurrentTarget(): HTMLDivElement;
     rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
     render(): React.JSX.Element;

package/lib/component/RegionWrapper.d.ts

@@ -26,6 +26,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         parentId: string;
         parentRegion: string;
         isCommonConfig: boolean;
+        isFormConfig: boolean;
         id: string;
         type: string;
         label: string;
@@ -52,6 +53,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     } & {
         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;
@@ -88,6 +90,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
+            isFormConfig: boolean;
             id: string;
             type: string;
             label: string;
@@ -114,6 +117,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -149,6 +153,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -175,6 +180,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -211,6 +217,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -236,6 +243,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
+            isFormConfig: boolean;
             id: string;
             type: string;
             label: string;
@@ -262,6 +270,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -297,6 +306,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -323,6 +333,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -356,12 +367,14 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             readonly isSecondFactor: boolean;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         updateIsCommonConfig: (value: boolean) => void;
+        updateIsFormConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
             type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
+            isFormConfig?: boolean | undefined;
             info?: RendererInfo | undefined;
             region?: string | undefined;
             getData?: (() => any) | undefined;
@@ -380,6 +393,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
+        getTarget(): HTMLElement | HTMLElement[] | null;
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
@@ -389,6 +403,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         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>;
@@ -415,6 +430,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     } & {
         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;
@@ -451,6 +467,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
+            isFormConfig: boolean;
             id: string;
             type: string;
             label: string;
@@ -477,6 +494,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -512,6 +530,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -538,6 +557,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -574,6 +594,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -599,6 +620,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             parentId: string;
             parentRegion: string;
             isCommonConfig: boolean;
+            isFormConfig: boolean;
             id: string;
             type: string;
             label: string;
@@ -625,6 +647,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -660,6 +683,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -686,6 +710,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         } & {
             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;
@@ -719,12 +744,14 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             readonly isSecondFactor: boolean;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         updateIsCommonConfig: (value: boolean) => void;
+        updateIsFormConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
             type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
+            isFormConfig?: boolean | undefined;
             info?: RendererInfo | undefined;
             region?: string | undefined;
             getData?: (() => any) | undefined;
@@ -743,6 +770,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
+        getTarget(): HTMLElement | HTMLElement[] | null;
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;

package/lib/component/SubEditor.d.ts

@@ -8,6 +8,7 @@ export interface SubEditorProps {
     manager: EditorManager;
     theme?: string;
     amisEnv?: RenderOptions;
+    readonly?: boolean;
 }
 export declare class SubEditor extends React.Component<SubEditorProps> {
     afterResolveEditorInfo(event: PluginEvent<RendererInfoResolveEventContext>): void;
@@ -20,6 +21,7 @@ export declare class SubEditor extends React.Component<SubEditorProps> {
         body: {
             type: string;
             mode: string;
+            wrapWithPanel: boolean;
             wrapperComponent: string;
             onValidate: (value: any) => Promise<{
                 schema: string;
@@ -38,6 +40,7 @@ export declare class SubEditor extends React.Component<SubEditorProps> {
             type: string;
             tpl: string;
             mode?: undefined;
+            wrapWithPanel?: undefined;
             wrapperComponent?: undefined;
             onValidate?: undefined;
             onChange?: undefined;