@para-ui/core 3.0.0 → 3.0.2

package/ComboSelect/index.js

@@ -1,3 +1,4 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -7,28 +8,28 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-ce3860a0.js';
+import { T as Tree } from '../_verture/index-cf5bf211.js';
 import { Button } from '../Button/index.js';
 import { Dropdown } from '../Dropdown/index.js';
+import { Popover } from '../Popover/index.js';
+import AutoTips from '../AutoTips/index.js';
+import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
-import { DeepClone } from '@paraview/lib';
+import { DeepClone, ArrayToObject } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/index-342379c6.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
-import '../Popover/index.js';
-import '../Tooltip/index.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../AutoTips/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -132,7 +133,8 @@ var en = {
   cancel: 'Cancel',
   ok: 'Ok',
   fullPath: 'Full path',
-  pleaseSelect: 'Please select'
+  pleaseSelect: 'Please select',
+  selected: 'selected'
 };
 
 var zh = {
@@ -140,7 +142,8 @@ var zh = {
   cancel: '取消',
   ok: '确定',
   fullPath: '完整路径',
-  pleaseSelect: '请选择'
+  pleaseSelect: '请选择',
+  selected: '已选中'
 };
 
 var localeJson = {
@@ -148,7 +151,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-comboselect .paraui-comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 36px;\n  padding: 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 12px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 5px 30px 0 0;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single {\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single .paraui-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(46, 55, 67);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  line-height: 24px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled .paraui-comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--unclosable .paraui-comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-comboselect-disabled .paraui-comboselect-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper {\n  min-height: 40px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .parui-comboselect-item {\n  min-height: 28px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  top: 19px;\n}\n.paraui-comboselect-large.paraui-comboselect-focused .paraui-select-arrow {\n  top: 4px;\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-arrow {\n  opacity: 0;\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-clear {\n  opacity: 1;\n}\n.paraui-comboselect-disable-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-disable-popover {\n  position: relative;\n}\n.paraui-comboselect-popover .paraui-comboselect-popover-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-popover-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-comboselect-popover .paraui-comboselect-search, .paraui-comboselect-disable-popover .paraui-comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon svg, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input, .paraui-comboselect-disable-popover .paraui-comboselect-search-input {\n  flex: auto;\n  margin-left: 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input::placeholder, .paraui-comboselect-disable-popover .paraui-comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table, .paraui-comboselect-disable-popover .paraui-comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table .paraui-table, .paraui-comboselect-disable-popover .paraui-comboselect-table .paraui-table {\n  box-shadow: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree, .paraui-comboselect-disable-popover .paraui-comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-tree .paraui-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-actions, .paraui-comboselect-disable-popover .paraui-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 rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-actions button + button, .paraui-comboselect-disable-popover .paraui-comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath span, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-list, .paraui-comboselect-disable-popover .paraui-comboselect-list {\n  padding: 8px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode {\n  width: 100%;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-comboselect-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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 rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-comboselect .comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 12px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v3-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(46, 55, 67);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v3-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(46, 55, 67);\n  line-height: 22px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-comboselect-disabled .comboselect-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper {\n  min-height: 36px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow {\n  padding-top: 5px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 24px;\n  margin-bottom: 5px;\n  line-height: 24px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-arrow {\n  top: 7px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 20px;\n  margin-bottom: 3px;\n  line-height: 20px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v3-comboselect-error .comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-error .comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n  opacity: 0;\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n  opacity: 1;\n}\n.paraui-v3-comboselect-non-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content {\n  position: relative;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  margin: 0 10px 0 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  transition: all 0.3s;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n  padding-bottom: 10px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v3-table {\n  box-shadow: none;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n  padding: 6px 7px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v3-tree-empty {\n  padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-dropdown-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  margin: 0 10px 0 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  transition: all 0.3s;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-dropdown .comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-table .paraui-v3-table {\n  box-shadow: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree .paraui-v3-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-v3-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 rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list {\n  padding: 8px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode {\n  width: 100%;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-switcher {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-checkbox {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list-single .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-v3-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px 0;\n}\n.paraui-v3-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: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n  max-height: 300px;\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v3-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(46, 55, 67);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n  font-size: 20px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var ComboSelect = function ComboSelect(props) {
@@ -169,7 +172,7 @@ var ComboSelect = function ComboSelect(props) {
       placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
       popoverClassName = props.popoverClassName,
       _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
+      size = _props$size === void 0 ? 'large' : _props$size,
       _props$popoverActions = props.popoverActions,
       popoverActions = _props$popoverActions === void 0 ? null : _props$popoverActions,
       _props$showPopoverAct = props.showPopoverActions,
@@ -189,6 +192,7 @@ var ComboSelect = function ComboSelect(props) {
     outputTitle: 'label'
   } : _props$outputFields,
       value = props.value,
+      onClear = props.onClear,
       onCancel = props.onCancel,
       onOk = props.onOk,
       onClose = props.onClose,
@@ -208,6 +212,7 @@ var ComboSelect = function ComboSelect(props) {
       showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
       _props$error = props.error,
       error = _props$error === void 0 ? false : _props$error,
+      hideErrorDom = props.hideErrorDom,
       helperText = props.helperText,
       paramsCallback = props.paramsCallback,
       fullPathKey = props.fullPathKey,
@@ -228,7 +233,9 @@ var ComboSelect = function ComboSelect(props) {
       optionRender = props.optionRender,
       getOptionLabel = props.getOptionLabel,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS;
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+      getPopupContainer = props.getPopupContainer,
+      maxTagTextLength = props.maxTagTextLength;
 
   var _React$useContext = React__default.useContext(GlobalContext),
       language = _React$useContext.language,
@@ -248,6 +255,8 @@ var ComboSelect = function ComboSelect(props) {
       setCheckKeys = _useState4[1]; //选中key
 
 
+  var checkValuesRef = useRef(new Map()); //选中value
+
   var _useState5 = useState([]),
       _useState6 = _slicedToArray(_useState5, 2),
       checkList = _useState6[0],
@@ -280,6 +289,18 @@ var ComboSelect = function ComboSelect(props) {
       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); //显示弹框标识
@@ -288,11 +309,7 @@ var ComboSelect = function ComboSelect(props) {
 
   var emptyParamsRef = useRef({}); //空参数常量
 
-  var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      refreshToolTip = _useState16[0],
-      setRefreshToolTip = _useState16[1]; //仅刷新tooltip
-
+  var searchInputRef = useRef(); //search input
 
   var mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
 
@@ -343,6 +360,7 @@ var ComboSelect = function ComboSelect(props) {
   var clearSelectorData = function clearSelectorData() {
     setCheckKeys([]);
     setCheckList([]);
+    setMoreTagList([]);
   }; //处理选中
 
 
@@ -367,6 +385,8 @@ var ComboSelect = function ComboSelect(props) {
     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 (_) {
@@ -375,20 +395,27 @@ var ComboSelect = function ComboSelect(props) {
     if (idx > -1) newCheckList.splice(idx, 1);
     setCheckList(newCheckList);
     internalChange(currItem);
-    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(currItem);
-    onChange === null || onChange === void 0 ? void 0 : onChange(newCheckList, DeepClone(checkList));
+    onChange === null || onChange === void 0 ? void 0 : onChange(newCheckList);
   }; //输入框
 
 
   var handleInputChange = function handleInputChange(evt) {
     setInputValue(evt.target.value);
+  }; //清空搜索值，重置搜索
+
+
+  var handleClearSearchValue = function handleClearSearchValue() {
+    setInputValue('');
+    if (onSearch) return onSearch('');
+    searchKeyRef.current = '';
+    setInRefresh(Math.random());
   }; //输入框回车搜索
 
 
   var handleEnterSearch = function handleEnterSearch(evt, type) {
     var searchFn = function searchFn() {
       if (!onSearch) {
-        searchKeyRef.current = inputValue;
+        searchKeyRef.current = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim();
         setInRefresh(Math.random());
       } else {
         onSearch(inputValue);
@@ -437,15 +464,10 @@ var ComboSelect = function ComboSelect(props) {
 
 
   var makeSelectCls = function makeSelectCls() {
+    var _clsx;
+
     var isMedium = size !== 'medium';
-    return clsx('paraui-comboselect', className, {
-      'paraui-comboselect-focused': open && !disablePopup,
-      'paraui-comboselect-disabled': disabled,
-      'paraui-comboselect-radioable': !checkable,
-      'paraui-comboselect-error': error,
-      'paraui-comboselect-clear': hasAllClear,
-      'paraui-comboselect-disable-popup': disablePopup
-    }, isMedium && "paraui-comboselect-".concat(size));
+    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), isMedium && "".concat($prefixCls, "-comboselect-").concat(size));
   }; //格式化选中数据
 
 
@@ -494,10 +516,9 @@ var ComboSelect = function ComboSelect(props) {
     }
 
     setCheckList(opts);
-    var cloneList = DeepClone(checkList);
     var vals = DeepClone(values || []);
     if (!checkable) //单选
-      onChange === null || onChange === void 0 ? void 0 : onChange(opts[0], cloneList[0], vals[0]);else onChange === null || onChange === void 0 ? void 0 : onChange(opts, cloneList, vals);
+      onChange === null || onChange === void 0 ? void 0 : onChange(opts[0], vals[0]);else onChange === null || onChange === void 0 ? void 0 : onChange(opts, vals);
   }; //外部数据转换为内部状态
 
 
@@ -513,26 +534,25 @@ var ComboSelect = function ComboSelect(props) {
 
   var handleSelect = function handleSelect(selectedKeys, info) {
     setFullPath(info.node);
-  }; //渲染placeholder
-
-
-  var renderPlaceholder = function renderPlaceholder() {
-    return !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
-      className: 'paraui-comboselect-placeholder'
-    }, {
-      children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
-        id: 'pleaseSelect'
-      })
-    }));
   }; //渲染搜索
 
 
   var renderSearch = function renderSearch() {
+    var _setPopoverWH = setPopoverWH(),
+        width = _setPopoverWH.width,
+        minWidth = _setPopoverWH.minWidth,
+        maxWidth = _setPopoverWH.maxWidth;
+
     return jsxs("div", Object.assign({
-      className: 'paraui-comboselect-search'
+      className: 'comboselect-search',
+      style: {
+        width: width,
+        minWidth: minWidth,
+        maxWidth: maxWidth
+      }
     }, {
       children: [jsx("span", Object.assign({
-        className: 'paraui-comboselect-search-icon',
+        className: 'comboselect-search-icon',
         onClick: function onClick() {
           return handleEnterSearch(null, 'click');
         }
@@ -542,25 +562,31 @@ var ComboSelect = function ComboSelect(props) {
         placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
           id: 'searchPlaceholder'
         }),
-        className: 'paraui-comboselect-search-input',
+        className: 'comboselect-search-input',
+        ref: searchInputRef,
         onChange: handleInputChange,
         value: inputValue,
         onKeyUp: function onKeyUp(evt) {
           return handleEnterSearch(evt, 'enter');
         }
-      })]
+      }), inputValue && jsx("span", Object.assign({
+        className: 'comboselect-clear-icon',
+        onClick: handleClearSearchValue
+      }, {
+        children: jsx(CloseCircle, {})
+      }))]
     }));
   }; //render popover action
 
 
   var renderActions = function renderActions() {
     if (popoverActions) return jsx("div", Object.assign({
-      className: 'paraui-comboselect-actions'
+      className: 'comboselect-actions'
     }, {
       children: popoverActions
     }));
     return jsxs("div", Object.assign({
-      className: 'paraui-comboselect-actions'
+      className: 'comboselect-actions'
     }, {
       children: [jsx(Button, Object.assign({
         onClick: function onClick(evt) {
@@ -594,14 +620,14 @@ var ComboSelect = function ComboSelect(props) {
 
     if (fullPathRender) {
       return jsx("div", Object.assign({
-        className: 'paraui-comboselect-fullPath'
+        className: 'comboselect-fullPath'
       }, {
         children: fullPathRender(fullPath !== null && fullPath !== void 0 ? fullPath : {})
       }));
     }
 
     return jsxs("div", Object.assign({
-      className: 'paraui-comboselect-fullPath'
+      className: 'comboselect-fullPath'
     }, {
       children: [jsx("span", {
         children: intl({
@@ -616,7 +642,16 @@ var ComboSelect = function ComboSelect(props) {
     evt.stopPropagation();
     clearSelectorData();
     handlePopoverClose();
+    setOpenMore(false);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
     onChange === null || onChange === void 0 ? void 0 : onChange(checkable ? [] : {});
+  }; //显示更多
+
+
+  var handleOpenMore = function handleOpenMore(e) {
+    e.stopPropagation();
+    setOpenMore(true);
+    handlePopoverClose();
   }; //暴露给外部的行为
 
 
@@ -663,11 +698,19 @@ var ComboSelect = function ComboSelect(props) {
       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;
 
       if (mode === 'table') {
-        //表格模式时，显示点击popover时阻止关闭弹框
-        var tablePageSelectDom = document.querySelector('.paraui-select-popover .select-popover-content');
-        var tablePopover = document.querySelector('.paraui-popover');
+        //表格模式时，显示点击popover时阻止 关闭弹框
+        //表格分页popover
+        var tablePageSelectCls = ".".concat($prefixCls, "-select-popover .select-popover-content"); //表格显示列popover
+
+        var 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 (tablePopover && tablePopover.contains(target)) return;
+        if (tableColumn && tableColumn.contains(target)) return;
+        if (tableFilter && tableFilter.contains(target)) return;
       }
 
       if (hasPopup.current && !insideDOM) {
@@ -675,14 +718,22 @@ var ComboSelect = function ComboSelect(props) {
       }
     };
 
-    if (!disablePopup) {
+    if (open) {
+      setTimeout(function () {
+        var _a;
+
+        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }, 200);
+    }
+
+    if (!disablePopup && open) {
       var doc = ownerDocument(selectRef.current);
       doc.addEventListener('mousedown', handleMouseDown);
       return function () {
         doc.removeEventListener('mousedown', handleMouseDown);
       };
     }
-  }, []); //tag memo
+  }, [open]); //tag memo
 
   var tagMemo = useMemo(function () {
     var _a;
@@ -692,7 +743,7 @@ var ComboSelect = function ComboSelect(props) {
     if (!checkable) {
       //单选
       return jsx("span", Object.assign({
-        className: 'paraui-comboselect-single-content'
+        className: 'comboselect-single-content'
       }, {
         children: (_a = checkList[0]) === null || _a === void 0 ? void 0 : _a[outputTitle]
       }));
@@ -708,24 +759,29 @@ var ComboSelect = function ComboSelect(props) {
         overList = checkList.slice(maxCount); //超出
 
         realShowList = checkList.slice(0, maxCount);
+        setMoreTagList(overList);
+      } else {
+        setMoreTagList([]);
+        setOpenMore(false);
       }
     } //超出tag渲染
 
 
     var renderOverTag = function renderOverTag() {
       return (overList === null || overList === void 0 ? void 0 : overList.length) ? jsx("div", Object.assign({
-        className: 'paraui-comboselect-overflow-item'
+        className: 'comboselect-overflow-item'
       }, {
         children: jsx("span", Object.assign({
-          className: 'paraui-comboselect-item'
+          className: 'comboselect-item',
+          onClick: handleOpenMore
         }, {
           children: jsx("span", Object.assign({
-            className: 'paraui-comboselect-item-content'
+            className: 'comboselect-item-content'
           }, {
             children: "+".concat(overList === null || overList === void 0 ? void 0 : overList.length)
           }))
         }))
-      }), Math.random()) : null;
+      })) : null;
     }; //渲染tag item
 
 
@@ -737,18 +793,50 @@ var ComboSelect = function ComboSelect(props) {
           _ref2$closable = _ref2.closable,
           closable = _ref2$closable === void 0 ? true : _ref2$closable;
 
+      var displayLabel = item[outputTitle];
+      var isOverflow = false; //限制tag文本长度
+
+      if (typeof maxTagTextLength === 'number') {
+        if (typeof displayLabel === 'string' || typeof displayLabel === 'number') {
+          var strLabel = String(displayLabel);
+
+          if (strLabel.length > maxTagTextLength) {
+            displayLabel = "".concat(strLabel.slice(0, maxTagTextLength), "...");
+            isOverflow = true;
+          }
+        }
+      }
+
       return jsxs("span", Object.assign({
-        className: clsx('paraui-comboselect-item', {
-          'paraui-comboselect-item--disabled': disabled,
-          'paraui-comboselect-item--unclosable': !closable
+        className: clsx('comboselect-item', {
+          'comboselect-item--disabled': disabled,
+          'comboselect-item--unclosable': !closable
         })
       }, {
-        children: [jsx("span", Object.assign({
-          className: 'paraui-comboselect-item-content'
+        children: [isOverflow ? jsx(Tooltip, Object.assign({
+          title: jsx("div", Object.assign({
+            onClick: function onClick(e) {
+              return e.stopPropagation();
+            }
+          }, {
+            children: item[outputTitle]
+          })),
+          arrow: false,
+          placement: 'bottomLeft'
+        }, {
+          children: jsx("span", Object.assign({
+            className: 'comboselect-item-content'
+          }, {
+            children: displayLabel
+          }))
+        })) : jsx("span", Object.assign({
+          className: 'comboselect-item-content'
         }, {
-          children: item[outputTitle]
+          children: jsx(AutoTips, {
+            children: displayLabel
+          })
         })), closable === true && jsx("span", Object.assign({
-          className: 'paraui-comboselect-item-remove',
+          className: 'comboselect-item-remove',
           onClick: function onClick(evt) {
             return handleRemoveTagClick(evt, item);
           },
@@ -764,7 +852,7 @@ var ComboSelect = function ComboSelect(props) {
     return jsxs(Fragment, {
       children: [realShowList.map(function (item, idx) {
         return jsx("div", Object.assign({
-          className: 'paraui-comboselect-overflow-item'
+          className: 'comboselect-overflow-item'
         }, {
           children: renderTagItem(item)
         }), idx);
@@ -804,7 +892,7 @@ var ComboSelect = function ComboSelect(props) {
     };
 
     return jsx("div", Object.assign({
-      className: 'paraui-comboselect-table'
+      className: 'comboselect-table'
     }, {
       children: jsx(Table, Object.assign({}, reqOpts, TableProps, {
         emptyProps: emptyProps,
@@ -833,6 +921,17 @@ var ComboSelect = function ComboSelect(props) {
     var handleTreeCheck = function handleTreeCheck(checkedKeys, info) {
       var _a;
 
+      if (!info.checked) {
+        var temp = {};
+        temp[outputKey] = info.node[fieldKey] || '';
+        temp[outputTitle] = info.node[fieldTitle] || '';
+
+        if ((onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(temp)) === false) {
+          //返回false不删除
+          return;
+        }
+      }
+
       if (!checkable) {
         //单选时
         handlePopoverClose();
@@ -847,6 +946,23 @@ var ComboSelect = function ComboSelect(props) {
       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) {
+          if (!checkedKeys.includes(k)) {
+            checkValuesRef.current.delete(k);
+          }
+        });
+        checkedKeys.forEach(function (k) {
+          if (nodesObj[k]) {
+            checkValuesRef.current.set(k, nodesObj[k]);
+          }
+        });
+        nodes = Array.from(checkValuesRef.current.values());
       }
 
       handleChecked(checkedKeys, nodes);
@@ -864,9 +980,9 @@ var ComboSelect = function ComboSelect(props) {
       return dataNode.title;
     };
 
-    var treeCls = clsx('paraui-comboselect-tree', {
-      'paraui-comboselect-list': mode === 'list',
-      'paraui-comboselect-list-single': mode === 'list' && !checkable
+    var treeCls = clsx('comboselect-tree', {
+      'comboselect-list': mode === 'list',
+      'comboselect-list-single': mode === 'list' && !checkable
     });
     return jsx("div", Object.assign({
       className: treeCls
@@ -887,37 +1003,36 @@ var ComboSelect = function ComboSelect(props) {
         onCheck: handleTreeCheck,
         onSelect: handleSelect,
         titleRender: _titleRender,
-        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh,
-        onMounted: function onMounted() {
-          if (isRemoteLoadRef.current) {
-            setTimeout(function () {
-              setRefreshToolTip(Math.random());
-            });
-          }
-        }
+        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh
       }))
     }));
   }, [checkKeys, refresh, params, inRefresh, open]); //组合选择器输入框
 
   var comboSelectorInput = jsxs("div", Object.assign({
-    className: 'paraui-comboselect-wrapper',
+    className: 'comboselect-wrapper',
     ref: selectRef,
     onClick: handleSelectorClick
   }, {
     children: [jsx("div", Object.assign({
-      className: clsx('paraui-comboselect-overflow', !checkable && 'paraui-comboselect-overflow-single')
+      className: clsx('comboselect-overflow', !checkable && 'comboselect-overflow-single')
     }, {
       children: tagMemo
     })), !disablePopup && jsx("span", Object.assign({
-      className: 'paraui-comboselect-arrow'
+      className: 'comboselect-arrow'
     }, {
       children: jsx(Down, {})
     })), hasAllClear && jsx("span", Object.assign({
-      className: 'paraui-comboselect-clear',
+      className: 'comboselect-clear',
       onClick: handleAllClear
     }, {
       children: jsx(CloseCircle, {})
-    })), renderPlaceholder()]
+    })), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
+      className: 'comboselect-placeholder'
+    }, {
+      children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
+        id: 'pleaseSelect'
+      })
+    }))]
   })); //渲染label
 
 
@@ -936,7 +1051,7 @@ var ComboSelect = function ComboSelect(props) {
   var nonPopoverMemo = useMemo(function () {
     return jsxs(Fragment, {
       children: [comboSelectorInput, jsxs("div", Object.assign({
-        className: 'paraui-comboselect-disable-popover'
+        className: 'comboselect-non-popup-content'
       }, {
         children: [showSearch && renderSearch(), mode === 'table' ? tableMemo : treeMemo, renderFullPath(), showPopoverActions && renderActions()]
       }))]
@@ -946,15 +1061,60 @@ var ComboSelect = function ComboSelect(props) {
   var renderOverlay = function renderOverlay() {
     return jsxs("div", Object.assign({
       ref: popUpNodeRef,
-      className: 'paraui-comboselect-popover-wrapper'
+      className: 'comboselect-dropdown-wrapper'
     }, {
       children: [showSearch && renderSearch(), jsxs("div", Object.assign({
         style: setPopoverWH(),
-        className: 'paraui-scrollbar-small'
+        className: "".concat($prefixCls, "-scrollbar-small")
       }, {
         children: [mode === 'table' ? tableMemo : treeMemo, open && renderFullPath(), showPopoverActions && renderActions()]
       }))]
     }));
+  }; //popover 渲染更多节点
+
+
+  var renderPopoverMore = function renderPopoverMore() {
+    var generateMoreTag = function generateMoreTag() {
+      if (!(moreTagList === null || moreTagList === void 0 ? void 0 : moreTagList.length)) return null;
+      return moreTagList.map(function (item, idx) {
+        return jsxs("div", Object.assign({
+          className: "comboselect-more-item"
+        }, {
+          children: [jsx("span", Object.assign({
+            className: "comboselect-more-item-text"
+          }, {
+            children: jsx(AutoTips, {
+              children: item[outputTitle]
+            })
+          })), jsx("span", Object.assign({
+            className: 'comboselect-more-item-remove',
+            onClick: function onClick(e) {
+              return handleRemoveTagClick(e, item);
+            }
+          }, {
+            children: jsx(CloseIcon, {})
+          }))]
+        }), idx);
+      });
+    };
+
+    return jsxs("div", Object.assign({
+      className: "comboselect-more-wrapper"
+    }, {
+      children: [jsx("span", Object.assign({
+        className: "comboselect-more-title"
+      }, {
+        children: jsxs("span", {
+          children: [intl({
+            id: 'selected'
+          }), " ( ".concat(moreTagList.length, " )")]
+        })
+      })), jsx("div", Object.assign({
+        className: "comboselect-more-content"
+      }, {
+        children: generateMoreTag()
+      }))]
+    }));
   }; //popover 模式
 
 
@@ -964,18 +1124,31 @@ var ComboSelect = function ComboSelect(props) {
       visible: open,
       placement: placement,
       trigger: ['click'],
-      overlayClassName: clsx('paraui-comboselect-popover', popoverClassName)
+      overlayClassName: clsx("".concat($prefixCls, "-comboselect-dropdown"), popoverClassName),
+      getPopupContainer: getPopupContainer
     }, {
-      children: comboSelectorInput
+      children: jsx(Popover, Object.assign({
+        visible: openMore,
+        destroyTooltipOnHide: true,
+        placement: "rightTop",
+        content: renderPopoverMore(),
+        onVisibleChange: function onVisibleChange() {
+          return setOpenMore(false);
+        },
+        overlayClassName: "".concat($prefixCls, "-comboselect-more-popover")
+      }, {
+        children: comboSelectorInput
+      }))
     }));
-  }, [open, checkKeys, inputValue, refresh, params, fullPath, inRefresh, hasAllClear, helperText, language, locale, refreshToolTip]);
+  }, [open, checkKeys, inputValue, refresh, params, fullPath, inRefresh, hasAllClear, helperText, language, locale, openMore, moreTagList]);
   return jsxs("div", Object.assign({
     className: makeSelectCls(),
     style: style
   }, {
     children: [renderLabel(), disablePopup ? nonPopoverMemo : popoverMemo, !disablePopup ? jsx(HelperText, {
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     }) : null]
   }));
 };