@kdcloudjs/kdesign 1.7.19 → 1.7.21

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.18
+ *   @kdcloudjs/kdesign v1.7.20
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -7103,20 +7103,20 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedSize),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedSize),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected && !mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected && !mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-input"), true));
   var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper-size"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
   var triangleClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle"), !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
   var innerIconClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner"), true));
-  var handleChange = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function (e) {
+  var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
     if (!(checkboxGroup !== null && checkboxGroup !== void 0 && checkboxGroup.isControlled)) {
       setSelected(e.target.checked);
     }
-  }, [onChange]);
+  };
   Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
     lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default()(checked) && checked !== selected && setSelected(checked);
   }, [checked, selected]);
@@ -7398,84 +7398,72 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./components/city-picker/city-group.tsx":
-/*!***********************************************!*\
-  !*** ./components/city-picker/city-group.tsx ***!
-  \***********************************************/
+/***/ "./components/city-picker/city-picker.tsx":
+/*!************************************************!*\
+  !*** ./components/city-picker/city-picker.tsx ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);
-/* 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 classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-
-
-
-
-
-var CityGroup = function CityGroup(props) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_2__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
-    getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
-  var groups = props.groups,
-    _props$activedIndex = props.activedIndex,
-    current = _props$activedIndex === void 0 ? 0 : _props$activedIndex,
-    changeIndex = props.changeIndex;
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-group-container"));
-  var handleClick = function handleClick(groupIndex) {
-    changeIndex && changeIndex(groupIndex);
-  };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-    className: containerCls
-  }, groups.map(function (item, index) {
-    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-group-item"), {
-      active: current === index,
-      last: index === groups.length - 1
-    });
-    var handleTitleClick = function handleTitleClick() {
-      handleClick(index);
-    };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-      className: itemCls,
-      title: item,
-      key: "".concat(item, "_").concat(index),
-      onClick: handleTitleClick
-    }, item);
-  }));
-};
-/* harmony default export */ __webpack_exports__["default"] = (CityGroup);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.regexp.constructor.js */ "./node_modules/core-js/modules/es.regexp.constructor.js");
+/* harmony import */ var core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.join.js */ "./node_modules/core-js/modules/es.array.join.js");
+/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");
+/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./option */ "./components/city-picker/option.tsx");
+/* harmony import */ var lodash_escapeRegExp__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! lodash/escapeRegExp */ "./node_modules/lodash/escapeRegExp.js");
+/* harmony import */ var lodash_escapeRegExp__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(lodash_escapeRegExp__WEBPACK_IMPORTED_MODULE_28__);
 
-/***/ }),
 
-/***/ "./components/city-picker/city-list.tsx":
-/*!**********************************************!*\
-  !*** ./components/city-picker/city-list.tsx ***!
-  \**********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__);
-/* 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 classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _city_panel_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./city-panel-item */ "./components/city-picker/city-panel-item.tsx");
-/* harmony import */ var _no_data__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./no-data */ "./components/city-picker/no-data.tsx");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
@@ -7483,125 +7471,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var CityList = function CityList(props) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_2__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
-    getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
-  var groupKeys = props.groupKeys,
-    cityList = props.cityList,
-    handleSelect = props.onSelect;
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var tableCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-city-table"));
-  var tableGroupCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-city-table-group"));
-  var keyCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-city-table-key"));
-  var itemContainerCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(cityPickerPrefixCls, "-city-table-item-container"));
-  var hasData = cityList && cityList.some(function (citys) {
-    return citys.length > 0;
-  });
-  if (!hasData) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-      className: tableCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_no_data__WEBPACK_IMPORTED_MODULE_6__["default"], null));
-  }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-    className: tableCls
-  }, groupKeys && groupKeys.length > 0 && groupKeys.map(function (key, index) {
-    var list = cityList[index] || [];
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-      className: tableGroupCls,
-      key: key
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-      className: keyCls
-    }, key), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
-      className: itemContainerCls
-    }, list.map(function (city) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_city_panel_item__WEBPACK_IMPORTED_MODULE_5__["default"], {
-        key: city.id,
-        city: city,
-        onSelect: handleSelect
-      });
-    })));
-  }), !groupKeys && cityList && cityList.map(function (citys) {
-    return citys.map(function (city) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_city_panel_item__WEBPACK_IMPORTED_MODULE_5__["default"], {
-        key: city.id,
-        city: city,
-        onSelect: handleSelect
-      });
-    });
-  }));
-};
-/* harmony default export */ __webpack_exports__["default"] = (CityList);
 
-/***/ }),
 
-/***/ "./components/city-picker/city-panel-item.tsx":
-/*!****************************************************!*\
-  !*** ./components/city-picker/city-panel-item.tsx ***!
-  \****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
-/* 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 _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
 
 
 
 
-var CityPanelItem = function CityPanelItem(props) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_1__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_3__["default"]),
-    getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
-  var city = props.city,
-    onSelect = props.onSelect;
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var cls = classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(cityPickerPrefixCls, "-city-table-cell"));
-  var handleCitySelect = function handleCitySelect() {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
-  };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
-    className: cls,
-    key: city.id,
-    title: city.name,
-    onClick: handleCitySelect
-  }, city.name);
-};
-/* harmony default export */ __webpack_exports__["default"] = (CityPanelItem);
 
-/***/ }),
 
-/***/ "./components/city-picker/city-panel.tsx":
-/*!***********************************************!*\
-  !*** ./components/city-picker/city-panel.tsx ***!
-  \***********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _city_group__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./city-group */ "./components/city-picker/city-group.tsx");
-/* harmony import */ var _city_list__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./city-list */ "./components/city-picker/city-list.tsx");
-/* harmony import */ var _utils_grouping__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/grouping */ "./components/city-picker/utils/grouping.ts");
 
 
 
@@ -7611,414 +7490,373 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-var CityPanel = function CityPanel(_ref) {
-  var groups = _ref.groups,
-    commons = _ref.commons,
-    cityList = _ref.cityList,
-    onSelect = _ref.onSelect;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
+var tabsData = [{
+  id: 'domestic',
+  name: '国内'
+}, {
+  id: 'foreign',
+  name: '国际/中国港澳台'
+}];
+var InternalSelect = function InternalSelect(props, ref) {
+  var _classNames3, _classNames5;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    globalLocale = _useContext.locale;
-  var cityPickerLang = globalLocale.getCompLangMsg({
-    componentName: 'CityPicker'
-  });
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])('domestic'),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
-    activedIndex = _useState2[0],
-    setActivedIndex = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])({
-      domestic: [],
-      foreign: []
+    userDefaultProps = _useContext.compDefaultProps;
+  var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('CityPicker', userDefaultProps, props);
+  var type = selectProps.type,
+    size = selectProps.size,
+    value = selectProps.value,
+    className = selectProps.className,
+    defaultOpen = selectProps.defaultOpen,
+    disabled = selectProps.disabled,
+    borderType = selectProps.borderType,
+    _selectProps$showArro = selectProps.showArrow,
+    showArrow = _selectProps$showArro === void 0 ? true : _selectProps$showArro,
+    allowClear = selectProps.allowClear,
+    customPrefixcls = selectProps.prefixCls,
+    onFocus = selectProps.onFocus,
+    onBlur = selectProps.onBlur,
+    onClear = selectProps.onClear,
+    onVisibleChange = selectProps.onVisibleChange,
+    onChange = selectProps.onChange,
+    onSearch = selectProps.onSearch,
+    defaultValue = selectProps.defaultValue,
+    placeholder = selectProps.placeholder,
+    _selectProps$dropdown = selectProps.dropdownStyle,
+    dropdownStyle = _selectProps$dropdown === void 0 ? {} : _selectProps$dropdown,
+    style = selectProps.style,
+    clearIcon = selectProps.clearIcon,
+    loading = selectProps.loading,
+    showDescription = selectProps.showDescription,
+    description = selectProps.description,
+    optionHighlightProps = selectProps.optionHighlightProps,
+    _selectProps$popperSt = selectProps.popperStyle,
+    popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
+    _selectProps$commonLi = selectProps.commonList,
+    commonList = _selectProps$commonLi === void 0 ? [] : _selectProps$commonLi,
+    _selectProps$domestic = selectProps.domesticList,
+    domesticList = _selectProps$domestic === void 0 ? [] : _selectProps$domestic,
+    _selectProps$foreignL = selectProps.foreignList,
+    foreignList = _selectProps$foreignL === void 0 ? [] : _selectProps$foreignL,
+    itemRender = selectProps.itemRender;
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useMergedState"])(undefined, {
+      value: value,
+      defaultValue: defaultValue
     }),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
