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

package/es/cascader/Cascader.js

@@ -1,530 +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.Cascader = exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = require("./utils");
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-var _Menu = _interopRequireDefault(require("./Menu"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var noop = function noop() {};
-
-var Cascader = function Cascader(props) {
-  var className = props.className,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$searchable = props.searchable,
-      searchable = _props$searchable === void 0 ? false : _props$searchable,
-      _props$clearable = props.clearable,
-      clearable = _props$clearable === void 0 ? true : _props$clearable,
-      style = props.style,
-      theme = props.theme,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      displayRender = props.displayRender,
-      _props$fieldNames = props.fieldNames,
-      fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames,
-      filterOption = props.filterOption,
-      _props$changeOnSelect = props.changeOnSelect,
-      changeOnSelect = _props$changeOnSelect === void 0 ? false : _props$changeOnSelect,
-      localeDatas = props.localeDatas,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? noop : _props$onChange,
-      _props$onActiveItemCh = props.onActiveItemChange,
-      onActiveItemChange = _props$onActiveItemCh === void 0 ? noop : _props$onActiveItemCh,
-      _props$bordered = props.bordered,
-      bordered = _props$bordered === void 0 ? true : _props$bordered,
-      propsData = props.data,
-      propsOptions = props.options,
-      onOpen = props.onOpen,
-      onClose = props.onClose;
-
-  var initData = _lodash["default"].cloneDeep(propsData || propsOptions);
-
-  var cacheData = (0, _react.useRef)([]);
-
-  var _useState = (0, _react.useState)((0, _utils.parseData)(initData, fieldNames)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    // useEffect 无法监控到数组 栈值的改变
-    if (!_lodash["default"].isEqual(cacheData.current, initData)) {
-      cacheData.current = initData;
-      setData((0, _utils.parseData)(initData, fieldNames));
-    }
-  }, [initData]);
-  var emptyContent = props.emptyContent || props.noFoundTip; // 兼容1.x API 2.x改为 emptyContent
-
-  var expandTrigger = props.expandTrigger || props.trigger || 'click'; // 兼容2.x API 1.x改为 expandTrigger
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      filterOptions = _useState4[0],
-      setFilterOptions = _useState4[1]; // 缓存原始value，用户可能点击option但是没选中，用于恢复初始value
-
-
-  var _useState5 = (0, _react.useState)(value || defaultValue || []),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      cacheValue = _useState6[0],
-      setCacheValue = _useState6[1]; // 选中态 value
-
-
-  var _useState7 = (0, _react.useState)(value || defaultValue || []),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      cascaderValue = _useState8[0],
-      setCascaderValue = _useState8[1];
-
-  var _useState9 = (0, _react.useState)((0, _utils.getCascaderLabel)(value || defaultValue || [], fieldNames, displayRender, data)),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      cascaderLabel = _useState10[0],
-      setCascaderLabel = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(-1),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      focusOptionIndex = _useState12[0],
-      setFocusOptionIndex = _useState12[1];
-
-  var targetByKeyDown = (0, _react.useRef)(false);
-  var currentDeep = (0, _react.useRef)(0);
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      popperShow = _useState14[0],
-      setPopperShow = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(''),
-      _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      keyword = _useState16[0],
-      setKeyword = _useState16[1];
-
-  var hiCascader = (0, _react.useRef)();
-  var inputContainer = (0, _react.useRef)();
-  var inputRef = (0, _react.useRef)(); // 每次值被改变重置缓存值、重置label 展示
-
-  (0, _react.useEffect)(function () {
-    if (value !== undefined) {
-      setCacheValue(value);
-    }
-  }, [value]);
-  (0, _react.useEffect)(function () {
-    setFocusOptionIndex(-1);
-    currentDeep.current = 0;
-
-    if (onOpen && popperShow) {
-      var dataSource = onOpen();
-
-      if (dataSource && dataSource.toString() === '[object Promise]') {
-        dataSource.then(function (res) {
-          setData((0, _utils.parseData)(res, fieldNames));
-        });
-      }
-
-      if (Array.isArray(onOpen)) {
-        setData((0, _utils.parseData)(dataSource, fieldNames));
-      }
-    }
-  }, [popperShow]);
-  (0, _react.useEffect)(function () {
-    setCascaderValue(cacheValue);
-  }, [cacheValue]);
-  (0, _react.useEffect)(function () {
-    setCascaderLabel((0, _utils.getCascaderLabel)(cacheValue, fieldNames, displayRender, data));
-  }, [cacheValue, data]);
-  var onChangeValue = (0, _react.useCallback)(function (values, hasChildren) {
-    setFilterOptions(false);
-    setKeyword('');
-    setCascaderValue(values);
-
-    if (expandTrigger === 'click') {
-      if (changeOnSelect || !hasChildren) {
-        if (value === undefined) {
-          setCacheValue(values);
-        }
-
-        onChange(values);
-      }
-
-      if (hasChildren) {
-        onActiveItemChange(values);
-      } else {
-        setPopperShow(false);
-      }
-    } else {
-      // hover
-      if (changeOnSelect || !hasChildren) {
-        if (value === undefined) {
-          setCacheValue(values);
-        }
-
-        onChange(values);
-        setPopperShow(false);
-      }
-    }
-  }, [changeOnSelect, expandTrigger, onChange, cascaderValue, popperShow]);
-  var clearValue = (0, _react.useCallback)(function (e) {
-    e.stopPropagation();
-    onChangeValue([], false);
-  }, [onChangeValue]);
-  var onHover = (0, _react.useCallback)(function (value, hasChildren) {
-    setFilterOptions(false);
-    setKeyword('');
-    setCascaderValue(value);
-
-    if (hasChildren) {
-      onActiveItemChange(value);
-    }
-  }, []);
-  var onKeywordChange = (0, _react.useCallback)(function () {
-    if (!keyword) {
-      setFilterOptions(false);
-      setPopperShow(false);
-      return;
-    }
-
-    var initMatchOptions = {
-      options: [],
-      matchCount: 0
-    };
-    var filterOptions = (0, _utils.getfilterOptions)(data, initMatchOptions, fieldNames, keyword);
-    var ids = (0, _utils.getSearchId)(filterOptions, keyword, filterOption, fieldNames);
-    setCascaderValue(ids);
-    filterOptions = formatFilterOptions(data, keyword);
-    setPopperShow(true);
-  }, [keyword, data]); // 配置化
-
-  var localeDatasProps = (0, _react.useCallback)(function (key) {
-    return props[key] ? props[key] : localeDatas.cascader[key];
-  }, []);
-  var formatFilterOptions = (0, _react.useCallback)(function (data, keyword) {
-    var labelKey = (0, _utils.getLabelKey)(fieldNames);
-    var valueKey = (0, _utils.getValueKey)(fieldNames);
-    var childrenKey = (0, _utils.getChildrenKey)(fieldNames);
-
-    if (data.length === 0) {
-      return [];
-    } else {
-      var _changeOptions = function _changeOptions(options) {
-        return options.map(function (option) {
-          var label = option[labelKey];
-          var value = option[valueKey];
-          var children = option[childrenKey];
-
-          if (label.toString().includes(keyword) || value.toString().includes(keyword)) {
-            var hightlight = [];
-            hightlight.push(hightlightKeyword(label, keyword));
-            option.hightlight = hightlight;
-          } else {
-            option.hightlight = null;
-          }
-
-          if (children && children.length > 0) {
-            _changeOptions(children);
-          }
-
-          return option;
-        });
-      };
-
-      setFilterOptions(_changeOptions(data, []));
-      return _changeOptions(data);
-    }
-  });
-  var hightlightKeyword = (0, _react.useCallback)(function (text, keyword, uniqueKey) {
-    var _keyword = keyword;
-    _keyword = keyword.includes('[') ? _keyword.replace(/\[/gi, '\\[') : _keyword;
-    _keyword = keyword.includes('(') ? _keyword.replace(/\(/gi, '\\(') : _keyword;
-    _keyword = keyword.includes(')') ? _keyword.replace(/\)/gi, '\\)') : _keyword;
-    var parts = text.split(new RegExp("(".concat(_keyword, ")"), 'gi'));
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      key: uniqueKey
-    }, parts.map(function (part, i) {
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        key: i,
-        className: part === keyword ? 'hi-cascader-menu__item--label-hightlight' : 'hi-cascader-menu__item--label-noHightlight'
-      }, part);
-    }));
-  }, []);
-  var handleClick = (0, _react.useCallback)(function (e) {
-    if (popperShow) {
-      return;
-    }
-
-    if (!disabled) {
-      if (!searchable) {
-        setKeyword('');
-        setFilterOptions(false);
-      }
-
-      if (!searchable || searchable && cascaderValue.length) {
-        setPopperShow(true);
-      }
-
-      if (searchable && keyword) {
-        onKeywordChange();
-      } else {
-        setCascaderValue(cacheValue || []);
-      }
-
-      inputRef.current.focus();
-    }
-  }, [popperShow, cacheValue, cascaderValue, keyword]);
-  var parseFocusOptionIndex = (0, _react.useCallback)(function () {
-    var deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : currentDeep.current;
-    var optionIndexs = focusOptionIndex < 0 ? [focusOptionIndex] : String(focusOptionIndex).split('-');
-    return {
-      optionIndexs: optionIndexs.slice(0, deep + 1),
-      focusOptionIndex: optionIndexs[deep] || -1
-    };
-  }, [focusOptionIndex, currentDeep.current]); // 获取不同深度的数据, 该深度的全部数据而不是单条数据
-
-  var getDeepData = (0, _react.useCallback)(function () {
-    var deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : currentDeep.current;
-
-    var _parseFocusOptionInde = parseFocusOptionIndex(deep),
-        optionIndexs = _parseFocusOptionInde.optionIndexs;
-
-    var _data = data;
-
-    if (optionIndexs.length <= 1) {
-      return _data;
-    }
-
-    _data = optionIndexs.reduce(function (deepData, current, index) {
-      if (index === 0) return deepData;
-      var _index = optionIndexs[index - 1];
-      return deepData[_index][(0, _utils.getChildrenKey)(fieldNames)];
-    }, data);
-    return _data || [];
-  }, [parseFocusOptionIndex, data, currentDeep.current]); // 上下按键
-
-  var moveFocusedIndex = (0, _react.useCallback)(function (direction) {
-    targetByKeyDown.current = true;
-
-    var _data = currentDeep.current === 0 ? data : getDeepData();
-
-    var _parseFocusOptionInde2 = parseFocusOptionIndex(),
-        _focusOptionIndex = _parseFocusOptionInde2.focusOptionIndex;
-
-    var isAllDisabled = _data.every(function (item) {
-      return item.disabled;
-    });
-
-    var index = direction === 'down' ? _focusOptionIndex / 1 + 1 : _focusOptionIndex / 1 - 1;
-
-    if (index < 0) {
-      index = _data.length - 1;
-    } else if (index >= _data.length) {
-      index = 0;
-    }
-
-    if (!isAllDisabled) {
-      while (data[index] && data[index].disabled) {
-        index++;
-      }
-
-      if (currentDeep.current > 0) {
-        var _focusOptionIndex2 = String(focusOptionIndex).split('-');
-
-        _focusOptionIndex2[currentDeep.current] = index;
-        index = _focusOptionIndex2.join('-');
-      } else {
-        index = String(index);
-      }
-
-      setFocusOptionIndex(index);
-    } else {
-      setFocusOptionIndex(-1);
-    }
-  }, [targetByKeyDown.current, currentDeep.current, data, getDeepData, parseFocusOptionIndex, focusOptionIndex]); // 右方向按键
-
-  var rightHandle = (0, _react.useCallback)(function () {
-    targetByKeyDown.current = true;
-    currentDeep.current++;
-
-    var _parseFocusOptionInde3 = parseFocusOptionIndex(),
-        optionIndexs = _parseFocusOptionInde3.optionIndexs;
-
-    var optionValues = [];
-    var l = optionIndexs.length;
-    optionIndexs.map(function (item, index) {
-      var _data = getDeepData(index);
-
-      optionValues.push(_data[item].id);
-    });
-    var currentItem = getDeepData(l - 1)[optionIndexs[l - 1]] || {};
-    var children = currentItem[(0, _utils.getChildrenKey)(fieldNames)] || [];
-    var hasChildren = !!children.length;
-    onChangeValue(optionValues, hasChildren);
-    var index = 0;
-
-    while (children[index] && children[index].disabled) {
-      index++;
-    }
-
-    index = hasChildren ? focusOptionIndex + '-' + index : focusOptionIndex;
-    setFocusOptionIndex(index);
-  }, [targetByKeyDown.current, parseFocusOptionIndex, focusOptionIndex, onChangeValue, currentDeep.current]); // 左方向按键
-
-  var leftHandle = (0, _react.useCallback)(function () {
-    targetByKeyDown.current = true;
-    var optionsIndex = focusOptionIndex.split('-');
-
-    if (cascaderValue.length === 0) {
-      currentDeep.current = 0;
-      return;
-    }
-
-    currentDeep.current--;
-    setFocusOptionIndex(optionsIndex.splice(0, optionsIndex.length - 1).join('-'));
-    onChangeValue(cascaderValue.splice(0, cascaderValue.length - 1), true);
-  }, [focusOptionIndex, targetByKeyDown.current, onChangeValue, currentDeep.current, cascaderValue]); // 按键操作
-
-  var handleKeyDown = (0, _react.useCallback)(function (evt) {
-    // space
-    if (evt.keyCode === 32 && !searchable) {
-      evt.preventDefault();
-      evt.stopPropagation();
-      setPopperShow(!popperShow);
-    } // esc
-
-
-    if (evt.keyCode === 27) {
-      evt.stopPropagation();
-      setPopperShow(false);
-    }
-
-    if (popperShow) {
-      // down
-      if (evt.keyCode === 40) {
-        evt.stopPropagation();
-        evt.preventDefault();
-        moveFocusedIndex('down');
-      } // up
-
-
-      if (evt.keyCode === 38) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        moveFocusedIndex('up');
-      } // right
-
-
-      if (evt.keyCode === 39 || evt.keyCode === 13) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        rightHandle();
-      } // left
-
-
-      if (evt.keyCode === 37) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        leftHandle();
-      }
-    }
-  }, [moveFocusedIndex, rightHandle, leftHandle]);
-  var extraClass = {
-    'hi-cascader--disabled': disabled,
-    'hi-cascader--focused': popperShow,
-    'hi-cascader--clearable': clearable
-  };
-  var expandIcon = popperShow ? 'icon-up' : 'icon-down';
-  var placeholder = cascaderLabel || localeDatasProps('placeholder');
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-cascader', "theme__".concat(theme), className, extraClass),
-    style: style,
-    ref: hiCascader,
-    tabIndex: "0",
-    onKeyDown: handleKeyDown
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-cascader__input-container', {
-      bordered: bordered
-    }),
-    ref: inputContainer,
-    onClick: handleClick
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    ref: inputRef,
-    className: "hi-cascader__input-keyword",
-    value: searchable && keyword || !popperShow && cascaderLabel || '',
-    readOnly: !searchable,
-    disabled: disabled,
-    placeholder: placeholder,
-    onChange: function onChange(e) {
-      if (!e.target.value) {
-        clearValue(e);
-      }
-
-      setKeyword(e.target.value);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === 13) {
-        onKeywordChange();
-      }
-    }
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-cascader__icon"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('hi-cascader__icon--expand', 'hi-icon', expandIcon, {
-      'has-value': clearable && (searchable && keyword !== '' || !popperShow && cascaderLabel !== '')
-    })
-  }), clearable && (searchable && keyword !== '' || !popperShow && cascaderLabel !== '') && /*#__PURE__*/_react["default"].createElement("i", {
-    className: "hi-cascader__icon--clear hi-icon icon-close-circle",
-    onClick: clearValue
-  }))), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-    show: popperShow,
-    attachEle: inputContainer.current,
-    zIndex: 1050,
-    topGap: 5,
-    width: 'auto',
-    className: "hi-cascader__popper",
-    placement: "top-bottom-start",
-    onClickOutside: function onClickOutside() {
-      setPopperShow(false);
-      onClose && onClose();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-    value: cascaderValue,
-    options: filterOptions || data,
-    theme: theme,
-    isFiltered: filterOptions,
-    filterOptionWidth: hiCascader.current && hiCascader.current.clientWidth,
-    valueKey: (0, _utils.getValueKey)(fieldNames),
-    labelKey: (0, _utils.getLabelKey)(fieldNames),
-    childrenKey: (0, _utils.getChildrenKey)(fieldNames),
-    onSelect: onChangeValue,
-    onHover: onHover,
-    currentDeep: currentDeep,
-    expandTrigger: expandTrigger,
-    focusOptionIndex: focusOptionIndex,
-    setFocusOptionIndex: setFocusOptionIndex,
-    targetByKeyDown: targetByKeyDown,
-    emptyContent: emptyContent,
-    localeDatasProps: localeDatasProps
-  })));
-};
-
-exports.Cascader = Cascader;
-
-var _default = (0, _context["default"])(Cascader);
-
-exports["default"] = _default;

