amis-editor 5.2.0 → 5.2.1-beta.19

package/lib/renderer/APIControl.d.ts

@@ -0,0 +1,946 @@
+import React from 'react';
+import type { SchemaObject, SchemaCollection, SchemaApi } from 'amis/lib/Schema';
+import type { Api } from 'amis';
+import type { FormControlProps } from 'amis-core';
+import type { ActionSchema } from 'amis/lib/renderers/Action';
+export type ApiObject = Api & {
+    messages?: Record<'fetchSuccess' | 'fetchFailed' | 'saveOrderSuccess' | 'saveOrderFailed' | 'quickSaveSuccess' | 'quickSaveFailed', string>;
+};
+export interface APIControlProps extends FormControlProps {
+    name?: string;
+    label?: string;
+    value?: any;
+    /**
+     * 开启debug模式
+     */
+    debug?: boolean;
+    /**
+     * 接口消息设置描述信息
+     */
+    messageDesc?: string;
+    /**
+     * 顶部按钮集合
+     */
+    actions?: Array<ActionSchema>;
+    /**
+     * 底部集合
+     */
+    footer?: Array<SchemaObject>;
+    /**
+     * 是否开启选择模式，开启后actions属性失效
+     */
+    enablePickerMode?: boolean;
+    /**
+     * 触发Picker的按钮配置
+     */
+    pickerBtnSchema?: ActionSchema;
+    /**
+     * picker标题
+     */
+    pickerTitle?: string;
+    /**
+     * Picker绑定的Name
+     */
+    pickerName?: string;
+    /**
+     * picker模式的Schema
+     */
+    pickerSchema?: SchemaCollection;
+    /**
+     * Picker数据源
+     */
+    pickerSource?: SchemaApi;
+    /**
+     * Picker弹窗大小
+     */
+    pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Picker顶部的CSS类名
+     */
+    pickerHeaderClassName?: string;
+    /**
+     * 是否只返回内部TabsPanel
+     */
+    onlyTabs?: boolean;
+    /**
+     * 开启高亮显示
+     */
+    enableHighlight?: boolean;
+    /**
+     * Picker选项的label字段
+     */
+    labelField?: string;
+    /**
+     * 检索字段
+     */
+    searchField?: string;
+    /**
+     * 检索字段类型
+     */
+    searchType?: string;
+    /**
+     * 底部区域CSS类名
+     */
+    footerClassName?: string;
+    /**
+     * Picker面板确认
+     */
+    onPickerConfirm: (values: any) => void | any;
+    /**
+     * Picker面板关闭
+     */
+    onPickerClose: () => void;
+    /**
+     * Picker面板选择
+     */
+    onPickerSelect: (values: any) => void | any;
+    onAction: (schema: ActionSchema, e: React.MouseEvent<any> | void | null, action: object, data: any) => void;
+}
+export interface APIControlState {
+    apiStr: string;
+    selectedItem?: any[];
+    schema?: SchemaCollection;
+    loading: boolean;
+}
+export default class APIControl extends React.Component<APIControlProps, APIControlState> {
+    input?: HTMLInputElement;
+    static defaultProps: Pick<APIControlProps, 'pickerBtnSchema' | 'labelField' | 'searchType'>;
+    constructor(props: APIControlProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: APIControlProps): void;
+    /**
+     * 已选API详情，因为list接口是分页的，所以需要单独调用一次
+     */
+    updatePickerOptions(): Promise<void>;
+    transformApi2Str(value: any): string;
+    fetchOptions(keyword?: string): Promise<void>;
+    inputRef(ref: any): void;
+    focus(): void;
+    clearPickerValue(): void;
+    handleSimpleInputChange(e: React.ChangeEvent<HTMLInputElement>): void;
+    handleSubmit(values: SchemaApi, action?: 'input' | 'picker-submit'): void;
+    handleAction(schema: ActionSchema, e: React.MouseEvent<any> | void | null, action: object, data: any): void;
+    normalizeValue(value: any, callback: (value: any) => any): any;
+    handlePickerConfirm(value: any): void;
+    handlePickerClose(): void;
+    renderHeader(): JSX.Element;
+    renderPickerSchema(): JSX.Element | null;
+    renderApiDialog(): {
+        label: string;
+        type: string;
+        acitonType: string;
+        size: string;
+        icon: JSX.Element;
+        className: string;
+        actionType: string;
+        dialog: {
+            title: string;
+            size: string;
+            className: string;
+            headerClassName: string;
+            bodyClassName: string;
+            closeOnEsc: boolean;
+            closeOnOutside: boolean;
+            showCloseButton: boolean;
+            body: {
+                type: string;
+                className: string;
+                mode: string;
+                submitOnChange: boolean;
+                wrapWithPanel: boolean;
+                onSubmit: (values: SchemaApi, action?: "input" | "picker-submit" | undefined) => void;
+                debug: boolean;
+                body: {
+                    type: string;
+                    className: string;
+                    contentClassName: string;
+                    tabs: ({
+                        title: string;
+                        tab: ({
+                            label: string;
+                            name: string;
+                            value: string;
+                            type: string;
+                            mode: string;
+                            options: {
+                                value: string;
+                                label: string;
+                            }[];
+                            size?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            description?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            type: string;
+                            name: string;
+                            mode: string;
+                            size: string;
+                            placeholder: string;
+                            required: boolean;
+                            value?: undefined;
+                            options?: undefined;
+                            description?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            type: string;
+                            name: string;
+                            mode: string;
+                            size: string;
+                            placeholder: string;
+                            description: string;
+                            value?: undefined;
+                            options?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            type: string;
+                            name: string;
+                            size: string;
+                            mode: string;
+                            description: string;
+                            options: {
+                                label: string;
+                                value: string;
+                            }[];
+                            disabled: boolean;
+                            value?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            type: string;
+                            label: string;
+                            name: string;
+                            mode: string;
+                            pipeIn: (value: any) => boolean;
+                            pipeOut: (value: any) => 3000 | undefined;
+                            value?: undefined;
+                            options?: undefined;
+                            size?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            description?: undefined;
+                            disabled?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            type: string;
+                            name: string;
+                            mode: string;
+                            size: string;
+                            min: number;
+                            step: number;
+                            visibleOn: string;
+                            description: string;
+                            pipeIn: (value: any) => number;
+                            value?: undefined;
+                            options?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            pipeOut?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            description: string;
+                            pipeIn: (value: any) => boolean;
+                            pipeOut: (value: any) => "blob" | undefined;
+                            value?: undefined;
+                            options?: undefined;
+                            size?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            description: string;
+                            value?: undefined;
+                            options?: undefined;
+                            size?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            visibleOn?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            size: string;
+                            visibleOn: string;
+                            step: number;
+                            description: string;
+                            value?: undefined;
+                            options?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: string;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            visibleOn: string;
+                            description: string;
+                            value?: undefined;
+                            options?: undefined;
+                            size?: undefined;
+                            placeholder?: undefined;
+                            required?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                            horizontal?: undefined;
+                        } | {
+                            label: any;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            horizontal: {
+                                leftFixed: string;
+                            };
+                            size: string;
+                            visibleOn: string;
+                            placeholder: string;
+                            value?: undefined;
+                            options?: undefined;
+                            required?: undefined;
+                            description?: undefined;
+                            disabled?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            min?: undefined;
+                            step?: undefined;
+                        })[];
+                    } | {
+                        title: string;
+                        tab: ({
+                            type: string;
+                            label: any;
+                            name: string;
+                            mode: string;
+                            className: string;
+                            pipeIn: (value: any) => boolean;
+                            pipeOut: (value: any) => {
+                                '': string;
+                            } | null;
+                            syncDefaultValue?: undefined;
+                            multiple?: undefined;
+                            visibleOn?: undefined;
+                            items?: undefined;
+                            renderLabel?: undefined;
+                            descriptionClassName?: undefined;
+                            description?: undefined;
+                            horizontal?: undefined;
+                            clasName?: undefined;
+                            allowFullscreen?: 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;
+                            renderLabel?: undefined;
+                            descriptionClassName?: undefined;
+                            description?: undefined;
+                            horizontal?: undefined;
+                            clasName?: undefined;
+                            allowFullscreen?: undefined;
+                        } | {
+                            type: string;
+                            label: any;
+                            name: string;
+                            mode: string;
+                            pipeIn: (value: any) => boolean;
+                            pipeOut: (value: any) => {
+                                '&': string;
+                            } | null;
+                            className?: undefined;
+                            syncDefaultValue?: undefined;
+                            multiple?: undefined;
+                            visibleOn?: undefined;
+                            items?: undefined;
+                            renderLabel?: undefined;
+                            descriptionClassName?: undefined;
+                            description?: undefined;
+                            horizontal?: undefined;
+                            clasName?: undefined;
+                            allowFullscreen?: undefined;
+                        } | {
+                            type: string;
+                            syncDefaultValue: boolean;
+                            name: string;
+                            mode: string;
+                            renderLabel: boolean;
+                            visibleOn: string;
+                            descriptionClassName: string;
+                            description: string;
+                            multiple: boolean;
+                            pipeIn: (value: any) => any;
+                            pipeOut: (value: any) => any;
+                            items: ({
+                                placeholder: string;
+                                type: string;
+                                unique: boolean;
+                                name: string;
+                                required: boolean;
+                            } | {
+                                placeholder: string;
+                                type: string;
+                                name: string;
+                                unique?: undefined;
+                                required?: undefined;
+                            })[];
+                            label?: undefined;
+                            className?: undefined;
+                            horizontal?: undefined;
+                            clasName?: undefined;
+                            allowFullscreen?: undefined;
+                        } | {
+                            label: string;
+                            name: string;
+                            type: string;
+                            mode: string;
+                            horizontal: {
+                                justify: boolean;
+                            };
+                            clasName: string;
+                            allowFullscreen: boolean;
+                            description: string;
+                            className?: undefined;
+                            pipeIn?: undefined;
+                            pipeOut?: undefined;
+                            syncDefaultValue?: undefined;
+                            multiple?: undefined;
+                            visibleOn?: undefined;
+                            items?: undefined;
+                            renderLabel?: undefined;
+                            descriptionClassName?: undefined;
+                        } | {
+                            type: string;
+                            syncDefaultValue: boolean;
+                            name: string;
+                            mode: string;
+                            renderLabel: boolean;
+                            visibleOn: string;
+                            descriptionClassName: string;
+                            multiple: boolean;
+                            pipeIn: (value: any) => any;
+                            pipeOut: (value: any) => any;
+                            items: ({
+                                placeholder: string;
+                                type: string;
+                                unique: boolean;
+                                name: string;
+                                required: boolean;
+                            } | {
+                                placeholder: string;
+                                type: string;
+                                name: string;
+                                unique?: undefined;
+                                required?: undefined;
+                            })[];
+                            label?: undefined;
+                            className?: undefined;
+                            description?: undefined;
+                            horizontal?: undefined;
+                            clasName?: undefined;
+                            allowFullscreen?: undefined;
+                        })[];
+                    } | {
+                        title: string;
+                        tab: {
+                            label: string;
+                            type: string;
+                            name: string;
+                            mode: string;
+                            multiLine: boolean;
+                            items: {
+                                label: string;
+                                type: string;
+                                name: string;
+                            }[];
+                        }[];
+                    })[];
+                }[];
+            }[];
+        };
+    };
+    renderApiConfigTabs(submitOnChange?: boolean): {
+        type: string;
+        className: string;
+        mode: string;
+        submitOnChange: boolean;
+        wrapWithPanel: boolean;
+        onSubmit: (values: SchemaApi, action?: "input" | "picker-submit" | undefined) => void;
+        debug: boolean;
+        body: {
+            type: string;
+            className: string;
+            contentClassName: string;
+            tabs: ({
+                title: string;
+                tab: ({
+                    label: string;
+                    name: string;
+                    value: string;
+                    type: string;
+                    mode: string;
+                    options: {
+                        value: string;
+                        label: string;
+                    }[];
+                    size?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    description?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    type: string;
+                    name: string;
+                    mode: string;
+                    size: string;
+                    placeholder: string;
+                    required: boolean;
+                    value?: undefined;
+                    options?: undefined;
+                    description?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    type: string;
+                    name: string;
+                    mode: string;
+                    size: string;
+                    placeholder: string;
+                    description: string;
+                    value?: undefined;
+                    options?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    type: string;
+                    name: string;
+                    size: string;
+                    mode: string;
+                    description: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                    disabled: boolean;
+                    value?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    type: string;
+                    label: string;
+                    name: string;
+                    mode: string;
+                    pipeIn: (value: any) => boolean;
+                    pipeOut: (value: any) => 3000 | undefined;
+                    value?: undefined;
+                    options?: undefined;
+                    size?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    description?: undefined;
+                    disabled?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    type: string;
+                    name: string;
+                    mode: string;
+                    size: string;
+                    min: number;
+                    step: number;
+                    visibleOn: string;
+                    description: string;
+                    pipeIn: (value: any) => number;
+                    value?: undefined;
+                    options?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    pipeOut?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    description: string;
+                    pipeIn: (value: any) => boolean;
+                    pipeOut: (value: any) => "blob" | undefined;
+                    value?: undefined;
+                    options?: undefined;
+                    size?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    description: string;
+                    value?: undefined;
+                    options?: undefined;
+                    size?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    visibleOn?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    size: string;
+                    visibleOn: string;
+                    step: number;
+                    description: string;
+                    value?: undefined;
+                    options?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: string;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    visibleOn: string;
+                    description: string;
+                    value?: undefined;
+                    options?: undefined;
+                    size?: undefined;
+                    placeholder?: undefined;
+                    required?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                    horizontal?: undefined;
+                } | {
+                    label: any;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    horizontal: {
+                        leftFixed: string;
+                    };
+                    size: string;
+                    visibleOn: string;
+                    placeholder: string;
+                    value?: undefined;
+                    options?: undefined;
+                    required?: undefined;
+                    description?: undefined;
+                    disabled?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    min?: undefined;
+                    step?: undefined;
+                })[];
+            } | {
+                title: string;
+                tab: ({
+                    type: string;
+                    label: any;
+                    name: string;
+                    mode: string;
+                    className: string;
+                    pipeIn: (value: any) => boolean;
+                    pipeOut: (value: any) => {
+                        '': string;
+                    } | null;
+                    syncDefaultValue?: undefined;
+                    multiple?: undefined;
+                    visibleOn?: undefined;
+                    items?: undefined;
+                    renderLabel?: undefined;
+                    descriptionClassName?: undefined;
+                    description?: undefined;
+                    horizontal?: undefined;
+                    clasName?: undefined;
+                    allowFullscreen?: 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;
+                    renderLabel?: undefined;
+                    descriptionClassName?: undefined;
+                    description?: undefined;
+                    horizontal?: undefined;
+                    clasName?: undefined;
+                    allowFullscreen?: undefined;
+                } | {
+                    type: string;
+                    label: any;
+                    name: string;
+                    mode: string;
+                    pipeIn: (value: any) => boolean;
+                    pipeOut: (value: any) => {
+                        '&': string;
+                    } | null;
+                    className?: undefined;
+                    syncDefaultValue?: undefined;
+                    multiple?: undefined;
+                    visibleOn?: undefined;
+                    items?: undefined;
+                    renderLabel?: undefined;
+                    descriptionClassName?: undefined;
+                    description?: undefined;
+                    horizontal?: undefined;
+                    clasName?: undefined;
+                    allowFullscreen?: undefined;
+                } | {
+                    type: string;
+                    syncDefaultValue: boolean;
+                    name: string;
+                    mode: string;
+                    renderLabel: boolean;
+                    visibleOn: string;
+                    descriptionClassName: string;
+                    description: string;
+                    multiple: boolean;
+                    pipeIn: (value: any) => any;
+                    pipeOut: (value: any) => any;
+                    items: ({
+                        placeholder: string;
+                        type: string;
+                        unique: boolean;
+                        name: string;
+                        required: boolean;
+                    } | {
+                        placeholder: string;
+                        type: string;
+                        name: string;
+                        unique?: undefined;
+                        required?: undefined;
+                    })[];
+                    label?: undefined;
+                    className?: undefined;
+                    horizontal?: undefined;
+                    clasName?: undefined;
+                    allowFullscreen?: undefined;
+                } | {
+                    label: string;
+                    name: string;
+                    type: string;
+                    mode: string;
+                    horizontal: {
+                        justify: boolean;
+                    };
+                    clasName: string;
+                    allowFullscreen: boolean;
+                    description: string;
+                    className?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    syncDefaultValue?: undefined;
+                    multiple?: undefined;
+                    visibleOn?: undefined;
+                    items?: undefined;
+                    renderLabel?: undefined;
+                    descriptionClassName?: undefined;
+                } | {
+                    type: string;
+                    syncDefaultValue: boolean;
+                    name: string;
+                    mode: string;
+                    renderLabel: boolean;
+                    visibleOn: string;
+                    descriptionClassName: string;
+                    multiple: boolean;
+                    pipeIn: (value: any) => any;
+                    pipeOut: (value: any) => any;
+                    items: ({
+                        placeholder: string;
+                        type: string;
+                        unique: boolean;
+                        name: string;
+                        required: boolean;
+                    } | {
+                        placeholder: string;
+                        type: string;
+                        name: string;
+                        unique?: undefined;
+                        required?: undefined;
+                    })[];
+                    label?: undefined;
+                    className?: undefined;
+                    description?: undefined;
+                    horizontal?: undefined;
+                    clasName?: undefined;
+                    allowFullscreen?: undefined;
+                })[];
+            } | {
+                title: string;
+                tab: {
+                    label: string;
+                    type: string;
+                    name: string;
+                    mode: string;
+                    multiLine: boolean;
+                    items: {
+                        label: string;
+                        type: string;
+                        name: string;
+                    }[];
+                }[];
+            })[];
+        }[];
+    };
+    render(): JSX.Element;
+}
+export declare class APIControlRenderer extends APIControl {
+}