-    cityGroups = _useState4[0],
-    setCityGroups = _useState4[1];
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(null),
-    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState5, 2),
-    groupKeys = _useState6[0],
-    setGroupKeys = _useState6[1];
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(0),
-    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState7, 2),
-    activedGroupIndex = _useState8[0],
-    setActivedGroupIndex = _useState8[1];
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])([commons ? commons.domestic : []]),
-    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState9, 2),
-    list = _useState10[0],
-    setList = _useState10[1];
-  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
-    if (!groups) {
-      return;
-    }
-    var domestic = groups.domestic,
-      foreign = groups.foreign;
-    domestic = Object(_utils_grouping__WEBPACK_IMPORTED_MODULE_9__["default"])(domestic);
-    foreign = Object(_utils_grouping__WEBPACK_IMPORTED_MODULE_9__["default"])(foreign);
-    if (commons !== null && commons !== void 0 && commons.domestic) {
-      domestic.unshift(cityPickerLang.common);
-    }
-    if (commons !== null && commons !== void 0 && commons.foreign) {
-      foreign.unshift(cityPickerLang.common);
-    }
-    setCityGroups({
-      domestic: domestic,
-      foreign: foreign
-    });
-  }, [groups, commons]);
-  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
-    if (commons) {
-      setList([commons[activedIndex]]);
-    } else {
-      var _groups = cityGroups[activedIndex];
-      var currentGroup = _groups[0];
-      var currentGroups = (currentGroup || '').split('');
-      var newList = [];
-      var currentList = cityList[activedIndex];
-      currentGroups.forEach(function (character) {
-        var temp = currentList[character] ? currentList[character] : [];
-        newList.push(temp);
-      });
-      setList(newList);
-      setGroupKeys(currentGroups);
-    }
-    setActivedGroupIndex(0);
-  }, [activedIndex, cityGroups, groups, cityList]);
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(cityPickerPrefixCls, "-panel-container"));
-  var headerCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(cityPickerPrefixCls, "-header"));
-  var contentContainerCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(cityPickerPrefixCls, "-content-container"));
-  var domesticCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(cityPickerPrefixCls, "-tab-item ").concat(cityPickerPrefixCls, "-header-domestic"), {
-    active: activedIndex === 'domestic'
-  });
-  var internationalCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(cityPickerPrefixCls, "-tab-item ").concat(cityPickerPrefixCls, "-header-internation"), {
-    active: activedIndex === 'foreign'
-  });
-  var handleDomesticClick = function handleDomesticClick() {
-    if (activedIndex === 'domestic') return;
-    setActivedIndex('domestic');
-  };
-  var handleInternationClick = function handleInternationClick() {
-    if (activedIndex === 'foreign') return;
-    setActivedIndex('foreign');
+    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useMergedState, 2),
+    initValue = _useMergedState2[0],
+    setInitValue = _useMergedState2[1];
+  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])();
+  var selectRef = ref || innerRef;
+  var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null); // 搜索框ref
+  var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var clearRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(typeof props.visible === 'undefined' ? !!defaultOpen : !!props.visible),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
+    optionShow = _useState2[0],
+    setOptionShow = _useState2[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(''),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(false),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
+    focusd = _useState6[0],
+    setFocusd = _useState6[1];
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(null),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
+    seletedCity = _useState8[0],
+    setSeletedCity = _useState8[1];
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])('domestic'),
+    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
+    tabsValue = _useState10[0],
+    setTabsValue = _useState10[1];
+  var isDomestic = function isDomestic(type) {
+    return type === 'domestic';
   };
+  var selectPrefixCls = getPrefixCls(prefixCls, 'city-picker', customPrefixcls);
+  var cityPickerCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
+  var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(selectPrefixCls, "-selector"), true));
 
-  /**
-   * 分组变换事件
-   * @param index 分组索引
-   */
-  var handleGroupChange = function handleGroupChange(index) {
-    if (!cityList) {
-      return;
+  // 公共样式
+  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(selectPrefixCls, "-show-search"), focusd), _classNames3));
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (typeof value === 'undefined') return;
+    var cityList = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(commonList), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(domesticList), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(foreignList));
+    var city = cityList.find(function (city) {
+      return city.id === value;
+    });
+    if (city) {
+      setSeletedCity(city);
     }
-    var groups = cityGroups[activedIndex];
-    var currentGroup = groups[index];
-    if (commons && currentGroup === cityPickerLang.common) {
-      setList([commons[activedIndex] || []]);
-      setGroupKeys(null);
-      setActivedGroupIndex(index);
-      return;
+  }, [commonList, domesticList, foreignList, value]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (typeof props.visible !== 'undefined') {
+      setOptionShow(props.visible);
     }
-    var currentGroups = (currentGroup || '').split('');
-    var newList = [];
-    var currentList = cityList[activedIndex];
-    currentGroups.forEach(function (character) {
-      var temp = currentList[character] ? currentList[character] : [];
-      newList.push(temp);
+  }, [props.visible]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (optionShow === false) {
+      handleClear();
+    }
+  }, [optionShow]);
+  var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
+    e.stopPropagation();
+    setFocusd(true);
+    onFocus && onFocus(e);
+  }, [onFocus]);
+  var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
+    e.stopPropagation();
+    setFocusd(false);
+    onBlur && onBlur(e);
+  }, [onBlur]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    selectionRef.current.addEventListener('mouseup', function (e) {
+      var _e$target;
+      var isCloseBtn = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className.indexOf('kd-tag-close-icon')) > -1;
+      if (isCloseBtn) {
+        e.stopPropagation();
+      }
     });
