@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/ComboSelect/index.js

@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-47297a40.js';
+import { T as Tree } from '../_verture/index-692e29c1.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-e9007d6a.js';
 import { Popover } from '../Popover/index.js';
@@ -25,6 +25,8 @@ import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js'
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { Search } from '../Search/index.js';
+import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -49,7 +51,6 @@ import '../TextField/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '../Loading/index.js';
-import '@para-ui/icons/LoadingF';
 import '../Select/index.js';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Left';
@@ -91,7 +92,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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 32px;\n  padding: 0 12px;\n  font-size: 14px;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n  position: absolute;\n  top: 5px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n  color: rgb(92, 101, 115);\n  font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n  color: rgb(92, 101, 115);\n  font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 30px;\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 22px;\n  margin: 0 8px 4px 0;\n  max-width: 100%;\n  color: rgb(29, 33, 38);\n  line-height: 22px;\n  background-color: rgb(234, 236, 241);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n  color: rgb(161, 168, 179);\n  background-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n  pointer-events: none;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper {\n  min-height: 36px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow {\n  padding-top: 5px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 24px;\n  margin-bottom: 5px;\n  line-height: 24px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 34px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-arrow {\n  top: 8px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 20px;\n  margin-bottom: 3px;\n  line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n  opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n  opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgb(212, 218, 227);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n  position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 10px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n  width: 100%;\n  height: 100%;\n  flex: auto;\n  margin: 0 10px 0 10px;\n  border: none;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(92, 101, 115);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n  padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 10px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  margin: 0 10px 0 10px;\n  border: none;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(92, 101, 115);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n  flex: 1 1;\n  overflow-y: auto;\n  height: 100%;\n  padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n  padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n  height: 52px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n  height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgb(234, 236, 241);\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n  padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n  width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(87, 131, 235);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-v4-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n  display: block;\n  padding: 0 12px;\n  margin-bottom: 5px;\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n  max-height: 300px;\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n  display: flex;\n  align-items: center;\n  height: 36px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n  font-size: 20px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 32px;\n  padding: 0 12px;\n  font-size: 14px;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n  position: absolute;\n  top: 5px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n  color: rgb(92, 101, 115);\n  font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n  color: rgb(161, 168, 179);\n  font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 30px;\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 22px;\n  margin: 0 8px 4px 0;\n  max-width: 100%;\n  color: rgb(29, 33, 38);\n  line-height: 22px;\n  background-color: rgb(234, 236, 241);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n  color: rgb(161, 168, 179);\n  background-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n  pointer-events: none;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 20px;\n  margin-bottom: 3px;\n  line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n  top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n  opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n  opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgb(212, 218, 227);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n  position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 10px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n  border: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(161, 168, 179);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n  padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n  height: 52px;\n  padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-height: 40px;\n  padding: 0 10px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n  border: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgb(161, 168, 179);\n  transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n  flex: 1 1;\n  overflow-y: auto;\n  height: 100%;\n  padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n  box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n  height: 52px;\n  padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n  height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n  flex: 1 1;\n  overflow-y: auto;\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n  display: flex;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n  margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgb(234, 236, 241);\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n  padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n  width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 15px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n  transform: translateY(-50%);\n  background-size: 15px 11px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-v4-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n  display: block;\n  padding: 0 12px;\n  margin-bottom: 5px;\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n  max-height: 300px;\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n  display: flex;\n  align-items: center;\n  height: 36px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n  font-size: 20px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
 //组合选择器
@@ -304,8 +305,8 @@ var ComboSelect = function ComboSelect(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(newCheckList);
   };
   /**
-  * @desc 搜索 - 防抖
-  */
+   * @desc 搜索 - 防抖
+   */
   var onRealTimeSearch = useMemo(function () {
     return debounce(function (val) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
@@ -322,16 +323,9 @@ var ComboSelect = function ComboSelect(props) {
     }, 400);
   }, []);
   //输入框
-  var handleInputChange = function handleInputChange(evt) {
-    setInputValue(evt.target.value);
-    realTimeSearch && onRealTimeSearch(evt.target.value);
-  };
-  //清空搜索值，重置搜索
-  var handleClearSearchValue = function handleClearSearchValue() {
-    setInputValue('');
-    if (onSearch) return onSearch('');
-    searchKeyRef.current = '';
-    setInRefresh(Math.random());
+  var handleInputChange = function handleInputChange(value) {
+    setInputValue(value);
+    realTimeSearch && onRealTimeSearch(value);
   };
   var searchFn = function searchFn(value) {
     var input = value !== null && value !== void 0 ? value : inputValue;
@@ -343,15 +337,6 @@ var ComboSelect = function ComboSelect(props) {
     }
     if (isRemoteLoadRef.current) setLoadKeys([]);
   };
-  //输入框回车搜索
-  var handleEnterSearch = function handleEnterSearch(evt, type) {
-    if (type === 'click') {
-      searchFn();
-    } else if (evt) {
-      var keyCode = evt.which || evt.keyCode;
-      if (keyCode === 13) searchFn();
-    }
-  };
   //popover 完成
   var handlePopoverDone = function handlePopoverDone(evt, flag) {
     if (flag) {
@@ -365,7 +350,7 @@ var ComboSelect = function ComboSelect(props) {
   //设置容器宽高
   var setPopoverWH = function setPopoverWH() {
     var w = 'auto';
-    if (selectRef.current) w = selectRef.current.offsetWidth + 'px';
+    if (selectRef.current) w = "".concat(selectRef.current.offsetWidth, "px");
     var overlayStyle = getOverlaySize(mode, isRemoteLoadRef.current, maxHeight, height);
     var wObj = {
       minWidth: w,
@@ -383,8 +368,7 @@ var ComboSelect = function ComboSelect(props) {
   //select className
   var makeSelectCls = function makeSelectCls() {
     var _clsx;
-    var isMedium = size !== 'medium';
-    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));
+    return clsx("".concat($prefixCls, "-comboselect"), className, (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-focused"), open && !disablePopup), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-disabled"), disabled), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-radioable"), !checkable), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-error"), error), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-clear"), hasAllClear), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-non-popup"), disablePopup), _clsx), "".concat($prefixCls, "-comboselect-").concat(size));
   };
   //格式化选中数据
   var formatSelectedData = function formatSelectedData(values, keys) {
@@ -455,34 +439,32 @@ var ComboSelect = function ComboSelect(props) {
         maxWidth: maxWidth
       };
     }
-    return jsxs("div", Object.assign({
+    return jsx("div", Object.assign({
       className: 'comboselect-search',
       style: styObj
     }, {
-      children: [jsx("span", Object.assign({
-        className: 'comboselect-search-icon',
-        onClick: function onClick() {
-          return handleEnterSearch(null, 'click');
-        }
-      }, {
-        children: jsx(SearchIcon, {})
-      })), jsx("input", {
-        placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
-          id: 'searchPlaceholder'
-        }),
+      children: jsx(Search, {
         className: 'comboselect-search-input',
+        rightIconExist: true,
+        showBtn: false,
+        rightIcon: jsx(SearchIcon, {}),
+        btnType: "inside",
+        value: inputValue,
         ref: searchInputRef,
         onChange: handleInputChange,
-        value: inputValue,
-        onKeyUp: function onKeyUp(evt) {
-          return handleEnterSearch(evt, 'enter');
+        placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
+          id: 'searchPlaceholder'
+        }),
+        onClickBtn: function onClickBtn() {
+          searchFn();
+        },
+        onEnter: function onEnter() {
+          searchFn();
+        },
+        onClear: function onClear() {
+          searchFn('');
         }
-      }), inputValue && jsx("span", Object.assign({
-        className: 'comboselect-clear-icon',
-        onClick: handleClearSearchValue
-      }, {
-        children: jsx(CloseCircleF, {})
-      }))]
+      })
     }));
   };
   //render popover action
@@ -792,7 +774,7 @@ var ComboSelect = function ComboSelect(props) {
         checkCount: false
       }))
     }));
