@bit-sun/business-component 4.0.13-alpha.4 → 4.0.13-alpha.6

package/dist/components/Business/BsSulaQueryTable/utils.d.ts

@@ -97,5 +97,5 @@ export declare function queryParams(params: any, flag?: any): any;
  * @returns boolean
  */
 export declare const authFn: (code?: any) => any;
-export declare const renderToString: (render: ReactElement<any, string | JSXElementConstructor<any>> | string) => any;
+export declare const renderToString: (render: ReactElement<any, string | JSXElementConstructor<any>> | string) => string;
 export {};

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

@@ -25,4 +25,5 @@ export declare const convertResData: (requestConfig: any, res: any, selectProps:
 export declare const handleSelectOptionsShowValue: (specialBracket: boolean, noNeedSplit: boolean, item: any) => any;
 export declare const LightHeightOption: (props: any) => React.JSX.Element;
 export declare const maxTagPlaceholder: (selectedValues: any, { selectProps, onChange, value, setIsMaxTagsOpen }: any) => React.JSX.Element;
+export declare const handleTableColumns: (tableColumns: any) => any;
 export declare const getShowStr: ({ viewShowValueStr, labelInValue, selectMode, value, items }: any) => any;

package/dist/index.esm.js

@@ -7,6 +7,7 @@ import memoizeOne from 'memoize-one';
 import { formatMessage, history, useLocation, Link, useModel, setLocale, useIntl, request as request$3 } from 'umi';
 import isEqual from 'lodash/isEqual';
 import React$1, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, Component, Fragment, useLayoutEffect, createRef } from 'react';
+import { renderToString as renderToString$1 } from 'react-dom/server';
 import moment$1 from 'moment';
 import { EyeOutlined, DeleteOutlined, EditOutlined, CopyOutlined, CloseSquareOutlined, WarningOutlined, SendOutlined, ProfileTwoTone, ExclamationCircleOutlined, DownOutlined, UnorderedListOutlined, DashOutlined, CaretUpOutlined, CaretDownOutlined, SearchOutlined, CloseCircleOutlined, DownCircleFilled, ArrowLeftOutlined, FolderOutlined, EllipsisOutlined, HomeOutlined, DoubleLeftOutlined, DoubleRightOutlined, MenuUnfoldOutlined, CaretLeftOutlined, SettingOutlined, BulbOutlined, PlayCircleOutlined, SaveOutlined, FullscreenExitOutlined, MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
 import { request as request$2, Table as Table$1, QueryTable, Form as Form$1 } from 'bssula';
@@ -1187,7 +1188,8 @@ var authFn = function authFn(code) {
 };
 // 可以将普通字符串 或者tsx 转换成字符串
 var renderToString = function renderToString(render) {
-  return render;
+  // return render;
+  return typeof render === 'string' ? render : renderToString$1(render);
 };
 
 function downloadExcel(data, fileName, isResUrl) {
@@ -4463,6 +4465,16 @@ var maxTagPlaceholder = function maxTagPlaceholder(selectedValues, _ref3) {
     })))
   }, "+ ".concat(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length));
 };
+// 弹窗数据表头处理
+var handleTableColumns = function handleTableColumns(tableColumns) {
+  // 按照默认设置排序 > 没有排序字段的展示所有列表头 > 没有表头列不展示
+  var showTableColumns = (tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.filter(function (s) {
+    return typeof s.defaultSort == 'number';
+  })) || tableColumns || [];
+  return (showTableColumns === null || showTableColumns === void 0 ? void 0 : showTableColumns.sort(function (a, b) {
+    return a.defaultSort - b.defaultSort;
+  })) || [];
+};
 // ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------
 // ------------------------------------------ 选中数据展示 相关处理--开始----------------------------------------
 var getShowLabelTextStr = function getShowLabelTextStr(_ref4) {
@@ -4799,7 +4811,7 @@ function ToCDB$1(selectStr) {
   return tmp;
 }
 
-var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !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(100% + 110px) !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  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";
+var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !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(100% + 110px) !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.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  visibility: hidden;\n  padding: 0;\n  margin: 0;\n  width: 0;\n  height: 0;\n  min-width: 0;\n  min-height: 0;\n  border: none;\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 .ant-radio-wrapper,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column .ant-radio-wrapper {\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  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$6);
 
 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";
@@ -5221,7 +5233,7 @@ var PropertySelector = function PropertySelector(_ref) {
 
 var Option$1 = Select.Option;
 var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _pathname$match, _modalTableProps$tabl, _modalTableProps$tabl2;
+  var _pathname$match;
   var value = props.value,
     onChangeTemp = props.onChange,
     _props$selectProps = props.selectProps,
@@ -5444,14 +5456,10 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _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;
-    })) || []),
+  var _useState41 = useState(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns)),
     _useState42 = _slicedToArray(_useState41, 2),
     tableShowColumns = _useState42[0],