-    setList(newList);
-    setGroupKeys(currentGroups);
-    setActivedGroupIndex(index);
-  };
-  var handleSelectCity = function handleSelectCity(city) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
-  };
-  var isClassified = commons && commons.domestic && commons.foreign;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: containerCls
-  }, isClassified && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: headerCls
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: domesticCls,
-    onClick: handleDomesticClick
-  }, cityPickerLang.domestic), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: internationalCls,
-    onClick: handleInternationClick
-  }, cityPickerLang.internation)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: contentContainerCls
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_city_group__WEBPACK_IMPORTED_MODULE_7__["default"], {
-    groups: cityGroups[activedIndex],
-    activedIndex: activedGroupIndex,
-    changeIndex: handleGroupChange
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_city_list__WEBPACK_IMPORTED_MODULE_8__["default"], {
-    groupKeys: groupKeys,
-    cityList: list,
-    onSelect: handleSelectCity
-  })));
-};
-/* harmony default export */ __webpack_exports__["default"] = (CityPanel);
-
-/***/ }),
-
-/***/ "./components/city-picker/city-picker.tsx":
-/*!************************************************!*\
-  !*** ./components/city-picker/city-picker.tsx ***!
-  \************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_7__);
-/* 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 classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _city_panel_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./city-panel-item */ "./components/city-picker/city-panel-item.tsx");
-/* harmony import */ var _city_panel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./city-panel */ "./components/city-picker/city-panel.tsx");
-/* harmony import */ var _city_search_panel__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./city-search-panel */ "./components/city-picker/city-search-panel.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
-
-
-
-
-
-
-
-
-
-
+  }, []);
 
+  // 输入框变化搜索内容
+  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (event) {
+    var val = event.currentTarget.value;
+    setOptionShow(true);
+    setSearchValue(val);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
+  }, [onSearch]);
 
+  // 清除搜索内容
+  var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
+    if (searchRef.current) {
+      searchRef.current.value = '';
+      setSearchValue('');
+    }
+  }, [searchRef]);
 
+  // 清空选择器内容
+  var handleReset = function handleReset(e) {
+    e.stopPropagation();
+    onClear && onClear('');
+    setInitValue('');
+    setSeletedCity(null);
+    setSearchValue('');
+    onChange && onChange(undefined, '');
+  };
 
+  // 渲染后缀图标
+  var renderSuffix = function renderSuffix() {
+    var _classNames4;
+    if (disabled) return null;
+    var suffixIcon = selectProps.suffixIcon;
+    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames4));
+    var iconShow = allowClear && !disabled && ((initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      onClick: handleReset,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
+      className: "".concat(selectPrefixCls, "-icon-clear"),
+      ref: clearRef
+    }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
+      type: "close-solid"
+    })), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: arrowIconCls
+    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
+      type: "arrow-down"
+    })));
+  };
 
-var CityPicker = function CityPicker(_ref) {
-  var cityList = _ref.cityList,
-    className = _ref.className,
-    commons = _ref.commons,
-    disabled = _ref.disabled,
-    groups = _ref.groups,
-    inputClassName = _ref.inputClassName,
-    inputStyle = _ref.inputStyle,
-    placeholder = _ref.placeholder,
-    showTitle = _ref.showTitle,
-    style = _ref.style,
-    title = _ref.title;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_8__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_10__["default"]),
-    getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(''),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
-    inputVal = _useState2[0],
-    setInputVal = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(''),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
-    additionalVal = _useState4[0],
-    setAdditionalVal = _useState4[1];
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(false),
-    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),
-    popperVisible = _useState6[0],
-    setPopperVisible = _useState6[1];
-  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])(null);
-  var allCity = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])([]);
-  Object(react__WEBPACK_IMPORTED_MODULE_8__["useEffect"])(function () {
-    if (!cityList) {
-      return;
+  // 下拉列表为空时显示的内容
+  var renderNotContent = function renderNotContent(msg) {
+    var notFoundContent = selectProps.notFoundContent;
+    var emptyContent = notFoundContent || msg;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: "".concat(selectPrefixCls, "-dropdown-empty")
+    }, emptyContent);
+  };
+  var getHighlightText = function getHighlightText(text, inputValue) {
+    if (!inputValue || !text) return text;
+    var regex = new RegExp(Array.isArray(inputValue) ? inputValue.map(function (item) {
+      return "(".concat(lodash_escapeRegExp__WEBPACK_IMPORTED_MODULE_28___default()(item), ")");
+    }).join('|') : "(".concat(lodash_escapeRegExp__WEBPACK_IMPORTED_MODULE_28___default()(inputValue), ")"), 'i');
+    var strArr = text === null || text === void 0 ? void 0 : text.split(regex);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, strArr === null || strArr === void 0 ? void 0 : strArr.map(function (item, index) {
+      return regex !== null && regex !== void 0 && regex.test(item) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+        key: index,
+        className: "".concat(selectPrefixCls, "-highlight")
+      }, item) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+        key: index
+      }, item);
+    }));
+  };
+  var handleOption = function handleOption(city) {
+    handleVisibleChange(false);
+    (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
+    if (typeof value === 'undefined') {
+      setSeletedCity(city);
+      setInitValue(city === null || city === void 0 ? void 0 : city.id);
     }
-    var domestic = cityList.domestic,
-      foreign = cityList.foreign;
-    allCity.current = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(Object.values(domestic)), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(Object.values(foreign))).reduce(function (arr, current) {
-      return arr.concat(current);
-    }, []);
-  }, [cityList]);
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(cityPickerPrefixCls, "-container"), className);
-  var contentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(cityPickerPrefixCls, "-content"));
-  var titleCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(cityPickerPrefixCls, "-title"));
-  var additionalInfoCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(cityPickerPrefixCls, "-info"));
-  var inputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(cityPickerPrefixCls, "-input"), inputClassName);
-  var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()('kdicon kdicon-arrow-down', "".concat(cityPickerPrefixCls, "-arrow"), {
-    'arrow-up': popperVisible
-  });
-  var handleContainerClick = function handleContainerClick() {
-    var _inputRef$current;
-    if (document.activeElement === inputRef.current) {
-      return;
+  };
+  var renderNodeList = function renderNodeList(data, notContent) {
+    if (!data.length) {
+      return renderNotContent(notContent);
     }
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: "".concat(selectPrefixCls, "-list")
+    }, data.map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_option__WEBPACK_IMPORTED_MODULE_27__["default"], {
+        key: item.id,
+        value: initValue,
+        city: item,
+        renderCityInfo: renderCityInfo,
+        onChangeSelect: handleOption,
+        itemRender: itemRender
+      }, searchValue ? getHighlightText(item === null || item === void 0 ? void 0 : item.name, (item === null || item === void 0 ? void 0 : item[optionHighlightProps]) || searchValue) : item === null || item === void 0 ? void 0 : item.name);
+    }));
   };
-  var handleCitySelect = function handleCitySelect(city) {
-    setInputVal(city.name || '');
-    var otherInfoStr = city.country === '中国' ? "".concat(city.province) : "".concat(city.province).concat(city.province ? ',' : '').concat(city.country);
-    setAdditionalVal(otherInfoStr);
-    setPopperVisible(false);
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: "".concat(selectPrefixCls, "-dropdown-loading")
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Spin"], {
+      type: "container"
+    }));
   };
