@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/select/select-legacy/select-v2/Select.js

@@ -1,756 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _popper = _interopRequireDefault(require("../../../popper"));
-
-var _SelectInput = _interopRequireDefault(require("./SelectInput"));
-
-var _SelectDropdown = _interopRequireDefault(require("./SelectDropdown"));
-
-var _context = _interopRequireDefault(require("../../../context"));
-
-var _fetchJsonp = _interopRequireDefault(require("fetch-jsonp"));
-
-var _qs = _interopRequireDefault(require("qs"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Select = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Select, _Component);
-
-  var _super = _createSuper(Select);
-
-  // 第一次自动加载数据标识
-  function Select(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Select);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "autoloadFlag", true);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputClick", function (e) {
-      var dropdownShow = _this.state.dropdownShow;
-
-      if (dropdownShow) {
-        _this.hideDropdown();
-
-        return;
-      }
-
-      !_this.getSearchable() && _this.selectInput.focus();
-
-      if (_this.props.disabled) {
-        return;
-      }
-
-      if (dropdownShow === false) {
-        _this.showDropdown();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hideDropdown", function () {
-      _this.state.dropdownShow === true && _this.setState({
-        dropdownShow: false,
-        cacheSelectedItems: _this.state.selectedItems
-      }, function () {
-        _this.clearKeyword();
-      });
-    });
-    var data = props.data,
-        value = props.value,
-        defaultValue = props.defaultValue;
-    var dropdownItems = (0, _cloneDeep["default"])(data);
-    var initialValue = value === undefined ? defaultValue : value;
-
-    var selectedItems = _this.resetSelectedItems(initialValue, dropdownItems, []);
-
-    var searchable = _this.getSearchable();
-
-    _this.debouncedFilterItems = (0, _debounce["default"])(_this.onFilterItems.bind((0, _assertThisInitialized2["default"])(_this)), 300);
-    _this.state = {
-      searchable: searchable,
-      queryLength: 1,
-      focusedIndex: 0,
-      selectedItems: selectedItems,
-      cacheSelectedItems: selectedItems,
-      dropdownItems: dropdownItems,
-      dropdownShow: false,
-      fetching: false,
-      keyword: '',
-      filterText: '',
-      searchInput: {
-        width: 2
-      }
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Select, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        component: this
-      };
-    }
-  }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      if (this.isRemote() && this.props.autoload) {
-        this.remoteSearch();
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.resetFocusedIndex();
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (!_lodash["default"].isEqual(nextProps.data, this.props.data)) {
-        var selectedItems = this.resetSelectedItems(nextProps.value || this.state.selectedItems, nextProps.data, []);
-        this.setState({
-          selectedItems: selectedItems,
-          cacheSelectedItems: selectedItems,
-          dropdownItems: (0, _cloneDeep["default"])(nextProps.data)
-        });
-      } else {
-        if (!_lodash["default"].isEqual(nextProps.value, this.props.value)) {
-          var _selectedItems2 = this.resetSelectedItems(nextProps.value, this.state.dropdownItems, []); // 异步获取时会从内部改变dropdownItems，所以不能从list取
-
-
-          this.setState({
-            selectedItems: _selectedItems2,
-            cacheSelectedItems: _selectedItems2
-          });
-        }
-      }
-    }
-  }, {
-    key: "getSearchable",
-    value: function getSearchable() {
-      var searchable = this.props.searchable;
-
-      if (this.isRemote()) {
-        return true;
-      }
-
-      return searchable;
-    }
-  }, {
-    key: "parseValue",
-    value: function parseValue() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.value;
-
-      if (Array.isArray(value)) {
-        return value.map(function (v) {
-          if ((0, _typeof2["default"])(v) === 'object') {
-            return v.id;
-          } else {
-            return v;
-          }
-        });
-      } else {
-        return [value];
-      }
-    }
-  }, {
-    key: "isRemote",
-    value: function isRemote() {
-      var _this$props = this.props,
-          dataSource = _this$props.dataSource,
-          onSearch = _this$props.onSearch;
-      return onSearch || dataSource;
-    }
-  }, {
-    key: "resetSelectedItems",
-    value: function resetSelectedItems(value) {
-      var dropdownItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var reviceSelectedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      var values = this.parseValue(value);
-      var selectedItems = [];
-      dropdownItems.forEach(function (item) {
-        if (values.includes(item.id)) {
-          selectedItems.push(item);
-        }
-      });
-      return _lodash["default"].uniqBy(reviceSelectedItems.concat(selectedItems), 'id');
-    }
-  }, {
-    key: "onEnterSelect",
-    value: function onEnterSelect() {
-      var _this$state = this.state,
-          dropdownItems = _this$state.dropdownItems,
-          focusedIndex = _this$state.focusedIndex;
-      var item = dropdownItems[focusedIndex];
-      this.onClickOption(item, focusedIndex);
-    }
-  }, {
-    key: "onChange",
-    value: function onChange(selectedItems, changedItems, callback, cacheSelectedItems) {
-      var _this$props2 = this.props,
-          onChange = _this$props2.onChange,
-          value = _this$props2.value;
-      value === undefined && this.setState({
-        selectedItems: selectedItems
-      }, callback);
-      var selectedIds = selectedItems.map(function (_ref) {
-        var id = _ref.id;
-        return id;
-      });
-      onChange && onChange(selectedIds, changedItems);
-    }
-  }, {
-    key: "checkAll",
-    value: function checkAll(filterItems, e) {
-      var _this2 = this;
-
-      // 全选
-      e && e.stopPropagation();
-      var selectedItems = this.state.selectedItems;
-
-      var _selectedItems = (0, _toConsumableArray2["default"])(selectedItems);
-
-      var changedItems = [];
-      filterItems.forEach(function (item) {
-        if (!item.disabled && _this2.matchFilter(item)) {
-          if (!_selectedItems.map(function (selectItem) {
-            return selectItem.id;
-          }).includes(item.id)) {
-            _selectedItems.push(item);
-
-            changedItems.push(item);
-          }
-        }
-      });
-      this.onChange(_selectedItems, changedItems, function () {}, _selectedItems);
-    }
-  }, {
-    key: "onClickOption",
-    value: function onClickOption(item, index) {
-      var _this3 = this;
-
-      if (!item || item.disabled) return;
-      var selectedItems = this.state.selectedItems.concat();
-      var cacheSelectedItems = this.state.selectedItems.concat();
-      var focusedIndex = index;
-
-      if (this.props.type === 'multiple') {
-        var itemIndex = this.state.selectedItems.findIndex(function (sItem) {
-          return sItem.id === item.id;
-        });
-
-        if (itemIndex === -1) {
-          selectedItems.push(item);
-
-          if (!cacheSelectedItems.map(function (cacheItem) {
-            return cacheItem.id;
-          }).includes(item.id)) {
-            cacheSelectedItems.push(item);
-          }
-        } else {
-          selectedItems.splice(itemIndex, 1);
-        }
-      } else {
-        selectedItems = [item];
-        this.setState({
-          cacheSelectedItems: [item]
-        });
-      }
-
-      this.onChange(selectedItems, item, function () {
-        _this3.setState({
-          focusedIndex: focusedIndex,
-          cacheSelectedItems: _this3.props.type === 'multiple' ? cacheSelectedItems : [item]
-        });
-      }, this.props.type === 'multiple' ? cacheSelectedItems : [item]);
-
-      if (this.props.type !== 'multiple') {
-        this.hideDropdown();
-      }
-    }
-  }, {
-    key: "clearKeyword",
-    value: function clearKeyword() {
-      var _this4 = this;
-
-      this.setState({
-        keyword: ''
-      }, function () {
-        _this4.selectInput.clearInput();
-      });
-    }
-  }, {
-    key: "showDropdown",
-    value: function showDropdown() {
-      this.state.dropdownShow === false && this.setState({
-        dropdownShow: true
-      });
-    }
-  }, {
-    key: "deleteItem",
-    value: function deleteItem(item) {
-      var _this5 = this;
-
-      if (item.disabled) return;
-      var selectedItems = this.state.selectedItems.concat();
-      var sIndex = selectedItems.findIndex(function (obj, index, arr) {
-        return obj.id === item.id;
-      });
-      selectedItems.splice(sIndex, 1);
-      this.onChange(selectedItems, item, function () {
-        !_this5.getSearchable() && _this5.selectInput.focus();
-      }, selectedItems);
-    } // 全部删除
-
-  }, {
-    key: "deleteAllItems",
-    value: function deleteAllItems() {
-      var _this6 = this;
-
-      var type = this.props.type;
-      var focusedIndex = this.resetFocusedIndex();
-      var changedItems = (0, _toConsumableArray2["default"])(this.state.selectedItems);
-      this.onChange([], type === 'multiple' ? changedItems : changedItems[0], function () {
-        _this6.setState({
-          focusedIndex: focusedIndex
-        });
-
-        _this6.onFilterItems('');
-      }, []);
-    }
-  }, {
-    key: "remoteSearch",
-    value: function remoteSearch(keyword) {
-      var _this7 = this;
-
-      var _this$props3 = this.props,
-          onSearch = _this$props3.onSearch,
-          dataSource = _this$props3.dataSource,
-          autoload = _this$props3.autoload;
-
-      if (onSearch && typeof onSearch === 'function') {
-        this.setState({
-          fetching: true
-        });
-        onSearch(keyword)["finally"](function () {
-          _this7.setState({
-            fetching: false
-          });
-        });
-      } else {
-        var _dataSource = typeof dataSource === 'function' ? dataSource(keyword) : dataSource;
-
-        var url = _dataSource.url,
-            transformResponse = _dataSource.transformResponse,
-            error = _dataSource.error,
-            params = _dataSource.params,
-            headers = _dataSource.headers,
-            mode = _dataSource.mode,
-            _dataSource$data = _dataSource.data,
-            data = _dataSource$data === void 0 ? {} : _dataSource$data,
-            _dataSource$type = _dataSource.type,
-            type = _dataSource$type === void 0 ? 'GET' : _dataSource$type,
-            key = _dataSource.key,
-            _dataSource$jsonpCall = _dataSource.jsonpCallback,
-            jsonpCallback = _dataSource$jsonpCall === void 0 ? 'callback' : _dataSource$jsonpCall,
-            options = (0, _objectWithoutProperties2["default"])(_dataSource, ["url", "transformResponse", "error", "params", "headers", "mode", "data", "type", "key", "jsonpCallback"]);
-        keyword = !keyword && this.autoloadFlag && autoload ? _dataSource.keyword : keyword;
-        this.autoloadFlag = false; // 第一次自动加载数据后，输入的关键词即使为空也不再使用默认关键词
-
-        Object.assign(options, {
-          mode: mode
-        }, {
-          headers: headers
-        });
-
-        var queryParams = _qs["default"].stringify(Object.assign({}, params, key && (0, _defineProperty2["default"])({}, key, keyword)));
-
-        if (!_lodash["default"].isEmpty(queryParams)) {
-          url = url.includes('?') ? "".concat(url, "&").concat(queryParams) : "".concat(url, "?").concat(queryParams);
-        }
-
-        if (type.toUpperCase() === 'POST') {
-          options.body = JSON.stringify(data);
-        }
-
-        this.setState({
-          fetching: true
-        });
-
-        if (type.toUpperCase() === 'JSONP') {
-          var _o = {
-            jsonpCallback: jsonpCallback,
-            jsonpCallbackFunction: jsonpCallback
-          };
-          (0, _fetchJsonp["default"])(url, _o).then(function (res) {
-            return res.json();
-          }).then(function (json) {
-            _this7._setDropdownItems(json, transformResponse);
-          });
-        } else {
-          /* eslint-disable */
-          fetch(url, _objectSpread({
-            method: type
-          }, options)).then(function (response) {
-            return response.json();
-          }).then(function (res) {
-            _this7._setDropdownItems(res, transformResponse);
-          }, function (err) {
-            error && error(err);
-
-            _this7.setState({
-              fetching: false
-            });
-          });
-        }
-      }
-    }
-  }, {
-    key: "_setDropdownItems",
-    value: function _setDropdownItems(res, func) {
-      var dropdownItems = [];
-
-      if (func) {
-        dropdownItems = func(res);
-      } else {
-        dropdownItems = res.data;
-      }
-
-      if (Array.isArray(dropdownItems)) {
-        var reviceSelectedItems = this.props.type === 'multiple' ? this.props.dataSource && this.state.selectedItems || [] : this.state.cacheSelectedItems;
-        var selectedItems = this.resetSelectedItems(this.props.value, dropdownItems, reviceSelectedItems);
-        this.setState({
-          dropdownItems: dropdownItems,
-          selectedItems: selectedItems
-        });
-      }
-
-      this.setState({
-        fetching: false
-      });
-    }
-  }, {
-    key: "onFilterItems",
-    value: function onFilterItems(keyword) {
-      var _this8 = this;
-
-      var _this$props4 = this.props,
-          onSearch = _this$props4.onSearch,
-          dataSource = _this$props4.dataSource,
-          autoload = _this$props4.autoload;
-      this.setState({
-        keyword: keyword
-      }, function () {
-        return _this8.resetFocusedIndex();
-      });
-
-      if (dataSource) {
-        if (autoload || keyword && keyword.length >= this.state.queryLength) {
-          this.remoteSearch(keyword);
-        }
-      } else if (onSearch) {
-        this.remoteSearch(keyword);
-      }
-    }
-  }, {
-    key: "matchFilter",
-    value: function matchFilter(item) {
-      var filterOption = this.props.filterOption;
-      var _this$state2 = this.state,
-          searchable = _this$state2.searchable,
-          keyword = _this$state2.keyword;
-      var shouldMatch = this.isRemote() || !searchable || !keyword;
-
-      if (typeof filterOption === 'function') {
-        return shouldMatch || filterOption(keyword, item);
-      }
-
-      return shouldMatch || String(item.id).includes(keyword) || String(item.title).includes(keyword);
-    }
-  }, {
-    key: "resetFocusedIndex",
-    value: function resetFocusedIndex() {
-      var _this9 = this;
-
-      var setState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var focusedIndex = -1;
-      this.state.dropdownItems.every(function (item) {
-        focusedIndex++;
-
-        if (!item.disabled && _this9.matchFilter(item)) {
-          return false;
-        }
-
-        return true;
-      });
-      setState && this.setState({
-        focusedIndex: focusedIndex
-      });
-      return focusedIndex;
-    }
-  }, {
-    key: "setFocusedIndex",
-    value: function setFocusedIndex(focusedIndex) {
-      this.setState({
-        focusedIndex: focusedIndex
-      });
-    }
-  }, {
-    key: "moveFocusedIndex",
-    value: function moveFocusedIndex(direction) {
-      var _this10 = this;
-
-      var focusedIndex = this.state.focusedIndex;
-      var dropdownItems = this.state.dropdownItems;
-
-      if (direction === 'up') {
-        dropdownItems.slice(0, focusedIndex).reverse().every(function (item) {
-          focusedIndex--;
-
-          if (!item.disabled && _this10.matchFilter(item)) {
-            return false;
-          }
-
-          return true;
-        });
-      } else {
-        dropdownItems.slice(focusedIndex + 1).every(function (item) {
-          focusedIndex++;
-
-          if (!item.disabled && _this10.matchFilter(item)) {
-            return false;
-          }
-
-          return true;
-        });
-      }
-
-      this.setState({
-        focusedIndex: focusedIndex
-      });
-    }
-  }, {
-    key: "localeDatasProps",
-    value: function localeDatasProps(key) {
-      var localeDatas = this.props.localeDatas;
-
-      if (this.props[key]) {
-        return this.props[key];
-      } else {
-        return localeDatas.select[key];
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this11 = this;
-
-      var _this$props5 = this.props,
-          type = _this$props5.type,
-          showCheckAll = _this$props5.showCheckAll,
-          className = _this$props5.className,
-          disabled = _this$props5.disabled,
-          clearable = _this$props5.clearable,
-          style = _this$props5.style,
-          children = _this$props5.children,
-          optionWidth = _this$props5.optionWidth,
-          render = _this$props5.render,
-          multipleWrap = _this$props5.multipleWrap,
-          _onClick = _this$props5.onClick,
-          onBlur = _this$props5.onBlur,
-          onFocus = _this$props5.onFocus,
-          dataSource = _this$props5.dataSource,
-          filterOption = _this$props5.filterOption,
-          onSearch = _this$props5.onSearch,
-          theme = _this$props5.theme,
-          localeDatas = _this$props5.localeDatas,
-          preventOverflow = _this$props5.preventOverflow,
-          placement = _this$props5.placement;
-      var placeholder = this.localeDatasProps('placeholder');
-      var emptyContent = this.localeDatasProps('emptyContent');
-      var searchPlaceholder = this.localeDatasProps('searchPlaceholder');
-      var _this$state3 = this.state,
-          selectedItems = _this$state3.selectedItems,
-          cacheSelectedItems = _this$state3.cacheSelectedItems,
-          dropdownItems = _this$state3.dropdownItems,
-          searchable = _this$state3.searchable,
-          dropdownShow = _this$state3.dropdownShow,
-          focusedIndex = _this$state3.focusedIndex,
-          fetching = _this$state3.fetching;
-      var extraClass = {
-        'is-multiple': type === 'multiple',
-        'is-single': type === 'single'
-      };
-      var selectInputWidth = this.selectInputContainer ? this.selectInputContainer.getBoundingClientRect().width : null;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-select-legacy', className, extraClass),
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select-legacy__input-container",
-        ref: function ref(node) {
-          _this11.selectInputContainer = node;
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_SelectInput["default"], {
-        ref: function ref(node) {
-          _this11.selectInput = node;
-        },
-        theme: theme,
-        mode: type,
-        disabled: disabled,
-        searchable: searchable,
-        clearable: clearable,
-        show: dropdownShow && this.props.open,
-        dropdownShow: dropdownShow,
-        placeholder: placeholder,
-        selectedItems: selectedItems,
-        dropdownItems: dropdownItems,
-        multipleMode: multipleWrap,
-        container: this.selectInputContainer,
-        moveFocusedIndex: this.moveFocusedIndex.bind(this),
-        onClick: function onClick() {
-          if (_this11.props.open) {
-            _this11.handleInputClick();
-          }
-
-          _onClick();
-        },
-        onBlur: onBlur,
-        onFocus: onFocus,
-        onDelete: this.deleteItem.bind(this),
-        onClear: this.deleteAllItems.bind(this),
-        onSearch: this.debouncedFilterItems.bind(this),
-        onEnterSelect: this.onEnterSelect.bind(this)
-      })), children, /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        show: dropdownShow && this.props.open,
-        attachEle: this.selectInputContainer,
-        zIndex: 1050,
-        topGap: 5,
-        leftGap: 0,
-        preventOverflow: preventOverflow,
-        onClickOutside: function onClickOutside() {
-          _this11.hideDropdown();
-        },
-        className: "hi-select-legacy__popper",
-        placement: placement || 'top-bottom-start'
-      }, dropdownShow && this.props.open && /*#__PURE__*/_react["default"].createElement(_SelectDropdown["default"], {
-        noFoundTip: emptyContent,
-        localeMap: localeDatas.select || {},
-        mode: type,
-        searchPlaceholder: searchPlaceholder,
-        theme: theme,
-        onBlur: onBlur,
-        onFocus: onFocus,
-        isOnSearch: onSearch || dataSource,
-        onSearch: this.debouncedFilterItems.bind(this),
-        searchable: searchable,
-        showCheckAll: showCheckAll,
-        checkAll: this.checkAll.bind(this),
-        loading: fetching,
-        focusedIndex: focusedIndex,
-        filterOption: filterOption,
-        matchFilter: this.matchFilter.bind(this),
-        setFocusedIndex: this.setFocusedIndex.bind(this),
-        show: dropdownShow && this.props.open,
-        optionWidth: optionWidth,
-        selectInputWidth: selectInputWidth,
-        onEnterSelect: this.onEnterSelect.bind(this),
-        moveFocusedIndex: this.moveFocusedIndex.bind(this),
-        dropdownItems: dataSource && this.state.keyword === '' ? cacheSelectedItems : dropdownItems,
-        selectedItems: selectedItems,
-        dropdownRender: render,
-        onClickOption: this.onClickOption.bind(this)
-      })));
-    }
-  }]);
-  return Select;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Select, "propTypes", {
-  type: _propTypes["default"].oneOf(['single', 'multiple']),
-  multipleWrap: _propTypes["default"].oneOf(['wrap', 'nowrap']),
-  data: _propTypes["default"].array,
-  dataSource: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].func]),
-  defaultValue: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array, _propTypes["default"].bool, _propTypes["default"].number]),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array, _propTypes["default"].bool, _propTypes["default"].number]),
-  showCheckAll: _propTypes["default"].bool,
-  autoload: _propTypes["default"].bool,
-  searchable: _propTypes["default"].bool,
-  filterOption: _propTypes["default"].func,
-  clearable: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  placeholder: _propTypes["default"].string,
-  emptyContent: _propTypes["default"].string,
-  optionWidth: _propTypes["default"].number,
-  style: _propTypes["default"].object,
-  onChange: _propTypes["default"].func,
-  render: _propTypes["default"].func,
-  open: _propTypes["default"].bool
-});
-(0, _defineProperty2["default"])(Select, "defaultProps", {
-  data: [],
-  type: 'single',
-  multipleWrap: 'nowrap',
-  disabled: false,
-  clearable: true,
-  defaultValue: '',
-  autoload: false,
-  showCheckAll: false,
-  open: true,
-  onClick: function onClick() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
-});
-Select.childContextTypes = {
-  component: _propTypes["default"].any
-};
-
-var _default = (0, _context["default"])(Select);
-
-exports["default"] = _default;