amis-editor 4.2.0-beta.2 → 5.1.9-beta.0

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

@@ -0,0 +1,44 @@
+/**
+ * @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;
+    expressionName: string;
+    trueValue?: boolean;
+    falseValue?: boolean;
+    options?: Option[];
+    children?: SchemaCollection;
+    messages?: Pick<FormSchema, 'messages'>;
+}
+declare type StatusFormData = {
+    statusType: number;
+    expression: string;
+};
+interface StatusControlState {
+    checked: boolean;
+    formData: StatusFormData;
+}
+export declare class StatusControl extends React.Component<StatusControlProps, StatusControlState> {
+    static defaultProps: {
+        trueValue: boolean;
+        falseValue: boolean;
+    };
+    constructor(props: StatusControlProps);
+    initState(): {
+        checked: boolean;
+        formData: StatusFormData;
+    };
+    shouldComponentUpdate(nextProps: StatusControlProps, nextState: StatusControlState): boolean;
+    handleSwitch(value: boolean): void;
+    handleFormSubmit(values: StatusFormData): 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: {
+            name?: string | undefined;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            title: any;
+            className?: import("amis").SchemaClassName | undefined;
+            $ref?: string | undefined;
+            disabled?: boolean | undefined;
+            disabledOn?: string | undefined;
+            hidden?: boolean | undefined;
+            hiddenOn?: string | undefined;
+            visible?: boolean | undefined;
+            visibleOn?: string | undefined;
+            id?: string | undefined;
+            onEvent?: {
+                [propName: string]: {
+                    weight?: number | undefined;
+                    actions: import("amis").ListenerAction[];
+                };
+            } | undefined;
+            data: any;
+            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;
+            reload?: string | undefined;
+            submitOnChange: boolean;
+            mode: string;
+            initFetchOn?: string | undefined;
+            initFetch?: boolean | undefined;
+            body?: SchemaCollection | undefined;
+            tabs?: any;
+            interval?: number | undefined;
+            silentPolling?: boolean | undefined;
+            stopAutoRefreshWhen?: string | undefined;
+            fieldSet?: any;
+            wrapWithPanel: boolean;
+            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;
+            api?: string | import("amis").BaseApiObject | 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(): {
+        name?: string | undefined;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        title?: string | undefined;
+        className?: import("amis").SchemaClassName | undefined;
+        $ref?: string | undefined;
+        disabled?: boolean | undefined;
+        disabledOn?: string | undefined;
+        hidden?: boolean | undefined;
+        hiddenOn?: string | undefined;
+        visible?: boolean | undefined;
+        visibleOn?: string | undefined;
+        id?: string | undefined;
+        onEvent?: {
+            [propName: string]: {
+                weight?: number | undefined;
+                actions: import("amis").ListenerAction[];
+            };
+        } | undefined;
+        data: any;
+        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;
+        reload?: string | undefined;
+        submitOnChange: boolean;
+        mode: string;
+        initFetchOn?: string | undefined;
+        initFetch?: boolean | undefined;
+        body?: SchemaCollection | undefined;
+        tabs?: any;
+        interval?: number | undefined;
+        silentPolling?: boolean | undefined;
+        stopAutoRefreshWhen?: string | undefined;
+        fieldSet?: any;
+        wrapWithPanel: boolean;
+        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;
+        api?: string | import("amis").BaseApiObject | 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

@@ -0,0 +1,65 @@
+/**
+ * @file 表单项校验配置
+ */
+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 {
+    /**
+     * 匹配验证器标签进行默认和顶部可选的验证器展示
+     */
+    tag: ValidatorTag | ((ctx: any) => ValidatorTag);
+}
+interface ValidationControlState {
+    avaliableValids: {
+        moreValidators: Record<string, Validator>;
+        defaultValidators: Record<string, Validator>;
+        builtInValidators: Record<string, Validator>;
+    };
+}
+export default class ValidationControl extends React.Component<ValidationControlProps, ValidationControlState> {
+    constructor(props: ValidationControlProps);
+    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 {
+}
+export {};

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