-  var handleFocus = function handleFocus() {
-    if (popperVisible) {
-      return;
+  var toggleTabPane = function toggleTabPane(type) {
+    setTabsValue(type);
+  };
+
+  // 渲染下拉列表框
+  var renderContent = function renderContent() {
+    return loading ? renderLoading() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, searchValue ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, isDomestic(type) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tabs"], {
+      noContainer: true,
+      onChange: toggleTabPane,
+      activeKey: tabsValue
+    }, tabsData.map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tabs"].TabPane, {
+        key: item.id,
+        tab: item.name
+      }, item);
+    })), tabsValue === 'domestic' ? renderNodeList(domesticList, '暂无数据') : renderNodeList(foreignList, '暂无数据')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, !!commonList.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: "".concat(selectPrefixCls, "-dropdown-common")
+    }, "\u5E38\u7528"), renderNodeList(commonList, '无常用城市')));
+  };
+  var renderCityInfo = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (data) {
+    var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var symbol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ', ';
+    if (!data) return null;
+    if (isDomestic(type)) {
+      return "".concat(flag && data !== null && data !== void 0 && data.province ? symbol : '').concat(data === null || data === void 0 ? void 0 : data.province);
+    } else {
+      return "".concat(flag && data !== null && data !== void 0 && data.province ? symbol : '').concat(data === null || data === void 0 ? void 0 : data.province).concat(data !== null && data !== void 0 && data.country ? symbol : '').concat(data === null || data === void 0 ? void 0 : data.country);
     }
-    setPopperVisible(true);
+  }, [type]);
+  var renderSingle = function renderSingle() {
+    var hiddenStyle = !!searchValue || (initValue !== null && initValue !== void 0 ? initValue : '') !== '' ? {
+      visibility: 'hidden'
+    } : undefined;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: singleCls,
+      ref: selectionRef
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: "".concat(selectPrefixCls, "-content")
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-content-search")
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
+      ref: searchRef,
+      value: searchValue,
+      className: "".concat(selectPrefixCls, "-content-search-input"),
+      onChange: handleSearchChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      readOnly: !!disabled
+    }), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-content-item"),
+      title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
+    }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-content-info")
+    }, renderCityInfo(seletedCity))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-placeholder"),
+      style: hiddenStyle
+    }, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-suffix")
+    }, renderSuffix())));
   };
-  var handleChange = function handleChange(evt) {
-    var value = evt.target.value;
-    setAdditionalVal('');
-    setInputVal(value);
+  var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames5));
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (optionShow && !disabled) {
+      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
+      onDropdownVisibleChange && onDropdownVisibleChange(true);
+    }
+  }, [optionShow]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    var _clearRef$current;
+    var fn = function fn(e) {
+      e.stopPropagation();
+    };
+    (_clearRef$current = clearRef.current) === null || _clearRef$current === void 0 ? void 0 : _clearRef$current.addEventListener('mouseup', fn);
+    return function () {
+      var _clearRef$current2;
+      (_clearRef$current2 = clearRef.current) === null || _clearRef$current2 === void 0 ? void 0 : _clearRef$current2.removeEventListener('mouseup', fn);
+    };
+  }, [initValue]);
+  var renderCityPicker = function renderCityPicker() {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+      className: cityPickerCls,
+      ref: selectRef,
+      style: style
+    }, showDescription && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: "".concat(selectPrefixCls, "-description")
+    }, description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      className: selectionCls,
+      tabIndex: disabled ? -1 : 0,
+      onFocus: function onFocus() {
+        var _searchRef$current;
+        return (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
+      },
+      onBlur: function onBlur() {
+        var _searchRef$current2;
+        return (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.blur();
+      }
+    }, renderSingle()));
   };
-  var handlePopperVisibleChange = function handlePopperVisibleChange(visible) {
-    if (!visible) {
-      setPopperVisible(false);
+  var catchStyle = function catchStyle() {
+    if (selectRef !== null && selectRef !== void 0 && selectRef.current) {
+      var _selectRef$current;
+      var _selectRef$current$ge = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect(),
+        width = _selectRef$current$ge.width;
+      return _objectSpread(_objectSpread({
+        minWidth: width,
+        maxWidth: 600
+      }, dropdownStyle), {}, {
+        width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || 'auto',
+        zIndex: 1050
+      }, popperStyle);
     }
   };
-  var inputSelector = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
-    className: containerCls,
-    style: style,
-    onClick: handleContainerClick
-  }, showTitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
-    className: titleCls
-  }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
-    className: contentCls
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("input", {
-    ref: inputRef,
-    type: "text",
-    readOnly: disabled,
-    onChange: handleChange,
-    placeholder: placeholder,
-    style: inputStyle,
-    className: inputCls,
-    title: inputVal,
-    value: inputVal,
-    onFocus: handleFocus
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
-    className: additionalInfoCls
-  }, additionalVal), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("i", {
-    className: arrowCls
-  })));
-  var cityPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_city_panel__WEBPACK_IMPORTED_MODULE_12__["default"], {
-    commons: commons,
-    groups: groups,
-    cityList: cityList,
-    onSelect: handleCitySelect
-  });
-  var getSearchResults = function getSearchResults() {
-    if (!allCity.current || allCity.current.length === 0 || !inputVal) {
-      return [];
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    if (visible !== optionShow) {
+      props.visible === undefined && setOptionShow(visible);
+      onVisibleChange && onVisibleChange(visible);
     }
-    return allCity.current.filter(function (city) {
-      var _city$name;
-      return (_city$name = city.name) === null || _city$name === void 0 ? void 0 : _city$name.startsWith(inputVal);
-    });
   };
-  var searchPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_city_search_panel__WEBPACK_IMPORTED_MODULE_13__["default"], {
-    keyword: inputVal,
-    data: getSearchResults(),
-    onSelect: handleCitySelect
-  });
-  var popperProps = {
-    visible: popperVisible,
+  var popperProps = _objectSpread(_objectSpread({}, selectProps), {}, {
+    prefixCls: "".concat(selectPrefixCls, "-dropdown"),
     placement: 'bottomLeft',
-    trigger: 'focus',
-    prefixCls: "".concat(cityPickerPrefixCls, "-panel"),
-    onVisibleChange: handlePopperVisibleChange
-  };
-  var panel = inputVal.length > 0 ? searchPanel : cityPanel;
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_14__["default"])(inputSelector, panel, popperProps);
-};
-CityPicker.displayName = 'CityPicker';
-CityPicker.PanelItem = _city_panel_item__WEBPACK_IMPORTED_MODULE_11__["default"];
-CityPicker.Panel = _city_panel__WEBPACK_IMPORTED_MODULE_12__["default"];
-CityPicker.SearchPanel = _city_search_panel__WEBPACK_IMPORTED_MODULE_13__["default"];
-/* harmony default export */ __webpack_exports__["default"] = (CityPicker);
-
-/***/ }),
-
-/***/ "./components/city-picker/city-search-panel.tsx":
-/*!******************************************************!*\
-  !*** ./components/city-picker/city-search-panel.tsx ***!
-  \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
-/* 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 _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _no_data__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./no-data */ "./components/city-picker/no-data.tsx");
-
-
-
-
-
-
-
-
-
-var SearchPanel = function SearchPanel(_ref) {
-  var _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
-    _ref$keyword = _ref.keyword,
-    keyword = _ref$keyword === void 0 ? '' : _ref$keyword,
-    handleSelect = _ref.onSelect;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_5__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__["default"]),
-    getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(cityPickerPrefixCls, "-search-panel"));
-  var hasData = data && data.length > 0;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
-    className: containerCls
-  }, hasData ? data.map(function (city) {
-    var itemContainerCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(cityPickerPrefixCls, "-search-panel-item"));
-    var itemLeftCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(cityPickerPrefixCls, "-search-panel-item-left"));
-    var itemRightCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(cityPickerPrefixCls, "-search-panel-item-right"));
-    var handleClick = function handleClick() {
-      handleSelect === null || handleSelect === void 0 ? void 0 : handleSelect(city);
-    };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
-      className: itemContainerCls,
-      onClick: handleClick,
-      key: city.id
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
-      className: itemLeftCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: city.name.replace(keyword, "<span class=\"".concat(cityPickerPrefixCls, "-search-keyword\">").concat(keyword, "</span>"))
-      }
-    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
-      className: itemRightCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", null, city.province), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", null, city.country === '中国' ? '' : city.country)));
-  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_no_data__WEBPACK_IMPORTED_MODULE_8__["default"], null));
+    popperStyle: catchStyle(),
+    defaultVisible: optionShow,
+    visible: optionShow,
+    onVisibleChange: handleVisibleChange,
+    clickToClose: !searchValue
+  });
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_26__["default"])(renderCityPicker(), renderContent(), popperProps);
 };
