amis 2.0.0-rc.9 → 2.0.0

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

@@ -0,0 +1,115 @@
+import React from 'react';
+import { OptionsControlProps } from 'amis-core';
+import type { Option } from 'amis-core';
+import { FormOptionsSchema, SchemaApi, SchemaObject } from '../../Schema';
+import { ActionObject } from 'amis-core';
+import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
+/**
+ * Transfer
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer
+ */
+export interface TransferControlSchema extends FormOptionsSchema {
+    type: 'transfer';
+    /**
+     * 是否显示剪头
+     */
+    showArrow?: boolean;
+    /**
+     * 可排序？
+     */
+    sortable?: boolean;
+    /**
+     * 勾选展示模式
+     */
+    selectMode?: 'table' | 'list' | 'tree' | 'chained' | 'associated';
+    /**
+     * 结果面板是否追踪显示
+     */
+    resultListModeFollowSelect?: boolean;
+    /**
+     * 当 selectMode 为 associated 时用来定义左侧的选项
+     */
+    leftOptions?: Array<Option>;
+    /**
+     * 当 selectMode 为 associated 时用来定义左侧的选择模式
+     */
+    leftMode?: 'tree' | 'list';
+    /**
+     * 当 selectMode 为 associated 时用来定义右侧的选择模式
+     */
+    rightMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 搜索结果展示模式
+     */
+    searchResultMode?: 'table' | 'list' | 'tree' | 'chained';
+    /**
+     * 当 selectMode 为 table 时定义表格列信息。
+     */
+    columns?: Array<any>;
+    /**
+     * 当 searchResultMode 为 table 时定义表格列信息。
+     */
+    searchResultColumns?: Array<any>;
+    /**
+     * 可搜索？
+     */
+    searchable?: boolean;
+    /**
+     * 结果（右则）列表的检索功能，当设置为true时，可以通过输入检索模糊匹配检索内容
+     */
+    resultSearchable?: boolean;
+    /**
+     * 搜索 API
+     */
+    searchApi?: SchemaApi;
+    /**
+     * 左侧的标题文字
+     */
+    selectTitle?: string;
+    /**
+     * 右侧结果的标题文字
+     */
+    resultTitle?: string;
+    /**
+     * 用来丰富选项展示
+     */
+    menuTpl?: SchemaObject;
+    /**
+     * 用来丰富值的展示
+     */
+    valueTpl?: SchemaObject;
+    /**
+     * 左侧列表搜索框提示
+     */
+    searchPlaceholder?: string;
+    /**
+     * 右侧列表搜索框提示
+     */
+    resultSearchPlaceholder?: string;
+}
+export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+    resultItemRender?: (option: Option) => JSX.Element;
+}
+export declare class BaseTransferRenderer<T extends OptionsControlProps = BaseTransferProps> extends React.Component<T> {
+    tranferRef?: any;
+    reload(): void;
+    handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;
+    option2value(option: Option): Option;
+    handleSearch(term: string, cancelExecutor: Function): Promise<any[]>;
+    handleResultSearch(term: string, item: Option): boolean;
+    optionItemRender(option: Option, states: ItemRenderStates): JSX.Element;
+    resultItemRender(option: Option, states: ItemRenderStates): JSX.Element;
+    renderCell(column: {
+        name: string;
+        label: string;
+        [propName: string]: any;
+    }, option: Option, colIndex: number, rowIndex: number): JSX.Element;
+    getRef(ref: any): void;
+    onSelectAll(options: Option[]): void;
+    doAction(action: ActionObject, data: object, throwErrors: boolean): void;
+    render(): JSX.Element;
+}
+export declare class TransferRender extends BaseTransferRenderer {
+}
+declare const _default: typeof TransferRender;
+export default _default;

package/esm/renderers/Form/Transfer.js

