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

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

@@ -10,3 +10,5 @@ export declare const getVisibleFieldsCount: (modalTableProps: any) => any;
 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;

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; // 每行的列数
@@ -4083,6 +4083,7 @@ var ColSpan = 6; // 查询条件 每行col = 24 /columnsPerRow
 var handleSourceName = function handleSourceName(sName) {
   return sName;
 };
+// ------------------------------------------处理样式相关--开始----------------------------------------
 var getFormRowInfo = function getFormRowInfo(list) {
   var totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
   var lastRowColumns = (list.length + 1) % columnsPerRow; // 计算最后一行的实际列数
@@ -4123,6 +4124,36 @@ var getTableHeigth = function getTableHeigth(list) {
   if (totalRows == 1) return 358; // modal弹窗760 调整为700 适应小屏     
   return 411 - totalRows * 10;
 };
+// ------------------------------------------处理样式相关--结束----------------------------------------
+// ------------------------------------------处理数据相关--开始----------------------------------------
+var getCurrentSRKs = function getCurrentSRKs(selectMode, labelInValue, value) {
+  return selectMode ? labelInValue ? value === null || value === void 0 ? void 0 : value.map(function (s) {
+    return (s === null || s === void 0 ? void 0 : s.value) || s;
+  }) : 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 === null || currentSRKs === void 0 ? void 0 : currentSRKs.forEach(function (value, index) {
+    orderMap.set(value, index);
+  });
+  // 被选中数据集合，获取之后排序
+  var selectedOption = (items === null || items === void 0 ? void 0 : items.filter(function (option) {
+    return currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value);
+  })) || [];
+  var selectedOptionSort = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.sort(function (a, b) {
+    var _orderMap$get, _orderMap$get2;
+    return ((_orderMap$get = orderMap.get(a.value)) !== null && _orderMap$get !== void 0 ? _orderMap$get : Infinity) - ((_orderMap$get2 = orderMap.get(b.value)) !== null && _orderMap$get2 !== void 0 ? _orderMap$get2 : Infinity);
+  })) || [];
+  // 未选中数据集合
+  var otherOptions = (items === null || items === void 0 ? void 0 : items.filter(function (option) {
+    return !(currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value));
+  })) || [];
+  return [].concat(_toConsumableArray(selectedOptionSort), _toConsumableArray(otherOptions));
+};
+// ------------------------------------------处理数据相关--结束----------------------------------------
 
 var zhankaitiaojian = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Ezhankaitiaojian-icon%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate%28-702.000000%2C%20-498.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22zhankaitiaojian-icon%22%20transform%3D%22translate%28702.000000%2C%20498.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0142082%2C6%20L18%2C11.9972435%20L12.0142082%2C18%20L11.04209%2C17.0260337%20L16.0562218%2C11.9972435%20L11.04209%2C6.97396631%20L12.0142082%2C6%20Z%20M6.97257658%2C6%20L12.9583683%2C11.9972435%20L6.97257658%2C18%20L6.00091666%2C17.0260337%20L11.0150485%2C11.9972435%20L6%2C6.97396631%20L6.97257658%2C6%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%20fill%3D%22%23005CFF%22%20fill-rule%3D%22nonzero%22%20mask%3D%22url%28%23mask-2%29%22%20transform%3D%22translate%2812.000000%2C%2012.000000%29%20rotate%28-270.000000%29%20translate%28-12.000000%2C%20-12.000000%29%20%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
@@ -4228,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 = {};
@@ -4284,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);
@@ -4588,6 +4623,19 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           });
         })) : [];
       }