-/* harmony default export */ __webpack_exports__["default"] = (SearchPanel);
+var Select = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(InternalSelect);
+Select.displayName = 'CityPicker';
+/* harmony default export */ __webpack_exports__["default"] = (Select);
 
 /***/ }),
 
@@ -8038,38 +7876,68 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./components/city-picker/no-data.tsx":
-/*!********************************************!*\
-  !*** ./components/city-picker/no-data.tsx ***!
-  \********************************************/
+/***/ "./components/city-picker/option.tsx":
+/*!*******************************************!*\
+  !*** ./components/city-picker/option.tsx ***!
+  \*******************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* 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__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__);
+/* 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 classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
 
 
 
-var NoData = function NoData() {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_2__["default"]),
+
+
+var InternalOption = function InternalOption(props, ref) {
+  var _classNames;
+  var optionRef = Object(react__WEBPACK_IMPORTED_MODULE_2__["useRef"])(null) || ref;
+  var children = props.children,
+    value = props.value,
+    disabled = props.disabled,
+    onChangeSelect = props.onChangeSelect,
+    _props$city = props.city,
+    city = _props$city === void 0 ? {} : _props$city,
+    renderCityInfo = props.renderCityInfo,
+    itemRender = props.itemRender;
+  var _ref = city,
+    id = _ref.id,
+    name = _ref.name;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_2__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls,
-    globalLocale = _useContext.locale;
-  var cityPickerLang = globalLocale.getCompLangMsg({
-    componentName: 'CityPicker'
-  });
-  var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
-  var cls = classnames__WEBPACK_IMPORTED_MODULE_1___default()("".concat(cityPickerPrefixCls, "-no-data"));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: cls
-  }, cityPickerLang.noData);
+    prefixCls = _useContext.prefixCls;
+  var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
+  var isSelected = id !== undefined ? id === value : false;
+  var optionCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()(selectOptionPrefixCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), _classNames));
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    if (disabled || id === undefined) return;
+    onChangeSelect === null || onChangeSelect === void 0 ? void 0 : onChangeSelect(city);
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+    ref: optionRef,
+    className: optionCls,
+    title: name,
+    onClick: handleClick
+  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-content")
+  }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-info")
+  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)))));
 };
-/* harmony default export */ __webpack_exports__["default"] = (NoData);
+var Option = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef(InternalOption);
+Option.displayName = 'CityPickerOption';
+/* harmony default export */ __webpack_exports__["default"] = (Option);
 
 /***/ }),
 
@@ -8100,43 +7968,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-
-/***/ "./components/city-picker/utils/grouping.ts":
-/*!**************************************************!*\
-  !*** ./components/city-picker/utils/grouping.ts ***!
-  \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return grouping; });
-/**
- * 进行分组
- * @param groups 组别
- * @param nums 每组个数
- * @returns 分组结果
- */
-function grouping() {
-  var groups = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var nums = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
-  if (groups.length === 0 || nums <= 1) return groups;
-  var result = [];
-  var str = '';
-  for (var i = 0; i < groups.length; i++) {
-    if (str.length === nums) {
-      result.push(str);
-      str = '';
-    }
-    str += groups[i];
-    if (i === groups.length - 1) {
-      result.push(str);
-    }
-  }
-  return result;
-}
-
 /***/ }),
 
 /***/ "./components/collapse/collapse.tsx":
@@ -9969,7 +9800,22 @@ var compDefaultProps = {
         type: "arrow-right-solid"
       });
     },
-    expandOnClickNode: false
+    expandOnClickNode: false,
+    listHeight: 184,
+    virtual: true
+  },
+  CityPicker: {
+    type: 'domestic',
+    loading: false,
+    size: 'small',
+    borderType: 'underline',
+    defaultOpen: false,
+    showArrow: true,
+    placeholder: '',
+    description: '城市',
+    showDescription: true,
+    optionHighlightProps: 'highlightText',
+    allowClear: true
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (compDefaultProps);
@@ -28550,23 +28396,30 @@ var InternalSelect = function InternalSelect(props, ref) {
         if (realChildren !== null && realChildren !== void 0 && realChildren.length) {
           var arr = [];
           initValue.map(function (item) {
-            var obj = (realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
+            var obj = realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
               if (child && child.props) {
                 return child.props.value === item;
               } else {
                 return child.value === item;
               }
-            })) || {};
-            if (options && options.length) {
-              arr.push({
-                value: obj === null || obj === void 0 ? void 0 : obj.value,
-                label: (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.value)
-              });
+            });
+            if (obj) {
+              if (options && options.length) {
+                arr.push({
+                  value: obj === null || obj === void 0 ? void 0 : obj.value,
+                  label: (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.value)
+                });
+              } else {
+                var _obj$props, _obj$props2;
+                arr.push({
+                  value: (_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.value,
+                  label: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.children
+                });
+              }
             } else {
-              var _obj$props, _obj$props2;
               arr.push({
-                value: (_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.value,
-                label: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.children
+                value: item,
+                label: item
               });
             }
           });
@@ -28583,19 +28436,22 @@ var InternalSelect = function InternalSelect(props, ref) {
     if (!isMultiple) {
       multipleRef.current.selectedVal = initValue; // 默认选中值
       if (initValue !== undefined) {
-        var obj = (realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
+        var obj = realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
           if (child && child.props) {
             var _child$props;
             return ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.value) === initValue;
           } else {
             return (child === null || child === void 0 ? void 0 : child.value) === initValue;
           }
-        })) || {};
-        if (options && options.length) {
-          setSingleVal(getOptionLabel(obj) || (obj === null || obj === void 0 ? void 0 : obj.value));
+        });
+        if (obj) {
+          if (options && options.length) {
+            setSingleVal(getOptionLabel(obj) || (obj === null || obj === void 0 ? void 0 : obj.value));
+          } else {
+            setSingleVal(getOptionLabel(obj));
+          }
         } else {
-          // setSingleVal(obj.props?.children)
-          setSingleVal(getOptionLabel(obj));
+          setSingleVal(initValue);
         }
       } else {
         setSingleVal(undefined);
@@ -34940,43 +34796,46 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
-/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
+/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+
 
 
 
@@ -34986,7 +34845,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
@@ -35022,10 +34881,10 @@ function flattenTreeData(treeData) {
       var keys = [];
       (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (child) {
         var _data$childrenKeys;
-        var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(parentKeys), [key]));
+        var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(parentKeys), [key]));
         keys.push(childKey);
         var grandchildrenKeys = map.get(childKey).childrenKeys;
-        (_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(grandchildrenKeys)));
+        (_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(grandchildrenKeys)));
       });
     }
     return key;
