amis 2.0.0-rc.9 → 2.0.2

package/esm/renderers/Form/InputRating.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import { ActionObject } from 'amis-core';
+import type { textPositionType } from 'amis-ui/lib/components/Rating';
+import { FormBaseControlSchema } from '../../Schema';
+/**
+ * Rating
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/rating
+ */
+export interface RatingControlSchema extends FormBaseControlSchema {
+    type: 'input-rating';
+    /**
+     * 分数
+     */
+    count?: number;
+    /**
+     * 允许半颗星
+     */
+    half?: boolean;
+    /**
+     * 是否允许再次点击后清除
+     */
+    allowClear?: boolean;
+    /**
+     * 是否只读
+     */
+    readonly?: boolean;
+    /**
+     * 星星被选中的颜色
+     */
+    colors?: string | {
+        [propName: string]: string;
+    };
+    /**
+     * 未被选中的星星的颜色
+     */
+    inactiveColor?: string;
+    /**
+     * 星星被选中时的提示文字
+     */
+    texts?: {
+        [propName: string]: string;
+    };
+    /**
+     * 文字的位置
+     */
+    textPosition?: textPositionType;
+    /**
+     * 自定义字符
+     */
+    char?: string;
+    /**
+     * 自定义字符类名
+     */
+    charClassName?: string;
+    /**
+     * 自定义文字类名
+     */
+    textClassName?: string;
+}
+export interface RatingProps extends FormControlProps {
+    value: number;
+    count: number;
+    half: boolean;
+    readOnly: boolean;
+}
+export default class RatingControl extends React.Component<RatingProps, any> {
+    static defaultProps: Partial<RatingProps>;
+    doAction(action: ActionObject, data: object, throwErrors: boolean): void;
+    handleChange(value: any): Promise<void>;
+    render(): JSX.Element;
+}
+export declare class RatingControlRenderer extends RatingControl {
+}

package/esm/renderers/Form/InputRating.js

@@ -0,0 +1,82 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { createObject, autobind, FormItem } from 'amis-core';
+import { Rating } from 'amis-ui';
+
+var RatingControl = /** @class */ (function (_super) {
+    __extends(RatingControl, _super);
+    function RatingControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RatingControl.prototype.doAction = function (action, data, throwErrors) {
+        var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        var _a = this.props, onChange = _a.onChange, resetValue = _a.resetValue;
+        if (actionType === 'clear') {
+            onChange === null || onChange === void 0 ? void 0 : onChange('');
+        }
+        else if (actionType === 'reset') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+        }
+    };
+    RatingControl.prototype.handleChange = function (value) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onChange, dispatchEvent, data, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
+                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
+                                value: value
+                            }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    RatingControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, value = _a.value, count = _a.count, half = _a.half, readOnly = _a.readOnly, disabled = _a.disabled, onHoverChange = _a.onHoverChange, allowClear = _a.allowClear, char = _a.char, inactiveColor = _a.inactiveColor, colors = _a.colors, texts = _a.texts, charClassName = _a.charClassName, textClassName = _a.textClassName, textPosition = _a.textPosition, cx = _a.classnames;
+        return (React.createElement("div", { className: cx('RatingControl', className) },
+            React.createElement(Rating, { classnames: cx, value: value, disabled: disabled, count: count, half: half, allowClear: allowClear, readOnly: readOnly, char: char, inactiveColor: inactiveColor, colors: colors, texts: texts, charClassName: charClassName, textClassName: textClassName, textPosition: textPosition, onChange: this.handleChange, onHoverChange: function (value) {
+                    onHoverChange && onHoverChange(value);
+                } })));
+    };
+    RatingControl.defaultProps = {
+        value: 0,
+        count: 5,
+        half: false,
+        readOnly: false
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Promise)
+    ], RatingControl.prototype, "handleChange", null);
+    return RatingControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(RatingControlRenderer, _super);
+    function RatingControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RatingControlRenderer = __decorate([
+        FormItem({
+            type: 'input-rating',
+            sizeMutable: false
+        })
+    ], RatingControlRenderer);
+    return RatingControlRenderer;
+})(RatingControl));
+
+export { RatingControl as default };

