amis-editor 3.3.6-beta.10 → 3.3.6-beta.18

package/dist/Animation.d.ts

@@ -0,0 +1,22 @@
+interface Rect {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+}
+interface AnimationState {
+    rect: Rect;
+    target: HTMLElement;
+}
+export declare class AnimationManager {
+    animating: boolean;
+    animationCallbackId: any;
+    states: Array<AnimationState>;
+    capture(el: HTMLElement): void;
+    animateAll(callback?: () => void): void;
+    animate(target: HTMLElement, currentRect: Rect, toRect: Rect, duration: number): void;
+}
+declare const _default: AnimationManager;
+export default _default;

package/dist/BasicContainerEditor.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import BasicEditor from './BasicEditor';
+import { Schema, RendererProps } from './types';
+export default class BasicContainerEditor<T extends RendererProps = RendererProps> extends BasicEditor<T> {
+    dropable: boolean;
+    containers: Array<string>;
+    disabledContainers: Array<string>;
+    diyContainer: Array<string>;
+    containerLabels: Array<string>;
+    constructor(props: T, context: any);
+    componentWillReceiveProps(nextProps: RendererProps): void;
+    editorWillUpdate(activeId: string | null, prevId: string | null, mode: string): any;
+    modifyProps(props: any, context?: any): any;
+    isDropableRegion(region: string): boolean;
+    updateRegion(name?: string): void;
+    getContextMenus(): any[];
+    _allSubRenderers: Array<any>;
+    get allSubRenderers(): any[];
+    getAvaiableSubRenderers(region?: string): {
+        label: string | undefined;
+        value: any;
+        docLink: string | undefined;
+        previewSchema: Schema | undefined;
+        description: string | undefined;
+        id: string;
+        icon: string | undefined;
+        tags: string[];
+    }[];
+    /**
+     * 当把目标节点拖入到当前节点的区域时执行，用来完成数据写入。
+     * @param region
+     * @param dragId
+     * @param indexOrBeforeId
+     */
+    moveTo(region: string, dragId: string, indexOrBeforeId: string | number): void;
+    /**
+     * 从外面拖入一个组件时执行，实现拖入组件的逻辑。
+     * @param region
+     * @param index
+     * @param data
+     */
+    add(region: string, index: number, data: any, rendererId: string): Promise<void>;
+    regionRef(regionName: string, ref: any): void;
+    updateHighlight(viewOnly?: boolean): void;
+    renderChild(region: string, node: Schema, props?: any): JSX.Element;
+}

package/dist/BasicEditor.d.ts