+      // 补充搜索项--选中的数据添加到数据源中去
+      var currentSRKs = getCurrentSRKs(selectMode, labelInValue, value);
+      if ((currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.length) && (currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.some(function (s) {
+        var _source;
+        return !((_source = source) === null || _source === void 0 ? void 0 : _source.find(function (r) {
+          return r.value == s;
+        }));
+      }))) {
+        var selectedOption = items.filter(function (option) {
+          return currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value);
+        }) || [];
+        source = (source || []).concat(selectedOption);
+      }
       // 数据源 不可以有重复key
       source = Array.isArray(source) ? _.uniqBy(source, 'value') : [];
       if (callback) {
@@ -5165,13 +5213,20 @@ 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)) {
-      resetSelectDataSource();
+      setTimeout(function () {
+        // 延时 是为了避免 执行时候出现下拉框弹两次的问题-可以看到数据源从展示到显示空数据框的问题
+        resetSelectDataSource();
+      }, 200);
     }
   };
   var renderTable = function renderTable(dataSource) {
+    var currentSRKs = getCurrentSRKs(selectMode, labelInValue, value);
+    var renderSource = getRenderSource(currentSRKs, items);
     return /*#__PURE__*/React$1.createElement("div", {
       className: "search_select_dropdown_table ".concat(!selectMode ? 'search_select_dropdown_table1' : '')
     }, /*#__PURE__*/React$1.createElement(Table, _objectSpread2(_objectSpread2({
@@ -5181,9 +5236,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       rowSelection: {
         type: 'checkbox',
         columnWidth: '24px',
-        selectedRowKeys: labelInValue ? value === null || value === void 0 ? void 0 : value.map(function (s) {
-          return (s === null || s === void 0 ? void 0 : s.value) || s;
-        }) : value,
+        selectedRowKeys: currentSRKs,
         preserveSelectedRowKeys: true,
         onChange: function onChange(sks, srs) {
           var oldSelect = (value === null || value === void 0 ? void 0 : value.map(function (s) {
@@ -5224,7 +5277,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       rowSelection: {
         type: 'radio',
         columnWidth: 0,
-        selectedRowKeys: labelInValue ? (value === null || value === void 0 ? void 0 : value.value) && [value === null || value === void 0 ? void 0 : value.value] || [] : value && [value] || []
+        selectedRowKeys: currentSRKs
       },
       onRow: function onRow(record, rowKey) {
         return {
@@ -5236,7 +5289,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }), {}, {
       columns: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.renderTableColumns) || [],
-      dataSource: items,
+      dataSource: renderSource,
       size: "middle",
       pagination: false,
       rowKey: mappingValueField,
@@ -5257,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; // 每行的列数
@@ -4106,6 +4106,7 @@ var ColSpan = 6; // 查询条件 每行col = 24 /columnsPerRow
 var handleSourceName = function handleSourceName(sName) {
   return sName;
 };
+// ------------------------------------------处理样式相关--开始----------------------------------------
 var getFormRowInfo = function getFormRowInfo(list) {
   var totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
   var lastRowColumns = (list.length + 1) % columnsPerRow; // 计算最后一行的实际列数
@@ -4146,6 +4147,36 @@ var getTableHeigth = function getTableHeigth(list) {
   if (totalRows == 1) return 358; // modal弹窗760 调整为700 适应小屏     
   return 411 - totalRows * 10;
 };
+// ------------------------------------------处理样式相关--结束----------------------------------------
+// ------------------------------------------处理数据相关--开始----------------------------------------
+var getCurrentSRKs = function getCurrentSRKs(selectMode, labelInValue, value) {
+  return selectMode ? labelInValue ? value === null || value === void 0 ? void 0 : value.map(function (s) {
+    return (s === null || s === void 0 ? void 0 : s.value) || s;
+  }) : 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 === null || currentSRKs === void 0 ? void 0 : currentSRKs.forEach(function (value, index) {
+    orderMap.set(value, index);
+  });
+  // 被选中数据集合，获取之后排序
+  var selectedOption = (items === null || items === void 0 ? void 0 : items.filter(function (option) {
+    return currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value);
+  })) || [];
+  var selectedOptionSort = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.sort(function (a, b) {
+    var _orderMap$get, _orderMap$get2;
+    return ((_orderMap$get = orderMap.get(a.value)) !== null && _orderMap$get !== void 0 ? _orderMap$get : Infinity) - ((_orderMap$get2 = orderMap.get(b.value)) !== null && _orderMap$get2 !== void 0 ? _orderMap$get2 : Infinity);
+  })) || [];
+  // 未选中数据集合
+  var otherOptions = (items === null || items === void 0 ? void 0 : items.filter(function (option) {
+    return !(currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value));
+  })) || [];
+  return [].concat(_toConsumableArray(selectedOptionSort), _toConsumableArray(otherOptions));
+};
+// ------------------------------------------处理数据相关--结束----------------------------------------
 
 var zhankaitiaojian = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Ezhankaitiaojian-icon%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate%28-702.000000%2C%20-498.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22zhankaitiaojian-icon%22%20transform%3D%22translate%28702.000000%2C%20498.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0142082%2C6%20L18%2C11.9972435%20L12.0142082%2C18%20L11.04209%2C17.0260337%20L16.0562218%2C11.9972435%20L11.04209%2C6.97396631%20L12.0142082%2C6%20Z%20M6.97257658%2C6%20L12.9583683%2C11.9972435%20L6.97257658%2C18%20L6.00091666%2C17.0260337%20L11.0150485%2C11.9972435%20L6%2C6.97396631%20L6.97257658%2C6%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%20fill%3D%22%23005CFF%22%20fill-rule%3D%22nonzero%22%20mask%3D%22url%28%23mask-2%29%22%20transform%3D%22translate%2812.000000%2C%2012.000000%29%20rotate%28-270.000000%29%20translate%28-12.000000%2C%20-12.000000%29%20%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
@@ -4251,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 = {};
@@ -4307,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);
@@ -4611,6 +4646,19 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
           });
         })) : [];
       }
+      // 补充搜索项--选中的数据添加到数据源中去
+      var currentSRKs = getCurrentSRKs(selectMode, labelInValue, value);
+      if ((currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.length) && (currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.some(function (s) {
+        var _source;
+        return !((_source = source) === null || _source === void 0 ? void 0 : _source.find(function (r) {
+          return r.value == s;
+        }));
+      }))) {
+        var selectedOption = items.filter(function (option) {
+          return currentSRKs === null || currentSRKs === void 0 ? void 0 : currentSRKs.includes(option.value);
+        }) || [];
+        source = (source || []).concat(selectedOption);
+      }
       // 数据源 不可以有重复key
       source = Array.isArray(source) ? ___default['default'].uniqBy(source, 'value') : [];
       if (callback) {
@@ -5188,13 +5236,20 @@ 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)) {
-      resetSelectDataSource();
+      setTimeout(function () {
+        // 延时 是为了避免 执行时候出现下拉框弹两次的问题-可以看到数据源从展示到显示空数据框的问题
+        resetSelectDataSource();
+      }, 200);
     }
   };
   var renderTable = function renderTable(dataSource) {
+    var currentSRKs = getCurrentSRKs(selectMode, labelInValue, value);
+    var renderSource = getRenderSource(currentSRKs, items);
     return /*#__PURE__*/React__default['default'].createElement("div", {
       className: "search_select_dropdown_table ".concat(!selectMode ? 'search_select_dropdown_table1' : '')
     }, /*#__PURE__*/React__default['default'].createElement(antd.Table, _objectSpread2(_objectSpread2({
@@ -5204,9 +5259,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
       rowSelection: {
         type: 'checkbox',
         columnWidth: '24px',
-        selectedRowKeys: labelInValue ? value === null || value === void 0 ? void 0 : value.map(function (s) {
-          return (s === null || s === void 0 ? void 0 : s.value) || s;
-        }) : value,
+        selectedRowKeys: currentSRKs,
         preserveSelectedRowKeys: true,
         onChange: function onChange(sks, srs) {
           var oldSelect = (value === null || value === void 0 ? void 0 : value.map(function (s) {
@@ -5247,7 +5300,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
       rowSelection: {
         type: 'radio',
         columnWidth: 0,
-        selectedRowKeys: labelInValue ? (value === null || value === void 0 ? void 0 : value.value) && [value === null || value === void 0 ? void 0 : value.value] || [] : value && [value] || []
+        selectedRowKeys: currentSRKs
       },
       onRow: function onRow(record, rowKey) {
         return {
@@ -5259,7 +5312,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
       }
     }), {}, {
       columns: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.renderTableColumns) || [],
-      dataSource: items,
+      dataSource: renderSource,
       size: "middle",
       pagination: false,
       rowKey: mappingValueField,
@@ -5280,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.11",
+  "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

@@ -8,7 +8,7 @@ import { stringify } from 'querystring';
 import _, { escapeRegExp, isNil, values } from "lodash"
 import './index.less';
 import { BusinessSearchSelect, QueryMutipleInput } from '@/index';
-import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth }  from './utils';
+import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource }  from './utils';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 
@@ -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);
@@ -403,8 +404,15 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
               })
             : [];
         }
+        // 补充搜索项--选中的数据添加到数据源中去
+        const currentSRKs = getCurrentSRKs(selectMode,labelInValue,value)
+        if(currentSRKs?.length && currentSRKs?.some(s=> !source?.find(r=> r.value==s))) {
+          const selectedOption = items.filter(option => currentSRKs?.includes(option.value))||[];
+          source = (source||[]).concat(selectedOption)
+        }
         // 数据源 不可以有重复key
         source = Array.isArray(source) ? _.uniqBy(source, 'value') : [];
+        
         if(callback) {
           callback(source)
         } else {
@@ -915,13 +923,22 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   }
 
   const onDropdownVisibleChange = (visible) => {
+    // 阻止maxTagPlaceholder点击事件触发下拉框展示事件
+    if(isMaxTagsOpen && !selectOpen) return; 
+    
     setSelectOpen(visible); 
     // 关闭下拉框 如果首次本身就不展示数据的 没有选中数据-需要清空查询数据源; 首次展示的默认展示
     if (!visible && !value?.length) {
-      resetSelectDataSource()
+      setTimeout(() => {
+        // 延时 是为了避免 执行时候出现下拉框弹两次的问题-可以看到数据源从展示到显示空数据框的问题
+        resetSelectDataSource()
+      }, 200)
     }
   }
   const renderTable = (dataSource) => {
+    const currentSRKs = getCurrentSRKs(selectMode,labelInValue,value)
+    const renderSource = getRenderSource(currentSRKs,items)
+
     return (
       <div className={`search_select_dropdown_table ${!selectMode?'search_select_dropdown_table1':''}`}>
         <Table
@@ -931,7 +948,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
             rowSelection: {
               type: 'checkbox',  
               columnWidth: '24px',
-              selectedRowKeys: labelInValue ? value?.map(s=> (s?.value||s)) : value,
+              selectedRowKeys: currentSRKs,
               preserveSelectedRowKeys: true, // 避免搜索之后 没有了选中前的数据 保证sks的正确性
               onChange: (sks, srs) => {
                 const oldSelect = value?.map(s => ({ value: s?.value||s }))||[];
@@ -955,7 +972,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
             rowSelection: {
               type: 'radio',
               columnWidth: 0,
-              selectedRowKeys: labelInValue ? value?.value&&[value?.value]||[] : value&&[value]||[],
+              selectedRowKeys: currentSRKs,
             },
             onRow: (record, rowKey) => ({
               onClick: event => {
@@ -965,7 +982,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
             })
           })}
           columns={selectProps?.renderTableColumns||[]}
-          dataSource={items}
+          dataSource={renderSource}
           size="middle"
           pagination={false}
           rowKey={mappingValueField}
@@ -982,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

@@ -4,6 +4,7 @@ export const handleSourceName = (sName: any) => {
   return sName
 }
 
+// ------------------------------------------处理样式相关--开始----------------------------------------
 export const getFormRowInfo = (list: any) => {
   const totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
   const lastRowColumns = (list.length+1) % columnsPerRow; // 计算最后一行的实际列数
@@ -35,4 +36,39 @@ export const getTableHeigth = (list: any) => {
   const totalRows = Math.ceil((list?.length+1) / 4);
   if(totalRows == 1) return 358;  // modal弹窗760 调整为700 适应小屏     
   return 411 - totalRows*10  
-}
+}
+
+// ------------------------------------------处理样式相关--结束----------------------------------------
+
+
+// ------------------------------------------处理数据相关--开始----------------------------------------
+export const getCurrentSRKs = (selectMode: any,labelInValue:boolean,value: any) => {
+  return selectMode ? (labelInValue ? value?.map((s: any)=> (s?.value||s)) : value) : (labelInValue ? value?.value&&[value?.value]||[] : value&&[value]||[])
+}
+
+export const getRenderSource = (currentSRKs: any, items: any) => {
+  // 判空处理
+  if(!currentSRKs?.length) return items||[];
+
+  // 创建映射对象 用于记录原始选中顺序
+  const orderMap = new Map<number, number>();
+  currentSRKs?.forEach((value: any, index: number) => {
+    orderMap.set(value, index);
+  });
+
+  // 被选中数据集合，获取之后排序
+  const selectedOption = items?.filter((option: any) => currentSRKs?.includes(option.value))||[];
+  const selectedOptionSort = selectedOption?.sort((a: any, b: any) => {
+    return (orderMap.get(a.value) ?? Infinity) - (orderMap.get(b.value) ?? Infinity);
+  })||[];
+
+  // 未选中数据集合
+  const otherOptions = items?.filter((option: any) => !currentSRKs?.includes(option.value))||[];
+
+  return [
+    ...selectedOptionSort,
+    ...otherOptions
+  ]
+}
+
+// ------------------------------------------处理数据相关--结束----------------------------------------