amis-editor 4.1.0-beta.4 → 5.2.0-beta.1

package/dist/component/SubEditor.d.ts

@@ -1,67 +0,0 @@
-import React from 'react';
-import { EditorManager } from '../manager';
-import { EditorStoreType } from '../store/editor';
-import { BuildPanelEventContext, PluginEvent, RendererInfoResolveEventContext } from '../plugin';
-export interface SubEditorProps {
-    store: EditorStoreType;
-    manager: EditorManager;
-    theme?: string;
-}
-export declare class SubEditor extends React.Component<SubEditorProps> {
-    afterResolveEditorInfo(event: PluginEvent<RendererInfoResolveEventContext>): void;
-    handleBuildPanels(event: PluginEvent<BuildPanelEventContext>): void;
-    buildSchema(): {
-        size: string;
-        title: string | undefined;
-        onClose: () => void;
-        onConfirm: ([valueRaw]: any) => void;
-        body: {
-            type: string;
-            mode: string;
-            wrapperComponent: string;
-            onValidate: (value: any) => Promise<{
-                schema: string;
-            } | undefined>;
-            onChange: () => void;
-            body: {
-                name: string;
-                asFormItem: boolean;
-                children: ({ value, onChange }: {
-                    value: any;
-                    onChange: (value: any) => void;
-                }) => JSX.Element;
-            }[];
-            tpl?: undefined;
-        } | {
-            type: string;
-            tpl: string;
-            mode?: undefined;
-            wrapperComponent?: undefined;
-            onValidate?: undefined;
-            onChange?: undefined;
-            body?: undefined;
-        };
-        actions: ({
-            children: JSX.Element | null;
-            type?: undefined;
-            label?: undefined;
-            level?: undefined;
-            actionType?: undefined;
-        } | {
-            type: string;
-            label: string;
-            level: string;
-            children?: undefined;
-            actionType?: undefined;
-        } | {
-            type: string;
-            label: string;
-            actionType: string;
-            children?: undefined;
-            level?: undefined;
-        })[][];
-        closeOnEsc: boolean;
-        bodyClassName: string;
-    };
-    render(): JSX.Element;
-}

package/dist/component/VRenderer.d.ts