@@ -0,0 +1,276 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import find from 'lodash/find';
+import { findTreeIndex, optionValueCompare, getTree, spliceTree, string2regExp, filterTree, createObject, resolveVariable, autobind, OptionsControl } from 'amis-core';
+import { Selection, ResultList, Transfer, Spinner } from 'amis-ui';
+
+var BaseTransferRenderer = /** @class */ (function (_super) {
+    __extends(BaseTransferRenderer, _super);
+    function BaseTransferRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BaseTransferRenderer.prototype.reload = function () {
+        var reloadOptions = this.props.reloadOptions;
+        reloadOptions === null || reloadOptions === void 0 ? void 0 : reloadOptions();
+    };
+    BaseTransferRenderer.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, 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;
+                        newValue = value;
+                        newOptions = options.concat();
+                        if (Array.isArray(value)) {
+                            newValue = value.map(function (item) {
+                                var indexes = findTreeIndex(options, optionValueCompare(item[valueField || 'value'], valueField || 'value'));
+                                if (!indexes) {
+                                    newOptions.push(item);
+                                }
+                                else if (optionModified) {
+                                    var origin_1 = getTree(newOptions, indexes);
+                                    newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_1), 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*/];
+                }
+            });
+        });
+    };
+    BaseTransferRenderer.prototype.option2value = function (option) {
+        return option;
+    };
+    BaseTransferRenderer.prototype.handleSearch = function (term, cancelExecutor) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, searchApi, options, labelField, valueField, env, data, __, payload, result, e_1, regexp_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, searchApi = _a.searchApi, options = _a.options, labelField = _a.labelField, valueField = _a.valueField, env = _a.env, data = _a.data, __ = _a.translate;
+                        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*/];
+                }
+            });
+        });
+    };
+    BaseTransferRenderer.prototype.handleResultSearch = function (term, item) {
+        var valueField = this.props.valueField;
+        var regexp = string2regExp(term);
+        return regexp.test(item[valueField || 'value']);
+    };
+    BaseTransferRenderer.prototype.optionItemRender = function (option, states) {
+        var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
+        if (menuTpl) {
+            return render("item/".concat(states.index), menuTpl, {
+                data: createObject(createObject(data, states), option)
+            });
+        }
+        return Selection.itemRender(option, states);
+    };
+    BaseTransferRenderer.prototype.resultItemRender = function (option, states) {
+        var _a = this.props, valueTpl = _a.valueTpl, render = _a.render, data = _a.data;
+        if (valueTpl) {
+            return render("value/".concat(states.index), valueTpl, {
+                onChange: states.onChange,
+                data: createObject(createObject(data, states), option)
+            });
+        }
+        return ResultList.itemRender(option);
+    };
+    BaseTransferRenderer.prototype.renderCell = function (column, option, colIndex, rowIndex) {
+        var _a = this.props, render = _a.render, data = _a.data;
+        return render("cell/".concat(colIndex, "/").concat(rowIndex), __assign({ type: 'text' }, column), {
+            value: resolveVariable(column.name, option),
+            data: createObject(data, option)
+        });
+    };
+    BaseTransferRenderer.prototype.getRef = function (ref) {
+        while (ref && ref.getWrappedInstance) {
+            ref = ref.getWrappedInstance();
+        }
+        this.tranferRef = ref;
+    };
+    BaseTransferRenderer.prototype.onSelectAll = function (options) {
+        var dispatchEvent = this.props.dispatchEvent;
+        dispatchEvent('selectAll', options);
+    };
+    // 动作
+    BaseTransferRenderer.prototype.doAction = function (action, data, throwErrors) {
+        var _a;
+        var _b = this.props, resetValue = _b.resetValue, onChange = _b.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;
+            case 'selectAll':
+                (_a = this.tranferRef) === null || _a === void 0 ? void 0 : _a.selectAll();
+                break;
+        }
+    };
+    BaseTransferRenderer.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d;
+        // 目前 LeftOptions 没有接口可以动态加载
+        // 为了方便可以快速实现动态化，让选项的第一个成员携带
+        // LeftOptions 信息
+        var _e = this.props, options = _e.options, leftOptions = _e.leftOptions, leftDefaultValue = _e.leftDefaultValue;
+        if (selectMode === 'associated' &&
+            options &&
+            options.length &&
+            options[0].leftOptions &&
+            Array.isArray(options[0].children)) {
+            leftOptions = options[0].leftOptions;
+            leftDefaultValue = (_a = options[0].leftDefaultValue) !== null && _a !== void 0 ? _a : leftDefaultValue;
+            options = options[0].children;
+        }
+        return (React.createElement("div", { className: cx('TransferControl', className) },
+            React.createElement(Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef }),
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Boolean]),
+        __metadata("design:returntype", Promise)
+    ], BaseTransferRenderer.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "option2value", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Function]),
+        __metadata("design:returntype", Promise)
+    ], BaseTransferRenderer.prototype, "handleSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "handleResultSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "optionItemRender", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "resultItemRender", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object, Number, Number]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "renderCell", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "getRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Array]),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "onSelectAll", null);
+    return BaseTransferRenderer;
+}(React.Component));
+// ts 3.9 里面非得这样才不报错，鬼知道为何。
+var TransferRender = /** @class */ (function (_super) {
+    __extends(TransferRender, _super);
+    function TransferRender() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return TransferRender;
+}(BaseTransferRenderer));
+OptionsControl({
+    type: 'transfer'
+})(TransferRender);
+
+export { BaseTransferRenderer, TransferRender };

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { OptionsControlProps } from 'amis-core';
+import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
+import { ActionObject } from 'amis-core';
+/**
+ * TransferPicker 穿梭器的弹框形态
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer-picker
+ */
+export interface TransferPickerControlSchema extends Omit<TransferControlSchema, 'type'> {
+    type: 'transfer-picker';
+    /**
+     * 边框模式，全边框，还是半边框，或者没边框。
+     */
+    borderMode?: 'full' | 'half' | 'none';
+    /**
+     * 弹窗大小
+     */
+    pickerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export interface TabsTransferProps extends OptionsControlProps, Omit<TransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+}
+export declare class TransferPickerRenderer extends BaseTransferRenderer<TabsTransferProps> {
+    dispatchEvent(name: string): void;
+    doAction(action: ActionObject): void;
+    render(): JSX.Element;
+}