-    setTabletShowColumns = _useState42[1];
+    setTabletShowColumns = _useState42[1]; // 默认展示表头-modalTableProps?.tableColumns
   var _useState43 = useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
     confirmLoading = _useState44[0],
@@ -5653,6 +5661,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [value]);
   useEffect(function () {
     setUniqueValue(makeUniqueValue());
+    setTabletShowColumns(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns));
   }, [resultSourceKey]);
   useEffect(function () {
     if (init) {

package/dist/index.js

@@ -11,6 +11,7 @@ var memoizeOne = require('memoize-one');
 var umi = require('umi');
 var isEqual = require('lodash/isEqual');
 var React$1 = require('react');
+var ReactDOMServer = require('react-dom/server');
 var moment$1 = require('moment');
 var icons = require('@ant-design/icons');
 var bssula = require('bssula');
@@ -1210,7 +1211,8 @@ var authFn = function authFn(code) {
 };
 // 可以将普通字符串 或者tsx 转换成字符串
 var renderToString = function renderToString(render) {
-  return render;
+  // return render;
+  return typeof render === 'string' ? render : ReactDOMServer.renderToString(render);
 };
 
 function downloadExcel(data, fileName, isResUrl) {
@@ -4486,6 +4488,16 @@ var maxTagPlaceholder = function maxTagPlaceholder(selectedValues, _ref3) {
     })))
   }, "+ ".concat(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length));
 };
+// 弹窗数据表头处理
+var handleTableColumns = function handleTableColumns(tableColumns) {
+  // 按照默认设置排序 > 没有排序字段的展示所有列表头 > 没有表头列不展示
+  var showTableColumns = (tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.filter(function (s) {
+    return typeof s.defaultSort == 'number';
+  })) || tableColumns || [];
+  return (showTableColumns === null || showTableColumns === void 0 ? void 0 : showTableColumns.sort(function (a, b) {
+    return a.defaultSort - b.defaultSort;
+  })) || [];
+};
 // ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------
 // ------------------------------------------ 选中数据展示 相关处理--开始----------------------------------------
 var getShowLabelTextStr = function getShowLabelTextStr(_ref4) {
@@ -4822,7 +4834,7 @@ function ToCDB$1(selectStr) {
   return tmp;
 }
 
-var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !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(100% + 110px) !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  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";
+var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !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(100% + 110px) !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.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  visibility: hidden;\n  padding: 0;\n  margin: 0;\n  width: 0;\n  height: 0;\n  min-width: 0;\n  min-height: 0;\n  border: none;\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 .ant-radio-wrapper,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column .ant-radio-wrapper {\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  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$6);
 
 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";
@@ -5244,7 +5256,7 @@ var PropertySelector = function PropertySelector(_ref) {
 
 var Option$1 = antd.Select.Option;
 var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
-  var _pathname$match, _modalTableProps$tabl, _modalTableProps$tabl2;
+  var _pathname$match;
   var value = props.value,
     onChangeTemp = props.onChange,
     _props$selectProps = props.selectProps,
@@ -5467,14 +5479,10 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     _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;
-    })) || []),
+  var _useState41 = React$1.useState(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns)),
     _useState42 = _slicedToArray(_useState41, 2),
     tableShowColumns = _useState42[0],
-    setTabletShowColumns = _useState42[1];
+    setTabletShowColumns = _useState42[1]; // 默认展示表头-modalTableProps?.tableColumns
   var _useState43 = React$1.useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
     confirmLoading = _useState44[0],
