amis-editor 5.2.0-beta.1 → 5.2.0

package/dist/cebfe0bc5a1dbde02da1.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="8px" viewBox="0 0 6 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="折叠icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="折叠icon svg" transform="translate(-305.000000, -566.000000)" fill="#A1A6B3" fill-rule="nonzero">
+            <g id="折叠icon svg g" transform="translate(60.000000, 60.000000)">
+                <path d="M245.77735,506.518233 L250.375962,509.583975 C250.605727,509.737151 250.667814,510.047586 250.514637,510.27735 C250.47802,510.332276 250.430888,510.379408 250.375962,510.416025 L245.77735,513.481767 C245.547586,513.634943 245.237151,513.572856 245.083975,513.343092 C245.029219,513.260958 245,513.164454 245,513.065741 L245,506.934259 C245,506.658116 245.223858,506.434259 245.5,506.434259 C245.598712,506.434259 245.695216,506.463478 245.77735,506.518233 Z" id="矩形" transform="translate(248.000000, 510.000000) scale(-1, 1) translate(-248.000000, -510.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/compat.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 兼容 1.x 里面的注册渲染器的方法。
+ */
+import { EditorManager } from './manager';
+import { BasePlugin } from './plugin';
+/**
+ * 旧版本注册渲染器编辑器的方法。
+ *
+ * @deprecated
+ * @param rendererName
+ * @param config
+ */
+export declare function RendererEditor(rendererName: string, config: {
+    name: string;
+    description?: string;
+    type?: string;
+    previewSchema?: any;
+    scaffold?: any;
+}): (Klass: new (manager: EditorManager) => BasicEditor) => void;
+/**
+ * 为了兼容旧版的注册方法
+ * @deprecated
+ */
+export declare class BasicEditor extends BasePlugin {
+    tipName?: string;
+    settingsSchema?: {
+        title: string;
+        body: Array<any>;
+    };
+}

