amis-ui 2.1.1-beta.2 → 2.3.0

package/lib/components/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
@@ -169,7 +169,7 @@ var UserSelect = /** @class */ (function (_super) {
         var _b = this.props, options = _b.options, value = _b.value;
         if (prevProps.options !== options) {
             if (options &&
-                options.length === 1 &&
+                options.length &&
                 options[0].leftOptions &&
                 Array.isArray(options[0].children)) {
                 var leftOptions = options[0].leftOptions;
@@ -266,10 +266,10 @@ var UserSelect = /** @class */ (function (_super) {
         this.sortable && this.sortable.destroy();
     };
     UserSelect.prototype.onOpen = function () {
-        var selection = this.state.selection;
+        var selection = this.props.selection;
         this.setState({
             isOpened: true,
-            tempSelection: selection.slice()
+            selection: selection || []
         });
     };
     UserSelect.prototype.handleBack = function () {
@@ -278,6 +278,7 @@ var UserSelect = /** @class */ (function (_super) {
             inputValue: '',
             isSearch: false,
             searchList: [],
+            selection: [],
             breadList: []
         });
     };
@@ -327,6 +328,8 @@ var UserSelect = /** @class */ (function (_super) {
         // 直接替换的option 肯定是数组
         if (isReplace) {
             selection = option;
+            // ResultBox 删除场景
+            onChange(selection);
         }
         else {
             var selectionVals = selection.map(function (option) { return option[valueField]; });
@@ -343,23 +346,35 @@ var UserSelect = /** @class */ (function (_super) {
                 }
             }
         }
-        onChange(multiple ? selection : selection === null || selection === void 0 ? void 0 : selection[0]);
+        // onChange(multiple ? selection : selection?.[0]);
         this.setState({
             selection: selection
         });
         return false;
     };
+    UserSelect.prototype.handleSubmit = function () {
+        var _a = this.props, onChange = _a.onChange, multiple = _a.multiple;
+        var selection = this.state.selection;
+        var value = multiple ? selection : selection === null || selection === void 0 ? void 0 : selection[0];
+        onChange(value);
+        this.handleBack();
+    };
     UserSelect.prototype.onDelete = function (option, isTemp) {
         if (isTemp === void 0) { isTemp = false; }
-        var _a = this.props.valueField, valueField = _a === void 0 ? 'value' : _a;
-        var _b = this.state, tempSelection = _b.tempSelection, selection = _b.selection;
+        var _a = this.props, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, controlled = _a.controlled, onChange = _a.onChange;
+        var _c = this.state, tempSelection = _c.tempSelection, selection = _c.selection;
         var _selection = isTemp ? tempSelection : selection;
         _selection = _selection.filter(function (item) { return item[valueField] !== option[valueField]; });
         if (isTemp) {
             this.setState({ tempSelection: _selection });
         }
         else {
-            this.setState({ selection: _selection });
+            if (controlled) {
+                onChange(option, false, true);
+            }
+            else {
+                this.setState({ selection: _selection });
+            }
         }
     };
     UserSelect.prototype.handleBreadChange = function (option, index) {
@@ -368,6 +383,16 @@ var UserSelect = /** @class */ (function (_super) {
             breadList: breadList
         });
     };
+    UserSelect.prototype.handleSort = function () {
+        var _a;
+        var controlled = this.props.controlled;
+        this.setState({
+            isSelectOpened: true,
+            tempSelection: controlled
+                ? ((_a = this.props.selection) === null || _a === void 0 ? void 0 : _a.slice()) || []
+                : this.state.selection.slice()
+        });
+    };
     UserSelect.prototype.handleEdit = function () {
         var _a = this.props, multiple = _a.multiple, onChange = _a.onChange, controlled = _a.controlled;
         var _b = this.state, isEdit = _b.isEdit, tempSelection = _b.tempSelection;
@@ -394,12 +419,28 @@ var UserSelect = /** @class */ (function (_super) {
             });
         }
     };
+    UserSelect.prototype.handleClear = function () {
+        this.setState({ tempSelection: [] });
+    };
+    UserSelect.prototype.getResult = function () {
+        var _a;
+        var _b = this.props, _c = _b.valueField, valueField = _c === void 0 ? 'value' : _c, _d = _b.labelField, labelField = _d === void 0 ? 'label' : _d, _e = _b.options, options = _e === void 0 ? [] : _e;
+        var _selection = ((_a = this.props.selection) === null || _a === void 0 ? void 0 : _a.slice()) || [];
+        amisCore.eachTree(options, function (item) {
+            var res = _selection.find(function (item2) { return item2[valueField] === item[valueField]; });
+            if (res) {
+                res[labelField] = item[labelField];
+            }
+        });
+        return _selection;
+    };
     UserSelect.prototype.renderIcon = function (option, isSelect) {
-        var _a = this.props, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, cx = _a.classnames, isRef = _a.isRef;
+        var _a;
+        var _b = this.props, _c = _b.labelField, labelField = _c === void 0 ? 'label' : _c, cx = _b.classnames, isRef = _b.isRef;
         var isSearch = this.state.isSearch;
         if (!option.icon) {
             if (option.isRef || ((isSearch || isSelect) && isRef)) {
-                return (React__default["default"].createElement("span", { className: cx('UserSelect-text-userPic') }, option[labelField].slice(0, 1)));
+                return (React__default["default"].createElement("span", { className: cx('UserSelect-text-userPic') }, (_a = option[labelField]) === null || _a === void 0 ? void 0 : _a.slice(0, 1)));
             }
             else {
                 // 没有icon默认返回部门图标
@@ -489,11 +530,9 @@ var UserSelect = /** @class */ (function (_super) {
     };
     UserSelect.prototype.renderContent = function () {
         var _this = this;
-        var _a = this.props, navTitle = _a.navTitle, showNav = _a.showNav, searchable = _a.searchable, searchPlaceholder = _a.searchPlaceholder, controlled = _a.controlled, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, _c = _a.valueField, valueField = _c === void 0 ? 'value' : _c, cx = _a.classnames; _a.translate;
+        var _a = this.props, navTitle = _a.navTitle, showNav = _a.showNav, searchable = _a.searchable, searchPlaceholder = _a.searchPlaceholder, controlled = _a.controlled, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, _c = _a.valueField, valueField = _c === void 0 ? 'value' : _c, cx = _a.classnames, __ = _a.translate;
         var _d = this.state, breadList = _d.breadList, options = _d.options, isSearch = _d.isSearch, searchList = _d.searchList, searchLoading = _d.searchLoading;
-        var selection = controlled
-            ? this.props.selection || []
-            : this.state.selection;
+        var selection = controlled ? this.props.selection : this.state.selection;
         return (React__default["default"].createElement("div", { className: cx("UserSelect-wrap") },
             showNav ? (React__default["default"].createElement("div", { className: cx('UserSelect-navbar') },
                 React__default["default"].createElement("span", { className: "left-arrow-box", onClick: this.handleBack },
@@ -519,12 +558,7 @@ var UserSelect = /** @class */ (function (_super) {
                         React__default["default"].createElement("span", { className: cx('UserSelect-selectList-item-closeBox'), onClick: function () { return _this.onDelete(item); } },
                             React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" }))));
                 })),
-                React__default["default"].createElement("span", { className: cx('UserSelect-selectSort-box'), onClick: function () {
-                        return _this.setState({
-                            isSelectOpened: true,
-                            tempSelection: selection.slice()
-                        });
-                    } },
+                React__default["default"].createElement("span", { className: cx('UserSelect-selectSort-box'), onClick: this.handleSort },
                     React__default["default"].createElement(icons.Icon, { icon: "menu", className: cx('UserSelect-selectSort', 'icon') })))) : null,
             isSearch ? (searchLoading ? (React__default["default"].createElement("div", { className: cx("UserSelect-searchLoadingBox") },
                 React__default["default"].createElement(Spinner["default"], null))) : (React__default["default"].createElement("div", { className: cx('UserSelect-searchResult') }, this.renderList(searchList, -1, true)))) : (React__default["default"].createElement("div", { className: cx("UserSelect-contentBox") },
@@ -539,15 +573,16 @@ var UserSelect = /** @class */ (function (_super) {
                         var hasChildren = Array.isArray(children) && children;
                         return hasChildren ? (_this.renderList(children, option[valueField])) : (React__default["default"].createElement("div", { className: cx("UserSelect-spinnerBox"), key: index },
                             React__default["default"].createElement(Spinner["default"], null)));
-                    }))))));
+                    })))),
+            !controlled ? (React__default["default"].createElement("div", { className: cx('UserSelect-footer') },
+                React__default["default"].createElement("button", { type: "button", className: cx('Button Button--md Button--primary'), onClick: this.handleSubmit }, __('UserSelect.sure')))) : null));
     };
     UserSelect.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, __ = _a.translate, _b = _a.placeholder, placeholder = _b === void 0 ? '请选择' : _b, showResultBox = _a.showResultBox, controlled = _a.controlled; _a.onChange;
-        var _c = this.state, isOpened = _c.isOpened, tempSelection = _c.tempSelection, isSelectOpened = _c.isSelectOpened, isEdit = _c.isEdit;
-        var selection = controlled ? this.props.selection : this.state.selection;
+        var _a = this.props, cx = _a.classnames, __ = _a.translate, _b = _a.placeholder, placeholder = _b === void 0 ? '请选择' : _b, showResultBox = _a.showResultBox;
+        var _c = this.state, isOpened = _c.isOpened, isEdit = _c.isEdit, isSelectOpened = _c.isSelectOpened;
         return (React__default["default"].createElement("div", { className: cx('UserSelect') },
-            showResultBox ? (React__default["default"].createElement(ResultBox["default"], { className: cx('UserSelect-input', isOpened ? 'is-active' : ''), allowInput: false, result: selection, onResultChange: function (value) { return _this.handleSelectChange(value, true); }, onResultClick: this.onOpen, placeholder: placeholder, useMobileUI: true })) : null,
+            showResultBox ? (React__default["default"].createElement(ResultBox["default"], { className: cx('UserSelect-input', isOpened ? 'is-active' : ''), allowInput: false, result: this.getResult(), onResultChange: function (value) { return _this.handleSelectChange(value, true); }, onResultClick: this.onOpen, placeholder: placeholder, useMobileUI: true })) : null,
             showResultBox ? (React__default["default"].createElement(PopUp["default"], { isShow: isOpened, className: cx("UserSelect-popup"), onHide: this.onClose, showClose: false }, this.renderContent())) : (this.renderContent()),
             React__default["default"].createElement(PopUp["default"], { isShow: isSelectOpened, className: cx("UserSelect-selectPopup"), onHide: function () {
                     return _this.setState({
@@ -569,8 +604,8 @@ var UserSelect = /** @class */ (function (_super) {
                     React__default["default"].createElement("div", { className: cx('UserSelect-selectList-box') },
                         React__default["default"].createElement("div", { className: cx('UserSelect-select-head') },
                             React__default["default"].createElement("span", { className: cx('UserSelect-select-head-text') }, __('UserSelect.selected')),
-                            isEdit ? (React__default["default"].createElement("span", { className: cx('UserSelect-select-head-btnClear'), onClick: function () { return _this.setState({ tempSelection: [] }); } }, __('UserSelect.clear'))) : null),
-                        this.renderselectList(tempSelection))))));
+                            isEdit ? (React__default["default"].createElement("span", { className: cx('UserSelect-select-head-btnClear'), onClick: this.handleClear }, __('UserSelect.clear'))) : null),
+                        this.renderselectList(this.state.tempSelection))))));
     };
     UserSelect.defaultProps = {
         showResultBox: true,
@@ -625,6 +660,12 @@ var UserSelect = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object, Boolean]),
         tslib.__metadata("design:returntype", void 0)
     ], UserSelect.prototype, "handleSelectChange", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], UserSelect.prototype, "handleSubmit", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