@@ -1,177 +0,0 @@
-import React from 'react';
-import { RendererInfo } from '../plugin';
-import { EditorNodeType } from '../store/node';
-export interface VRendererProps extends RendererInfo {
-    path: string;
-    data?: any;
-    widthMutable?: boolean;
-}
-export declare class VRenderer extends React.Component<VRendererProps> {
-    static contextType: React.Context<({
-        parentId: string;
-        parentRegion: string;
-        isCommonConfig: boolean;
-        id: string;
-        label: string;
-        regionInfo: (import("../plugin").RegionConfig & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<import("../plugin").RegionConfig, import("../plugin").RegionConfig, import("../plugin").RegionConfig>>>) | undefined;
-        path: string;
-        schemaPath: string;
-        region: string;
-        preferTag: string;
-        state: any;
-        widthMutable: boolean;
-        heightMutable: boolean;
-        memberIndex: number;
-        folded: boolean;
-        patched: boolean;
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
-    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-    } & {
-        readonly info: RendererInfo;
-        setInfo(value: RendererInfo): void;
-        readonly isVitualRenderer: boolean;
-        readonly clickable: boolean;
-        readonly draggable: boolean;
-        readonly moveable: boolean;
-        readonly removable: boolean;
-        readonly duplicatable: boolean;
-        readonly replaceable: boolean;
-        memberImmutable(region: string): boolean;
-        readonly isRegion: boolean;
-        readonly childRegions: any[];
-        readonly uniqueChildren: any[];
-        readonly sameIdChild: any;
-        readonly singleRegion: boolean;
-        isExists(id: string): boolean;
-        getChildById(id: string): any;
-        readonly parent: any;
-        readonly host: any;
-        readonly firstChild: any;
-        readonly index: any;
-        readonly prevSibling: any;
-        readonly nextSibling: any;
-        readonly schema: any;
-        readonly schemaParent: any;
-        readonly isSecondFactor: boolean;
-    } & {
-        updateIsCommonConfig: (value: boolean) => void;
-        addChild(props: {
-            id: string;
-            label: string;
-            path: string;
-            isCommonConfig?: boolean | undefined;
-            info?: RendererInfo | undefined;
-            region?: string | undefined;
-            getData?: (() => any) | undefined;
-            preferTag?: string | undefined;
-            schemaPath?: string | undefined;
-            regionInfo?: import("../plugin").RegionConfig | undefined;
-            widthMutable?: boolean | undefined;
-            memberIndex?: number | undefined;
-        }): any;
-        removeChild(child: any): void;
-        toggleFold(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;
-        patch(store: any, force?: boolean): void;
-        updateSchema(value: any): void;
-        setComponent(value: any): void;
-        getComponent(): any;
-        calculateHighlightBox(root?: any): void;
-        resetHighlightBox(root: any): void;
-        updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
-        setHeightMutable(value: any): void;
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-        parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
-        parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
-        isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        id: import("mobx-state-tree").IType<string | undefined, string, string>;
-        label: import("mobx-state-tree").IType<string | undefined, string, string>;
-        regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<import("../plugin").RegionConfig, import("../plugin").RegionConfig, import("../plugin").RegionConfig>>;
-        path: import("mobx-state-tree").IType<string | undefined, string, string>;
-        schemaPath: import("mobx-state-tree").IType<string | undefined, string, string>;
-        region: import("mobx-state-tree").IType<string | undefined, string, string>;
-        preferTag: import("mobx-state-tree").IType<string | undefined, string, string>;
-        state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-        widthMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        heightMutable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        memberIndex: import("mobx-state-tree").IType<number | undefined, number, number>;
-        folded: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        patched: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        x: import("mobx-state-tree").IType<number | undefined, number, number>;
-        y: import("mobx-state-tree").IType<number | undefined, number, number>;
-        w: import("mobx-state-tree").IType<number | undefined, number, number>;
-        h: import("mobx-state-tree").IType<number | undefined, number, number>;
-        children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
-    }, {
-        getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
-    } & {
-        readonly info: RendererInfo;
-        setInfo(value: RendererInfo): void;
-        readonly isVitualRenderer: boolean;
-        readonly clickable: boolean;
-        readonly draggable: boolean;
-        readonly moveable: boolean;
-        readonly removable: boolean;
-        readonly duplicatable: boolean;
-        readonly replaceable: boolean;
-        memberImmutable(region: string): boolean;
-        readonly isRegion: boolean;
-        readonly childRegions: any[];
-        readonly uniqueChildren: any[];
-        readonly sameIdChild: any;
-        readonly singleRegion: boolean;
-        isExists(id: string): boolean;
-        getChildById(id: string): any;
-        readonly parent: any;
-        readonly host: any;
-        readonly firstChild: any;
-        readonly index: any;
-        readonly prevSibling: any;
-        readonly nextSibling: any;
-        readonly schema: any;
-        readonly schemaParent: any;
-        readonly isSecondFactor: boolean;
-    } & {
-        updateIsCommonConfig: (value: boolean) => void;
-        addChild(props: {
-            id: string;
-            label: string;
-            path: string;
-            isCommonConfig?: boolean | undefined;
-            info?: RendererInfo | undefined;
-            region?: string | undefined;
-            getData?: (() => any) | undefined;
-            preferTag?: string | undefined;
-            schemaPath?: string | undefined;
-            regionInfo?: import("../plugin").RegionConfig | undefined;
-            widthMutable?: boolean | undefined;
-            memberIndex?: number | undefined;
-        }): any;
-        removeChild(child: any): void;
-        toggleFold(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;
-        patch(store: any, force?: boolean): void;
-        updateSchema(value: any): void;
-        setComponent(value: any): void;
-        getComponent(): any;
-        calculateHighlightBox(root?: any): void;
-        resetHighlightBox(root: any): void;
-        updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
-        setHeightMutable(value: any): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | null>;
-    editorNode: EditorNodeType;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    /**
-     * 弄点标记
-     */
-    markDom(id: string): void;
-    render(): JSX.Element;
-}

package/dist/component/base/BackTop.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export interface BackTopProps {
-    visibilityHeight?: number;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    target: () => HTMLElement | Window | Document;
-    children?: React.ReactNode;
-    className?: string;
-    visible?: boolean;
-}
-export interface BackTopStates {
-    visible: boolean;
-}
-export default class BackTop extends React.Component<BackTopProps, BackTopStates> {
-    ref: React.RefObject<HTMLDivElement>;
-    scrollElem: any;
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    getDefaultTarget(): Document | (Window & typeof globalThis);
-    handleScroll(e: React.UIEvent<HTMLElement> | {
-        target: any;
-    }): void;
-    bindScrollEvent(): void;
-    scrollToTop(e: React.MouseEvent<HTMLDivElement>): void;
-    render(): JSX.Element;
-}

package/dist/component/base/ErrorRenderer.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare class ErrorRenderer extends React.Component<any> {
-    render(): JSX.Element;
-}

package/dist/component/base/SearchRendererPanel.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import { EditorStoreType } from '../../store/editor';
-import { SubRendererInfo } from '../../plugin';
-interface SearchRendererProps {
-    store: EditorStoreType;
-}
-interface SearchRendererStates {
-    subRenderersByOrder: Array<SubRendererInfo>;
-    groupedSubRenderers: {
-        [propName: string]: Array<SubRendererInfo>;
-    };
-    searchSubRenderers: {
-        [propName: string]: Array<SubRendererInfo>;
-    };
-    visible: boolean;
-    curKeyword: string;
-    curKeywordSearchHistory: string[];
-    toggleTagFolderStatus: boolean;
-}
-export default class SearchRendererPanel extends React.Component<SearchRendererProps, SearchRendererStates> {
-    ref: React.RefObject<HTMLDivElement>;
-    curInputBox: any;
-    localStorageKey: string;
-    curTagFolded: {
-        [propName: string]: boolean;
-    };
-    lastSubRenderersTag: string;
-    constructor(props: any);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    componentWillUnmount(): void;
-    bindFocusEvent(): void;
-    bindBlurEvent(): void;
-    updateCurKeyword(keywords: string): void;
-    searchSubRenderersByKeyword(): void;
-    changeTagFoldStatus(tagKey: string, event: any): void;
-    bindEnterEvent(event: any): void;
-    /** 删除搜索关键字 */
-    bindClearActionEvent(): void;
-    /** 组件分类tag点击事件 */
-    bindTagClickEvent(tag: string): void;
-    getSearchHistory(): any[];
-    /** 添加搜索历史 */
-    addSearchHistory(newKeywords: string): void;
-    /** 搜索历史/点击 */
-    clickKeywordEvent(keywords: string): void;
-    deleteSearchHistory(event: any, newKeywords: string): void;
-    clearSearchHistory(event: any): void;
-    /** 将搜索记录保存到localStorage */
-    updateSearchHistory(): void;
-    /** 显示搜索关键字 */
-    renderNameByKeyword(rendererName: string, curKeyword: string): string | JSX.Element;
-    /** 判断搜索展示内容是否有滚动（交互优化） */
-    resultIsHasScroll(searchSubRenderers: {
-        [propName: string]: Array<SubRendererInfo>;
-    }, maxShowLine: number): boolean;
-    render(): JSX.Element;
-}
-export {};

package/dist/component/base/WidthDraggableBtn.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface WidthDraggableProps {
-    isLeftDragIcon?: boolean;
-    className?: any;
-}
-export declare class WidthDraggableBtn extends React.Component<WidthDraggableProps> {
-    startX: number;
-    startWidth: number;
-    dragWrap: HTMLElement;
-    constructor(props: any);
-    handleResizeMouseDown(e: React.MouseEvent): void;
-    handleResizeMouseMove(e: MouseEvent): void;
-    handleResizeMouseUp(): void;
-    render(): JSX.Element;
-}
-export {};

package/dist/component/base/WidthDraggableContainer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function (NeedWidthDraggableComp: React.ComponentType, isLeftDragIcon?: boolean): React.ComponentType;

package/dist/component/remarkTpl.d.ts

@@ -1,150 +0,0 @@
-/**
- * @description 信息提示组件模版
- * @file src/component/remarkTpl.tsx
- * @author hanxiao11@baidu.com
- */
-export default function remarkTpl(config: {
-    name: 'remark' | 'labelRemark';
-    label: string;
-}): {
-    type: string;
-    label: string;
-    mode: string;
-    className: string;
-    labelRemark: {
-        icon: string;
-        trigger: string[];
-        setting: boolean;
-        title: string;
-        content: string;
-        placement: string;
-    };
-    body: {
-        type: string;
-        className: string;
-        body: ({
-            type: string;
-            name: "remark" | "labelRemark";
-            label: string;
-            btnLabel: string;
-            visibleOn: string;
-            className: string;
-            itemClassName: string;
-            icon: string;
-            form: {
-                title: string;
-                mode: string;
-                size: string;
-                body: {
-                    type: string;
-                    columns: ({
-                        md: string;
-                        body: ({
-                            name: string;
-                            type: string;
-                            label: string;
-                            placeholder: string;
-                        } | {
-                            name: string;
-                            type: string;
-                            label: string;
-                            placeholder?: undefined;
-                        })[];
-                    } | {
-                        md: string;
-                        body: ({
-                            name: string;
-                            type: string;
-                            size: string;
-                            label: string;
-                            options: {
-                                label: string;
-                                value: string;
-                            }[];
-                            labelRemark?: undefined;
-                            multiple?: undefined;
-                            pipeIn?: undefined;
-                            pipeOut?: undefined;
-                            visibleOn?: undefined;
-                        } | {
-                            name: string;
-                            label: string;
-                            type: string;
-                            size?: undefined;
-                            options?: undefined;
-                            labelRemark?: undefined;
-                            multiple?: undefined;
-                            pipeIn?: undefined;
-                            pipeOut?: undefined;
-                            visibleOn?: undefined;
-                        } | {
-                            name: string;
-                            label: string;
-                            type: string;
-                            labelRemark: {
-                                trigger: string;
-                                className: string;
-                                rootClose: boolean;
-                                content: string;
-                                placement: string;
-                            };
-                            size?: undefined;
-                            options?: undefined;
-                            multiple?: undefined;
-                            pipeIn?: undefined;
-                            pipeOut?: undefined;
-                            visibleOn?: undefined;
-                        } | {
-                            name: string;
-                            type: string;
-                            label: string;
-                            multiple: boolean;
-                            pipeIn: (value: any) => string | never[];
-                            pipeOut: (value: any) => any;
-                            options: {
-                                label: string;
-                                value: string;
-                            }[];
-                            size?: undefined;
-                            labelRemark?: undefined;
-                            visibleOn?: undefined;
-                        } | {
-                            name: string;
-                            visibleOn: string;
-                            label: string;
-                            type: string;
-                            size?: undefined;
-                            options?: undefined;
-                            labelRemark?: undefined;
-                            multiple?: undefined;
-                            pipeIn?: undefined;
-                            pipeOut?: undefined;
-                        })[];
-                    })[];
-                };
-            };
-            mode?: undefined;
-            pipeIn?: undefined;
-            pipeOut?: undefined;
-        } | {
-            type: string;
-            name: "remark" | "labelRemark";
-            mode: string;
-            pipeIn: (value: any) => boolean;
-            pipeOut: (value: any) => {
-                icon: string;
-                trigger: string[];
-                className: string;
-                setting: boolean;
-                placement: string;
-            } | null;
-            label?: undefined;
-            btnLabel?: undefined;
-            visibleOn?: undefined;
-            className?: undefined;
-            itemClassName?: undefined;
-            icon?: undefined;
-            form?: undefined;
-        })[];
-    }[];
-};

package/dist/dnd/default.d.ts

@@ -1,47 +0,0 @@
-import { EditorDNDManager } from '.';
-import { EditorNodeType } from '../store/node';
-import { DNDModeInterface } from './interface';
-export declare class DefaultDNDMode implements DNDModeInterface {
-    readonly dnd: EditorDNDManager;
-    readonly region: EditorNodeType;
-    readonly dndContainer: HTMLElement;
-    dropBeforeId?: string;
-    constructor(dnd: EditorDNDManager, region: EditorNodeType);
-    /**
-     * 记录上次交换时的鼠标位置。
-     */
-    exchangeX: number;
-    exchangeY: number;
-    /**
-     * 首次拖入，把 ghost 插入进来。让用户有个直观感受。
-     * @param e
-     * @param ghost
-     */
-    enter(e: DragEvent, ghost: HTMLElement): void;
-    /**
-     * 拖出去了，就移除 ghost
-     * @param e
-     * @param ghost
-     */
-    leave(e: DragEvent, ghost: HTMLElement): void;
-    over(e: DragEvent, ghost: HTMLElement): void;
-    /**
-     * 返回个相对位置，如果没有数据会插入到结尾。
-     */
-    getDropBeforeId(): string | undefined;
-    /**
-     * 获取当时拖动到了哪个节点上面。
-     */
-    getTarget(e: DragEvent): HTMLElement | null;
-    /**
-     * 获取区域的直接孩子，因为有时候会在孩子的孩子里面。
-     * 但是插入 ghost 的相对位置，insertBefore 只能是当前孩子。
-     * @param dom
-     * @param descend
-     */
-    getChild(dom: HTMLElement, descend: HTMLElement): HTMLElement;
-    /**
-     * 好像没啥要弄的。
-     */
-    dispose(): void;
-}

package/dist/dnd/index.d.ts

@@ -1,119 +0,0 @@
-import { EditorManager } from '../manager';
-import { EditorStoreType } from '../store/editor';
-import { EditorNodeType } from '../store/node';
-import { DNDModeInterface } from './interface';
-export declare class EditorDNDManager {
-    readonly manager: EditorManager;
-    readonly store: EditorStoreType;
-    toDispose: Array<() => void>;
-    /**
-     * 这个会随着 region 的切换，每次动态创建。
-     */
-    dndMode?: DNDModeInterface;
-    /**
-     * 拖拽对象 dom。
-     */
-    readonly dragGhost: HTMLElement;
-    /**
-     * 统计dragEnter 的次数，因为这个方法会调用很多次，
-     * 有时候只想第一次进来的时候处理逻辑
-     */
-    dragEnterCount: number;
-    /**
-     * 当前被拖动的渲染器元素。注意这里不一定是 e.target。
-     */
-    dragElement?: HTMLElement;
-    /**
-     * 拖拽跟随元素
-     */
-    dragImage?: HTMLElement;
-    /**
-     * 记录上次鼠标位置信息，协助拖拽计算的。
-     */
-    lastX: number;
-    lastY: number;
-    lastMoveAt: number;
-    constructor(manager: EditorManager, store: EditorStoreType);
-    /**
-     * 创建拖拽跟随元素，如果用默认太大了，而且有时候不统一。
-     * @param id
-     * @param node
-     */
-    createDragImage(id: string, node: EditorNodeType): HTMLDivElement;
-    /**
-     * 销毁拖拽跟随元素
-     */
-    disposeDragImage(): void;
-    /**
-     * 切换到目标区域。
-     * @param e
-     * @param id
-     * @param region
-     */
-    switchToRegion(e: DragEvent, id: string, region: string): boolean;
-    /**
-     * 根据区域的配置，创建拖拽模式实例。
-     * 比如 table 列区域的拖拽就是放根线表示拖入的位置。
-     * @param region
-     */
-    makeDNDModeInstance(region: EditorNodeType): void;
-    /**
-     * 拖拽入口，一个是拖拽按钮 toolbar，一个是 outline 里面的导航项
-     * @param id
-     * @param e
-     */
-    startDrag(id: string, e: DragEvent): void;
-    /**
-     * 有东西拖进来了。目前只支持内部面边里面的可用组件，后续还会支持其他类型。
-     * @param e
-     */
-    dragEnter(e: DragEvent): void;
-    /**
-     * 拖入后的每一次移动，除了切换区域的逻辑外都丢给 DNDMode 那个去处理了。
-     * @param e
-     */
-    dragOver(e: DragEvent): void;
-    /**
-     * 拖拽释放的逻辑。
-     * @param e
-     */
-    drop(e: DragEvent): Promise<void>;
-    /**
-     * 拖拽离开时调用。
-     * @param e
-     */
-    dragLeave(e: DragEvent): void;
-    /**
-     * 拖拽结束了。
-     * @param e
-     */
-    dragEnd(e: DragEvent): void;
-    /**
-     * 自动给正在拖拽的元素加 is-draging 之类的 css。
-     */
-    updateDragElements(dragId: string): void;
-    /**
-     * 自动给拖入的区域添加 is-dragenter 之类的 css。
-     */
-    updateDropRegion(value: {
-        id: string;
-        region: string;
-    }, oldValue?: {
-        id: string;
-        region: string;
-    }): void;
-    /**
-     * 自动给即将激活的区域添加高亮。
-     */
-    updatePlanDropRegion(value: {
-        id: string;
-        region: string;
-    }, oldValue?: {
-        id: string;
-        region: string;
-    }): void;
-    /**
-     * 销毁函数。
-     */
-    dispose(): void;
-}

package/dist/dnd/interface.d.ts

@@ -1,14 +0,0 @@
-import { EditorNodeType } from '../store/node';
-import { EditorDNDManager } from './index';
-/**
- * 每种拖拽模式都需要实现这些约定。
- */
-export interface DNDModeInterface {
-    readonly dnd: EditorDNDManager;
-    readonly region: EditorNodeType;
-    enter: (e: DragEvent, ghost: HTMLElement) => void;
-    leave: (e: DragEvent, ghost: HTMLElement) => void;
-    over: (e: DragEvent, ghost: HTMLElement) => void;
-    getDropBeforeId: () => string | undefined;
-    dispose: () => void;
-}