@para-ui/core 3.0.1 → 3.0.3

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-5bb4b5d7.js';
+import { T as Tree } from '../_verture/index-77832168.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 '../Checkbox/index.js';
 import '../Help/index.js';
-import '../Tooltip/index.js';
+import '@para-ui/icons/Help';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Help';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -150,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  width: 100%;\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}\n.paraui-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-title {\n  display: block;\n  margin-bottom: 5px;\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-content {\n  max-height: 300px;\n  overflow-y: auto;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-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-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove .paraui-icon {\n  font-size: 20px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove .paraui-icon:hover {\n  color: rgb(54, 102, 214);\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) {
@@ -171,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,
@@ -191,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,
@@ -210,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,
@@ -231,7 +234,8 @@ var ComboSelect = function ComboSelect(props) {
       getOptionLabel = props.getOptionLabel,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
       dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
-      getPopupContainer = props.getPopupContainer;
+      getPopupContainer = props.getPopupContainer,
+      maxTagTextLength = props.maxTagTextLength;
 
   var _React$useContext = React__default.useContext(GlobalContext),
       language = _React$useContext.language,
@@ -251,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],
@@ -303,6 +309,8 @@ var ComboSelect = function ComboSelect(props) {
 
   var emptyParamsRef = useRef({}); //空参数常量
 
+  var searchInputRef = useRef(); //search input
+
   var mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
 
   var _mergedReplaceF$key = mergedReplaceF.key,
@@ -377,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 (_) {
@@ -385,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);
@@ -447,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));
   }; //格式化选中数据
 
 
@@ -504,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);
   }; //外部数据转换为内部状态
 
 
@@ -533,7 +544,7 @@ var ComboSelect = function ComboSelect(props) {
         maxWidth = _setPopoverWH.maxWidth;
 
     return jsxs("div", Object.assign({
-      className: 'paraui-comboselect-search',
+      className: 'comboselect-search',
       style: {
         width: width,
         minWidth: minWidth,
@@ -541,7 +552,7 @@ var ComboSelect = function ComboSelect(props) {
       }
     }, {
       children: [jsx("span", Object.assign({
-        className: 'paraui-comboselect-search-icon',
+        className: 'comboselect-search-icon',
         onClick: function onClick() {
           return handleEnterSearch(null, 'click');
         }
@@ -551,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) {
@@ -603,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({
@@ -626,6 +643,7 @@ var ComboSelect = function ComboSelect(props) {
     clearSelectorData();
     handlePopoverClose();
     setOpenMore(false);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
     onChange === null || onChange === void 0 ? void 0 : onChange(checkable ? [] : {});
   }; //显示更多
 
@@ -680,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) {
@@ -692,6 +718,14 @@ var ComboSelect = function ComboSelect(props) {
       }
     };
 
+    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);
@@ -709,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]
       }));
@@ -735,14 +769,14 @@ var ComboSelect = function ComboSelect(props) {
 
     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)
           }))
@@ -759,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: item[outputTitle]
+          children: jsx("span", Object.assign({
+            className: 'comboselect-item-content'
+          }, {
+            children: displayLabel
+          }))
+        })) : jsx("span", Object.assign({
+          className: 'comboselect-item-content'
+        }, {
+          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);
           },
@@ -786,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);
@@ -826,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,
@@ -855,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();
@@ -869,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);
@@ -886,11 +980,10 @@ 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
     });
-    console.log(reqOpts);
     return jsx("div", Object.assign({
       className: treeCls
     }, {
@@ -916,25 +1009,25 @@ var ComboSelect = function ComboSelect(props) {
   }, [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, {})
     })), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
-      className: 'paraui-comboselect-placeholder'
+      className: 'comboselect-placeholder'
     }, {
       children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
         id: 'pleaseSelect'
@@ -958,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()]
       }))]
@@ -968,11 +1061,11 @@ 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()]
       }))]
@@ -985,16 +1078,16 @@ var ComboSelect = function ComboSelect(props) {
       if (!(moreTagList === null || moreTagList === void 0 ? void 0 : moreTagList.length)) return null;
       return moreTagList.map(function (item, idx) {
         return jsxs("div", Object.assign({
-          className: "paraui-comboselect-more-item"
+          className: "comboselect-more-item"
         }, {
           children: [jsx("span", Object.assign({
-            className: "paraui-comboselect-more-item-text"
+            className: "comboselect-more-item-text"
           }, {
             children: jsx(AutoTips, {
               children: item[outputTitle]
             })
           })), jsx("span", Object.assign({
-            className: 'paraui-comboselect-more-item-remove',
+            className: 'comboselect-more-item-remove',
             onClick: function onClick(e) {
               return handleRemoveTagClick(e, item);
             }
@@ -1006,10 +1099,10 @@ var ComboSelect = function ComboSelect(props) {
     };
 
     return jsxs("div", Object.assign({
-      className: "paraui-comboselect-more-wrapper"
+      className: "comboselect-more-wrapper"
     }, {
       children: [jsx("span", Object.assign({
-        className: "paraui-comboselect-more-title"
+        className: "comboselect-more-title"
       }, {
         children: jsxs("span", {
           children: [intl({
@@ -1017,7 +1110,7 @@ var ComboSelect = function ComboSelect(props) {
           }), " ( ".concat(moreTagList.length, " )")]
         })
       })), jsx("div", Object.assign({
-        className: "paraui-comboselect-more-content"
+        className: "comboselect-more-content"
       }, {
         children: generateMoreTag()
       }))]
@@ -1031,7 +1124,7 @@ 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: jsx(Popover, Object.assign({
@@ -1042,7 +1135,7 @@ var ComboSelect = function ComboSelect(props) {
         onVisibleChange: function onVisibleChange() {
           return setOpenMore(false);
         },
-        overlayClassName: 'paraui-comboselect-more-popover'
+        overlayClassName: "".concat($prefixCls, "-comboselect-more-popover")
       }, {
         children: comboSelectorInput
       }))
@@ -1054,7 +1147,8 @@ var ComboSelect = function ComboSelect(props) {
   }, {
     children: [renderLabel(), disablePopup ? nonPopoverMemo : popoverMemo, !disablePopup ? jsx(HelperText, {
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     }) : null]
   }));
 };