@para-ui/core 3.0.64 → 3.0.66

package/ComboSelect/index.js

@@ -1,8 +1,10 @@
 import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { r as regenerator } from '../_verture/index-beef914f.js';
+import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default, { useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
+import React__default, { useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
 import Down from '@para-ui/icons/Down';
 import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
@@ -17,6 +19,7 @@ import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import { DeepClone, ArrayToObject } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
@@ -24,8 +27,6 @@ import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/index-beef914f.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -37,7 +38,6 @@ import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Radio/index.js';
 import '../Empty/index.js';
-import '../_verture/useGlobalProps-1b846a65.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../Pagination/index.js';
@@ -68,16 +68,16 @@ import 'dayjs';
 //获取替换字段
 var getReplaceField = function getReplaceField(mode, repl, tableP, treeP) {
   var t = {};
-  if (mode === 'tree') t = treeP === null || treeP === void 0 ? void 0 : treeP.replaceFields;else t = tableP === null || tableP === void 0 ? void 0 : tableP.replaceFields;
+  if (mode === "tree") t = treeP === null || treeP === void 0 ? void 0 : treeP.replaceFields;else t = tableP === null || tableP === void 0 ? void 0 : tableP.replaceFields;
   return Object.assign(Object.assign({}, repl), t);
 };
 //to array
 var toArray = function toArray(list) {
   if (!list) return [];
-  return Array.isArray(list) ? list : JSON.stringify(list) === '{}' ? [] : [list];
+  return Array.isArray(list) ? list : JSON.stringify(list) === "{}" ? [] : [list];
 };
 var isRemoteLoad = function isRemoteLoad(mode, props) {
-  if (mode === 'table') {
+  if (mode === "table") {
     return !(props && Array.isArray(props.data));
   }
   return !(props && Array.isArray(props.treeData));
@@ -94,8 +94,8 @@ var getOverlaySize = function getOverlaySize(mode) {
   var largeTreeOverlayH = "".concat(maxHeight || 338, "px");
   var largeListOverlayH = "".concat(maxHeight || 304, "px");
   var clientH = document.documentElement.clientHeight;
-  var fixHeight = height !== undefined ? 'height' : 'maxHeight';
-  if (mode === 'tree') {
+  var fixHeight = height !== undefined ? "height" : "maxHeight";
+  if (mode === "tree") {
     //tree
     if (clientH <= screenH) {
       //小屏幕
@@ -107,7 +107,7 @@ var getOverlaySize = function getOverlaySize(mode) {
     return isRemoteLoad ? {
       height: largeTreeOverlayH
     } : _defineProperty({}, fixHeight, largeTreeOverlayH);
-  } else if (mode === 'list') {
+  } else if (mode === "list") {
     //list
     if (clientH <= screenH) {
       return isRemoteLoad ? {
@@ -124,6 +124,20 @@ var getOverlaySize = function getOverlaySize(mode) {
     };
   }
 };
+// 实现一个防抖函数，debounce接受一个函数func和delay时间作为参数,返回一个防抖函数。使用泛型T保证返回防抖函数的类型与原func一致
+function debounce(func, delay) {
+  var timer;
+  return function () {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(function () {
+      func.apply(_this, args);
+    }, delay);
+  };
+}
 
 var en = {
   searchPlaceholder: 'Please enter',
@@ -148,93 +162,96 @@ 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-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: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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  height: 30px;\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-overflow-single.comboselect-overflow {\n  height: 34px;\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-overflow-single.comboselect-overflow {\n  height: 26px;\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  height: 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}";
+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-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: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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  height: 30px;\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-overflow-single.comboselect-overflow {\n  height: 34px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-arrow {\n  top: 8px;\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-overflow-single.comboselect-overflow {\n  height: 26px;\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  height: 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) {
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'table' : _props$mode,
-    placeholder = props.placeholder,
-    searchPlaceholder = props.searchPlaceholder,
-    maxCount = props.maxCount,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$allowClear = props.allowClear,
-    allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
-    className = props.className,
-    style = props.style,
-    maxHeight = props.maxHeight,
-    height = props.height,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
-    popoverClassName = props.popoverClassName,
-    _props$size = 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,
-    showPopoverActions = _props$showPopoverAct === void 0 ? false : _props$showPopoverAct,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-    defaultValue = props.defaultValue,
-    _props$replaceFields = props.replaceFields,
-    replaceFields = _props$replaceFields === void 0 ? {
+  var _useGlobalProps = useGlobalProps(props, 'ComboSelect'),
+    _useGlobalProps$mode = _useGlobalProps.mode,
+    mode = _useGlobalProps$mode === void 0 ? 'table' : _useGlobalProps$mode,
+    placeholder = _useGlobalProps.placeholder,
+    searchPlaceholder = _useGlobalProps.searchPlaceholder,
+    maxCount = _useGlobalProps.maxCount,
+    _useGlobalProps$disab = _useGlobalProps.disabled,
+    disabled = _useGlobalProps$disab === void 0 ? false : _useGlobalProps$disab,
+    _useGlobalProps$allow = _useGlobalProps.allowClear,
+    allowClear = _useGlobalProps$allow === void 0 ? false : _useGlobalProps$allow,
+    className = _useGlobalProps.className,
+    style = _useGlobalProps.style,
+    maxHeight = _useGlobalProps.maxHeight,
+    height = _useGlobalProps.height,
+    _useGlobalProps$place = _useGlobalProps.placement,
+    placement = _useGlobalProps$place === void 0 ? 'bottomLeft' : _useGlobalProps$place,
+    popoverClassName = _useGlobalProps.popoverClassName,
+    _useGlobalProps$size = _useGlobalProps.size,
+    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
+    _useGlobalProps$popov = _useGlobalProps.popoverActions,
+    popoverActions = _useGlobalProps$popov === void 0 ? null : _useGlobalProps$popov,
+    _useGlobalProps$showP = _useGlobalProps.showPopoverActions,
+    showPopoverActions = _useGlobalProps$showP === void 0 ? false : _useGlobalProps$showP,
+    _useGlobalProps$defau = _useGlobalProps.defaultOpen,
+    defaultOpen = _useGlobalProps$defau === void 0 ? false : _useGlobalProps$defau,
+    defaultValue = _useGlobalProps.defaultValue,
+    _useGlobalProps$repla = _useGlobalProps.replaceFields,
+    replaceFields = _useGlobalProps$repla === void 0 ? {
       key: 'key',
       title: 'title',
       children: 'children'
-    } : _props$replaceFields,
-    _props$outputFields = props.outputFields,
-    outputFields = _props$outputFields === void 0 ? {
+    } : _useGlobalProps$repla,
+    _useGlobalProps$outpu = _useGlobalProps.outputFields,
+    outputFields = _useGlobalProps$outpu === void 0 ? {
       outputKey: 'key',
       outputTitle: 'label'
-    } : _props$outputFields,
-    value = props.value,
-    onClear = props.onClear,
-    onCancel = props.onCancel,
-    onOk = props.onOk,
-    onClose = props.onClose,
-    onChange = props.onChange,
-    onSearch = props.onSearch,
-    refresh = props.refresh,
-    TableProps = props.TableProps,
-    TreeProps = props.TreeProps,
-    _props$checkable = props.checkable,
-    checkable = _props$checkable === void 0 ? true : _props$checkable,
-    url = props.url,
-    ctx = props.ctx,
-    params = props.params,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'Get' : _props$method,
-    _props$showSearch = props.showSearch,
-    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,
-    fullPathRender = props.fullPathRender,
-    _props$disablePopup = props.disablePopup,
-    disablePopup = _props$disablePopup === void 0 ? false : _props$disablePopup,
-    tagRender = props.tagRender,
-    onTagRemove = props.onTagRemove,
-    action = props.action,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    labelTooltip = props.labelTooltip,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    emptyProps = props.emptyProps,
-    _props$toggleSelected = props.toggleSelectedOnSingle,
-    toggleSelectedOnSingle = _props$toggleSelected === void 0 ? false : _props$toggleSelected,
-    optionRender = props.optionRender,
-    getOptionLabel = props.getOptionLabel,
-    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
-    getPopupContainer = props.getPopupContainer,
-    maxTagTextLength = props.maxTagTextLength,
-    renderInputContent = props.renderInputContent;
+    } : _useGlobalProps$outpu,
+    value = _useGlobalProps.value,
+    onClear = _useGlobalProps.onClear,
+    onCancel = _useGlobalProps.onCancel,
+    onOk = _useGlobalProps.onOk,
+    onClose = _useGlobalProps.onClose,
+    onChange = _useGlobalProps.onChange,
+    onSearch = _useGlobalProps.onSearch,
+    refresh = _useGlobalProps.refresh,
+    TableProps = _useGlobalProps.TableProps,
+    TreeProps = _useGlobalProps.TreeProps,
+    _useGlobalProps$check = _useGlobalProps.checkable,
+    checkable = _useGlobalProps$check === void 0 ? true : _useGlobalProps$check,
+    url = _useGlobalProps.url,
+    ctx = _useGlobalProps.ctx,
+    params = _useGlobalProps.params,
+    _useGlobalProps$metho = _useGlobalProps.method,
+    method = _useGlobalProps$metho === void 0 ? 'Get' : _useGlobalProps$metho,
+    _useGlobalProps$showS = _useGlobalProps.showSearch,
+    showSearch = _useGlobalProps$showS === void 0 ? false : _useGlobalProps$showS,
+    _useGlobalProps$realT = _useGlobalProps.realTimeSearch,
+    realTimeSearch = _useGlobalProps$realT === void 0 ? false : _useGlobalProps$realT,
+    _useGlobalProps$error = _useGlobalProps.error,
+    error = _useGlobalProps$error === void 0 ? false : _useGlobalProps$error,
+    hideErrorDom = _useGlobalProps.hideErrorDom,
+    helperText = _useGlobalProps.helperText,
+    paramsCallback = _useGlobalProps.paramsCallback,
+    fullPathKey = _useGlobalProps.fullPathKey,
+    fullPathRender = _useGlobalProps.fullPathRender,
+    _useGlobalProps$disab2 = _useGlobalProps.disablePopup,
+    disablePopup = _useGlobalProps$disab2 === void 0 ? false : _useGlobalProps$disab2,
+    tagRender = _useGlobalProps.tagRender,
+    onTagRemove = _useGlobalProps.onTagRemove,
+    action = _useGlobalProps.action,
+    _useGlobalProps$label = _useGlobalProps.label,
+    label = _useGlobalProps$label === void 0 ? '' : _useGlobalProps$label,
+    labelTooltip = _useGlobalProps.labelTooltip,
+    _useGlobalProps$requi = _useGlobalProps.required,
+    required = _useGlobalProps$requi === void 0 ? false : _useGlobalProps$requi,
+    emptyProps = _useGlobalProps.emptyProps,
+    _useGlobalProps$toggl = _useGlobalProps.toggleSelectedOnSingle,
+    toggleSelectedOnSingle = _useGlobalProps$toggl === void 0 ? false : _useGlobalProps$toggl,
+    optionRender = _useGlobalProps.optionRender,
+    getOptionLabel = _useGlobalProps.getOptionLabel,
+    _useGlobalProps$dropd = _useGlobalProps.dropdownMatchSelectWidth,
+    dropdownMatchSelectWidth = _useGlobalProps$dropd === void 0 ? true : _useGlobalProps$dropd,
+    getPopupContainer = _useGlobalProps.getPopupContainer,
+    maxTagTextLength = _useGlobalProps.maxTagTextLength,
+    renderInputContent = _useGlobalProps.renderInputContent;
   var _React$useContext = React__default.useContext(GlobalContext),
     language = _React$useContext.language,
     locale = _React$useContext.locale;
@@ -357,9 +374,28 @@ var ComboSelect = function ComboSelect(props) {
     internalChange(currItem);
     onChange === null || onChange === void 0 ? void 0 : onChange(newCheckList);
   };
+  /**
+  * @desc 搜索 - 防抖
+  */
+  var onRealTimeSearch = useMemo(function () {
+    return debounce(function (val) {
+      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              searchFn(val);
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+    }, 400);
+  }, []);
   //输入框
   var handleInputChange = function handleInputChange(evt) {
     setInputValue(evt.target.value);
+    realTimeSearch && onRealTimeSearch(evt.target.value);
   };
   //清空搜索值，重置搜索
   var handleClearSearchValue = function handleClearSearchValue() {
@@ -368,17 +404,18 @@ var ComboSelect = function ComboSelect(props) {
     searchKeyRef.current = '';
     setInRefresh(Math.random());
   };
+  var searchFn = function searchFn(value) {
+    var input = value !== null && value !== void 0 ? value : inputValue;
+    if (!onSearch) {
+      searchKeyRef.current = input === null || input === void 0 ? void 0 : input.trim();
+      setInRefresh(Math.random());
+    } else {
+      onSearch(input);
+    }
+    if (isRemoteLoadRef.current) setLoadKeys([]);
+  };
   //输入框回车搜索
   var handleEnterSearch = function handleEnterSearch(evt, type) {
-    var searchFn = function searchFn() {
-      if (!onSearch) {
-        searchKeyRef.current = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim();
-        setInRefresh(Math.random());
-      } else {
-        onSearch(inputValue);
-      }
-      if (isRemoteLoadRef.current) setLoadKeys([]);
-    };
     if (type === 'click') {
       searchFn();
     } else if (evt) {

package/ComboSelect/interface.d.ts

@@ -105,6 +105,8 @@ export interface ComboSelectProps extends HelperTextDetailProps {
     checkable?: boolean;
     /**是否显示搜索*/
     showSearch?: boolean;
+    /** 是否实时搜索 */
+    realTimeSearch?: boolean;
     /**参数处理回调*/
     paramsCallback?: (params: {
         [name: string]: any;

package/ComboSelect/utils.d.ts

@@ -7,3 +7,4 @@ export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxH
     [x: string]: string;
     height?: undefined;
 };
+export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): T;

package/DynamicMultiBox/index.js

@@ -57,8 +57,8 @@ import '@para-ui/icons/Minus';
 import '@para-ui/icons/Plus';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Application';
-import '../Table/index.js';
 import '../_verture/index-beef914f.js';
+import '../Table/index.js';
 import '../Button/index.js';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/ScreenF';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-12b7c22b.js';
+import { F as FormItem, v as validate } from '../_verture/index-9117119e.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
@@ -55,8 +55,8 @@ import '@para-ui/icons/Up';
 import '@para-ui/icons/Minus';
 import '@para-ui/icons/Plus';
 import '../ComboSelect/index.js';
-import '../Table/index.js';
 import '../_verture/index-beef914f.js';
+import '../Table/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-12b7c22b.js';
+export { F as default } from '../_verture/index-9117119e.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';
@@ -55,8 +55,8 @@ import '@para-ui/icons/Up';
 import '@para-ui/icons/Minus';
 import '@para-ui/icons/Plus';
 import '../ComboSelect/index.js';
-import '../Table/index.js';
 import '../_verture/index-beef914f.js';
+import '../Table/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';

package/GlobalContext/componentsProps.d.ts

@@ -9,6 +9,7 @@ import { TableProps } from "../Table/interface";
 import { EmptyProps } from "../Empty";
 import { QueryingProps } from "../Querying";
 import { SelectorProps } from "../Selector/interface";
+import { ComboSelectProps } from "../ComboSelect/interface";
 interface ComponentsProps {
     Select?: Partial<SelectProps>;
     TextField?: Partial<TextFieldProps>;
@@ -16,6 +17,7 @@ interface ComponentsProps {
     Empty?: Partial<EmptyProps>;
     Querying?: Partial<QueryingProps>;
     Selector?: Partial<SelectorProps>;
+    ComboSelect?: Partial<ComboSelectProps>;
     [name: string]: any;
 }
 export default ComponentsProps;

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 3.0.66
+
+    para-ui/core@3.0.66 发布
+        【组合选择器-ComboSelect】新增实时搜索功能，调整图表位置
+
+## 版本: 3.0.65
+
+    para-ui/core@3.0.65 发布
+        【表格-Table】修复下拉框下拉浮层上下抖动问题，去除延迟代码
+
 ## 版本: 3.0.64
 
     para-ui/core@3.0.64 发布

package/Select/index.js

@@ -190,14 +190,11 @@ var Select = function Select(props) {
     _useState24 = _slicedToArray(_useState23, 2),
     loading = _useState24[0],
     setLoading = _useState24[1]; // 下拉加载loading
-  var _useState25 = useState(false),
-    _useState26 = _slicedToArray(_useState25, 2),
-    emptyBol = _useState26[0],
-    setEmptyBol = _useState26[1]; // 延迟显示空状态
+  // const [emptyBol, setEmptyBol] = useState<boolean>(false); // 延迟显示空状态
   var textDom = useRef(null);
-  var _useState27 = useState({}),
-    _useState28 = _slicedToArray(_useState27, 1),
-    constData = _useState28[0]; // 不变的常量 多行 不换行定时器  搜索定时器
+  var _useState25 = useState({}),
+    _useState26 = _slicedToArray(_useState25, 1),
+    constData = _useState26[0]; // 不变的常量 多行 不换行定时器  搜索定时器
   var _React$useContext = React__default.useContext(GlobalContext),
     language = _React$useContext.language,
     locale = _React$useContext.locale;
@@ -297,27 +294,20 @@ var Select = function Select(props) {
   // 筛选下拉框数据
   useEffect(function () {
     if (!open) return;
-    clearTimeout(constData.searchTimer);
-    constData.searchTimer = setTimeout(function () {
-      setLoading(true);
-      if (props.fetchSuggestions) {
-        props.fetchSuggestions && props.fetchSuggestions(searchValue, function (data) {
-          var listHand = handList(data);
-          handSelectList(listHand, true);
-        });
-      } else {
-        var listHand = handList(list);
-        handSelectList(listHand);
-      }
-    }, 100);
-    // 延迟显示下拉框空状态
-    clearTimeout(constData.timerEmpty);
-    setEmptyBol(false);
-    constData.timerEmpty = setTimeout(function () {
-      constData.emptyBol = true;
-      setEmptyBol(true);
-    }, 200);
+    setLoading(true);
+    if (props.fetchSuggestions) {
+      props.fetchSuggestions && props.fetchSuggestions(searchValue, function (data) {
+        var listHand = handList(data);
+        handSelectList(listHand, true);
+        setLoading(false);
+      });
+    } else {
+      var listHand = handList(list);
+      handSelectList(listHand);
+      setLoading(false);
+    }
   }, [search, searchValue, list, open]);
+  // 搜索框自动得到焦点
   useEffect(function () {
     if (open) {
       setTimeout(function () {
@@ -335,10 +325,6 @@ var Select = function Select(props) {
       window.removeEventListener("keydown", keydownCom);
     };
   }, [open]);
-  // 搜索框有值,显示下拉框
-  useEffect(function () {
-    if (searchValue) setOpen(true);
-  }, [searchValue]);
   // 是否计算搜索框长度
   useEffect(function () {
     if (disabled === true) return;
@@ -1077,7 +1063,7 @@ var Select = function Select(props) {
             children: handContent(item)
           }), index);
         })
-      }) : !loading && emptyBol && jsx("div", Object.assign({
+      }) : !loading && jsx("div", Object.assign({
         className: "select-nodata"
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
@@ -1085,7 +1071,7 @@ var Select = function Select(props) {
         }))
       })), loading && jsx(Loading, {})]
     }));
-  }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
+  }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, renderContent, selectCheckIcon]);
   // 下拉框popover memo
   var SelectPopoverMemo = useMemo(function () {
     if (!showSelect) return '';
@@ -1114,7 +1100,7 @@ var Select = function Select(props) {
         })), jsx(SearchIcon, {})]
       })), SelectPopoverListMemo]
     }));
-  }, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
+  }, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, renderContent, selectCheckIcon]);
   /** 处理下拉内容 */
   var handDropdown = function handDropdown() {
     return jsx(Dropdown, Object.assign({

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-12b7c22b.js';
+export { F as FormItem } from './_verture/index-9117119e.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-e4983a79.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -104,6 +104,7 @@ import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Search';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/CloseCircle';
+import './_verture/useGlobalProps-1b846a65.js';
 import 'rc-picker/es/generate/dayjs';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';
@@ -121,7 +122,6 @@ import '@para-ui/icons/PlusCircleF';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/Drag';
 import './_verture/sortable.esm-49896035.js';
-import './_verture/useGlobalProps-1b846a65.js';
 import '@para-ui/icons/LinkGroup';
 import './_verture/intl-4a9f1b44.js';
 import './_verture/index-e2881a53.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.64",
+  "version": "3.0.66",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",