amis-editor-core 5.5.0 → 5.6.1

package/esm/component/AsyncLayer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @file AsyncLayer.tsx
+ * @desc 异步加载层
+ */
+import React from 'react';
+export interface AsyncLayerOptions {
+    fallback?: React.ReactNode;
+}
+export declare const makeAsyncLayer: (schemaBuilderFn: () => Promise<any>, options?: AsyncLayerOptions) => (props: any) => React.JSX.Element;

package/esm/component/Breadcrumb.d.ts

@@ -28,6 +28,6 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, Breadcr
     handleScrollToRight(): void;
     handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
     handleMouseEnter(e: React.MouseEvent<HTMLAnchorElement>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/esm/component/ClassNameControl.d.ts

@@ -23,9 +23,9 @@ export declare class ClassNameControl extends React.Component<ClassNameControlPr
     getParent(): Element | Text | null;
     getTarget(): HTMLElement;
     handlePopOverChange(option: any): void;
-    renderGroup(option: any, index: number): JSX.Element;
-    renderOptions(options: Array<any>, index: number): JSX.Element[];
-    renderPopover(): JSX.Element;
-    render(): JSX.Element;
+    renderGroup(option: any, index: number): React.JSX.Element;
+    renderOptions(options: Array<any>, index: number): React.JSX.Element[];
+    renderPopover(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/esm/component/ContainerWrapper.d.ts

@@ -8,5 +8,5 @@ export declare class ContainerWrapper extends React.Component<ContainerWrapperPr
     getWrappedInstance(): any;
     refFn(ref: any): void;
     renderChild(region: string, node: Schema, props: any): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Editor.d.ts

@@ -25,12 +25,14 @@ export interface EditorProps extends PluginEventListener {
     amisDocHost?: string;
     superEditorData?: any;
     withSuperDataSchema?: boolean;
+    /** 当前 Editor 为 SubEditor 时触发的宿主节点 */
+    hostNode?: EditorNodeType;
     dataBindingChange?: (value: string, data: any, manager?: EditorManager) => void;
     /**
      * Preview 预览前可以修改配置。
      * 比如把api地址替换成 proxy 地址。
      */
-    schemaFilter?: (schema: any, preview?: boolean) => any;
+    schemaFilter?: (schema: any, isPreview?: boolean) => any;
     amisEnv?: RenderOptions;
     /**
      * 上下文数据，设置后，面板和脚手架表单里面可以取到这些值。
@@ -51,7 +53,6 @@ export interface EditorProps extends PluginEventListener {
      * 传给预览器的其他属性
      */
     previewProps?: any;
-    iframeUrl?: string;
     isHiddenProps?: (key: string) => boolean;
     /**
      * 事件动作面板相关配置
@@ -82,6 +83,8 @@ export interface EditorProps extends PluginEventListener {
         node?: EditorNodeType;
         manager?: EditorManager;
     }) => Promise<void | boolean>;
+    getHostNodeDataSchema?: () => Promise<any>;
+    getAvaiableContextFields?: (node: EditorNodeType) => Promise<any>;
 }
 export default class Editor extends Component<EditorProps> {
     readonly store: EditorStoreType;
@@ -119,5 +122,5 @@ export default class Editor extends Component<EditorProps> {
      */
     paste(): void;
     getToolbarContainer(): HTMLDivElement | null;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/HighlightBox.d.ts

@@ -27,5 +27,5 @@ export default class HighlightBox extends React.Component<HighlightBoxProps> {
     resizerRef(ref: any): void;
     handleMouseEnter(): void;
     handleDragStart(e: React.DragEvent): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/IFramePreview.d.ts

@@ -1,37 +1,29 @@
+import { EditorStoreType } from '../store/editor';
 import React from 'react';
 import { EditorManager } from '../manager';
-import { EditorStoreType } from '../store/editor';
-import { RenderOptions } from 'amis-core';
-import type { Schema } from 'amis';
+/**
+ * 这个用了 observer，所以能最小程度的刷新，数据不变按理是不会刷新的。
+ */
 export interface IFramePreviewProps {
-    className: string;
     editable?: boolean;
-    isMobile?: boolean;
-    schema: any;
-    theme?: string;
-    store: EditorStoreType;
-    manager: EditorManager;
     autoFocus?: boolean;
+    store: EditorStoreType;
+    env: any;
     data?: any;
-    envCreator?: (props: IFramePreviewProps) => any;
+    manager: EditorManager;
+    /** 应用语言类型 */
+    appLocale?: string;
 }
 export default class IFramePreview extends React.Component<IFramePreviewProps> {
-    env: RenderOptions;
+    initialContent: string;
+    dialogMountRef: React.RefObject<HTMLDivElement>;
+    iframeRef: HTMLIFrameElement;
+    constructor(props: IFramePreviewProps);
     componentDidMount(): void;
-    componentWillUnmount(): void;
-    dom?: HTMLElement;
-    unSensor?: () => void;
-    contentsRef(ref: HTMLDivElement | null): void;
-    syncIframeHeight(): void;
-    handleClick(e: MouseEvent): void;
-    handleMouseMove(e: MouseEvent): void;
-    handleMouseLeave(): void;
-    handeMouseOver(e: MouseEvent): void;
-    handleDragEnter(e: React.DragEvent): void;
-    handleDragLeave(e: React.DragEvent): void;
-    handleDragOver(e: React.DragEvent): void;
-    handleDrop(e: React.DragEvent): void;
-    handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
-    rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
-    render(): JSX.Element;
+    iframeRefFunc(iframe: any): void;
+    getModalContainer(): HTMLElement;
+    isMobile(): boolean;
+    getDialogMountRef(): HTMLDivElement | null;
+    iframeContentDidMount(): void;
+    render(): React.JSX.Element;
 }

package/esm/component/MiniEditor.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import Editor, { EditorProps } from './Editor';
 import { BaseEventContext, PluginEvent } from '../plugin';
 export default class MiniEditor extends Editor {
     constructor(props: EditorProps);
     componentWillUnmount(): void;
     buildPanels(event: PluginEvent<BaseEventContext>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -33,5 +33,5 @@ export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps>
     editorWillUnmount: (editor: any, monaco: any) => void;
     handleChange: (value: string) => void;
     handleBlur: () => Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -5,6 +5,6 @@ type PanelStates = {
 };
 export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
     handleSelect(key: string): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/esm/component/Panel/CodeEditorPanel.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { PanelProps } from '../../plugin';
 export default class CodeEditorPanel extends React.Component<PanelProps> {
     handleCodePaste(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Panel/ContextMenuPanel.d.ts

@@ -4,5 +4,5 @@ export interface ContextMenuPanelProps {
     store: EditorStoreType;
 }
 export declare class ContextMenuPanel extends React.Component<ContextMenuPanelProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/esm/component/Panel/DrawerPanel.d.ts

@@ -11,5 +11,5 @@ export interface PanelsProps {
 }
 export declare class DrawerPanel extends React.Component<PanelsProps> {
     getPopOverContainer(): HTMLElement;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Panel/DrawerRendererPanel.d.ts

@@ -11,5 +11,5 @@ export interface PanelsProps {
 }
 export declare class DrawerRendererPanel extends React.Component<PanelsProps> {
     getPopOverContainer(): HTMLElement;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Panel/InsertSubRendererPanel.d.ts

@@ -7,5 +7,5 @@ export declare class InsertSubRendererPanel extends React.Component<PanelProps>
     handleInsert(): void;
     handleReplace(): void;
     handleCancel(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Panel/LeftPanels.d.ts

@@ -15,6 +15,6 @@ export declare class LeftPanels extends React.Component<LeftPanelsProps, LeftPan
     handleFixed(): void;
     handleSelect(key: string): void;
     getPopOverContainer(): HTMLElement;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -1,18 +1,24 @@
 import React from 'react';
 import { PanelProps } from '../../plugin';
 import { EditorNodeType } from '../../store/node';
+import type { Schema } from 'amis';
 export declare class OutlinePanel extends React.Component<PanelProps> {
     state: {
         curSearchElemKey: string;
     };
     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;
     handleDragOver(e: React.DragEvent): void;
     handleDrop(e: React.DragEvent): void;
     handleSearchElemKeyChange(searchVal: string): void;
     clearSearchElemKey(): void;
-    renderTitleByKeyword(rendererTitle: string, curSearchTitle: string): string | JSX.Element;
-    renderItem(option: EditorNodeType, index: number): JSX.Element | null;
-    render(): JSX.Element;
+    renderTitleByKeyword(rendererTitle: string, curSearchTitle: string): string | React.JSX.Element;
+    renderItem(option: EditorNodeType, index: number, type?: 'dialog' | 'dialogView'): React.JSX.Element | null;
+    getDialogNodeLabel(option: EditorNodeType, type?: 'dialog' | 'dialogView'): string;
+    getDialogLabel(option: any, isNode: boolean, title?: 'title' | 'dialogTitle'): string;
+    renderDialogItem(option: any, index: number): React.JSX.Element | null;
+    render(): React.JSX.Element;
 }

package/esm/component/Panel/RenderersPanel.d.ts

@@ -26,6 +26,6 @@ export default class RenderersPanel extends React.Component<PanelProps, PanelSta
     handleClick(e: React.MouseEvent): void;
     changeCollapseFoldStatus(tagKey: string, event: any): void;
     renderThumb(schema: any): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -18,6 +18,6 @@ export declare class RightPanels extends React.Component<RightPanelsProps, Right
     handleSelect(key: string): void;
     handleHidden(): void;
     getPopOverContainer(): HTMLElement;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export {};

package/esm/component/Panel/TargetNamePanel.d.ts

@@ -3,5 +3,5 @@ import { PanelProps } from '../../plugin';
 export declare class TargetNamePanel extends React.Component<PanelProps> {
     handleClick(e: React.MouseEvent<HTMLElement>): void;
     handleEnter(e: React.MouseEvent<HTMLElement>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/PopOverForm.d.ts

@@ -18,5 +18,5 @@ export declare class PopOverForm extends React.Component<PopOverFormProps> {
         autoFocus: boolean;
         onFinished: (newValue: any) => void;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/Preview.d.ts

@@ -14,7 +14,6 @@ export interface PreviewProps {
     store: EditorStoreType;
     manager: EditorManager;
     data?: any;
-    iframeUrl?: string;
     autoFocus?: boolean;
     toolbarContainer?: () => any;
 }
@@ -23,6 +22,7 @@ export interface PreviewState {
 }
 export default class Preview extends Component<PreviewProps> {
     currentDom: HTMLElement;
+    dialogReaction: any;
     env: RenderOptions;
     doingSelection: boolean;
     componentDidMount(): void;
@@ -54,7 +54,7 @@ export default class Preview extends Component<PreviewProps> {
     handleDrop(e: React.DragEvent): void;
     getCurrentTarget(): HTMLDivElement;
     rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /**
  * 这个用了 observer，所以能最小程度的刷新，数据不变按理是不会刷新的。

package/esm/component/RegionHLBox.d.ts

@@ -16,5 +16,5 @@ export interface HighlightBoxProps {
 }
 export default class RegionHighlightBox extends React.Component<HighlightBoxProps> {
     handleClick(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/RegionWrapper.d.ts

@@ -6,7 +6,7 @@ import { EditorNodeType } from '../store/node';
 export interface RegionWrapperProps {
     name: string;
     label: string;
-    placeholder?: string;
+    placeholder?: string | JSX.Element;
     preferTag?: string;
     wrapperResolve?: (dom: HTMLElement) => HTMLElement;
     editorStore: EditorStoreType;
@@ -44,6 +44,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         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>;
@@ -103,6 +105,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -161,6 +165,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -220,6 +226,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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;
@@ -243,6 +251,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -301,6 +311,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -350,6 +362,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData?: (() => any) | undefined;
             preferTag?: string | undefined;
             schemaPath?: string | undefined;
+            dialogTitle?: string | undefined;
+            dialogType?: string | undefined;
             regionInfo?: RegionConfig | undefined;
             widthMutable?: boolean | undefined;
             memberIndex?: number | undefined;
@@ -388,6 +402,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         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>;
@@ -447,6 +463,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -505,6 +523,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -564,6 +584,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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;
@@ -587,6 +609,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -645,6 +669,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             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>;
@@ -694,6 +720,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             getData?: (() => any) | undefined;
             preferTag?: string | undefined;
             schemaPath?: string | undefined;
+            dialogTitle?: string | undefined;
+            dialogType?: string | undefined;
             regionInfo?: RegionConfig | undefined;
             widthMutable?: boolean | undefined;
             memberIndex?: number | undefined;
@@ -721,5 +749,5 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
      * 弄点标记
      */
     markDom(id: string, region: string, rendererName?: string): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/RendererThumb.d.ts

@@ -17,6 +17,6 @@ export declare class RendererThumb extends React.Component<ThumbProps, ThumbStat
     rootRef(ref: HTMLDivElement): void;
     syncHeight(): void;
     handleClick(e: React.MouseEvent): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/esm/component/ScaffoldModal.d.ts

@@ -21,5 +21,5 @@ export declare class ScaffoldModal extends React.Component<SubEditorProps> {
     goToPrevStep(): void;
     handleConfirmClick(): Promise<void>;
     handleCancelClick(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/esm/component/SubEditor.d.ts

@@ -31,7 +31,7 @@ export declare class SubEditor extends React.Component<SubEditorProps> {
                 children: ({ value, onChange }: {
                     value: any;
                     onChange: (value: any) => void;
-                }) => JSX.Element;
+                }) => React.JSX.Element;
             }[];
             tpl?: undefined;
         } | {
@@ -44,7 +44,7 @@ export declare class SubEditor extends React.Component<SubEditorProps> {
             body?: undefined;
         };
         actions: ({
-            children: JSX.Element | null;
+            children: React.JSX.Element | null;
             type?: undefined;
             label?: undefined;
             level?: undefined;