package/esm/renderers/Form/TransferPicker.js

@@ -0,0 +1,66 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate, __metadata } from 'tslib';
+import { autobind, OptionsControl } from 'amis-core';
+import React from 'react';
+import { TransferPicker, Spinner } from 'amis-ui';
+import { BaseTransferRenderer } from './Transfer.js';
+
+/** @class */ ((function (_super) {
+    __extends(TransferPickerRenderer, _super);
+    function TransferPickerRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TransferPickerRenderer.prototype.dispatchEvent = function (name) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(name, data);
+    };
+    // 动作
+    TransferPickerRenderer.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;
+        }
+    };
+    TransferPickerRenderer.prototype.render = function () {
+        var _this = this;
+        var _a;
+        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle, pickerSize = _b.pickerSize, columns = _b.columns, leftMode = _b.leftMode, selectMode = _b.selectMode, borderMode = _b.borderMode;
+        // 目前 LeftOptions 没有接口可以动态加载
+        // 为了方便可以快速实现动态化，让选项的第一个成员携带
+        // LeftOptions 信息
+        var _c = this.props, options = _c.options, leftOptions = _c.leftOptions, leftDefaultValue = _c.leftDefaultValue;
+        if (selectMode === 'associated' &&
+            options &&
+            options.length === 1 &&
+            options[0].leftOptions &&
+            Array.isArray(options[0].children)) {
+            leftOptions = options[0].leftOptions;
+            leftDefaultValue = (_a = options[0].leftDefaultValue) !== null && _a !== void 0 ? _a : leftDefaultValue;
+            options = options[0].children;
+        }
+        return (React.createElement("div", { className: cx('TransferControl', className) },
+            React.createElement(TransferPicker, { borderMode: borderMode, selectMode: selectMode, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, columns: columns, 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)
+    ], TransferPickerRenderer.prototype, "dispatchEvent", null);
+    TransferPickerRenderer = __decorate([
+        OptionsControl({
+            type: 'transfer-picker'
+        })
+    ], TransferPickerRenderer);
+    return TransferPickerRenderer;
+})(BaseTransferRenderer));

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

