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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/Functional/SearchSelect/utils.d.ts +3 -0
  2. package/dist/index.esm.js +23 -12
  3. package/dist/index.js +23 -12
  4. package/package.json +1 -1
  5. package/src/components/Functional/SearchSelect/index.tsx +15 -12
  6. package/src/components/Functional/SearchSelect/utils.ts +7 -1
package/dist/components/Functional/SearchSelect/utils.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ export declare const columnsPerRow = 4;
2
+ export declare const ColSpan = 6;
1
3
  export declare const handleSourceName: (sName: any) => any;
2
4
  export declare const getFormRowInfo: (list: any) => {
3
5
  totalRows: number;
@@ -7,3 +9,4 @@ export declare const defaultVisibleFieldsCount = 7;
7
9
  export declare const getVisibleFieldsCount: (modalTableProps: any) => any;
8
10
  export declare const hasMoreQueryFields: (modalTableProps: any) => boolean;
9
11
  export declare const getRealStr: (oldSelect: any, newSelect: any, record: any) => any;
12
+ export declare const getTableHeigth: (list: any) => number;
package/dist/index.esm.js CHANGED
@@ -4074,11 +4074,12 @@ function ToCDB(str) {
4074
4074
  var css_248z$5 = ".search_select_show {\n display: flex;\n}\n.search_select_show .ant-select-clear {\n right: 33px;\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}\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: 684px;\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";
4075
4075
  styleInject(css_248z$5);
4076
4076
 
4077
+ var columnsPerRow = 4; // 每行的列数
4078
+ var ColSpan = 6; // 查询条件 每行col = 24 /columnsPerRow
4077
4079
  var handleSourceName = function handleSourceName(sName) {
4078
4080
  return sName;
4079
4081
  };
4080
4082
  var getFormRowInfo = function getFormRowInfo(list) {
4081
- var columnsPerRow = 4; // 每行的列数
4082
4083
  var totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
4083
4084
  var lastRowColumns = (list.length + 1) % columnsPerRow; // 计算最后一行的实际列数
4084
4085
  var emptySlots = lastRowColumns === 0 ? 0 : columnsPerRow - lastRowColumns; // 计算最后一行的空位数
@@ -4113,11 +4114,14 @@ var getRealStr = function getRealStr(oldSelect, newSelect, record) {
4113
4114
  return s.value != record.value;
4114
4115
  }) : [].concat(_toConsumableArray(oldSelect), _toConsumableArray(newSelect)) : newSelect;
4115
4116
  };
4117
+ var getTableHeigth = function getTableHeigth(list) {
4118
+ var totalRows = Math.ceil(((list === null || list === void 0 ? void 0 : list.length) + 1) / 4);
4119
+ return 548 - totalRows * 10;
4120
+ };
4116
4121
 
4117
4122
  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";
4118
4123
 
4119
4124
  var Option$1 = Select.Option;
4120
- var ColSpan = 6;
4121
4125
  var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
4122
4126
  var _modalTableProps$tabl, _modalTableProps$tabl2;
4123
4127
  var value = props.value,
@@ -4893,14 +4897,20 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
4893
4897
  };
4894
4898
  }
4895
4899
  };
