amis 2.0.0-rc.14 → 2.0.0-rc.15

package/esm/renderers/Form/Switch.js

@@ -0,0 +1,77 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { createObject, isObject, generateIcon, autobind, FormItem } from 'amis-core';
+import { Switch } from 'amis-ui';
+
+var SwitchControl = /** @class */ (function (_super) {
+    __extends(SwitchControl, _super);
+    function SwitchControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SwitchControl.prototype.handleChange = function (checked) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, dispatchEvent, data, onChange, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onChange = _a.onChange;
+                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
+                                value: checked
+                            }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange && onChange(checked);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    SwitchControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, ns = _a.classPrefix, cx = _a.classnames, value = _a.value, trueValue = _a.trueValue, falseValue = _a.falseValue, onText = _a.onText, offText = _a.offText, option = _a.option; _a.onChange; var disabled = _a.disabled, optionAtLeft = _a.optionAtLeft;
+        var on = isObject(onText)
+            ? generateIcon(cx, onText.icon, 'Switch-icon')
+            : onText;
+        var off = isObject(offText)
+            ? generateIcon(cx, offText.icon, 'Switch-icon')
+            : offText;
+        return (React.createElement("div", { className: cx("SwitchControl", className) },
+            optionAtLeft ? (React.createElement("span", { className: cx('Switch-option') }, option)) : null,
+            React.createElement(Switch, { classPrefix: ns, value: value, trueValue: trueValue, falseValue: falseValue, onText: on, offText: off, disabled: disabled, onChange: this.handleChange }),
+            optionAtLeft ? null : (React.createElement("span", { className: cx('Switch-option') }, option))));
+    };
+    SwitchControl.defaultProps = {
+        trueValue: true,
+        falseValue: false,
+        optionAtLeft: false
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Promise)
+    ], SwitchControl.prototype, "handleChange", null);
+    return SwitchControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(SwitchControlRenderer, _super);
+    function SwitchControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SwitchControlRenderer = __decorate([
+        FormItem({
+            type: 'switch',
+            sizeMutable: false
+        })
+    ], SwitchControlRenderer);
+    return SwitchControlRenderer;
+})(SwitchControl));
+
+export { SwitchControl as default };

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { OptionsControlProps } from 'amis-core';
+import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
+import { Option } from 'amis-core';
+import { ActionObject } from 'amis-core';
+import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
+/**
+ * TabsTransfer
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer
+ */
+export interface TabsTransferControlSchema extends Omit<TransferControlSchema, 'type'> {
+    type: 'tabs-transfer';
+}
+export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
+interface BaseTransferState {
+    activeKey: number;
+}
+export declare class BaseTabsTransferRenderer<T extends OptionsControlProps = TabsTransferProps> extends BaseTransferRenderer<T> {
+    state: BaseTransferState;
+    onTabChange(key: number): Promise<void>;
+    handleTabSearch(term: string, option: Option, cancelExecutor: Function): Promise<any[]>;
+    handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;
+}
+export declare class TabsTransferRenderer extends BaseTabsTransferRenderer<TabsTransferProps> {
+    optionItemRender(option: any, states: ItemRenderStates): JSX.Element;
+    doAction(action: ActionObject, args: any): void;
+    render(): JSX.Element;
+}
+export {};

package/esm/renderers/Form/TabsTransfer.js

