amis-editor 5.2.0 → 5.2.1-beta.15

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): DNDModeInterface | null;
-    /**
-     * 拖拽入口，一个是拖拽按钮 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;
-}

package/dist/dnd/position-h.d.ts

@@ -1,7 +0,0 @@
-import { DefaultDNDMode } from './default';
-import { DNDModeInterface } from './interface';
-export declare class PositionHDNDMode extends DefaultDNDMode implements DNDModeInterface {
-    enter(e: DragEvent, ghost: HTMLElement): void;
-    leave(e: DragEvent, ghost: HTMLElement): void;
-    over(e: DragEvent, ghost: HTMLElement): void;
-}

package/dist/env.d.ts

@@ -1,5 +0,0 @@
-/**
- * 传给 amis 渲染器的默认 env
- */
-import { RenderOptions } from 'amis-core';
-export declare const env: RenderOptions;

package/dist/event-action/actions.d.ts

@@ -1,3 +0,0 @@
-import { ActionTypeNode } from './index';
-declare const ACTION_TYPE_TREE: ActionTypeNode[];
-export default ACTION_TYPE_TREE;

package/dist/event-action/config.d.ts

@@ -1,13 +0,0 @@
-import { ActionConfigItemsMap } from './index';
-export declare const DATA_CONTAINER: string[];
-export declare const IS_DATA_CONTAINER: string;
-export declare const getComboWrapper: (items: any, multiple?: boolean) => {
-    type: string;
-    name: string;
-    multiple: boolean;
-    strictMode: boolean;
-    items: any[];
-};
-export declare const FORMITEM_CMPTS: string[];
-export declare const SUPPORT_DISABLED_CMPTS: string[];
-export declare const COMMON_ACTION_SCHEMA_MAP: ActionConfigItemsMap;

package/dist/event-action/index.d.ts

