@bit-sun/business-component 4.0.12-alpha.12 → 4.0.12-alpha.13

package/dist/components/Functional/SearchSelect/utils.d.ts

@@ -11,4 +11,4 @@ export declare const hasMoreQueryFields: (modalTableProps: any) => boolean;
 export declare const getRealStr: (oldSelect: any, newSelect: any, record: any) => any;
 export declare const getTableHeigth: (list: any) => number;
 export declare const getCurrentSRKs: (selectMode: any, labelInValue: boolean, value: any) => any;
-export declare const getRenderSource: (currentSRKs: any, items: any) => any[];
+export declare const getRenderSource: (currentSRKs: any, items: any) => any;

package/dist/index.esm.js

@@ -4075,7 +4075,7 @@ function ToCDB(str) {
   return tmp;
 }
 
-var css_248z$5 = ".search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(150%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n";
+var css_248z$5 = ".search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(150%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n  max-height: 72px;\n  overflow-x: auto;\n  padding: 0px;\n}\n";
 styleInject(css_248z$5);
 
 var columnsPerRow = 4; // 每行的列数
@@ -4132,9 +4132,11 @@ var getCurrentSRKs = function getCurrentSRKs(selectMode, labelInValue, value) {
   }) : value : labelInValue ? (value === null || value === void 0 ? void 0 : value.value) && [value === null || value === void 0 ? void 0 : value.value] || [] : value && [value] || [];
 };
 var getRenderSource = function getRenderSource(currentSRKs, items) {
+  // 判空处理
+  if (!(currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.length)) return items || [];
   // 创建映射对象 用于记录原始选中顺序
   var orderMap = new Map();
-  currentSRKs.forEach(function (value, index) {
+  currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.forEach(function (value, index) {
     orderMap.set(value, index);
   });
   // 被选中数据集合，获取之后排序
@@ -4257,34 +4259,38 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectOpen = _useState4[0],
     setSelectOpen = _useState4[1];
-  var _useState5 = useState(1),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    scrollPage = _useState6[0],
-    setScrollPage = _useState6[1];
-  var _useState7 = useState(0),
+    isMaxTagsOpen = _useState6[0],
+    setIsMaxTagsOpen = _useState6[1];
+  var _useState7 = useState(1),
     _useState8 = _slicedToArray(_useState7, 2),
-    itemsTotal = _useState8[0],
-    setItemsTotal = _useState8[1];
-  var _useState9 = useState(false),
+    scrollPage = _useState8[0],
+    setScrollPage = _useState8[1];
+  var _useState9 = useState(0),
     _useState10 = _slicedToArray(_useState9, 2),
-    fetching = _useState10[0],
-    setFetching = _useState10[1];
-  var _useState11 = useState(''),
+    itemsTotal = _useState10[0],
+    setItemsTotal = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    searchValue = _useState12[0],
-    setSearchValue = _useState12[1];
-  var _useState13 = useState(false),
+    fetching = _useState12[0],
+    setFetching = _useState12[1];
+  var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    isModalVisible = _useState14[0],
-    setIsModalVisible = _useState14[1];
-  var _useState15 = useState(initVal),
+    searchValue = _useState14[0],
+    setSearchValue = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    popvalue = _useState16[0],
-    setPopValue = _useState16[1];
-  var _useState17 = useState(resultSourceKey),
+    isModalVisible = _useState16[0],
+    setIsModalVisible = _useState16[1];
+  var _useState17 = useState(initVal),
     _useState18 = _slicedToArray(_useState17, 2),
-    uniqueValue = _useState18[0],
-    setUniqueValue = _useState18[1];
+    popvalue = _useState18[0],
+    setPopValue = _useState18[1];
+  var _useState19 = useState(resultSourceKey),
+    _useState20 = _slicedToArray(_useState19, 2),
+    uniqueValue = _useState20[0],
+    setUniqueValue = _useState20[1];
   var _useDebounceFn = useDebounceFn(function (v) {
       // 优化搜索参数 支持传多个
       var searchParams = {};
@@ -4313,62 +4319,62 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useState19 = useState(true),
-    _useState20 = _slicedToArray(_useState19, 2),
-    collapsed = _useState20[0],
-    setCollapsed = _useState20[1];
   var _useState21 = useState(true),
     _useState22 = _slicedToArray(_useState21, 2),
-    caretLeftFlag = _useState22[0],
-    setCaretLeftFlag = _useState22[1];
-  var _useState23 = useState([]),
+    collapsed = _useState22[0],
+    setCollapsed = _useState22[1];
+  var _useState23 = useState(true),
     _useState24 = _slicedToArray(_useState23, 2),
-    tableData = _useState24[0],
-    setTableData = _useState24[1];
-  var _useState25 = useState(tableInitPagination),
+    caretLeftFlag = _useState24[0],
+    setCaretLeftFlag = _useState24[1];
+  var _useState25 = useState([]),
     _useState26 = _slicedToArray(_useState25, 2),
-    tablePagination = _useState26[0],
-    setTablePagination = _useState26[1];
-  var _useState27 = useState([]),
+    tableData = _useState26[0],
+    setTableData = _useState26[1];
+  var _useState27 = useState(tableInitPagination),
     _useState28 = _slicedToArray(_useState27, 2),
-    selectedRowKeys = _useState28[0],
-    setSelectedRowKeys = _useState28[1];
+    tablePagination = _useState28[0],
+    setTablePagination = _useState28[1];
   var _useState29 = useState([]),
     _useState30 = _slicedToArray(_useState29, 2),
-    selectedRows = _useState30[0],
-    setSelectedRows = _useState30[1];
-  var _useState31 = useState(false),
+    selectedRowKeys = _useState30[0],
+    setSelectedRowKeys = _useState30[1];
+  var _useState31 = useState([]),
     _useState32 = _slicedToArray(_useState31, 2),
-    checkedAll = _useState32[0],
-    setCheckedAll = _useState32[1];
+    selectedRows = _useState32[0],
+    setSelectedRows = _useState32[1];
   var _useState33 = useState(false),
     _useState34 = _slicedToArray(_useState33, 2),
-    indeterminate = _useState34[0],
-    setIndeterminate = _useState34[1];
-  var _useState35 = useState({}),
+    checkedAll = _useState34[0],
+    setCheckedAll = _useState34[1];
+  var _useState35 = useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    tableFormParams = _useState36[0],
-    setTableFormParams = _useState36[1];
-  var _useState37 = useState(false),
+    indeterminate = _useState36[0],
+    setIndeterminate = _useState36[1];
+  var _useState37 = useState({}),
     _useState38 = _slicedToArray(_useState37, 2),
-    tooltipVisible = _useState38[0],
-    setTooltipVisible = _useState38[1];
-  var _useState39 = useState((modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableColumns) === null || _modalTableProps$tabl === void 0 ? void 0 : (_modalTableProps$tabl2 = _modalTableProps$tabl.filter(function (s) {
+    tableFormParams = _useState38[0],
+    setTableFormParams = _useState38[1];
+  var _useState39 = useState(false),
+    _useState40 = _slicedToArray(_useState39, 2),
+    tooltipVisible = _useState40[0],
+    setTooltipVisible = _useState40[1];
+  var _useState41 = useState((modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableColumns) === null || _modalTableProps$tabl === void 0 ? void 0 : (_modalTableProps$tabl2 = _modalTableProps$tabl.filter(function (s) {
       return typeof s.defaultSort == 'number';
     })) === null || _modalTableProps$tabl2 === void 0 ? void 0 : _modalTableProps$tabl2.sort(function (a, b) {
       return a.defaultSort - b.defaultSort;
     })) || []),
-    _useState40 = _slicedToArray(_useState39, 2),
-    tableShowColumns = _useState40[0],
-    setTabletShowColumns = _useState40[1];
-  var _useState41 = useState(false),
     _useState42 = _slicedToArray(_useState41, 2),
-    confirmLoading = _useState42[0],
-    setConfirmLoading = _useState42[1];
+    tableShowColumns = _useState42[0],
+    setTabletShowColumns = _useState42[1];
   var _useState43 = useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
-    modalSearched = _useState44[0],
-    setModalSearched = _useState44[1];
+    confirmLoading = _useState44[0],
+    setConfirmLoading = _useState44[1];
+  var _useState45 = useState(false),
+    _useState46 = _slicedToArray(_useState45, 2),
+    modalSearched = _useState46[0],
+    setModalSearched = _useState46[1];
   var setSelectDataSource = function setSelectDataSource(list, total) {
     setItems(list);
     setItemsTotal(total);
@@ -5207,6 +5213,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     nr && setSelectOpen(false);
   };
   var onDropdownVisibleChange = function onDropdownVisibleChange(visible) {
+    // 阻止maxTagPlaceholder点击事件触发下拉框展示事件
+    if (isMaxTagsOpen && !selectOpen) return;
     setSelectOpen(visible);
     // 关闭下拉框 如果首次本身就不展示数据的 没有选中数据-需要清空查询数据源; 首次展示的默认展示
     if (!visible && !(value === null || value === void 0 ? void 0 : value.length)) {
@@ -5302,20 +5310,34 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       onChange(newValue);
     };
     return /*#__PURE__*/React$1.createElement(Tooltip, {
-      title: selectedValues.map(function (i) {
+      overlayClassName: 'searchSelectMaxTagToolTip',
+      destroyTooltipOnHide: true,
+      placement: "topRight",
+      autoAdjustOverflow: false,
+      title: (/*#__PURE__*/React$1.createElement("div", {
+        style: {
+          margin: '6px 8px 0px'
+        },
+        onMouseEnter: function onMouseEnter() {
+          setIsMaxTagsOpen(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          setIsMaxTagsOpen(false);
+        }
+      }, selectedValues.map(function (i) {
         return /*#__PURE__*/React$1.createElement(Tag, {
           closable: true,
           onClose: function onClose(e) {
             return _onClose(e, i);
           },
           style: {
-            marginRight: 3,
+            margin: '0px 3px 3px 0px',
             background: '#f5f5f5',
             height: '24px',
             border: '1px solid #f0f0f0'
           }
         }, i.label);
-      })
+      })))
     }, "+ ".concat(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length));
   };
   var handleSelectOptionsShowValue = function handleSelectOptionsShowValue(specialBracket, noNeedSplit, item) {

package/dist/index.js

@@ -4098,7 +4098,7 @@ function ToCDB(str) {
   return tmp;
 }
 
-var css_248z$5 = ".search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(150%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n";
+var css_248z$5 = ".search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(150%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n  max-height: 72px;\n  overflow-x: auto;\n  padding: 0px;\n}\n";
 styleInject(css_248z$5);
 
 var columnsPerRow = 4; // 每行的列数
@@ -4155,9 +4155,11 @@ var getCurrentSRKs = function getCurrentSRKs(selectMode, labelInValue, value) {
   }) : value : labelInValue ? (value === null || value === void 0 ? void 0 : value.value) && [value === null || value === void 0 ? void 0 : value.value] || [] : value && [value] || [];
 };
 var getRenderSource = function getRenderSource(currentSRKs, items) {
+  // 判空处理
+  if (!(currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.length)) return items || [];
   // 创建映射对象 用于记录原始选中顺序
   var orderMap = new Map();
-  currentSRKs.forEach(function (value, index) {
+  currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.forEach(function (value, index) {
     orderMap.set(value, index);
   });
   // 被选中数据集合，获取之后排序
@@ -4280,34 +4282,38 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectOpen = _useState4[0],
     setSelectOpen = _useState4[1];
-  var _useState5 = React$1.useState(1),
+  var _useState5 = React$1.useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    scrollPage = _useState6[0],
-    setScrollPage = _useState6[1];
-  var _useState7 = React$1.useState(0),
+    isMaxTagsOpen = _useState6[0],
+    setIsMaxTagsOpen = _useState6[1];
+  var _useState7 = React$1.useState(1),
     _useState8 = _slicedToArray(_useState7, 2),
-    itemsTotal = _useState8[0],
-    setItemsTotal = _useState8[1];
-  var _useState9 = React$1.useState(false),
+    scrollPage = _useState8[0],
+    setScrollPage = _useState8[1];
+  var _useState9 = React$1.useState(0),
     _useState10 = _slicedToArray(_useState9, 2),
-    fetching = _useState10[0],
-    setFetching = _useState10[1];
-  var _useState11 = React$1.useState(''),
+    itemsTotal = _useState10[0],
+    setItemsTotal = _useState10[1];
+  var _useState11 = React$1.useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    searchValue = _useState12[0],
-    setSearchValue = _useState12[1];
-  var _useState13 = React$1.useState(false),
+    fetching = _useState12[0],
+    setFetching = _useState12[1];
+  var _useState13 = React$1.useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    isModalVisible = _useState14[0],
-    setIsModalVisible = _useState14[1];
-  var _useState15 = React$1.useState(initVal),
+    searchValue = _useState14[0],
+    setSearchValue = _useState14[1];
+  var _useState15 = React$1.useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    popvalue = _useState16[0],
-    setPopValue = _useState16[1];
-  var _useState17 = React$1.useState(resultSourceKey),
+    isModalVisible = _useState16[0],
+    setIsModalVisible = _useState16[1];
+  var _useState17 = React$1.useState(initVal),
     _useState18 = _slicedToArray(_useState17, 2),
-    uniqueValue = _useState18[0],
-    setUniqueValue = _useState18[1];
+    popvalue = _useState18[0],
+    setPopValue = _useState18[1];
+  var _useState19 = React$1.useState(resultSourceKey),
+    _useState20 = _slicedToArray(_useState19, 2),
+    uniqueValue = _useState20[0],
+    setUniqueValue = _useState20[1];
   var _useDebounceFn = ahooks.useDebounceFn(function (v) {
       // 优化搜索参数 支持传多个
       var searchParams = {};
@@ -4336,62 +4342,62 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   var _Form$useForm = antd.Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useState19 = React$1.useState(true),
-    _useState20 = _slicedToArray(_useState19, 2),
-    collapsed = _useState20[0],
-    setCollapsed = _useState20[1];
   var _useState21 = React$1.useState(true),
     _useState22 = _slicedToArray(_useState21, 2),
-    caretLeftFlag = _useState22[0],
-    setCaretLeftFlag = _useState22[1];
-  var _useState23 = React$1.useState([]),
+    collapsed = _useState22[0],
+    setCollapsed = _useState22[1];
+  var _useState23 = React$1.useState(true),
     _useState24 = _slicedToArray(_useState23, 2),
-    tableData = _useState24[0],
-    setTableData = _useState24[1];
-  var _useState25 = React$1.useState(tableInitPagination),
+    caretLeftFlag = _useState24[0],
+    setCaretLeftFlag = _useState24[1];
+  var _useState25 = React$1.useState([]),
     _useState26 = _slicedToArray(_useState25, 2),
-    tablePagination = _useState26[0],
-    setTablePagination = _useState26[1];
-  var _useState27 = React$1.useState([]),
+    tableData = _useState26[0],
+    setTableData = _useState26[1];
+  var _useState27 = React$1.useState(tableInitPagination),
     _useState28 = _slicedToArray(_useState27, 2),
-    selectedRowKeys = _useState28[0],
-    setSelectedRowKeys = _useState28[1];
+    tablePagination = _useState28[0],
+    setTablePagination = _useState28[1];
   var _useState29 = React$1.useState([]),
     _useState30 = _slicedToArray(_useState29, 2),
-    selectedRows = _useState30[0],
-    setSelectedRows = _useState30[1];
-  var _useState31 = React$1.useState(false),
+    selectedRowKeys = _useState30[0],
+    setSelectedRowKeys = _useState30[1];
+  var _useState31 = React$1.useState([]),
     _useState32 = _slicedToArray(_useState31, 2),
-    checkedAll = _useState32[0],
-    setCheckedAll = _useState32[1];
+    selectedRows = _useState32[0],
+    setSelectedRows = _useState32[1];
   var _useState33 = React$1.useState(false),
     _useState34 = _slicedToArray(_useState33, 2),
-    indeterminate = _useState34[0],
-    setIndeterminate = _useState34[1];
-  var _useState35 = React$1.useState({}),
+    checkedAll = _useState34[0],
+    setCheckedAll = _useState34[1];
+  var _useState35 = React$1.useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    tableFormParams = _useState36[0],
-    setTableFormParams = _useState36[1];
-  var _useState37 = React$1.useState(false),
+    indeterminate = _useState36[0],
+    setIndeterminate = _useState36[1];
+  var _useState37 = React$1.useState({}),
     _useState38 = _slicedToArray(_useState37, 2),
-    tooltipVisible = _useState38[0],
-    setTooltipVisible = _useState38[1];
-  var _useState39 = React$1.useState((modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableColumns) === null || _modalTableProps$tabl === void 0 ? void 0 : (_modalTableProps$tabl2 = _modalTableProps$tabl.filter(function (s) {
+    tableFormParams = _useState38[0],
+    setTableFormParams = _useState38[1];
+  var _useState39 = React$1.useState(false),
+    _useState40 = _slicedToArray(_useState39, 2),
+    tooltipVisible = _useState40[0],
+    setTooltipVisible = _useState40[1];
+  var _useState41 = React$1.useState((modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableColumns) === null || _modalTableProps$tabl === void 0 ? void 0 : (_modalTableProps$tabl2 = _modalTableProps$tabl.filter(function (s) {
       return typeof s.defaultSort == 'number';
     })) === null || _modalTableProps$tabl2 === void 0 ? void 0 : _modalTableProps$tabl2.sort(function (a, b) {
       return a.defaultSort - b.defaultSort;
     })) || []),
-    _useState40 = _slicedToArray(_useState39, 2),
-    tableShowColumns = _useState40[0],
-    setTabletShowColumns = _useState40[1];
-  var _useState41 = React$1.useState(false),
     _useState42 = _slicedToArray(_useState41, 2),
-    confirmLoading = _useState42[0],
-    setConfirmLoading = _useState42[1];
+    tableShowColumns = _useState42[0],
+    setTabletShowColumns = _useState42[1];
   var _useState43 = React$1.useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
-    modalSearched = _useState44[0],
-    setModalSearched = _useState44[1];
+    confirmLoading = _useState44[0],
+    setConfirmLoading = _useState44[1];
+  var _useState45 = React$1.useState(false),
+    _useState46 = _slicedToArray(_useState45, 2),
+    modalSearched = _useState46[0],
+    setModalSearched = _useState46[1];
   var setSelectDataSource = function setSelectDataSource(list, total) {
     setItems(list);
     setItemsTotal(total);
@@ -5230,6 +5236,8 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     nr && setSelectOpen(false);
   };
   var onDropdownVisibleChange = function onDropdownVisibleChange(visible) {
+    // 阻止maxTagPlaceholder点击事件触发下拉框展示事件
+    if (isMaxTagsOpen && !selectOpen) return;
     setSelectOpen(visible);
     // 关闭下拉框 如果首次本身就不展示数据的 没有选中数据-需要清空查询数据源; 首次展示的默认展示
     if (!visible && !(value === null || value === void 0 ? void 0 : value.length)) {
@@ -5325,20 +5333,34 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
       onChange(newValue);
     };
     return /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
-      title: selectedValues.map(function (i) {
+      overlayClassName: 'searchSelectMaxTagToolTip',
+      destroyTooltipOnHide: true,
+      placement: "topRight",
+      autoAdjustOverflow: false,
+      title: (/*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          margin: '6px 8px 0px'
+        },
+        onMouseEnter: function onMouseEnter() {
+          setIsMaxTagsOpen(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          setIsMaxTagsOpen(false);
+        }
+      }, selectedValues.map(function (i) {
         return /*#__PURE__*/React__default['default'].createElement(antd.Tag, {
           closable: true,
           onClose: function onClose(e) {
             return _onClose(e, i);
           },
           style: {
-            marginRight: 3,
+            margin: '0px 3px 3px 0px',
             background: '#f5f5f5',
             height: '24px',
             border: '1px solid #f0f0f0'
           }
         }, i.label);
-      })
+      })))
     }, "+ ".concat(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length));
   };
   var handleSelectOptionsShowValue = function handleSelectOptionsShowValue(specialBracket, noNeedSplit, item) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.0.12-alpha.12",
+  "version": "4.0.12-alpha.13",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Functional/SearchSelect/index.less

@@ -300,3 +300,11 @@
     height: 300px !important;
   }
 }
+
+.searchSelectMaxTagToolTip {
+  .ant-tooltip-inner {
+    max-height: 72px;
+    overflow-x: auto;
+    padding: 0px;
+  }
+}

package/src/components/Functional/SearchSelect/index.tsx

@@ -92,6 +92,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
 
   const [items, setItems] = useState([]);
   const [selectOpen, setSelectOpen] = useState(false);
+  const [isMaxTagsOpen, setIsMaxTagsOpen] = useState(false);
   const [scrollPage, setScrollPage] = useState(1);
   const [itemsTotal, setItemsTotal] = useState(0);
   const [fetching, setFetching] = useState(false);
@@ -922,6 +923,9 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   }
 
   const onDropdownVisibleChange = (visible) => {
+    // 阻止maxTagPlaceholder点击事件触发下拉框展示事件
+    if(isMaxTagsOpen && !selectOpen) return; 
+    
     setSelectOpen(visible); 
     // 关闭下拉框 如果首次本身就不展示数据的 没有选中数据-需要清空查询数据源; 首次展示的默认展示
     if (!visible && !value?.length) {
@@ -995,15 +999,33 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
       onChange(newValue);
     }
     return (
-      <Tooltip title={selectedValues.map((i: any) => (
-        <Tag
-          closable={true}
-          onClose={(e) => onClose(e, i)}
-          style={{ marginRight: 3, background: '#f5f5f5', height: '24px', border: '1px solid #f0f0f0' }}
-        >
-          {i.label}
-        </Tag>
-      ))}>
+      <Tooltip 
+        overlayClassName='searchSelectMaxTagToolTip'
+        destroyTooltipOnHide 
+        placement="topRight" 
+        autoAdjustOverflow={false} 
+        title={(
+          <div 
+            style={{ margin: '6px 8px 0px' }}
+            onMouseEnter={() => {
+              setIsMaxTagsOpen(true)
+            }}
+            onMouseLeave={() => {
+              setIsMaxTagsOpen(false)
+            }}
+          >
+            {selectedValues.map((i: any) => (
+              <Tag
+                closable={true}
+                onClose={(e) => onClose(e, i)}
+                style={{ margin: '0px 3px 3px 0px', background: '#f5f5f5', height: '24px', border: '1px solid #f0f0f0' }}
+              >
+                {i.label}
+              </Tag>
+            ))}
+          </div>
+        )}
+      >
         {`+ ${selectedValues?.length}`}
       </Tooltip>
     )

package/src/components/Functional/SearchSelect/utils.ts

@@ -47,9 +47,12 @@ export const getCurrentSRKs = (selectMode: any,labelInValue:boolean,value: any)
 }
 
 export const getRenderSource = (currentSRKs: any, items: any) => {
+  // 判空处理
+  if(!currentSRKs?.length) return items||[];
+
   // 创建映射对象 用于记录原始选中顺序
   const orderMap = new Map<number, number>();
-  currentSRKs.forEach((value: any, index: number) => {
+  currentSRKs?.forEach((value: any, index: number) => {
     orderMap.set(value, index);
   });