@@ -0,0 +1,214 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Schema, RendererProps } from './types';
+export declare const defaultChildrenSortList: string[];
+export default class BasicEditor<T extends RendererProps = RendererProps> extends React.Component<T> {
+    static contextTypes: {
+        editor: PropTypes.Requireable<object>;
+        editorNode: PropTypes.Requireable<object>;
+    };
+    static childContextTypes: {
+        editorNode: PropTypes.Requireable<object>;
+    };
+    ref: any;
+    renderer: any;
+    tipName: string;
+    Renderer: React.ReactType;
+    static propsList: Array<string>;
+    static displayName: string;
+    highlight: any;
+    regions: any;
+    movable?: boolean;
+    regionDefaultNodes: Partial<T>;
+    toolbarBtns: Array<{
+        visible?: boolean;
+        icon: string;
+        tooltip?: string;
+        id: string;
+        placement?: string;
+        test?: (props: any, editor: any) => any;
+    }>;
+    toolbarDom: React.RefObject<HTMLDivElement>;
+    containers: Array<string>;
+    removable: boolean;
+    replaceable: boolean;
+    codeEditable: boolean;
+    duplicatable: boolean;
+    draggable: boolean;
+    dropable: boolean;
+    $schema: string;
+    settingsSchema: any;
+    clickIgnoreSelecor: string;
+    nodes: Array<any>;
+    placeholder: string;
+    mounted: boolean;
+    replaceSettings: boolean;
+    regions2path: any;
+    childrenSortList: {
+        [propName: string]: Array<string>;
+    };
+    syncOutlineLazy: any;
+    constructor(props: T);
+    getChildContext(this: any): {
+        editorNode: {
+            id: any;
+            add: any;
+            remove: any;
+            getNodes: any;
+            component: any;
+            parent: any;
+        };
+    };
+    componentWillMount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    /**
+     * 用来判断当前编辑器节点具备什么操作能力。
+     * 直接调用 toolbar 里面的 test 方法。
+     * @param type string
+     */
+    can(type: string): boolean;
+    /**
+     * 返回 dom 元素。
+     */
+    getElement(): HTMLElement | null;
+    /**
+     * 最外层的 Editor 会调用，一遍用来切换选中状态。
+     * @param activeId
+     * @param prevId
+     * @param mode
+     */
+    editorWillUpdate(activeId: string | null, prevId: string | null, mode: string): any;
+    patchSchema(): void;
+    childRef(ref: any): void;
+    highlightRef(ref: any): void;
+    updateHighlight(viewOnly?: boolean): void;
+    getWrappedInstance(): any;
+    getTarget(): HTMLElement;
+    addNode(node: any): void;
+    removeTo(node: any): void;
+    getNodes(): any[];
+    syncOutline(): void;
+    handleClick(e: Event): void;
+    handleToolbarBtnClick(e: React.MouseEvent<any>): void;
+    handleToolbarAction(id: string): void;
+    handleToolbarDragStart(e: any): void;
+    /**
+     * 选中父级编辑器节点。
+     */
+    selectParent(): void;
+    /**
+     * 向外选中
+     */
+    selectOutside(): void;
+    /**
+     * 向内选中
+     */
+    selectInside(): void;
+    /**
+     * 激活当前编辑器节点。
+     * @param forceOpen
+     */
+    active(forceOpen?: boolean): void;
+    /**
+     * 起到 deActive 的作用，取消选中。
+     */
+    closeSetting(): void;
+    /**
+     * 复制一份自己。
+     */
+    duplicateSelf(): void;
+    /**
+     * 点开当前节点的编辑面板。
+     */
+    openEditForm(forceOpen?: boolean): void;
+    /**
+     * 点开当前节点的代码面板。
+     */
+    openEditCode(): void;
+    /**
+     * 删除自己
+     */
+    deleteSelf(): void;
+    /**
+     * 剪切掉自己
+     */
+    cutSelf(): void;
+    /**
+     * 把自己往上移动
+     */
+    moveUp(): void;
+    /**
+     * 把自己往下移动
+     */
+    moveDown(): void;
+    /**
+     * 向上选中节点
+     */
+    selectBackward(): boolean;
+    /**
+     * 向下选中节点
+     */
+    selectForward(): boolean;
+    /**
+     * 获取当前节点的配置项。
+     */
+    getSettingsValue(): any;
+    /**
+     * 设置当前节点的配置项。
+     */
+    setSettingsValue(value: any, mode?: string, callback?: (data: any) => void): void;
+    attachAddBtn(container: any, btn: any, defaultValue?: any): any;
+    normalizeContainer(schema: any, containers: Array<string>): any;
+    onAddNode(region: string, child: any): any;
+    /**
+     * 给当前节点添加成员。
+     * @param key
+     * @param child
+     * @param updateSettings
+     */
+    addChild(key: string, child: any): void;
+    /**
+     * 清空容器里面的所有节点。
+     * @param key
+     */
+    emptyChild(key: string): void;
+    /**
+     * 选择一个选择渲染器的框，并进行添加。
+     * @param region
+     * @param key
+     * @param cb
+     * @param whiteList
+     * @param updateSettings
+     * @param sortList
+     */
+    pickChild(region: string, key?: string, cb?: (child: any, id: string, editor: any) => void, whiteList?: Array<string> | ((type: string) => boolean), updateSettings?: boolean, sortList?: Array<string>): void;
+    /**
+     * 询问当前节点知否能接收指定节点作为孩子。
+     * @param type
+     * @param region
+     * @param whiteList
+     * @param mode
+     */
+    acceptChild(type: string, region: string, rendererId?: string): boolean | null;
+    /**
+     * 把自己替换成别的渲染器。交互是弹出个框让用户选择，然后替换。
+     */
+    changeSelf(): void;
+    /**
+     * 用来生成右键功能菜单列表。
+     */
+    getContextMenus(): Array<any>;
+    updateRegion(name?: string): void;
+    regionRef(regionName: string, ref: any): void;
+    renderChild(region: string, node: Schema, props: any): JSX.Element;
+    renderRenderer(props?: any): JSX.Element;
+    renderPlaceholder(props?: any): JSX.Element;
+    renderTip(): JSX.Element;
+    renderToolbars(): JSX.Element;
+    renderSecondaryToolbars(): React.ReactNode;
+    renderButton(handler: (e: React.MouseEvent<HTMLButtonElement>) => void, tooltip?: string, icon?: string, props?: any): JSX.Element;
+    renderBasic(enabled?: boolean): JSX.Element | JSX.Element[];
+    render(): JSX.Element;
+}

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface BreadcrumbProps {
+    activeId?: any;
+    outline?: any;
+    onHover: (id: string | null) => void;
+    onSelect: (value: any, forceOpen?: boolean) => void;
+}
+export interface BreadcrumbState {
+    links: Array<any>;
+}
+export default class Breadcrumb extends React.Component<BreadcrumbProps, BreadcrumbState> {
+    state: BreadcrumbState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: BreadcrumbProps): void;
+    syncOutline(): void;
+    handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
+    handleMouseEnter(e: React.MouseEvent<HTMLAnchorElement>): void;
+    render(): JSX.Element;
+}