@@ -35037,11 +34896,11 @@ function flattenTreeData(treeData) {
 }
 var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var _classNames4, _classNames10;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('TreeSelect', userDefaultProps, props);
+  var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('TreeSelect', userDefaultProps, props);
   var size = treeSelectProps.size,
     value = treeSelectProps.value,
     autoFocus = treeSelectProps.autoFocus,
@@ -35088,97 +34947,108 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
     dropdownRender = treeSelectProps.dropdownRender,
-    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon,
+    listHeight = treeSelectProps.listHeight;
   var isMultiple = mode === 'multiple'; // 是否多选
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(isMultiple ? [] : undefined, {
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useMergedState"])(isMultiple ? [] : undefined, {
       value: value,
       defaultValue: defaultValue
     }),
-    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState, 2),
+    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState, 2),
     initValue = _useMergedState2[0],
     setInitValue = _useMergedState2[1];
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(treeExpandedKeys),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState, 2),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(treeExpandedKeys),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandedKeys = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(initValue),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState3, 2),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(initValue),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState3, 2),
     selectedKeys = _useState4[0],
     setSelectedKeys = _useState4[1];
-  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
+  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])();
   var selectRef = ref || innerRef;
-  var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null); // 搜索框ref
-  var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
-  var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
-  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(!!props.visible || defaultOpen),
-    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState5, 2),
+  var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null); // 搜索框ref
+  var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(!!props.visible || defaultOpen),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState5, 2),
     optionShow = _useState6[0],
     setOptionShow = _useState6[1]; // 下拉列表是否展示
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
-    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState7, 2),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(''),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState7, 2),
     searchValue = _useState8[0],
     setSearchValue = _useState8[1]; // 搜索框定时器
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(INPUT_MIN_WIDTH),
-    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState9, 2),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(INPUT_MIN_WIDTH),
+    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState9, 2),
     inputWidth = _useState10[0],
     setInputWidth = _useState10[1]; // 输入框宽度
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(autoFocus),
-    _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState11, 2),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(autoFocus),
+    _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
-    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState13, 2),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])([]),
+    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState13, 2),
     selectTreeNodes = _useState14[0],
     setSelectTreeNodes = _useState14[1];
-  var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
+  var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
     return flattenTreeData(treeData);
   }, [treeData]);
-  var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
+  var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
     return !!(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length);
   }, [selectTreeNodes]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'tree-select', customPrefixcls);
   // 选择器样式
-  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
-  var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-selector"), true));
+  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
+  var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-selector"), true));
 
   // 下拉列表框样式
-  var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
+  var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
 
   // 多选，单选公共样式
-  var commCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
-  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
+  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
     var arr = [];
-    if (isMultiple && initValue !== null && initValue !== void 0 && initValue.length) {
+    if (isMultiple) {
       for (var index = 0; index < initValue.length; index++) {
         var key = initValue[index];
         if (TreeMap.has(key)) {
           arr.push(TreeMap.get(key));
+        } else {
+          arr.push({
+            key: key,
+            title: key
+          });
         }
       }
     } else {
       if (TreeMap.has(initValue)) {
         arr.push(TreeMap.get(initValue));
+      } else {
+        _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default()(initValue) !== undefined && arr.push({
+          key: initValue,
+          title: initValue
+        });
       }
     }
     setSelectTreeNodes(arr);
   }, [initValue, TreeMap, isMultiple]);
-  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
     if (optionShow === false) {
       handleClear();
     }
   }, [optionShow]);
-  var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
+  var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
     e.stopPropagation();
     setFocusd(true);
     onFocus && onFocus(e);
   }, [onFocus]);
-  var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
+  var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
     e.stopPropagation();
     setFocusd(false);
     onBlur && onBlur(e);
   }, [onBlur]);
-  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _e$target;
       var isCloseBtn = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className.indexOf('kd-tag-close-icon')) > -1;
@@ -35187,7 +35057,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       }
     });
   }, []);
-  Object(react__WEBPACK_IMPORTED_MODULE_19__["useLayoutEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useLayoutEffect"])(function () {
     measureRef.current && setInputWidth(measureRef.current.scrollWidth);
   }, [searchValue]);
   var getTreeNodeLabel = function getTreeNodeLabel(node) {
@@ -35195,7 +35065,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
 
   // 输入框变化搜索内容
-  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (event) {
+  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (event) {
     var val = event.currentTarget.value;
     setOptionShow(true);
     setSearchValue(val);
@@ -35203,7 +35073,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   }, [onSearch]);
 
   // 清除搜索内容
-  var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
+  var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
     if (searchRef.current) {
       searchRef.current.value = '';
       setSearchValue('');
@@ -35227,7 +35097,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var handleRemove = function handleRemove(e, key) {
     var _TreeMap$get, _TreeMap$get2;
     if (disabled) return;
-    var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
+    var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
     var newSelectTreeNodes = selectTreeNodes.filter(function (item) {
       return !allRemoveKeys.includes(item.key);
     });
@@ -35267,20 +35137,20 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     var _classNames5;
     var suffixIcon = treeSelectProps.suffixIcon;
     // 选择器下拉icon样式
-    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
+    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
     var iconShow = allowClear && !disabled && (isMultiple ? !!selectTreeNodes.length : (initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
-    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
       className: clearIconCls
-    }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
+    }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
       type: "close-solid"
-    })), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    })), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: arrowIconCls
-    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
+    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
       type: "arrow-down"
     })));
   };
@@ -35313,27 +35183,28 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
-      onExpand: handleExpand
+      onExpand: handleExpand,
+      height: listHeight
     };
     if (isMultiple) {
       treeProps.checkable = true;
       treeProps.checkedKeys = initValue;
       treeProps.onCheck = handleCheck;
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tree"], treeProps);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tree"], treeProps);
   };
 
   // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent() {
     // 下拉列表为空
-    var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
+    var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
     var notFoundContent = treeSelectProps.notFoundContent;
     var emptyContent = notFoundContent || '暂无数据';
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
       className: emptyListCls
     }, emptyContent);
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
     if (showSearch && autoFocus && !disabled) {
       var _searchRef$current;
       (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
@@ -35343,9 +35214,10 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
-      width: style === null || style === void 0 ? void 0 : style.width
+      width: style === null || style === void 0 ? void 0 : style.width,
+      maxHeight: virtual ? 'unset' : ''
     }, dropdownStyle);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
@@ -35353,16 +35225,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
 
   // 处理多选tag
-  var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
+  var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
     var maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
     if (typeof maxTagPlaceholder === 'function') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
         type: "edit",
         size: size,
         disabled: disabled
       }, maxTagPlaceholder(selectTreeNodes));
     } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
         type: "edit",
         size: size,
         disabled: disabled
@@ -35374,13 +35246,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     if (isSelected) {
       label = getTreeNodeLabel(selectTreeNodes[0]);
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
       className: singleCls,
       ref: selectionRef,
       title: label
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -35388,11 +35260,11 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !showSearch || !!disabled
-    })), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    })), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item")
-    }, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder")
-    }, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
@@ -35400,21 +35272,21 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     var _classNames8, _classNames9;
     var maxTagCount = treeSelectProps.maxTagCount,
       maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
-    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
-    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
+    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
+    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
     var TagStyle = {
       margin: '2px 8px 2px 0',
       maxWidth: '100%'
     };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
       className: multipleCls,
       ref: selectionRef
-    }, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
+    }, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
       var key = item.key;
       var label = getTreeNodeLabel(item);
