amis-editor-core 5.2.0-beta.0

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+import { SubRendererInfo } from '../../plugin';
+interface SearchRendererProps {
+    store: EditorStoreType;
+}
+interface SearchRendererStates {
+    subRenderersByOrder: Array<SubRendererInfo>;
+    defaultKeyword: string;
+}
+export default class SearchRendererPanel extends React.Component<SearchRendererProps, SearchRendererStates> {
+    localStorageKey: string;
+    lastSubRenderersTag: string;
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    changeSubRenderersTag(curTag: string): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,16 @@
+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/lib/component/base/WidthDraggableContainer.d.ts

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

package/lib/component/factory.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { PanelProps, RegionConfig, RendererInfo } from '../plugin';
+import { EditorNodeType } from '../store/node';
+import { EditorManager } from '../manager';
+import type { RendererConfig } from 'amis-core/lib/factory';
+export declare function makeWrapper(manager: EditorManager, info: RendererInfo, rendererConfig: RendererConfig): any;
+export declare function makeSchemaFormRender(manager: EditorManager, schema: {
+    body?: Array<any>;
+    controls?: Array<any>;
+    definitions?: any;
+    api?: any;
+    submitOnChange?: boolean;
+    justify?: boolean;
+    rendererName?: string;
+    formKey?: string;
+}): ({ value, onChange, popOverContainer, id, store, node }: PanelProps) => JSX.Element;
+export declare function hackIn(renderer: RendererConfig, regions?: Array<RegionConfig>, overrides?: any): void;
+export declare function mapReactElement(dom: JSX.Element, iterator: (dom: JSX.Element, index?: number) => JSX.Element, index?: number): JSX.Element;
+export declare function renderThumbToGhost(ghost: HTMLElement, region: EditorNodeType, schema: any, manager: EditorManager): void;

package/lib/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/lib/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/lib/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/lib/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/lib/env.d.ts

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

package/lib/icons/index.d.ts

@@ -0,0 +1,2 @@
+import { Icon } from 'amis';
+export { Icon };

package/lib/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @file 总入口
+ */
+import Editor from './component/Editor';
+import './component/ClassNameControl';
+import 'amis-editor-comp';
+import 'amis-editor-comp/dist/index.css';
+import './plugin/AvailableRenderers';
+import './plugin/BasicToolbar';
+import './plugin/Code';
+import './plugin/DataDebug';
+import './plugin/ErrorRenderer';
+import './plugin/Outline';
+import './plugin/Unknown';
+import * as utils from './util';
+export * from './util';
+export * from './tpl';
+export * from './manager';
+export * from './plugin';
+export * from './icons/index';
+export * from './mocker';
+import { BasicEditor, RendererEditor } from './compat';
+import MiniEditor from './component/MiniEditor';
+import CodeEditor from './component/Panel/AMisCodeEditor';
+import IFramePreview from './component/IFramePreview';
+import { mountInIframe } from './component/IFrameBridge';
+import SearchPanel from './component/base/SearchPanel';
+import { VRenderer } from './component/VRenderer';
+import { RegionWrapper } from './component/RegionWrapper';
+import { mapReactElement } from './component/factory';
+import { EditorNodeType } from './store/node';
+import { ContainerWrapper } from './component/ContainerWrapper';
+import { EditorStoreType } from './store/editor';
+import { AvailableRenderersPlugin } from './plugin/AvailableRenderers';
+export default Editor;
+export { Editor, MiniEditor, utils, mapReactElement, RendererEditor, BasicEditor, CodeEditor, VRenderer, RegionWrapper, mountInIframe, IFramePreview as IFrameEditor, SearchPanel, EditorNodeType, EditorStoreType, ContainerWrapper, AvailableRenderersPlugin };