amis-ui 3.1.1 → 3.3.0

package/esm/components/Select.js

@@ -1,10 +1,10 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign, __spreadArray, __read, __decorate, __metadata, __rest } from 'tslib';
-import { isMobile, Overlay, PopOver, noop, ucFirst, autobind, themeable, localeable, uncontrollable, normalizeNodePath, isObject, findTree, highlight } from 'amis-core';
+import { normalizeNodePath, isObject, findTree, isMobile, Overlay, PopOver, noop, ucFirst, autobind, themeable, localeable, uncontrollable, highlight } from 'amis-core';
 import React__default from 'react';
 import isInteger from 'lodash/isInteger';
 import omit from 'lodash/omit';
@@ -20,8 +20,8 @@ import Checkbox from './Checkbox.js';
 import Input from './Input.js';
 import Spinner from './Spinner.js';
 import { withRemoteConfig } from './WithRemoteConfig.js';
-import PopUp from './PopUp.js';
 import { PopOverContainer } from './PopOverContainer.js';
+import SelectMobile from './SelectMobile.js';
 
 /**
  * @file Select
@@ -29,7 +29,9 @@ import { PopOverContainer } from './PopOverContainer.js';
  * @author fex
  * @date 2017-11-07
  */
-var defaultFilterOption = function (options, inputValue, option) { return matchSorter(options, inputValue, option); };
+var defaultFilterOption = function (options, inputValue, option) {
+    return matchSorter(options, inputValue, __assign({ threshold: matchSorter.rankings.CONTAINS }, option));
+};
 function value2array(value, props, enableNodePath) {
     if (enableNodePath === void 0) { enableNodePath = false; }
     if (enableNodePath) {
@@ -403,7 +405,7 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.renderValue = function (_a) {
         var _this = this;
         _a.inputValue; _a.isOpen;
-        var _b = this.props, cx = _b.classnames, multiple = _b.multiple, valuesNoWrap = _b.valuesNoWrap, placeholder = _b.placeholder, labelField = _b.labelField, disabled = _b.disabled, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, showInvalidMatch = _b.showInvalidMatch, renderValueLabel = _b.renderValueLabel, __ = _b.translate;
+        var _b = this.props, cx = _b.classnames, multiple = _b.multiple, valuesNoWrap = _b.valuesNoWrap, placeholder = _b.placeholder, labelField = _b.labelField, disabled = _b.disabled, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, showInvalidMatch = _b.showInvalidMatch, renderValueLabel = _b.renderValueLabel, popOverContainer = _b.popOverContainer, __ = _b.translate;
         var selection = this.state.selection;
         if (!selection.length) {
             return (React__default.createElement("div", { key: "placeholder", className: cx('Select-placeholder') }, __(placeholder)));
@@ -419,7 +421,7 @@ var Select = /** @class */ (function (_super) {
                 { label: "+ ".concat(selection.length - maxVisibleCount_1, " ...") }
             ], false).map(function (item, index) {
                 if (index === maxVisibleCount_1) {
-                    return (React__default.createElement(TooltipWrapper, { key: selection.length, tooltip: __assign(__assign({}, tooltipProps_1), { children: function () { return (React__default.createElement("div", { className: cx('Select-overflow-wrapper') }, selection
+                    return (React__default.createElement(TooltipWrapper, { key: selection.length, container: popOverContainer, tooltip: __assign(__assign({}, tooltipProps_1), { children: function () { return (React__default.createElement("div", { className: cx('Select-overflow-wrapper') }, selection
                                 .slice(maxVisibleCount_1, selection.length)
                                 .map(function (item, index) {
                                 var itemIndex = index + maxVisibleCount_1;
@@ -447,7 +449,7 @@ var Select = /** @class */ (function (_super) {
                                 ? renderValueLabel(item)
                                 : item[labelField || 'label']))));
                 }
-                return (React__default.createElement(TooltipWrapper, { placement: 'top', tooltip: item[labelField || 'label'], trigger: 'hover', key: index },
+                return (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item[labelField || 'label'], trigger: 'hover', key: index },
                     React__default.createElement("div", { className: cx('Select-value', {
                             'is-disabled': disabled,
                             'is-invalid': showInvalidMatch ? item.__unmatched : false
@@ -470,7 +472,7 @@ var Select = /** @class */ (function (_super) {
                     ? renderValueLabel(item)
                     : item[labelField || 'label']));
             }
-            return valuesNoWrap ? ("".concat(item[labelField || 'label']).concat(index === selection.length - 1 ? '' : ' + ')) : (React__default.createElement(TooltipWrapper, { placement: 'top', tooltip: item[labelField || 'label'], trigger: 'hover', key: index },
+            return valuesNoWrap ? ("".concat(item[labelField || 'label']).concat(index === selection.length - 1 ? '' : ' + ')) : (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item[labelField || 'label'], trigger: 'hover', key: index },
                 React__default.createElement("div", { className: cx('Select-value', {
                         'is-disabled': disabled,
                         'is-invalid': showInvalidMatch ? item.__unmatched : false
@@ -598,7 +600,12 @@ var Select = /** @class */ (function (_super) {
                     : filtedOptions.length * virtualItemHeight, itemCount: filtedOptions.length, itemSize: virtualItemHeight, renderItem: renderItem })) : (filtedOptions.map(function (item, index) {
                 return renderItem({ index: index });
             }))) : (React__default.createElement("div", { className: cx('Select-noResult') }, __(noResultsText)))));
-        return mobileUI ? (React__default.createElement(PopUp, { className: cx("Select-popup"), container: popOverContainer, isShow: this.state.isOpen, onHide: this.close }, menu)) : (React__default.createElement(Overlay, { container: popOverContainer || this.getTarget, containerSelector: popOverContainerSelector, target: this.getTarget, placement: overlayPlacement === 'auto'
+        return mobileUI ? (React__default.createElement(SelectMobile, __assign({}, this.props, { highlightedIndex: highlightedIndex, isOpen: isOpen, getItemProps: getItemProps, getInputProps: getInputProps, selectedItem: selectedItem, onChange: function (selection) {
+                _this.setState({
+                    isOpen: false
+                });
+                _this.props.onChange(selection);
+            }, onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getTarget, containerSelector: popOverContainerSelector, target: this.getTarget, placement: overlayPlacement === 'auto'
                 ? PopOverContainer.alignToPlacement(overlay)
                 : overlayPlacement, show: true },
             React__default.createElement(PopOver, { overlay: true, className: cx('Select-popover'), style: {

package/esm/components/SelectMobile.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Option, SelectProps } from './Select';
+interface SelectState {
+    isFocused: boolean;
+    inputValue: string;
+    itemHeight: number;
+    selection: Array<Option>;
+}
+interface Props extends SelectProps {
+    isOpen: boolean;
+    highlightedIndex: any;
+    selectedItem: any;
+    getInputProps: (...params: any) => any;
+    getItemProps: (...params: any) => any;
+    onClose: () => void;
+}
+export default class SelectMobile extends React.Component<Props, SelectState> {
+    input: HTMLInputElement;
+    target: HTMLElement;
+    constructor(props: Props);
+    handleChange([item]: any): void;
+    handleInputChange(evt: React.ChangeEvent<HTMLInputElement>): void;
+    getTarget(): HTMLElement;
+    inputRef(ref: HTMLInputElement): void;
+    toggleCheckAll(): void;
+    handleAddClick(): void;
+    handleEditClick(e: Event, item: any): void;
+    handleDeleteClick(e: Event, item: any): void;
+    onFocus(e: any): void;
+    onBlur(e: any): void;
+    focus(): void;
+    blur(): void;
+    clearSearchValue(): void;
+    onConfirm(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/esm/components/SelectMobile.js

@@ -0,0 +1,362 @@
+/**
+ * amis-ui v3.3.0
+ * Copyright 2018-2023 fex
+ */
+
+import { __extends, __read, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { findDOMNode } from 'react-dom';
+import Picker from './Picker.js';
+import PopUp from './PopUp.js';
+import { autobind, highlight } from 'amis-core';
+import merge from 'lodash/merge';
+import { matchSorter } from 'match-sorter';
+import { value2array } from './Select.js';
+import VirtualList from './virtual-list/index.js';
+import Checkbox from './Checkbox.js';
+import Input from './Input.js';
+import { Icon } from './icons.js';
+
+var SelectMobile = /** @class */ (function (_super) {
+    __extends(SelectMobile, _super);
+    function SelectMobile(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            selection: value2array(props.value, props),
+            isFocused: false,
+            inputValue: '',
+            itemHeight: 32 /** Select选项高度保持一致 */
+        };
+        return _this;
+    }
+    SelectMobile.prototype.handleChange = function (_a) {
+        var _b = __read(_a, 1), item = _b[0];
+        var _c = this.props; _c.onChange; var multiple = _c.multiple; _c.simpleValue; var valueField = _c.valueField, options = _c.options;
+        var selection = this.state.selection;
+        // 单选是字符串
+        var selectItem = options.find(function (option) {
+            return multiple
+                ? option[valueField] === item[valueField]
+                : option[valueField] === item;
+        });
+        if (multiple) {
+            var selectionValues = selection.map(function (item) { return item[valueField]; });
+            selection = selection.concat();
+            var idx = selectionValues.indexOf(selectItem === null || selectItem === void 0 ? void 0 : selectItem[valueField]);
+            if (~idx) {
+                selection.splice(idx, 1);
+            }
+            else {
+                selectItem && selection.push(selectItem);
+            }
+            this.setState({
+                selection: selection
+            });
+        }
+        else {
+            this.setState({
+                selection: selectItem ? [selectItem] : []
+            });
+        }
+    };
+    SelectMobile.prototype.handleInputChange = function (evt) {
+        var _this = this;
+        var loadOptions = this.props.loadOptions;
+        this.setState({
+            inputValue: evt.currentTarget.value
+        }, function () { return loadOptions && loadOptions(_this.state.inputValue); });
+    };
+    SelectMobile.prototype.getTarget = function () {
+        if (!this.target) {
+            this.target = findDOMNode(this);
+        }
+        return this.target;
+    };
+    SelectMobile.prototype.inputRef = function (ref) {
+        this.input = ref;
+    };
+    SelectMobile.prototype.toggleCheckAll = function () {
+        var _a = this.props, options = _a.options; _a.onChange; _a.simpleValue; var checkAllBySearch = _a.checkAllBySearch, labelField = _a.labelField, valueField = _a.valueField;
+        var inputValue = this.state.inputValue;
+        var selection = this.state.selection;
+        var filtedOptions = inputValue && checkAllBySearch !== false
+            ? matchSorter(options, inputValue, {
+                keys: [labelField || 'label', valueField || 'value']
+            })
+            : options.concat();
+        var optionsValues = filtedOptions.map(function (option) { return option.value; });
+        var selectionValues = selection.map(function (select) { return select.value; });
+        var checkedAll = optionsValues.every(function (option) { return selectionValues.indexOf(option) > -1; });
+        selection = checkedAll ? [] : filtedOptions;
+        this.setState({ selection: selection });
+    };
+    SelectMobile.prototype.handleAddClick = function () {
+        var onAdd = this.props.onAdd;
+        onAdd && onAdd();
+    };
+    SelectMobile.prototype.handleEditClick = function (e, item) {
+        var onEdit = this.props.onEdit;
+        e.preventDefault();
+        e.stopPropagation();
+        onEdit && onEdit(item);
+    };
+    SelectMobile.prototype.handleDeleteClick = function (e, item) {
+        var onDelete = this.props.onDelete;
+        e.preventDefault();
+        e.stopPropagation();
+        onDelete && onDelete(item);
+    };
+    SelectMobile.prototype.onFocus = function (e) {
+        var simpleValue = this.props.simpleValue;
+        var selection = this.state.selection;
+        var value = simpleValue ? selection.map(function (item) { return item.value; }) : selection;
+        this.props.disabled ||
+            this.props.isOpen ||
+            this.setState({
+                isFocused: true
+            }, this.focus);
+        this.props.onFocus &&
+            this.props.onFocus(__assign(__assign({}, e), { value: value }));
+    };
+    SelectMobile.prototype.onBlur = function (e) {
+        var simpleValue = this.props.simpleValue;
+        var selection = this.state.selection;
+        var value = simpleValue ? selection.map(function (item) { return item.value; }) : selection;
+        this.setState({
+            isFocused: false
+        });
+        this.props.onBlur &&
+            this.props.onBlur(__assign(__assign({}, e), { value: value }));
+    };
+    SelectMobile.prototype.focus = function () {
+        this.input
+            ? this.input.focus()
+            : this.getTarget() && this.getTarget().focus();
+    };
+    SelectMobile.prototype.blur = function () {
+        this.input
+            ? this.input.blur()
+            : this.getTarget() && this.getTarget().blur();
+    };
+    SelectMobile.prototype.clearSearchValue = function () {
+        var loadOptions = this.props.loadOptions;
+        this.setState({
+            inputValue: ''
+        }, function () { return loadOptions === null || loadOptions === void 0 ? void 0 : loadOptions(''); });
+    };
+    SelectMobile.prototype.onConfirm = function () {
+        var _a, _b;
+        var selection = this.state.selection;
+        var _c = this.props, multiple = _c.multiple, onChange = _c.onChange, simpleValue = _c.simpleValue, valueField = _c.valueField, options = _c.options, loadOptions = _c.loadOptions, labelField = _c.labelField;
+        if (multiple) {
+            onChange(simpleValue ? selection.map(function (item) { return item[valueField]; }) : selection);
+        }
+        else {
+            var inputValue = this.state.inputValue;
+            var filtedOptions = (inputValue && !loadOptions
+                ? matchSorter(options, inputValue, {
+                    keys: [labelField || 'label', valueField || 'value']
+                })
+                : options.concat()).filter(function (option) { return !option.hidden && option.visible !== false; });
+            // picker 打开未滑动时选中第一项
+            if (!selection.length && filtedOptions.length) {
+                onChange(simpleValue ? (_a = filtedOptions[0]) === null || _a === void 0 ? void 0 : _a[valueField] : filtedOptions[0]);
+            }
+            else {
+                onChange(simpleValue ? (_b = selection[0]) === null || _b === void 0 ? void 0 : _b[valueField] : selection[0]);
+            }
+        }
+    };
+    SelectMobile.prototype.render = function () {
+        var _this = this;
+        var _a;
+        var _b = this.props, popOverContainer = _b.popOverContainer, options = _b.options, valueField = _b.valueField, labelField = _b.labelField, noResultsText = _b.noResultsText, loadOptions = _b.loadOptions, multiple = _b.multiple, valuesNoWrap = _b.valuesNoWrap, cx = _b.classnames, checkAll = _b.checkAll, checkAllLabel = _b.checkAllLabel, checkAllBySearch = _b.checkAllBySearch, searchable = _b.searchable, disabled = _b.disabled, searchPromptText = _b.searchPromptText, __ = _b.translate, hideSelected = _b.hideSelected, renderMenu = _b.renderMenu, _c = _b.virtualThreshold, virtualThreshold = _c === void 0 ? 100 : _c, isOpen = _b.isOpen, onClose = _b.onClose, getInputProps = _b.getInputProps, getItemProps = _b.getItemProps, selectedItem = _b.selectedItem;
+        var selection = this.state.selection;
+        var inputValue = this.state.inputValue;
+        var checkedAll = false;
+        var checkedPartial = false;
+        var filtedOptions = (inputValue && isOpen && !loadOptions
+            ? matchSorter(options, inputValue, {
+                keys: [labelField || 'label', valueField || 'value']
+            })
+            : options.concat()).filter(function (option) {
+            return !option.hidden &&
+                option.visible !== false &&
+                option[labelField || 'label'];
+        });
+        var enableVirtualRender = filtedOptions.length && filtedOptions.length > virtualThreshold;
+        var selectionValues = selection.map(function (select) { return select[valueField]; });
+        if (multiple && checkAll) {
+            var optionsValues = (checkAllBySearch !== false ? filtedOptions : options).map(function (option) { return option[valueField]; });
+            checkedAll = optionsValues.every(function (option) { return selectionValues.indexOf(option) > -1; });
+            checkedPartial = optionsValues.some(function (option) { return selectionValues.indexOf(option) > -1; });
+        }
+        // 用于虚拟渲染的每项高度
+        var virtualItemHeight = this.props.itemHeight || this.state.itemHeight;
+        // 渲染单个选项
+        var renderItem = function (_a) {
+            var index = _a.index, style = _a.style;
+            var item = filtedOptions[index];
+            if (!item) {
+                return null;
+            }
+            var checked = selectedItem === item || !!~selectionValues.indexOf(item[valueField]);
+            if (hideSelected && checked) {
+                return null;
+            }
+            return (React__default.createElement("div", __assign({}, getItemProps({
+                key: typeof item.value === 'string'
+                    ? "".concat(item.label, "-").concat(item.value)
+                    : index,
+                index: index,
+                item: item,
+                disabled: item.disabled
+            }), { style: merge(style, enableVirtualRender ? { width: '100%' } : {}), className: cx("Select-option", {
+                    'is-disabled': item.disabled,
+                    'is-active': checked,
+                    'is-mobile': true
+                }) }), renderMenu ? (multiple ? (renderMenu(item, {
+                multiple: multiple,
+                checkAll: checkAll,
+                checked: checked,
+                onChange: function () { return _this.handleChange(item); },
+                inputValue: inputValue || '',
+                searchable: searchable,
+                index: index
+            })) : (renderMenu(item, {
+                multiple: multiple,
+                checkAll: checkAll,
+                checked: checked,
+                onChange: function () { return _this.handleChange(item); },
+                inputValue: inputValue || '',
+                searchable: searchable,
+                index: index
+            }))) : multiple ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("div", { title: item[labelField], className: cx('Select-option-item-check'), onClick: function () { return !item.disabled && _this.handleChange([item]); } },
+                    item.disabled
+                        ? item[labelField]
+                        : highlight(item[labelField], inputValue, cx('Select-option-hl')),
+                    item.tip),
+                checked ? (React__default.createElement(Icon, { icon: "check", className: cx('Select-option-mcheck') })) : null)) : (React__default.createElement("span", { className: cx('Select-option-content'), title: typeof item[labelField] === 'string' ? item[labelField] : '' },
+                item.disabled
+                    ? item[labelField]
+                    : highlight(item[labelField], inputValue, cx('Select-option-hl')),
+                item.tip))));
+        };
+        var menu = (React__default.createElement("div", { className: cx('Select-menu', {
+                'Select--longlist': enableVirtualRender,
+                'is-mobile': true
+            }) },
+            searchable ? (React__default.createElement("div", { className: cx("Select-input", {
+                    'is-focused': this.state.isFocused
+                }) },
+                React__default.createElement(Icon, { icon: "search", className: "icon" }),
+                React__default.createElement(Input, __assign({}, getInputProps({
+                    onFocus: this.onFocus,
+                    onBlur: this.onBlur,
+                    disabled: disabled,
+                    placeholder: __(searchPromptText),
+                    onChange: this.handleInputChange,
+                    ref: this.inputRef
+                }))),
+                (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) ? (React__default.createElement("a", { onClick: this.clearSearchValue, className: cx('Select-clear') },
+                    React__default.createElement(Icon, { icon: "close", className: "icon" }))) : null)) : null,
+            multiple && valuesNoWrap ? (React__default.createElement("div", { className: cx('Select-option') },
+                "\u5DF2\u9009\u62E9(",
+                selectionValues.length,
+                ")")) : null,
+            multiple && checkAll && filtedOptions.length ? (React__default.createElement("div", { className: cx('Select-option') },
+                React__default.createElement(Checkbox, { checked: checkedPartial, partial: checkedPartial && !checkedAll, onChange: this.toggleCheckAll, size: "sm" }, __(checkAllLabel)))) : null,
+            filtedOptions.length ? (filtedOptions.length > virtualThreshold ? ( // 较多数据时才启用 virtuallist，避免滚动条问题
+            React__default.createElement(VirtualList, { height: filtedOptions.length > 8
+                    ? 266
+                    : filtedOptions.length * virtualItemHeight, itemCount: filtedOptions.length, itemSize: virtualItemHeight, renderItem: renderItem })) : (filtedOptions.map(function (item, index) {
+                return renderItem({ index: index });
+            }))) : (React__default.createElement("div", { className: cx('Select-noResult') }, __(noResultsText)))));
+        return (React__default.createElement(PopUp, { className: cx("Select-popup"), container: popOverContainer, isShow: isOpen, showConfirm: true, onConfirm: this.onConfirm, onHide: onClose }, multiple ? (menu) : (React__default.createElement(Picker, { className: 'Select-picker', columns: {
+                options: filtedOptions,
+                optionRender: renderMenu
+            }, onChange: function (item) { return _this.handleChange(item); }, showToolbar: false, labelField: labelField, valueField: valueField, itemHeight: 40, value: [(_a = selection[0]) === null || _a === void 0 ? void 0 : _a[valueField]] }))));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "handleInputChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "getTarget", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [HTMLInputElement]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "inputRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "toggleCheckAll", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "handleAddClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Event, Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "handleEditClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Event, Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "handleDeleteClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "onFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "onBlur", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "focus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "clearSearchValue", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectMobile.prototype, "onConfirm", null);
+    return SelectMobile;
+}(React__default.Component));
+
+export { SelectMobile as default };