4896
- var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
4897
- if (!((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4900
+ var onRowClickSelect = function onRowClickSelect(e, record, type) {
4901
+ if (selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4902
+ var oldSelect = selectedRows;
4903
+ var newSelect = [JSON.parse(JSON.stringify(record))];
4904
+ var srs = getRealStr(oldSelect, newSelect, record);
4905
+ var sks = srs.map(function (i) {
4906
+ return i.value;
4907
+ });
4908
+ onChangeSelectedKeys(sks, srs);
4909
+ }
4910
+ };
4911
+ var onDoubleClickSelect = function onDoubleClickSelect(e, record, type) {
4912
+ if (!selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4898
4913
  var srs = [JSON.parse(JSON.stringify(record))];
4899
- if (selectMode) {
4900
- var oldSelect = selectedRows;
4901
- var newSelect = [JSON.parse(JSON.stringify(record))];
4902
- srs = getRealStr(oldSelect, newSelect, record);
4903
- }
4904
4914
  var sks = srs.map(function (i) {
4905
4915
  return i.value;
4906
4916
  });
@@ -5037,9 +5047,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
5037
5047
  // bsTableCode={bsTableCode}
5038
5048
  // />
5039
5049
  var renderShowTable = function renderShowTable(tableList, type) {
5040
- var _getFormRowInfo2 = getFormRowInfo(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm),
5041
- totalRows = _getFormRowInfo2.totalRows;
5042
- var tableBoxHeighth = 548 - totalRows * 10;
5050
+ var tableBoxHeighth = getTableHeigth(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm);
5043
5051
  return /*#__PURE__*/React$1.createElement("div", {
5044
5052
  style: {
5045
5053
  height: "".concat(tableBoxHeighth, "px")
@@ -5070,6 +5078,9 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
5070
5078
  },
5071
5079
  onRow: function onRow(record) {
5072
5080
  return {
5081
+ onClick: function onClick(event) {
5082
+ return onRowClickSelect(event, record);
5083
+ },
5073
5084
  onDoubleClick: function onDoubleClick(event) {
5074
5085
  return onDoubleClickSelect(event, record);
5075
5086
  }
package/dist/index.js CHANGED
@@ -4097,11 +4097,12 @@ function ToCDB(str) {
4097
4097
  var css_248z$5 = ".search_select_show {\n display: flex;\n}\n.search_select_show .ant-select-clear {\n right: 33px;\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}\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: 684px;\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";
4098
4098
  styleInject(css_248z$5);
4099
4099
 
4100
+ var columnsPerRow = 4; // 每行的列数
4101
+ var ColSpan = 6; // 查询条件 每行col = 24 /columnsPerRow
4100
4102
  var handleSourceName = function handleSourceName(sName) {
4101
4103
  return sName;
4102
4104
  };
4103
4105
  var getFormRowInfo = function getFormRowInfo(list) {
4104
- var columnsPerRow = 4; // 每行的列数
4105
4106
  var totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
4106
4107
  var lastRowColumns = (list.length + 1) % columnsPerRow; // 计算最后一行的实际列数
4107
4108
  var emptySlots = lastRowColumns === 0 ? 0 : columnsPerRow - lastRowColumns; // 计算最后一行的空位数
@@ -4136,11 +4137,14 @@ var getRealStr = function getRealStr(oldSelect, newSelect, record) {
4136
4137
  return s.value != record.value;
4137
4138
  }) : [].concat(_toConsumableArray(oldSelect), _toConsumableArray(newSelect)) : newSelect;
4138
4139
  };
4140
+ var getTableHeigth = function getTableHeigth(list) {
4141
+ var totalRows = Math.ceil(((list === null || list === void 0 ? void 0 : list.length) + 1) / 4);
4142
+ return 548 - totalRows * 10;
4143
+ };
4139
4144
 
4140
4145
  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";
4141
4146
 
4142
4147
  var Option$1 = antd.Select.Option;
4143
- var ColSpan = 6;
4144
4148
  var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
4145
4149
  var _modalTableProps$tabl, _modalTableProps$tabl2;
4146
4150
  var value = props.value,
@@ -4916,14 +4920,20 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
4916
4920
  };
4917
4921
  }
4918
4922
  };
4919
- var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
4920
- if (!((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4923
+ var onRowClickSelect = function onRowClickSelect(e, record, type) {
4924
+ if (selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4925
+ var oldSelect = selectedRows;
4926
+ var newSelect = [JSON.parse(JSON.stringify(record))];
4927
+ var srs = getRealStr(oldSelect, newSelect, record);
4928
+ var sks = srs.map(function (i) {
4929
+ return i.value;
4930
+ });
4931
+ onChangeSelectedKeys(sks, srs);
4932
+ }
4933
+ };
4934
+ var onDoubleClickSelect = function onDoubleClickSelect(e, record, type) {
4935
+ if (!selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length && !tableData.length)) {
4921
4936
  var srs = [JSON.parse(JSON.stringify(record))];
4922
- if (selectMode) {
4923
- var oldSelect = selectedRows;
4924
- var newSelect = [JSON.parse(JSON.stringify(record))];
4925
- srs = getRealStr(oldSelect, newSelect, record);
4926
- }
4927
4937
  var sks = srs.map(function (i) {
4928
4938
  return i.value;
4929
4939
  });
@@ -5060,9 +5070,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
5060
5070
  // bsTableCode={bsTableCode}
5061
5071
  // />
5062
5072
  var renderShowTable = function renderShowTable(tableList, type) {
5063
- var _getFormRowInfo2 = getFormRowInfo(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm),
5064
- totalRows = _getFormRowInfo2.totalRows;
5065
- var tableBoxHeighth = 548 - totalRows * 10;
5073
+ var tableBoxHeighth = getTableHeigth(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm);
5066
5074
  return /*#__PURE__*/React__default['default'].createElement("div", {
5067
5075
  style: {
5068
5076
  height: "".concat(tableBoxHeighth, "px")
@@ -5093,6 +5101,9 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
5093
5101
  },
5094
5102
  onRow: function onRow(record) {
5095
5103
  return {
5104
+ onClick: function onClick(event) {
5105
+ return onRowClickSelect(event, record);
5106
+ },
5096
5107
  onDoubleClick: function onDoubleClick(event) {
5097
5108
  return onDoubleClickSelect(event, record);
5098
5109
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bit-sun/business-component",
3
- "version": "4.0.11-alpha.12",
3
+ "version": "4.0.11-alpha.13",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",
package/src/components/Functional/SearchSelect/index.tsx CHANGED
@@ -8,12 +8,11 @@ import { stringify } from 'querystring';
8
8
  import _, { escapeRegExp, isNil, values } from "lodash"
9
9
  import './index.less';
10
10
  import { BusinessSearchSelect, QueryMutipleInput } from '@/index';
11
- import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr } from './utils';
11
+ import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth } from './utils';
12
12
  import { judgeIsRequestError } from '@/utils/requestUtils';
13
13
  import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
14
14
 
15
15
  const { Option } = Select;
16
- const ColSpan = 6;
17
16
 
18
17
  const SearchSelect = forwardRef((props: any, ref: any) => {
19
18
  const {
@@ -703,19 +702,23 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
703
702
  },
704
703
  };
705
704
 
706
- const onDoubleClickSelect = (e, record) => {
707
- if (!(selectProps?.disabled || props?.disabled || (!items.length && !tableData.length))) {
708
- let srs = [JSON.parse(JSON.stringify(record))]
709
- if(selectMode) {
710
- const oldSelect = selectedRows;
711
- const newSelect = [JSON.parse(JSON.stringify(record))];
712
- srs = getRealStr(oldSelect,newSelect,record);
713
- }
705
+ const onRowClickSelect = (e, record,type) => {
706
+ if (selectMode && !(selectProps?.disabled || props?.disabled || (!items.length && !tableData.length))) {
707
+ const oldSelect = selectedRows;
708
+ const newSelect = [JSON.parse(JSON.stringify(record))];
709
+ const srs = getRealStr(oldSelect,newSelect,record);
714
710
  const sks = srs.map((i: any) => i.value)
715
711
 
716
712
  onChangeSelectedKeys(sks, srs)
717
713
  }
718
714
  }
715
+ const onDoubleClickSelect = (e, record,type) => {
716
+ if (!selectMode && !(selectProps?.disabled || props?.disabled || (!items.length && !tableData.length))) {
717
+ const srs = [JSON.parse(JSON.stringify(record))]
718
+ const sks = srs.map((i: any) => i.value)
719
+ onChangeSelectedKeys(sks, srs)
720
+ }
721
+ }
719
722
 
720
723
  const themeColor = { color: '#005cff' }
721
724
 
@@ -810,8 +813,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
810
813
  // />
811
814
 
812
815
  const renderShowTable = (tableList, type) => {
813
- const { totalRows } = getFormRowInfo(modalTableProps?.tableSearchForm);
814
- const tableBoxHeighth = 548 - totalRows*10;
816
+ const tableBoxHeighth = getTableHeigth(modalTableProps?.tableSearchForm);
815
817
  return (
816
818
  <div style={{ height: `${tableBoxHeighth}px` }}>
817
819
  <Table
@@ -840,6 +842,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
840
842
  }}
841
843
  onRow={(record) => {
842
844
  return {
845
+ onClick: event => onRowClickSelect(event, record), // 点击行
843
846
  onDoubleClick: (event) =>
844
847
  onDoubleClickSelect(event, record),
845
848
  };
package/src/components/Functional/SearchSelect/utils.ts CHANGED
@@ -1,9 +1,10 @@
1
+ export const columnsPerRow = 4; // 每行的列数
2
+ export const ColSpan = 6; // 查询条件 每行col = 24 /columnsPerRow
1
3
  export const handleSourceName = (sName: any) => {
2
4
  return sName
3
5
  }
4
6
 
5
7
  export const getFormRowInfo = (list: any) => {
6
- const columnsPerRow = 4; // 每行的列数
7
8
  const totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
8
9
  const lastRowColumns = (list.length+1) % columnsPerRow; // 计算最后一行的实际列数
9
10
  const emptySlots = lastRowColumns === 0 ? 0 : columnsPerRow - lastRowColumns; // 计算最后一行的空位数
@@ -28,4 +29,9 @@ export const hasMoreQueryFields = (modalTableProps: any) => {
28
29
 
29
30
  export const getRealStr = (oldSelect: any,newSelect: any, record: any) => {
30
31
  return oldSelect?.length ? oldSelect.some((o: any) => o.value == record.value) ? oldSelect.filter((s: any) => s.value != record.value) : [...oldSelect,...newSelect] : newSelect;
32
+ }
33
+
34
+ export const getTableHeigth = (list: any) => {
35
+ const totalRows = Math.ceil((list?.length+1) / 4);
36
+ return 548 - totalRows*10
31
37
  }