-      return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+      return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
         key: key,
-        className: classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(selectPrefixCls, "-selection-tag")),
+        className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
         onMouseDown: function onMouseDown(e) {
           return e.preventDefault();
         }
@@ -35422,7 +35294,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
         onClose: handleRemove,
         disabled: disabled,
         size: size
-      }, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
+      }, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
         type: "edit",
         style: TagStyle,
         size: size,
@@ -35433,16 +35305,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
         },
         "data-tag": key
       }, label));
-    }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: itemCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item-content")
-    }, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search"),
       style: {
         width: inputWidth
       }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -35450,22 +35322,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !showSearch || !!disabled
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       ref: measureRef,
       className: "".concat(selectPrefixCls, "-selection-search-mirror")
-    }, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder")
-    }, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix()));
   };
-  var singleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
+  var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
       className: selectCls,
       ref: selectRef,
       style: style
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
@@ -35504,9 +35376,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onVisibleChange: handleVisibleChange,
     clickToClose: !(showSearch && searchValue)
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_25__["default"])(renderSelect(), renderContent(), popperProps);
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_26__["default"])(renderSelect(), renderContent(), popperProps);
 };
-var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.forwardRef(InternalTreeSelect);
+var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(InternalTreeSelect);
 TreeSelect.displayName = 'TreeSelect';
 /* harmony default export */ __webpack_exports__["default"] = (TreeSelect);
 
@@ -35614,10 +35486,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
-/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
-/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
+/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
+/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__);
 
 
 
@@ -35642,6 +35515,7 @@ var _excluded = ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon",
 
 
 
+
 var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.forwardRef(function (props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_14__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
@@ -35698,13 +35572,12 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     notFoundContent = TreeProps.notFoundContent,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(TreeProps, _excluded);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
-  var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
   var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
   var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["flattenAll"])(treeData, []);
+      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["flattenAll"])(treeData, []);
     }, [treeData]),
     flattenAllData = _React$useMemo.flattenAllData,
     maxLevel = _React$useMemo.maxLevel,
@@ -35713,76 +35586,69 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
     scrollKey = _React$useState2[0],
     setScrollKey = _React$useState2[1];
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(0),
-    _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
-    start = _React$useState4[0],
-    setStart = _React$useState4[1];
-  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
+  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
     _useSelect2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useSelect, 2),
     selectedKeys = _useSelect2[0],
     setSelectedKeys = _useSelect2[1];
   var listRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var plantomRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
   var rootRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
   var scrollRef = ref || rootRef;
   var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
   var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
   var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(true),
+  var virtualListRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(true),
+    _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
+    isInit = _React$useState4[0],
+    setIsInit = _React$useState4[1];
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
     _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState5, 2),
-    isInit = _React$useState6[0],
-    setIsInit = _React$useState6[1];
+    dropPosition = _React$useState6[0],
+    setDropPosition = _React$useState6[1];
   var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
     _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState7, 2),
-    dropPosition = _React$useState8[0],
-    setDropPosition = _React$useState8[1];
-  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
+    dragOverNodeKey = _React$useState8[0],
+    setDragOverNodeKey = _React$useState8[1];
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
     _React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState9, 2),
-    dragOverNodeKey = _React$useState10[0],
-    setDragOverNodeKey = _React$useState10[1];
+    loadedKeys = _React$useState10[0],
+    setLoadedKeys = _React$useState10[1];
   var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
     _React$useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState11, 2),
-    loadedKeys = _React$useState12[0],
-    setLoadedKeys = _React$useState12[1];
-  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
+    loadingKeys = _React$useState12[0],
+    setLoadingKeys = _React$useState12[1];
+  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState([]),
     _React$useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState13, 2),
-    loadingKeys = _React$useState14[0],
-    setLoadingKeys = _React$useState14[1];
-  var _React$useState15 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState([]),
-    _React$useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState15, 2),
-    searchExpandedKeys = _React$useState16[0],
-    setSearchExpandedKeys = _React$useState16[1];
+    searchExpandedKeys = _React$useState14[0],
+    setSearchExpandedKeys = _React$useState14[1];
   var isSearching = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
     return typeof filterTreeNode === 'function' && !!filterValue;
   }, [filterValue]);
   Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
     setSearchExpandedKeys([]);
   }, [filterValue]);
-  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
+  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
     _useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useExpand, 2),
     expandedKeys = _useExpand2[0],
     setExpandedKeys = _useExpand2[1];
   var _React$useMemo2 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getSpreadAttrData"])(flattenAllData, expandedKeys);
+      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getSpreadAttrData"])(flattenAllData, expandedKeys);
     }, [flattenAllData, expandedKeys]),
     spreadAttrData = _React$useMemo2.spreadAttrData,
     posData = _React$useMemo2.posData;
-  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
+  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
     _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useChecked, 4),
     checkedKeys = _useChecked2[0],
     halfCheckedKeys = _useChecked2[1],
     setCheckedKeys = _useChecked2[2],
     setHalfCheckedKeys = _useChecked2[3];
   var filterData = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
   }, [spreadAttrData, isSearching, posData, keysData]);
-  var _useViewportHeight = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useViewportHeight"])(height, listRef),
-    _useViewportHeight2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useViewportHeight, 1),
-    viewportHeight = _useViewportHeight2[0];
-  var _useVisibleDataMemo = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useVisibleDataMemo"])(virtual, filterData, viewportHeight, estimatedItemSize, start),
-    _useVisibleDataMemo2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useVisibleDataMemo, 1),
-    visibleData = _useVisibleDataMemo2[0];
-  var index = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+    if (typeof scrollKey === 'undefined') {
+      return;
+    }
     var scrollIndex = 0;
     for (var i = 0; i < filterData.length; i++) {
       if (filterData[i].key === scrollKey) {
@@ -35790,19 +35656,23 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
         break;
       }
     }
-    return scrollIndex;
-  }, [filterData, scrollKey]);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useScrollToKey"])(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["usePlantomHeightEffect"])(plantomRef, filterData, estimatedItemSize);
-  var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function () {
-    if (!virtual) return;
-    var scrollTop = scrollRef.current.scrollTop;
-    setStart(Math.floor(scrollTop / estimatedItemSize));
-    var tempStartOffset = scrollTop - scrollTop % estimatedItemSize;
-    if (listRef.current && virtual) {
-      listRef.current.style.transform = "translate3d(0,".concat(tempStartOffset, "px,0)");
+    if (virtual) {
+      var _virtualListRef$curre;
+      (_virtualListRef$curre = virtualListRef.current) === null || _virtualListRef$curre === void 0 ? void 0 : _virtualListRef$curre.scrollTo({
+        index: scrollIndex
+      });
+    } else {
+      var _wrapperDom$children$;
+      var wrapperDom = scrollRef.current;
+      var _node = wrapperDom ? wrapperDom === null || wrapperDom === void 0 ? void 0 : (_wrapperDom$children$ = wrapperDom.children[0]) === null || _wrapperDom$children$ === void 0 ? void 0 : _wrapperDom$children$.children[scrollIndex] : null;
+      if (_node && wrapperDom) {
+        var containerHeight = wrapperDom.clientHeight;
+        var targetHeight = _node.clientHeight;
+        var scrollPosition = _node.offsetTop + targetHeight - containerHeight;
+        wrapperDom.scrollTop = scrollPosition;
+      }
     }
-  }, [listRef, scrollRef, virtual, estimatedItemSize]);
+  }, [filterData, scrollKey, virtual]);
   var handleNodeLoad = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function (loadedKeys, loadingKeys, data) {
     var key = data.key;
     if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
@@ -35827,13 +35697,13 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
         return prevLoadingKeys;
       });
       setExpandedKeys(function (preExpandedKeys) {
-        return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
+        return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
       });
       throw e;
     });
   }, [loadData, setExpandedKeys]);
   var handleExpand = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, expanded, node) {
-    var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["delKey"])(expandedKeys, [key]);
+    var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(expandedKeys, [key]);
     if (expandedKeysProps === undefined) {
       setExpandedKeys(newExpandedKeys);
     }