-  }, [checkKeys, refresh, params, inRefresh, open]);
+  }, [checkKeys, refresh, params, inRefresh, disablePopup, open, getParams, fieldKey, checkable]);
   //树组件
   var treeMemo = useMemo(function () {
     if (!disablePopup && !open || !['tree', 'list'].includes(mode)) return null;
@@ -879,10 +861,19 @@ var ComboSelect = function ComboSelect(props) {
         onCheck: handleTreeCheck,
         onSelect: handleSelect,
         titleRender: _titleRender,
-        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh
+        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh,
+        loadingNode: jsxs("div", Object.assign({
+          className: 'loading-node-content'
+        }, {
+          children: [jsx("div", Object.assign({
+            className: 'loading-icon'
+          }, {
+            children: jsx(LoadingOutlined, {})
+          })), "\u641C\u7D22\u4E2D"]
+        }))
       }))
     }));
-  }, [checkKeys, refresh, params, inRefresh, open, loadedKeys]);
+  }, [checkKeys, refresh, params, inRefresh, disablePopup, open, loadedKeys, mode, getParams, checkable]);
   //组合选择器输入框
   var comboSelectorInput = jsxs("div", Object.assign({
     className: 'comboselect-wrapper',
@@ -981,7 +972,7 @@ var ComboSelect = function ComboSelect(props) {
           }), " ( ".concat(moreTagList.length, " )")]
         })
       })), jsx("div", Object.assign({
-        className: "comboselect-more-content"
+        className: 'comboselect-more-content'
       }, {
         children: generateMoreTag()
       }))]

