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

package/es/select/Select.js

@@ -1,775 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = _interopRequireWildcard(require("lodash"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-var _SelectInput = _interopRequireDefault(require("./SelectInput"));
-
-var _SelectDropdown = _interopRequireDefault(require("./SelectDropdown"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _index = _interopRequireDefault(require("../hi-request/index"));
-
-var _utils = require("./utils");
-
-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; }
-
-var InternalSelect = function InternalSelect(props) {
-  var data = props.data,
-      type = props.type,
-      showCheckAll = props.showCheckAll,
-      showJustSelected = props.showJustSelected,
-      className = props.className,
-      disabled = props.disabled,
-      clearable = props.clearable,
-      style = props.style,
-      children = props.children,
-      optionWidth = props.optionWidth,
-      render = props.render,
-      multipleWrap = props.multipleWrap,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      dataSource = props.dataSource,
-      filterOption = props.filterOption,
-      theme = props.theme,
-      localeDatas = props.localeDatas,
-      preventOverflow = props.preventOverflow,
-      placement = props.placement,
-      onSearch = props.onSearch,
-      propsonChange = props.onChange,
-      onOverlayScroll = props.onOverlayScroll,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      autoload = props.autoload,
-      propsSearchable = props.searchable,
-      fieldNames = props.fieldNames,
-      overlayClassName = props.overlayClassName,
-      setOverlayContainer = props.setOverlayContainer,
-      _props$bordered = props.bordered,
-      bordered = _props$bordered === void 0 ? true : _props$bordered,
-      _props$overlayClickOu = props.overlayClickOutSideEventName,
-      overlayClickOutSideEventName = _props$overlayClickOu === void 0 ? 'click' : _props$overlayClickOu,
-      renderExtraFooter = props.renderExtraFooter;
-  var selectInputContainer = (0, _react.useRef)();
-  var autoloadFlag = (0, _react.useRef)(autoload); // 多选情况下，需要记录是否进行了筛选
-
-  var historyData = (0, _react.useRef)([]);
-
-  var _useState = (0, _react.useState)(data),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      dropdownItems = _useState2[0],
-      setDropdownItems = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isGroup = _useState4[0],
-      setIsGroup = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      focusedIndex = _useState6[0],
-      setFocusedIndex = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      isFocus = _useState8[0],
-      setIsFouces = _useState8[1];
-
-  var SelectWrapper = (0, _react.useRef)();
-  var targetByKeyDown = (0, _react.useRef)(false);
-  var CancelToken = _index["default"].CancelToken;
-  var cancel; // 存储问题
-
-  var _useState9 = (0, _react.useState)([]),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      cacheSelectItem = _useState10[0],
-      setCacheSelectItem = _useState10[1]; // value 有可能是0的情况
-
-
-  var _useState11 = (0, _react.useState)((0, _utils.resetSelectedItems)(value === undefined ? defaultValue : value, _lodash["default"].cloneDeep(data), (0, _utils.transKeys)(fieldNames, 'id'))),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      selectedItems = _useState12[0],
-      setSelectedItems = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      dropdownShow = _useState14[0],
-      setDropdownShow = _useState14[1]; // 搜索关键字
-
-
-  var _useState15 = (0, _react.useState)(''),
-      _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      keyword = _useState16[0],
-      setKeyword = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-      loading = _useState18[0],
-      setLoading = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(dataSource ? true : propsSearchable),
-      _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-      searchable = _useState20[0],
-      setSearchable = _useState20[1];
-
-  (0, _react.useEffect)(function () {
-    // 处理默认值的问题
-    var selectedItems = (0, _utils.resetSelectedItems)(value === undefined ? defaultValue : value, _lodash["default"].uniqBy(cacheSelectItem.concat(dropdownItems), (0, _utils.transKeys)(fieldNames, 'id')), (0, _utils.transKeys)(fieldNames, 'id'));
-
-    if (dataSource) {
-      // 在异步多选的时候时候才需要进行值的记录
-      type === 'multiple' && setCacheSelectItem(selectedItems);
-      autoload && remoteSearch();
-    }
-
-    resetFocusedIndex();
-  }, []);
-  (0, _react.useEffect)(function () {
-    historyData.current = _lodash["default"].cloneDeep(data);
-  }, [data]);
-  (0, _react.useEffect)(function () {
-    if (dropdownItems && dropdownItems.length) {
-      setIsGroup(dropdownItems.every(function (item) {
-        return item.children && item.children.length > 0;
-      }));
-    }
-
-    historyData.current = (0, _utils.uniqBy)(data.concat(dropdownItems, historyData.current), (0, _utils.transKeys)(fieldNames, 'id'));
-  }, [dropdownItems, data]);
-  (0, _react.useEffect)(function () {
-    resetFocusedIndex();
-  }, [keyword, isGroup]);
-  (0, _react.useEffect)(function () {
-    var dataSourcePropsSearchable = typeof propsSearchable !== 'undefined' ? propsSearchable : true; // 在存在dataSource的时候，默认searchable为true
-
-    setSearchable(dataSource ? dataSourcePropsSearchable : propsSearchable);
-  }, [propsSearchable]);
-  (0, _react.useEffect)(function () {
-    setIsFouces(dropdownShow);
-  }, [dropdownShow]);
-  (0, _react.useEffect)(function () {
-    if (value !== undefined) {
-      // 处理默认值的问题
-      var _selectedItems2 = (0, _utils.resetSelectedItems)(value, (0, _utils.uniqBy)(cacheSelectItem.concat(dropdownItems), (0, _utils.transKeys)(fieldNames, 'id')), (0, _utils.transKeys)(fieldNames, 'id'));
-
-      setSelectedItems(_selectedItems2);
-      resetFocusedIndex();
-    }
-  }, [value, cacheSelectItem]);
-  (0, _react.useEffect)(function () {
-    var _data = _lodash["default"].cloneDeep(data);
-
-    var selectedItems = (0, _utils.resetSelectedItems)(value === undefined ? defaultValue : value, historyData.current, (0, _utils.transKeys)(fieldNames, 'id'));
-    setSelectedItems(selectedItems);
-
-    if (dataSource && type === 'multiple') {
-      setCacheSelectItem(selectedItems);
-      !dropdownShow && searchable && setDropdownItems(selectedItems);
-    } else {
-      if (dataSource) {
-        searchable && setDropdownItems(_data);
-      } else {
-        setDropdownItems(_data);
-      }
-    }
-  }, [data, value]);
-  var localeDatasProps = (0, _react.useCallback)(function (key) {
-    if (props[key]) {
-      return props[key];
-    } else {
-      return localeDatas.select[key];
-    }
-  }, [props]); // 改变的回调
-
-  var onChange = (0, _react.useCallback)(function (selectedItems, changedItems, callback) {
-    if (value === undefined) {
-      setSelectedItems(selectedItems);
-      callback();
-    } // 调用用户的select
-
-
-    var selectedIds = selectedItems.map(function (item) {
-      return item[(0, _utils.transKeys)(fieldNames, 'id')];
-    });
-    propsonChange && propsonChange(selectedIds, changedItems, selectedItems);
-  }, [propsonChange]); // 选中某一项
-
-  var onClickOption = (0, _react.useCallback)(function (item, index) {
-    if (!item || item[(0, _utils.transKeys)(fieldNames, 'disabled')]) return;
-
-    var _selectedItems = _lodash["default"].cloneDeep(selectedItems);
-
-    if (type === 'multiple') {
-      // 获取元素索引
-      var itemIndex = _selectedItems.findIndex(function (sItem) {
-        return sItem[(0, _utils.transKeys)(fieldNames, 'id')] === item[(0, _utils.transKeys)(fieldNames, 'id')];
-      });
-
-      if (itemIndex === -1) {
-        _selectedItems.push(item);
-      } else {
-        _selectedItems.splice(itemIndex, 1);
-      } // 在受控情况下
-
-
-      if (_lodash["default"].isEqual(cacheSelectItem, selectedItems) && dataSource) {
-        setCacheSelectItem(_selectedItems);
-      }
-    } else {
-      _selectedItems = [item];
-    }
-
-    onChange(_selectedItems, item, function () {
-      setFocusedIndex(index);
-    });
-    type !== 'multiple' && hideDropdown();
-  }, [type, selectedItems, onChange, dropdownShow, cacheSelectItem]); // 收起下拉框
-
-  var hideDropdown = (0, _react.useCallback)(function () {
-    if (dropdownShow) {
-      setKeyword('');
-      setDropdownShow(false);
-
-      if (onBlur) {
-        onBlur();
-      }
-    } // 多选具有默认值的话打开的话应该显示选中的值
-
-
-    if (dataSource && type === 'multiple' && !autoloadFlag.current) {
-      setCacheSelectItem(selectedItems);
-      setDropdownItems(selectedItems);
-    }
-  }, [dropdownShow, selectedItems, dataSource, type, onBlur]); // 获取分组的数据 以及下标
-
-  var getGroupDropdownItems = (0, _react.useCallback)(function (focusedIndex, group, direction) {
-    var _focusedIndex = focusedIndex;
-    var _group = group;
-    !isNaN(Number(_focusedIndex)) && (_focusedIndex = '0-0');
-
-    var focusedGroup = _focusedIndex.split('-');
-
-    var l = dropdownItems.length;
-    var _dropdownItems = [];
-
-    if (focusedGroup[1] / 1 === 0 && group !== undefined) {
-      if (!dropdownItems[group]) {
-        _group = l - 1;
-      }
-
-      _dropdownItems = dropdownItems[group] ? dropdownItems[group][(0, _utils.transKeys)(fieldNames, 'children')] : dropdownItems[direction === 'down' ? 0 : l - 1][(0, _utils.transKeys)(fieldNames, 'children')];
-      focusedGroup[1] = direction === 'down' ? -1 : _dropdownItems.length;
-    } else {
-      _dropdownItems = dropdownItems[focusedGroup[0]] && dropdownItems[focusedGroup[0]][(0, _utils.transKeys)(fieldNames, 'children')] || [];
-      _group = focusedGroup[0];
-    }
-
-    return {
-      _dropdownItems: _dropdownItems,
-      _focusedIndex: focusedGroup[1],
-      group: _group
-    };
-  }, [focusedIndex, dropdownItems, fieldNames]); // 方向键的回调
-
-  var moveFocusedIndex = (0, _react.useCallback)(function (direction) {
-    targetByKeyDown.current = true;
-    var _focusedIndex = focusedIndex;
-    var _dropdownItems = dropdownItems;
-    var group = 0;
-
-    if (isGroup) {
-      var groupDropdownItems = getGroupDropdownItems(_focusedIndex);
-      _dropdownItems = groupDropdownItems._dropdownItems;
-      _focusedIndex = groupDropdownItems._focusedIndex;
-      group = groupDropdownItems.group;
-    }
-
-    var everyIsDisabled = _dropdownItems.every(function (item) {
-      return item[(0, _utils.transKeys)(fieldNames, 'disabled')];
-    }); // 防止出现所有的选项都为 disabled
-
-
-    if (!everyIsDisabled) {
-      if (direction === 'up') {
-        if (isGroup) {
-          if (_focusedIndex / 1 === 0) {
-            var _groupDropdownItems = getGroupDropdownItems(_focusedIndex, --group);
-
-            _dropdownItems = _groupDropdownItems._dropdownItems;
-            _focusedIndex = _groupDropdownItems._focusedIndex;
-            group = _groupDropdownItems.group; // 二次校验分组后的是否都是不可点击
-
-            if (_dropdownItems.every(function (item) {
-              return item[(0, _utils.transKeys)(fieldNames, 'disabled')];
-            })) {
-              return;
-            }
-          }
-        } else {
-          _focusedIndex === 0 && (_focusedIndex = _dropdownItems.length);
-        }
-
-        _focusedIndex--;
-
-        while (_dropdownItems[_focusedIndex] && _dropdownItems[_focusedIndex].disabled) {
-          _focusedIndex === 0 && (_focusedIndex = _dropdownItems.length);
-          _focusedIndex--;
-        }
-      } else {
-        if (isGroup) {
-          if (_focusedIndex / 1 === _dropdownItems.length - 1) {
-            group++;
-
-            var _groupDropdownItems2 = getGroupDropdownItems(group + '-0', group, direction);
-
-            _dropdownItems = _groupDropdownItems2._dropdownItems;
-            _focusedIndex = _groupDropdownItems2._focusedIndex;
-            group = _groupDropdownItems2.group; // 二次校验分组后的是否都是不可点击
-
-            if (_dropdownItems.every(function (item) {
-              return item[(0, _utils.transKeys)(fieldNames, 'disabled')];
-            })) {
-              return;
-            }
-          }
-        } else {
-          _focusedIndex === _dropdownItems.length - 1 && (_focusedIndex = -1);
-        }
-
-        _focusedIndex++;
-
-        while (_dropdownItems[_focusedIndex] && _dropdownItems[_focusedIndex].disabled) {
-          _focusedIndex === _dropdownItems.length - 1 && (_focusedIndex = -1);
-          _focusedIndex++;
-        }
-      }
-    }
-
-    setFocusedIndex(isGroup ? group + '-' + _focusedIndex : _focusedIndex);
-  }, [focusedIndex, dropdownItems, fieldNames, targetByKeyDown.current]); // 点击回车选中
-
-  var onEnterSelect = (0, _react.useCallback)(function () {
-    var focusedGroup = isGroup && focusedIndex.split('-');
-    var item = isGroup ? dropdownItems[focusedGroup[0]][(0, _utils.transKeys)(fieldNames, 'children')][focusedGroup[1]] : dropdownItems[focusedIndex];
-    onClickOption(item, focusedIndex);
-  }, [dropdownItems, focusedIndex, onClickOption]); // 按键操作
-
-  var handleKeyDown = (0, _react.useCallback)(function (evt) {
-    if (dropdownShow && !disabled) {
-      evt.stopPropagation();
-
-      if (evt.keyCode === 38) {
-        evt.preventDefault();
-        moveFocusedIndex('up');
-      }
-
-      if (evt.keyCode === 40) {
-        evt.preventDefault();
-        moveFocusedIndex('down');
-      }
-
-      if (evt.keyCode === 13) {
-        // enter
-        onEnterSelect();
-      } // esc
-
-
-      if (evt.keyCode === 27) {
-        setDropdownShow(false);
-      }
-
-      if (evt.keyCode === 32 && !document.activeElement.classList.value.includes('hi-select__dropdown__searchbar--input')) {
-        evt.preventDefault();
-        setDropdownShow(!dropdownShow);
-      }
-    }
-  }, [onEnterSelect, moveFocusedIndex, targetByKeyDown.current]); // 对关键字的校验 对数据的过滤
-
-  var matchFilter = (0, _react.useCallback)(function (item) {
-    var shouldMatch = dataSource || !searchable || !keyword;
-
-    if (typeof filterOption === 'function') {
-      return shouldMatch || filterOption(keyword, item);
-    }
-
-    return shouldMatch || String(item[(0, _utils.transKeys)(fieldNames, 'id')] || '').includes(keyword) || String(item[(0, _utils.transKeys)(fieldNames, 'title')] || '').includes(keyword);
-  }, [dataSource, searchable, keyword, filterOption]);
-  var remoteSearch = (0, _react.useCallback)(function (keyword) {
-    var resultMayBePromise = typeof dataSource === 'function' ? dataSource(keyword) : dataSource;
-    if ((0, _lodash.isNil)(resultMayBePromise)) return;
-
-    if (Array.isArray(resultMayBePromise)) {
-      setDropdownItems(resultMayBePromise);
-      return;
-    }
-
-    if (resultMayBePromise.toString() === '[object Promise]') {
-      setLoading(true);
-      resultMayBePromise.then(function (res) {
-        setLoading(false);
-        if ((0, _lodash.isNil)(res)) return;
-        setDropdownItems(Array.isArray(res) ? res : []);
-      }, function () {
-        setLoading(false);
-        setDropdownItems([]);
-      });
-      return;
-    } // 传入对象, 调用接口
-
-
-    HiRequestSearch(resultMayBePromise, keyword);
-  }, [dataSource, keyword]);
-  var HiRequestSearch = (0, _react.useCallback)(function (_dataSource, keyword) {
-    var url = _dataSource.url,
-        _dataSource$method = _dataSource.method,
-        method = _dataSource$method === void 0 ? 'GET' : _dataSource$method,
-        transformResponse = _dataSource.transformResponse,
-        headers = _dataSource.headers,
-        _dataSource$data = _dataSource.data,
-        data = _dataSource$data === void 0 ? {} : _dataSource$data,
-        _dataSource$params = _dataSource.params,
-        params = _dataSource$params === void 0 ? {} : _dataSource$params,
-        key = _dataSource.key,
-        error = _dataSource.error,
-        credentials = _dataSource.credentials,
-        _dataSource$withCrede = _dataSource.withCredentials,
-        withCredentials = _dataSource$withCrede === void 0 ? false : _dataSource$withCrede,
-        options = (0, _objectWithoutProperties2["default"])(_dataSource, ["url", "method", "transformResponse", "headers", "data", "params", "key", "error", "credentials", "withCredentials"]); // 处理Key
-
-    options.params = key && keyword ? _objectSpread((0, _defineProperty2["default"])({}, key, keyword), params) : params;
-
-    var _withCredentials = withCredentials || credentials === 'include'; // 取消上一次的请求
-
-
-    var CANCEL_STATE = 'Cancel';
-    typeof cancel === 'function' && cancel(CANCEL_STATE);
-    (0, _index["default"])(_objectSpread({
-      url: url,
-      method: method,
-      data: data,
-      cancelToken: new CancelToken(function (c) {
-        cancel = c;
-      }),
-      withCredentials: _withCredentials,
-      error: error,
-      beforeRequest: function beforeRequest(config) {
-        setLoading(true);
-        return config;
-      },
-      errorCallback: function errorCallback(err) {
-        var _err$message = err.message,
-            message = _err$message === void 0 ? 'normal' : _err$message;
-        setLoading(message === CANCEL_STATE);
-        error && error(err);
-      }
-    }, options)).then(function (response) {
-      if (!response) {
-        setLoading(false);
-        return;
-      }
-
-      var _response$message = response.message,
-          message = _response$message === void 0 ? 'normal' : _response$message;
-
-      if (message !== CANCEL_STATE) {
-        setLoading(false);
-        var dataItems = transformResponse && transformResponse(response.data, response);
-
-        if (Array.isArray(dataItems)) {
-          setDropdownItems(dataItems);
-        } else {
-          console.error('transformResponse return data is not array');
-        }
-      }
-    }, function (error) {
-      throw error;
-    });
-  }, []); // 过滤筛选项
-
-  var onFilterItems = (0, _react.useCallback)(function (keyword) {
-    setKeyword(keyword);
-
-    if (typeof onSearch === 'function') {
-      onSearch(keyword);
-      return;
-    }
-
-    if (dataSource && searchable) {
-      remoteSearch(keyword);
-    }
-
-    if (dataSource && searchable && keyword === '' && selectedItems.length > 0) {
-      setDropdownItems(cacheSelectItem);
-    }
-  }, [dataSource, cacheSelectItem, keyword, selectedItems, searchable, onSearch, remoteSearch, autoload]); // 重置下标
-
-  var resetFocusedIndex = function resetFocusedIndex() {
-    var _dropdownItems = dropdownItems || [];
-
-    var _focusedIndex = 0;
-    var groupIndex = 0;
-
-    if (isGroup) {
-      _dropdownItems = dropdownItems[groupIndex][(0, _utils.transKeys)(fieldNames, 'children')];
-      _focusedIndex = 0;
-    }
-
-    while (_dropdownItems[_focusedIndex] && _dropdownItems[_focusedIndex].disabled && _focusedIndex < _dropdownItems.length) {
-      _focusedIndex++;
-    }
-
-    if (typeof value !== 'undefined' || typeof defaultValue !== 'undefined') {
-      (function () {
-        var _value = value || defaultValue;
-
-        if (!(0, _lodash.isArray)(_value)) {
-          _value = [_value];
-        }
-
-        _focusedIndex = 0;
-
-        if (isGroup) {
-          var _isValid = false;
-
-          while (groupIndex < dropdownItems.length && !_isValid) {
-            _dropdownItems = dropdownItems[groupIndex][(0, _utils.transKeys)(fieldNames, 'children')];
-            _isValid = _dropdownItems && _dropdownItems.some(function (item, index) {
-              if (type === 'single') {
-                return item[(0, _utils.transKeys)(fieldNames, 'id')] === _value[0] && (_focusedIndex = index);
-              } else {
-                return _value.includes(item[(0, _utils.transKeys)(fieldNames, 'id')]) && (_focusedIndex = index);
-              }
-            });
-            !_isValid && groupIndex++;
-          }
-        } else {
-          var _isValid2 = false;
-
-          _dropdownItems.forEach(function (item, index) {
-            if (!_isValid2) {
-              if (type === 'single') {
-                item[(0, _utils.transKeys)(fieldNames, 'id')] === _value && (_focusedIndex = index);
-              } else {
-                if (_value.includes(item[(0, _utils.transKeys)(fieldNames, 'id')])) {
-                  _focusedIndex = index;
-                  _isValid2 = true;
-                }
-              }
-            }
-          });
-        }
-      })();
-    }
-
-    setFocusedIndex(isGroup ? groupIndex + '-' + _focusedIndex : _focusedIndex);
-  }; // 全部删除
-
-
-  var deleteAllItems = function deleteAllItems() {
-    onChange([], type === 'multiple' ? selectedItems : selectedItems[0], function () {
-      onFilterItems('');
-      resetFocusedIndex();
-    });
-    setCacheSelectItem([]);
-    dataSource && searchable && setDropdownItems([]);
-  }; // 防抖
-
-
-  var debouncedFilterItems = _lodash["default"].debounce(onFilterItems, 300); // 全选
-
-
-  var checkAll = function checkAll(e, filterItems, isCheck) {
-    // 全选
-    e && e.stopPropagation();
-
-    if (!isCheck) {
-      onChange([], [], function () {});
-      return;
-    }
-
-    var _selectedItems = (0, _toConsumableArray2["default"])(selectedItems);
-
-    var changedItems = [];
-    filterItems.forEach(function (filterItem) {
-      var filterItemOrGroupChilds = (0, _lodash.isArray)(filterItem.children) ? filterItem.children : [filterItem];
-      filterItemOrGroupChilds.forEach(function (item) {
-        if (!item[(0, _utils.transKeys)(fieldNames, 'disabled')] && matchFilter(item)) {
-          if (!_selectedItems.some(function (selectItem) {
-            var key = (0, _utils.transKeys)(fieldNames, 'id');
-            return selectItem[key] === item[key];
-          })) {
-            _selectedItems.push(item);
-
-            changedItems.push(item);
-          }
-        }
-      });
-    });
-    onChange(_selectedItems, changedItems, function () {});
-  }; // input点击事件
-
-
-  var handleInputClick = function handleInputClick() {
-    if (dropdownShow) {
-      hideDropdown();
-      return;
-    }
-
-    if (disabled) {
-      return;
-    }
-
-    !dropdownShow && setDropdownShow(true);
-  };
-
-  var placeholder = localeDatasProps('placeholder');
-  var emptyContent = localeDatasProps('emptyContent');
-  var searchPlaceholder = localeDatasProps('searchPlaceholder');
-  var extraClass = {
-    'is-multiple': type === 'multiple',
-    'is-single': type === 'single'
-  };
-  var selectInputWidth = selectInputContainer.current ? selectInputContainer.current.getBoundingClientRect().width : null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-select', className, extraClass),
-    style: style,
-    tabIndex: "0",
-    onKeyDown: handleKeyDown,
-    ref: SelectWrapper
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-select__input-container",
-    ref: selectInputContainer
-  }, /*#__PURE__*/_react["default"].createElement(_SelectInput["default"], {
-    theme: theme,
-    mode: type,
-    selectInputWidth: selectInputWidth,
-    disabled: disabled,
-    searchable: searchable // 要删除掉
-    ,
-    clearable: clearable,
-    dropdownShow: dropdownShow,
-    placeholder: placeholder,
-    selectedItems: selectedItems || [],
-    multipleMode: multipleWrap,
-    cacheSelectItem: cacheSelectItem,
-    onFocus: onFocus,
-    onClickOption: onClickOption,
-    onClear: deleteAllItems,
-    fieldNames: fieldNames,
-    isFocus: isFocus,
-    value: value,
-    bordered: bordered,
-    onClick: function onClick() {
-      handleInputClick();
-    }
-  })), children, /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-    show: dropdownShow,
-    attachEle: selectInputContainer.current,
-    zIndex: 1050,
-    topGap: 5,
-    leftGap: 0,
-    overlayClassName: overlayClassName,
-    overlayClickOutSideEventName: overlayClickOutSideEventName,
-    setOverlayContainer: setOverlayContainer // 是否防止溢出功能   暂时不开放
-    ,
-    preventOverflow: preventOverflow // 自定义options的方向
-    ,
-    placement: placement || 'top-bottom-start',
-    className: "hi-select__popper",
-    onKeyDown: handleKeyDown,
-    tabIndex: "-1",
-    width: optionWidth,
-    onClickOutside: function onClickOutside() {
-      hideDropdown();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_SelectDropdown["default"], {
-    emptyContent: emptyContent,
-    renderExtraFooter: renderExtraFooter,
-    fieldNames: fieldNames,
-    localeMap: localeDatas.select || {},
-    mode: type,
-    onOverlayScroll: onOverlayScroll,
-    targetByKeyDown: targetByKeyDown,
-    searchPlaceholder: searchPlaceholder,
-    theme: theme,
-    onFocus: onFocus,
-    isByRemoteSearch: dataSource,
-    isByCustomSearch: onSearch,
-    onSearch: debouncedFilterItems,
-    searchable: searchable,
-    showCheckAll: showCheckAll,
-    checkAll: checkAll,
-    loading: loading,
-    autoloadFlag: autoloadFlag,
-    focusedIndex: focusedIndex,
-    setFocusedIndex: setFocusedIndex,
-    showJustSelected: showJustSelected,
-    filterOption: filterOption,
-    matchFilter: matchFilter,
-    isGroup: isGroup,
-    show: dropdownShow,
-    optionWidth: optionWidth,
-    selectInputWidth: selectInputWidth,
-    dropdownItems: dropdownItems,
-    selectedItems: selectedItems,
-    dropdownRender: render,
-    onClickOption: onClickOption
-  })));
-};
-
-InternalSelect.defaultProps = {
-  data: [],
-  type: 'single',
-  fieldNames: {
-    title: 'title',
-    id: 'id',
-    disabled: 'disabled',
-    children: 'children'
-  },
-  multipleWrap: 'nowrap',
-  disabled: false,
-  clearable: true,
-  autoload: false,
-  showCheckAll: false,
-  showJustSelected: false,
-  open: true,
-  onClick: function onClick() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
-};
-var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(InternalSelect, (0, _extends2["default"])({}, props, {
-    innerRef: ref
-  }));
-});
-
-var _default = (0, _context["default"])(Select);
-
-exports["default"] = _default;