package/dist/component/Breadcrumb.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { EditorStoreType } from '../store/editor';
+import { EditorManager } from '../manager';
+export interface BreadcrumbProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+}
+interface BreadcrumbStates {
+    showLeftScrollBtn: boolean;
+    showRightScrollBtn: boolean;
+}
+export default class Breadcrumb extends React.Component<BreadcrumbProps, BreadcrumbStates> {
+    readonly breadcrumbRef: React.RefObject<HTMLDivElement>;
+    readonly bcnContentRef: React.RefObject<HTMLDivElement>;
+    currentBreadcrumb: HTMLElement;
+    unReaction: () => void;
+    unSensor?: () => void;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    refreshHandleScroll(resetScroll?: boolean): void;
+    getCurBreadcrumb(): HTMLDivElement | null;
+    getBreadcrumbContainer(): HTMLDivElement | null;
+    getScrollLeft(): string;
+    toNumber(pxStr: string): number;
+    HandleScroll(resetScroll?: boolean): void;
+    handleScrollToLeft(): void;
+    handleScrollToRight(): void;
+    handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
+    handleMouseEnter(e: React.MouseEvent<HTMLAnchorElement>): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/component/ClassNameControl.d.ts

@@ -0,0 +1,31 @@
+import { RendererProps } from 'amis';
+import React from 'react';
+import { Schema } from 'amis/lib/types';
+interface ClassNameControlProps extends RendererProps {
+    schema: Schema;
+}
+interface ClassNameControlState {
+    isFocused: boolean;
+    isOpened: boolean;
+}
+export declare class ClassNameControl extends React.Component<ClassNameControlProps, ClassNameControlState> {
+    state: {
+        isFocused: boolean;
+        isOpened: boolean;
+    };
+    values: Array<string>;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    handleFocus(e: any): void;
+    handleBlur(e: any): void;
+    handleChange(e: React.ChangeEvent<HTMLInputElement>): void;
+    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;
+}
+export {};

package/dist/component/CommonConfigWrapper.d.ts

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

package/dist/component/ContainerWrapper.d.ts

@@ -0,0 +1,12 @@
+import { NodeWrapperProps } from './NodeWrapper';
+import React from 'react';
+import { Schema } from 'amis/lib/types';
+export interface ContainerWrapperProps extends NodeWrapperProps {
+}
+export declare class ContainerWrapper extends React.Component<ContainerWrapperProps> {
+    ref: any;
+    getWrappedInstance(): any;
+    refFn(ref: any): void;
+    renderChild(region: string, node: Schema, props: any): JSX.Element;
+    render(): JSX.Element;
+}

package/dist/component/Editor.d.ts

@@ -0,0 +1,97 @@
+import React, { Component } from 'react';
+import { EditorStoreType } from '../store/editor';
+import { SchemaObject } from 'amis/lib/Schema';
+import { EditorManager, PluginClass } from '../manager';
+import { RenderOptions } from 'amis';
+import { PluginEventListener } from '../plugin';
+import { ActionConfigItemsMap, ActionTypeNode } from '../event-action';
+export interface EditorProps extends PluginEventListener {
+    value: SchemaObject;
+    onChange: (value: SchemaObject) => void;
+    preview?: boolean;
+    isMobile?: boolean;
+    isSubEditor?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+    $schemaUrl?: string;
+    schemas?: Array<any>;
+    theme?: string;
+    showCustomRenderersPanel?: boolean;
+    amisDocHost?: string;
+    /**
+     * Preview 预览前可以修改配置。
+     * 比如把api地址替换成 proxy 地址。
+     */
+    schemaFilter?: (schema: any) => any;
+    amisEnv?: RenderOptions;
+    /**
+     * 上下文数据，设置后，面板和脚手架表单里面可以取到这些值。
+     */
+    ctx?: any;
+    data?: any;
+    /**
+     * 是否禁用内置插件
+     */
+    disableBultinPlugin?: boolean;
+    plugins?: Array<PluginClass>;
+    /**
+     * 传给预览器的其他属性
+     */
+    previewProps?: any;
+    iframeUrl?: string;
+    isHiddenProps?: (key: string) => boolean;
+    /**
+     * 事件动作面板相关配置
+     */
+    actionOptions?: {
+        showOldEntry?: boolean;
+        /**
+         * 通用动作集（事件动作面板左侧动作树）
+         */
+        actionTreeGetter?: (actionTree: ActionTypeNode[]) => ActionTypeNode[];
+        /**
+         * 自定义动作配置
+         */
+        customActionGetter?: (manager: EditorManager) => ActionConfigItemsMap;
+    };
+    onUndo?: () => void;
+    onRedo?: () => void;
+    onSave?: () => void;
+    onPreview?: (preview: boolean) => void;
+}
+export default class Editor extends Component<EditorProps> {
+    readonly store: EditorStoreType;
+    readonly manager: EditorManager;
+    readonly mainRef: React.RefObject<HTMLDivElement>;
+    unReaction: () => void;
+    lastResult: any;
+    curCopySchemaData: any;
+    static defaultProps: {
+        autoFocus: boolean;
+    };
+    isInternalChange: boolean;
+    constructor(props: EditorProps);
+    componentDidUpdate(prevProps: EditorProps): void;
+    componentWillUnmount(): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    undo(): void;
+    redo(): void;
+    save(): void;
+    preview(): void;
+    /**
+     * 复制的内容以变量的形式存放
+     * 备注1: 系统的复制&粘贴需要开启https服务才有效，所有这里改用内存形式实现
+     * 备注2: 此方法不鞥实现跨页面复制&粘贴能力
+     * 备注3: 后续需要支持下跨页面跨浏览器复制&粘贴能力
+     */
+    copy(): void;
+    /**
+     * 粘贴上一次复制的内容
+     */
+    paste(): void;
+    getToolbarContainer(): HTMLDivElement | null;
+    render(): JSX.Element;
+}

package/dist/component/HighlightBox.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { EditorStoreType } from '../store/editor';
+import { EditorNodeType } from '../store/node';
+import { EditorManager } from '../manager';
+export interface HighlightBoxProps {
+    store: EditorStoreType;
+    node: EditorNodeType;
+    id: string;
+    className?: string;
+    title: string;
+    toolbarContainer?: () => any;
+    onSwitch?: (id: string) => void;
+    manager: EditorManager;
+}
+export default class HighlightBox extends React.Component<HighlightBoxProps> {
+    mainRef: React.RefObject<HTMLDivElement>;
+    handleWResizerMouseDown(e: MouseEvent): void;
+    handleHResizerMouseDown(e: MouseEvent): void;
+    handleResizerMouseDown(e: MouseEvent): void;
+    startResize(e: MouseEvent, direction?: 'horizontal' | 'vertical' | 'both'): void;
+    wResizerDom: HTMLElement;
+    wResizerRef(ref: any): void;
+    hResizerDom: HTMLElement;
+    hResizerRef(ref: any): void;
+    resizerDom: HTMLElement;
+    resizerRef(ref: any): void;
+    handleMouseEnter(): void;
+    render(): JSX.Element;
+}

package/dist/component/IFrameBridge.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { EditorManager } from '../manager';
+import { EditorStoreType } from '../store/editor';
+export interface IFrameBridgeProps {
+    className?: string;
+    url: string;
+    editable?: boolean;
+    isMobile?: boolean;
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+    data?: any;
+    env?: any;
+    autoFocus?: boolean;
+}
+export interface BridgeApi {
+    update: (props: any) => void;
+}
+export default class IFrameBridge extends React.PureComponent<IFrameBridgeProps> {
+    bridgeFnName: string;
+    bridge?: BridgeApi;
+    schema: any;
+    constructor(props: IFrameBridgeProps);
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    iframeRef(iframe: any): void;
+    update(props?: Readonly<IFrameBridgeProps> & Readonly<{
+        children?: React.ReactNode;
+    }>): void;
+    render(): JSX.Element;
+}
+export declare function mountInIframe(dom: HTMLElement, reactDom: any, envCreator?: any): void;

package/dist/component/IFramePreview.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { EditorManager } from '../manager';
+import { EditorStoreType } from '../store/editor';
+import { RenderOptions } from 'amis-core';
+import { Schema } from 'amis/lib/types';
+import { RendererConfig } from 'amis-core/lib/factory';
+export interface IFramePreviewProps {
+    className: string;
+    editable?: boolean;
+    isMobile?: boolean;
+    schema: any;
+    theme?: string;
+    store: EditorStoreType;
+    manager: EditorManager;
+    autoFocus?: boolean;
+    data?: any;
+    envCreator?: (props: IFramePreviewProps) => any;
+}
+export default class IFramePreview extends React.Component<IFramePreviewProps> {
+    env: RenderOptions;
+    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;
+}

package/dist/component/MiniEditor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="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;
+}

