amis-editor 4.0.1-beta.10 → 4.0.1-beta.28

package/dist/cebfe0bc5a1dbde02da1.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="8px" viewBox="0 0 6 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="折叠icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="折叠icon svg" transform="translate(-305.000000, -566.000000)" fill="#A1A6B3" fill-rule="nonzero">
+            <g id="折叠icon svg g" transform="translate(60.000000, 60.000000)">
+                <path d="M245.77735,506.518233 L250.375962,509.583975 C250.605727,509.737151 250.667814,510.047586 250.514637,510.27735 C250.47802,510.332276 250.430888,510.379408 250.375962,510.416025 L245.77735,513.481767 C245.547586,513.634943 245.237151,513.572856 245.083975,513.343092 C245.029219,513.260958 245,513.164454 245,513.065741 L245,506.934259 C245,506.658116 245.223858,506.434259 245.5,506.434259 C245.598712,506.434259 245.695216,506.463478 245.77735,506.518233 Z" id="矩形" transform="translate(248.000000, 510.000000) scale(-1, 1) translate(-248.000000, -510.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,504 @@
+import React from 'react';
+import { SchemaApi } from 'amis';
+import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
+export interface APIControlProps extends FormControlProps {
+    name?: string;
+    label?: string;
+    value?: any;
+    /**
+     * 接口消息设置描述信息
+     */
+    messageDesc?: string;
+}
+export interface APIControlState {
+    apiStr: string;
+}
+export declare class APIControl extends React.Component<APIControlProps, APIControlState> {
+    constructor(props: APIControlProps);
+    componentDidUpdate(prevProps: APIControlProps): void;
+    transformApi2Str(value: any): string;
+    handleSubmit(values: SchemaApi, action: any): void;
+    buildActionsSchema(): {
+        type: string;
+        justify: string;
+        alignItems: string;
+        className: string;
+        items: ({
+            label: string;
+            type: string;
+            acitonType: string;
+            level: string;
+            size: string;
+            disabled: boolean;
+            actionType?: undefined;
+            dialog?: undefined;
+        } | {
+            label: string;
+            type: string;
+            acitonType: string;
+            level: string;
+            size: string;
+            actionType: string;
+            dialog: {
+                title: string;
+                size: string;
+                className: string;
+                headerClassName: string;
+                bodyClassName: string;
+                closeOnEsc: boolean;
+                closeOnOutside: boolean;
+                showCloseButton: boolean;
+                body: {
+                    type: string;
+                    mode: string;
+                    onSubmit: (values: SchemaApi, action: any) => void;
+                    body: {
+                        type: string;
+                        tabs: ({
+                            title: string;
+                            tab: {
+                                type: string;
+                                gap: string;
+                                align: string;
+                                valign: string;
+                                columns: ({
+                                    md: number;
+                                    body: ({
+                                        label: string;
+                                        name: string;
+                                        value: string;
+                                        type: string;
+                                        mode: string;
+                                        options: {
+                                            value: string;
+                                            label: string;
+                                        }[];
+                                        placeholder?: undefined;
+                                        required?: undefined;
+                                        description?: undefined;
+                                        size?: undefined;
+                                        disabled?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        placeholder: string;
+                                        required: boolean;
+                                        value?: undefined;
+                                        mode?: undefined;
+                                        options?: undefined;
+                                        description?: undefined;
+                                        size?: undefined;
+                                        disabled?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        placeholder: string;
+                                        description: string;
+                                        value?: undefined;
+                                        mode?: undefined;
+                                        options?: undefined;
+                                        required?: undefined;
+                                        size?: undefined;
+                                        disabled?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        description: string;
+                                        size: string;
+                                        mode: string;
+                                        options: {
+                                            label: string;
+                                            value: string;
+                                        }[];
+                                        disabled: boolean;
+                                        value?: undefined;
+                                        placeholder?: undefined;
+                                        required?: undefined;
+                                    })[];
+                                } | {
+                                    md: number;
+                                    body: ({
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        mode: string;
+                                        inputClassName: string;
+                                        pipeIn: (value: any) => boolean;
+                                        pipeOut: (value: any) => 3000 | undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        visibleOn?: undefined;
+                                        description?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        mode: string;
+                                        min: number;
+                                        step: number;
+                                        visibleOn: string;
+                                        description: string;
+                                        className: string;
+                                        pipeIn: (value: any) => number;
+                                        inputClassName?: undefined;
+                                        pipeOut?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        mode: string;
+                                        description: string;
+                                        inputClassName: string;
+                                        pipeIn: (value: any) => boolean;
+                                        pipeOut: (value: any) => "blob" | undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        visibleOn?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        type: string;
+                                        label: string;
+                                        name: string;
+                                        mode: string;
+                                        description: string;
+                                        inputClassName: string;
+                                        pipeIn?: undefined;
+                                        pipeOut?: undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        visibleOn?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        visibleOn: string;
+                                        direction: string;
+                                        labelRemark: {
+                                            trigger: string;
+                                            rootClose: boolean;
+                                            content: string;
+                                            placement: string;
+                                        };
+                                        body: ({
+                                            name: string;
+                                            type: string;
+                                            inline: boolean;
+                                            onChange: () => void;
+                                            options: ({
+                                                label: string;
+                                                value: boolean;
+                                            } | {
+                                                label: string;
+                                                value: string;
+                                            })[];
+                                            autoComplete?: undefined;
+                                            visibleOn?: undefined;
+                                            placeholder?: undefined;
+                                            className?: undefined;
+                                        } | {
+                                            name: string;
+                                            autoComplete: boolean;
+                                            visibleOn: string;
+                                            type: string;
+                                            placeholder: string;
+                                            className: string;
+                                            inline?: undefined;
+                                            onChange?: undefined;
+                                            options?: undefined;
+                                        })[];
+                                        name?: undefined;
+                                        mode?: undefined;
+                                        inputClassName?: undefined;
+                                        pipeIn?: undefined;
+                                        pipeOut?: undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        description?: undefined;
+                                        className?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        type: string;
+                                        name: string;
+                                        mode: string;
+                                        visibleOn: string;
+                                        inputClassName: string;
+                                        pipeIn: (value: any) => boolean;
+                                        pipeOut: (value: any) => 3000 | undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        description?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        name: string;
+                                        type: string;
+                                        mode: string;
+                                        visibleOn: string;
+                                        step: number;
+                                        className: string;
+                                        description: string;
+                                        inputClassName?: undefined;
+                                        pipeIn?: undefined;
+                                        pipeOut?: undefined;
+                                        min?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        name: string;
+                                        type: string;
+                                        mode: string;
+                                        visibleOn: string;
+                                        description: string;
+                                        inputClassName: string;
+                                        pipeIn?: undefined;
+                                        pipeOut?: undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        labelRemark?: undefined;
+                                        body?: undefined;
+                                        placeholder?: undefined;
+                                    } | {
+                                        label: string;
+                                        name: string;
+                                        type: string;
+                                        mode: string;
+                                        visibleOn: string;
+                                        placeholder: string;
+                                        labelRemark: {
+                                            trigger: string;
+                                            rootClose: boolean;
+                                            content: string;
+                                            placement: string;
+                                        };
+                                        inputClassName?: undefined;
+                                        pipeIn?: undefined;
+                                        pipeOut?: undefined;
+                                        min?: undefined;
+                                        step?: undefined;
+                                        description?: undefined;
+                                        className?: undefined;
+                                        direction?: undefined;
+                                        body?: undefined;
+                                    })[];
+                                })[];
+                            }[];
+                        } | {
+                            title: string;
+                            tab: ({
+                                type: string;
+                                title: string;
+                                body: {
+                                    type: string;
+                                    gap: string;
+                                    align: string;
+                                    valign: string;
+                                    columns: ({
+                                        md: number;
+                                        body: ({
+                                            type: string;
+                                            label: string;
+                                            name: string;
+                                            mode: string;
+                                            className: string;
+                                            inputClassName: string;
+                                            labelRemark: {
+                                                trigger: string;
+                                                rootClose: boolean;
+                                                content: string;
+                                                placement: string;
+                                            };
+                                            pipeIn: (value: any) => boolean;
+                                            pipeOut: (value: any) => {
+                                                '&': string;
+                                            } | null;
+                                            syncDefaultValue?: undefined;
+                                            visibleOn?: undefined;
+                                            descriptionClassName?: undefined;
+                                            description?: undefined;
+                                        } | {
+                                            type: string;
+                                            syncDefaultValue: boolean;
+                                            name: string;
+                                            visibleOn: string;
+                                            descriptionClassName: string;
+                                            description: string;
+                                            label?: undefined;
+                                            mode?: undefined;
+                                            className?: undefined;
+                                            inputClassName?: undefined;
+                                            labelRemark?: undefined;
+                                            pipeIn?: undefined;
+                                            pipeOut?: undefined;
+                                        })[];
+                                    } | {
+                                        md: number;
+                                        body: ({
+                                            type: string;
+                                            label: string;
+                                            name: string;
+                                            mode: string;
+                                            className: string;
+                                            inputClassName: string;
+                                            labelRemark: {
+                                                trigger: string;
+                                                rootClose: boolean;
+                                                content: string;
+                                                placement: string;
+                                            };
+                                            pipeIn: (value: any) => boolean;
+                                            pipeOut: (value: any) => {
+                                                '&': string;
+                                            } | null;
+                                            syncDefaultValue?: undefined;
+                                            visibleOn?: undefined;
+                                            descriptionClassName?: undefined;
+                                        } | {
+                                            type: string;
+                                            syncDefaultValue: boolean;
+                                            name: string;
+                                            visibleOn: string;
+                                            descriptionClassName: string;
+                                            label?: undefined;
+                                            mode?: undefined;
+                                            className?: undefined;
+                                            inputClassName?: undefined;
+                                            labelRemark?: undefined;
+                                            pipeIn?: undefined;
+                                            pipeOut?: undefined;
+                                        })[];
+                                    })[];
+                                }[];
+                                collapsable?: undefined;
+                                collapsed?: undefined;
+                            } | {
+                                type: string;
+                                title: string;
+                                body: ({
+                                    type: string;
+                                    label: string;
+                                    name: string;
+                                    mode: string;
+                                    className: string;
+                                    inputClassName: string;
+                                    labelRemark: {
+                                        trigger: string;
+                                        rootClose: boolean;
+                                        content: string;
+                                        placement: string;
+                                    };
+                                    pipeIn: (value: any) => boolean;
+                                    pipeOut: (value: any) => {} | null;
+                                    syncDefaultValue?: undefined;
+                                    multiple?: undefined;
+                                    visibleOn?: undefined;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    name: string;
+                                    mode: string;
+                                    syncDefaultValue: boolean;
+                                    multiple: boolean;
+                                    visibleOn: string;
+                                    items: ({
+                                        type: string;
+                                        name: string;
+                                        placeholder: string;
+                                        unique: boolean;
+                                        required: boolean;
+                                        options: {
+                                            label: string;
+                                            value: string;
+                                        }[];
+                                        disabled?: undefined;
+                                    } | {
+                                        type: string;
+                                        name: string;
+                                        placeholder: string;
+                                        disabled: boolean;
+                                        unique?: undefined;
+                                        required?: undefined;
+                                        options?: undefined;
+                                    })[];
+                                    pipeIn: (value: any) => any;
+                                    pipeOut: (value: any) => any;
+                                    label?: undefined;
+                                    className?: undefined;
+                                    inputClassName?: undefined;
+                                    labelRemark?: undefined;
+                                })[];
+                                collapsable?: undefined;
+                                collapsed?: undefined;
+                            } | {
+                                title: string;
+                                type: string;
+                                collapsable: boolean;
+                                collapsed: boolean;
+                                body: {
+                                    type: string;
+                                    columns: {
+                                        body: {
+                                            label: string;
+                                            name: string;
+                                            type: string;
+                                            allowFullscreen: boolean;
+                                            description: string;
+                                        }[];
+                                        md: number;
+                                    }[];
+                                }[];
+                            })[];
+                        } | {
+                            title: string;
+                            tab: {
+                                label: string;
+                                type: string;
+                                name: string;
+                                multiLine: boolean;
+                                description: string;
+                                items: {
+                                    label: string;
+                                    type: string;
+                                    name: string;
+                                }[];
+                            }[];
+                        })[];
+                    }[];
+                }[];
+            };
+            disabled?: undefined;
+        })[];
+    };
+    render(): JSX.Element;
+}
+export declare class APIControlRenderer extends APIControl {
+}

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