@@ -0,0 +1,132 @@
+import React from 'react';
+import { OptionsControlProps, Option } from 'amis-core';
+import { Api } from 'amis-core';
+import { ActionObject } from 'amis-core';
+import { FormOptionsSchema } from '../../Schema';
+/**
+ * Tree 下拉选择框。
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/tree
+ */
+export interface TreeSelectControlSchema extends FormOptionsSchema {
+    type: 'tree-select';
+    /**
+     * 是否隐藏顶级
+     */
+    hideRoot?: boolean;
+    /**
+     * 顶级选项的名称
+     */
+    rootLabel?: string;
+    /**
+     * 顶级选项的值
+     */
+    rootValue?: any;
+    /**
+     * 显示图标
+     */
+    showIcon?: boolean;
+    /**
+     * 父子之间是否完全独立。
+     */
+    cascade?: boolean;
+    /**
+     * 选父级的时候是否把子节点的值也包含在内。
+     */
+    withChildren?: boolean;
+    /**
+     * 选父级的时候，是否只把子节点的值包含在内
+     */
+    onlyChildren?: boolean;
+    /**
+     * 单选时，只运行选择叶子节点
+     */
+    onlyLeaf?: boolean;
+    /**
+     * 顶级节点是否可以创建子节点
+     */
+    rootCreatable?: boolean;
+    /**
+     * 是否隐藏选择框中已选中节点的祖先节点的文本信息
+     */
+    hideNodePathLabel?: boolean;
+    /**
+     * 是否开启节点路径模式
+     */
+    enableNodePath?: boolean;
+    /**
+     * 开启节点路径模式后，节点路径的分隔符
+     */
+    pathSeparator?: string;
+    /**
+     * 是否显示展开线
+     */
+    showOutline?: boolean;
+}
+export interface TreeSelectProps extends OptionsControlProps {
+    placeholder?: any;
+    autoComplete?: Api;
+    hideNodePathLabel?: boolean;
+    enableNodePath?: boolean;
+    pathSeparator?: string;
+    useMobileUI?: boolean;
+}
+export interface TreeSelectState {
+    isOpened: boolean;
+    inputValue: string;
+}
+export default class TreeSelectControl extends React.Component<TreeSelectProps, TreeSelectState> {
+    static defaultProps: {
+        placeholder: string;
+        optionsPlaceholder: string;
+        multiple: boolean;
+        clearable: boolean;
+        rootLabel: string;
+        rootValue: string;
+        showIcon: boolean;
+        joinValues: boolean;
+        extractValue: boolean;
+        delimiter: string;
+        resetValue: string;
+        hideNodePathLabel: boolean;
+        enableNodePath: boolean;
+        pathSeparator: string;
+        selfDisabledAffectChildren: boolean;
+    };
+    treeRef: any;
+    container: React.RefObject<HTMLDivElement>;
+    input: React.RefObject<any>;
+    cache: {
+        [propName: string]: any;
+    };
+    target: HTMLElement | null;
+    targetRef: (ref: any) => HTMLElement | null;
+    constructor(props: TreeSelectProps);
+    componentDidMount(): void;
+    open(fn?: () => void): void;
+    close(): void;
+    handleFocus(e: any): void;
+    handleBlur(e: any): void;
+    handleKeyPress(e: React.KeyboardEvent): void;
+    validate(): any;
+    removeItem(index: number, e?: React.MouseEvent<HTMLElement>): void;
+    handleChange(value: any): void;
+    handleInputChange(value: string): void;
+    handleInputKeyDown(event: React.KeyboardEvent): void;
+    clearValue(): void;
+    filterOptions(options: Array<Option>, keywords: string): Array<Option>;
+    loadRemote(input: string): Promise<{
+        options: Option[];
+    } | undefined>;
+    mergeOptions(options: Array<object>): Option[];
+    reload(): void;
+    handleOutClick(e: React.MouseEvent<any>): void;
+    handleResultChange(value: Array<Option>): void;
+    doAction(action: ActionObject, data: any, throwErrors: boolean): void;
+    resultChangeEvent(value: any): Promise<void>;
+    renderItem(item: Option): any;
+    domRef(ref: any): void;
+    renderOuter(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class TreeSelectControlRenderer extends TreeSelectControl {
+}