@fle-ui/next 1.0.0 → 1.0.4-alpha.0

package/dist/@fle-ui/next.js

@@ -1,6 +1,6 @@
 /*!
  * 
- * @fle-ui/next v1.0.0
+ * @fle-ui/next v1.0.4-alpha.0
  * 
  * Copyright 2015-present, Alipay, Inc.
  * All rights reserved.
@@ -5690,43 +5690,24 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
-/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
-/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
-/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var rc_cascader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rc-cascader */ "./node_modules/rc-cascader/es/index.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! array-tree-filter */ "./node_modules/array-tree-filter/lib/index.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(array_tree_filter__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
-/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
-/* harmony import */ var _ant_design_icons_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js");
-/* harmony import */ var _ant_design_icons_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons/es/icons/DownOutlined */ "./node_modules/@ant-design/icons/es/icons/DownOutlined.js");
-/* harmony import */ var _ant_design_icons_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons/es/icons/RightOutlined */ "./node_modules/@ant-design/icons/es/icons/RightOutlined.js");
-/* harmony import */ var _ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ant-design/icons/es/icons/RedoOutlined */ "./node_modules/@ant-design/icons/es/icons/RedoOutlined.js");
-/* harmony import */ var _ant_design_icons_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @ant-design/icons/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons/es/icons/LeftOutlined.js");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../input */ "./components/input/index.tsx");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx");
-/* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_util/devWarning */ "./components/_util/devWarning.ts");
-/* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/SizeContext */ "./components/config-provider/SizeContext.tsx");
-/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_util/reactNode */ "./components/_util/reactNode.ts");
-/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_util/motion */ "./components/_util/motion.tsx");
-
-
-
-
-
-
-
-
-
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var rc_cascader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-cascader */ "./node_modules/rc-cascader/es/index.js");
+/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
+/* harmony import */ var _ant_design_icons_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons/es/icons/RightOutlined */ "./node_modules/@ant-design/icons/es/icons/RightOutlined.js");
+/* harmony import */ var _ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons/es/icons/RedoOutlined */ "./node_modules/@ant-design/icons/es/icons/RedoOutlined.js");
+/* harmony import */ var _ant_design_icons_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons/es/icons/LeftOutlined.js");
+/* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/devWarning */ "./components/_util/devWarning.ts");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/SizeContext */ "./components/config-provider/SizeContext.tsx");
+/* harmony import */ var _select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../select/utils/iconUtil */ "./components/select/utils/iconUtil.tsx");
+/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/motion */ "./components/_util/motion.tsx");
 
 
 
@@ -5743,548 +5724,174 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
- // We limit the filtered item count by default
 
-var defaultLimit = 50; // keep value when filtering
 
-var keepFilteredValueField = '__KEEP_FILTERED_OPTION_VALUE';
+function highlightKeyword(str, lowerKeyword, prefixCls) {
+  var cells = str.toLowerCase().split(lowerKeyword) // @ts-ignore
+  .reduce( // @ts-ignore
+  function (list, cur, index) {
+    return (// @ts-ignore
+      index === 0 ? [cur] : [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(list), [lowerKeyword, cur])
+    );
+  }, []);
+  var fillCells = [];
+  var start = 0; // @ts-ignore
 
-function highlightKeyword(str, keyword, prefixCls) {
-  return str.split(keyword).map(function (node, index) {
-    return index === 0 ? node : [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-      className: "".concat(prefixCls, "-menu-item-keyword"),
-      key: "seperator"
-    }, keyword), node];
-  });
-}
+  cells.forEach(function (cell, index) {
+    var end = start + cell.length;
+    var originWorld = str.slice(start, end);
+    start = end;
 
-function defaultFilterOption(inputValue, path, names) {
-  return path.some(function (option) {
-    return option[names.label].indexOf(inputValue) > -1;
-  });
-}
+    if (index % 2 === 1) {
+      originWorld = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
+        className: "".concat(prefixCls, "-menu-item-keyword"),
+        key: "seperator"
+      }, originWorld);
+    }
 
-function defaultRenderFilteredOption(inputValue, path, prefixCls, names) {
-  return path.map(function (option, index) {
-    var label = option[names.label];
-    var node = label.indexOf(inputValue) > -1 ? highlightKeyword(label, inputValue, prefixCls) : label;
-    return index === 0 ? node : [' / ', node];
+    fillCells.push(originWorld);
   });
+  return fillCells;
 }
 
-function defaultSortFilteredOption(a, b, inputValue, names) {
-  function callback(elem) {
-    return elem[names.label].indexOf(inputValue) > -1;
-  }
-
-  return a.findIndex(callback) - b.findIndex(callback);
-}
+var defaultSearchRender = function defaultSearchRender(inputValue, path, prefixCls, fieldNames) {
+  var optionList = []; // We do lower here to save perf
 
-function getFieldNames(_ref) {
-  var fieldNames = _ref.fieldNames;
-  return fieldNames;
-}
+  var lower = inputValue.toLowerCase();
+  path.forEach(function (node, index) {
+    if (index !== 0) {
+      optionList.push(' / ');
+    }
 
-function getFilledFieldNames(props) {
-  var fieldNames = getFieldNames(props) || {};
-  var names = {
-    children: fieldNames.children || 'children',
-    label: fieldNames.label || 'label',
-    value: fieldNames.value || 'value'
-  };
-  return names;
-}
+    var label = node[fieldNames.label];
 
-function flattenTree(options, props) {
-  var ancestor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var names = getFilledFieldNames(props);
-  var flattenOptions = [];
-  var childrenName = names.children;
-  options.forEach(function (option) {
-    var path = ancestor.concat(option);
+    var type = Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(label);
 
-    if (props.changeOnSelect || !option[childrenName] || !option[childrenName].length) {
-      flattenOptions.push(path);
+    if (type === 'string' || type === 'number') {
+      label = highlightKeyword(String(label), lower, prefixCls);
     }
 
-    if (option[childrenName]) {
-      flattenOptions = flattenOptions.concat(flattenTree(option[childrenName], props, path));
-    }
+    optionList.push(label);
   });
-  return flattenOptions;
-}
-
-var defaultDisplayRender = function defaultDisplayRender(label) {
-  return label.join(' / ');
+  return optionList;
 };
 
-function warningValueNotExist(list) {
-  var fieldNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  (list || []).forEach(function (item) {
-    var valueFieldName = fieldNames.value || 'value';
-    if (true) Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(valueFieldName in item, 'Cascader', 'Not found `value` in `options`.');
-    warningValueNotExist(item[fieldNames.children || 'children'], fieldNames);
-  });
-}
-
-function getEmptyNode(renderEmpty, names, notFoundContent) {
-  var _ref2;
-
-  return _ref2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, names.value, 'ANT_CASCADER_NOT_FOUND'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, names.label, notFoundContent || renderEmpty('Cascader')), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, "disabled", true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, "isEmptyNode", true), _ref2;
-}
-
-var Cascader = /*#__PURE__*/function (_React$Component) {
-  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Cascader, _React$Component);
-
-  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(Cascader);
-
-  function Cascader(props) {
-    var _this;
-
-    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(this, Cascader);
-
-    _this = _super.call(this, props);
-    _this.cachedOptions = [];
-
-    _this.setValue = function (value) {
-      var selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-      if (!('value' in _this.props)) {
-        _this.setState({
-          value: value
-        });
-      }
-
-      var onChange = _this.props.onChange;
-      onChange === null || onChange === void 0 ? void 0 : onChange(value, selectedOptions);
-    };
-
-    _this.saveInput = function (node) {
-      _this.input = node;
-    };
-
-    _this.handleChange = function (value, selectedOptions) {
-      _this.setState({
-        inputValue: ''
-      });
-
-      if (selectedOptions[0].__IS_FILTERED_OPTION) {
-        var unwrappedValue = selectedOptions[0][keepFilteredValueField] === undefined ? value[0] : selectedOptions[0][keepFilteredValueField];
-        var unwrappedSelectedOptions = selectedOptions[0].path;
-
-        _this.setValue(unwrappedValue, unwrappedSelectedOptions);
-
-        return;
-      }
-
-      _this.setValue(value, selectedOptions);
-    };
-
-    _this.handlePopupVisibleChange = function (popupVisible) {
-      if (!('popupVisible' in _this.props)) {
-        _this.setState(function (state) {
-          return {
-            popupVisible: popupVisible,
-            inputFocused: popupVisible,
-            inputValue: popupVisible ? state.inputValue : ''
-          };
-        });
-      }
-
-      var onPopupVisibleChange = _this.props.onPopupVisibleChange;
-      onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(popupVisible);
-    };
-
-    _this.handleInputBlur = function () {
-      _this.setState({
-        inputFocused: false
-      });
-    };
-
-    _this.handleInputClick = function (e) {
-      var _this$state = _this.state,
-          inputFocused = _this$state.inputFocused,
-          popupVisible = _this$state.popupVisible; // Prevent `Trigger` behaviour.
-
-      if (inputFocused || popupVisible) {
-        e.stopPropagation();
-      }
-    };
-
-    _this.handleKeyDown = function (e) {
-      // SPACE => https://github.com/ant-design/ant-design/issues/16871
-      if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"].BACKSPACE || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"].SPACE) {
-        e.stopPropagation();
-      }
-    };
-
-    _this.handleInputChange = function (e) {
-      var popupVisible = _this.state.popupVisible;
-      var inputValue = e.target.value;
-
-      if (!popupVisible) {
-        _this.handlePopupVisibleChange(true);
-      }
-
-      _this.setState({
-        inputValue: inputValue
-      });
-    };
-
-    _this.clearSelection = function (e) {
-      var inputValue = _this.state.inputValue;
-      e.preventDefault();
-      e.stopPropagation();
-
-      if (!inputValue) {
-        _this.handlePopupVisibleChange(false);
-
-        _this.clearSelectionTimeout = setTimeout(function () {
-          _this.setValue([]);
-        }, 200);
-      } else {
-        _this.setState({
-          inputValue: ''
-        });
-      }
-    };
-
-    _this.renderCascader = function (_ref3, locale) {
-      var getContextPopupContainer = _ref3.getPopupContainer,
-          getPrefixCls = _ref3.getPrefixCls,
-          renderEmpty = _ref3.renderEmpty,
-          direction = _ref3.direction;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_23__[/* default */ "b"].Consumer, null, function (size) {
-        var _classNames, _classNames2, _classNames3, _classNames5;
-
-        var _assertThisInitialize = Object(_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_this),
-            props = _assertThisInitialize.props,
-            state = _assertThisInitialize.state;
-
-        var customizePrefixCls = props.prefixCls,
-            customizeInputPrefixCls = props.inputPrefixCls,
-            children = props.children,
-            _props$placeholder = props.placeholder,
-            placeholder = _props$placeholder === void 0 ? locale.placeholder || 'Please select' : _props$placeholder,
-            customizeSize = props.size,
-            disabled = props.disabled,
-            className = props.className,
-            style = props.style,
-            allowClear = props.allowClear,
-            _props$showSearch = props.showSearch,
-            showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
-            suffixIcon = props.suffixIcon,
-            expandIcon = props.expandIcon,
-            notFoundContent = props.notFoundContent,
-            popupClassName = props.popupClassName,
-            bordered = props.bordered,
-            dropdownRender = props.dropdownRender,
-            otherProps = Object(tslib__WEBPACK_IMPORTED_MODULE_7__[/* __rest */ "c"])(props, ["prefixCls", "inputPrefixCls", "children", "placeholder", "size", "disabled", "className", "style", "allowClear", "showSearch", "suffixIcon", "expandIcon", "notFoundContent", "popupClassName", "bordered", "dropdownRender"]);
-
-        var mergedSize = customizeSize || size;
-        var value = state.value,
-            inputFocused = state.inputFocused;
-        var isRtlLayout = direction === 'rtl';
-        var prefixCls = getPrefixCls('cascader', customizePrefixCls);
-        var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
-        var sizeCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames, "".concat(inputPrefixCls, "-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames, "".concat(inputPrefixCls, "-sm"), mergedSize === 'small'), _classNames));
-        var clearIcon = allowClear && !disabled && value.length > 0 || state.inputValue ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"], {
-          className: "".concat(prefixCls, "-picker-clear"),
-          onClick: _this.clearSelection
-        }) : null;
-        var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()((_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-picker-arrow"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-picker-arrow-expand"), state.popupVisible), _classNames2));
-        var pickerCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-picker"), (_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-rtl"), isRtlLayout), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-with-value"), state.inputValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-").concat(mergedSize), !!mergedSize), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-show-search"), !!showSearch), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-focused"), inputFocused), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames3, "".concat(prefixCls, "-picker-borderless"), !bordered), _classNames3), className); // Fix bug of https://github.com/facebook/react/pull/5004
-        // and https://fb.me/react-unknown-prop
-
-        var inputProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])( // Not know why these props left
-        otherProps, ['onChange', 'options', 'popupPlacement', 'transitionName', 'displayRender', 'onPopupVisibleChange', 'changeOnSelect', 'expandTrigger', 'popupVisible', 'getPopupContainer', 'loadData', 'filterOption', 'renderFilteredOption', 'sortFilteredOption', 'fieldNames']);
-        var options = props.options;
-        var names = getFilledFieldNames(_this.props);
-
-        if (options && options.length > 0) {
-          if (state.inputValue) {
-            options = _this.generateFilteredOptions(prefixCls, renderEmpty);
-          }
-        } else {
-          options = [getEmptyNode(renderEmpty, names, notFoundContent)];
-        } // Dropdown menu should keep previous status until it is fully closed.
-
-
-        if (!state.popupVisible) {
-          options = _this.cachedOptions;
-        } else {
-          _this.cachedOptions = options;
-        }
-
-        var dropdownMenuColumnStyle = {};
-        var isNotFound = (options || []).length === 1 && options[0].isEmptyNode;
-
-        if (isNotFound) {
-          dropdownMenuColumnStyle.height = 'auto'; // Height of one row.
-        } // The default value of `matchInputWidth` is `true`
+var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](function (props, ref) {
+  var _classNames2;
 
+  var customizePrefixCls = props.prefixCls,
+      customizeSize = props.size,
+      className = props.className,
+      multiple = props.multiple,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      transitionName = props.transitionName,
+      _props$choiceTransiti = props.choiceTransitionName,
+      choiceTransitionName = _props$choiceTransiti === void 0 ? '' : _props$choiceTransiti,
+      popupClassName = props.popupClassName,
+      dropdownClassName = props.dropdownClassName,
+      expandIcon = props.expandIcon,
+      showSearch = props.showSearch,
+      _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+      notFoundContent = props.notFoundContent,
+      direction = props.direction,
+      getPopupContainer = props.getPopupContainer,
+      rest = Object(tslib__WEBPACK_IMPORTED_MODULE_4__[/* __rest */ "c"])(props, ["prefixCls", "size", "className", "multiple", "bordered", "transitionName", "choiceTransitionName", "popupClassName", "dropdownClassName", "expandIcon", "showSearch", "allowClear", "notFoundContent", "direction", "getPopupContainer"]);
 
-        var resultListMatchInputWidth = showSearch.matchInputWidth !== false;
+  var restProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(rest, ['suffixIcon']);
 
-        if (resultListMatchInputWidth && (state.inputValue || isNotFound) && _this.input) {
-          dropdownMenuColumnStyle.width = _this.input.input.offsetWidth;
-        }
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_13__[/* ConfigContext */ "b"]),
+      getContextPopupContainer = _React$useContext.getPopupContainer,
+      getPrefixCls = _React$useContext.getPrefixCls,
+      renderEmpty = _React$useContext.renderEmpty,
+      rootDirection = _React$useContext.direction;
 
-        var inputIcon;
+  var mergedDirection = direction || rootDirection;
+  var isRtl = mergedDirection === 'rtl'; // =================== Warning =====================
 
-        if (suffixIcon) {
-          inputIcon = Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_24__[/* replaceElement */ "c"])(suffixIcon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-            className: "".concat(prefixCls, "-picker-arrow")
-          }, suffixIcon), function () {
-            var _classNames4;
+  if (true) {
+    if (true) Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(popupClassName === undefined, 'Cascader', '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
+  } // =================== No Found ====================
 
-            return {
-              className: classnames__WEBPACK_IMPORTED_MODULE_11___default()((_classNames4 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames4, suffixIcon.props.className, suffixIcon.props.className), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames4, "".concat(prefixCls, "-picker-arrow"), true), _classNames4))
-            };
-          });
-        } else {
-          inputIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"], {
-            className: arrowCls
-          });
-        }
 
