amis-editor 4.2.0-beta.2 → 5.1.9

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

@@ -0,0 +1,39 @@
+/**
+ * @file 状态配置组件
+ */
+import React from 'react';
+import { Option } from 'amis';
+import type { FormControlProps } from 'amis-core';
+import type { SchemaCollection } from 'amis/lib/Schema';
+import type { FormSchema } from 'amis/lib/schema';
+export interface StatusControlProps extends FormControlProps {
+    name: string;
+    expressioName: string;
+    trueValue?: boolean;
+    falseValue?: boolean;
+    options?: Option[];
+    children?: SchemaCollection;
+    messages?: Pick<FormSchema, 'messages'>;
+}
+interface StatusControlState {
+    checked: boolean;
+}
+export declare class StatusControl extends React.Component<StatusControlProps, StatusControlState> {
+    static defaultProps: {
+        trueValue: boolean;
+        falseValue: boolean;
+    };
+    constructor(props: StatusControlProps);
+    initState(): {
+        checked: boolean;
+    };
+    shouldComponentUpdate(nextProps: StatusControlProps, nextState: StatusControlState): boolean;
+    handleSwitch(value: boolean): void;
+    handleSubmit(values: any): void;
+    handleSelect(value: true | ''): void;
+    render(): JSX.Element;
+    renderContent(): JSX.Element;
+}
+export declare class StatusControlRenderer extends StatusControl {
+}
+export {};

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