@@ -35842,18 +35712,18 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       expanded: expanded
     });
     if (isSearching) {
-      var newSearchExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["addKeys"])(searchExpandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["delKey"])(searchExpandedKeys, [key]);
+      var newSearchExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(searchExpandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(searchExpandedKeys, [key]);
       setSearchExpandedKeys(newSearchExpandedKeys);
     }
-    setScrollKey('');
+    setScrollKey(undefined);
     setIsInit(false);
     if (expanded && loadData) {
       handleNodeLoad(loadedKeys, loadingKeys, node);
     }
   }, [expandedKeys, onExpand, loadData, handleNodeLoad, loadedKeys, loadingKeys]);
   var handleCheck = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, value, node, event, _pos) {
-    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["delKey"])(checkedKeys, [key]);
-    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getAllCheckedKeys"])(key, value, checkedKeys, keysData, halfCheckedKeys);
+    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(checkedKeys, [key]);
+    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllCheckedKeys"])(key, value, checkedKeys, keysData, halfCheckedKeys);
     if (!('checkedKeys' in TreeProps)) {
       setCheckedKeys(checkState.checkedKeys);
       setHalfCheckedKeys(checkState.halfCheckedKeys);
@@ -35872,7 +35742,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     });
   }, [onDragStart]);
   var handleDragOver = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dropTarget) {
-    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["calcDropPosition"])(event, dropTarget);
+    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["calcDropPosition"])(event, dropTarget);
     if (!delayedDragEnterRef.current) {
       delayedDragEnterRef.current = {};
     }
@@ -35896,7 +35766,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       delayedDragEnterRef.current[pos] = setTimeout(function () {
         var newExpandedKeys = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(expandedKeys);
         if (!node.expand) {
-          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["addKeys"])(expandedKeys, [key]);
+          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(expandedKeys, [key]);
         }
         if (!('expandedKeys' in TreeProps)) {
           setExpandedKeys(newExpandedKeys);
@@ -35942,8 +35812,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
   var handleDrop = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
     setDragOverNodeKey(null);
     setDropPosition(null);
-    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getPos"])(flattenAllData, dragNodesKeys);
-    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
+    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getPos"])(flattenAllData, dragNodesKeys);
+    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
     onDrop && onDrop({
       event: event,
       node: node,
@@ -35953,7 +35823,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     });
   }, [flattenAllData, onDrop, dropPosition]);
   var handleSelect = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, key) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getChecked"])(checkedKeys, key);
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, key);
     onSelect && onSelect([key], {
       node: node,
       event: event,
@@ -35961,16 +35831,16 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     });
   }, [onSelect, setSelectedKeys, checkedKeys]);
   var getSelectable = function getSelectable(selectable) {
-    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22___default()(selectable)) {
+    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(selectable)) {
       return selectable;
     }
     return true;
   };
   var getCheckable = function getCheckable(checkableProps, itemCheckable) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22___default()(itemCheckable) ? itemCheckable : checkableProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemCheckable) ? itemCheckable : checkableProps;
   };
   var getDisabled = function getDisabled(disabledProps, itemDisabled) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_22___default()(itemDisabled) ? itemDisabled : disabledProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemDisabled) ? itemDisabled : disabledProps;
   };
   var getDragNode = function getDragNode() {
     return dragNodeRef.current;
@@ -35990,20 +35860,9 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
   Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: treeNodeClassName,
-    style: style,
-    ref: scrollRef,
-    onScroll: handleScroll
-  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    ref: plantomRef,
-    className: "".concat(treePrefixCls, "-plantom")
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    className: treeRootClassName,
-    ref: listRef
-  }, !(visibleData !== null && visibleData !== void 0 && visibleData.length) && notFoundContent, visibleData && visibleData.map(function (item) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getChecked"])(checkedKeys, item.key);
-    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getHalfChecked"])(halfCheckedKeys, item.key);
+  var renderTreeNode = function renderTreeNode(item) {
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, item.key);
+    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getHalfChecked"])(halfCheckedKeys, item.key);
     item.nodeKey = item.key;
     item.onExpand = handleExpand;
     item.onCheck = handleCheck;
@@ -36039,7 +35898,26 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       key: item.key,
       ref: treeNodeRef
     }));
-  })));
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    className: treeNodeClassName,
+    style: style,
+    ref: scrollRef
+  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+    className: treeRootClassName,
+    ref: listRef
+  }, !(filterData !== null && filterData !== void 0 && filterData.length) && notFoundContent, virtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_20__["default"], {
+    className: className,
+    style: style,
+    ref: virtualListRef,
+    data: filterData,
+    isStaticItemHeight: true,
+    itemKey: function itemKey(item) {
+      return item === null || item === void 0 ? void 0 : item.key;
+    },
+    height: height,
+    itemHeight: estimatedItemSize
+  }, renderTreeNode) : filterData.map(renderTreeNode)));
 });
 var Tree = InternalTree;
 Tree.displayName = 'Tree';
@@ -36257,7 +36135,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(function (props, ref) {
+var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(function (props) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -36470,11 +36348,6 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
   var handleSelect = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     selectable && !disabled && onSelect && onSelect(e, nodeData, nodeKey);
   }, [onSelect, selectable, disabled, nodeData, nodeKey]);
-  react__WEBPACK_IMPORTED_MODULE_11___default.a.useImperativeHandle(ref, function () {
-    return {
-      selectNode: handleSelect
-    };
-  });
   var handleExpandIconClick = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function (e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     setExpandState(!expandState);
@@ -117745,6 +117618,49 @@ function eq(value, other) {
 module.exports = eq;
 
 
+/***/ }),
+
+/***/ "./node_modules/lodash/escapeRegExp.js":
+/*!*********************************************!*\
+  !*** ./node_modules/lodash/escapeRegExp.js ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var toString = __webpack_require__(/*! ./toString */ "./node_modules/lodash/toString.js");
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g,
+    reHasRegExpChar = RegExp(reRegExpChar.source);
+
+/**
+ * Escapes the `RegExp` special characters "^", "$", "\", ".", "*", "+",
+ * "?", "(", ")", "[", "]", "{", "}", and "|" in `string`.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category String
+ * @param {string} [string=''] The string to escape.
+ * @returns {string} Returns the escaped string.
+ * @example
+ *
+ * _.escapeRegExp('[lodash](https://lodash.com/)');
+ * // => '\[lodash\]\(https://lodash\.com/\)'
+ */
+function escapeRegExp(string) {
+  string = toString(string);
+  return (string && reHasRegExpChar.test(string))
+    ? string.replace(reRegExpChar, '\\$&')
+    : string;
+}
+
+module.exports = escapeRegExp;
+
+
 /***/ }),
 
 /***/ "./node_modules/lodash/findLast.js":