-        var input = children || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-          style: style,
-          className: pickerCls
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-          className: "".concat(prefixCls, "-picker-label")
-        }, _this.getLabel()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_input__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, inputProps, {
-          tabIndex: -1,
-          ref: _this.saveInput,
-          prefixCls: inputPrefixCls,
-          placeholder: value && value.length > 0 ? undefined : placeholder,
-          className: "".concat(prefixCls, "-input ").concat(sizeCls),
-          value: state.inputValue,
-          disabled: disabled,
-          readOnly: !showSearch,
-          autoComplete: inputProps.autoComplete || 'off',
-          onClick: showSearch ? _this.handleInputClick : undefined,
-          onBlur: showSearch ? _this.handleInputBlur : undefined,
-          onKeyDown: _this.handleKeyDown,
-          onChange: showSearch ? _this.handleInputChange : undefined
-        })), clearIcon, inputIcon);
-        var expandIconNode;
-
-        if (expandIcon) {
-          expandIconNode = expandIcon;
-        } else {
-          expandIconNode = isRtlLayout ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"], null);
-        }
+  var mergedNotFoundContent = notFoundContent || renderEmpty('Cascader'); // ==================== Prefix =====================
 
-        var loadingIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-          className: "".concat(prefixCls, "-menu-item-loading-icon")
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"], {
-          spin: true
-        }));
-        var getPopupContainer = props.getPopupContainer || getContextPopupContainer;
-        var rest = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(props, ['inputIcon', 'expandIcon', 'loadingIcon', 'bordered', 'className']);
-        var rcCascaderPopupClassName = classnames__WEBPACK_IMPORTED_MODULE_11___default()(popupClassName, (_classNames5 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames5, "".concat(prefixCls, "-menu-").concat(direction), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_classNames5, "".concat(prefixCls, "-menu-empty"), options.length === 1 && options[0].value === 'ANT_CASCADER_NOT_FOUND'), _classNames5));
-        var rootPrefixCls = getPrefixCls();
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](rc_cascader__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, rest, {
-          prefixCls: prefixCls,
-          getPopupContainer: getPopupContainer,
-          options: options,
-          value: value,
-          popupVisible: state.popupVisible,
-          onPopupVisibleChange: _this.handlePopupVisibleChange,
-          onChange: _this.handleChange,
-          dropdownMenuColumnStyle: dropdownMenuColumnStyle,
-          expandIcon: expandIconNode,
-          loadingIcon: loadingIcon,
-          popupClassName: rcCascaderPopupClassName,
-          popupPlacement: _this.getPopupPlacement(direction),
-          // rc-cascader should update ts define to fix this case
-          dropdownRender: dropdownRender,
-          transitionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_25__[/* getTransitionName */ "b"])(rootPrefixCls, 'slide-up', props.transitionName)
-        }), input);
-      });
-    };
+  var rootPrefixCls = getPrefixCls();
+  var prefixCls = getPrefixCls('select', customizePrefixCls);
+  var cascaderPrefixCls = getPrefixCls('cascader', customizePrefixCls); // =================== Dropdown ====================
 
-    _this.state = {
-      value: props.value || props.defaultValue || [],
-      inputValue: '',
-      inputFocused: false,
-      popupVisible: props.popupVisible,
-      flattenOptions: props.showSearch ? flattenTree(props.options, props) : undefined,
-      prevProps: props
-    };
-    return _this;
-  }
+  var mergedDropdownClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(dropdownClassName || popupClassName, "".concat(cascaderPrefixCls, "-dropdown"), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, "".concat(cascaderPrefixCls, "-dropdown-rtl"), mergedDirection === 'rtl')); // ==================== Search =====================
 
-  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Cascader, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.clearSelectionTimeout) {
-        clearTimeout(this.clearSelectionTimeout);
-      }
+  var mergedShowSearch = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    if (!showSearch) {
+      return showSearch;
     }
-  }, {
-    key: "getLabel",
-    value: function getLabel() {
-      var _this$props = this.props,
-          options = _this$props.options,
-          _this$props$displayRe = _this$props.displayRender,
-          displayRender = _this$props$displayRe === void 0 ? defaultDisplayRender : _this$props$displayRe;
-      var names = getFilledFieldNames(this.props);
-      var value = this.state.value;
-      var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
-      var selectedOptions = array_tree_filter__WEBPACK_IMPORTED_MODULE_10___default()(options, function (o, level) {
-        return o[names.value] === unwrappedValue[level];
-      }, {
-        childrenKeyName: names.children
-      });
-      var label = selectedOptions.length ? selectedOptions.map(function (o) {
-        return o[names.label];
-      }) : value;
-      return displayRender(label, selectedOptions);
-    }
-  }, {
-    key: "generateFilteredOptions",
-    value: function generateFilteredOptions(prefixCls, renderEmpty) {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          showSearch = _this$props2.showSearch,
-          notFoundContent = _this$props2.notFoundContent;
-      var names = getFilledFieldNames(this.props);
-      var _showSearch$filter = showSearch.filter,
-          filter = _showSearch$filter === void 0 ? defaultFilterOption : _showSearch$filter,
-          _showSearch$render = showSearch.render,
-          render = _showSearch$render === void 0 ? defaultRenderFilteredOption : _showSearch$render,
-          _showSearch$sort = showSearch.sort,
-          sort = _showSearch$sort === void 0 ? defaultSortFilteredOption : _showSearch$sort,
-          _showSearch$limit = showSearch.limit,
-          limit = _showSearch$limit === void 0 ? defaultLimit : _showSearch$limit;
-      var _this$state2 = this.state,
-          _this$state2$flattenO = _this$state2.flattenOptions,
-          flattenOptions = _this$state2$flattenO === void 0 ? [] : _this$state2$flattenO,
-          inputValue = _this$state2.inputValue; // Limit the filter if needed
-
-      var filtered;
-
-      if (limit > 0) {
-        filtered = [];
-        var matchCount = 0; // Perf optimization to filter items only below the limit
-
-        flattenOptions.some(function (path) {
-          var match = filter(_this2.state.inputValue, path, names);
-
-          if (match) {
-            filtered.push(path);
-            matchCount += 1;
-          }
-
-          return matchCount >= limit;
-        });
-      } else {
-        Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(typeof limit !== 'number', 'Cascader', "'limit' of showSearch should be positive number or false.");
-        filtered = flattenOptions.filter(function (path) {
-          return filter(_this2.state.inputValue, path, names);
-        });
-      }
 
-      filtered = filtered.sort(function (a, b) {
-        return sort(a, b, inputValue, names);
-      });
-
-      if (filtered.length > 0) {
-        // Fix issue: https://github.com/ant-design/ant-design/issues/26554
-        var field = names.value === names.label ? keepFilteredValueField : names.value;
-        return filtered.map(function (path) {
-          var _ref4;
-
-          return _ref4 = {
-            __IS_FILTERED_OPTION: true,
-            path: path
-          }, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref4, field, path.map(function (o) {
-            return o[names.value];
-          })), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref4, names.label, render(inputValue, path, prefixCls, names)), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref4, "disabled", path.some(function (o) {
-            return !!o.disabled;
-          })), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref4, "isEmptyNode", true), _ref4;
-        });
-      }
+    var searchConfig = {
+      render: defaultSearchRender
+    };
 
