amis-editor 5.2.0-beta.1 → 5.2.0

package/dist/dnd/default.d.ts

@@ -0,0 +1,47 @@
+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

@@ -0,0 +1,119 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,8 @@
+/**
+ * 动作配置面板
+ */
+import { RendererProps } from 'amis-core';
+import React from 'react';
+export default class ActionConfigPanel extends React.Component<RendererProps> {
+    render(): JSX.Element;
+}

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

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

package/dist/event-action/comp-action-select.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 组件专有动作选择器
+ */
+import { Option } from 'amis';
+import { RendererProps } from 'amis-core';
+import React from 'react';
+export declare const BASE_ACTION_PROPS: string[];
+export default class CmptActionSelect extends React.Component<RendererProps> {
+    onChange(option: Option): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,13 @@
+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;