package/dist/ClassNameControl.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { RendererProps } from 'amis/lib/factory';
+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(): ChildNode | null;
+    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/CodeEditor.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="lodash" />
+import React from 'react';
+export interface AMisCodeEditorProps {
+    value: any;
+    onChange: (value: any, diff: any) => void;
+    disabled?: boolean;
+    $schemaUrl?: string;
+    $schema?: string;
+    className?: string;
+    theme?: string;
+}
+export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps, any> {
+    state: {
+        value: any;
+        contents: any;
+    };
+    lastResult: any;
+    model: any;
+    editor: any;
+    monaco: any;
+    decorations: any;
+    static defaultProps: Partial<AMisCodeEditorProps>;
+    componentWillReceiveProps(nextProps: AMisCodeEditorProps): void;
+    obj2str(value: any, props: AMisCodeEditorProps): any;
+    str2obj(str: string): any;
+    emitChange: (() => void) & import("lodash").Cancelable;
+    getFileUri(props?: AMisCodeEditorProps): string;
+    changeModel(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;
+    render(): JSX.Element;
+}

package/dist/Editor.d.ts

@@ -0,0 +1,251 @@
+/// <reference types="node" />
+import React from 'react';
+import './editors/index';
+import { scaffoldForm } from './Preview';
+import { Schema } from './types';
+import PropTypes from 'prop-types';
+import { RenderOptions } from 'amis/lib/factory';
+export interface EditorProps {
+    value: any;
+    onChange: (value: any) => void;
+    preview?: boolean;
+    autoFocus?: boolean;
+    pathPrefix?: string;
+    previewClassName?: string;
+    previewProps?: object;
+    clipboard?: any;
+    amis_env?: RenderOptions;
+    theme?: string;
+    $schemaUrl?: string;
+    onEditorMount?: (component: any) => void;
+    onEditorUnMount?: (component: any) => void;
+    onHover?: (id?: string, schema?: any) => boolean;
+    onActive?: (id?: string, schema?: any, onChange?: (newValue: any) => void) => boolean | void;
+    onAdd?: (path: string, id: string, region: string, callback: (json: any) => void) => boolean | void;
+    onAccept?: (id: string, region: string, index: number, data: any) => void | boolean;
+    onMove?: (id: string, region: string, index: number, sId: string) => boolean | void;
+    onMoveUp?: (id: string) => boolean | void;
+    onMoveDown?: (id: string) => boolean | void;
+    onDelete?: (id: string) => boolean | void;
+    [propName: string]: any;
+}
+export declare type PatchItem = {
+    op: 'update' | 'replace';
+    target: string;
+    value: any;
+} | {
+    op: 'delete';
+    target: string;
+} | {
+    op: 'push';
+    target: string;
+    key: string;
+    value: any;
+} | {
+    op: 'splice';
+    target: string;
+    key: string;
+    args: Array<any>;
+};
+export interface DialogConfig {
+    title: string;
+    body: any;
+    onConfirm: (value: any) => void;
+    size?: string;
+    closeOnEsc?: boolean;
+    actions?: Array<any>;
+    onCancel?: () => void;
+}
+export interface EditorState {
+    settings: {
+        id: string;
+        editor: any;
+        $schema?: string;
+        schema: Schema;
+        value?: any;
+        getValue?: () => any;
+        getRaw: () => any;
+        onChange: (value: any, mode: string, callback?: (value: any) => void) => void;
+    } | null;
+    value: Schema;
+    clipboard?: any;
+    dialog?: DialogConfig | null;
+    drawer?: DialogConfig | null;
+    outline?: any;
+    seetingsSize: 'normal' | 'large';
+    draging: boolean;
+    dropId?: string | null;
+    dropRegion?: string | null;
+}
+export default class AMisEditor extends React.PureComponent<EditorProps, EditorState> {
+    static defaultProps: {
+        value: {
+            title: string;
+            body: string;
+        };
+        pathPrefix: string;
+        previewClassName: string;
+        theme: string;
+        autoFocus: boolean;
+    };
+    static childContextTypes: {
+        editor: PropTypes.Requireable<object>;
+        editorNode: PropTypes.Requireable<object>;
+        theme: PropTypes.Requireable<string>;
+    };
+    state: EditorState;
+    hoverId?: string | null;
+    hoverRegion?: string | null;
+    value: any;
+    settings?: null | {
+        id: string;
+        editor: any;
+        $schema: string;
+        value?: any;
+        getValue?: () => any;
+        getRaw: () => any;
+        schema: Schema;
+        onChange: (value: any, mode: string, callback?: (value: any) => void) => void;
+    };
+    outline: any;
+    lastValue: any;
+    widgetsLayer: HTMLElement;
+    nodes: Array<any>;
+    defaultOpenTimer: NodeJS.Timeout;
+    settingsInstance: any;
+    previewInstance: any;
+    mounted: boolean;
+    unSensor?: () => void;
+    emitChangeLazy: () => void;
+    constructor(props: EditorProps);
+    static contextTypes: {
+        editor: PropTypes.Requireable<object>;
+    };
+    id: string;
+    getChildContext(): any;
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: EditorProps): void;
+    componentWillUnmount(): void;
+    focus(): void;
+    handlePreviewResize(): void;
+    resolveEditorById(id: string): any;
+    switchSettingPane(key: 'nav' | 'form' | 'code'): void;
+    handleClick(e: MouseEvent): void;
+    handleMouseMove(e: React.MouseEvent): void;
+    handleMouseLeave(e: React.MouseEvent): void;
+    addNode(node: any): void;
+    removeTo(node: any): void;
+    getWidgetsLayer(): HTMLElement;
+    getPreviewLayer(): Element | Text | null;
+    getEditorLayout(): Element | Text | null;
+    widgetsLayerRef(ref: any): void;
+    settingsRef(ref: any): void;
+    previewRef(ref: any): void;
+    refreshSettings(): void;
+    selectEditor(id: string, forceOpen?: boolean): void;
+    unSelectEditor(): void;
+    getSettings(id: string): any;
+    updateSettings(id: string | void, value: any, replace?: boolean, mode?: string, lazyEmit?: boolean): void;
+    getParentSettings(id: string, skipArray?: boolean): any;
+    moveSeetingsUp(id: string): void;
+    moveSeetingsDown(id: string): void;
+    deleteSettings(id: string, deleteIfEmpty?: boolean): string[] | null;
+    duplicateSettings(id: string): void;
+    cutSettings(id: string, cb: Function): void;
+    clearClipBoard(): void;
+    getSchema(): any;
+    handleChange(value: Schema, lazyEmit?: boolean, mode?: string): void;
+    versionIdIndex: number;
+    versionId: number;
+    history: Array<{
+        versionId: number;
+        value: any;
+    }>;
+    emitChange(mode?: string): void;
+    getVersionId(): number;
+    undo(): void;
+    redo(): void;
+    confirmForm(config: scaffoldForm, initalData?: any): Promise<unknown>;
+    getActiveId(): string;
+    getHoverId(): string | null | undefined;
+    getHoverRegion(): string | null | undefined;
+    getDropId(): string | null | undefined;
+    setDropId(target: string | null, force?: boolean, fn?: () => void): void;
+    getDropRegion(): string | null | undefined;
+    getDragId(): string | null | undefined;
+    setDragId(id: string | null): void;
+    handleEditorHover(target: string | null): void;
+    activeEditor(id: string, config?: {
+        editor: any;
+        $schema: string;
+        value?: any;
+        getValue?: () => any;
+        getRaw: () => any;
+        schema: Schema;
+        onChange: (value: any, mode: string, callback?: (value: any) => void) => void;
+    }, forceOpen?: boolean): void;
+    getRendererCandidates(path: string, whiteList?: Array<string> | ((type: string, path: string) => boolean), sortList?: Array<string>): {
+        label: string | undefined;
+        value: any;
+        image: string | undefined;
+        docLink: string | undefined;
+        previewSchema: Schema | undefined;
+        description: string | undefined;
+        icon: string | undefined;
+        tags: string[];
+    }[];
+    pickRenderer(path: string, id: string, region: string, callback: (json: any) => void, whiteList?: Array<string> | ((type: string, path: string) => boolean), sortList?: Array<string>): void;
+    openDialog(title: string, body: any, onConfirm: (value: any) => void, size?: string, mode?: 'dialog' | 'drawer', closeOnEsc?: boolean, onCancel?: () => void): void;
+    syncOutline(): void;
+    handleDialogClose(): void;
+    handleDialogConfirm(values: Array<any>): void;
+    handleDrawerClose(): void;
+    handleDrawerConfirm(values: Array<any>): void;
+    handleOutlineSelect(value: any, forceOpen?: boolean): void;
+    handleSettingsSizeToggle(): void;
+    dragGhost: HTMLElement;
+    dragCallback: () => void;
+    dragData?: {
+        type: string;
+        [propName: string]: any;
+    };
+    dragRendererId?: string;
+    dragEl: HTMLElement | null;
+    dragElRaw: HTMLElement | null;
+    dragId?: string | null;
+    dropId?: string | null;
+    dropRegion?: string | null;
+    lastX: number;
+    lastY: number;
+    dragCache: any;
+    dragImage: HTMLDivElement | null;
+    getDragElement(): HTMLElement | null;
+    setDragElement(el: HTMLElement | null): void;
+    handleDragStart(e: any, el?: HTMLElement): any;
+    handleDragEnter(e: React.DragEvent): void;
+    lastMoveAt: number;
+    highlightedRegion: HTMLElement;
+    handleDragOver(e: any, el?: HTMLElement, ignoreMovement?: boolean): void;
+    handleDrop(e: any): void;
+    handleDragLeave(e: React.DragEvent): void;
+    handleDragEnd(e: any): void;
+    highlightRegion(e: Event): void;
+    unhighlightRegion(): void;
+    switchRegion(e: Event): void;
+    handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    moveBackward(): void;
+    moveForward(): void;
+    selectBackward(): void;
+    selectForward(): void;
+    selectOutside(): void;
+    selectInside(): void;
+    cutActive(): void;
+    pasteOnActive(): void;
+    deleteActive(): void;
+    openActiveSetting(): void;
+    openActiveCode(): void;
+    duplicateActive(): void;
+    renderToolbar(): JSX.Element | null;
+    render(): JSX.Element;
+}

