amis-editor 4.1.0-beta.1 → 4.1.0-beta.20

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/Editor.d.ts

@@ -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/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/RegionWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EditorManager } from '../manager';
-import { RegionConfig } from '../plugin';
+import { RegionConfig, RendererInfo } from '../plugin';
 import { EditorStoreType } from '../store/editor';
 import { EditorNodeType } from '../store/node';
 export interface RegionWrapperProps {
@@ -13,6 +13,8 @@ export interface RegionWrapperProps {
     manager: EditorManager;
     rendererName?: string;
     regionConfig: RegionConfig;
+    node?: EditorNodeType;
+    $$editor?: RendererInfo;
 }
 /**
  * 1.DOM标记 添加 data-region、data-region-host 和 data-renderer 属性
@@ -44,12 +46,14 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
     } & {
-        readonly info: import("../plugin").RendererInfo;
-        setInfo(value: import("../plugin").RendererInfo): void;
+        readonly info: RendererInfo;
+        setInfo(value: RendererInfo): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -77,7 +81,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
-            info?: import("../plugin").RendererInfo | undefined;
+            info?: RendererInfo | undefined;
             region?: string | undefined;
             getData?: (() => any) | undefined;
             preferTag?: string | undefined;
@@ -122,12 +126,14 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     }, {
         getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
     } & {
-        readonly info: import("../plugin").RendererInfo;
-        setInfo(value: import("../plugin").RendererInfo): void;
+        readonly info: RendererInfo;
+        setInfo(value: RendererInfo): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -155,7 +161,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
-            info?: import("../plugin").RendererInfo | undefined;
+            info?: RendererInfo | undefined;
             region?: string | undefined;
             getData?: (() => any) | undefined;
             preferTag?: string | undefined;
@@ -176,6 +182,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         setWidthMutable(value: any): void;
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | null>;
+    parentNode: EditorNodeType;
     editorNode: EditorNodeType;
     UNSAFE_componentWillMount(): void;
     componentDidMount(): void;

package/dist/component/RendererThumb.d.ts

@@ -5,14 +5,14 @@ interface ThumbProps {
     theme?: string;
     env: any;
 }
-export declare class RendererThumb extends React.Component<ThumbProps> {
+interface ThumbStates {
+    scale: Boolean;
+}
+export declare class RendererThumb extends React.Component<ThumbProps, ThumbStates> {
     ref: HTMLDivElement;
     unSensor: Function;
-    state: {
-        scale: boolean;
-    };
+    constructor(props: ThumbProps);
     env: any;
-    UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;
     rootRef(ref: HTMLDivElement): void;
     syncHeight(): void;

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/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 {};