amis-editor 4.2.0-beta.2 → 5.1.9

package/dist/component/VRenderer.d.ts

@@ -12,6 +12,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         parentRegion: string;
         isCommonConfig: boolean;
         id: string;
+        type: string;
         label: string;
         regionInfo: (import("../plugin").RegionConfig & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<import("../plugin").RegionConfig, import("../plugin").RegionConfig, import("../plugin").RegionConfig>>>) | undefined;
         path: string;
@@ -34,6 +35,8 @@ export declare class VRenderer extends React.Component<VRendererProps> {
     } & {
         readonly info: RendererInfo;
         setInfo(value: RendererInfo): void;
+        readonly rendererConfig: import("amis-core").RendererConfig | undefined;
+        setRendererConfig(value: import("amis-core").RendererConfig): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
@@ -52,6 +55,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         isExists(id: string): boolean;
         getChildById(id: string): any;
         readonly parent: any;
+        readonly ancestorField: any;
         readonly host: any;
         readonly firstChild: any;
         readonly index: any;
@@ -64,6 +68,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         updateIsCommonConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
+            type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
@@ -92,6 +97,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         parentRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
         isCommonConfig: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         id: import("mobx-state-tree").IType<string | undefined, string, string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
         label: import("mobx-state-tree").IType<string | undefined, string, string>;
         regionInfo: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<import("../plugin").RegionConfig, import("../plugin").RegionConfig, import("../plugin").RegionConfig>>;
         path: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -114,6 +120,8 @@ export declare class VRenderer extends React.Component<VRendererProps> {
     } & {
         readonly info: RendererInfo;
         setInfo(value: RendererInfo): void;
+        readonly rendererConfig: import("amis-core").RendererConfig | undefined;
+        setRendererConfig(value: import("amis-core").RendererConfig): void;
         readonly isVitualRenderer: boolean;
         readonly clickable: boolean;
         readonly draggable: boolean;
@@ -132,6 +140,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         isExists(id: string): boolean;
         getChildById(id: string): any;
         readonly parent: any;
+        readonly ancestorField: any;
         readonly host: any;
         readonly firstChild: any;
         readonly index: any;
@@ -144,6 +153,7 @@ export declare class VRenderer extends React.Component<VRendererProps> {
         updateIsCommonConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
+            type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;

package/dist/component/schemaTpl.d.ts

@@ -1,3 +1,4 @@
+import { SchemaCollection } from 'amis/lib/Schema';
 /**
  * 样式相关的属性面板，因为预计会比较多所以拆出来
  */
@@ -13,7 +14,14 @@ export declare const styleTpl: {
         body: any[];
     }[];
 };
+export declare function getCollapseCate(config: {
+    name: string;
+    body: SchemaCollection;
+    visibleOn?: string;
+    tools: SchemaCollection;
+}): void;
 export declare function getSchemaTpl(name: string, patch?: object): any;
 export declare function setSchemaTpl(name: string, value: any): void;
 export declare function valuePipeOut(value: any): any;
+export declare function undefinedPipeOut(value: any): any;
 export declare function defaultValue(defaultValue: any, strictMode?: boolean): (value: any) => any;

package/dist/component/validator.d.ts

@@ -0,0 +1,62 @@
+import { SchemaObject } from 'amis/lib/schema';
+/**
+ * 校验规则类名
+ */
+export declare enum ValidationGroup {
+    Pattern = "\u6587\u672C",
+    Number = "\u6570\u5B57",
+    Regex = "\u6B63\u5219",
+    Others = "\u5176\u4ED6"
+}
+export interface Validator {
+    /**
+     * 校验规则名称，英文
+     */
+    name: string;
+    /**
+     * 校验规则标题
+     */
+    label: string;
+    /**
+     * 校验不通过的提示，没有则表示用户不能自定义配置
+     */
+    message?: string;
+    /**
+     * 分类
+     */
+    group?: string;
+    /**
+     * 快速编辑的表单
+     */
+    schema?: SchemaObject[];
+    /**
+     * 输入类型，true则表示是默认
+     */
+    tag: Partial<Record<ValidatorTag, ValidTagMatchType>>;
+}
+declare enum ValidTagMatchType {
+    isDefault = 1,
+    isMore = 2,
+    isBuiltIn = 3
+}
+export declare const registerValidator: (...config: Array<Validator>) => void;
+export declare const getValidatorsByTag: (tag: ValidatorTag) => {
+    defaultValidators: Record<string, Validator>;
+    moreValidators: Record<string, Validator>;
+    builtInValidators: Record<string, Validator>;
+};
+export declare const getValidator: (name: string) => Validator | undefined;
+export declare enum ValidatorTag {
+    All = "0",
+    Text = "1",
+    MultiSelect = "2",
+    Check = "3",
+    Email = "4",
+    Password = "5",
+    URL = "6",
+    Number = "7",
+    File = "8",
+    Date = "9",
+    Code = "10"
+}
+export {};

package/dist/dnd/index.d.ts

@@ -56,7 +56,7 @@ export declare class EditorDNDManager {
      * 比如 table 列区域的拖拽就是放根线表示拖入的位置。
      * @param region
      */
-    makeDNDModeInstance(region: EditorNodeType): void;
+    makeDNDModeInstance(region: EditorNodeType): DNDModeInterface | null;
     /**
      * 拖拽入口，一个是拖拽按钮 toolbar，一个是 outline 里面的导航项
      * @param id

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;

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

@@ -0,0 +1,459 @@
+import React from 'react';
+import Sortable from 'sortablejs';
+import { DataSchema } from 'amis';
+import { FormControlProps, ListenerAction } from 'amis-core';
+import CmptActionSelect from './comp-action-select';
+import ActionConfigPanel from './action-config-panel';
+export interface RendererEvent {
+    eventName: string;
+    eventLabel: string;
+    description?: string;
+    defaultShow?: boolean;
+    isBroadcast?: boolean;
+    owner?: string;
+    dataSchema?: any[];
+}
+export interface RendererAction {
+    actionType: string;
+    actionLabel: string;
+    description?: string;
+    schema?: any;
+    config?: string[];
+    desc?: (info: any) => string | JSX.Element;
+}
+export interface PluginEvents {
+    [propName: string]: RendererEvent[];
+}
+export interface PluginActions {
+    [propName: string]: RendererAction[];
+}
+export interface ActionConfig extends ListenerAction {
+    [propName: string]: any;
+}
+export interface ActionEventConfig {
+    [propName: string]: {
+        weight?: number;
+        actions: ActionConfig[];
+        __isBroadcast?: boolean;
+    };
+}
+export interface ComponentInfo {
+    label: string;
+    value: string;
+    type: string;
+    disabled?: boolean;
+    actions?: ActionTypeNode[];
+    children?: ComponentInfo[];
+}
+export interface ActionConfigItemsMap {
+    [propName: string]: {
+        schema?: any;
+        config?: string[];
+        desc?: (info: any) => string | JSX.Element;
+        withComponentId?: boolean;
+        supportComponents?: string[];
+    };
+}
+export interface ContextVariables {
+    label: string;
+    value?: any;
+    tag?: string | string[];
+    children?: any[];
+}
+export interface ActionTypeNode extends RendererAction {
+    children?: ActionTypeNode[];
+}
+interface EventControlProps extends FormControlProps {
+    actions: PluginActions;
+    events: PluginEvents;
+    actionTree: ActionTypeNode[];
+    actionConfigItemsMap?: ActionConfigItemsMap;
+    value: ActionEventConfig;
+    showOldEntry?: boolean;
+    onChange: (value: any, submitOnChange?: boolean, changeImmediately?: boolean) => void;
+    addBroadcast?: (event: RendererEvent) => void;
+    removeBroadcast?: (eventName: string) => void;
+    getComponents: () => ComponentInfo[];
+    getContextSchemas?: (id?: string, withoutSuper?: boolean) => DataSchema;
+    owner?: string;
+}
+interface EventControlState {
+    onEvent: ActionEventConfig;
+    events: RendererEvent[];
+    eventPanelActive: {
+        [prop: string]: boolean;
+    };
+    showAcionDialog: boolean;
+    actionData: {
+        eventKey: string;
+        actionIndex?: number;
+        action?: ActionConfig;
+        variables?: ContextVariables[];
+    } | undefined;
+    type: 'update' | 'add';
+    rawVariables: ContextVariables[];
+    actionConfigItems: ActionConfigItemsMap;
+}
+export declare class EventControl extends React.Component<EventControlProps, EventControlState> {
+    target: HTMLElement | null;
+    eventPanelSortMap: {
+        [prop: string]: Sortable;
+    };
+    drag?: HTMLElement | null;
+    isUnmount: boolean;
+    constructor(props: EventControlProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: EventControlProps, prevState: EventControlState): void;
+    componentWillUnmount(): void;
+    /**
+     * 获取上下文变量
+     */
+    loadContextVariables(): Promise<void>;
+    generateEmptyDefault(events: RendererEvent[]): ActionEventConfig;
+    addEvent(event: RendererEvent): void;
+    delEvent(event: string): void;
+    addAction(event: string, config: any): void;
+    updateAction(event: string, index: number, config: any): void;
+    delAction(event: string, action: any, index: number): void;
+    toggleActivePanel(eventKey: string): void;
+    updateWeight(event: string, data: any): void;
+    /**
+     * 更新事件配置
+     *
+     * @param {string} event
+     * @param {number} actionIndex
+     * @param {*} config
+     * @memberof EventControl
+     */
+    updateValue(event: string, index: number, config: any): void;
+    submitConfig(type: string, config: any): void;
+    /**
+     * 根据动作类型获取过滤后的组件树
+     * @param components
+     * @param actionType
+     * @returns
+     */
+    getComponentTreeSource(actionType: string): ComponentInfo[];
+    renderConfig(type: string): {
+        type: string;
+        title: string;
+        mode: string;
+        wrapperComponent: string;
+        submitText: string;
+        autoFocus: boolean;
+        preventEnterSubmit: boolean;
+        onSubmit: any;
+        body: {
+            type: string;
+            className: string;
+            columns: ({
+                body: ({
+                    type: string;
+                    tpl: string;
+                    className: string;
+                    inline: boolean;
+                    name?: undefined;
+                    disabled?: undefined;
+                    options?: undefined;
+                    showIcon?: undefined;
+                    mode?: undefined;
+                    labelField?: undefined;
+                    valueField?: undefined;
+                    inputClassName?: undefined;
+                    autoFill?: undefined;
+                    onChange?: undefined;
+                } | {
+                    type: string;
+                    name: string;
+                    disabled: boolean;
+                    options: ActionTypeNode[];
+                    showIcon: boolean;
+                    className: string;
+                    mode: string;
+                    labelField: string;
+                    valueField: string;
+                    inputClassName: string;
+                    autoFill: {
+                        __actionDesc: string;
+                    };
+                    onChange: (value: string, oldVal: any, data: any, form: any) => void;
+                    tpl?: undefined;
+                    inline?: undefined;
+                })[];
+                md: number;
+                columnClassName: string;
+            } | {
+                body: ({
+                    type: string;
+                    tpl: string;
+                    className: string;
+                    visibleOn: string;
+                    inline: boolean;
+                    body?: undefined;
+                } | {
+                    type: string;
+                    className: string;
+                    tpl: string;
+                    visibleOn: string;
+                    inline?: undefined;
+                    body?: undefined;
+                } | {
+                    type: string;
+                    className: string;
+                    body: ({
+                        type: string;
+                        name: string;
+                        label: string;
+                        showIcon: boolean;
+                        searchable: boolean;
+                        requiredOn: string;
+                        selfDisabledAffectChildren: boolean;
+                        size: string;
+                        source: string;
+                        mode: string;
+                        autoFill: {
+                            __rendererLabel: string;
+                            __rendererName: string;
+                            __nodeId: string;
+                            __nodeSchema: string;
+                        };
+                        visibleOn: string;
+                        onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+                        asFormItem?: undefined;
+                        required?: undefined;
+                        component?: undefined;
+                        description?: undefined;
+                        pluginActions?: undefined;
+                        value?: undefined;
+                        pipeIn?: undefined;
+                        options?: undefined;
+                        actionConfigItems?: undefined;
+                        actions?: undefined;
+                        tpl?: undefined;
+                        inline?: undefined;
+                        className?: undefined;
+                        title?: undefined;
+                        variableMode?: undefined;
+                        inputMode?: undefined;
+                        variables?: undefined;
+                        placeholder?: undefined;
+                    } | {
+                        asFormItem: boolean;
+                        label: string;
+                        name: string;
+                        mode: string;
+                        required: boolean;
+                        visibleOn: string;
+                        component: typeof CmptActionSelect;
+                        description: string;
+                        pluginActions: PluginActions;
+                        type?: undefined;
+                        showIcon?: undefined;
+                        searchable?: undefined;
+                        requiredOn?: undefined;
+                        selfDisabledAffectChildren?: undefined;
+                        size?: undefined;
+                        source?: undefined;
+                        autoFill?: undefined;
+                        onChange?: undefined;
+                        value?: undefined;
+                        pipeIn?: undefined;
+                        options?: undefined;
+                        actionConfigItems?: undefined;
+                        actions?: undefined;
+                        tpl?: undefined;
+                        inline?: undefined;
+                        className?: undefined;
+                        title?: undefined;
+                        variableMode?: undefined;
+                        inputMode?: undefined;
+                        variables?: undefined;
+                        placeholder?: undefined;
+                    } | {
+                        type: string;
+                        label: string;
+                        name: string;
+                        mode: string;
+                        value: string;
+                        required: boolean;
+                        pipeIn: (value: any) => any;
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                        visibleOn: string;
+                        showIcon?: undefined;
+                        searchable?: undefined;
+                        requiredOn?: undefined;
+                        selfDisabledAffectChildren?: undefined;
+                        size?: undefined;
+                        source?: undefined;
+                        autoFill?: undefined;
+                        onChange?: undefined;
+                        asFormItem?: undefined;
+                        component?: undefined;
+                        description?: undefined;
+                        pluginActions?: undefined;
+                        actionConfigItems?: undefined;
+                        actions?: undefined;
+                        tpl?: undefined;
+                        inline?: undefined;
+                        className?: undefined;
+                        title?: undefined;
+                        variableMode?: undefined;
+                        inputMode?: undefined;
+                        variables?: undefined;
+                        placeholder?: undefined;
+                    } | {
+                        asFormItem: boolean;
+                        component: typeof ActionConfigPanel;
+                        actionConfigItems: ActionConfigItemsMap;
+                        actions: PluginActions;
+                        type?: undefined;
+                        name?: undefined;
+                        label?: undefined;
+                        showIcon?: undefined;
+                        searchable?: undefined;
+                        requiredOn?: undefined;
+                        selfDisabledAffectChildren?: undefined;
+                        size?: undefined;
+                        source?: undefined;
+                        mode?: undefined;
+                        autoFill?: undefined;
+                        visibleOn?: undefined;
+                        onChange?: undefined;
+                        required?: undefined;
+                        description?: undefined;
+                        pluginActions?: undefined;
+                        value?: undefined;
+                        pipeIn?: undefined;
+                        options?: undefined;
+                        tpl?: undefined;
+                        inline?: undefined;
+                        className?: undefined;
+                        title?: undefined;
+                        variableMode?: undefined;
+                        inputMode?: undefined;
+                        variables?: undefined;
+                        placeholder?: undefined;
+                    } | {
+                        type: string;
+                        tpl: string;
+                        inline: boolean;
+                        className: string;
+                        visibleOn: string;
+                        name?: undefined;
+                        label?: undefined;
+                        showIcon?: undefined;
+                        searchable?: undefined;
+                        requiredOn?: undefined;
+                        selfDisabledAffectChildren?: undefined;
+                        size?: undefined;
+                        source?: undefined;
+                        mode?: undefined;
+                        autoFill?: undefined;
+                        onChange?: undefined;
+                        asFormItem?: undefined;
+                        required?: undefined;
+                        component?: undefined;
+                        description?: undefined;
+                        pluginActions?: undefined;
+                        value?: undefined;
+                        pipeIn?: undefined;
+                        options?: undefined;
+                        actionConfigItems?: undefined;
+                        actions?: undefined;
+                        title?: undefined;
+                        variableMode?: undefined;
+                        inputMode?: undefined;
+                        variables?: undefined;
+                        placeholder?: undefined;
+                    } | {
+                        name: string;
+                        title: string;
+                        type: string;
+                        variableMode: string;
+                        inputMode: string;
+                        variables: string;
+                        className: string;
+                        label: string;
+                        mode: string;
+                        size: string;
+                        placeholder: string;
+                        visibleOn: string;
+                        showIcon?: undefined;
+                        searchable?: undefined;
+                        requiredOn?: undefined;
+                        selfDisabledAffectChildren?: undefined;
+                        source?: undefined;
+                        autoFill?: undefined;
+                        onChange?: undefined;
+                        asFormItem?: undefined;
+                        required?: undefined;
+                        component?: undefined;
+                        description?: undefined;
+                        pluginActions?: undefined;
+                        value?: undefined;
+                        pipeIn?: undefined;
+                        options?: undefined;
+                        actionConfigItems?: undefined;
+                        actions?: undefined;
+                        tpl?: undefined;
+                        inline?: undefined;
+                    })[];
+                    tpl?: undefined;
+                    visibleOn?: undefined;
+                    inline?: undefined;
+                })[];
+                columnClassName: string;
+                md?: undefined;
+            })[];
+        }[];
+        style: {
+            borderStyle: string;
+        };
+        className: string;
+    }[];
+    dragRef(ref: any): void;
+    initDragging(): void;
+    genSortPanel(eventKey: string, ele: HTMLElement): Sortable;
+    destroyDragging(): void;
+    getActionType(action: ActionConfig): string;
+    /**
+     * 格式化初始化时的动作配置
+     * @param action
+     */
+    formatActionInitConfig(action: ActionConfig): {
+        actionType: string;
+        __componentTreeSource: ComponentInfo[];
+        __cmptActionType: string;
+        __showSelectCmpt: boolean | undefined;
+        description?: string | undefined;
+        componentId?: string | undefined;
+        args?: Record<string, any> | undefined;
+        outputVar?: string | undefined;
+        preventDefault?: boolean | undefined;
+        stopPropagation?: boolean | undefined;
+        expression?: string | undefined;
+        execOn?: string | undefined;
+    };
+    activeActionDialog(data: Pick<EventControlState, 'showAcionDialog' | 'type' | 'actionData'>): void;
+    getAcionConfig(action: ActionConfig): RendererAction;
+    renderActionDesc(action: ActionConfig): JSX.Element | null;
+    render(): JSX.Element;
+}
+export declare class EventControlRenderer extends EventControl {
+}
+export declare const getEventLabel: (events: RendererEvent[], name: string) => string | undefined;
+export declare const getEventDesc: (events: RendererEvent[], name: string) => string | undefined;
+export declare const getActionLabel: (events: RendererAction[], name: string) => string | undefined;
+/**
+ * 根据不同的动作类型过滤组件树
+ * @param componentsTree 组件树
+ * @param actionType 动作类型
+ * @returns
+ */
+export declare const getComponentTreeByType: (componentsTree: ComponentInfo[] | undefined, actionType: string | undefined, pluginActions: {
+    [key: string]: any;
+} | undefined, actionConfigItems: ActionConfigItemsMap) => ComponentInfo[];
+export {};

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

@@ -0,0 +1,32 @@
+import { ActionConfigItemsMap } from './index';
+import { BaseEventContext } from '../plugin';
+import { EditorManager } from '../manager';
+export declare const getComboWrapper: (items: any, multiple?: boolean) => {
+    type: string;
+    name: string;
+    multiple: boolean;
+    strictMode: boolean;
+    items: any[];
+};
+export declare const getOldActionSchema: (manager: EditorManager, context: BaseEventContext) => {
+    type: string;
+    label: string;
+    className: string;
+    tooltip: string;
+    tooltipPlacement: string;
+    actionType: string;
+    dialog: {
+        type: string;
+        title: string;
+        body: {
+            type: string;
+            body: any[];
+        };
+        onConfirm: (values: any[]) => void;
+    };
+};
+/**
+ * 获取动作配置项map
+ * @param manager
+ */
+export declare function getActionConfigItemsMap(manager: any): ActionConfigItemsMap;