@@ -0,0 +1,224 @@
+/**
+ * @file 开关 + 更多编辑组合控件
+ * 使用时需关注所有的配置项是一个object还是整个data中，可使用bulk来区分
+ *
+ */
+import React from 'react';
+import type { Action } from 'amis/lib/types';
+import type { SchemaCollection } from 'amis/lib/Schema';
+import type { IScopedContext } from 'amis-core';
+import type { FormSchema } from 'amis/lib/schema';
+import type { FormControlProps } from 'amis-core';
+export interface SwitchMoreProps extends FormControlProps {
+    className?: string;
+    form?: Omit<FormSchema, 'type'>;
+    formType: 'extend' | 'dialog' | 'pop';
+    body?: SchemaCollection;
+    rootClose?: boolean;
+    autoFocus?: boolean;
+    overlay?: boolean;
+    container?: React.ReactNode | Function;
+    target?: React.ReactNode | Function;
+    trueValue?: any;
+    falseValue?: any;
+    removable?: boolean;
+    hiddenOnDefault?: boolean;
+    bulk?: boolean;
+    onRemove?: (e: React.UIEvent<any> | void) => void;
+    onClose: (e: React.UIEvent<any> | void) => void;
+    defaultData?: any;
+}
+interface SwitchMoreState {
+    /**
+     * 是否展示更多编辑内容
+     */
+    show: boolean;
+    /**
+     * 是否开启编辑
+     */
+    checked: boolean;
+}
+export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchMoreState> {
+    static defaultProps: Pick<SwitchMoreProps, 'container' | 'autoFocus' | 'overlay' | 'rootClose' | 'trueValue' | 'falseValue' | 'formType' | 'bulk'>;
+    overlay: HTMLElement | null;
+    formNames: null | Array<string>;
+    constructor(props: SwitchMoreProps);
+    initState(): {
+        checked: boolean;
+        show: boolean;
+    };
+    getFormItemNames(): any[];
+    overlayRef(ref: any): void;
+    openPopover(): void;
+    toogleExtend(): void;
+    closePopover(): void;
+    handleDelete(e: React.UIEvent<any> | void): void;
+    handleSwitchChange(checked: boolean): void;
+    handleSubmit(values: any): void;
+    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
+    renderActions(): JSX.Element[] | null;
+    renderPopover(): JSX.Element;
+    renderExtend(): JSX.Element | null;
+    renderDialogMore(): {
+        type: string;
+        btnLabel: string;
+        className: string;
+        itemClassName: string;
+        icon: string;
+        form: {
+            className?: import("amis").SchemaClassName | undefined;
+            id?: string | undefined;
+            data: any;
+            onEvent?: {
+                [propName: string]: {
+                    weight?: number | undefined;
+                    actions: import("amis").ListenerAction[];
+                };
+            } | undefined;
+            name?: string | undefined;
+            persistData?: string | undefined;
+            rules?: {
+                rule: string;
+                message: string;
+                name?: string | string[] | undefined;
+            }[] | undefined;
+            messages?: {
+                validateFailed?: string | undefined;
+            } | undefined;
+            horizontal: import("amis").FormHorizontal;
+            labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+            labelWidth?: string | number | undefined;
+            disabled?: boolean | undefined;
+            api?: string | import("amis").BaseApiObject | undefined;
+            visible?: boolean | undefined;
+            hidden?: boolean | undefined;
+            body?: SchemaCollection | undefined;
+            title: any;
+            initFetchOn?: string | undefined;
+            initFetch?: boolean | undefined;
+            submitOnChange: boolean;
+            mode: string;
+            $ref?: string | undefined;
+            disabledOn?: string | undefined;
+            hiddenOn?: string | undefined;
+            visibleOn?: string | undefined;
+            wrapWithPanel: boolean;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            reload?: string | undefined;
+            tabs?: any;
+            interval?: number | undefined;
+            silentPolling?: boolean | undefined;
+            stopAutoRefreshWhen?: string | undefined;
+            fieldSet?: any;
+            panelClassName: import("amis").ClassName;
+            preventEnterSubmit: boolean;
+            debug?: boolean | undefined;
+            initApi?: string | import("amis").BaseApiObject | undefined;
+            initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+            initFinishedField?: string | undefined;
+            initCheckInterval?: number | undefined;
+            clearPersistDataAfterSubmit?: boolean | undefined;
+            feedback?: any;
+            asyncApi?: string | import("amis").BaseApiObject | undefined;
+            checkInterval?: number | undefined;
+            finishedField?: string | undefined;
+            resetAfterSubmit?: boolean | undefined;
+            clearAfterSubmit?: boolean | undefined;
+            columnCount?: number | undefined;
+            autoFocus: boolean | undefined;
+            primaryField?: string | undefined;
+            redirect?: string | undefined;
+            submitOnInit?: boolean | undefined;
+            submitText?: string | undefined;
+            target?: string | undefined;
+            affixFooter?: boolean | undefined;
+            promptPageLeave?: boolean | undefined;
+            promptPageLeaveMessage?: string | undefined;
+            type: string;
+            bodyClassName: string;
+            actionsClassName: string;
+            wrapperComponent: string;
+            formLazyChange: boolean;
+        };
+    };
+    renderForm(): {
+        className?: import("amis").SchemaClassName | undefined;
+        id?: string | undefined;
+        data: any;
+        onEvent?: {
+            [propName: string]: {
+                weight?: number | undefined;
+                actions: import("amis").ListenerAction[];
+            };
+        } | undefined;
+        name?: string | undefined;
+        persistData?: string | undefined;
+        rules?: {
+            rule: string;
+            message: string;
+            name?: string | string[] | undefined;
+        }[] | undefined;
+        messages?: {
+            validateFailed?: string | undefined;
+        } | undefined;
+        horizontal: import("amis").FormHorizontal;
+        labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+        labelWidth?: string | number | undefined;
+        disabled?: boolean | undefined;
+        api?: string | import("amis").BaseApiObject | undefined;
+        visible?: boolean | undefined;
+        hidden?: boolean | undefined;
+        body?: SchemaCollection | undefined;
+        title?: string | undefined;
+        initFetchOn?: string | undefined;
+        initFetch?: boolean | undefined;
+        submitOnChange: boolean;
+        mode: string;
+        $ref?: string | undefined;
+        disabledOn?: string | undefined;
+        hiddenOn?: string | undefined;
+        visibleOn?: string | undefined;
+        wrapWithPanel: boolean;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        reload?: string | undefined;
+        tabs?: any;
+        interval?: number | undefined;
+        silentPolling?: boolean | undefined;
+        stopAutoRefreshWhen?: string | undefined;
+        fieldSet?: any;
+        panelClassName: import("amis").ClassName;
+        preventEnterSubmit: boolean;
+        debug?: boolean | undefined;
+        initApi?: string | import("amis").BaseApiObject | undefined;
+        initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+        initFinishedField?: string | undefined;
+        initCheckInterval?: number | undefined;
+        clearPersistDataAfterSubmit?: boolean | undefined;
+        feedback?: any;
+        asyncApi?: string | import("amis").BaseApiObject | undefined;
+        checkInterval?: number | undefined;
+        finishedField?: string | undefined;
+        resetAfterSubmit?: boolean | undefined;
+        clearAfterSubmit?: boolean | undefined;
+        columnCount?: number | undefined;
+        autoFocus: boolean | undefined;
+        primaryField?: string | undefined;
+        redirect?: string | undefined;
+        submitOnInit?: boolean | undefined;
+        submitText?: string | undefined;
+        target?: string | undefined;
+        affixFooter?: boolean | undefined;
+        promptPageLeave?: boolean | undefined;
+        promptPageLeaveMessage?: string | undefined;
+        type: string;
+        bodyClassName: string;
+        actionsClassName: string;
+        wrapperComponent: string;
+        formLazyChange: boolean;
+    };
+    renderMoreSection(): JSX.Element | null;
+    render(): JSX.Element | null;
+}
+export declare class SwitchMoreRenderer extends SwitchMore {
+}
+export {};

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