@@ -0,0 +1,241 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, autobind, OptionsControl } from 'amis-core';
+import React from 'react';
+import find from 'lodash/find';
+import { Selection, TabsTransfer, Spinner } from 'amis-ui';
+import { BaseTransferRenderer } from './Transfer.js';
+
+var BaseTabsTransferRenderer = /** @class */ (function (_super) {
+    __extends(BaseTabsTransferRenderer, _super);
+    function BaseTabsTransferRenderer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            activeKey: 0
+        };
+        return _this;
+    }
+    BaseTabsTransferRenderer.prototype.onTabChange = function (key) {
+        return __awaiter(this, void 0, void 0, function () {
+            var dispatchEvent, rendererEvent;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        dispatchEvent = this.props.dispatchEvent;
+                        return [4 /*yield*/, dispatchEvent('tab-change', { key: key })];
+                    case 1:
+                        rendererEvent = _a.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        this.setState({
+                            activeKey: key
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    BaseTabsTransferRenderer.prototype.handleTabSearch = function (term, option, cancelExecutor) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, options, labelField, valueField, env, data, __, searchApi, payload, result, e_1, regexp_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, options = _a.options, labelField = _a.labelField, valueField = _a.valueField, env = _a.env, data = _a.data, __ = _a.translate;
+                        searchApi = option.searchApi;
+                        if (!searchApi) return [3 /*break*/, 5];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, env.fetcher(searchApi, createObject(data, { term: term }), {
+                                cancelExecutor: cancelExecutor
+                            })];
+                    case 2:
+                        payload = _b.sent();
+                        if (!payload.ok) {
+                            throw new Error(__(payload.msg || 'networkError'));
+                        }
+                        result = payload.data.options || payload.data.items || payload.data;
+                        if (!Array.isArray(result)) {
+                            throw new Error(__('CRUD.invalidArray'));
+                        }
+                        return [2 /*return*/, result.map(function (item) {
+                                var resolved = null;
+                                var value = item[valueField || 'value'];
+                                // 只有 value 值有意义的时候，再去找；否则直接返回
+                                if (Array.isArray(options) && value !== null && value !== undefined) {
+                                    resolved = find(options, optionValueCompare(value, valueField));
+                                }
+                                return resolved || item;
+                            })];
+                    case 3:
+                        e_1 = _b.sent();
+                        if (!env.isCancel(e_1)) {
+                            env.notify('error', e_1.message);
+                        }
+                        return [2 /*return*/, []];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        if (term) {
+                            regexp_1 = string2regExp(term);
+                            return [2 /*return*/, filterTree(options, function (option) {
+                                    return !!((Array.isArray(option.children) && option.children.length) ||
+                                        (option[valueField || 'value'] &&
+                                            (regexp_1.test(option[labelField || 'label']) ||
+                                                regexp_1.test(option[valueField || 'value']))));
+                                }, 0, true)];
+                        }
+                        else {
+                            return [2 /*return*/, options];
+                        }
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    BaseTabsTransferRenderer.prototype.handleChange = function (value, optionModified) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, __, newValue, newOptions, UN_MATCH_RESULT, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, valueField = _a.valueField, extractValue = _a.extractValue, options = _a.options, dispatchEvent = _a.dispatchEvent, setOptions = _a.setOptions, __ = _a.translate;
+                        newValue = value;
+                        newOptions = options.concat();
+                        UN_MATCH_RESULT = 'UN_MATCH_RESULT';
+                        if (Array.isArray(value)) {
+                            newValue = value.map(function (item) {
+                                var indexes = findTreeIndex(options, optionValueCompare(item[valueField || 'value'], valueField || 'value'));
+                                // 这里主要是把查询出来的没有匹配的搜索的结果（一般是DEFFER时）聚合在一个分类下
+                                if (!indexes) {
+                                    var searchIndexes = findTreeIndex(newOptions, function (item) { return item.value === UN_MATCH_RESULT; });
+                                    if (!searchIndexes) {
+                                        newOptions.push({
+                                            label: __('searchResult'),
+                                            value: UN_MATCH_RESULT,
+                                            visible: false,
+                                            children: [item]
+                                        });
+                                    }
+                                    else {
+                                        var origin_1 = getTree(newOptions, searchIndexes);
+                                        if (origin_1 === null || origin_1 === void 0 ? void 0 : origin_1.children) {
+                                            origin_1.children.push(item);
+                                            newOptions = spliceTree(newOptions, searchIndexes, 1, __assign(__assign({}, origin_1), item));
+                                        }
+                                    }
+                                }
+                                else if (optionModified) {
+                                    var origin_2 = getTree(newOptions, indexes);
+                                    newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_2), item));
+                                }
+                                return joinValues || extractValue
+                                    ? item[valueField || 'value']
+                                    : item;
+                            });
+                            if (joinValues) {
+                                newValue = newValue.join(delimiter || ',');
+                            }
+                        }
+                        else if (value) {
+                            newValue =
+                                joinValues || extractValue
+                                    ? value[valueField || 'value']
+                                    : value;
+                        }
+                        (newOptions.length > options.length || optionModified) &&
+                            setOptions(newOptions, true);
+                        return [4 /*yield*/, dispatchEvent('change', {
+                                value: newValue,
+                                options: options
+                            })];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange(newValue);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number]),
+        __metadata("design:returntype", Promise)
+    ], BaseTabsTransferRenderer.prototype, "onTabChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Object, Function]),
+        __metadata("design:returntype", Promise)
+    ], BaseTabsTransferRenderer.prototype, "handleTabSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Boolean]),
+        __metadata("design:returntype", Promise)
+    ], BaseTabsTransferRenderer.prototype, "handleChange", null);
+    return BaseTabsTransferRenderer;
+}(BaseTransferRenderer));
+/** @class */ ((function (_super) {
+    __extends(TabsTransferRenderer, _super);
+    function TabsTransferRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabsTransferRenderer.prototype.optionItemRender = function (option, states) {
+        var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
+        var ctx = arguments[2] || {};
+        if (menuTpl) {
+            return render("item/".concat(states.index), menuTpl, {
+                data: createObject(createObject(data, __assign(__assign({}, states), ctx)), option)
+            });
+        }
+        return Selection.itemRender(option, states);
+    };
+    // 动作
+    TabsTransferRenderer.prototype.doAction = function (action, args) {
+        var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
+        var activeKey = args === null || args === void 0 ? void 0 : args.activeKey;
+        switch (action.actionType) {
+            case 'clear':
+                onChange === null || onChange === void 0 ? void 0 : onChange('');
+                break;
+            case 'reset':
+                onChange === null || onChange === void 0 ? void 0 : onChange(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+                break;
+            case 'changeTabKey':
+                this.setState({
+                    activeKey: activeKey
+                });
+                break;
+        }
+    };
+    TabsTransferRenderer.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle;
+        return (React.createElement("div", { className: cx('TabsTransferControl', className) },
+            React.createElement(TabsTransfer, { activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange }),
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransferRenderer.prototype, "optionItemRender", null);
+    TabsTransferRenderer = __decorate([
+        OptionsControl({
+            type: 'tabs-transfer'
+        })
+    ], TabsTransferRenderer);
+    return TabsTransferRenderer;
+})(BaseTabsTransferRenderer));
+
+export { BaseTabsTransferRenderer };

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { OptionsControlProps } from 'amis-core';
+import { BaseTabsTransferRenderer } from './TabsTransfer';
+import { TabsTransferControlSchema } from './TabsTransfer';
+import { ActionObject } from 'amis-core';
+import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
+/**
+ * TabsTransferPicker 穿梭器的弹框形态
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer-picker
+ */
+export interface TabsTransferPickerControlSchema extends Omit<TabsTransferControlSchema, 'type'> {
+    type: 'tabs-transfer-picker';
+}
+export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
+interface BaseTransferState {
+    activeKey: number;
+}
+export declare class TabsTransferPickerRenderer extends BaseTabsTransferRenderer<TabsTransferProps> {
+    state: BaseTransferState;
+    dispatchEvent(name: string): void;
+    optionItemRender(option: any, states: ItemRenderStates): JSX.Element;
+    doAction(action: ActionObject): void;
+    render(): JSX.Element;
+}
+export {};

package/esm/renderers/Form/TabsTransferPicker.js

@@ -0,0 +1,72 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import { createObject, autobind, OptionsControl } from 'amis-core';
+import React from 'react';
+import { Selection, TabsTransferPicker, Spinner } from 'amis-ui';
+import { BaseTabsTransferRenderer } from './TabsTransfer.js';
+
+/** @class */ ((function (_super) {
+    __extends(TabsTransferPickerRenderer, _super);
+    function TabsTransferPickerRenderer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            activeKey: 0
+        };
+        return _this;
+    }
+    TabsTransferPickerRenderer.prototype.dispatchEvent = function (name) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(name, data);
+    };
+    TabsTransferPickerRenderer.prototype.optionItemRender = function (option, states) {
+        var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
+        var ctx = arguments[2] || {};
+        if (menuTpl) {
+            return render("item/".concat(states.index), menuTpl, {
+                data: createObject(createObject(data, __assign(__assign({}, states), ctx)), option)
+            });
+        }
+        return Selection.itemRender(option, states);
+    };
+    // 动作
+    TabsTransferPickerRenderer.prototype.doAction = function (action) {
+        var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
+        switch (action.actionType) {
+            case 'clear':
+                onChange === null || onChange === void 0 ? void 0 : onChange('');
+                break;
+            case 'reset':
+                onChange === null || onChange === void 0 ? void 0 : onChange(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+                break;
+        }
+    };
+    TabsTransferPickerRenderer.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, leftMode = _a.leftMode, leftOptions = _a.leftOptions;
+        return (React.createElement("div", { className: cx('TabsTransferControl', className) },
+            React.createElement(TabsTransferPicker, { activeKey: this.state.activeKey, onTabChange: this.onTabChange, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, leftMode: leftMode, leftOptions: leftOptions, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); } }),
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransferPickerRenderer.prototype, "dispatchEvent", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], TabsTransferPickerRenderer.prototype, "optionItemRender", null);
+    TabsTransferPickerRenderer = __decorate([
+        OptionsControl({
+            type: 'tabs-transfer-picker'
+        })
+    ], TabsTransferPickerRenderer);
+    return TabsTransferPickerRenderer;
+})(BaseTabsTransferRenderer));

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import type { ListenerAction } from 'amis-core';
+import { FormBaseControlSchema } from '../../Schema';
+/**
+ * TextArea 多行文本输入框。
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/textarea
+ */
+export interface TextareaControlSchema extends FormBaseControlSchema {
+    /**
+     * 指定为多行文本输入框
+     */
+    type: 'textarea';
+    /**
+     * 最大行数
+     */
+    maxRows?: number;
+    /**
+     * 最小行数
+     */
+    minRows?: number;
+    /**
+     * 是否只读
+     */
+    readOnly?: boolean;
+    /**
+     * 边框模式，全边框，还是半边框，或者没边框。
+     */
+    borderMode?: 'full' | 'half' | 'none';
+    /**
+     * 限制文字个数
+     */
+    maxLength?: number;
+    /**
+     * 是否显示计数
+     */
+    showCounter?: boolean;
+    /**
+     * 输入内容是否可清除
+     */
+    clearable?: boolean;
+    /**
+     * 重置值
+     */
+    resetValue?: string;
+}
+export declare type TextAreaRendererEvent = 'blur' | 'focus' | 'change';
+export interface TextAreaProps extends FormControlProps {
+    placeholder?: string;
+    minRows?: number;
+    maxRows?: number;
+    clearable?: boolean;
+    resetValue?: string;
+}
+export interface TextAreaState {
+    focused: boolean;
+}
+export default class TextAreaControl extends React.Component<TextAreaProps, TextAreaState> {
+    static defaultProps: Partial<TextAreaProps>;
+    inputRef: React.RefObject<any>;
+    doAction(action: ListenerAction, args: any): void;
+    focus(): void;
+    handleChange(e: React.ChangeEvent<HTMLTextAreaElement>): void;
+    handleFocus(e: React.FocusEvent<HTMLTextAreaElement>): void;
+    handleBlur(e: React.FocusEvent<HTMLTextAreaElement>): void;
+    render(): JSX.Element;
+}
+export declare class TextAreaControlRenderer extends TextAreaControl {
+}