package/dist/HighlightBox.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface HighlightBoxProps {
+    editor: any;
+    id: string;
+    getTarget: () => HTMLElement;
+    className?: string;
+    children?: () => React.ReactNode;
+}
+export default class HighlightBox extends React.PureComponent<HighlightBoxProps, any> {
+    dom?: HTMLElement;
+    domRef: (ref: any) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    setView(): void;
+    update(): void;
+    render(): JSX.Element;
+}

package/dist/MiniEditor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './editors/index';
+import Editor, { PatchItem } from './Editor';
+export default class MiniEditor extends Editor {
+    getChildContext(): any;
+    applyPatches(patches: Array<PatchItem>): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    render(): JSX.Element;
+}

package/dist/Outline.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+interface OutlineProps {
+    options: Array<any>;
+    value: any;
+    onHover: (id: string | null) => void;
+    onSelect: (value: any, forceOpen?: boolean) => void;
+    showDropableNodesOnly?: boolean;
+}
+declare type OutlineNode = {
+    label: string;
+    value: string;
+    isRegion?: boolean;
+    draggable: boolean;
+    dropable: boolean;
+    children?: Array<OutlineNode>;
+};
+interface OutlineState {
+    options: Array<OutlineNode>;
+    folded: {
+        [propName: string]: boolean;
+    };
+}
+export default class Outline extends React.PureComponent<OutlineProps, OutlineState> {
+    static contextTypes: {
+        editor: PropTypes.Requireable<object>;
+    };
+    constructor(props: OutlineProps);
+    componentWillReceiveProps(nextProps: OutlineProps): void;
+    handleClick(e: React.MouseEvent<HTMLElement>): void;
+    handleEnter(e: React.MouseEvent<HTMLElement>): void;
+    handleExpanderClick(e: React.MouseEvent<HTMLSpanElement>): void;
+    handleDragStart(e: React.DragEvent<HTMLElement>): void;
+    handleDragOver(e: React.DragEvent<HTMLElement>): void;
+    renderItem(option: OutlineNode, index: number): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/dist/PositionRegion.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import Region from './Region';
+export default class PositionRegion extends Region {
+    handleDragEnter(e: React.DragEvent, ghost: HTMLElement): void;
+    handleDragLeave(e: React.DragEvent, ghost: HTMLElement): void;
+    handleDragOver(e: React.DragEvent, ghost: HTMLElement): void;
+}