package/esm/renderers/Form/InputRepeat.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @file filter
+ * @author fex
+ *
+ * 不建议用，以后可能会删除。可以直接用组合出来，不需要新建一个组件。
+ */
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+/**
+ * Repeat
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/repeat
+ */
+export interface RepeatControlSchema extends FormBaseControlSchema {
+    type: 'input-repeat';
+    options?: string;
+}
+import { Option } from 'amis-core';
+import { FormBaseControlSchema } from '../../Schema';
+export interface RepeatProps extends FormControlProps {
+    options?: string;
+    placeholder?: string;
+}
+export default class RepeatControl extends React.Component<RepeatProps, any> {
+    static defaultProps: {
+        options: string;
+        placeholder: string;
+    };
+    constructor(props: RepeatProps);
+    handleOptionChange(option: Option): void;
+    handleChange(value: string): void;
+    renderInput(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class RepeatControlRenderer extends RepeatControl {
+}

package/esm/renderers/Form/InputRepeat.js

@@ -0,0 +1,115 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import cx from 'classnames';
+import { FormItem } from 'amis-core';
+import { Range, Select } from 'amis-ui';
+
+/**
+ * @file filter
+ * @author fex
+ *
+ * 不建议用，以后可能会删除。可以直接用组合出来，不需要新建一个组件。
+ */
+var LANG = {
+    secondly: '秒',
+    minutely: '分',
+    hourly: '时',
+    daily: '天',
+    weekdays: '周中',
+    weekly: '周',
+    monthly: '月',
+    yearly: '年'
+};
+var RepeatControl = /** @class */ (function (_super) {
+    __extends(RepeatControl, _super);
+    function RepeatControl(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleOptionChange = _this.handleOptionChange.bind(_this);
+        _this.handleChange = _this.handleChange.bind(_this);
+        return _this;
+    }
+    RepeatControl.prototype.handleOptionChange = function (option) {
+        this.props.onChange(option.value);
+    };
+    RepeatControl.prototype.handleChange = function (value) {
+        var option = this.props.value;
+        var parts = option ? option.split(':') : [];
+        this.props.onChange("".concat(parts[0], ":").concat(value));
+    };
+    RepeatControl.prototype.renderInput = function () {
+        var _this = this;
+        var value = this.props.value;
+        var parts = value ? value.split(':') : [];
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, disabled = _a.disabled, ns = _a.classPrefix, __ = _a.translate;
+        var optionsArray = [];
+        optionsArray = options.split(',').map(function (key) { return ({
+            label: LANG[key] || '不支持',
+            value: key
+        }); });
+        optionsArray.unshift({
+            label: __(placeholder),
+            value: ''
+        });
+        var input;
+        parts[1] = parseInt(parts[1], 10) || 1;
+        switch (parts[0]) {
+            case 'secondly':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 5, max: 60, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'minutely':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 5, max: 60, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'hourly':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 1, max: 24, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'daily':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 1, max: 30, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'weekly':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 1, max: 12, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'monthly':
+                input = (React.createElement(Range, { key: "input", classPrefix: ns, value: parts[1], min: 1, step: 1, max: 12, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+            case 'yearly':
+                input = (React.createElement(Range, { classPrefix: ns, key: "input", className: "v-middle", value: parts[1], min: 1, step: 1, max: 20, disabled: disabled, onChange: function (value) { return _this.handleChange(value); } }));
+                break;
+        }
+        return (React.createElement("div", { className: "repeat-control hbox" },
+            input ? (React.createElement("div", { className: "col v-middle", style: { width: 30 } },
+                React.createElement("span", null, __('Repeat.pre')))) : null,
+            input ? React.createElement("div", { className: "col v-middle" }, input) : null,
+            React.createElement("div", { className: "col v-middle repeat-btn" },
+                React.createElement(Select, { classPrefix: ns, className: input ? 'pull-right' : '', options: optionsArray, placeholder: __(placeholder), onChange: this.handleOptionChange, value: parts[0], clearable: false, searchable: false, disabled: disabled, joinValues: false }))));
+    };
+    RepeatControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, ns = _a.classPrefix;
+        return (React.createElement("div", { className: cx("".concat(ns, "RepeatControl"), className) }, this.renderInput()));
+    };
+    RepeatControl.defaultProps = {
+        // options: 'secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly'
+        options: 'hourly,daily,weekly,monthly',
+        placeholder: '不重复'
+    };
+    return RepeatControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(RepeatControlRenderer, _super);
+    function RepeatControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RepeatControlRenderer = __decorate([
+        FormItem({
+            type: 'input-repeat',
+            sizeMutable: false
+        })
+    ], RepeatControlRenderer);
+    return RepeatControlRenderer;
+})(RepeatControl));
+
+export { RepeatControl as default };

package/esm/renderers/Form/InputRichText.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import type { FormBaseControlSchema, SchemaApi } from '../../Schema';
+/**
+ * RichText
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/input-rich-text
+ */
+export interface RichTextControlSchema extends FormBaseControlSchema {
+    type: 'input-rich-text';
+    /**
+     * 编辑器类型
+     */
+    vendor?: 'froala' | 'tinymce';
+    /**
+     * 图片保存 API
+     *
+     * @default /api/upload/image
+     */
+    receiver?: SchemaApi;
+    /**
+     * 视频保存 API
+     *
+     * @default /api/upload/video
+     */
+    videoReceiver?: SchemaApi;
+    /**
+     * 接收器的字段名
+     */
+    fileField?: string;
+    /**
+     * 边框模式，全边框，还是半边框，或者没边框。
+     */
+    borderMode?: 'full' | 'half' | 'none';
+    /**
+     *  tinymce 或 froala 的配置
+     */
+    options?: any;
+}
+export interface RichTextProps extends FormControlProps {
+    options?: any;
+    vendor?: 'froala' | 'tinymce';
+}
+export default class RichTextControl extends React.Component<RichTextProps, any> {
+    static defaultProps: Partial<RichTextProps>;
+    state: {
+        focused: boolean;
+    };
+    config: any;
+    constructor(props: RichTextProps);
+    handleFocus(): void;
+    handleBlur(): void;
+    handleChange(value: any, submitOnChange?: boolean, changeImmediately?: boolean): void;
+    render(): JSX.Element;
+}
+export declare class RichTextControlRenderer extends RichTextControl {
+}

package/esm/renderers/Form/InputRichText.js

@@ -0,0 +1,177 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __awaiter, __generator, __decorate } from 'tslib';
+import React from 'react';
+import { tokenize, normalizeApi, ucFirst, LazyComponent, FormItem } from 'amis-core';
+import cx from 'classnames';
+
+function loadRichText(type) {
+    if (type === void 0) { type = 'froala'; }
+    return function () {
+        return type === 'tinymce'
+            ? import('amis-ui/lib/components/Tinymce').then(function (item) { return item.default; })
+            : import('amis-ui/lib/components/RichText').then(function (item) { return item.default; });
+    };
+}
+var RichTextControl = /** @class */ (function (_super) {
+    __extends(RichTextControl, _super);
+    function RichTextControl(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            focused: false
+        };
+        _this.config = null;
+        var finnalVendor = props.vendor || (props.env.richTextToken ? 'froala' : 'tinymce');
+        _this.handleFocus = _this.handleFocus.bind(_this);
+        _this.handleBlur = _this.handleBlur.bind(_this);
+        _this.handleChange = _this.handleChange.bind(_this);
+        if (finnalVendor === 'froala') {
+            _this.config = __assign(__assign({ imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'], imageDefaultAlign: 'left', imageEditButtons: props.imageEditable
+                    ? [
+                        'imageReplace',
+                        'imageAlign',
+                        'imageRemove',
+                        '|',
+                        'imageLink',
+                        'linkOpen',
+                        'linkEdit',
+                        'linkRemove',
+                        '-',
+                        'imageDisplay',
+                        'imageStyle',
+                        'imageAlt',
+                        'imageSize'
+                    ]
+                    : [], key: props.env.richTextToken, attribution: false }, props.options), { editorClass: props.editorClass, placeholderText: props.translate(props.placeholder), imageUploadURL: tokenize(props.receiver, props.data), imageUploadParams: {
+                    from: 'rich-text'
+                }, videoUploadURL: tokenize(props.videoReceiver, props.data), videoUploadParams: {
+                    from: 'rich-text'
+                }, events: __assign(__assign({}, (props.options && props.options.events)), { focus: _this.handleFocus, blur: _this.handleBlur }), language: !_this.props.locale || _this.props.locale === 'zh-CN' ? 'zh_cn' : '' });
+            if (props.buttons) {
+                _this.config.toolbarButtons = props.buttons;
+            }
+        }
+        else {
+            var fetcher_1 = props.env.fetcher;
+            _this.config = __assign(__assign({}, props.options), { images_upload_handler: function (blobInfo, ok, fail) { return __awaiter(_this, void 0, void 0, function () {
+                    var formData, receiver, response, location_1, e_1;
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                    return __generator(this, function (_k) {
+                        switch (_k.label) {
+                            case 0:
+                                formData = new FormData();
+                                formData.append(props.fileField, blobInfo.blob(), blobInfo.filename());
+                                _k.label = 1;
+                            case 1:
+                                _k.trys.push([1, 3, , 4]);
+                                receiver = __assign({ adaptor: function (payload) {
+                                        return __assign(__assign({}, payload), { data: payload });
+                                    } }, normalizeApi(tokenize(props.receiver, props.data), 'post'));
+                                return [4 /*yield*/, fetcher_1(receiver, formData, {
+                                        method: 'post'
+                                    })];
+                            case 2:
+                                response = _k.sent();
+                                if (response.ok) {
+                                    location_1 = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.link) ||
+                                        ((_b = response.data) === null || _b === void 0 ? void 0 : _b.url) ||
+                                        ((_c = response.data) === null || _c === void 0 ? void 0 : _c.value) ||
+                                        ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.link) ||
+                                        ((_g = (_f = response.data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.url) ||
+                                        ((_j = (_h = response.data) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.value);
+                                    if (location_1) {
+                                        ok(location_1);
+                                    }
+                                    else {
+                                        console.warn('must have return value');
+                                    }
+                                }
+                                return [3 /*break*/, 4];
+                            case 3:
+                                e_1 = _k.sent();
+                                fail(e_1);
+                                return [3 /*break*/, 4];
+                            case 4: return [2 /*return*/];
+                        }
+                    });
+                }); } });
+        }
+        return _this;
+    }
+    RichTextControl.prototype.handleFocus = function () {
+        this.setState({
+            focused: true
+        });
+    };
+    RichTextControl.prototype.handleBlur = function () {
+        this.setState({
+            focused: false
+        });
+    };
+    RichTextControl.prototype.handleChange = function (value, submitOnChange, changeImmediately) {
+        var _a = this.props, onChange = _a.onChange, disabled = _a.disabled;
+        if (disabled) {
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, submitOnChange, changeImmediately);
+    };
+    RichTextControl.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className, ns = _b.classPrefix, value = _b.value; _b.onChange; var disabled = _b.disabled; _b.size; var vendor = _b.vendor, env = _b.env, locale = _b.locale, translate = _b.translate, borderMode = _b.borderMode;
+        var finnalVendor = vendor || (env.richTextToken ? 'froala' : 'tinymce');
+        return (React.createElement("div", { className: cx("".concat(ns, "RichTextControl"), className, (_a = {
+                    'is-focused': this.state.focused,
+                    'is-disabled': disabled
+                },
+                _a["".concat(ns, "RichTextControl--border").concat(ucFirst(borderMode))] = borderMode,
+                _a)) },
+            React.createElement(LazyComponent, { getComponent: loadRichText(finnalVendor), model: value, onModelChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, config: this.config, disabled: disabled, locale: locale, translate: translate })));
+    };
+    RichTextControl.defaultProps = {
+        imageEditable: true,
+        receiver: '/api/upload/image',
+        videoReceiver: '/api/upload/video',
+        fileField: 'file',
+        placeholder: 'placeholder.enter',
+        options: {
+            toolbarButtons: [
+                'undo',
+                'redo',
+                'paragraphFormat',
+                'textColor',
+                'backgroundColor',
+                'bold',
+                'underline',
+                'strikeThrough',
+                'formatOL',
+                'formatUL',
+                'align',
+                'quote',
+                'insertLink',
+                'insertImage',
+                'insertEmotion',
+                'insertTable',
+                'html'
+            ]
+        }
+    };
+    return RichTextControl;
+}(React.Component));
+var RichTextControlRenderer = /** @class */ (function (_super) {
+    __extends(RichTextControlRenderer, _super);
+    function RichTextControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RichTextControlRenderer = __decorate([
+        FormItem({
+            type: 'input-rich-text',
+            sizeMutable: false
+        })
+    ], RichTextControlRenderer);
+    return RichTextControlRenderer;
+}(RichTextControl));
+
+export { RichTextControlRenderer, RichTextControl as default };

package/esm/renderers/Form/InputSubForm.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import { FormBaseControlSchema, FormSchema, SchemaClassName } from '../../Schema';
+import Sortable from 'sortablejs';
+/**
+ * SubForm 子表单
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/subform
+ */
+export interface SubFormControlSchema extends FormBaseControlSchema {
+    /**
+     * 指定为 SubForm 子表单
+     */
+    type: 'input-sub-form';
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 是否多选
+     */
+    multiple?: boolean;
+    /**
+     * 是否可拖拽排序
+     */
+    draggable?: boolean;
+    /**
+     * 拖拽提示信息
+     */
+    draggableTip?: string;
+    /**
+     * 是否可新增
+     */
+    addable?: boolean;
+    /**
+     * 是否可删除
+     */
+    removable?: boolean;
+    /**
+     * 最少个数
+     */
+    minLength?: number;
+    /**
+     * 最多个数
+     */
+    maxLength?: number;
+    /**
+     * 当值中存在这个字段，则按钮名称将使用此字段的值来展示。
+     */
+    labelField?: string;
+    /**
+     * 按钮默认名称
+     * @default 设置
+     */
+    btnLabel?: string;
+    /**
+     * 新增按钮文字
+     */
+    addButtonText?: string;
+    /**
+     * 新增按钮 CSS 类名
+     */
+    addButtonClassName?: SchemaClassName;
+    /**
+     * 值元素的类名
+     */
+    itemClassName?: SchemaClassName;
+    /**
+     * 值列表元素的类名
+     */
+    itemsClassName?: SchemaClassName;
+    /**
+     * 是否在左下角显示报错信息
+     */
+    showErrorMsg?: boolean;
+    /**
+     * 子表单详情
+     */
+    form?: Omit<FormSchema, 'type'>;
+    scaffold?: any;
+}
+export interface SubFormProps extends FormControlProps {
+    placeholder?: string;
+    multiple?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    labelField?: string;
+}
+export interface SubFormState {
+    dialogData?: any;
+    dialogCtx?: {
+        mode?: 'add' | 'edit';
+        index?: number;
+    };
+}
+export default class SubFormControl extends React.PureComponent<SubFormProps, SubFormState> {
+    static defaultProps: Partial<SubFormProps>;
+    static propsList: Array<string>;
+    state: SubFormState;
+    dragTip?: HTMLElement;
+    sortable?: Sortable;
+    id: string;
+    constructor(props: SubFormProps);
+    addItem(): void;
+    removeItem(e: React.UIEvent<any>): void;
+    editSingle(): void;
+    open(e: React.UIEvent<any>): void;
+    close(): void;
+    handleDialogConfirm(values: Array<object>): void;
+    dragTipRef(ref: any): void;
+    initDragging(): void;
+    destroyDragging(): void;
+    buildDialogSchema(): {
+        type: string;
+        body: {
+            type: string;
+        };
+    };
+    renderMultipe(): JSX.Element;
+    renderSingle(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class SubFormControlRenderer extends SubFormControl {
+}