package/esm/renderers/Form/Textarea.js

@@ -0,0 +1,103 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { autobind, bindRendererEvent, FormItem } from 'amis-core';
+import { Textarea } from 'amis-ui';
+
+var TextAreaControl = /** @class */ (function (_super) {
+    __extends(TextAreaControl, _super);
+    function TextAreaControl() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.inputRef = React.createRef();
+        return _this;
+    }
+    TextAreaControl.prototype.doAction = function (action, args) {
+        var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        var onChange = this.props.onChange;
+        if (!!~['clear', 'reset'].indexOf(actionType)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(this.props.resetValue);
+            this.focus();
+        }
+        else if (actionType === 'focus') {
+            this.focus();
+        }
+    };
+    TextAreaControl.prototype.focus = function () {
+        var _a;
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    TextAreaControl.prototype.handleChange = function (e) {
+        var onChange = this.props.onChange;
+        onChange && onChange(e);
+    };
+    TextAreaControl.prototype.handleFocus = function (e) {
+        var onFocus = this.props.onFocus;
+        this.setState({
+            focused: true
+        }, function () {
+            onFocus && onFocus(e);
+        });
+    };
+    TextAreaControl.prototype.handleBlur = function (e) {
+        var _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange;
+        this.setState({
+            focused: false
+        }, function () {
+            if (trimContents && value && typeof value === 'string') {
+                onChange(value.trim());
+            }
+            onBlur && onBlur(e);
+        });
+    };
+    TextAreaControl.prototype.render = function () {
+        var rest = __rest(this.props, []);
+        return (React.createElement(Textarea, __assign({}, rest, { onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange })));
+    };
+    TextAreaControl.defaultProps = {
+        minRows: 3,
+        maxRows: 20,
+        trimContents: true,
+        resetValue: '',
+        clearable: false
+    };
+    __decorate([
+        autobind,
+        bindRendererEvent('change', undefined, false),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TextAreaControl.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        bindRendererEvent('focus'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TextAreaControl.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        bindRendererEvent('blur'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TextAreaControl.prototype, "handleBlur", null);
+    return TextAreaControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(TextAreaControlRenderer, _super);
+    function TextAreaControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextAreaControlRenderer = __decorate([
+        FormItem({
+            type: 'textarea'
+        })
+    ], TextAreaControlRenderer);
+    return TextAreaControlRenderer;
+})(TextAreaControl));
+
+export { TextAreaControl as default };