-      return [getEmptyNode(renderEmpty, names, notFoundContent)];
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      this.input.focus();
-    }
-  }, {
-    key: "blur",
-    value: function blur() {
-      this.input.blur();
+    if (Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(showSearch) === 'object') {
+      searchConfig = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, searchConfig), showSearch);
     }
-  }, {
-    key: "getPopupPlacement",
-    value: function getPopupPlacement() {
-      var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ltr';
-      var popupPlacement = this.props.popupPlacement;
 
-      if (popupPlacement !== undefined) {
-        return popupPlacement;
-      }
+    return searchConfig;
+  }, [showSearch]); // ===================== Size ======================
 
-      return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
+  var size = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_14__[/* default */ "b"]);
+  var mergedSize = customizeSize || size; // ===================== Icon ======================
 
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_20__[/* ConfigConsumer */ "a"], null, function (configArgument) {
-        return (
-          /*#__PURE__*/
-          // @ts-ignore
-          react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"], null, function (locale) {
-            return _this3.renderCascader(configArgument, locale);
-          })
-        );
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, _ref5) {
-      var prevProps = _ref5.prevProps;
-      var newState = {
-        prevProps: nextProps
-      };
+  var mergedExpandIcon = expandIcon;
 
-      if ('value' in nextProps) {
-        newState.value = nextProps.value || [];
-      }
-
-      if ('popupVisible' in nextProps) {
-        newState.popupVisible = nextProps.popupVisible;
-      }
+  if (!expandIcon) {
+    mergedExpandIcon = isRtl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_ant_design_icons_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_ant_design_icons_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], null);
+  }
 
-      if (nextProps.showSearch && prevProps.options !== nextProps.options) {
-        newState.flattenOptions = flattenTree(nextProps.options, nextProps);
-      }
+  var loadingIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
+    className: "".concat(prefixCls, "-menu-item-loading-icon")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"], {
+    spin: true
+  })); // =================== Multiple ====================
 
-      if ( true && nextProps.options) {
-        warningValueNotExist(nextProps.options, getFieldNames(nextProps));
-      }
+  var checkable = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    return multiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
+      className: "".concat(cascaderPrefixCls, "-checkbox-inner")
+    }) : false;
+  }, [multiple]); // ===================== Icons =====================
 
-      return newState;
-    }
-  }]);
+  var _getIcons = Object(_select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, props), {
+    multiple: multiple,
+    prefixCls: prefixCls
+  })),
+      suffixIcon = _getIcons.suffixIcon,
+      removeIcon = _getIcons.removeIcon,
+      clearIcon = _getIcons.clearIcon; // ==================== Render =====================
 
-  return Cascader;
-}(react__WEBPACK_IMPORTED_MODULE_8__["Component"]);
 
-Cascader.defaultProps = {
-  options: [],
-  disabled: false,
-  allowClear: true,
-  bordered: true
-};
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](rc_cascader__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
+    prefixCls: prefixCls,
+    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(!customizePrefixCls && cascaderPrefixCls, (_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-sm"), mergedSize === 'small'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-rtl"), isRtl), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), _classNames2), className)
+  }, restProps, {
+    direction: mergedDirection,
+    notFoundContent: mergedNotFoundContent,
+    allowClear: allowClear,
+    showSearch: mergedShowSearch,
+    expandIcon: mergedExpandIcon,
+    inputIcon: suffixIcon,
+    removeIcon: removeIcon,
+    clearIcon: clearIcon,
+    loadingIcon: loadingIcon,
+    checkable: checkable,
+    dropdownClassName: mergedDropdownClassName,
+    dropdownPrefixCls: customizePrefixCls || cascaderPrefixCls,
+    choiceTransitionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_16__[/* getTransitionName */ "b"])(rootPrefixCls, '', choiceTransitionName),
+    transitionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_16__[/* getTransitionName */ "b"])(rootPrefixCls, 'slide-up', transitionName),
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    ref: ref
+  }));
+});
+Cascader.displayName = 'Cascader';
 /* harmony default export */ __webpack_exports__["a"] = (Cascader);
 
 /***/ }),
@@ -6315,7 +5922,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/cascader/style/index.less");
 /* harmony import */ var _empty_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../empty/style */ "./components/empty/style/index.tsx");
-/* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.tsx");
+/* harmony import */ var _select_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../select/style */ "./components/select/style/index.tsx");
 
  // style dependencies
 
@@ -18687,7 +18294,7 @@ var NoFound = function NoFound() {
     fill: "#FFF"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
     d: "M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48",
-    fill: "#1890FF"
+    fill: "#2c68ff"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
     d: "M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894",
     fill: "#FFF"
@@ -42048,46 +41655,6 @@ function warningProps(props) {
 
 /* harmony default export */ __webpack_exports__["a"] = (warningProps);
 
-/***/ }),
-
-/***/ "./node_modules/array-tree-filter/lib/index.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/array-tree-filter/lib/index.js ***!
-  \*****************************************************/
-/*! no static exports found */
-/*! exports used: default */
-/***/ (function(module, exports, __webpack_require__) {
-
-(function (global, factory) {
-	 true ? module.exports = factory() :
-	undefined;
-}(this, (function () { 'use strict';
-
-function arrayTreeFilter(data, filterFn, options) {
-    options = options || {};
-    options.childrenKeyName = options.childrenKeyName || "children";
-    var children = data || [];
-    var result = [];
-    var level = 0;
-    do {
-        var foundItem = children.filter(function (item) {
-            return filterFn(item, level);
-        })[0];
-        if (!foundItem) {
-            break;
-        }
-        result.push(foundItem);
-        children = foundItem[options.childrenKeyName] || [];
-        level += 1;
-    } while (children.length > 0);
-    return result;
-}
-
-return arrayTreeFilter;
-
-})));
-
-
 /***/ }),
 
 /***/ "./node_modules/async-validator/dist-web/index.js":
@@ -50107,24 +49674,22 @@ function monitorResize(element, callback) {
 
 "use strict";
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
-/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
-/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var rc_trigger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-trigger */ "./node_modules/rc-trigger/es/index.js");
-/* harmony import */ var warning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! warning */ "./node_modules/warning/warning.js");
-/* harmony import */ var warning__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(warning__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! array-tree-filter */ "./node_modules/array-tree-filter/lib/index.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(array_tree_filter__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ "./node_modules/rc-cascader/es/utils.js");
-/* harmony import */ var _Menus__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Menus */ "./node_modules/rc-cascader/es/Menus.js");
-/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./placements */ "./node_modules/rc-cascader/es/placements.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
+/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ "./node_modules/rc-util/es/hooks/useMergedState.js");
+/* harmony import */ var rc_tree_select_es_generate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-tree-select/es/generate */ "./node_modules/rc-tree-select/es/generate.js");
+/* harmony import */ var _OptionList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./OptionList */ "./node_modules/rc-cascader/es/OptionList/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./node_modules/rc-cascader/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./node_modules/rc-cascader/es/util.js");
+/* harmony import */ var _hooks_useUpdateEffect__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./hooks/useUpdateEffect */ "./node_modules/rc-cascader/es/hooks/useUpdateEffect.js");
+/* harmony import */ var _hooks_useSearchConfig__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hooks/useSearchConfig */ "./node_modules/rc-cascader/es/hooks/useSearchConfig.js");
+
+
 
+var _excluded = ["checkable", "changeOnSelect", "children", "options", "onChange", "value", "defaultValue", "popupVisible", "open", "dropdownClassName", "popupClassName", "onDropdownVisibleChange", "onPopupVisibleChange", "popupPlacement", "placement", "searchValue", "onSearch", "showSearch", "expandTrigger", "expandIcon", "loadingIcon", "displayRender", "loadData", "dropdownMenuColumnStyle", "dropdownPrefixCls"];
 
 
 
@@ -50134,665 +49699,1077 @@ function monitorResize(element, callback) {
 
 
 
+/**
+ * `rc-cascader` is much like `rc-tree-select` but API is very different.
+ * It's caused that component developer is not same person
+ * and we do not rice the API naming standard at that time.
+ *
+ * To avoid breaking change, wrap the `rc-tree-select` to compatible with `rc-cascader` API.
+ * This should be better to merge to same API like `rc-tree-select` or `rc-select` in next major version.
+ *
+ * Update:
+ * - dropdown class change to `rc-cascader-dropdown`
+ * - direction rtl keyboard
+ *
+ * Deprecated:
+ * - popupVisible
+ * - hidePopupOnSelect
+ *
+ * Removed:
+ * - builtinPlacements: Handle by select
+ */
+
+var RefCascader = Object(rc_tree_select_es_generate__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])({
+  prefixCls: 'rc-cascader',
+  optionList: _OptionList__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"]
+});
+
+function defaultDisplayRender(labels) {
+  return labels.join(' / ');
+}
 
+var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](function (props, ref) {
+  var checkable = props.checkable,
+      changeOnSelect = props.changeOnSelect,
+      children = props.children,
+      options = props.options,
+      onChange = props.onChange,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      popupVisible = props.popupVisible,
+      open = props.open,
+      dropdownClassName = props.dropdownClassName,
+      popupClassName = props.popupClassName,
+      onDropdownVisibleChange = props.onDropdownVisibleChange,
+      onPopupVisibleChange = props.onPopupVisibleChange,
+      popupPlacement = props.popupPlacement,
+      placement = props.placement,
+      searchValue = props.searchValue,
+      onSearch = props.onSearch,
+      showSearch = props.showSearch,
+      expandTrigger = props.expandTrigger,
+      _props$expandIcon = props.expandIcon,
+      expandIcon = _props$expandIcon === void 0 ? '>' : _props$expandIcon,
+      loadingIcon = props.loadingIcon,
+      _props$displayRender = props.displayRender,
+      displayRender = _props$displayRender === void 0 ? defaultDisplayRender : _props$displayRender,
+      loadData = props.loadData,
+      dropdownMenuColumnStyle = props.dropdownMenuColumnStyle,
+      dropdownPrefixCls = props.dropdownPrefixCls,
+      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(props, _excluded);
 
+  var fieldNames = restProps.fieldNames;
+  var mergedFieldNames = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    return Object(_util__WEBPACK_IMPORTED_MODULE_9__[/* fillFieldNames */ "c"])(fieldNames);
+  }, [fieldNames]); // ============================ Ref =============================
 
