amis-editor 4.1.0-beta.4 → 4.2.0-beta.3

package/dist/component/Breadcrumb.d.ts

@@ -5,8 +5,29 @@ export interface BreadcrumbProps {
     store: EditorStoreType;
     manager: EditorManager;
 }
-export default class Breadcrumb extends React.Component<BreadcrumbProps> {
+interface BreadcrumbStates {
+    showLeftScrollBtn: boolean;
+    showRightScrollBtn: boolean;
+}
+export default class Breadcrumb extends React.Component<BreadcrumbProps, BreadcrumbStates> {
+    readonly breadcrumbRef: React.RefObject<HTMLDivElement>;
+    readonly bcnContentRef: React.RefObject<HTMLDivElement>;
+    currentBreadcrumb: HTMLElement;
+    unReaction: () => void;
+    unSensor?: () => void;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    refreshHandleScroll(resetScroll?: boolean): void;
+    getCurBreadcrumb(): HTMLDivElement | null;
+    getBreadcrumbContainer(): HTMLDivElement | null;
+    getScrollLeft(): string;
+    toNumber(pxStr: string): number;
+    HandleScroll(resetScroll?: boolean): void;
+    handleScrollToLeft(): void;
+    handleScrollToRight(): void;
     handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
     handleMouseEnter(e: React.MouseEvent<HTMLAnchorElement>): void;
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }
+export {};

package/dist/component/ClassNameControl.d.ts

@@ -1,5 +1,5 @@
+import { RendererProps } from 'amis';
 import React from 'react';
-import { RendererProps } from 'amis/lib/factory';
 import { Schema } from 'amis/lib/types';
 interface ClassNameControlProps extends RendererProps {
     schema: Schema;

package/dist/component/Control/APIControl.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SchemaApi } from 'amis';
-import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
+import type { FormControlProps } from 'amis-core';
+import type { SchemaApi } from 'amis/lib/Schema';
 export interface APIControlProps extends FormControlProps {
     name?: string;
     label?: string;

package/dist/component/Control/OptionControl.d.ts

@@ -4,8 +4,8 @@
 import React from 'react';
 import Sortable from 'sortablejs';
 import type { Option } from 'amis';
-import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
-import type { OptionValue } from 'amis/lib/components/Select';
+import type { FormControlProps } from 'amis-core';
+import type { OptionValue } from 'amis-core';
 export declare type valueType = 'text' | 'boolean' | 'number';
 export interface PopoverForm {
     optionLabel: string;
@@ -58,7 +58,7 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
         hidden?: boolean | undefined;
         description?: string | undefined;
         defer?: boolean | undefined;
-        deferApi?: import("amis").SchemaApi | undefined;
+        deferApi?: string | import("amis").BaseApiObject | undefined;
         loading?: boolean | undefined;
         loaded?: boolean | undefined;
     }[];

package/dist/component/Control/PopoverEdit.d.ts

@@ -3,10 +3,10 @@
  */
 import React from 'react';
 import type { Action } from 'amis/lib/types';
-import type { IScopedContext } from 'amis/lib/Scoped';
-import type { FormSchema } from 'amis/lib/renderers/Form';
-import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
-import type { Offset } from 'amis/lib/components/PopOver';
+import type { IScopedContext } from 'amis-core';
+import type { FormControlProps } from 'amis-core';
+import type { FormSchema } from 'amis/lib/Schema';
+import type { Offset } from 'amis-core/lib/components/PopOver';
 export interface PopoverEditProps extends FormControlProps {
     className?: string;
     popOverclassName?: string;

package/dist/component/Control/ValidationControl.d.ts

@@ -3,7 +3,7 @@
  */
 /// <reference types="lodash" />
 import React from 'react';
-import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
+import type { FormControlProps } from 'amis-core';
 export interface ValidationControlProps extends FormControlProps {
 }
 interface Rule {

package/dist/component/Editor.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { EditorStoreType } from '../store/editor';
 import { SchemaObject } from 'amis/lib/Schema';
 import { EditorManager, PluginClass } from '../manager';
-import { RenderOptions } from 'amis/lib/factory';
+import { RenderOptions } from 'amis';
 import { PluginEventListener } from '../plugin';
 export interface EditorProps extends PluginEventListener {
     value: SchemaObject;
@@ -38,6 +38,10 @@ export interface EditorProps extends PluginEventListener {
     previewProps?: any;
     iframeUrl?: string;
     isHiddenProps?: (key: string) => boolean;
+    onUndo?: () => void;
+    onRedo?: () => void;
+    onSave?: () => void;
+    onPreview?: (preview: boolean) => void;
 }
 export default class Editor extends Component<EditorProps> {
     readonly store: EditorStoreType;
@@ -45,6 +49,7 @@ export default class Editor extends Component<EditorProps> {
     readonly mainRef: React.RefObject<HTMLDivElement>;
     unReaction: () => void;
     lastResult: any;
+    curCopySchemaData: any;
     static defaultProps: {
         autoFocus: boolean;
     };
@@ -52,11 +57,25 @@ export default class Editor extends Component<EditorProps> {
     constructor(props: EditorProps);
     componentDidUpdate(prevProps: EditorProps): void;
     componentWillUnmount(): void;
+    handleKeyDown(e: KeyboardEvent): void;
     handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
     canUndo(): boolean;
     canRedo(): boolean;
     undo(): void;
     redo(): void;
+    save(): void;
+    preview(): void;
+    /**
+     * 复制的内容以变量的形式存放
+     * 备注1: 系统的复制&粘贴需要开启https服务才有效，所有这里改用内存形式实现
+     * 备注2: 此方法不鞥实现跨页面复制&粘贴能力
+     * 备注3: 后续需要支持下跨页面跨浏览器复制&粘贴能力
+     */
+    copy(): void;
+    /**
+     * 粘贴上一次复制的内容
+     */
+    paste(): void;
     getToolbarContainer(): HTMLDivElement | null;
     render(): JSX.Element;
 }

package/dist/component/IFramePreview.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { EditorManager } from '../manager';
 import { EditorStoreType } from '../store/editor';
-import { RendererConfig, RenderOptions } from 'amis/lib/factory';
+import { RenderOptions } from 'amis-core';
 import { Schema } from 'amis/lib/types';
+import { RendererConfig } from 'amis-core/lib/factory';
 export interface IFramePreviewProps {
     className: string;
     editable?: boolean;

package/dist/component/NodeWrapper.d.ts

@@ -1,4 +1,4 @@
-import { RendererProps } from 'amis/lib/factory';
+import { RendererProps } from 'amis-core';
 import React from 'react';
 import { RendererInfo } from '../plugin';
 import { EditorNodeType } from '../store/node';

package/dist/component/Panel/RenderersPanel.d.ts

@@ -8,8 +8,7 @@ declare type PanelProps = {
     groupedRenderers: {
         [propName: string]: Array<SubRendererInfo>;
     };
-    renderersPanelUUID: string;
-    isShowSearchRenderer?: boolean;
+    searchRendererType: string;
     className?: string;
 };
 declare type PanelStates = {

package/dist/component/Preview.d.ts

@@ -1,8 +1,9 @@
 import React, { Component } from 'react';
-import { RendererConfig, RenderOptions } from 'amis/lib/factory';
+import { RenderOptions } from 'amis-core';
 import { Schema } from 'amis/lib/types';
 import { EditorStoreType } from '../store/editor';
 import { EditorManager } from '../manager';
+import { RendererConfig } from 'amis-core/lib/factory';
 export interface PreviewProps {
     theme?: string;
     amisEnv?: any;
@@ -62,4 +63,5 @@ export interface SmartPreviewProps {
     store: EditorStoreType;
     env: any;
     data?: any;
+    manager: EditorManager;
 }

package/dist/component/RegionWrapper.d.ts

@@ -52,6 +52,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -130,6 +132,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;

package/dist/component/ScaffoldModal.d.ts

@@ -14,7 +14,7 @@ export declare class ScaffoldModal extends React.Component<SubEditorProps> {
         wrapWithPanel: boolean;
         initApi: any;
         api: any;
-        mode: "normal" | "horizontal" | "inline";
+        mode: "horizontal" | "inline" | "normal";
         wrapperComponent: string;
     };
     amisScope: any;

package/dist/component/VRenderer.d.ts

@@ -38,6 +38,8 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -116,6 +118,8 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RendererProps } from 'amis/lib/factory';
+import { RendererProps } from 'amis-core';
 interface InputComponentNameProps extends RendererProps {
     value: any;
     onChange: (value: any) => void;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+import { SubRendererInfo } from '../../plugin';
+interface SearchCustomRendererProps {
+    store: EditorStoreType;
+}
+interface SearchCustomRendererStates {
+    customRenderersByOrder: Array<SubRendererInfo>;
+}
+export default class SearchCustomRendererPanel extends React.Component<SearchCustomRendererProps, SearchCustomRendererStates> {
+    localStorageKey: string;
+    constructor(props: any);
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,83 @@
+import React from 'react';
+/**
+ * 通用搜索功能组件，附带以下功能：
+ * 1、搜索历史：会自动记录用户搜索过的关键字，方便用户下次使用；
+ * 2、自动提示补全：autoComplete 设置为 true 后，每次输入关键字后会展示当前所有含有关键字的信息（并以分类的形式展示）；
+ * 3、搜索分类：取决于当前搜索数据结构是否带tag，如果不带tag则不展示搜索分类；
+ */
+interface SearchProps {
+    allResult: Array<any>;
+    searchPanelUUID: string;
+    closeAutoComplete?: boolean;
+    externalKeyword?: string;
+    tagKey?: string;
+    onChange: (keyword: string) => void;
+    onTagChange?: (tag: string) => void;
+    immediateChange?: boolean;
+}
+interface SearchStates {
+    resultTags: Array<string>;
+    resultByTag: {
+        [propName: string]: Array<any>;
+    };
+    curKeyword: string;
+    searchResult: Array<any>;
+    searchResultByTag: {
+        [propName: string]: Array<any>;
+    };
+    visible: boolean;
+    curKeywordSearchHistory: string[];
+    toggleTagFolderStatus: boolean;
+}
+export default class SearchPanel extends React.Component<SearchProps, SearchStates> {
+    ref: React.RefObject<HTMLDivElement>;
+    curInputBox: any;
+    localStorageKey: string;
+    curTagFolded: {
+        [propName: string]: boolean;
+    };
+    lastSearchTag: string;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    getSearchHistory(): any[];
+    /**
+     * 从搜索数据中获取分类信息，并按分类存放搜索数据，方便后续通过分类直接获取搜索数据
+     */
+    getResultTags(allResult: Array<any>): {
+        curResultTags: string[];
+        curResultByTag: {
+            [propName: string]: any[];
+        };
+    };
+    /**
+     * 根据关键字过滤数据，按分组存放
+     */
+    groupedResultByKeyword(keywords?: string): void;
+    bindFocusEvent(): void;
+    bindBlurEvent(): void;
+    updateCurKeyword(keywords: string): void;
+    changeTagFoldStatus(tagKey: string, event: any): void;
+    bindEnterEvent(event: any): void;
+    /** 删除搜索关键字 */
+    bindClearActionEvent(): void;
+    /** 组件分类tag点击事件 */
+    bindTagClickEvent(tag: string): void;
+    /** 添加搜索历史 */
+    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<any>;
+    }, maxShowLine: number): boolean;
+    render(): JSX.Element;
+}
+export {};

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

@@ -6,54 +6,14 @@ interface SearchRendererProps {
 }
 interface SearchRendererStates {
     subRenderersByOrder: Array<SubRendererInfo>;
-    groupedSubRenderers: {
-        [propName: string]: Array<SubRendererInfo>;
-    };
-    searchSubRenderers: {
-        [propName: string]: Array<SubRendererInfo>;
-    };
-    visible: boolean;
-    curKeyword: string;
-    curKeywordSearchHistory: string[];
-    toggleTagFolderStatus: boolean;
+    defaultKeyword: string;
 }
 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;
+    changeSubRenderersTag(curTag: string): void;
     render(): JSX.Element;
 }
 export {};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface ShortcutKeyProps {
+    title?: string;
+    size?: string;
+    closeOnEsc?: boolean;
+    closeOnOutside?: boolean;
+    ShortcutKeyList?: Array<ShortcutKeyItem>;
+}
+interface ShortcutKeyItem {
+    title: string;
+    letters: Array<string>;
+    tooltip?: string;
+}
+export interface ShortcutKeyStates {
+    visible: boolean;
+}
+export default class ShortcutKey extends React.Component<ShortcutKeyProps, ShortcutKeyStates> {
+    constructor(props: any);
+    closeShortcutKeyModal(): void;
+    showShortcutKeyModal(): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/env.d.ts

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