package/ComboSelect/interface.d.ts

@@ -6,10 +6,10 @@
 import React, { ReactNode } from 'react';
 import { TableProps as ITableProps } from '../Table/interface';
 import { TreeProps, TreeNodeProps } from '../Tree/interface';
-import { Placement } from "../Dropdown";
-import { LabelTooltipProps } from "../Label";
+import { Placement } from '../Dropdown';
+import { LabelTooltipProps } from '../Label';
 import { EmptyProps } from '../Empty';
-import { HelperTextDetailProps } from "../HelperText";
+import { HelperTextDetailProps } from '../HelperText';
 type TableProps = ITableProps & {
     /** table 参数 */
     params?: Object;

package/Container/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.scss";
+import React from 'react';
+import './index.scss';
 interface Props {
     /**
      * 容器自定义className
@@ -39,7 +39,7 @@ interface Props {
      │       │                              │    │              bottom               │
      └───────┴──────────────────────────────┘    └───────────────────────────────────┘
      */
-    type?: "tlrb" | "ltrb" | "trb" | "tlr";
+    type?: 'tlrb' | 'ltrb' | 'trb' | 'tlr';
     /**
      * 顶部容器
      */

package/Container/index.js

@@ -10,7 +10,7 @@ styleInject(css_248z);
 var Container = function Container() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _props$className = props.className,
-    className = _props$className === void 0 ? "" : _props$className,
+    className = _props$className === void 0 ? '' : _props$className,
     top = props.top,
     _props$topStyle = props.topStyle,
     topStyle = _props$topStyle === void 0 ? {} : _props$topStyle,
@@ -24,58 +24,58 @@ var Container = function Container() {
     _props$bottomStyle = props.bottomStyle,
     bottomStyle = _props$bottomStyle === void 0 ? {} : _props$bottomStyle,
     _props$type = props.type,
-    type = _props$type === void 0 ? "tlr" : _props$type;
+    type = _props$type === void 0 ? 'tlr' : _props$type;
   var topSty, leftSty, rightSty, bottomSty, bodySty;
   var position = React__default.useMemo(function () {
     switch (type) {
-      case "tlr":
+      case 'tlr':
         // 上 左右
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         bottomSty = Object.assign({
-          height: bottom ? "20px" : "0",
-          width: "100%"
+          height: bottom ? '20px' : '0',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(bottomSty.height, ")"),
-          width: "auto"
+          width: 'auto'
         }, rightStyle);
         bodySty = {
-          width: "100%",
+          width: '100%',
           height: "calc(100% - ".concat(topSty.height, ")")
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlr ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-left",
+              className: 'container-left',
               style: leftSty
             }, {
               children: left
             })), jsx("div", Object.assign({
-              className: "container-body-right",
+              className: 'container-body-right',
               style: {
-                width: "auto",
-                height: "100%"
+                width: 'auto',
+                height: '100%'
               }
             }, {
               children: jsx("div", Object.assign({
-                className: "container-right",
+                className: 'container-right',
                 style: rightSty
               }, {
                 children: right
@@ -83,139 +83,139 @@ var Container = function Container() {
             }))]
           }))]
         }));