+  var cascaderRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"]();
+  react__WEBPACK_IMPORTED_MODULE_3__["useImperativeHandle"](ref, function () {
+    return {
+      focus: function focus() {
+        cascaderRef.current.focus();
+      },
+      blur: function blur() {
+        cascaderRef.current.blur();
+      }
+    };
+  });
 
+  var getEntityByValue = function getEntityByValue(val) {
+    return cascaderRef.current.getEntityByValue(val);
+  }; // =========================== Search ===========================
 
 
-var Cascader = /*#__PURE__*/function (_React$Component) {
-  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(Cascader, _React$Component);
+  var _useMergedState = Object(rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(undefined, {
+    value: searchValue,
+    onChange: onSearch
+  }),
+      _useMergedState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_useMergedState, 2),
+      mergedSearch = _useMergedState2[0],
+      setMergedSearch = _useMergedState2[1];
 
-  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(Cascader);
+  var _useSearchConfig = Object(_hooks_useSearchConfig__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"])(showSearch),
+      _useSearchConfig2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_useSearchConfig, 2),
+      mergedShowSearch = _useSearchConfig2[0],
+      searchConfig = _useSearchConfig2[1]; // ========================== Options ===========================
 
-  function Cascader(props) {
-    var _this;
 
-    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(this, Cascader);
+  var mergedOptions = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    return Object(_util__WEBPACK_IMPORTED_MODULE_9__[/* convertOptions */ "b"])(options, mergedFieldNames);
+  }, [options, mergedFieldNames]); // =========================== Value ============================
 
-    _this = _super.call(this, props);
+  /**
+   * Always pass props value to last value unit:
+   * - single: ['light', 'little'] => ['light__little']
+   * - multiple: [['light', 'little'], ['bamboo']] => ['light__little', 'bamboo']
+   */
 
-    _this.setPopupVisible = function (popupVisible) {
-      var value = _this.state.value;
+  var parseToInternalValue = function parseToInternalValue(propValue) {
+    var propValueList = [];
 
-      if (!('popupVisible' in _this.props)) {
-        _this.setState({
-          popupVisible: popupVisible
-        });
-      } // sync activeValue with value when panel open
+    if (propValue) {
+      propValueList = checkable ? propValue : [propValue];
+    }
 
+    return propValueList.map(_util__WEBPACK_IMPORTED_MODULE_9__[/* connectValue */ "a"]);
+  };
 
-      if (popupVisible && !_this.state.popupVisible) {
-        _this.setState({
-          activeValue: value
-        });
-      }
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](function () {
+    return parseToInternalValue(value || defaultValue);
+  }),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setInternalValue = _React$useState2[1];
 
-      _this.props.onPopupVisibleChange(popupVisible);
-    };
+  Object(_hooks_useUpdateEffect__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(function () {
+    setInternalValue(parseToInternalValue(value));
+  }, [value]); // =========================== Label ============================
 
-    _this.handleChange = function (options, _ref, e) {
-      var visible = _ref.visible;
+  var labelRender = function labelRender(entity, val) {
+    var fieldLabel = mergedFieldNames.label;
 
-      if (e.type !== 'keydown' || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ENTER) {
-        _this.props.onChange(options.map(function (o) {
-          return o[_this.getFieldName('value')];
-        }), options);
+    if (!entity) {
+      var valPath = Object(_util__WEBPACK_IMPORTED_MODULE_9__[/* splitValue */ "f"])(val);
+      return displayRender(valPath, []);
+    }
 
-        _this.setPopupVisible(visible);
+    if (checkable) {
+      return entity.data.node[fieldLabel];
+    }
+
+    var _restoreCompatibleVal = Object(_util__WEBPACK_IMPORTED_MODULE_9__[/* restoreCompatibleValue */ "e"])(entity, mergedFieldNames),
+        selectedOptions = _restoreCompatibleVal.options;
+
+    var rawOptions = selectedOptions.map(function (opt) {
+      return opt.node;
+    });
+    var labelList = rawOptions.map(function (opt) {
+      return opt[fieldLabel];
+    });
+    return displayRender(labelList, rawOptions);
+  }; // =========================== Change ===========================
+
+
+  var onInternalChange = function onInternalChange(newValue
+  /** Not care current type */
+  ) {
+    // TODO: Need improve motion experience
+    setMergedSearch('');
+    var valueList = checkable ? newValue : [newValue];
+    var pathList = [];
+    var optionsList = [];
+    var valueEntities = valueList.map(getEntityByValue).filter(function (entity) {
+      return entity;
+    });
+    valueEntities.forEach(function (entity) {
+      var _restoreCompatibleVal2 = Object(_util__WEBPACK_IMPORTED_MODULE_9__[/* restoreCompatibleValue */ "e"])(entity, mergedFieldNames),
+          valueOptions = _restoreCompatibleVal2.options;
+
+      var originOptions = valueOptions.map(function (option) {
+        return option.node;
+      });
+      pathList.push(originOptions.map(function (opt) {
+        return opt[mergedFieldNames.value];
+      }));
+      optionsList.push(originOptions);
+    }); // Fill state
+
+    if (value === undefined) {
+      setInternalValue(valueList);
+    }
+
+    if (onChange) {
+      if (checkable) {
+        onChange(pathList, optionsList);
+      } else {
+        // TODO: This should return null as other component.
+        // But its a breaking change and we should keep the logic.
+        onChange(pathList[0] || [], optionsList[0] || []);
       }
-    };
+    }
+  }; // ============================ Open ============================
 
-    _this.handlePopupVisibleChange = function (popupVisible) {
-      _this.setPopupVisible(popupVisible);
-    };
 
-    _this.handleMenuSelect = function (targetOption, menuIndex, e) {
-      // Keep focused state for keyboard support
-      var triggerNode = _this.trigger.getRootDomNode();
+  if (true) {
+    Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(!onPopupVisibleChange, '`onPopupVisibleChange` is deprecated. Please use `onDropdownVisibleChange` instead.');
+    Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
+    Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(popupClassName === undefined, '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
+    Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
+  }
+
+  var mergedOpen = open !== undefined ? open : popupVisible;
+  var mergedDropdownClassName = dropdownClassName || popupClassName;
+  var mergedPlacement = placement || popupPlacement;
+
+  var onInternalDropdownVisibleChange = function onInternalDropdownVisibleChange(nextVisible) {
+    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
+    onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
+  }; // ========================== Context ===========================
+
+
+  var context = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    return {
+      changeOnSelect: changeOnSelect,
+      expandTrigger: expandTrigger,
+      fieldNames: mergedFieldNames,
+      expandIcon: expandIcon,
+      loadingIcon: loadingIcon,
+      loadData: loadData,
+      dropdownMenuColumnStyle: dropdownMenuColumnStyle,
+      search: searchConfig,
+      dropdownPrefixCls: dropdownPrefixCls
+    };
+  }, [changeOnSelect, expandTrigger, mergedFieldNames, expandIcon, loadingIcon, loadData, dropdownMenuColumnStyle, searchConfig, dropdownPrefixCls]); // =========================== Render ===========================
+
+  var dropdownStyle = // Search to match width
+  mergedSearch && searchConfig.matchInputWidth || // Empty keep the width
+  !mergedOptions.length ? {} : {
+    minWidth: 'auto'
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_context__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].Provider, {
+    value: context
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](RefCascader, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
+    ref: cascaderRef
+  }, restProps, {
+    value: checkable ? internalValue : internalValue[0],
+    placement: mergedPlacement,
+    dropdownMatchSelectWidth: false,
+    dropdownStyle: dropdownStyle,
+    dropdownClassName: mergedDropdownClassName,
+    treeData: mergedOptions,
+    treeCheckable: checkable,
+    treeNodeFilterProp: "label",
+    onChange: onInternalChange,
+    showCheckedStrategy: RefCascader.SHOW_PARENT,
+    open: mergedOpen,
+    onDropdownVisibleChange: onInternalDropdownVisibleChange,
+    searchValue: mergedSearch // Customize filter logic in OptionList
+    ,
+    filterTreeNode: function filterTreeNode() {
+      return true;
+    },
+    showSearch: mergedShowSearch,
+    onSearch: setMergedSearch,
+    labelRender: labelRender,
+    getRawInputElement: function getRawInputElement() {
+      return children;
+    }
+  })));
+});
+Cascader.displayName = 'Cascader';
+/* harmony default export */ __webpack_exports__["a"] = (Cascader);
+
+/***/ }),
+
+/***/ "./node_modules/rc-cascader/es/OptionList/Checkbox.js":
+/*!************************************************************!*\
+  !*** ./node_modules/rc-cascader/es/OptionList/Checkbox.js ***!
+  \************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Checkbox; });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var rc_tree_select_es_Context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-tree-select/es/Context */ "./node_modules/rc-tree-select/es/Context.js");
+
+
+
+
+function Checkbox(_ref) {
+  var _classNames;
+
+  var prefixCls = _ref.prefixCls,
+      checked = _ref.checked,
+      halfChecked = _ref.halfChecked,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_1__["useContext"](rc_tree_select_es_Context__WEBPACK_IMPORTED_MODULE_3__[/* SelectContext */ "a"]),
+      checkable = _React$useContext.checkable;
+
+  var customCheckbox = typeof checkable !== 'boolean' ? checkable : null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(prefixCls), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-checked"), checked), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-indeterminate"), !checked && halfChecked), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames)),
+    onClick: onClick
+  }, customCheckbox);
+}
+
+/***/ }),
+
+/***/ "./node_modules/rc-cascader/es/OptionList/Column.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/rc-cascader/es/OptionList/Column.js ***!
+  \**********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Column; });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./node_modules/rc-cascader/es/util.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./node_modules/rc-cascader/es/context.js");
+/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Checkbox */ "./node_modules/rc-cascader/es/OptionList/Checkbox.js");
+
+
+
+
+
+
+function Column(_ref) {
+  var prefixCls = _ref.prefixCls,
+      index = _ref.index,
+      multiple = _ref.multiple,
+      options = _ref.options,
+      openKey = _ref.openKey,
+      onSelect = _ref.onSelect,
+      onOpen = _ref.onOpen,
+      onToggleOpen = _ref.onToggleOpen,
+      checkedSet = _ref.checkedSet,
+      halfCheckedSet = _ref.halfCheckedSet,
+      loadingKeys = _ref.loadingKeys;
+  var menuPrefixCls = "".concat(prefixCls, "-menu");
+  var menuItemPrefixCls = "".concat(prefixCls, "-menu-item");
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_1__["useContext"](_context__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]),
+      changeOnSelect = _React$useContext.changeOnSelect,
+      expandTrigger = _React$useContext.expandTrigger,
+      expandIcon = _React$useContext.expandIcon,
+      loadingIcon = _React$useContext.loadingIcon,
+      dropdownMenuColumnStyle = _React$useContext.dropdownMenuColumnStyle;
+
+  var hoverOpen = expandTrigger === 'hover'; // ============================ Render ============================
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("ul", {
+    className: menuPrefixCls,
+    role: "menu"
+  }, options.map(function (option) {
+    var _classNames;
+
+    var disabled = option.disabled,
+        value = option.value,
+        node = option.node;
+    var isMergedLeaf = Object(_util__WEBPACK_IMPORTED_MODULE_3__[/* isLeaf */ "d"])(option);
+    var isLoading = loadingKeys.includes(value); // >>>>> checked
+
+    var checked = checkedSet.has(value); // >>>>> Open
 
-      if (triggerNode && triggerNode.focus) {
-        triggerNode.focus();
+    var triggerOpenPath = function triggerOpenPath() {
+      if (!disabled && (!hoverOpen || !isMergedLeaf)) {
+        onOpen(index, value);
       }
+    }; // >>>>> Selection
 
-      var _this$props = _this.props,
-          changeOnSelect = _this$props.changeOnSelect,
-          loadData = _this$props.loadData,
-          expandTrigger = _this$props.expandTrigger;
 
-      if (!targetOption || targetOption.disabled) {
-        return;
+    var triggerSelect = function triggerSelect() {
+      if (!disabled && (isMergedLeaf || changeOnSelect || multiple)) {
+        onSelect(value, isMergedLeaf);
       }
+    }; // >>>>> Title
 
-      var activeValue = _this.state.activeValue;
-      activeValue = activeValue.slice(0, menuIndex + 1);
-      activeValue[menuIndex] = targetOption[_this.getFieldName('value')];
 
-      var activeOptions = _this.getActiveOptions(activeValue);
+    var title;
 
-      if (targetOption.isLeaf === false && !targetOption[_this.getFieldName('children')] && loadData) {
+    if (typeof (node === null || node === void 0 ? void 0 : node.title) === 'string') {
+      title = node.title;
+    } else if (typeof option.title === 'string') {
+      title = option.title;
+    } // >>>>> Render
+
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("li", {
+      key: value,
+      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(menuItemPrefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(menuItemPrefixCls, "-expand"), !isMergedLeaf), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(menuItemPrefixCls, "-active"), openKey === value), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(menuItemPrefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(menuItemPrefixCls, "-loading"), isLoading), _classNames)),
+      style: dropdownMenuColumnStyle,
+      role: "menuitemcheckbox",
+      title: title,
+      "aria-checked": checked,
+      "data-value": value,
+      onClick: function onClick() {
+        triggerOpenPath();
+
+        if (!multiple || isMergedLeaf) {
+          triggerSelect();
+        }
+      },
+      onDoubleClick: function onDoubleClick() {
         if (changeOnSelect) {
-          _this.handleChange(activeOptions, {
-            visible: true
-          }, e);
+          onToggleOpen(false);
         }
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (hoverOpen) {
+          triggerOpenPath();
+        }
+      }
+    }, multiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Checkbox__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
+      prefixCls: "".concat(prefixCls, "-checkbox"),
+      checked: checked,
+      halfChecked: halfCheckedSet.has(value),
+      disabled: disabled,
+      onClick: function onClick() {
+        triggerSelect();
+      }
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
+      className: "".concat(menuItemPrefixCls, "-content")
+    }, option.title), !isLoading && expandIcon && !isMergedLeaf && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
+      className: "".concat(menuItemPrefixCls, "-expand-icon")
+    }, expandIcon), isLoading && loadingIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
+      className: "".concat(menuItemPrefixCls, "-loading-icon")
+    }, loadingIcon));
+  }));
+}
 