@@ -1,459 +0,0 @@
-import React from 'react';
-import Sortable from 'sortablejs';
-import { DataSchema } from 'amis';
-import { FormControlProps, ListenerAction } from 'amis-core';
-import CmptActionSelect from './comp-action-select';
-import ActionConfigPanel from './action-config-panel';
-export interface RendererEvent {
-    eventName: string;
-    eventLabel: string;
-    description?: string;
-    defaultShow?: boolean;
-    isBroadcast?: boolean;
-    owner?: string;
-    dataSchema?: any[];
-}
-export interface RendererAction {
-    actionType: string;
-    actionLabel: string;
-    description?: string;
-    schema?: any;
-    config?: string[];
-    desc?: (info: any) => string | JSX.Element;
-}
-export interface PluginEvents {
-    [propName: string]: RendererEvent[];
-}
-export interface PluginActions {
-    [propName: string]: RendererAction[];
-}
-export interface ActionConfig extends ListenerAction {
-    [propName: string]: any;
-}
-export interface ActionEventConfig {
-    [propName: string]: {
-        weight?: number;
-        actions: ActionConfig[];
-        __isBroadcast?: boolean;
-    };
-}
-export interface ComponentInfo {
-    label: string;
-    value: string;
-    type: string;
-    disabled?: boolean;
-    actions?: ActionTypeNode[];
-    children?: ComponentInfo[];
-}
-export interface ActionConfigItemsMap {
-    [propName: string]: {
-        schema?: any;
-        config?: string[];
-        desc?: (info: any) => string | JSX.Element;
-        withComponentId?: boolean;
-        supportComponents?: string[];
-    };
-}
-export interface ContextVariables {
-    label: string;
-    value?: any;
-    tag?: string | string[];
-    children?: any[];
-}
-export interface ActionTypeNode extends RendererAction {
-    children?: ActionTypeNode[];
-}
-interface EventControlProps extends FormControlProps {
-    actions: PluginActions;
-    events: PluginEvents;
-    actionTree: ActionTypeNode[];
-    actionConfigItemsMap?: ActionConfigItemsMap;
-    value: ActionEventConfig;
-    showOldEntry?: boolean;
-    onChange: (value: any, submitOnChange?: boolean, changeImmediately?: boolean) => void;
-    addBroadcast?: (event: RendererEvent) => void;
-    removeBroadcast?: (eventName: string) => void;
-    getComponents: () => ComponentInfo[];
-    getContextSchemas?: (id?: string, withoutSuper?: boolean) => DataSchema;
-    owner?: string;
-}
-interface EventControlState {
-    onEvent: ActionEventConfig;
-    events: RendererEvent[];
-    eventPanelActive: {
-        [prop: string]: boolean;
-    };
-    showAcionDialog: boolean;
-    actionData: {
-        eventKey: string;
-        actionIndex?: number;
-        action?: ActionConfig;
-        variables?: ContextVariables[];
-    } | undefined;
-    type: 'update' | 'add';
-    rawVariables: ContextVariables[];
-    actionConfigItems: ActionConfigItemsMap;
-}
-export declare class EventControl extends React.Component<EventControlProps, EventControlState> {
-    target: HTMLElement | null;
-    eventPanelSortMap: {
-        [prop: string]: Sortable;
-    };
-    drag?: HTMLElement | null;
-    isUnmount: boolean;
-    constructor(props: EventControlProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: EventControlProps, prevState: EventControlState): void;
-    componentWillUnmount(): void;
-    /**
-     * 获取上下文变量
-     */
-    loadContextVariables(): Promise<void>;
-    generateEmptyDefault(events: RendererEvent[]): ActionEventConfig;
-    addEvent(event: RendererEvent): void;
-    delEvent(event: string): void;
-    addAction(event: string, config: any): void;
-    updateAction(event: string, index: number, config: any): void;
-    delAction(event: string, action: any, index: number): void;
-    toggleActivePanel(eventKey: string): void;
-    updateWeight(event: string, data: any): void;
-    /**
-     * 更新事件配置
-     *
-     * @param {string} event
-     * @param {number} actionIndex
-     * @param {*} config
-     * @memberof EventControl
-     */
-    updateValue(event: string, index: number, config: any): void;
-    submitConfig(type: string, config: any): void;
-    /**
-     * 根据动作类型获取过滤后的组件树
-     * @param components
-     * @param actionType
-     * @returns
-     */
-    getComponentTreeSource(actionType: string): ComponentInfo[];
-    renderConfig(type: string): {
-        type: string;
-        title: string;
-        mode: string;
-        wrapperComponent: string;
-        submitText: string;
-        autoFocus: boolean;
-        preventEnterSubmit: boolean;
-        onSubmit: any;
-        body: {
-            type: string;
-            className: string;
-            columns: ({
-                body: ({
-                    type: string;
-                    tpl: string;
-                    className: string;
-                    inline: boolean;
-                    name?: undefined;
-                    disabled?: undefined;
-                    options?: undefined;
-                    showIcon?: undefined;
-                    mode?: undefined;
-                    labelField?: undefined;
-                    valueField?: undefined;
-                    inputClassName?: undefined;
-                    autoFill?: undefined;
-                    onChange?: undefined;
-                } | {
-                    type: string;
-                    name: string;
-                    disabled: boolean;
-                    options: ActionTypeNode[];
-                    showIcon: boolean;
-                    className: string;
-                    mode: string;
-                    labelField: string;
-                    valueField: string;
-                    inputClassName: string;
-                    autoFill: {
-                        __actionDesc: string;
-                    };
-                    onChange: (value: string, oldVal: any, data: any, form: any) => void;
-                    tpl?: undefined;
-                    inline?: undefined;
-                })[];
-                md: number;
-                columnClassName: string;
-            } | {
-                body: ({
-                    type: string;
-                    tpl: string;
-                    className: string;
-                    visibleOn: string;
-                    inline: boolean;
-                    body?: undefined;
-                } | {
-                    type: string;
-                    className: string;
-                    tpl: string;
-                    visibleOn: string;
-                    inline?: undefined;
-                    body?: undefined;
-                } | {
-                    type: string;
-                    className: string;
-                    body: ({
-                        type: string;
-                        name: string;
-                        label: string;
-                        showIcon: boolean;
-                        searchable: boolean;
-                        requiredOn: string;
-                        selfDisabledAffectChildren: boolean;
-                        size: string;
-                        source: string;
-                        mode: string;
-                        autoFill: {
-                            __rendererLabel: string;
-                            __rendererName: string;
-                            __nodeId: string;
-                            __nodeSchema: string;
-                        };
-                        visibleOn: string;
-                        onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
-                        asFormItem?: undefined;
-                        required?: undefined;
-                        component?: undefined;
-                        description?: undefined;
-                        pluginActions?: undefined;
-                        value?: undefined;
-                        pipeIn?: undefined;
-                        options?: undefined;
-                        actionConfigItems?: undefined;
-                        actions?: undefined;
-                        tpl?: undefined;
-                        inline?: undefined;
-                        className?: undefined;
-                        title?: undefined;
-                        variableMode?: undefined;
-                        inputMode?: undefined;
-                        variables?: undefined;
-                        placeholder?: undefined;
-                    } | {
-                        asFormItem: boolean;
-                        label: string;
-                        name: string;
-                        mode: string;
-                        required: boolean;
-                        visibleOn: string;
-                        component: typeof CmptActionSelect;
-                        description: string;
-                        pluginActions: PluginActions;
-                        type?: undefined;
-                        showIcon?: undefined;
-                        searchable?: undefined;
-                        requiredOn?: undefined;
-                        selfDisabledAffectChildren?: undefined;
-                        size?: undefined;
-                        source?: undefined;
-                        autoFill?: undefined;
-                        onChange?: undefined;
-                        value?: undefined;
-                        pipeIn?: undefined;
-                        options?: undefined;
-                        actionConfigItems?: undefined;
-                        actions?: undefined;
-                        tpl?: undefined;
-                        inline?: undefined;
-                        className?: undefined;
-                        title?: undefined;
-                        variableMode?: undefined;
-                        inputMode?: undefined;
-                        variables?: undefined;
-                        placeholder?: undefined;
-                    } | {
-                        type: string;
-                        label: string;
-                        name: string;
-                        mode: string;
-                        value: string;
-                        required: boolean;
-                        pipeIn: (value: any) => any;
-                        options: {
-                            label: string;
-                            value: string;
-                        }[];
-                        visibleOn: string;
-                        showIcon?: undefined;
-                        searchable?: undefined;
-                        requiredOn?: undefined;
-                        selfDisabledAffectChildren?: undefined;
-                        size?: undefined;
-                        source?: undefined;
-                        autoFill?: undefined;
-                        onChange?: undefined;
-                        asFormItem?: undefined;
-                        component?: undefined;
-                        description?: undefined;
-                        pluginActions?: undefined;
-                        actionConfigItems?: undefined;
-                        actions?: undefined;
-                        tpl?: undefined;
-                        inline?: undefined;
-                        className?: undefined;
-                        title?: undefined;
-                        variableMode?: undefined;
-                        inputMode?: undefined;
-                        variables?: undefined;
-                        placeholder?: undefined;
-                    } | {
-                        asFormItem: boolean;
-                        component: typeof ActionConfigPanel;
-                        actionConfigItems: ActionConfigItemsMap;
-                        actions: PluginActions;
-                        type?: undefined;
-                        name?: undefined;
-                        label?: undefined;
-                        showIcon?: undefined;
-                        searchable?: undefined;
-                        requiredOn?: undefined;
-                        selfDisabledAffectChildren?: undefined;
-                        size?: undefined;
-                        source?: undefined;
-                        mode?: undefined;
-                        autoFill?: undefined;
-                        visibleOn?: undefined;
-                        onChange?: undefined;
-                        required?: undefined;
-                        description?: undefined;
-                        pluginActions?: undefined;
-                        value?: undefined;
-                        pipeIn?: undefined;
-                        options?: undefined;
-                        tpl?: undefined;
-                        inline?: undefined;
-                        className?: undefined;
-                        title?: undefined;
-                        variableMode?: undefined;
-                        inputMode?: undefined;
-                        variables?: undefined;
-                        placeholder?: undefined;
-                    } | {
-                        type: string;
-                        tpl: string;
-                        inline: boolean;
-                        className: string;
-                        visibleOn: string;
-                        name?: undefined;
-                        label?: undefined;
-                        showIcon?: undefined;
-                        searchable?: undefined;
-                        requiredOn?: undefined;
-                        selfDisabledAffectChildren?: undefined;
-                        size?: undefined;
-                        source?: undefined;
-                        mode?: undefined;
-                        autoFill?: undefined;
-                        onChange?: undefined;
-                        asFormItem?: undefined;
-                        required?: undefined;
-                        component?: undefined;
-                        description?: undefined;
-                        pluginActions?: undefined;
-                        value?: undefined;
-                        pipeIn?: undefined;
-                        options?: undefined;
-                        actionConfigItems?: undefined;
-                        actions?: undefined;
-                        title?: undefined;
-                        variableMode?: undefined;
-                        inputMode?: undefined;
-                        variables?: undefined;
-                        placeholder?: undefined;
-                    } | {
-                        name: string;
-                        title: string;
-                        type: string;
-                        variableMode: string;
-                        inputMode: string;
-                        variables: string;
-                        className: string;
-                        label: string;
-                        mode: string;
-                        size: string;
-                        placeholder: string;
-                        visibleOn: string;
-                        showIcon?: undefined;
-                        searchable?: undefined;
-                        requiredOn?: undefined;
-                        selfDisabledAffectChildren?: undefined;
-                        source?: undefined;
-                        autoFill?: undefined;
-                        onChange?: undefined;
-                        asFormItem?: undefined;
-                        required?: undefined;
-                        component?: undefined;
-                        description?: undefined;
-                        pluginActions?: undefined;
-                        value?: undefined;
-                        pipeIn?: undefined;
-                        options?: undefined;
-                        actionConfigItems?: undefined;
-                        actions?: undefined;
-                        tpl?: undefined;
-                        inline?: undefined;
-                    })[];
-                    tpl?: undefined;
-                    visibleOn?: undefined;
-                    inline?: undefined;
-                })[];
-                columnClassName: string;
-                md?: undefined;
-            })[];
-        }[];
-        style: {
-            borderStyle: string;
-        };
-        className: string;
-    }[];
-    dragRef(ref: any): void;
-    initDragging(): void;
-    genSortPanel(eventKey: string, ele: HTMLElement): Sortable;
-    destroyDragging(): void;
-    getActionType(action: ActionConfig): string;
-    /**
-     * 格式化初始化时的动作配置
-     * @param action
-     */
-    formatActionInitConfig(action: ActionConfig): {
-        actionType: string;
-        __componentTreeSource: ComponentInfo[];
-        __cmptActionType: string;
-        __showSelectCmpt: boolean | undefined;
-        description?: string | undefined;
-        componentId?: string | undefined;
-        args?: Record<string, any> | undefined;
-        outputVar?: string | undefined;
-        preventDefault?: boolean | undefined;
-        stopPropagation?: boolean | undefined;
-        expression?: string | undefined;
-        execOn?: string | undefined;
-    };
-    activeActionDialog(data: Pick<EventControlState, 'showAcionDialog' | 'type' | 'actionData'>): void;
-    getAcionConfig(action: ActionConfig): RendererAction;
-    renderActionDesc(action: ActionConfig): JSX.Element | null;
-    render(): JSX.Element;
-}
-export declare class EventControlRenderer extends EventControl {
-}
-export declare const getEventLabel: (events: RendererEvent[], name: string) => string | undefined;
-export declare const getEventDesc: (events: RendererEvent[], name: string) => string | undefined;
-export declare const getActionLabel: (events: RendererAction[], name: string) => string | undefined;
-/**
- * 根据不同的动作类型过滤组件树
- * @param componentsTree 组件树
- * @param actionType 动作类型
- * @returns
- */
-export declare const getComponentTreeByType: (componentsTree: ComponentInfo[] | undefined, actionType: string | undefined, pluginActions: {
-    [key: string]: any;
-} | undefined, actionConfigItems: ActionConfigItemsMap) => ComponentInfo[];
-export {};

