@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/ComboSelect/index.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-232d890b.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
@@ -10,27 +6,26 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-b1f80962.js';
+import { T as Tree } from '../_verture/index-4fafd0a0.js';
 import { Button } from '../Button/index.js';
-import { D as Dropdown } from '../_verture/index-e9007d6a.js';
+import { D as Dropdown } from '../_verture/index-da9097d3.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-418da0a4.js';
+import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, c as closest, a as getOverlaySize } from '../_verture/utils-c17b5265.js';
 import { DeepClone, ArrayToObject } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Search } from '../Search/index.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-c310ee4a.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -42,9 +37,15 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Empty/index.js';
+import '../_verture/defineProperty-1d116156.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
+import '../PopConfirm/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
+import '../_verture/usePopupContainer-635f66f4.js';
 import '@para-ui/icons/Refresh';
 import '../Pagination/index.js';
 import '../TextField/index.js';
@@ -58,6 +59,9 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-d63bd287.js';
+import '../_verture/typeof-b240b062.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -66,7 +70,6 @@ import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/MoreCircle';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 
 var en = {
@@ -75,7 +78,8 @@ var en = {
   ok: 'Ok',
   fullPath: 'Full path',
   pleaseSelect: 'Please select',
-  selected: 'selected'
+  selected: 'selected',
+  searching: 'Searching'
 };
 
 var zh = {
@@ -84,169 +88,121 @@ var zh = {
   ok: '确定',
   fullPath: '完整路径',
   pleaseSelect: '请选择',
-  selected: '已选中'
+  selected: '已选中',
+  searching: '搜索中'
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 32px;\n  padding: 0 12px;\n  font-size: 14px;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n  position: absolute;\n  top: 5px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n  color: rgb(92, 101, 115);\n  font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n  color: rgb(161, 168, 179);\n  font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 30px;\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 22px;\n  margin: 0 8px 4px 0;\n  max-width: 100%;\n  color: rgb(29, 33, 38);\n  line-height: 22px;\n  background-color: rgb(234, 236, 241);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n  color: rgb(161, 168, 179);\n  background-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n  background-color: rgb(247, 248, 250);\n  border-color: rgb(212, 218, 227);\n  pointer-events: none;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 20px;\n  margin-bottom: 3px;\n  line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n  top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n  opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n  opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgb(212, 218, 227);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n  position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n  border: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(161, 168, 179);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n  padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n  height: 52px;\n  padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-height: 40px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n  border: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(161, 168, 179);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n  flex: 1 1;\n  overflow-y: auto;\n  height: 100%;\n  padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n  height: 52px;\n  padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n  height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n  flex: 1 1;\n  overflow-y: auto;\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n  display: flex;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n  margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgb(234, 236, 241);\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n  padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n  width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 15px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n  transform: translateY(-50%);\n  background-size: 15px 11px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-v4-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n  display: block;\n  padding: 0 12px;\n  margin-bottom: 5px;\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n  max-height: 300px;\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n  display: flex;\n  align-items: center;\n  height: 36px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n  font-size: 20px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
 //组合选择器
-var ComboSelect = function ComboSelect(props) {
-  var _useGlobalProps = useGlobalProps(props, 'ComboSelect'),
-    _useGlobalProps$mode = _useGlobalProps.mode,
-    mode = _useGlobalProps$mode === void 0 ? 'table' : _useGlobalProps$mode,
-    placeholder = _useGlobalProps.placeholder,
-    searchPlaceholder = _useGlobalProps.searchPlaceholder,
-    maxCount = _useGlobalProps.maxCount,
-    _useGlobalProps$disab = _useGlobalProps.disabled,
-    disabled = _useGlobalProps$disab === void 0 ? false : _useGlobalProps$disab,
-    _useGlobalProps$allow = _useGlobalProps.allowClear,
-    allowClear = _useGlobalProps$allow === void 0 ? false : _useGlobalProps$allow,
-    className = _useGlobalProps.className,
-    style = _useGlobalProps.style,
-    maxHeight = _useGlobalProps.maxHeight,
-    height = _useGlobalProps.height,
-    _useGlobalProps$place = _useGlobalProps.placement,
-    placement = _useGlobalProps$place === void 0 ? 'bottomLeft' : _useGlobalProps$place,
-    popoverClassName = _useGlobalProps.popoverClassName,
-    _useGlobalProps$size = _useGlobalProps.size,
-    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
-    _useGlobalProps$popov = _useGlobalProps.popoverActions,
-    popoverActions = _useGlobalProps$popov === void 0 ? null : _useGlobalProps$popov,
-    _useGlobalProps$showP = _useGlobalProps.showPopoverActions,
-    showPopoverActions = _useGlobalProps$showP === void 0 ? false : _useGlobalProps$showP,
-    _useGlobalProps$defau = _useGlobalProps.defaultOpen,
-    defaultOpen = _useGlobalProps$defau === void 0 ? false : _useGlobalProps$defau,
-    defaultValue = _useGlobalProps.defaultValue,
-    _useGlobalProps$repla = _useGlobalProps.replaceFields,
-    replaceFields = _useGlobalProps$repla === void 0 ? {
+const ComboSelect = props => {
+  const {
+    mode = 'table',
+    placeholder,
+    searchPlaceholder,
+    maxCount,
+    disabled = false,
+    allowClear = false,
+    className,
+    style,
+    maxHeight,
+    height,
+    placement = 'bottomLeft',
+    popoverClassName,
+    size = 'large',
+    popoverActions = null,
+    showPopoverActions = false,
+    defaultOpen = false,
+    defaultValue,
+    replaceFields = {
       key: 'key',
       title: 'title',
       children: 'children'
-    } : _useGlobalProps$repla,
-    _useGlobalProps$outpu = _useGlobalProps.outputFields,
-    outputFields = _useGlobalProps$outpu === void 0 ? {
+    },
+    outputFields = {
       outputKey: 'key',
       outputTitle: 'label'
-    } : _useGlobalProps$outpu,
-    value = _useGlobalProps.value,
-    onClear = _useGlobalProps.onClear,
-    onCancel = _useGlobalProps.onCancel,
-    onOk = _useGlobalProps.onOk,
-    onClose = _useGlobalProps.onClose,
-    onChange = _useGlobalProps.onChange,
-    onSearch = _useGlobalProps.onSearch,
-    refresh = _useGlobalProps.refresh,
-    TableProps = _useGlobalProps.TableProps,
-    TreeProps = _useGlobalProps.TreeProps,
-    _useGlobalProps$check = _useGlobalProps.checkable,
-    checkable = _useGlobalProps$check === void 0 ? true : _useGlobalProps$check,
-    url = _useGlobalProps.url,
-    ctx = _useGlobalProps.ctx,
-    params = _useGlobalProps.params,
-    _useGlobalProps$metho = _useGlobalProps.method,
-    method = _useGlobalProps$metho === void 0 ? 'Get' : _useGlobalProps$metho,
-    _useGlobalProps$showS = _useGlobalProps.showSearch,
-    showSearch = _useGlobalProps$showS === void 0 ? false : _useGlobalProps$showS,
-    _useGlobalProps$realT = _useGlobalProps.realTimeSearch,
-    realTimeSearch = _useGlobalProps$realT === void 0 ? false : _useGlobalProps$realT,
-    _useGlobalProps$error = _useGlobalProps.error,
-    error = _useGlobalProps$error === void 0 ? false : _useGlobalProps$error,
-    hideErrorDom = _useGlobalProps.hideErrorDom,
-    helperText = _useGlobalProps.helperText,
-    paramsCallback = _useGlobalProps.paramsCallback,
-    fullPathKey = _useGlobalProps.fullPathKey,
-    fullPathRender = _useGlobalProps.fullPathRender,
-    _useGlobalProps$disab2 = _useGlobalProps.disablePopup,
-    disablePopup = _useGlobalProps$disab2 === void 0 ? false : _useGlobalProps$disab2,
-    tagRender = _useGlobalProps.tagRender,
-    onTagRemove = _useGlobalProps.onTagRemove,
-    action = _useGlobalProps.action,
-    _useGlobalProps$label = _useGlobalProps.label,
-    label = _useGlobalProps$label === void 0 ? '' : _useGlobalProps$label,
-    labelTooltip = _useGlobalProps.labelTooltip,
-    _useGlobalProps$requi = _useGlobalProps.required,
-    required = _useGlobalProps$requi === void 0 ? false : _useGlobalProps$requi,
-    emptyProps = _useGlobalProps.emptyProps,
-    _useGlobalProps$toggl = _useGlobalProps.toggleSelectedOnSingle,
-    toggleSelectedOnSingle = _useGlobalProps$toggl === void 0 ? false : _useGlobalProps$toggl,
-    optionRender = _useGlobalProps.optionRender,
-    getOptionLabel = _useGlobalProps.getOptionLabel,
-    _useGlobalProps$dropd = _useGlobalProps.dropdownMatchSelectWidth,
-    dropdownMatchSelectWidth = _useGlobalProps$dropd === void 0 ? true : _useGlobalProps$dropd,
-    getPopupContainer = _useGlobalProps.getPopupContainer,
-    maxTagTextLength = _useGlobalProps.maxTagTextLength,
-    renderInputContent = _useGlobalProps.renderInputContent;
-  var _React$useContext = React__default.useContext(GlobalContext),
-    language = _React$useContext.language,
-    locale = _React$useContext.locale;
-  var selectRef = useRef();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1]; //打开popover
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checkKeys = _useState4[0],
-    setCheckKeys = _useState4[1]; //选中key
-  var checkValuesRef = useRef(new Map()); //选中value
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    checkList = _useState6[0],
-    setCheckList = _useState6[1]; //tag显示选中项
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    inputValue = _useState8[0],
-    setInputValue = _useState8[1]; //input value
-  var searchKeyRef = useRef(undefined); //搜索参数
-  var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    fullPath = _useState10[0],
-    setFullPath = _useState10[1]; //路径
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    hasAllClear = _useState12[0],
-    setHasAllClear = _useState12[1]; //显示清除按钮
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    inRefresh = _useState14[0],
-    setInRefresh = _useState14[1]; //内部刷新组件
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    openMore = _useState16[0],
-    setOpenMore = _useState16[1]; //显示更过选中
-  var _useState17 = useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    moreTagList = _useState18[0],
-    setMoreTagList = _useState18[1]; //更多tag列表
-  var originValueRef = useRef([]); // 保存value
-  var hasPopup = useRef(false); //显示弹框标识
-  var popUpNodeRef = useRef(); //popup dom
-  var emptyParamsRef = useRef({}); //空参数常量
-  var searchInputRef = useRef(); //search input
-  var mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
-  var _mergedReplaceF$key = mergedReplaceF.key,
-    fieldKey = _mergedReplaceF$key === void 0 ? '' : _mergedReplaceF$key,
-    _mergedReplaceF$title = mergedReplaceF.title,
-    fieldTitle = _mergedReplaceF$title === void 0 ? '' : _mergedReplaceF$title;
-  var _ref = outputFields || {},
-    _ref$outputKey = _ref.outputKey,
-    outputKey = _ref$outputKey === void 0 ? 'key' : _ref$outputKey,
-    _ref$outputTitle = _ref.outputTitle,
-    outputTitle = _ref$outputTitle === void 0 ? 'label' : _ref$outputTitle;
-  var intl = useFormatMessage('ComboSelect', localeJson);
-  var isRemoteLoadRef = useRef(isRemoteLoad(mode, mode === 'table' ? TableProps : TreeProps)); //是否远程加载数据
-  var _useState19 = useState(),
-    _useState20 = _slicedToArray(_useState19, 2),
-    loadedKeys = _useState20[0],
-    setLoadKeys = _useState20[1]; //加载过的key
+    },
+    value,
+    onClear,
+    onCancel,
+    onOk,
+    onClose,
+    onChange,
+    onSearch,
+    refresh,
+    TableProps,
+    TreeProps,
+    checkable = true,
+    url,
+    ctx,
+    params,
+    method = 'Get',
+    showSearch = false,
+    realTimeSearch = false,
+    error = false,
+    hideErrorDom,
+    helperText,
+    paramsCallback,
+    fullPathKey,
+    fullPathRender,
+    disablePopup = false,
+    tagRender,
+    onTagRemove,
+    action,
+    label = '',
+    labelTooltip,
+    required = false,
+    emptyProps,
+    toggleSelectedOnSingle = false,
+    optionRender,
+    getOptionLabel,
+    dropdownMatchSelectWidth = true,
+    getPopupContainer,
+    maxTagTextLength,
+    renderInputContent
+  } = useGlobalProps(props, 'ComboSelect');
+  const {
+    language,
+    locale
+  } = React__default.useContext(GlobalContext);
+  const selectRef = useRef();
+  const [open, setOpen] = useState(false); //打开popover
+  const [checkKeys, setCheckKeys] = useState([]); //选中key
+  const checkValuesRef = useRef(new Map()); //选中value
+  const [checkList, setCheckList] = useState([]); //tag显示选中项
+  const [inputValue, setInputValue] = useState(''); //input value
+  const searchKeyRef = useRef(undefined); //搜索参数
+  const [fullPath, setFullPath] = useState(null); //路径
+  const [hasAllClear, setHasAllClear] = useState(false); //显示清除按钮
+  const [inRefresh, setInRefresh] = useState(0); //内部刷新组件
+  const [openMore, setOpenMore] = useState(false); //显示更过选中
+  const [moreTagList, setMoreTagList] = useState([]); //更多tag列表
+  const originValueRef = useRef([]); // 保存value
+  const hasPopup = useRef(false); //显示弹框标识
+  const popUpNodeRef = useRef(); //popup dom
+  const emptyParamsRef = useRef({}); //空参数常量
+  const searchInputRef = useRef(); //search input
+  const mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
+  const {
+    key: fieldKey = '',
+    title: fieldTitle = ''
+  } = mergedReplaceF;
+  const {
+    outputKey = 'key',
+    outputTitle = 'label'
+  } = outputFields || {};
+  const intl = useFormatMessage('ComboSelect', localeJson);
+  const isRemoteLoadRef = useRef(isRemoteLoad(mode, mode === 'table' ? TableProps : TreeProps)); //是否远程加载数据
+  const [loadedKeys, setLoadKeys] = useState(); //加载过的key
   //选择框点击
-  var handleSelectorClick = function handleSelectorClick(event) {
+  const handleSelectorClick = event => {
     if (disablePopup) return;
     if (disabled) return;
     if (hasPopup.current) {
@@ -257,7 +213,7 @@ var ComboSelect = function ComboSelect(props) {
     setOpen(true);
   };
   //关闭popover
-  var handlePopoverClose = function handlePopoverClose(event, reason) {
+  const handlePopoverClose = (event, reason) => {
     hasPopup.current = false;
     searchKeyRef.current = undefined;
     emptyParamsRef.current = {};
@@ -270,35 +226,31 @@ var ComboSelect = function ComboSelect(props) {
     }
   };
   //清空选择器数据
-  var clearSelectorData = function clearSelectorData() {
+  const clearSelectorData = () => {
     setCheckKeys([]);
     setCheckList([]);
     setMoreTagList([]);
   };
   //处理选中
-  var handleChecked = function handleChecked(keys, values) {
+  const handleChecked = (keys, values) => {
     setCheckKeys(keys);
     formatSelectedData(values, keys);
   };
   //内部状态变化
-  var internalChange = function internalChange(currItem) {
-    setCheckKeys(function (prev) {
-      var idx = prev.findIndex(function (k) {
-        return k === currItem[outputKey];
-      });
+  const internalChange = currItem => {
+    setCheckKeys(prev => {
+      const idx = prev.findIndex(k => k === currItem[outputKey]);
       if (idx > -1) prev.splice(idx, 1);
-      return _toConsumableArray(prev);
+      return [...prev];
     });
   };
   //删除当前选中项
-  var handleRemoveTagClick = function handleRemoveTagClick(evt, currItem) {
+  const handleRemoveTagClick = (evt, currItem) => {
     evt.stopPropagation();
     if (currItem.closable === false) return; //tag 不可关闭
     if ((onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(currItem)) === false) return; //返回false不删除
-    var newCheckList = _toConsumableArray(checkList);
-    var idx = newCheckList.findIndex(function (_) {
-      return _[outputKey] === currItem[outputKey];
-    });
+    const newCheckList = [...checkList];
+    const idx = newCheckList.findIndex(_ => _[outputKey] === currItem[outputKey]);
     if (idx > -1) newCheckList.splice(idx, 1);
     setCheckList(newCheckList);
     internalChange(currItem);
@@ -307,28 +259,16 @@ var ComboSelect = function ComboSelect(props) {
   /**
    * @desc 搜索 - 防抖
    */
-  var onRealTimeSearch = useMemo(function () {
-    return debounce(function (val) {
-      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-        return regenerator.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              searchFn(val);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-    }, 400);
-  }, []);
+  const onRealTimeSearch = useMemo(() => debounce(val => __awaiter(void 0, void 0, void 0, function* () {
+    searchFn(val);
+  }), 400), []);
   //输入框
-  var handleInputChange = function handleInputChange(value) {
+  const handleInputChange = value => {
     setInputValue(value);
     realTimeSearch && onRealTimeSearch(value);
   };
-  var searchFn = function searchFn(value) {
-    var input = value !== null && value !== void 0 ? value : inputValue;
+  const searchFn = value => {
+    const input = value !== null && value !== void 0 ? value : inputValue;
     if (!onSearch) {
       searchKeyRef.current = input === null || input === void 0 ? void 0 : input.trim();
       setInRefresh(Math.random());
@@ -338,7 +278,7 @@ var ComboSelect = function ComboSelect(props) {
     if (isRemoteLoadRef.current) setLoadKeys([]);
   };
   //popover 完成
-  var handlePopoverDone = function handlePopoverDone(evt, flag) {
+  const handlePopoverDone = (evt, flag) => {
     if (flag) {
       onOk === null || onOk === void 0 ? void 0 : onOk(checkList);
       handlePopoverClose(null, 'ok');
@@ -348,11 +288,11 @@ var ComboSelect = function ComboSelect(props) {
     }
   };
   //设置容器宽高
-  var setPopoverWH = function setPopoverWH() {
-    var w = 'auto';
+  const setPopoverWH = () => {
+    let w = 'auto';
     if (selectRef.current) w = "".concat(selectRef.current.offsetWidth, "px");
-    var overlayStyle = getOverlaySize(mode, isRemoteLoadRef.current, maxHeight, height);
-    var wObj = {
+    const overlayStyle = getOverlaySize(mode, isRemoteLoadRef.current, maxHeight, height);
+    const wObj = {
       minWidth: w,
       maxWidth: 960
     };
@@ -366,23 +306,27 @@ var ComboSelect = function ComboSelect(props) {
     }, wObj), overlayStyle);
   };
   //select className
-  var makeSelectCls = function makeSelectCls() {
-    var _clsx;
-    return clsx("".concat($prefixCls, "-comboselect"), className, (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-focused"), open && !disablePopup), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-disabled"), disabled), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-radioable"), !checkable), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-error"), error), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-clear"), hasAllClear), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-non-popup"), disablePopup), _clsx), "".concat($prefixCls, "-comboselect-").concat(size));
+  const makeSelectCls = () => {
+    return clsx("".concat($prefixCls, "-comboselect"), className, {
+      ["".concat($prefixCls, "-comboselect-focused")]: open && !disablePopup,
+      ["".concat($prefixCls, "-comboselect-disabled")]: disabled,
+      ["".concat($prefixCls, "-comboselect-radioable")]: !checkable,
+      ["".concat($prefixCls, "-comboselect-error")]: error,
+      ["".concat($prefixCls, "-comboselect-clear")]: hasAllClear,
+      ["".concat($prefixCls, "-comboselect-non-popup")]: disablePopup
+    }, "".concat($prefixCls, "-comboselect-").concat(size));
   };
   //格式化选中数据
-  var formatSelectedData = function formatSelectedData(values, keys) {
+  const formatSelectedData = (values, keys) => {
     var _a;
-    var opts = [];
+    let opts = [];
     if (values === null || values === void 0 ? void 0 : values.length) {
-      opts = values.map(function (item) {
+      opts = values.map(item => {
         var _a;
-        var temp = {};
+        const temp = {};
         temp[outputKey] = item[fieldKey] || '';
         if (getOptionLabel) temp[outputTitle] = getOptionLabel(item) || '';else temp[outputTitle] = item[fieldTitle] || '';
-        var oValue = (_a = originValueRef.current) === null || _a === void 0 ? void 0 : _a.find(function (v) {
-          return v[outputKey] === temp[outputKey];
-        });
+        const oValue = (_a = originValueRef.current) === null || _a === void 0 ? void 0 : _a.find(v => v[outputKey] === temp[outputKey]);
         if (oValue) {
           if (oValue.disabled !== undefined) {
             temp.disabled = oValue.disabled;
@@ -395,48 +339,40 @@ var ComboSelect = function ComboSelect(props) {
       });
     }
     if ((keys === null || keys === void 0 ? void 0 : keys.length) && values) {
-      var _opts;
-      var fKeys = keys.filter(function (k) {
-        return values.findIndex(function (v) {
-          return v[fieldKey] === k;
-        }) === -1;
-      });
-      var diffValue = (_a = originValueRef.current) === null || _a === void 0 ? void 0 : _a.filter(function (v) {
-        return fKeys === null || fKeys === void 0 ? void 0 : fKeys.includes(v[outputKey]);
-      });
-      if (diffValue) (_opts = opts).push.apply(_opts, _toConsumableArray(diffValue));
+      const fKeys = keys.filter(k => values.findIndex(v => v[fieldKey] === k) === -1);
+      const diffValue = (_a = originValueRef.current) === null || _a === void 0 ? void 0 : _a.filter(v => fKeys === null || fKeys === void 0 ? void 0 : fKeys.includes(v[outputKey]));
+      if (diffValue) opts.push(...diffValue);
     }
     setCheckList(opts);
-    var vals = DeepClone(values || []);
+    const vals = DeepClone(values || []);
     if (!checkable)
       //单选
       onChange === null || onChange === void 0 ? void 0 : onChange(opts[0], vals[0]);else onChange === null || onChange === void 0 ? void 0 : onChange(opts, vals);
   };
   //外部数据转换为内部状态
-  var transformToState = function transformToState(options) {
-    var keys = options.map(function (_) {
-      return _[outputKey];
-    });
+  const transformToState = options => {
+    const keys = options.map(_ => _[outputKey]);
     setCheckList(options);
     setCheckKeys(keys);
     originValueRef.current = options;
   };
   //tree select
-  var handleSelect = function handleSelect(selectedKeys, info) {
+  const handleSelect = (selectedKeys, info) => {
     setFullPath(info.node);
   };
   //渲染搜索
-  var renderSearch = function renderSearch() {
-    var styObj = {};
+  const renderSearch = () => {
+    let styObj = {};
     if (!disablePopup) {
-      var _setPopoverWH = setPopoverWH(),
-        width = _setPopoverWH.width,
-        minWidth = _setPopoverWH.minWidth,
-        maxWidth = _setPopoverWH.maxWidth;
+      const {
+        width,
+        minWidth,
+        maxWidth
+      } = setPopoverWH();
       styObj = {
-        width: width,
-        minWidth: minWidth,
-        maxWidth: maxWidth
+        width,
+        minWidth,
+        maxWidth
       };
     }
     return jsx("div", Object.assign({
@@ -455,20 +391,20 @@ var ComboSelect = function ComboSelect(props) {
         placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
           id: 'searchPlaceholder'
         }),
-        onClickBtn: function onClickBtn() {
+        onClickBtn: () => {
           searchFn();
         },
-        onEnter: function onEnter() {
+        onEnter: () => {
           searchFn();
         },
-        onClear: function onClear() {
+        onClear: () => {
           searchFn('');
         }
       })
     }));
   };
   //render popover action
-  var renderActions = function renderActions() {
+  const renderActions = () => {
     if (popoverActions) return jsx("div", Object.assign({
       className: 'comboselect-actions'
     }, {
@@ -478,9 +414,7 @@ var ComboSelect = function ComboSelect(props) {
       className: 'comboselect-actions'
     }, {
       children: [jsx(Button, Object.assign({
-        onClick: function onClick(evt) {
-          return handlePopoverDone(evt, false);
-        },
+        onClick: evt => handlePopoverDone(evt, false),
         variant: "outlined",
         size: 'small'
       }, {
@@ -489,9 +423,7 @@ var ComboSelect = function ComboSelect(props) {
         })
       })), jsx(Button, Object.assign({
         variant: "outlined",
-        onClick: function onClick(evt) {
-          return handlePopoverDone(evt, true);
-        },
+        onClick: evt => handlePopoverDone(evt, true),
         size: 'small'
       }, {
         children: intl({
@@ -501,7 +433,7 @@ var ComboSelect = function ComboSelect(props) {
     }));
   };
   //渲染完整路径
-  var renderFullPath = function renderFullPath() {
+  const renderFullPath = () => {
     var _a;
     if (mode !== 'tree' || !fullPath) return null;
     if (fullPathRender) {
@@ -522,7 +454,7 @@ var ComboSelect = function ComboSelect(props) {
     }));
   };
   //全部清空
-  var handleAllClear = function handleAllClear(evt) {
+  const handleAllClear = evt => {
     evt.stopPropagation();
     clearSelectorData();
     handlePopoverClose();
@@ -531,86 +463,85 @@ var ComboSelect = function ComboSelect(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(checkable ? [] : {});
   };
   //显示更多
-  var handleOpenMore = function handleOpenMore(e) {
+  const handleOpenMore = e => {
     e.stopPropagation();
     setOpenMore(true);
     handlePopoverClose();
   };
   //暴露给外部的行为
-  useImperativeHandle(action, function () {
-    return {
-      closePopup: function closePopup() {
-        return handlePopoverClose();
-      }
-    };
-  });
-  useEffect(function () {
+  useImperativeHandle(action, () => ({
+    closePopup: () => handlePopoverClose()
+  }));
+  useEffect(() => {
     if (!disablePopup && defaultOpen) {
       //默认打开
       hasPopup.current = true;
       setOpen(defaultOpen);
     }
   }, [defaultOpen]);
-  useEffect(function () {
+  useEffect(() => {
     if (defaultValue) {
       //默认值
       transformToState(toArray(defaultValue));
     }
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (value) {
       //受控values
       transformToState(toArray(value));
     }
   }, [value]);
   //是否显示清除图标
-  useEffect(function () {
+  useEffect(() => {
     if (allowClear) setHasAllClear(!!(checkList === null || checkList === void 0 ? void 0 : checkList.length));
   }, [checkList]);
-  useEffect(function () {
-    var ownerDocument = function ownerDocument(node) {
+  useEffect(() => {
+    const ownerDocument = node => {
       return node && node.ownerDocument || document;
     };
-    var handleMouseDown = function handleMouseDown(evt) {
+    const handleMouseDown = evt => {
       var _a, _b;
-      var doc = ownerDocument(selectRef.current);
-      var target = evt.target;
-      var insideDOM = !doc.documentElement.contains(target) || ((_a = popUpNodeRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) || ((_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)) || false;
+      const doc = ownerDocument(selectRef.current);
+      const target = evt.target;
+      const insideDOM = !doc.documentElement.contains(target) || ((_a = popUpNodeRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) || ((_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)) || false;
       if (mode === 'table') {
         //表格模式时，显示点击popover时阻止 关闭弹框
         //表格分页popover
-        var tablePageSelectCls = ".".concat($prefixCls, "-select-popover .select-popover-content");
+        const tablePageSelectCls = ".".concat($prefixCls, "-select-popover");
         //表格显示列popover
-        var tableColumCls = ".".concat($prefixCls, "-table-show-colums-popover");
+        const tableColumCls = ".".concat($prefixCls, "-table-show-colums-popover");
         //表格过滤popover
-        var tableFilterCls = ".".concat($prefixCls, "-filter-popover");
-        var tablePageSelectDom = document.querySelector(tablePageSelectCls);
-        var tableColumn = document.querySelector(tableColumCls);
-        var tableFilter = document.querySelector(tableFilterCls);
-        if (tablePageSelectDom && tablePageSelectDom.contains(target)) return;
-        if (tableColumn && tableColumn.contains(target)) return;
-        if (tableFilter && tableFilter.contains(target)) return;
+        const tableFilterCls = ".".concat($prefixCls, "-filter-popover");
+        // 检测元素是否在指定的DOM内
+        const bol = closest(target, "".concat(tablePageSelectCls, ", ").concat(tableColumCls, ", ").concat(tableFilterCls));
+        if (bol) return;
+        // const tablePageSelectDom = document.querySelector(tablePageSelectCls);
+        // const tableColumn = document.querySelector(tableColumCls);
+        // const tableFilter = document.querySelector(tableFilterCls);
+        // if (tablePageSelectDom && tablePageSelectDom.contains(target)) return;
+        // if (tableColumn && tableColumn.contains(target)) return;
+        // if (tableFilter && tableFilter.contains(target)) return;
       }
       if (hasPopup.current && !insideDOM) {
         handlePopoverClose();
       }
     };
     if (open) {
-      setTimeout(function () {
+      setTimeout(() => {
         var _a;
         (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       }, 200);
     }
     if (!disablePopup && open) {
-      var doc = ownerDocument(selectRef.current);
+      const doc = ownerDocument(selectRef.current);
       doc.addEventListener('mousedown', handleMouseDown);
-      return function () {
+      return () => {
         doc.removeEventListener('mousedown', handleMouseDown);
       };
     }
   }, [open]);
   //tag memo
-  var tagMemo = useMemo(function () {
+  const tagMemo = useMemo(() => {
     var _a;
     if (!(checkList === null || checkList === void 0 ? void 0 : checkList.length)) return null;
     // 自定义渲染输入框内容
@@ -629,8 +560,8 @@ var ComboSelect = function ComboSelect(props) {
         })
       }));
     }
-    var realShowList = _toConsumableArray(checkList); //实际显示
-    var overList = [];
+    let realShowList = [...checkList]; //实际显示
+    let overList = [];
     if (maxCount) {
       if (checkList.length > maxCount) {
         overList = checkList.slice(maxCount); //超出
@@ -642,7 +573,7 @@ var ComboSelect = function ComboSelect(props) {
       }
     }
     //超出tag渲染
-    var renderOverTag = function renderOverTag() {
+    const renderOverTag = () => {
       return (overList === null || overList === void 0 ? void 0 : overList.length) ? jsx("div", Object.assign({
         className: 'comboselect-overflow-item'
       }, {
@@ -659,18 +590,18 @@ var ComboSelect = function ComboSelect(props) {
       })) : null;
     };
     //渲染tag item
-    var renderTagItem = function renderTagItem(item) {
+    const renderTagItem = item => {
       if (tagRender) return tagRender(item);
-      var _ref2 = item !== null && item !== void 0 ? item : {},
-        disabled = _ref2.disabled,
-        _ref2$closable = _ref2.closable,
-        closable = _ref2$closable === void 0 ? true : _ref2$closable;
-      var displayLabel = item[outputTitle];
-      var isOverflow = false;
+      const {
+        disabled,
+        closable = true
+      } = item !== null && item !== void 0 ? item : {};
+      let displayLabel = item[outputTitle];
+      let isOverflow = false;
       //限制tag文本长度
       if (typeof maxTagTextLength === 'number') {
         if (typeof displayLabel === 'string' || typeof displayLabel === 'number') {
-          var strLabel = String(displayLabel);
+          const strLabel = String(displayLabel);
           if (strLabel.length > maxTagTextLength) {
             displayLabel = "".concat(strLabel.slice(0, maxTagTextLength), "...");
             isOverflow = true;
@@ -685,9 +616,7 @@ var ComboSelect = function ComboSelect(props) {
       }, {
         children: [isOverflow ? jsx(Tooltip, Object.assign({
           title: jsx("div", Object.assign({
-            onClick: function onClick(e) {
-              return e.stopPropagation();
-            }
+            onClick: e => e.stopPropagation()
           }, {
             children: item[outputTitle]
           })),
@@ -707,19 +636,15 @@ var ComboSelect = function ComboSelect(props) {
           })
         })), closable === true && jsx("span", Object.assign({
           className: 'comboselect-item-remove',
-          onClick: function onClick(evt) {
-            return handleRemoveTagClick(evt, item);
-          },
-          onMouseDown: function onMouseDown(e) {
-            return e.stopPropagation();
-          }
+          onClick: evt => handleRemoveTagClick(evt, item),
+          onMouseDown: e => e.stopPropagation()
         }, {
           children: jsx(CloseIcon, {})
         }))]
       }));
     };
     return jsxs(Fragment, {
-      children: [realShowList.map(function (item, idx) {
+      children: [realShowList.map((item, idx) => {
         return jsx("div", Object.assign({
           className: 'comboselect-overflow-item'
         }, {
@@ -729,8 +654,8 @@ var ComboSelect = function ComboSelect(props) {
     });
   }, [checkList, onChange, checkable]);
   //处理参数
-  var getParams = useMemo(function () {
-    var P = params || emptyParamsRef.current;
+  const getParams = useMemo(() => {
+    let P = params || emptyParamsRef.current;
     if (showSearch && !onSearch && searchKeyRef.current !== undefined) {
       P = Object.assign(Object.assign({}, P), {
         searchKey: searchKeyRef.current
@@ -739,16 +664,16 @@ var ComboSelect = function ComboSelect(props) {
     return (paramsCallback === null || paramsCallback === void 0 ? void 0 : paramsCallback(P)) || P;
   }, [params, inRefresh, refresh, open]);
   //表格组件
-  var tableMemo = useMemo(function () {
+  const tableMemo = useMemo(() => {
     if (!disablePopup && !open || mode !== 'table') return null;
-    var reqOpts = {
-      url: url,
-      ctx: ctx,
+    const reqOpts = {
+      url,
+      ctx,
       search: getParams,
-      method: method
+      method
     };
     //处理table radio
-    var handleTableRadio = function handleTableRadio(keys, values) {
+    const handleTableRadio = (keys, values) => {
       if (!checkable) {
         //单选时关闭下拉框，点击自己不取消
         handlePopoverClose();
@@ -776,19 +701,19 @@ var ComboSelect = function ComboSelect(props) {
     }));
   }, [checkKeys, refresh, params, inRefresh, disablePopup, open, getParams, fieldKey, checkable]);
   //树组件
-  var treeMemo = useMemo(function () {
+  const treeMemo = useMemo(() => {
     if (!disablePopup && !open || !['tree', 'list'].includes(mode)) return null;
-    var reqOpts = {
-      url: url,
-      ctx: ctx,
+    const reqOpts = {
+      url,
+      ctx,
       params: getParams,
-      method: method
+      method
     };
     //处理tree nodes
-    var handleTreeCheck = function handleTreeCheck(checkedKeys, info) {
+    const handleTreeCheck = (checkedKeys, info) => {
       var _a;
       if (!info.checked) {
-        var temp = {};
+        const temp = {};
         temp[outputKey] = info.node[fieldKey] || '';
         temp[outputTitle] = info.node[fieldTitle] || '';
         if ((onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(temp)) === false) {
@@ -803,21 +728,21 @@ var ComboSelect = function ComboSelect(props) {
           if (checkKeys.includes((_a = info.node) === null || _a === void 0 ? void 0 : _a.key)) return;
         }
       }
-      var nodes = info.checkedNodes;
+      let nodes = info.checkedNodes;
       if (!checkable) {
         //单选
         if (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) nodes = [info.node];
       }
       //多选
       if (checkable) {
-        var nodesObj = ArrayToObject('key', nodes);
-        var ckeys = Array.from(checkValuesRef.current.keys());
-        ckeys.forEach(function (k) {
+        const nodesObj = ArrayToObject('key', nodes);
+        const ckeys = Array.from(checkValuesRef.current.keys());
+        ckeys.forEach(k => {
           if (!checkedKeys.includes(k)) {
             checkValuesRef.current.delete(k);
           }
         });
-        checkedKeys.forEach(function (k) {
+        checkedKeys.forEach(k => {
           if (nodesObj[k]) {
             checkValuesRef.current.set(k, nodesObj[k]);
           }
@@ -826,7 +751,7 @@ var ComboSelect = function ComboSelect(props) {
       }
       handleChecked(checkedKeys, nodes);
     };
-    var _titleRender = function _titleRender(dataNode) {
+    const _titleRender = dataNode => {
       if (TreeProps === null || TreeProps === void 0 ? void 0 : TreeProps.titleRender) {
         return TreeProps.titleRender(dataNode);
       }
@@ -835,7 +760,7 @@ var ComboSelect = function ComboSelect(props) {
       }
       return dataNode.title;
     };
-    var treeCls = clsx('comboselect-tree', {
+    const treeCls = clsx('comboselect-tree', {
       'comboselect-list': mode === 'list',
       'comboselect-list-single': mode === 'list' && !checkable
     });
@@ -863,19 +788,21 @@ var ComboSelect = function ComboSelect(props) {
         titleRender: _titleRender,
         refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh,
         loadingNode: jsxs("div", Object.assign({
-          className: 'loading-node-content'
+          className: "loading-node-content"
         }, {
           children: [jsx("div", Object.assign({
-            className: 'loading-icon'
+            className: "loading-icon"
           }, {
             children: jsx(LoadingOutlined, {})
-          })), "\u641C\u7D22\u4E2D"]
+          })), intl({
+            id: 'searching'
+          })]
         }))
       }))
     }));
   }, [checkKeys, refresh, params, inRefresh, disablePopup, open, loadedKeys, mode, getParams, checkable]);
   //组合选择器输入框
-  var comboSelectorInput = jsxs("div", Object.assign({
+  const comboSelectorInput = jsxs("div", Object.assign({
     className: 'comboselect-wrapper',
     ref: selectRef,
     onClick: handleSelectorClick
@@ -902,7 +829,7 @@ var ComboSelect = function ComboSelect(props) {
     }))]
   }));
   //渲染label
-  var renderLabel = function renderLabel() {
+  const renderLabel = () => {
     if (label || required) {
       return jsx(Label, Object.assign({
         label: label,
@@ -912,7 +839,7 @@ var ComboSelect = function ComboSelect(props) {
     return null;
   };
   //非popover 模式
-  var nonPopoverMemo = useMemo(function () {
+  const nonPopoverMemo = useMemo(() => {
     return jsxs(Fragment, {
       children: [comboSelectorInput, jsxs("div", Object.assign({
         className: 'comboselect-non-popup-content'
@@ -922,7 +849,7 @@ var ComboSelect = function ComboSelect(props) {
     });
   }, [checkKeys, inputValue, refresh, params, fullPath, hasAllClear, helperText, language, locale, onChange, onClear]);
   //popover 浮层
-  var renderOverlay = function renderOverlay() {
+  const renderOverlay = () => {
     return jsx("div", Object.assign({
       ref: popUpNodeRef,
       className: 'comboselect-dropdown-wrapper'
@@ -936,10 +863,10 @@ var ComboSelect = function ComboSelect(props) {
     }));
   };
   //popover 渲染更多节点
-  var renderPopoverMore = function renderPopoverMore() {
-    var generateMoreTag = function generateMoreTag() {
+  const renderPopoverMore = () => {
+    const generateMoreTag = () => {
       if (!(moreTagList === null || moreTagList === void 0 ? void 0 : moreTagList.length)) return null;
-      return moreTagList.map(function (item, idx) {
+      return moreTagList.map((item, idx) => {
         return jsxs("div", Object.assign({
           className: "comboselect-more-item"
         }, {
@@ -951,9 +878,7 @@ var ComboSelect = function ComboSelect(props) {
             })
           })), jsx("span", Object.assign({
             className: 'comboselect-more-item-remove',
-            onClick: function onClick(e) {
-              return handleRemoveTagClick(e, item);
-            }
+            onClick: e => handleRemoveTagClick(e, item)
           }, {
             children: jsx(CloseIcon, {})
           }))]
@@ -979,7 +904,7 @@ var ComboSelect = function ComboSelect(props) {
     }));
   };
   //popover 模式
-  var popoverMemo = useMemo(function () {
+  const popoverMemo = useMemo(() => {
     return jsx(Dropdown, Object.assign({
       overlay: renderOverlay(),
       visible: open,
@@ -993,9 +918,7 @@ var ComboSelect = function ComboSelect(props) {
         destroyTooltipOnHide: true,
         placement: "rightTop",
         content: renderPopoverMore(),
-        onVisibleChange: function onVisibleChange() {
-          return setOpenMore(false);
-        },
+        onVisibleChange: () => setOpenMore(false),
         overlayClassName: "".concat($prefixCls, "-comboselect-more-popover")
       }, {
         children: comboSelectorInput