package/dist/component/NodeWrapper.d.ts

@@ -0,0 +1,20 @@
+import { RendererProps } from 'amis-core';
+import React from 'react';
+import { RendererInfo } from '../plugin';
+import { EditorNodeType } from '../store/node';
+export interface NodeWrapperProps extends RendererProps {
+    $$editor: RendererInfo;
+    $$node?: EditorNodeType;
+}
+export declare class NodeWrapper extends React.Component<NodeWrapperProps> {
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: NodeWrapperProps): void;
+    ref: any;
+    getWrappedInstance(): any;
+    refFn(ref: any): void;
+    /**
+     * 弄点标记
+     */
+    markDom(id: string): void;
+    render(): any;
+}

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

@@ -0,0 +1,37 @@
+/// <reference types="lodash" />
+import React from 'react';
+export interface AMisCodeEditorProps {
+    value: any;
+    onChange: (value: any, diff: any) => void;
+    onPaste?: () => void;
+    disabled?: boolean;
+    $schemaUrl?: string;
+    $schema?: string;
+    className?: string;
+    theme?: string;
+}
+export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps> {
+    state: {
+        wrongSchema: string;
+        value: any;
+        contents: any;
+    };
+    lastResult: any;
+    toDispose: Array<() => void>;
+    editor: any;
+    monaco: any;
+    model: any;
+    decorations: any;
+    uri: string;
+    componentDidUpdate(prevProps: AMisCodeEditorProps): void;
+    obj2str(value: any, props: AMisCodeEditorProps): any;
+    str2obj(str: string): any;
+    emitChange: import("lodash").DebouncedFunc<() => void>;
+    changeJsonOptions(props?: AMisCodeEditorProps): void;
+    editorFactory: (containerElement: HTMLElement, monaco: any, options: any) => any;
+    editorDidMount: (editor: any, monaco: any) => void;
+    editorWillUnmount: (editor: any, monaco: any) => void;
+    handleChange: (value: string) => void;
+    handleBlur: () => Promise<void>;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PanelProps } from '../../plugin';
+declare type PanelStates = {
+    toggleCollapseFolderStatus: boolean;
+};
+export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
+    handleSelect(key: string): void;
+    render(): JSX.Element;
+}
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+export interface ContextMenuPanelProps {
+    store: EditorStoreType;
+}
+export declare class ContextMenuPanel extends React.Component<ContextMenuPanelProps> {
+    render(): JSX.Element | null;
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+import { EditorNodeType } from '../../store/node';
+export interface PanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    node: EditorNodeType | undefined;
+    panelItem: any;
+    theme?: string;
+}
+export declare class DrawerPanel extends React.Component<PanelsProps> {
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+import { EditorNodeType } from '../../store/node';
+export interface PanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    node: EditorNodeType | undefined;
+    panelItem: any;
+    theme?: string;
+}
+export declare class DrawerRendererPanel extends React.Component<PanelsProps> {
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PanelProps } from '../../plugin';
+export declare class InsertSubRendererPanel extends React.Component<PanelProps> {
+    handleLeftClick(e: React.MouseEvent): void;
+    handleClick(e: React.MouseEvent): void;
+    hadnlDBClick(e: React.MouseEvent): void;
+    handleInsert(): void;
+    handleReplace(): void;
+    handleCancel(): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+interface LeftPanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+}
+interface LeftPanelsStates {
+    isFixedStatus: boolean;
+}
+export declare class LeftPanels extends React.Component<LeftPanelsProps, LeftPanelsStates> {
+    constructor(props: any);
+    handleHidden(): void;
+    handleFixed(): void;
+    handleSelect(key: string): void;
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PanelProps } from '../../plugin';
+import { EditorNodeType } from '../../store/node';
+export declare class OutlinePanel extends React.Component<PanelProps> {
+    state: {
+        curSearchElemKey: string;
+    };
+    handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
+    handleEnter(e: React.MouseEvent): 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;
+}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+import { EditorManager } from '../../manager';
+import { SubRendererInfo } from '../../plugin';
+declare type PanelProps = {
+    store: EditorStoreType;
+    manager: EditorManager;
+    groupedRenderers: {
+        [propName: string]: Array<SubRendererInfo>;
+    };
+    searchRendererType: string;
+    className?: string;
+};
+declare type PanelStates = {
+    toggleCollapseFolderStatus: boolean;
+};
+export default class RenderersPanel extends React.Component<PanelProps, PanelStates> {
+    state: {
+        toggleCollapseFolderStatus: boolean;
+    };
+    curCollapseFolded: {
+        [propName: string]: boolean;
+    };
+    handleRegionFilterClick(e: React.MouseEvent): void;
+    handleDragStart(e: React.DragEvent): void;
+    handleClick(e: React.MouseEvent): void;
+    changeCollapseFoldStatus(tagKey: string, event: any): void;
+    renderThumb(schema: any): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+interface RightPanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+}
+interface RightPanelsStates {
+    isOpenStatus: boolean;
+    isFixedStatus: boolean;
+}
+export declare class RightPanels extends React.Component<RightPanelsProps, RightPanelsStates> {
+    constructor(props: any);
+    handleFixed(): void;
+    handleSelect(key: string): void;
+    handleHidden(): void;
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+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;
+}