-        _this.setState({
-          activeValue: activeValue
-        });
+/***/ }),
 
-        loadData(activeOptions);
-        return;
-      }
+/***/ "./node_modules/rc-cascader/es/OptionList/index.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/rc-cascader/es/OptionList/index.js ***!
+  \*********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-      var newState = {};
+"use strict";
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
+/* harmony import */ var rc_tree_select_es_Context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-tree-select/es/Context */ "./node_modules/rc-tree-select/es/Context.js");
+/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Column */ "./node_modules/rc-cascader/es/OptionList/Column.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../util */ "./node_modules/rc-cascader/es/util.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../context */ "./node_modules/rc-cascader/es/context.js");
+/* harmony import */ var _hooks_useSearchResult__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../hooks/useSearchResult */ "./node_modules/rc-cascader/es/hooks/useSearchResult.js");
 
-      if (!targetOption[_this.getFieldName('children')] || !targetOption[_this.getFieldName('children')].length) {
-        _this.handleChange(activeOptions, {
-          visible: false
-        }, e); // set value to activeValue when select leaf option
 
 
-        newState.value = activeValue; // add e.type judgement to prevent `onChange` being triggered by mouseEnter
-      } else if (changeOnSelect && (e.type === 'click' || e.type === 'keydown')) {
-        if (expandTrigger === 'hover') {
-          _this.handleChange(activeOptions, {
-            visible: false
-          }, e);
-        } else {
-          _this.handleChange(activeOptions, {
-            visible: true
-          }, e);
-        } // set value to activeValue on every select
 
 
-        newState.value = activeValue;
-      }
 
-      newState.activeValue = activeValue; //  not change the value by keyboard
+/* eslint-disable default-case */
 
-      if ('value' in _this.props || e.type === 'keydown' && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ENTER) {
-        delete newState.value;
-      }
 
-      _this.setState(newState);
-    };
 
-    _this.handleItemDoubleClick = function () {
-      var changeOnSelect = _this.props.changeOnSelect;
 
-      if (changeOnSelect) {
-        _this.setPopupVisible(false);
-      }
-    };
 
-    _this.handleKeyDown = function (e) {
-      var children = _this.props.children; // https://github.com/ant-design/ant-design/issues/6717
-      // Don't bind keyboard support when children specify the onKeyDown
 
-      if (children && children.props.onKeyDown) {
-        children.props.onKeyDown(e);
-        return;
-      }
 
-      var activeValue = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(_this.state.activeValue);
 
-      var currentLevel = activeValue.length - 1 < 0 ? 0 : activeValue.length - 1;
+var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](function (props, ref) {
+  var _optionColumns$, _optionColumns$$optio, _classNames;
 
-      var currentOptions = _this.getCurrentLevelOptions();
+  var prefixCls = props.prefixCls,
+      options = props.options,
+      onSelect = props.onSelect,
+      multiple = props.multiple,
+      open = props.open,
+      flattenOptions = props.flattenOptions,
+      searchValue = props.searchValue,
+      onToggleOpen = props.onToggleOpen,
+      notFoundContent = props.notFoundContent,
+      direction = props.direction;
+  var containerRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
+  var rtl = direction === 'rtl';
 
-      var currentIndex = currentOptions.map(function (o) {
-        return o[_this.getFieldName('value')];
-      }).indexOf(activeValue[currentLevel]);
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](rc_tree_select_es_Context__WEBPACK_IMPORTED_MODULE_8__[/* SelectContext */ "a"]),
+      checkedKeys = _React$useContext.checkedKeys,
+      halfCheckedKeys = _React$useContext.halfCheckedKeys;
 
-      if (e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].DOWN && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].UP && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].LEFT && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].RIGHT && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ENTER && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].SPACE && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].BACKSPACE && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ESC && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].TAB) {
-        return;
-      } // Press any keys above to reopen menu
+  var _React$useContext2 = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_context__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"]),
+      changeOnSelect = _React$useContext2.changeOnSelect,
+      expandTrigger = _React$useContext2.expandTrigger,
+      fieldNames = _React$useContext2.fieldNames,
+      loadData = _React$useContext2.loadData,
+      search = _React$useContext2.search,
+      dropdownPrefixCls = _React$useContext2.dropdownPrefixCls;
 
+  var mergedPrefixCls = dropdownPrefixCls || prefixCls; // ========================= loadData =========================
 
-      if (!_this.state.popupVisible && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].BACKSPACE && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].LEFT && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].RIGHT && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ESC && e.keyCode !== rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].TAB) {
-        _this.setPopupVisible(true);
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_5__["useState"]([]),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(_React$useState, 2),
+      loadingKeys = _React$useState2[0],
+      setLoadingKeys = _React$useState2[1];
 
-        if (_this.props.onKeyDown) {
-          _this.props.onKeyDown(e);
-        }
+  var internalLoadData = function internalLoadData(pathValue) {
+    // Do not load when search
+    if (!loadData || searchValue) {
+      return;
+    }
 
-        return;
-      }
+    var entity = flattenOptions.find(function (flattenOption) {
+      return flattenOption.data.value === pathValue;
+    });
 
-      if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].DOWN || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].UP) {
-        e.preventDefault();
-        var nextIndex = currentIndex;
+    if (entity && !Object(_util__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "d"])(entity.data.node)) {
+      var _restoreCompatibleVal = Object(_util__WEBPACK_IMPORTED_MODULE_10__[/* restoreCompatibleValue */ "e"])(entity, fieldNames),
+          optionList = _restoreCompatibleVal.options;
 
-        if (nextIndex !== -1) {
-          if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].DOWN) {
-            nextIndex += 1;
-            nextIndex = nextIndex >= currentOptions.length ? 0 : nextIndex;
-          } else {
-            nextIndex -= 1;
-            nextIndex = nextIndex < 0 ? currentOptions.length - 1 : nextIndex;
-          }
-        } else {
-          nextIndex = 0;
-        }
+      var rawOptionList = optionList.map(function (opt) {
+        return opt.node;
+      });
+      setLoadingKeys(function (keys) {
+        return [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(keys), [optionList[optionList.length - 1].value]);
+      });
+      loadData(rawOptionList);
+    }
+  }; // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
 
-        activeValue[currentLevel] = currentOptions[nextIndex][_this.getFieldName('value')];
-      } else if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].LEFT || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].BACKSPACE) {
-        e.preventDefault();
-        activeValue.splice(activeValue.length - 1, 1);
-      } else if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].RIGHT) {
-        e.preventDefault();
 
-        if (currentOptions[currentIndex] && currentOptions[currentIndex][_this.getFieldName('children')]) {
-          activeValue.push(currentOptions[currentIndex][_this.getFieldName('children')][0][_this.getFieldName('value')]);
-        }
-      } else if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].ESC || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].TAB) {
-        _this.setPopupVisible(false);
+  react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
+    if (loadingKeys.length) {
+      loadingKeys.forEach(function (loadingKey) {
+        var option = flattenOptions.find(function (opt) {
+          return opt.value === loadingKey;
+        });
 
-        if (_this.props.onKeyDown) {
-          _this.props.onKeyDown(e);
+        if (option.data.children) {
+          setLoadingKeys(function (keys) {
+            return keys.filter(function (key) {
+              return key !== loadingKey;
+            });
+          });
         }
+      });
+    }
+  }, [flattenOptions, loadingKeys]); // ========================== Values ==========================
 
-        return;
-      }
+  var checkedSet = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    return new Set(checkedKeys);
+  }, [checkedKeys]);
+  var halfCheckedSet = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    return new Set(halfCheckedKeys);
+  }, [halfCheckedKeys]); // =========================== Open ===========================
 
-      if (!activeValue || activeValue.length === 0) {
-        _this.setPopupVisible(false);
-      }
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](null),
+      _React$useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(_React$useState3, 2),
+      openFinalValue = _React$useState4[0],
+      setOpenFinalValue = _React$useState4[1];
+
+  var mergedOpenPath = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    if (searchValue) {
+      return openFinalValue !== undefined && openFinalValue !== null ? [openFinalValue] : [];
+    }
 
