amis-rev-ui 6.13.0

package/esm/components/ResultList.js

@@ -0,0 +1,253 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import Sortable from 'sortablejs';
+import { guid, findDomCompat, autobind, themeable, localeable } from 'amis-rev-core';
+import cloneDeep from 'lodash/cloneDeep';
+import { Icon } from './icons.js';
+import TransferSearch from './TransferSearch.js';
+import VirtualList from './virtual-list/index.js';
+import AutoSizer from './virtual-list/AutoSizer.js';
+
+var ResultList = /** @class */ (function (_super) {
+    __extends(ResultList, _super);
+    function ResultList() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            searchResult: null
+        };
+        _this.id = guid();
+        _this.unmounted = false;
+        return _this;
+    }
+    ResultList.itemRender = function (option, states) {
+        var scopeLabel = option.scopeLabel || '';
+        var label = option[(states === null || states === void 0 ? void 0 : states.labelField) || 'label'];
+        var canScopeLabelTitle = typeof scopeLabel === 'string' || typeof scopeLabel === 'number';
+        var canLabelTitle = typeof label === 'string' || typeof label === 'number';
+        var title = canScopeLabelTitle && canLabelTitle ? "".concat(scopeLabel).concat(label) : '';
+        var classnames = states.classnames;
+        return (React__default.createElement("span", { title: title, className: classnames('Selection-ellipsis-line') },
+            scopeLabel,
+            label));
+    };
+    ResultList.prototype.componentDidMount = function () {
+        this.props.sortable && this.initSortable();
+    };
+    ResultList.prototype.componentDidUpdate = function () {
+        if (this.props.sortable) {
+            this.sortable || this.initSortable();
+        }
+        else {
+            this.desposeSortable();
+        }
+    };
+    ResultList.prototype.componentWillUnmount = function () {
+        this.desposeSortable();
+        this.unmounted = true;
+    };
+    ResultList.prototype.domSearchRef = function (ref) {
+        while (ref && ref.getWrappedInstance) {
+            ref = ref.getWrappedInstance();
+        }
+        this.searchRef = ref;
+    };
+    ResultList.prototype.initSortable = function () {
+        var _this = this;
+        var ns = this.props.classPrefix;
+        var dom = findDomCompat(this);
+        var container = dom.querySelector(".".concat(ns, "Selections-items"));
+        if (!container) {
+            return;
+        }
+        this.sortable = new Sortable(container, {
+            group: "selections-".concat(this.id),
+            animation: 150,
+            handle: ".".concat(ns, "Selections-dragbar"),
+            ghostClass: "".concat(ns, "Selections-item--dragging"),
+            onEnd: function (e) {
+                var _b, _c;
+                // 没有移动
+                if (e.newIndex === e.oldIndex) {
+                    return;
+                }
+                // 换回来
+                var parent = e.to;
+                if (e.oldIndex < parent.childNodes.length - 1) {
+                    parent.insertBefore(e.item, parent.childNodes[e.oldIndex > e.newIndex ? e.oldIndex + 1 : e.oldIndex]);
+                }
+                else {
+                    parent.appendChild(e.item);
+                }
+                var value = _this.props.value;
+                if (!Array.isArray(value)) {
+                    return;
+                }
+                var newValue = value.concat();
+                newValue.splice(e.newIndex, 0, newValue.splice(e.oldIndex, 1)[0]);
+                (_c = (_b = _this.props).onChange) === null || _c === void 0 ? void 0 : _c.call(_b, newValue);
+            }
+        });
+    };
+    ResultList.prototype.desposeSortable = function () {
+        var _b;
+        (_b = this.sortable) === null || _b === void 0 ? void 0 : _b.destroy();
+        delete this.sortable;
+    };
+    ResultList.prototype.handleValueChange = function (index, value, name) {
+        var _b;
+        if (typeof name !== 'string') {
+            return;
+        }
+        var _c = this.props, list = _c.value, onChange = _c.onChange;
+        var result = Array.isArray(list) ? list.concat() : [];
+        if (!result[index]) {
+            return;
+        }
+        result.splice(index, 1, __assign(__assign({}, result[index]), (_b = {}, _b[name] = value, _b)));
+        onChange === null || onChange === void 0 ? void 0 : onChange(result, true);
+    };
+    ResultList.prototype.search = function (inputValue) {
+        var _b = this.props, onSearch = _b.onSearch, value = _b.value;
+        var searchResult = (value || []).filter(function (item) { return onSearch && onSearch(inputValue, item); });
+        this.setState({ searchResult: searchResult });
+    };
+    ResultList.prototype.clearSearch = function () {
+        this.setState({ searchResult: null });
+    };
+    ResultList.prototype.clearInput = function () {
+        var _b, _c;
+        if (this.props.searchable) {
+            (_c = (_b = this.searchRef) === null || _b === void 0 ? void 0 : _b.clearInput) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+        this.clearSearch();
+    };
+    // 删除项
+    ResultList.prototype.handleCloseItem = function (e, option) {
+        var _b = this.props, value = _b.value, onChange = _b.onChange, disabled = _b.disabled, searchable = _b.searchable, _c = _b.valueField, valueField = _c === void 0 ? 'value' : _c;
+        if (disabled || option.disabled) {
+            return;
+        }
+        var searchResult = this.state.searchResult;
+        // 结果搜索
+        if (searchable && searchResult) {
+            // 删除普通值
+            var valueArray = cloneDeep(value) || [];
+            var idx = valueArray.findIndex(function (item) { return item[valueField] === option[valueField]; });
+            if (idx > -1) {
+                valueArray.splice(idx, 1);
+                onChange && onChange(valueArray);
+            }
+            // 删除搜索结果
+            var searchIdx = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+            if (searchIdx > -1) {
+                searchResult.splice(searchIdx, 1);
+                this.setState({ searchResult: searchResult });
+            }
+        }
+        // 没有搜索，走旧的删除方式
+        else {
+            var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+            var _d = this.props, value_1 = _d.value, onChange_1 = _d.onChange;
+            if (!Array.isArray(value_1)) {
+                return;
+            }
+            var newValue = value_1.concat();
+            newValue.splice(index, 1);
+            onChange_1 === null || onChange_1 === void 0 ? void 0 : onChange_1(newValue);
+        }
+    };
+    ResultList.prototype.renderOption = function (option, index, value, styles) {
+        var _this = this;
+        if (styles === void 0) { styles = {}; }
+        var _b = this.props, cx = _b.classnames, itemRender = _b.itemRender, disabled = _b.disabled, itemClassName = _b.itemClassName, sortable = _b.sortable, labelField = _b.labelField; _b.translate; var showInvalidMatch = _b.showInvalidMatch, testIdBuilder = _b.testIdBuilder;
+        var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(option.value || index));
+        return (React__default.createElement("div", { style: styles, className: cx('Selections-item', itemClassName, option === null || option === void 0 ? void 0 : option.className), key: index },
+            sortable && !disabled && value.length > 1 ? (React__default.createElement(Icon, { className: cx('Selections-dragbar icon'), icon: "drag-bar" })) : null,
+            React__default.createElement("label", { className: cx('Selections-label', {
+                    'is-invalid': showInvalidMatch ? option === null || option === void 0 ? void 0 : option.__unmatched : false
+                }) }, itemRender(option, {
+                index: index,
+                disabled: disabled,
+                onChange: this.handleValueChange.bind(this, index),
+                labelField: labelField,
+                classnames: cx
+            })),
+            !disabled ? (React__default.createElement("a", __assign({ className: cx('Selections-delBtn'), "data-index": index, onClick: function (e) {
+                    return _this.handleCloseItem(e, option);
+                } }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
+                React__default.createElement(Icon, { icon: "close", className: "icon" }))) : null));
+    };
+    ResultList.prototype.renderNormalList = function (value) {
+        var _this = this;
+        var _b = this.props, cx = _b.classnames, __ = _b.translate, placeholder = _b.placeholder, _c = _b.virtualThreshold, virtualThreshold = _c === void 0 ? 1000 : _c, _d = _b.itemHeight, itemHeight = _d === void 0 ? 30 : _d;
+        return (React__default.createElement(React__default.Fragment, null, Array.isArray(value) && value.length ? (React__default.createElement("div", { className: cx('Selections-items') }, value.length > virtualThreshold ? (React__default.createElement(AutoSizer, null, function (_b) {
+            var height = _b.height;
+            return (React__default.createElement(VirtualList, { height: height, itemCount: value.length, itemSize: itemHeight, renderItem: function (_b) {
+                    var index = _b.index, style = _b.style;
+                    var option = value[index];
+                    if (!option) {
+                        return null;
+                    }
+                    return _this.renderOption(option, index, value, __assign(__assign({}, style), { width: '100%' }));
+                } }));
+        })) : (value.map(function (option, index) {
+            return _this.renderOption(option, index, value);
+        })))) : (React__default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
+    };
+    ResultList.prototype.render = function () {
+        var _b = this.props, cx = _b.classnames, className = _b.className, title = _b.title, searchable = _b.searchable, value = _b.value, __ = _b.translate, _c = _b.searchPlaceholder, searchPlaceholder = _c === void 0 ? __('Transfer.searchKeyword') : _c;
+        var searchResult = this.state.searchResult;
+        return (React__default.createElement("div", { className: cx('Selections', className) },
+            title ? React__default.createElement("div", { className: cx('Selections-title') }, title) : null,
+            searchable ? (React__default.createElement(TransferSearch, { ref: this.domSearchRef, placeholder: searchPlaceholder, onSearch: this.search, onCancelSearch: this.clearSearch })) : null,
+            this.renderNormalList(searchResult !== null ? searchResult : value)));
+    };
+    var _a;
+    _a = ResultList;
+    ResultList.defaultProps = {
+        placeholder: 'placeholder.selectData',
+        itemRender: _a.itemRender,
+        searchPlaceholder: '',
+        virtualThreshold: 100,
+        itemHeight: 32
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultList.prototype, "domSearchRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], ResultList.prototype, "search", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ResultList.prototype, "clearSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ResultList.prototype, "clearInput", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultList.prototype, "handleCloseItem", null);
+    return ResultList;
+}(React__default.Component));
+var ResultList$1 = themeable(localeable(ResultList));
+
+export { ResultList, ResultList$1 as default };

package/esm/components/ResultTableList.js

@@ -0,0 +1,152 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { BaseSelection } from './Selection.js';
+import { resolveVariable, autobind, themeable, localeable } from 'amis-rev-core';
+import TransferSearch from './TransferSearch.js';
+import './icons.js';
+import TableCheckboxes from './TableSelection.js';
+import SvgClose from '../icons/close.svg.js';
+
+/**
+ * 结果表格(暂时不支持结果排序)
+ */
+var BaseResultTableSelection = /** @class */ (function (_super) {
+    __extends(BaseResultTableSelection, _super);
+    function BaseResultTableSelection() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            tableOptions: [],
+            searching: false,
+            searchTableOptions: []
+        };
+        return _this;
+    }
+    BaseResultTableSelection.getDerivedStateFromProps = function (props) {
+        var options = props.options, value = props.value, option2value = props.option2value, valueField = props.valueField;
+        var valueArray = BaseSelection.value2array(value, options, option2value, valueField);
+        return {
+            tableOptions: valueArray
+        };
+    };
+    BaseResultTableSelection.prototype.domSearchRef = function (ref) {
+        while (ref && ref.getWrappedInstance) {
+            ref = ref.getWrappedInstance();
+        }
+        this.searchRef = ref;
+    };
+    BaseResultTableSelection.prototype.handleCloseItem = function (option) {
+        var _a = this.props, value = _a.value, onChange = _a.onChange, option2value = _a.option2value, options = _a.options, disabled = _a.disabled, valueField = _a.valueField;
+        var _b = this.state, searching = _b.searching, searchTableOptions = _b.searchTableOptions;
+        if (disabled || option.disabled) {
+            return;
+        }
+        // 删除普通值
+        var valueArray = BaseSelection.value2array(value, options, option2value, valueField);
+        var idx = valueArray.indexOf(option);
+        valueArray.splice(idx, 1);
+        var newValue = option2value
+            ? valueArray.map(function (item) { return option2value(item); })
+            : valueArray;
+        onChange && onChange(newValue);
+        if (searching) {
+            var searchArray = BaseSelection.value2array(searchTableOptions, options, option2value, valueField);
+            var searchIdx = searchArray.indexOf(option);
+            searchTableOptions.splice(searchIdx, 1);
+            this.setState({ searchTableOptions: searchTableOptions });
+        }
+    };
+    BaseResultTableSelection.prototype.search = function (inputValue) {
+        // 结果为空，直接清空
+        if (!inputValue) {
+            this.clearSearch();
+            return;
+        }
+        var _a = this.props, value = _a.value, onSearch = _a.onSearch;
+        var searchOptions = (value || []).filter(function (item) {
+            return onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue, item);
+        });
+        this.setState({
+            searching: true,
+            searchTableOptions: searchOptions
+        });
+    };
+    BaseResultTableSelection.prototype.clearSearch = function () {
+        this.setState({
+            searching: false,
+            searchTableOptions: []
+        });
+    };
+    BaseResultTableSelection.prototype.clearInput = function () {
+        var _a, _b;
+        if (this.props.searchable) {
+            (_b = (_a = this.searchRef) === null || _a === void 0 ? void 0 : _a.clearInput) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        this.clearSearch();
+    };
+    BaseResultTableSelection.prototype.renderTable = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, className = _a.className, columns = _a.columns, cellRender = _a.cellRender, value = _a.value, disabled = _a.disabled, option2value = _a.option2value, onChange = _a.onChange, __ = _a.translate, placeholder = _a.placeholder, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight, testIdBuilder = _a.testIdBuilder;
+        var _b = this.state, searching = _b.searching, tableOptions = _b.tableOptions, searchTableOptions = _b.searchTableOptions;
+        return (React__default.createElement("div", { className: cx('ResultTableList', className) }, Array.isArray(value) && value.length ? (React__default.createElement(TableCheckboxes, { columns: columns, options: !searching ? tableOptions : searchTableOptions, value: value, disabled: disabled, option2value: option2value, onChange: onChange, multiple: false, resultMode: true, virtualThreshold: virtualThreshold, itemHeight: itemHeight, cellRender: function (column, option, colIndex, rowIndex) {
+                var raw = cellRender(column, option, colIndex, rowIndex);
+                var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(option.value || rowIndex));
+                if (colIndex === columns.length - 1) {
+                    return (React__default.createElement(React__default.Fragment, null,
+                        raw,
+                        React__default.createElement("span", __assign({ className: cx('ResultTableList-close-btn'), onClick: function (e) {
+                                e.stopPropagation();
+                                _this.handleCloseItem(option);
+                            } }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild("close").getTestId()),
+                            React__default.createElement(SvgClose, null))));
+                }
+                return raw;
+            } })) : (React__default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
+    };
+    BaseResultTableSelection.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, title = _a.title, searchable = _a.searchable, __ = _a.translate, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? __('Transfer.searchKeyword') : _b;
+        return (React__default.createElement("div", { className: cx('Selections', className) },
+            title ? React__default.createElement("div", { className: cx('Selections-title') }, title) : null,
+            searchable ? (React__default.createElement(TransferSearch, { ref: this.domSearchRef, placeholder: searchPlaceholder, onSearch: this.search, onCancelSearch: this.clearSearch })) : null,
+            this.renderTable()));
+    };
+    BaseResultTableSelection.defaultProps = __assign(__assign({}, BaseSelection.defaultProps), { cellRender: function (column, option, colIndex, rowIndex) { return React__default.createElement("span", null, resolveVariable(column.name, option)); } });
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTableSelection.prototype, "domSearchRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTableSelection.prototype, "handleCloseItem", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTableSelection.prototype, "search", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTableSelection.prototype, "clearSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTableSelection.prototype, "clearInput", null);
+    return BaseResultTableSelection;
+}(BaseSelection));
+var ResultTableList = themeable(localeable(BaseResultTableSelection));
+
+export { BaseResultTableSelection, ResultTableList as default };