@@ -5676,6 +5684,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   }, [value]);
   React$1.useEffect(function () {
     setUniqueValue(makeUniqueValue());
+    setTabletShowColumns(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns));
   }, [resultSourceKey]);
   React$1.useEffect(function () {
     if (init) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.0.13-alpha.4",
+  "version": "4.0.13-alpha.6",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -53,6 +53,7 @@
     "querystring": "^0.2.1",
     "react": "^16.12.0",
     "react-beautiful-dnd": "10.0.0",
+    "react-dom": "^16.12.0",
     "react-resizable": "^3.0.4",
     "react-sortable-hoc": "^2.0.0",
     "serialize-javascript": "^6.0.0",

package/src/components/Business/BsSulaQueryTable/utils.tsx

@@ -1,5 +1,6 @@
 // @ts-nocheck
 import React, { useState } from 'react';
+import * as ReactDOMServer from 'react-dom/server';
 import {
   Tooltip,
   Badge,
@@ -722,7 +723,7 @@ export const authFn = (code?: any) => {
 export const renderToString = (
   render: ReactElement<any, string | JSXElementConstructor<any>> | string,
 ) => {
-  return render;
+  // return render;
   return typeof render === 'string'
     ? render
     : ReactDOMServer.renderToString(render);

package/src/components/Functional/QueryMutipleSelect/index.md

@@ -9,7 +9,7 @@ title: 批量搜索查询组件
 order: 2
 ---
 
-## QueryMutipleInput
+## QueryMutipleSearchSelect
 
 Demo:
 
@@ -20,8 +20,7 @@ import { QueryMutipleSearchSelect } from '../../../index';
 export default () => {
   const requestConfig = {
     url: '/items/item/listNoPage/Simple',
-    filter: 'qp-name-like', // qp-itemCode-like
-    // filter: 'qp-skuCode,name-orGroup,like',
+    filter: 'qp-itemCode,name-orGroup,like',
     mappingTextField: 'name',
     mappingValueField: 'itemCode',
     sourceName: 'qp-itemCode-in'

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

@@ -73,11 +73,6 @@
   &_dropdown_table {
     // padding: 4px 10px 6px;
 
-    // 下拉table 复选框为单选时候隐藏
-    .ant-table-cell .ant-table-selection-column .ant-radio,table tr td.ant-table-selection-column .ant-radio-wrapper {
-      display: none;
-    }
-
     // 下拉table 表头表体样式
     .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
       font-family: MiSans-Regular;
@@ -103,7 +98,18 @@
     .ant-table.ant-table-bordered > .ant-table-container {
       .ant-table-body > table > tbody > tr > td.ant-table-selection-column,
       .ant-table-header > table > thead > tr > th.ant-table-selection-column {
-        display: none;
+        visibility: hidden; // 不使用 display: none; 是因为此设置不占位，会导致表格scroll.x: 'max-content' 计算不准确
+        padding: 0;
+        margin: 0;
+        width: 0;
+        height: 0;
+        min-width: 0;
+        min-height: 0;
+        border: none;
+
+        .ant-radio-wrapper {
+          display: none;
+        }
       }
     }
   }

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

@@ -7,7 +7,7 @@ import request from '@/utils/request';
 import _, { escapeRegExp, isNil, values } from "lodash"
 import './index.less';
 import { BusinessSearchSelect, QueryMutipleInput, QueryMutipleSearchSelect } from '@/index';
-import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr }  from './utils';
+import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr, handleTableColumns }  from './utils';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 import PropertySelector from '@/components/Business/PropertyModal';
@@ -140,7 +140,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   const [indeterminate, setIndeterminate] = useState(false)
   const [tableFormParams, setTableFormParams] = useState({});
   const [tooltipVisible, setTooltipVisible] = useState(false);
-  const [tableShowColumns, setTabletShowColumns] = useState(modalTableProps?.tableColumns?.filter(s => typeof s.defaultSort == 'number')?.sort((a,b)=> a.defaultSort-b.defaultSort)||[]);
+  const [tableShowColumns, setTabletShowColumns] = useState(handleTableColumns(modalTableProps?.tableColumns)); // 默认展示表头-modalTableProps?.tableColumns
   const [confirmLoading, setConfirmLoading] = useState(false);
   const [modalSearched, setModalSearched]=useState(false);
 
@@ -322,6 +322,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
 
   useEffect(() => {
     setUniqueValue(makeUniqueValue());
+    setTabletShowColumns(handleTableColumns(modalTableProps?.tableColumns));
   }, [resultSourceKey])
 
   useEffect(() => {

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

@@ -397,6 +397,13 @@ export const maxTagPlaceholder = (selectedValues: any, { selectProps, onChange,
   )
 }
 
+// 弹窗数据表头处理
+export const handleTableColumns = (tableColumns: any) => {
+  // 按照默认设置排序 > 没有排序字段的展示所有列表头 > 没有表头列不展示
+  const showTableColumns = tableColumns?.filter((s: any) => typeof s.defaultSort == 'number')||tableColumns||[];
+  return showTableColumns?.sort((a: any,b: any)=> a.defaultSort-b.defaultSort)||[]
+};
+
 // ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------