-      var activeOptions = _this.getActiveOptions(activeValue);
+    var entity = flattenOptions.find(function (flattenOption) {
+      return flattenOption.data.value === openFinalValue;
+    });
 
-      var targetOption = activeOptions[activeOptions.length - 1];
+    if (entity) {
+      var _restoreCompatibleVal2 = Object(_util__WEBPACK_IMPORTED_MODULE_10__[/* restoreCompatibleValue */ "e"])(entity, fieldNames),
+          path = _restoreCompatibleVal2.path;
 
-      _this.handleMenuSelect(targetOption, activeOptions.length - 1, e);
+      return path;
+    }
+
+    return [];
+  }, [openFinalValue, flattenOptions, searchValue]);
+  react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
+    if (open) {
+      var nextOpenPath = null;
 
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
+      if (!multiple && checkedKeys.length) {
+        var entity = flattenOptions.find(function (flattenOption) {
+          return flattenOption.data.value === checkedKeys[0];
+        });
+
+        if (entity) {
+          nextOpenPath = entity.data.value;
+        }
       }
-    };
 
-    _this.saveTrigger = function (node) {
-      _this.trigger = node;
-    };
+      setOpenFinalValue(nextOpenPath);
+    }
+  }, [open]); // =========================== Path ===========================
 
-    var initialValue = [];
+  var onPathOpen = function onPathOpen(index, pathValue) {
+    setOpenFinalValue(pathValue); // Trigger loadData
 
-    if ('value' in props) {
-      initialValue = props.value || [];
-    } else if ('defaultValue' in props) {
-      initialValue = props.defaultValue || [];
+    internalLoadData(pathValue);
+  };
+
+  var onPathSelect = function onPathSelect(pathValue, leaf) {
+    onSelect(pathValue, {
+      selected: !checkedSet.has(pathValue)
+    });
+
+    if (!multiple && (leaf || changeOnSelect && expandTrigger === 'hover')) {
+      onToggleOpen(false);
     }
+  };
 
-    warning__WEBPACK_IMPORTED_MODULE_9___default()(!('filedNames' in props), '`filedNames` of Cascader is a typo usage and deprecated, please use `fieldNames` instead.');
-    _this.state = {
-      popupVisible: props.popupVisible,
-      activeValue: initialValue,
-      value: initialValue,
-      prevProps: props
-    };
-    _this.defaultFieldNames = {
-      label: 'label',
-      value: 'value',
-      children: 'children'
+  var getPathList = function getPathList(pathList) {
+    var currentOptions = options;
+
+    var _loop = function _loop(i) {
+      currentOptions = (currentOptions || []).find(function (option) {
+        return option.value === pathList[i];
+      }).children;
     };
-    return _this;
-  }
 
-  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Cascader, [{
-    key: "getPopupDOMNode",
-    value: function getPopupDOMNode() {
-      return this.trigger.getPopupDomNode();
+    for (var i = 0; i < pathList.length; i += 1) {
+      _loop(i);
     }
-  }, {
-    key: "getFieldName",
-    value: function getFieldName(name) {
-      var defaultFieldNames = this.defaultFieldNames;
-      var _this$props2 = this.props,
-          fieldNames = _this$props2.fieldNames,
-          filedNames = _this$props2.filedNames;
 
-      if ('filedNames' in this.props) {
-        return filedNames[name] || defaultFieldNames[name]; // For old compatibility
-      }
+    return currentOptions;
+  }; // ========================== Search ==========================
+
+
+  var searchOptions = Object(_hooks_useSearchResult__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({}, props), {}, {
+    prefixCls: mergedPrefixCls,
+    fieldNames: fieldNames,
+    changeOnSelect: changeOnSelect,
+    searchConfig: search
+  })); // ========================== Column ==========================
 
-      return fieldNames[name] || defaultFieldNames[name];
+  var optionColumns = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+    if (searchValue) {
+      return [{
+        options: searchOptions
+      }];
     }
-  }, {
-    key: "getFieldNames",
-    value: function getFieldNames() {
-      var _this$props3 = this.props,
-          fieldNames = _this$props3.fieldNames,
-          filedNames = _this$props3.filedNames;
 
-      if ('filedNames' in this.props) {
-        return filedNames; // For old compatibility
+    var rawOptionColumns = [];
+
+    for (var i = 0; i <= mergedOpenPath.length; i += 1) {
+      var subOptions = getPathList(mergedOpenPath.slice(0, i));
+
+      if (subOptions) {
+        rawOptionColumns.push({
+          options: subOptions
+        });
+      } else {
+        break;
       }
+    }
+
+    return rawOptionColumns;
+  }, [searchValue, searchOptions, mergedOpenPath]); // ========================= Keyboard =========================
 
-      return fieldNames;
+  var getActiveOption = function getActiveOption(activeColumnIndex, offset) {
+    var _optionColumns$active;
+
+    var pathActiveValue = mergedOpenPath[activeColumnIndex];
+    var currentOptions = ((_optionColumns$active = optionColumns[activeColumnIndex]) === null || _optionColumns$active === void 0 ? void 0 : _optionColumns$active.options) || [];
+    var activeOptionIndex = currentOptions.findIndex(function (opt) {
+      return opt.value === pathActiveValue;
+    });
+    var len = currentOptions.length; // Last one is special since -1 may back 2 offset
+
+    if (offset === -1 && activeOptionIndex === -1) {
+      activeOptionIndex = len;
     }
-  }, {
-    key: "getCurrentLevelOptions",
-    value: function getCurrentLevelOptions() {
-      var _this2 = this;
 
-      var _this$props$options = this.props.options,
-          options = _this$props$options === void 0 ? [] : _this$props$options;
-      var _this$state$activeVal = this.state.activeValue,
-          activeValue = _this$state$activeVal === void 0 ? [] : _this$state$activeVal;
-      var result = array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default()(options, function (o, level) {
-        return o[_this2.getFieldName('value')] === activeValue[level];
-      }, {
-        childrenKeyName: this.getFieldName('children')
-      });
+    for (var i = 1; i <= len; i += 1) {
+      var current = (activeOptionIndex + i * offset + len) % len;
+      var option = currentOptions[current];
 
-      if (result[result.length - 2]) {
-        return result[result.length - 2][this.getFieldName('children')];
+      if (!option.disabled) {
+        return option;
       }
+    }
 
-      return Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(options).filter(function (o) {
-        return !o.disabled;
-      });
+    return null;
+  };
+
+  var prevColumn = function prevColumn() {
+    if (mergedOpenPath.length <= 1) {
+      onToggleOpen(false);
     }
-  }, {
-    key: "getActiveOptions",
-    value: function getActiveOptions(activeValue) {
-      var _this3 = this;
 
-      return array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default()(this.props.options || [], function (o, level) {
-        return o[_this3.getFieldName('value')] === activeValue[level];
-      }, {
-        childrenKeyName: this.getFieldName('children')
-      });
+    setOpenFinalValue(mergedOpenPath[mergedOpenPath.length - 2]);
+  };
+
+  var nextColumn = function nextColumn() {
+    var nextColumnIndex = mergedOpenPath.length;
+    var nextActiveOption = getActiveOption(nextColumnIndex, 1);
+
+    if (nextActiveOption) {
+      onPathOpen(nextColumnIndex, nextActiveOption.value);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          prefixCls = _this$props4.prefixCls,
-          transitionName = _this$props4.transitionName,
-          popupClassName = _this$props4.popupClassName,
-          _this$props4$options = _this$props4.options,
-          options = _this$props4$options === void 0 ? [] : _this$props4$options,
-          disabled = _this$props4.disabled,
-          builtinPlacements = _this$props4.builtinPlacements,
-          popupPlacement = _this$props4.popupPlacement,
-          children = _this$props4.children,
-          dropdownRender = _this$props4.dropdownRender,
-          restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_this$props4, ["prefixCls", "transitionName", "popupClassName", "options", "disabled", "builtinPlacements", "popupPlacement", "children", "dropdownRender"]); // Did not show popup when there is no options
+  };
 
+  react__WEBPACK_IMPORTED_MODULE_5__["useImperativeHandle"](ref, function () {
+    return {
+      // scrollTo: treeRef.current?.scrollTo,
+      onKeyDown: function onKeyDown(event) {
+        var which = event.which;
 
-      var menus = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"]("div", null);
-      var emptyMenuClassName = '';
+        switch (which) {
+          // >>> Arrow keys
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].UP:
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].DOWN:
+            {
+              var offset = 0;
 
-      if (options && options.length > 0) {
-        menus = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](_Menus__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, this.props, {
-          fieldNames: this.getFieldNames(),
-          defaultFieldNames: this.defaultFieldNames,
-          activeValue: this.state.activeValue,
-          onSelect: this.handleMenuSelect,
-          onItemDoubleClick: this.handleItemDoubleClick,
-          visible: this.state.popupVisible
-        }));
-      } else {
-        emptyMenuClassName = " ".concat(prefixCls, "-menus-empty");
-      }
+              if (which === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].UP) {
+                offset = -1;
+              } else if (which === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].DOWN) {
+                offset = 1;
+              }
 
-      var popupNode = menus;
+              if (offset !== 0) {
+                var activeColumnIndex = Math.max(mergedOpenPath.length - 1, 0);
+                var nextActiveOption = getActiveOption(activeColumnIndex, offset);
 
-      if (dropdownRender) {
-        popupNode = dropdownRender(menus);
-      }
+                if (nextActiveOption) {
+                  var _containerRef$current, _ele$scrollIntoView;
 
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](rc_trigger__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
-        ref: this.saveTrigger
-      }, restProps, {
-        popupPlacement: popupPlacement,
-        builtinPlacements: builtinPlacements,
-        popupTransitionName: transitionName,
-        action: disabled ? [] : ['click'],
-        popupVisible: disabled ? false : this.state.popupVisible,
-        onPopupVisibleChange: this.handlePopupVisibleChange,
-        prefixCls: "".concat(prefixCls, "-menus"),
-        popupClassName: popupClassName + emptyMenuClassName,
-        popup: popupNode
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["cloneElement"](children, {
-        onKeyDown: this.handleKeyDown,
-        tabIndex: disabled ? undefined : 0
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var _prevState$prevProps = prevState.prevProps,
-          prevProps = _prevState$prevProps === void 0 ? {} : _prevState$prevProps;
-      var newState = {
-        prevProps: nextProps
-      };
+                  var ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector("li[data-value=\"".concat(nextActiveOption.value, "\"]"));
+                  ele === null || ele === void 0 ? void 0 : (_ele$scrollIntoView = ele.scrollIntoView) === null || _ele$scrollIntoView === void 0 ? void 0 : _ele$scrollIntoView.call(ele, {
+                    block: 'nearest'
+                  });
+                  onPathOpen(activeColumnIndex, nextActiveOption.value);
+                }
+              }
+
+              break;
+            }
+
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].LEFT:
+            {
+              if (rtl) {
+                nextColumn();
+              } else {
+                prevColumn();
+              }
+
+              break;
+            }
+
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].RIGHT:
+            {
+              if (rtl) {
+                prevColumn();
+              } else {
+                nextColumn();
+              }
+
+              break;
+            }
+
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].BACKSPACE:
+            {
+              if (!searchValue) {
+                prevColumn();
+              }
+
+              break;
+            }
+          // >>> Select
+
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].ENTER:
+            {
+              var _optionColumns, _optionColumns$option;
+
+              var lastValue = mergedOpenPath[mergedOpenPath.length - 1];
+              var option = (_optionColumns = optionColumns[mergedOpenPath.length - 1]) === null || _optionColumns === void 0 ? void 0 : (_optionColumns$option = _optionColumns.options) === null || _optionColumns$option === void 0 ? void 0 : _optionColumns$option.find(function (opt) {
+                return opt.value === lastValue;
+              }); // Skip when no select
 
-      if ('value' in nextProps && !Object(_utils__WEBPACK_IMPORTED_MODULE_12__[/* isEqualArrays */ "a"])(prevProps.value, nextProps.value)) {
-        newState.value = nextProps.value || []; // allow activeValue diff from value
-        // https://github.com/ant-design/ant-design/issues/2767
+              if (option) {
+                var leaf = Object(_util__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "d"])(option);
 
-        if (!('loadData' in nextProps)) {
-          newState.activeValue = nextProps.value || [];
+                if (multiple || changeOnSelect || leaf) {
+                  onPathSelect(lastValue, leaf);
+                } // Close for changeOnSelect
+
+
+                if (changeOnSelect) {
+                  onToggleOpen(false);
+                }
+              }
+
+              break;
+            }
+          // >>> Close
+
+          case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].ESC:
+            {
+              onToggleOpen(false);
+
+              if (open) {
+                event.stopPropagation();
+              }
+            }
         }
-      }
+      },
+      onKeyUp: function onKeyUp() {}
+    };
+  }); // ========================== Render ==========================
 