@@ -1,28 +1,63 @@
 /**
  * @file 表单项校验配置
  */
-/// <reference types="lodash" />
 import React from 'react';
+import { ValidatorData } from './ValidationItem';
 import type { FormControlProps } from 'amis-core';
+import { Validator, ValidatorTag } from '../validator';
+export declare type ValidatorFilter = string[] | ((ctx: any) => string[]);
 export interface ValidationControlProps extends FormControlProps {
-}
-interface Rule {
-    label: string;
-    key: string;
-    value: boolean | string | number;
-    checked: boolean;
-    message?: string;
+    /**
+     * 匹配验证器标签进行默认和顶部可选的验证器展示
+     */
+    tag: ValidatorTag | ((ctx: any) => ValidatorTag);
 }
 interface ValidationControlState {
-    rules: Array<Rule>;
+    avaliableValids: {
+        moreValidators: Record<string, Validator>;
+        defaultValidators: Record<string, Validator>;
+        builtInValidators: Record<string, Validator>;
+    };
 }
-export declare class ValidationControl extends React.Component<ValidationControlProps, ValidationControlState> {
-    validationRules: Record<string, string>;
+export default class ValidationControl extends React.Component<ValidationControlProps, ValidationControlState> {
     constructor(props: ValidationControlProps);
-    transformRules(): Rule[];
-    normalizeRules(): import("lodash").Dictionary<boolean | Record<string, any>>;
-    handleAddRule(): void;
-    handleSubmit(values: any, action: any): void;
+    componentWillReceiveProps(nextProps: ValidationControlProps): void;
+    getAvaliableValids(props: ValidationControlProps): {
+        defaultValidators: Record<string, Validator>;
+        moreValidators: Record<string, Validator>;
+        builtInValidators: Record<string, Validator>;
+    };
+    transformValid(data: any): ValidatorData[];
+    /**
+     * 统一更新校验相关字段
+     */
+    updateValidation(validators: ValidatorData[]): void;
+    /**
+     * 添加规则
+     *
+     * @param {Validator} valid 校验规则配置
+     */
+    handleAddValidator(valid: Validator): void;
+    /**
+     * 更新校验规则
+     */
+    handleEditRule(data: ValidatorData): void;
+    /**
+     * 删除校验规则
+     */
+    handleRemoveRule(valid: string): void;
+    /**
+     * 开关默认规则
+     */
+    handleSwitchRule(checked: boolean, data: ValidatorData): void;
+    /**
+     * 添加规则下拉框
+     */
+    renderDropdown(): JSX.Element;
+    /**
+     * 规则列表
+     */
+    renderValidaton(): JSX.Element;
     render(): JSX.Element;
 }
 export declare class ValidationControlRenderer extends ValidationControl {

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

@@ -0,0 +1,46 @@
+/**
+ * @file 校验项
+ */
+import React from 'react';
+import { Validator } from '../validator';
+export declare type ValidatorData = {
+    name: string;
+    value?: any;
+    message?: string;
+    isBuiltIn?: boolean;
+};
+export interface ValidationItemProps {
+    /**
+     * 组件的CSS主题前缀
+     */
+    classPrefix?: string;
+    /**
+     * 校验配置
+     */
+    data: ValidatorData;
+    /**
+     * 是否是默认props，默认可开关
+     */
+    isDefault: boolean;
+    validator: Validator;
+    onEdit?: (data: ValidatorData) => void;
+    onDelete?: (name: string) => void;
+    onSwitch?: (checked: boolean, data?: ValidatorData) => void;
+}
+interface ValidationItemState {
+    value: string | number | boolean | undefined;
+    checked: boolean;
+    message: string;
+    isBuiltIn: boolean | undefined;
+}
+export default class ValidationItem extends React.Component<ValidationItemProps, ValidationItemState> {
+    validator: Validator;
+    constructor(props: ValidationItemProps);
+    handleEdit(value: any, action: any): void;
+    handleDelete(): void;
+    handleSwitch(checked: boolean): void;
+    renderActions(): JSX.Element | null;
+    renderInputControl(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export {};

package/dist/component/Control/style-control/Background.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file Background.ts
+ * @description 背景设置
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+interface BackgroundProps extends FormControlProps {
+    receiver?: string;
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}
+declare const Background: React.FC<BackgroundProps>;
+export default Background;
+export declare class BackgroundRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/Border.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file 边框圆角
+ * @description 边框 & 圆角设置
+ */
+import React from 'react';
+import type { PlainObject } from './types';
+import type { FormControlProps } from 'amis-core';
+declare function BoxBorder({ disableBorder, disableRadius, onChange, value }: {
+    disableBorder?: boolean;
+    disableRadius?: boolean;
+    onChange: (value: PlainObject) => void;
+    value?: PlainObject;
+}): JSX.Element;
+declare const _default: typeof BoxBorder;
+export default _default;
+export declare class BorderRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/BoxModel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file  BoxModel
+ * @description 盒模型控件，支持编辑 margin & padding
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+export declare type Direction = 'left' | 'right' | 'top' | 'bottom';
+declare function BoxModel({ value, onChange }: {
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}): JSX.Element;
+declare const _default: typeof BoxModel;
+export default _default;
+export declare class BoxModelRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/BoxShadow.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file 阴影
+ * @description 阴影配置
+ * @grammar
+ * x偏移量 | y偏移量 | 阴影颜色
+ * x偏移量 | y偏移量 | 阴影模糊半径 | 阴影颜色
+ * 插页(阴影向内) | x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+declare function BoxShadow({ value, onChange }: {
+    value?: string;
+    onChange: (value: any) => void;
+}): JSX.Element;
+export default BoxShadow;
+export declare class BoxShadowRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/Display.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @file Display
+ * @description 布局展示相关控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+export interface DisplayProps extends FormControlProps {
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}
+export default class DisplayRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/Font.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file Font
+ * @description 文字样式相关控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+export interface FontProps extends FormControlProps {
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}
+declare const Font: React.FC<FontProps>;
+export default Font;
+export declare class FontRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/dist/component/Control/style-control/font-family.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file font.ts
+ * @description 字体选项与字体名称的对应列表
+ * @link http://icode.baidu.com/repos/baidu/legend/frontend/tree/master:frontend/client/widgets/attributeEditor/stringAttributeEditor/fontFamilyAttributeEditor
+ */
+export declare const fontFamilyList: {
+    label: string;
+    value: string;
+}[];
+export declare const fontFamilyMap: {};
+export declare const fontFamilyMirror: {};

package/dist/component/Control/style-control/transformation.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file transformation.ts
+ * @description CSS样式解析和编译
+ */
+import type { LengthUnit } from './types';
+export interface LengthObj {
+    length?: number;
+    unit: LengthUnit;
+}
+export declare function parseBoxShadow(inputStr: string): {
+    inset: boolean;
+    x: string | number;
+    y: string | number;
+    blur: string | number;
+    spread: string | number;
+    color: string | undefined;
+};
+export declare function normalizeBoxShadow(config: {
+    x: LengthObj;
+    y: LengthObj;
+    blur: LengthObj;
+    spread: LengthObj;
+    color: string;
+    inset: boolean;
+}): {
+    boxShadow: string;
+} | {
+    boxShadow: undefined;
+};

package/dist/component/Control/style-control/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @file control declaration
+ * @description 公共控件相关声明
+ */
+export declare type PlainObject = Record<string, any>;
+export declare type StyleObject = Record<'marginTop', any>;
+export declare type BoxShadowProps = 'x' | 'y' | 'blur' | 'spread' | 'color' | 'inset';
+export declare type LengthUnit = 'px' | 'em' | 'rem' | 'vw' | 'vh';

package/dist/component/Editor.d.ts

@@ -4,6 +4,7 @@ import { SchemaObject } from 'amis/lib/Schema';
 import { EditorManager, PluginClass } from '../manager';
 import { RenderOptions } from 'amis';
 import { PluginEventListener } from '../plugin';
+import { ActionConfigItemsMap, ActionTypeNode } from '../event-action';
 export interface EditorProps extends PluginEventListener {
     value: SchemaObject;
     onChange: (value: SchemaObject) => void;
@@ -13,6 +14,7 @@ export interface EditorProps extends PluginEventListener {
     autoFocus?: boolean;
     className?: string;
     $schemaUrl?: string;
+    schemas?: Array<any>;
     theme?: string;
     showCustomRenderersPanel?: boolean;
     amisDocHost?: string;
@@ -38,6 +40,20 @@ export interface EditorProps extends PluginEventListener {
     previewProps?: any;
     iframeUrl?: string;
     isHiddenProps?: (key: string) => boolean;
+    /**
+     * 事件动作面板相关配置
+     */
+    actionOptions?: {
+        showOldEntry?: boolean;
+        /**
+         * 通用动作集（事件动作面板左侧动作树）
+         */
+        actionTreeGetter?: (actionTree: ActionTypeNode[]) => ActionTypeNode[];
+        /**
+         * 自定义动作配置
+         */
+        customActionGetter?: (manager: EditorManager) => ActionConfigItemsMap;
+    };
     onUndo?: () => void;
     onRedo?: () => void;
     onSave?: () => void;

package/dist/component/RegionWrapper.d.ts

@@ -26,6 +26,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         parentRegion: string;
         isCommonConfig: boolean;
         id: string;
+        type: string;
         label: string;
         regionInfo: (RegionConfig & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<RegionConfig, RegionConfig, RegionConfig>>>) | undefined;
         path: string;
@@ -48,6 +49,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     } & {
         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;
@@ -66,6 +69,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         isExists(id: string): boolean;
         getChildById(id: string): any;
         readonly parent: any;
+        readonly ancestorField: any;
         readonly host: any;
         readonly firstChild: any;
         readonly index: any;
@@ -78,6 +82,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         updateIsCommonConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
+            type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;
@@ -106,6 +111,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         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<RegionConfig, RegionConfig, RegionConfig>>;
         path: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -128,6 +134,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
     } & {
         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;
@@ -146,6 +154,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         isExists(id: string): boolean;
         getChildById(id: string): any;
         readonly parent: any;
+        readonly ancestorField: any;
         readonly host: any;
         readonly firstChild: any;
         readonly index: any;
@@ -158,6 +167,7 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
         updateIsCommonConfig: (value: boolean) => void;
         addChild(props: {
             id: string;
+            type: string;
             label: string;
             path: string;
             isCommonConfig?: boolean | undefined;