amis-editor 4.0.1-beta.9 → 4.0.2-beta.16

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

@@ -0,0 +1,57 @@
+/**
+ * @file 浮窗编辑
+ */
+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';
+export interface PopoverEditProps extends FormControlProps {
+    className?: string;
+    popOverclassName?: string;
+    btnLabel?: string;
+    btnIcon?: string;
+    iconPosition?: 'right' | 'left';
+    mode: 'popover' | 'dialog';
+    form: Omit<FormSchema, 'type'>;
+    rootClose?: boolean;
+    placement?: string;
+    offset?: ((clip: object, offset: object) => Offset) | Offset;
+    style?: object;
+    overlay?: boolean;
+    container?: React.ReactNode | Function;
+    target?: React.ReactNode | Function;
+    trueValue?: any;
+    falseValue?: any;
+    enableEdit?: boolean;
+    removable?: boolean;
+    onClose: (e: React.UIEvent<any> | void) => void;
+}
+interface PopoverEditState {
+    /**
+     * 是否展示编辑窗口
+     */
+    show: boolean;
+    /**
+     * 是否开启编辑
+     */
+    checked: boolean;
+}
+export declare class PopoverEdit extends React.Component<PopoverEditProps, PopoverEditState> {
+    static defaultProps: Pick<PopoverEditProps, 'btnIcon' | 'iconPosition' | 'container' | 'placement' | 'overlay' | 'rootClose' | 'mode' | 'trueValue' | 'falseValue' | 'enableEdit'>;
+    overlay: HTMLElement | null;
+    constructor(props: PopoverEditProps);
+    overlayRef(ref: any): void;
+    openPopover(): void;
+    closePopover(): void;
+    handleDelete(e: React.UIEvent<any> | void): void;
+    handleSwitchChange(checked: boolean): void;
+    handleSubmit(values: any, action: any): void;
+    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
+    renderPopover(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class PopoverEditRenderer extends PopoverEdit {
+}
+export {};

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

@@ -0,0 +1,30 @@
+/**
+ * @file 表单项校验配置
+ */
+/// <reference types="lodash" />
+import React from 'react';
+import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
+export interface ValidationControlProps extends FormControlProps {
+}
+interface Rule {
+    label: string;
+    key: string;
+    value: boolean | string | number;
+    checked: boolean;
+    message?: string;
+}
+interface ValidationControlState {
+    rules: Array<Rule>;
+}
+export declare class ValidationControl extends React.Component<ValidationControlProps, ValidationControlState> {
+    validationRules: Record<string, string>;
+    constructor(props: ValidationControlProps);
+    transformRules(): Rule[];
+    normalizeRules(): import("lodash").Dictionary<boolean | Record<string, any>>;
+    handleAddRule(): void;
+    handleSubmit(values: any, action: any): void;
+    render(): JSX.Element;
+}
+export declare class ValidationControlRenderer extends ValidationControl {
+}
+export {};

package/dist/component/Editor.d.ts

@@ -14,6 +14,7 @@ export interface EditorProps extends PluginEventListener {
     className?: string;
     $schemaUrl?: string;
     theme?: string;
+    showCustomRenderersPanel?: boolean;
     amisDocHost?: string;
     /**
      * Preview 预览前可以修改配置。

package/dist/component/{CodeEditor.d.ts → Panel/AMisCodeEditor.d.ts}

@@ -10,7 +10,7 @@ export interface AMisCodeEditorProps {
     className?: string;
     theme?: string;
 }
-export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps, any> {
+export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps> {
     state: {
         wrongSchema: string;
         value: any;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PanelProps } from '../../plugin';
+declare type PanelStates = {
+    toggleCollapseFolderStatus: boolean;
+};
+export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
+    handleSelect(key: string): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PanelProps } from '../../plugin';
+export default class CodeEditorPanel extends React.Component<PanelProps> {
+    handleCodePaste(): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+export interface ContextMenuPanelProps {
+    store: EditorStoreType;
+}
+export declare class ContextMenuPanel extends React.Component<ContextMenuPanelProps> {
+    render(): JSX.Element | null;
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+import { EditorNodeType } from '../../store/node';
+export interface PanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    node: EditorNodeType | undefined;
+    panelItem: any;
+    theme?: string;
+}
+export declare class DrawerPanel extends React.Component<PanelsProps> {
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+import { EditorNodeType } from '../../store/node';
+export interface PanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    node: EditorNodeType | undefined;
+    panelItem: any;
+    theme?: string;
+}
+export declare class DrawerRendererPanel extends React.Component<PanelsProps> {
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}

package/dist/component/{InsertSubRendererPanel.d.ts → Panel/InsertSubRendererPanel.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PanelProps } from '../plugin';
+import { PanelProps } from '../../plugin';
 export declare class InsertSubRendererPanel extends React.Component<PanelProps> {
     handleLeftClick(e: React.MouseEvent): void;
     handleClick(e: React.MouseEvent): void;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+interface LeftPanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+}
+interface LeftPanelsStates {
+    isFixedStatus: boolean;
+}
+export declare class LeftPanels extends React.Component<LeftPanelsProps, LeftPanelsStates> {
+    constructor(props: any);
+    handleHidden(): void;
+    handleFixed(): void;
+    handleSelect(key: string): void;
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element;
+}
+export {};

package/dist/component/{Outline.d.ts → Panel/Outline.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PanelProps } from '../plugin';
-import { EditorNodeType } from '../store/node';
+import { PanelProps } from '../../plugin';
+import { EditorNodeType } from '../../store/node';
 export declare class OutlinePanel extends React.Component<PanelProps> {
     state: {
         curSearchElemKey: string;

package/dist/component/{AvailableRenderersPanel.d.ts → Panel/RenderersPanel.d.ts}

@@ -1,9 +1,21 @@
 import React from 'react';
-import { PanelProps } from '../plugin';
+import { EditorStoreType } from '../../store/editor';
+import { EditorManager } from '../../manager';
+import { SubRendererInfo } from '../../plugin';
+declare type PanelProps = {
+    store: EditorStoreType;
+    manager: EditorManager;
+    groupedRenderers: {
+        [propName: string]: Array<SubRendererInfo>;
+    };
+    renderersPanelUUID: string;
+    isShowSearchRenderer?: boolean;
+    className?: string;
+};
 declare type PanelStates = {
     toggleCollapseFolderStatus: boolean;
 };
-export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
+export default class RenderersPanel extends React.Component<PanelProps, PanelStates> {
     state: {
         toggleCollapseFolderStatus: boolean;
     };

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { EditorManager } from '../../manager';
+import { EditorStoreType } from '../../store/editor';
+interface RightPanelsProps {
+    store: EditorStoreType;
+    manager: EditorManager;
+    theme?: string;
+}
+interface RightPanelsStates {
+    isOpenStatus: boolean;
+    isFixedStatus: boolean;
+}
+export declare class RightPanels extends React.Component<RightPanelsProps, RightPanelsStates> {
+    constructor(props: any);
+    handleFixed(): void;
+    handleSelect(key: string): void;
+    handleHidden(): void;
+    getPopOverContainer(): HTMLElement;
+    render(): JSX.Element | null;
+}
+export {};

package/dist/component/{TargetNamePanel.d.ts → Panel/TargetNamePanel.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PanelProps } from '../plugin';
+import { PanelProps } from '../../plugin';
 export declare class TargetNamePanel extends React.Component<PanelProps> {
     handleClick(e: React.MouseEvent<HTMLElement>): void;
     handleEnter(e: React.MouseEvent<HTMLElement>): void;

package/dist/component/Preview.d.ts

@@ -33,6 +33,7 @@ export default class Preview extends Component<PreviewProps> {
     getHighlightNodes(): string[];
     calculateHighlightBox(ids: Array<string>): void;
     handeMouseDown(e: MouseEvent): void;
+    /** 拖拽多选 */
     doSelection(rect: {
         x: number;
         y: number;

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" | "inline" | "horizontal";
+        mode: "normal" | "horizontal" | "inline";
         wrapperComponent: string;
     };
     amisScope: any;

package/dist/component/{BackTop.d.ts → base/BackTop.d.ts}

@@ -16,7 +16,7 @@ export default class BackTop extends React.Component<BackTopProps, BackTopStates
     constructor(props: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    getDefaultTarget(): (Window & typeof globalThis) | Document;
+    getDefaultTarget(): Document | (Window & typeof globalThis);
     handleScroll(e: React.UIEvent<HTMLElement> | {
         target: any;
     }): void;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RendererProps } from 'amis/lib/factory';
+interface InputComponentNameProps extends RendererProps {
+    value: any;
+    onChange: (value: any) => void;
+}
+export declare function InputComponentName(props: InputComponentNameProps): JSX.Element;
+export {};

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+import { SubRendererInfo } from '../../plugin';
+interface SearchRendererProps {
+    store: EditorStoreType;
+}
+interface SearchRendererStates {
+    subRenderersByOrder: Array<SubRendererInfo>;
+    groupedSubRenderers: {
+        [propName: string]: Array<SubRendererInfo>;
+    };
+    searchSubRenderers: {
+        [propName: string]: Array<SubRendererInfo>;
+    };
+    visible: boolean;
+    curKeyword: string;
+    curKeywordSearchHistory: string[];
+    toggleTagFolderStatus: boolean;
+}
+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;
+    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;
+    render(): JSX.Element;
+}
+export {};

package/dist/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/dist/component/base/WidthDraggableContainer.d.ts

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

package/dist/component/remarkTpl.d.ts

@@ -0,0 +1,150 @@
+/**
+ * @description 信息提示组件模版
+ * @file src/component/remarkTpl.tsx
+ * @author hanxiao11@baidu.com
+ */
+export default function remarkTpl(config: {
+    name: 'remark' | 'labelRemark';
+    label: string;
+}): {
+    type: string;
+    label: string;
+    mode: string;
+    className: string;
+    labelRemark: {
+        icon: string;
+        trigger: string[];
+        setting: boolean;
+        title: string;
+        content: string;
+        placement: string;
+    };
+    body: {
+        type: string;
+        className: string;
+        body: ({
+            type: string;
+            name: "remark" | "labelRemark";
+            label: string;
+            btnLabel: string;
+            visibleOn: string;
+            className: string;
+            itemClassName: string;
+            icon: string;
+            form: {
+                title: string;
+                mode: string;
+                size: string;
+                body: {
+                    type: string;
+                    columns: ({
+                        md: string;
+                        body: ({
+                            name: string;
+                            type: string;
+                            label: string;
+                            placeholder: string;
+                        } | {
+                            name: string;
+                            type: string;
+                            label: string;
+                            placeholder?: undefined;
+                        })[];
+                    } | {
+                        md: string;
+                        body: ({
+                            name: string;
+                            type: string;
+                            size: string;
+                            label: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                            labelRemark?: undefined;
+                            multiple?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            visibleOn?: undefined;
+                        } | {
+                            name: string;
+                            label: string;
+                            type: string;
+                            size?: undefined;
+                            options?: undefined;
+                            labelRemark?: undefined;
+                            multiple?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            visibleOn?: undefined;
+                        } | {
+                            name: string;
+                            label: string;
+                            type: string;
+                            labelRemark: {
+                                trigger: string;
+                                className: string;
+                                rootClose: boolean;
+                                content: string;
+                                placement: string;
+                            };
+                            size?: undefined;
+                            options?: undefined;
+                            multiple?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            visibleOn?: undefined;
+                        } | {
+                            name: string;
+                            type: string;
+                            label: string;
+                            multiple: boolean;
+                            pipeIn: (value: any) => string | never[];
+                            pipeOut: (value: any) => any;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                            size?: undefined;
+                            labelRemark?: undefined;
+                            visibleOn?: undefined;
+                        } | {
+                            name: string;
+                            visibleOn: string;
+                            label: string;
+                            type: string;
+                            size?: undefined;
+                            options?: undefined;
+                            labelRemark?: undefined;
+                            multiple?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                        })[];
+                    })[];
+                };
+            };
+            mode?: undefined;
+            pipeIn?: undefined;
+            pipeOut?: undefined;
+        } | {
+            type: string;
+            name: "remark" | "labelRemark";
+            mode: string;
+            pipeIn: (value: any) => boolean;
+            pipeOut: (value: any) => {
+                icon: string;
+                trigger: string[];
+                className: string;
+                setting: boolean;
+                placement: string;
+            } | null;
+            label?: undefined;
+            btnLabel?: undefined;
+            visibleOn?: undefined;
+            className?: undefined;
+            itemClassName?: undefined;
+            icon?: undefined;
+            form?: undefined;
+        })[];
+    }[];
+};

package/dist/exports.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 用于导出纯工具类方法
+ * 比如：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 };