-      if ('popupVisible' in nextProps) {
-        newState.popupVisible = nextProps.popupVisible;
-      }
+  var columnProps = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({}, props), {}, {
+    onOpen: onPathOpen,
+    onSelect: onPathSelect,
+    onToggleOpen: onToggleOpen,
+    checkedSet: checkedSet,
+    halfCheckedSet: halfCheckedSet,
+    loadingKeys: loadingKeys
+  }); // >>>>> Empty
+
+
+  var isEmpty = !((_optionColumns$ = optionColumns[0]) === null || _optionColumns$ === void 0 ? void 0 : (_optionColumns$$optio = _optionColumns$.options) === null || _optionColumns$$optio === void 0 ? void 0 : _optionColumns$$optio.length);
+  var emptyList = [{
+    title: notFoundContent,
+    value: '__EMPTY__',
+    disabled: true,
+    node: null
+  }]; // >>>>> Columns
+
+  var mergedOptionColumns = isEmpty ? [{
+    options: emptyList
+  }] : optionColumns;
+  var columnNodes = mergedOptionColumns.map(function (col, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_Column__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({
+      key: index,
+      index: index
+    }, columnProps, {
+      prefixCls: mergedPrefixCls,
+      options: col.options,
+      openKey: mergedOpenPath[index]
+    }));
+  }); // >>>>> Render
 
-      return newState;
-    }
-  }]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](react__WEBPACK_IMPORTED_MODULE_5__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(mergedPrefixCls, "-menus"), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-rtl"), rtl), _classNames)),
+    ref: containerRef
+  }, columnNodes));
+});
+/* harmony default export */ __webpack_exports__["a"] = (RefOptionList);
 
-  return Cascader;
-}(react__WEBPACK_IMPORTED_MODULE_7__["Component"]);
+/***/ }),
 
-Cascader.defaultProps = {
-  onChange: function onChange() {},
-  onPopupVisibleChange: function onPopupVisibleChange() {},
-  disabled: false,
-  transitionName: '',
-  prefixCls: 'rc-cascader',
-  popupClassName: '',
-  popupPlacement: 'bottomLeft',
-  builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"],
+/***/ "./node_modules/rc-cascader/es/context.js":
+/*!************************************************!*\
+  !*** ./node_modules/rc-cascader/es/context.js ***!
+  \************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var CascaderContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({
+  changeOnSelect: false,
   expandTrigger: 'click',
-  fieldNames: {
-    label: 'label',
-    value: 'value',
-    children: 'children'
-  },
-  expandIcon: '>'
-};
-/* harmony default export */ __webpack_exports__["a"] = (Cascader);
+  fieldNames: null,
+  expandIcon: null,
+  loadingIcon: null,
+  loadData: null,
+  dropdownMenuColumnStyle: null,
+  search: null
+});
+/* harmony default export */ __webpack_exports__["a"] = (CascaderContext);
 
 /***/ }),
 
-/***/ "./node_modules/rc-cascader/es/Menus.js":
-/*!**********************************************!*\
-  !*** ./node_modules/rc-cascader/es/Menus.js ***!
-  \**********************************************/
+/***/ "./node_modules/rc-cascader/es/hooks/useSearchConfig.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/rc-cascader/es/hooks/useSearchConfig.js ***!
+  \**************************************************************/
 /*! exports provided: default */
 /*! exports used: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
-/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! array-tree-filter */ "./node_modules/array-tree-filter/lib/index.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(array_tree_filter__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useSearchConfig; });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
 
 
 
+ // Convert `showSearch` to unique config
 
+function useSearchConfig(showSearch) {
+  return react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (!showSearch) {
+      return [false, {}];
+    }
 
+    var searchConfig = {
+      matchInputWidth: true,
+      limit: 50
+    };
 
+    if (showSearch && Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(showSearch) === 'object') {
+      searchConfig = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, searchConfig), showSearch);
+    }
 
+    if (searchConfig.limit <= 0) {
+      delete searchConfig.limit;
 
-var Menus = /*#__PURE__*/function (_React$Component) {
-  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Menus, _React$Component);
+      if (true) {
+        Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(false, "'limit' of showSearch should be positive number or false.");
+      }
+    }
 
-  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Menus);
+    return [true, searchConfig];
+  }, [showSearch]);
+}
 
-  function Menus() {
-    var _this;
+/***/ }),
 
-    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(this, Menus);
+/***/ "./node_modules/rc-cascader/es/hooks/useSearchResult.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/rc-cascader/es/hooks/useSearchResult.js ***!
+  \**************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    _this = _super.apply(this, arguments);
-    _this.menuItems = {};
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useSearchResult; });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./node_modules/rc-cascader/es/util.js");
 
-    _this.saveMenuItem = function (index) {
-      return function (node) {
-        _this.menuItems[index] = node;
-      };
-    };
 
-    return _this;
-  }
 
-  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Menus, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.scrollActiveItemToView();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (!prevProps.visible && this.props.visible) {
-        this.scrollActiveItemToView();
-      }
-    }
-  }, {
-    key: "getFieldName",
-    value: function getFieldName(name) {
-      var _this$props = this.props,
-          fieldNames = _this$props.fieldNames,
-          defaultFieldNames = _this$props.defaultFieldNames; // 防止只设置单个属性的名字
 
-      return fieldNames[name] || defaultFieldNames[name];
-    }
-  }, {
-    key: "getOption",
-    value: function getOption(option, menuIndex) {
-      var _this$props2 = this.props,
-          prefixCls = _this$props2.prefixCls,
-          expandTrigger = _this$props2.expandTrigger,
-          expandIcon = _this$props2.expandIcon,
-          loadingIcon = _this$props2.loadingIcon;
-      var onSelect = this.props.onSelect.bind(this, option, menuIndex);
-      var onItemDoubleClick = this.props.onItemDoubleClick.bind(this, option, menuIndex);
-      var expandProps = {
-        onClick: onSelect,
-        onDoubleClick: onItemDoubleClick
-      };
-      var menuItemCls = "".concat(prefixCls, "-menu-item");
-      var expandIconNode = null;
-      var hasChildren = option[this.getFieldName('children')] && option[this.getFieldName('children')].length > 0;
+var defaultFilter = function defaultFilter(search, options, _ref) {
+  var label = _ref.label;
+  return options.some(function (opt) {
+    return String(opt[label]).toLowerCase().includes(search.toLowerCase());
+  });
+};
 
-      if (hasChildren || option.isLeaf === false) {
-        menuItemCls += " ".concat(prefixCls, "-menu-item-expand");
+var defaultRender = function defaultRender(inputValue, path, prefixCls, fieldNames) {
+  return path.map(function (opt) {
+    return opt[fieldNames.label];
+  }).join(' / ');
+};
 
-        if (!option.loading) {
-          expandIconNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
-            className: "".concat(prefixCls, "-menu-item-expand-icon")
-          }, expandIcon);
-        }
-      }
+function useSearchResult(resultConfig) {
+  var searchConfig = resultConfig.searchConfig,
+      flattenOptions = resultConfig.flattenOptions,
+      fieldNames = resultConfig.fieldNames,
+      changeOnSelect = resultConfig.changeOnSelect,
+      searchValue = resultConfig.searchValue,
+      prefixCls = resultConfig.prefixCls; // ============================== MISC ==============================
 
-      if (expandTrigger === 'hover' && (hasChildren || option.isLeaf === false)) {
-        expandProps = {
-          onMouseEnter: this.delayOnSelect.bind(this, onSelect),
-          onMouseLeave: this.delayOnSelect.bind(this),
-          onClick: onSelect
-        };
-      }
+  var filterOption = searchConfig.filter || defaultFilter;
+  var renderOption = searchConfig.render || defaultRender; // ============================= Filter =============================
+  // Do filter
 
-      if (this.isActiveOption(option, menuIndex)) {
-        menuItemCls += " ".concat(prefixCls, "-menu-item-active");
-        expandProps.ref = this.saveMenuItem(menuIndex);
-      }
+  var filteredEntityList = react__WEBPACK_IMPORTED_MODULE_1__["useMemo"](function () {
+    if (!searchValue) {
+      return [];
+    } // Normalize list
 
-      if (option.disabled) {
-        menuItemCls += " ".concat(prefixCls, "-menu-item-disabled");
-      }
 
-      var loadingIconNode = null;
+    var normalizeList = flattenOptions.map(function (option) {
+      var _restoreCompatibleVal = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* restoreCompatibleValue */ "e"])(option, fieldNames),
+          options = _restoreCompatibleVal.options;
 
-      if (option.loading) {
-        menuItemCls += " ".concat(prefixCls, "-menu-item-loading");
-        loadingIconNode = loadingIcon || null;
-      }
+      var originOptionList = options.map(function (opt) {
+        return opt.node;
+      });
+      return {
+        option: option,
+        originOptionList: originOptionList
+      };
+    }); // Not keep parent node when !changeOnSelect
+
+    if (!changeOnSelect) {
+      normalizeList = normalizeList.filter(function (_ref2) {
+        var option = _ref2.option;
+        return Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* isLeaf */ "d"])(option.data);
+      });
+    } // Filter
 
-      var title = '';
 