package/dist/component/PopOverForm.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { EditorManager } from '../manager';
+import { EditorStoreType } from '../store/editor';
+export interface PopOverFormProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+}
+export declare class PopOverForm extends React.Component<PopOverFormProps> {
+    overlay: React.RefObject<any>;
+    buildSchema(): {
+        type: string;
+        wrapWithPanel: boolean;
+        mode: string;
+        wrapperComponent: string;
+        body: any[];
+        submitOnChange: boolean;
+        autoFocus: boolean;
+        onFinished: (newValue: any) => void;
+    };
+    render(): JSX.Element;
+}

package/dist/component/Preview.d.ts

@@ -0,0 +1,67 @@
+import React, { Component } from 'react';
+import { RenderOptions } from 'amis-core';
+import { Schema } from 'amis/lib/types';
+import { EditorStoreType } from '../store/editor';
+import { EditorManager } from '../manager';
+import { RendererConfig } from 'amis-core/lib/factory';
+export interface PreviewProps {
+    theme?: string;
+    amisEnv?: any;
+    className?: string;
+    editable?: boolean;
+    isMobile?: boolean;
+    store: EditorStoreType;
+    manager: EditorManager;
+    data?: any;
+    iframeUrl?: string;
+    autoFocus?: boolean;
+    toolbarContainer?: () => any;
+}
+export interface PreviewState {
+    ready?: boolean;
+}
+export default class Preview extends Component<PreviewProps> {
+    currentDom: HTMLElement;
+    env: RenderOptions;
+    doingSelection: boolean;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    unSensor?: () => void;
+    layer?: HTMLDivElement;
+    contentsRef(ref: HTMLDivElement | null): void;
+    readonly unReaction: () => void;
+    handlePanelChange(): void;
+    getHighlightNodes(): string[];
+    calculateHighlightBox(ids: Array<string>): void;
+    handeMouseDown(e: MouseEvent): void;
+    /** 拖拽多选 */
+    doSelection(rect: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }): void;
+    handleClick(e: MouseEvent): void;
+    handleNavSwitch(id: string): 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;
+    getCurrentTarget(): HTMLDivElement;
+    rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
+    render(): JSX.Element;
+}
+/**
+ * 这个用了 observer，所以能最小程度的刷新，数据不变按理是不会刷新的。
+ */
+export interface SmartPreviewProps {
+    editable?: boolean;
+    autoFocus?: boolean;
+    store: EditorStoreType;
+    env: any;
+    data?: any;
+    manager: EditorManager;
+}