package/esm/components/ResultTreeList.js

@@ -0,0 +1,241 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import cloneDeep from 'lodash/cloneDeep';
+import isEqual from 'lodash/isEqual';
+import omit from 'lodash/omit';
+import { noop, autobind, themeable, localeable } from 'amis-rev-core';
+import Tree from './Tree.js';
+import TransferSearch from './TransferSearch.js';
+
+// 递归找到对应选中节点(dfs)
+function getDeep(node, cb, pathNodes, valueField) {
+    if (node[valueField] && cb(node)) {
+        node.isChecked = true;
+        for (var i = pathNodes.length - 2; i >= 0; i--) {
+            if (!pathNodes[i].isChecked) {
+                pathNodes[i].isChecked = true;
+                continue;
+            }
+            break;
+        }
+    }
+    else if (node.children && Array.isArray(node.children)) {
+        node.children.forEach(function (n) {
+            pathNodes.push(n);
+            getDeep(n, cb, pathNodes, valueField);
+            pathNodes.pop();
+        });
+    }
+}
+// 递归删除树多余的节点
+function deepCheckedTreeNode(nodes) {
+    var arr = [];
+    for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        if (node.isChecked) {
+            if (node.children && Array.isArray(node.children)) {
+                node.children = deepCheckedTreeNode(node.children);
+            }
+            arr.push(node);
+        }
+    }
+    return arr;
+}
+// 根据选项获取到结果
+function getResultOptions(value, options, valueField) {
+    if (value === void 0) { value = []; }
+    var newOptions = cloneDeep(options);
+    var callBack = function (node) {
+        return !!(value || []).find(function (target) { return target[valueField] === node[valueField]; });
+    };
+    newOptions &&
+        newOptions.forEach(function (op) {
+            getDeep(op, callBack, [op], valueField);
+        });
+    return deepCheckedTreeNode(newOptions);
+}
+// 在包含回调函数情况下，遍历树
+function deepTree(nodes, cb) {
+    for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        cb(node);
+        if (node.children && Array.isArray(node.children)) {
+            deepTree(node.children, cb);
+        }
+    }
+}
+// 树的节点删除
+function deepDeleteTree(nodes, option, valueField) {
+    var arr = [];
+    for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        if (isEqual(node, option)) {
+            continue;
+        }
+        if (node.children && Array.isArray(node.children)) {
+            node.children = deepDeleteTree(node.children, option, valueField);
+        }
+        if ((node.children && node.children.length > 0) ||
+            node[valueField] !== undefined) {
+            arr.push(node);
+        }
+    }
+    return arr;
+}
+var BaseResultTreeList = /** @class */ (function (_super) {
+    __extends(BaseResultTreeList, _super);
+    function BaseResultTreeList() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            searching: false,
+            treeOptions: [],
+            searchTreeOptions: []
+        };
+        return _this;
+    }
+    BaseResultTreeList.itemRender = function (option) {
+        return React__default.createElement("span", null, "".concat(option.scopeLabel || '').concat(option.label));
+    };
+    BaseResultTreeList.getDerivedStateFromProps = function (props) {
+        var newOptions = getResultOptions(props.value, props.options, props.valueField);
+        return {
+            treeOptions: cloneDeep(newOptions)
+        };
+    };
+    BaseResultTreeList.prototype.domSearchRef = function (ref) {
+        while (ref && ref.getWrappedInstance) {
+            ref = ref.getWrappedInstance();
+        }
+        this.searchRef = ref;
+    };
+    // 删除非选中节点
+    BaseResultTreeList.prototype.deleteTreeChecked = function (option) {
+        var _b = this.props, _c = _b.value, value = _c === void 0 ? [] : _c, onChange = _b.onChange, valueField = _b.valueField;
+        var _d = this.state, searching = _d.searching, treeOptions = _d.treeOptions;
+        var temNode = [];
+        var cb = function (node) {
+            // 对比时去掉 parent，因为其无限嵌套
+            if (isEqual(omit(node, 'parent'), omit(option, 'parent'))) {
+                temNode = [node];
+            }
+        };
+        deepTree(treeOptions || [], cb);
+        var arr = [];
+        var cb2 = function (node) {
+            if (node.isChecked && node[valueField]) {
+                arr.push(node);
+            }
+        };
+        deepTree(temNode, cb2);
+        onChange &&
+            onChange(value.filter(function (item) {
+                return !arr.find(function (arrItem) {
+                    // 对比时去掉 parent，因为其无限嵌套，且不相等
+                    return isEqual(omit(arrItem, ['isChecked', 'childrens', 'parent']), omit(item, 'parent'));
+                });
+            }));
+        // 搜索时，重新生成树
+        searching && this.deleteResultTreeNode(option);
+    };
+    // 搜索树点击删除时，删除对应节点
+    BaseResultTreeList.prototype.deleteResultTreeNode = function (option) {
+        var arr = deepDeleteTree(cloneDeep(this.state.searchTreeOptions) || [], option, this.props.valueField);
+        this.setState({ searchTreeOptions: arr });
+    };
+    BaseResultTreeList.prototype.search = function (inputValue) {
+        // 结果为空，直接清空
+        if (!inputValue) {
+            this.clearSearch();
+            return;
+        }
+        var _b = this.props, valueField = _b.valueField, onSearch = _b.onSearch;
+        var temOptions = this.state.treeOptions || [];
+        var cb = function (node) {
+            node.isChecked = false;
+            return true;
+        };
+        deepTree(temOptions, cb);
+        var callBack = function (node) { return onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue, node); };
+        temOptions &&
+            temOptions.forEach(function (op) {
+                getDeep(op, callBack, [op], valueField);
+            });
+        this.setState({
+            searching: true,
+            searchTreeOptions: deepCheckedTreeNode(temOptions)
+        });
+    };
+    BaseResultTreeList.prototype.clearSearch = function () {
+        this.setState({
+            searching: false,
+            searchTreeOptions: []
+        });
+    };
+    BaseResultTreeList.prototype.clearInput = function () {
+        var _b, _c;
+        if (this.props.searchable) {
+            (_c = (_b = this.searchRef) === null || _b === void 0 ? void 0 : _b.clearInput) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+        this.clearSearch();
+    };
+    BaseResultTreeList.prototype.renderTree = function () {
+        var _this = this;
+        var _b = this.props, className = _b.className, cx = _b.classnames, value = _b.value, valueField = _b.valueField, itemRender = _b.itemRender, __ = _b.translate, placeholder = _b.placeholder, virtualThreshold = _b.virtualThreshold; _b.itemHeight; var loadingConfig = _b.loadingConfig, testIdBuilder = _b.testIdBuilder;
+        var _c = this.state, treeOptions = _c.treeOptions, searching = _c.searching, searchTreeOptions = _c.searchTreeOptions;
+        return (React__default.createElement("div", { className: cx('ResultTreeList', className) }, Array.isArray(value) && value.length ? (React__default.createElement(Tree, { className: cx('Transfer-tree'), options: !searching ? treeOptions : searchTreeOptions, valueField: valueField, value: [], onChange: noop, showIcon: false, itemRender: itemRender, removable: true, loadingConfig: loadingConfig, onDelete: function (option) { return _this.deleteTreeChecked(option); }, virtualThreshold: virtualThreshold, 
+            // itemHeight={itemHeight}
+            testIdBuilder: testIdBuilder })) : (React__default.createElement("div", { className: cx('Selections-placeholder') }, __(placeholder)))));
+    };
+    BaseResultTreeList.prototype.render = function () {
+        var _b = this.props, cx = _b.classnames, className = _b.className, title = _b.title, searchable = _b.searchable, __ = _b.translate, _c = _b.searchPlaceholder, searchPlaceholder = _c === void 0 ? __('Transfer.searchKeyword') : _c;
+        return (React__default.createElement("div", { className: cx('Selections', className) },
+            title ? React__default.createElement("div", { className: cx('Selections-title') }, title) : null,
+            searchable ? (React__default.createElement(TransferSearch, { ref: this.domSearchRef, placeholder: searchPlaceholder, onSearch: this.search, onCancelSearch: this.clearSearch })) : null,
+            this.renderTree()));
+    };
+    var _a;
+    _a = BaseResultTreeList;
+    BaseResultTreeList.defaultProps = {
+        placeholder: 'placeholder.selectData',
+        itemRender: _a.itemRender
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTreeList.prototype, "domSearchRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTreeList.prototype, "deleteTreeChecked", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTreeList.prototype, "search", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTreeList.prototype, "clearSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BaseResultTreeList.prototype, "clearInput", null);
+    return BaseResultTreeList;
+}(React__default.Component));
+var ResultTreeList = themeable(localeable(BaseResultTreeList));
+
+export { BaseResultTreeList, ResultTreeList as default };