-      case "tlrb":
+      case 'tlrb':
         // 上 左右 下
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         rightSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, rightStyle);
         bottomSty = Object.assign({
-          height: bottom ? "20px" : "0px",
-          width: "100%"
+          height: bottom ? '20px' : '0px',
+          width: '100%'
         }, bottomStyle);
         bodySty = {
-          width: "100%",
+          width: '100%',
           height: "calc(100% - ".concat(topSty.height, "  - ").concat(bottomSty.height, ")")
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlrb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-left",
+              className: 'container-left',
               style: leftSty
             }, {
               children: left
             })), jsx("div", Object.assign({
-              className: "container-right",
+              className: 'container-right',
               style: rightSty
             }, {
               children: right
             }))]
           })), jsx("div", Object.assign({
-            className: "container-bottom",
+            className: 'container-bottom',
             style: bottomSty
           }, {
             children: bottom
           }))]
         }));
-      case "ltrb":
+      case 'ltrb':
         // 左 上右下
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
+          height: bottom ? '30px' : '0px',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
+          width: '100%'
         }, rightStyle);
         bodySty = {
-          width: "auto",
+          width: 'auto',
           height: "100%"
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-ltrb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-left",
+            className: 'container-left',
             style: leftSty
           }, {
             children: left
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-top",
+              className: 'container-top',
               style: topSty
             }, {
               children: top
             })), jsx("div", Object.assign({
-              className: "container-right",
+              className: 'container-right',
               style: rightSty
             }, {
               children: right
             })), jsx("div", Object.assign({
-              className: "container-bottom",
+              className: 'container-bottom',
               style: bottomSty
             }, {
               children: bottom
             }))]
           }))]
         }));
-      case "trb":
+      case 'trb':
         // 上 中 下
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
+          height: bottom ? '30px' : '0px',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
+          width: '100%'
         }, rightStyle);
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-trb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsx("div", Object.assign({
-            className: "container-right",
+            className: 'container-right',
             style: rightSty
           }, {
             children: right
           })), jsx("div", Object.assign({
-            className: "container-bottom",
+            className: 'container-bottom',
             style: bottomSty
           }, {
             children: bottom

package/CopyText/index.d.ts

@@ -4,7 +4,7 @@
  * @description 复制文本
  */
 import { FunctionComponent, ReactNode } from 'react';
-import { TextFieldProps } from "../TextField";
+import { TextFieldProps } from '../TextField';
 import './index.scss';
 export interface CopyTextProps {
     className?: string;
@@ -27,7 +27,7 @@ export interface CopyTextProps {
     /** 延时 */
     timeout?: number;
     /** 复制事件 */
-    onCopy?: () => (Promise<string | void> | string | void);
+    onCopy?: () => Promise<string | void> | string | void;
 }
 declare const CopyText: FunctionComponent<CopyTextProps>;
 export default CopyText;

package/CopyText/index.js

@@ -4,7 +4,7 @@ import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import Copy from '@para-ui/icons/Copy';
-import Check from '@para-ui/icons/Check';
+import CheckS from '@para-ui/icons/CheckS';
 import { TextField } from '../TextField/index.js';
 import Label from '../Label/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
@@ -34,7 +34,7 @@ import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n  justify-items: center;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n  margin-bottom: 0;\n  margin-right: 4px;\n  white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-right: 10px;\n  line-height: 1.43;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(46, 101, 230);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n  justify-items: center;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n  margin-bottom: 0;\n  margin-right: 4px;\n  white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-right: 10px;\n  line-height: 1.43;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);
 
 var CopyText = function CopyText(props) {
@@ -119,7 +119,7 @@ var CopyText = function CopyText(props) {
     var copyIconDom = copyIcon ? copyIcon : jsx(Copy, {});
     var str = 'copy-text-icon';
     if (copySuccess) {
-      copyIconDom = jsx(Check, {});
+      copyIconDom = jsx(CheckS, {});
       str += ' copy-text-icon-check';
     }
     return jsx("span", Object.assign({