-      if ('title' in option) {
-        // eslint-disable-next-line prefer-destructuring
-        title = option.title;
-      } else if (typeof option[this.getFieldName('label')] === 'string') {
-        title = option[this.getFieldName('label')];
+    var filteredList = [];
+
+    for (var i = 0; i < normalizeList.length; i += 1) {
+      // Perf saving if enabled
+      if (!searchConfig.sort && filteredList.length >= searchConfig.limit) {
+        break;
+      } // Do filter
+
+
+      var optGrp = normalizeList[i];
+
+      if (filterOption(searchValue, optGrp.originOptionList, fieldNames)) {
+        filteredList.push(optGrp);
       }
+    } // Sort: When searchConfig.sort is enabled. We have to filter all the list
 
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("li", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
-        key: option[this.getFieldName('value')],
-        className: menuItemCls,
-        title: title
-      }, expandProps, {
-        role: "menuitem",
-        onMouseDown: function onMouseDown(e) {
-          return e.preventDefault();
-        }
-      }), option[this.getFieldName('label')], expandIconNode, loadingIconNode);
-    }
-  }, {
-    key: "getActiveOptions",
-    value: function getActiveOptions(values) {
-      var _this2 = this;
 
-      var options = this.props.options;
-      var activeValue = values || this.props.activeValue;
-      return array_tree_filter__WEBPACK_IMPORTED_MODULE_6___default()(options, function (o, level) {
-        return o[_this2.getFieldName('value')] === activeValue[level];
-      }, {
-        childrenKeyName: this.getFieldName('children')
+    if (searchConfig.sort) {
+      filteredList.sort(function (a, b) {
+        return searchConfig.sort(a.originOptionList, b.originOptionList, searchValue, fieldNames);
       });
     }
-  }, {
-    key: "getShowOptions",
-    value: function getShowOptions() {
-      var _this3 = this;
 
-      var options = this.props.options;
-      var result = this.getActiveOptions().map(function (activeOption) {
-        return activeOption[_this3.getFieldName('children')];
-      }).filter(function (activeOption) {
-        return !!activeOption && activeOption.length > 0;
-      });
-      result.unshift(options);
-      return result;
-    }
-  }, {
-    key: "delayOnSelect",
-    value: function delayOnSelect(onSelect) {
-      var _this4 = this;
+    return filteredList;
+  }, [flattenOptions, fieldNames, searchValue, filterOption, changeOnSelect, searchConfig]); // ======================== Generate Options ========================
+  // Wrap with connected label
 
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
+  var options = react__WEBPACK_IMPORTED_MODULE_1__["useMemo"](function () {
+    return filteredEntityList.map(function (_ref3) {
+      var option = _ref3.option,
+          originOptionList = _ref3.originOptionList;
+      var title = renderOption(searchValue, originOptionList, prefixCls, fieldNames);
+      return Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, option.data), {}, {
+        title: title
+      });
+    });
+  }, [searchValue, renderOption, filteredEntityList, fieldNames, prefixCls]);
+  return options;
+}
 
-      if (this.delayTimer) {
-        clearTimeout(this.delayTimer);
-        this.delayTimer = null;
-      }
+/***/ }),
 
-      if (typeof onSelect === 'function') {
-        this.delayTimer = window.setTimeout(function () {
-          onSelect(args);
-          _this4.delayTimer = null;
-        }, 150);
-      }
-    }
-  }, {
-    key: "scrollActiveItemToView",
-    value: function scrollActiveItemToView() {
-      // scroll into view
-      var optionsLength = this.getShowOptions().length; // eslint-disable-next-line no-plusplus
+/***/ "./node_modules/rc-cascader/es/hooks/useUpdateEffect.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/rc-cascader/es/hooks/useUpdateEffect.js ***!
+  \**************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-      for (var i = 0; i < optionsLength; i++) {
-        var itemComponent = this.menuItems[i];
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useUpdateEffect; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
-        if (itemComponent && itemComponent.parentElement) {
-          itemComponent.parentElement.scrollTop = itemComponent.offsetTop;
-        }
-      }
-    }
-  }, {
-    key: "isActiveOption",
-    value: function isActiveOption(option, menuIndex) {
-      var _this$props$activeVal = this.props.activeValue,
-          activeValue = _this$props$activeVal === void 0 ? [] : _this$props$activeVal;
-      return activeValue[menuIndex] === option[this.getFieldName('value')];
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this5 = this;
+/**
+ * Work like `componentDidUpdate`
+ */
 
-      var _this$props3 = this.props,
-          prefixCls = _this$props3.prefixCls,
-          dropdownMenuColumnStyle = _this$props3.dropdownMenuColumnStyle;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", null, this.getShowOptions().map(function (options, menuIndex) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("ul", {
-          className: "".concat(prefixCls, "-menu"),
-          key: menuIndex,
-          style: dropdownMenuColumnStyle
-        }, options.map(function (option) {
-          return _this5.getOption(option, menuIndex);
-        }));
-      }));
-    }
-  }]);
+function useUpdateEffect(updater, condition) {
+  var prepareRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](true);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (prepareRef.current) {
+      prepareRef.current = false;
+      return;
+    } // eslint-disable-next-line consistent-return
 
-  return Menus;
-}(react__WEBPACK_IMPORTED_MODULE_5__["Component"]);
 
-Menus.defaultProps = {
-  options: [],
-  value: [],
-  activeValue: [],
-  onSelect: function onSelect() {},
-  prefixCls: 'rc-cascader-menus',
-  visible: false,
-  expandTrigger: 'click'
-};
-/* harmony default export */ __webpack_exports__["a"] = (Menus);
+    return updater();
+  }, condition);
+}
 
 /***/ }),
 
@@ -50811,86 +50788,102 @@ Menus.defaultProps = {
 
 /***/ }),
 
-/***/ "./node_modules/rc-cascader/es/placements.js":
-/*!***************************************************!*\
-  !*** ./node_modules/rc-cascader/es/placements.js ***!
-  \***************************************************/
-/*! exports provided: default */
-/*! exports used: default */
+/***/ "./node_modules/rc-cascader/es/util.js":
+/*!*********************************************!*\
+  !*** ./node_modules/rc-cascader/es/util.js ***!
+  \*********************************************/
+/*! exports provided: fillFieldNames, restoreCompatibleValue, isLeaf, connectValue, splitValue, convertOptions */
+/*! exports used: connectValue, convertOptions, fillFieldNames, isLeaf, restoreCompatibleValue, splitValue */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var BUILT_IN_PLACEMENTS = {
-  bottomLeft: {
-    points: ['tl', 'bl'],
-    offset: [0, 4],
-    overflow: {
-      adjustX: 1,
-      adjustY: 1
-    }
-  },
-  topLeft: {
-    points: ['bl', 'tl'],
-    offset: [0, -4],
-    overflow: {
-      adjustX: 1,
-      adjustY: 1
-    }
-  },
-  bottomRight: {
-    points: ['tr', 'br'],
-    offset: [0, 4],
-    overflow: {
-      adjustX: 1,
-      adjustY: 1
-    }
-  },
-  topRight: {
-    points: ['br', 'tr'],
-    offset: [0, -4],
-    overflow: {
-      adjustX: 1,
-      adjustY: 1
-    }
-  }
-};
-/* harmony default export */ __webpack_exports__["a"] = (BUILT_IN_PLACEMENTS);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return restoreCompatibleValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isLeaf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return connectValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return splitValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return convertOptions; });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var rc_tree_select_es_utils_valueUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-tree-select/es/utils/valueUtil */ "./node_modules/rc-tree-select/es/utils/valueUtil.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "c", function() { return rc_tree_select_es_utils_valueUtil__WEBPACK_IMPORTED_MODULE_2__["b"]; });
 
-/***/ }),
 
-/***/ "./node_modules/rc-cascader/es/utils.js":
-/*!**********************************************!*\
-  !*** ./node_modules/rc-cascader/es/utils.js ***!
-  \**********************************************/
-/*! exports provided: isEqualArrays */
-/*! exports used: isEqualArrays */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isEqualArrays; });
-function isEqualArrays(arrA, arrB) {
-  if (arrA === arrB) {
-    return true;
-  }
 
-  if (!arrA || !arrB) {
-    return false;
+var VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
+
+/**
+ * Convert entity back to path & options
+ * @returns
+ */
+
+function restoreCompatibleValue(entity, fieldNames) {
+  var path = [];
+  var options = [];
+  var current = entity;
+
+  while (current) {
+    path.unshift(current.data.node[fieldNames.value]);
+    options.unshift(current.data.node);
+    current = current.parent;
   }
 
-  var len = arrA.length;
+  return {
+    path: path,
+    options: options
+  };
+}
+function isLeaf(option) {
+  var children = option.children,
+      node = option.node;
+  var leaf = node === null || node === void 0 ? void 0 : node.isLeaf;
+  return leaf !== undefined ? leaf : !(children === null || children === void 0 ? void 0 : children.length);
+}
+/**
+ * We will connect path value to a string. e.g.
+ * ['little', 'bamboo'] => 'little__bamboo'
+ *
+ * zombieJ: It's better to deprecate the same key in the nest tree. Maybe next major version.
+ */
 
-  if (arrB.length !== len) {
-    return false;
-  } // eslint-disable-next-line no-plusplus
+function connectValue(value) {
+  return (value || []).join(VALUE_SPLIT);
+}
+/**
+ * Reverse of `connectValue`
+ */
 
+function splitValue(str) {
+  return str.split(VALUE_SPLIT);
+}
+/**
+ * Fill options with fully value by path to avoid nest entity with same value.
+ * Which means we need another round to get origin node back!
+ * This is slow perf on large list. We should abandon same value in nest in future.
+ */
 
-  for (var i = 0; i < len; i++) {
-    if (arrA[i] !== arrB[i]) {
-      return false;
-    }
+function convertOptions(options, _ref) {
+  var fieldValue = _ref.value,
+      fieldChildren = _ref.children;
+
+  function injectValue(list) {
+    var parentValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return (list || []).map(function (option) {
+      var _objectSpread2;
+
+      var newValue = parentValue ? connectValue([parentValue, option[fieldValue]]) : option[fieldValue];
+
+      var cloneOption = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, option), {}, (_objectSpread2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_objectSpread2, fieldValue, newValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_objectSpread2, "node", option), _objectSpread2));
+
+      if (cloneOption[fieldChildren]) {
+        cloneOption[fieldChildren] = injectValue(cloneOption[fieldChildren], newValue);
+      }
+
+      return cloneOption;
+    });
   }
 
-  return true;
+  return injectValue(options);
 }
 
 /***/ }),
@@ -96268,81 +96261,6 @@ function __classPrivateFieldSet(receiver, privateMap, value) {
 }
 
 
-/***/ }),
-
-/***/ "./node_modules/warning/warning.js":
-/*!*****************************************!*\
-  !*** ./node_modules/warning/warning.js ***!
-  \*****************************************/
-/*! no static exports found */
-/*! exports used: default */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-/**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
-var __DEV__ = "development" !== 'production';
-
-var warning = function() {};
-
-if (__DEV__) {
-  var printWarning = function printWarning(format, args) {
-    var len = arguments.length;
-    args = new Array(len > 1 ? len - 1 : 0);
-    for (var key = 1; key < len; key++) {
-      args[key - 1] = arguments[key];
-    }
-    var argIndex = 0;
-    var message = 'Warning: ' +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  }
-
-  warning = function(condition, format, args) {
-    var len = arguments.length;
-    args = new Array(len > 2 ? len - 2 : 0);
-    for (var key = 2; key < len; key++) {
-      args[key - 2] = arguments[key];
-    }
-    if (format === undefined) {
-      throw new Error(
-          '`warning(condition, format, ...args)` requires a warning ' +
-          'message argument'
-      );
-    }
-    if (!condition) {
-      printWarning.apply(null, [format].concat(args));
-    }
-  };
-}
-
-module.exports = warning;
-
-
 /***/ }),
 
 /***/ "./node_modules/webpack/buildin/global.js":