package/es/cascader/Menu.js

@@ -1,147 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _empty = _interopRequireDefault(require("./img/empty.png"));
-
-var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var value = _ref.value,
-      options = _ref.options,
-      onSelect = _ref.onSelect,
-      isFiltered = _ref.isFiltered,
-      filterOptionWidth = _ref.filterOptionWidth,
-      theme = _ref.theme,
-      valueKey = _ref.valueKey,
-      labelKey = _ref.labelKey,
-      childrenKey = _ref.childrenKey,
-      onHover = _ref.onHover,
-      expandTrigger = _ref.expandTrigger,
-      localeDatasProps = _ref.localeDatasProps,
-      emptyContent = _ref.emptyContent,
-      focusOptionIndex = _ref.focusOptionIndex,
-      currentDeep = _ref.currentDeep,
-      targetByKeyDown = _ref.targetByKeyDown,
-      setFocusOptionIndex = _ref.setFocusOptionIndex;
-  // 配置化
-  var renderMenus = (0, _react.useCallback)(function () {
-    var currentOptions = options.slice();
-    var deep = 0;
-    var menus = [];
-
-    var _loop = function _loop() {
-      var currentValue = value[deep];
-
-      var _currentOptions = currentOptions.slice();
-
-      currentOptions = false; // currentDeep.current = deep
-
-      if (isFiltered && value.length > deep || !isFiltered) {
-        menus.push( /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-          visible: _currentOptions.length === 0,
-          key: deep
-        }, /*#__PURE__*/_react["default"].createElement("ul", {
-          id: "hi-cascader-menu",
-          className: "hi-cascader-menu theme__".concat(theme, " hi-cascader_transition"),
-          key: deep,
-          style: {
-            width: 'auto'
-          }
-        }, _currentOptions.map(function (option, index) {
-          var optionValue = option[valueKey];
-          var hasChildren = Array.isArray(option[childrenKey]);
-          var isExpanded = hasChildren && optionValue === currentValue;
-          var expandIcon = 'icon-right';
-          var _path = option._path;
-          var _deep = deep;
-          var optionValues = option.jointOption ? optionValue : getOptionValues(value, optionValue, deep); // jointOption为true代表搜索拼接出来的option，直接取value即可
-
-          if (isExpanded) {
-            currentOptions = option[childrenKey];
-          }
-
-          return /*#__PURE__*/_react["default"].createElement("li", {
-            className: (0, _classnames["default"])('hi-cascader-menu__item', {
-              'hi-cascader-menu__item-expanded': hasChildren,
-              'hi-cascader-menu__item-disabled': !!option.disabled,
-              'hi-cascader-menu__item-active': currentValue === optionValue,
-              'hi-cascader-menu__item-focus': String(_path) === focusOptionIndex && targetByKeyDown.current,
-              'hi-cascader-menu__item--isFiltered': isFiltered && !option.hightlight,
-              'hi-cascader-menu__item--path': isFiltered && value.includes(option.id)
-            }),
-            onClick: function onClick(e) {
-              e.stopPropagation();
-
-              if (!option.disabled) {
-                onSelect(optionValues, hasChildren);
-                targetByKeyDown.current = false;
-                setFocusOptionIndex(_path);
-                currentDeep.current = _deep;
-              }
-            },
-            onMouseEnter: function onMouseEnter(e) {
-              e.stopPropagation();
-
-              if (!option.disabled && expandTrigger === 'hover') {
-                onHover(optionValues, hasChildren);
-                targetByKeyDown.current = false;
-                setFocusOptionIndex(_path);
-                currentDeep.current = _deep;
-              }
-            },
-            key: optionValue + option[labelKey]
-          }, /*#__PURE__*/_react["default"].createElement("span", {
-            className: (0, _classnames["default"])("hi-cascader-menu__item--label")
-          }, isFiltered && option.hightlight ? (option.hightlight || []).map(function (item, index) {
-            return /*#__PURE__*/_react["default"].createElement("span", {
-              key: index
-            }, item);
-          }) : option[labelKey]), hasChildren && /*#__PURE__*/_react["default"].createElement("i", {
-            className: (0, _classnames["default"])('hi-cascader-menu__item--icon', 'hi-icon', expandIcon)
-          }));
-        }))));
-        deep++;
-      }
-    };
-
-    while (currentOptions) {
-      _loop();
-    }
-
-    return menus;
-  }, [options, value, valueKey, focusOptionIndex]);
-  var getOptionValues = (0, _react.useCallback)(function (values, optionValue, index) {
-    if (index === 0) {
-      return [optionValue];
-    } else {
-      return values.slice(0, index).concat([optionValue]);
-    }
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    ref: ref,
-    className: (0, _classnames["default"])('hi-cascader-menuOutter', {
-      'hi-cascader-menuOutter--empty': !value.length && isFiltered
-    }),
-    style: {
-      width: isFiltered && value.length === 0 ? filterOptionWidth : 'auto'
-    }
-  }, (value.length !== 0 && isFiltered || !isFiltered) && renderMenus(), value.length === 0 && isFiltered && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _empty["default"]
-  }), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "hi-cascader-menuOutter--emptyText"
-  }, emptyContent || localeDatasProps('emptyContent'))));
-});
-var _default = Menu;
-exports["default"] = _default;