amis-ui 2.0.0 → 2.1.0

package/lib/components/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var lodash = require('lodash');
+var _ = require('lodash');
 var amisCore = require('amis-core');
 var Selection = require('./Selection.js');
 var ResultList = require('./ResultList.js');
@@ -39,7 +39,7 @@ var Transfer = /** @class */ (function (_super) {
             resultSelectMode: 'list'
         };
         _this.unmounted = false;
-        _this.lazySearch = lodash.debounce(function () { return tslib.__awaiter(_this, void 0, void 0, function () {
+        _this.lazySearch = _.debounce(function () { return tslib.__awaiter(_this, void 0, void 0, function () {
             var inputValue, onSearch, result;
             var _this = this;
             return tslib.__generator(this, function (_a) {
@@ -177,8 +177,8 @@ var Transfer = /** @class */ (function (_super) {
     Transfer.prototype.handleSearchTreeChange = function (values, searchOptions) {
         var _a = this.props, onChange = _a.onChange, value = _a.value;
         var searchAvailableOptions = this.getFlattenArr(searchOptions);
-        var useArr = lodash.intersectionWith(searchAvailableOptions, values, function (a, b) { return a.value === b.value; });
-        var unuseArr = lodash.differenceWith(searchAvailableOptions, values, function (a, b) { return a.value === b.value; });
+        var useArr = _.intersectionWith(searchAvailableOptions, values, function (a, b) { return a.value === b.value; });
+        var unuseArr = _.differenceWith(searchAvailableOptions, values, function (a, b) { return a.value === b.value; });
         var newArr = [];
         Array.isArray(value) &&
             value.forEach(function (item) {
@@ -206,7 +206,7 @@ var Transfer = /** @class */ (function (_super) {
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { className: cx('Transfer-title', selectMode === 'table' ? 'Transfer-title--light' : '') },
                 React__default["default"].createElement("span", null,
-                    lodash.includes(['list', 'tree'], selectMode) ? (React__default["default"].createElement(Checkbox["default"], { checked: checkedPartial, partial: checkedPartial && !checkedAll, onChange: props.onToggleAll || this.toggleAll, size: "sm" })) : null,
+                    _.includes(['list', 'tree'], selectMode) ? (React__default["default"].createElement(Checkbox["default"], { checked: checkedPartial, partial: checkedPartial && !checkedAll, onChange: props.onToggleAll || this.toggleAll, size: "sm" })) : null,
                     __(selectTitle || 'Transfer.available'),
                     statistics !== false ? (React__default["default"].createElement("span", null,
                         "\uFF08",
@@ -214,7 +214,7 @@ var Transfer = /** @class */ (function (_super) {
                         "/",
                         this.availableOptions.length,
                         "\uFF09")) : null),
-                lodash.includes(['chained', 'associated'], selectMode) ? (React__default["default"].createElement("a", { onClick: props.onToggleAll || this.toggleAll, className: cx('Transfer-checkAll', disabled || !options.length ? 'is-disabled' : '') }, __('Select.checkAll'))) : null),
+                _.includes(['chained', 'associated'], selectMode) ? (React__default["default"].createElement("a", { onClick: props.onToggleAll || this.toggleAll, className: cx('Transfer-checkAll', disabled || !options.length ? 'is-disabled' : '') }, __('Select.checkAll'))) : null),
             onSearch ? (React__default["default"].createElement("div", { className: cx('Transfer-search') },
                 React__default["default"].createElement(InputBox["default"], { value: this.state.inputValue, onChange: this.handleSearch, clearable: false, onKeyDown: this.handleSearchKeyDown, placeholder: searchPlaceholder }, this.state.searchResult !== null ? (React__default["default"].createElement("a", { onClick: this.handleSeachCancel },
                     React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" }))) : (React__default["default"].createElement(icons.Icon, { icon: "search", className: "icon" }))))) : null,
@@ -242,7 +242,14 @@ var Transfer = /** @class */ (function (_super) {
         var _b = this.state, resultSelectMode = _b.resultSelectMode, isTreeDeferLoad = _b.isTreeDeferLoad;
         var searchable = !isTreeDeferLoad && resultSearchable;
         var placeholder = resultSearchPlaceholder || __('Transfer.selectFromLeft');
-        return resultSelectMode === 'table' ? (React__default["default"].createElement(ResultTableList["default"], { classnames: cx, columns: columns, options: options || [], value: value, disabled: disabled, option2value: option2value, cellRender: cellRender, onChange: onChange, multiple: false, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch })) : resultSelectMode === 'tree' ? (React__default["default"].createElement(ResultTreeList["default"], { classnames: cx, options: options, valueField: 'value', value: value || [], onChange: onChange, itemRender: resultItemRender, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch })) : (React__default["default"].createElement(ResultList["default"], { className: cx('Transfer-value'), sortable: sortable, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, itemRender: resultItemRender, searchable: searchable, onSearch: onResultSearch }));
+        switch (resultSelectMode) {
+            case 'table':
+                return (React__default["default"].createElement(ResultTableList["default"], { classnames: cx, columns: columns, options: options || [], value: value, disabled: disabled, option2value: option2value, cellRender: cellRender, onChange: onChange, multiple: false, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch }));
+            case 'tree':
+                return (React__default["default"].createElement(ResultTreeList["default"], { classnames: cx, className: cx('Transfer-value'), options: options, valueField: 'value', value: value || [], onChange: onChange, itemRender: resultItemRender, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch }));
+            default:
+                return (React__default["default"].createElement(ResultList["default"], { className: cx('Transfer-value'), sortable: sortable, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, itemRender: resultItemRender, searchable: searchable, onSearch: onResultSearch }));
+        }
     };
     Transfer.prototype.render = function () {
         var _a = this.props, inline = _a.inline, cx = _a.classnames, className = _a.className, value = _a.value, resultTitle = _a.resultTitle, options = _a.options, option2value = _a.option2value, disabled = _a.disabled, statistics = _a.statistics, showArrow = _a.showArrow, resultListModeFollowSelect = _a.resultListModeFollowSelect, _b = _a.selectMode, selectMode = _b === void 0 ? 'list' : _b, __ = _a.translate;