package/dist/event-action/schema.d.ts

@@ -1,32 +0,0 @@
-import { ActionConfigItemsMap } from './index';
-import { BaseEventContext } from '../plugin';
-import { EditorManager } from '../manager';
-export declare const getComboWrapper: (items: any, multiple?: boolean) => {
-    type: string;
-    name: string;
-    multiple: boolean;
-    strictMode: boolean;
-    items: any[];
-};
-export declare const getOldActionSchema: (manager: EditorManager, context: BaseEventContext) => {
-    type: string;
-    label: string;
-    className: string;
-    tooltip: string;
-    tooltipPlacement: string;
-    actionType: string;
-    dialog: {
-        type: string;
-        title: string;
-        body: {
-            type: string;
-            body: any[];
-        };
-        onConfirm: (values: any[]) => void;
-    };
-};
-/**
- * 获取动作配置项map
- * @param manager
- */
-export declare function getActionConfigItemsMap(manager: any): ActionConfigItemsMap;

package/dist/exports.d.ts

@@ -1,8 +0,0 @@
-/**
- * 用于导出纯工具类方法
- * 比如：BasePlugin、registerEditorPlugin
- */
-import { BasePlugin } from './plugin';
-import { registerEditorPlugin, unRegisterEditorPlugin, getEditorPlugins } from './manager';
-import { getSchemaTpl, defaultValue, setSchemaTpl } from './component/schemaTpl';
-export { BasePlugin, getSchemaTpl, setSchemaTpl, defaultValue, registerEditorPlugin, unRegisterEditorPlugin, getEditorPlugins };