@@ -637,12 +678,30 @@ var UserSelect = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object, Number]),
         tslib.__metadata("design:returntype", void 0)
     ], UserSelect.prototype, "handleBreadChange", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], UserSelect.prototype, "handleSort", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
     ], UserSelect.prototype, "handleEdit", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], UserSelect.prototype, "handleClear", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], UserSelect.prototype, "getResult", null);
     return UserSelect;
 }(React__default["default"].Component));
 var UserSelect$1 = amisCore.themeable(amisCore.localeable(UserSelect));

package/lib/components/UserTabSelect.d.ts

@@ -37,7 +37,6 @@ export interface UserTabSelectState {
     inputValue: string;
     breadList: Array<any>;
     options: Array<Option>;
-    tempSelection: Array<Option>;
     selection: Array<Option>;
     searchList: Array<Option>;
     searchLoading: boolean;
@@ -55,13 +54,267 @@ export declare class UserTabSelect extends React.Component<UserTabSelectProps, U
     componentWillUnmount(): void;
     onClose(): void;
     onOpen(): void;
-    handleBack(): void;
-    handleSelectChange(option: Option | Array<Option>, isReplace?: boolean): boolean;
+    handleSubmit(): void;
+    handleSelectChange(option: Option | Array<Option>, isReplace?: boolean, isDelete?: boolean): boolean;
+    handleImmediateChange(option: Array<Option>): void;
     handleTabChange(key: number): void;
+    getResult(): Option[];
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
-    ComposedComponent: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof UserTabSelect>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof UserTabSelect, {}> & {
+        ComposedComponent: typeof UserTabSelect;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof UserTabSelect>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof UserTabSelect, {}> & {
+    ComposedComponent: typeof UserTabSelect;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "data" | "multiple" | "placeholder" | "onChange" | "deferLoad" | "labelField" | "valueField" | "selection" | "onSearch" | "tabOptions"> & Partial<Pick<Omit<UserTabSelectProps, keyof LocaleProps>, never>> & Partial<Pick<{}, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof UserTabSelect>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof UserTabSelect, {}> & {
         ComposedComponent: typeof UserTabSelect;
     };
 };