@@ -0,0 +1,163 @@
+/**
+ * @file 组件选项组件的可视化编辑控件
+ */
+import React from 'react';
+import Sortable from 'sortablejs';
+import type { Option } from 'amis';
+import type { FormControlProps } from 'amis/lib/renderers/Form/Item';
+import type { OptionValue } from 'amis/lib/components/Select';
+export declare type valueType = 'text' | 'boolean' | 'number';
+export interface PopoverForm {
+    optionLabel: string;
+    optionValue: any;
+    optionValueType: valueType;
+}
+export declare type OptionControlItem = Option & {
+    checked: boolean;
+};
+export interface OptionControlProps extends FormControlProps {
+    className?: string;
+}
+export interface OptionControlState {
+    options: Array<OptionControlItem>;
+    popOverData: any;
+    popOverCtx?: {
+        mode: 'add' | 'edit';
+        index?: number;
+    };
+    source: 'custom' | 'api' | 'form';
+    sourceOptions: Array<Option>;
+}
+export declare class OptionControl extends React.Component<OptionControlProps, OptionControlState> {
+    sortable?: Sortable;
+    drag?: HTMLElement | null;
+    target: HTMLElement | null;
+    internalProps: string[];
+    constructor(props: OptionControlProps);
+    componentDidUpdate(prevProps: OptionControlProps): void;
+    /**
+     * 获取当前选项值的类型
+     */
+    getOptionValueType(value: any): valueType;
+    /**
+     * 将当前选项值转换为选择的类型
+     */
+    normalizeOptionValue(value: any, valueType: valueType): string | number | boolean;
+    /**
+     * 处理填入输入框的值
+     */
+    transformOptionValue(value: any): string;
+    transformOptions(props: OptionControlProps): {
+        checked: boolean;
+        label?: string | undefined;
+        scopeLabel?: string | undefined;
+        value?: any;
+        disabled?: boolean | undefined;
+        children?: import("amis").Options | undefined;
+        visible?: boolean | undefined;
+        hidden?: boolean | undefined;
+        description?: string | undefined;
+        defer?: boolean | undefined;
+        deferApi?: import("amis").SchemaApi | undefined;
+        loading?: boolean | undefined;
+        loaded?: boolean | undefined;
+    }[];
+    /**
+     * 处理当前组件的默认值
+     */
+    normalizeValue(): OptionValue | OptionValue[];
+    /**
+     * 更新options字段的统一出口
+     */
+    onChangeOptions(): void;
+    targetRef(ref: any): void;
+    dragRef(ref: any): void;
+    initDragging(): void;
+    destroyDragging(): void;
+    scroll2Bottom(): void;
+    /**
+     * 切换选项类型
+     */
+    handleSourceChange(option: {
+        label: string;
+        value: 'custom' | 'api' | 'form';
+    }): void;
+    /**
+     * 删除选项
+     */
+    handleDelete(index: number, e: React.UIEvent<any>): void;
+    /**
+     * 设置默认选项
+     */
+    handleToggleDefaultValue(index: number, checked: any, shift?: boolean): void;
+    /**
+     * 编辑选项
+     */
+    handleEdit(index: number, e: React.UIEvent<any>): void;
+    handleEditLabel(index: number, e: React.FocusEvent<HTMLInputElement>): void;
+    handleAdd(): void;
+    handlePopoverSubmit(values: PopoverForm, action: any): void;
+    closePopoverEdit(): boolean;
+    handleBatchAdd(values: {
+        batchOption: string;
+    }, action: any): void;
+    renderHeader(): JSX.Element;
+    renderOption(props: any): JSX.Element;
+    renderPopover(): JSX.Element;
+    buildBatchAddSchema(): {
+        type: string;
+        actionType: string;
+        level: string;
+        size: string;
+        label: string;
+        dialog: {
+            title: string;
+            headerClassName: string;
+            closeOnEsc: boolean;
+            closeOnOutside: boolean;
+            showCloseButton: boolean;
+            body: ({
+                type: string;
+                level: string;
+                body: string;
+                showIcon: boolean;
+                className: string;
+                wrapWithPanel?: undefined;
+                mode?: undefined;
+                wrapperComponent?: undefined;
+                resetAfterSubmit?: undefined;
+                autoFocus?: undefined;
+                preventEnterSubmit?: undefined;
+                horizontal?: undefined;
+            } | {
+                type: string;
+                wrapWithPanel: boolean;
+                mode: string;
+                wrapperComponent: string;
+                resetAfterSubmit: boolean;
+                autoFocus: boolean;
+                preventEnterSubmit: boolean;
+                horizontal: {
+                    left: number;
+                    right: number;
+                };
+                body: {
+                    name: string;
+                    type: string;
+                    label: string;
+                    placeholder: string;
+                    trimContents: boolean;
+                    minRows: number;
+                    maxRows: number;
+                    required: boolean;
+                }[];
+                level?: undefined;
+                showIcon?: undefined;
+                className?: undefined;
+            })[];
+        };
+    };
+    render(): JSX.Element;
+}
+export declare class OptionControlRenderer extends OptionControl {
+}