@bit-sun/business-component 4.2.0-alpha.31 → 4.2.0-alpha.31-wyl

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 (8) hide show
  1. package/.claude/settings.local.json +8 -0
  2. package/.umirc.ts +10 -10
  3. package/dist/index.esm.js +204 -17
  4. package/dist/index.js +204 -17
  5. package/package.json +1 -1
  6. package/src/components/Business/SearchSelect/BusinessUtils.tsx +66 -3
  7. package/src/components/Functional/SearchSelect/index.less +65 -0
  8. package/src/components/Functional/SearchSelect/index.tsx +119 -34
package/.claude/settings.local.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "permissions": {
3
+ "allow": [
4
+ "Bash(npx tsc *)",
5
+ "Bash(echo \"exit: $?\")"
6
+ ]
7
+ }
8
+ }
package/.umirc.ts CHANGED
@@ -35,7 +35,7 @@ export default defineConfig({
35
35
  proxy: {
36
36
  '/bop/api/': {
37
37
  // target: 'http://bitsun.product.app.business-operation-platform.v1-dev:8050', // 开发环境
38
- target: 'https://ocean-test.bitsun-inc.com/', // 测试环境
38
+ target: 'https://hub-test.wonderlab.top/', // 测试环境
39
39
  // target: 'http://yxzttest.yangzijiang.com/', // 扬子江测试环境
40
40
  // target: 'http://yxzt.yangzijiang.com/', // 扬子江测试环境
41
41
  changeOrigin: true,
@@ -48,41 +48,41 @@ export default defineConfig({
48
48
  // target: 'http://bitsun.product.app.business-operation-platform.v1-dev:8050', // 开发环境
49
49
  // 英伦
50
50
  // target: 'http://47.100.87.54:9102/', // 开发环境
51
- target: 'https://ocean-test.bitsun-inc.com/', // 测试环境
51
+ target: 'https://hub-test.wonderlab.top/', // 测试环境
52
52
  // target: 'http://www.i-baby.net/', // 生产
53
53
  changeOrigin: true,
54
54
  // pathRewrite: { '^/wms-ops/': '/wms-ops/' }, // 开发环境
55
55
  },
56
56
  '/user/': {
57
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
57
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
58
58
  changeOrigin: true,
59
59
  },
60
60
  '/drp-ops/': {
61
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
61
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
62
62
  changeOrigin: true,
63
63
  },
64
64
  '/channel-manage/': {
65
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
65
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
66
66
  changeOrigin: true,
67
67
  },
68
68
  '/items/': {
69
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
69
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
70
70
  changeOrigin: true,
71
71
  },
72
72
  '/stock/': {
73
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
73
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
74
74
  changeOrigin: true,
75
75
  },
76
76
  '/settle/': {
77
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
77
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
78
78
  changeOrigin: true,
79
79
  },
80
80
  '/basic/': {
81
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
81
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
82
82
  changeOrigin: true,
83
83
  },
84
84
  '/srm-ops/': {
85
- target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
85
+ target: 'https://hub-test.wonderlab.top/', // 开发环境
86
86
  changeOrigin: true,
87
87
  },
88
88
  },
package/dist/index.esm.js CHANGED
@@ -4850,7 +4850,7 @@ function ToCDB$1(selectStr) {
4850
4850
  return tmp;
4851
4851
  }
4852
4852
 
4853
- 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 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapLeft2 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapRight .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_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";
4853
+ 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_modal_wrapper_topBottom .ant-modal {\n top: 40px;\n}\n.search_select_modal_wrapper_topBottom .ant-modal-body {\n height: calc(100vh - 200px);\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 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapLeft2 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapRight .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_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.search_select_wrapper_topForm .select_list_columns_topBottom .search_select_button_right {\n display: flex;\n justify-content: flex-end;\n align-items: flex-start;\n padding-right: 10px;\n}\n.search_select_wrapper.search_select_wrapper_topBottom {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n.search_select_wrapper.search_select_wrapper_topBottom .search_select_wrapper_topForm {\n flex: none;\n}\n.search_select_wrapper_bottomTable_topBottom {\n flex: 1;\n min-height: 0;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: hidden;\n}\n.search_select_wrapper_bottomTable_stackTop,\n.search_select_wrapper_bottomTable_stackBottom {\n width: 100%;\n background: #fff;\n overflow: hidden;\n}\n.search_select_wrapper_bottomTable_stackTop {\n flex: 1;\n min-height: 0;\n margin-bottom: 12px;\n}\n.search_select_wrapper_bottomTable_stackBottom {\n flex: none;\n height: clamp(200px, 28vh, 320px);\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";
4854
4854
  styleInject(css_248z$6);
4855
4855
 
4856
4856
  var SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE = 100;
@@ -5607,6 +5607,16 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
5607
5607
  _useState44 = _slicedToArray(_useState43, 2),
5608
5608
  modalSearched = _useState44[0],
5609
5609
  setModalSearched = _useState44[1];
5610
+ // 上下布局：结果区/已选区实际渲染高度（供表格内部滚动高度计算，flex 布局下随窗口自适应）
5611
+ var stackTopRef = useRef(null);
5612
+ var stackBottomRef = useRef(null);
5613
+ var _useState45 = useState({
5614
+ top: 0,
5615
+ bottom: 0
5616
+ }),
5617
+ _useState46 = _slicedToArray(_useState45, 2),
5618
+ stackRegionHeight = _useState46[0],
5619
+ setStackRegionHeight = _useState46[1];
5610
5620
  var setSelectDataSource = function setSelectDataSource(list, total) {
5611
5621
  setItems(list);
5612
5622
  setItemsTotal(total);
@@ -6331,14 +6341,70 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
6331
6341
  }
6332
6342
  });
6333
6343
  };
6344
+ // 布局模式：仅当配置 layoutMode === 'topBottom' 时启用（查询按钮在右侧、结果与已选上下布局）
6345
+ var isTopBottomLayout = !!(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.layoutMode) && modalTableProps.layoutMode === 'topBottom';
6346
+ // 上下布局：监听结果区/已选区实际渲染高度（弹窗打开、数据加载、窗口缩放），供表格内部滚动高度计算
6347
+ useEffect(function () {
6348
+ if (!isTopBottomLayout || !isModalVisible) return;
6349
+ // 实测表格可滚动高度 = 区域高度 - tabs头 - 内容区padding - 表头 - 分页(含margin)，让分页紧贴区域底部
6350
+ var measureBodyHeight = function measureBodyHeight(regionRef) {
6351
+ var _el$querySelector, _el$querySelector2;
6352
+ var el = regionRef.current;
6353
+ if (!el) return 0;
6354
+ var navH = ((_el$querySelector = el.querySelector('.ant-tabs-nav')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.offsetHeight) || 0;
6355
+ var holder = el.querySelector('.ant-tabs-content-holder');
6356
+ var holderPadding = holder ? holder.offsetHeight - holder.clientHeight : 0;
6357
+ var headerH = ((_el$querySelector2 = el.querySelector('.ant-table-thead')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.offsetHeight) || 0;
6358
+ var paginationH = 0;
6359
+ var pagination = el.querySelector('.ant-pagination');
6360
+ if (pagination) {
6361
+ var style = getComputedStyle(pagination);
6362
+ paginationH = pagination.offsetHeight + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0);
6363
+ }
6364
+ return Math.max(el.clientHeight - navH - holderPadding - headerH - paginationH, 0);
6365
+ };
6366
+ var update = function update() {
6367
+ setStackRegionHeight(function (prev) {
6368
+ var next = {
6369
+ top: measureBodyHeight(stackTopRef),
6370
+ bottom: measureBodyHeight(stackBottomRef)
6371
+ };
6372
+ return prev.top === next.top && prev.bottom === next.bottom ? prev : next;
6373
+ });
6374
+ };
6375
+ update();
6376
+ var resizeObserver = new ResizeObserver(update);
6377
+ // 观察区域本身（窗口缩放/表单展开收起）及内容节点（数据加载分页出现等）的变化
6378
+ [stackTopRef.current, stackBottomRef.current].forEach(function (el) {
6379
+ if (!el) return;
6380
+ resizeObserver.observe(el);
6381
+ el.querySelectorAll('.ant-tabs-nav, .ant-tabs-content-holder').forEach(function (node) {
6382
+ return resizeObserver.observe(node);
6383
+ });
6384
+ });
6385
+ return function () {
6386
+ return resizeObserver.disconnect();
6387
+ };
6388
+ }, [isModalVisible, isTopBottomLayout, selectMode]);
6334
6389
  var renderShowTable = function renderShowTable(tableList, type) {
6335
6390
  var tableBoxHeighth = getTableHeigth(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm);
6336
- var x = (tableList === null || tableList === void 0 ? void 0 : tableList.length) ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
6337
- var oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - ").concat(x, "px)");
6338
- var mTB = "calc(50vh - ".concat(tableBoxHeighth / 2, "px - ").concat(x / 2, "px - 40px)");
6391
+ var isSelectedTable = type == 'noPage';
6392
+ var boxHeight, oSY, mTB;
6393
+ if (isTopBottomLayout) {
6394
+ // 区域高度由 flex 布局 + CSS 控制（结果区 flex:1 占满剩余、已选区 clamp 固定），表格body高度按实测剩余空间计算
6395
+ boxHeight = '100%';
6396
+ oSY = "".concat(stackRegionHeight[isSelectedTable ? 'bottom' : 'top'], "px");
6397
+ mTB = isSelectedTable ? '20px' : '80px';
6398
+ } else {
6399
+ // 默认左右布局：保持原有高度公式
6400
+ var x = (tableList === null || tableList === void 0 ? void 0 : tableList.length) ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
6401
+ boxHeight = "calc(100vh - ".concat(tableBoxHeighth, "px)");
6402
+ oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - ").concat(x, "px)");
6403
+ mTB = "calc(50vh - ".concat(tableBoxHeighth / 2, "px - ").concat(x / 2, "px - 40px)");
6404
+ }
6339
6405
  return /*#__PURE__*/React$1.createElement("div", {
6340
6406
  style: {
6341
- height: "calc(100vh - ".concat(tableBoxHeighth, "px)")
6407
+ height: boxHeight
6342
6408
  }
6343
6409
  }, /*#__PURE__*/React$1.createElement(Table, _objectSpread2(_objectSpread2({
6344
6410
  bordered: true,
@@ -6346,7 +6412,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
6346
6412
  rowSelection: rowSelection,
6347
6413
  columns: tableShowColumns,
6348
6414
  dataSource: tableList
6349
- }, type == 'noPage' ? {
6415
+ }, isSelectedTable ? {
6350
6416
  pagination: _objectSpread2(_objectSpread2({}, initPagination), {}, {
6351
6417
  showSizeChanger: false
6352
6418
  }),
@@ -6629,19 +6695,48 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
6629
6695
  onClick: handleOk,
6630
6696
  disabled: sDisabled
6631
6697
  }, "\u786E\u5B9A")] : null,
6632
- wrapClassName: 'search_select_modal_wrapper'
6698
+ wrapClassName: "search_select_modal_wrapper".concat(isTopBottomLayout ? ' search_select_modal_wrapper_topBottom' : '')
6633
6699
  }, (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalProps) || {}), /*#__PURE__*/React$1.createElement("div", {
6634
- className: 'search_select_wrapper'
6700
+ className: "search_select_wrapper".concat(isTopBottomLayout ? ' search_select_wrapper_topBottom' : '')
6635
6701
  }, /*#__PURE__*/React$1.createElement("div", {
6636
6702
  className: 'search_select_wrapper_topForm'
6637
6703
  }, /*#__PURE__*/React$1.createElement("div", {
6638
- className: 'select_list_columns'
6704
+ className: isTopBottomLayout ? 'select_list_columns select_list_columns_topBottom' : 'select_list_columns'
6639
6705
  }, /*#__PURE__*/React$1.createElement(Form, {
6640
6706
  form: form,
6641
6707
  layout: 'horizontal',
6642
6708
  colon: false,
6643
6709
  key: "modalForm"
6644
- }, /*#__PURE__*/React$1.createElement(Row, null, renderFormItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm), /*#__PURE__*/React$1.createElement(Col, {
6710
+ }, /*#__PURE__*/React$1.createElement(Row, null, renderFormItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm), isTopBottomLayout ? (/*#__PURE__*/React$1.createElement(Col, {
6711
+ className: 'search_select_button_right',
6712
+ flex: "auto"
6713
+ }, /*#__PURE__*/React$1.createElement(Space, null, /*#__PURE__*/React$1.createElement(Button, {
6714
+ key: "search",
6715
+ type: "primary",
6716
+ onClick: onSearchTable,
6717
+ disabled: fetching
6718
+ }, "\u67E5\u8BE2 Enter"), /*#__PURE__*/React$1.createElement(Button, {
6719
+ key: "reset",
6720
+ onClick: onResetTable,
6721
+ disabled: fetching
6722
+ }, "\u91CD\u7F6E ctrl+I"), /*#__PURE__*/React$1.createElement("div", {
6723
+ style: {
6724
+ position: 'absolute',
6725
+ top: 0,
6726
+ right: 0
6727
+ }
6728
+ }, hasMoreQueryFields(modalTableProps) ? /*#__PURE__*/React$1.createElement("img", {
6729
+ onClick: function onClick() {
6730
+ toggleCollapsed();
6731
+ },
6732
+ style: {
6733
+ cursor: 'pointer',
6734
+ fontSize: '10px',
6735
+ transition: '0.3s all',
6736
+ transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
6737
+ },
6738
+ src: zhankaitiaojian
6739
+ }) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null))))) : (/*#__PURE__*/React$1.createElement(Col, {
6645
6740
  span: 6
6646
6741
  }, /*#__PURE__*/React$1.createElement(Space, null, /*#__PURE__*/React$1.createElement(Button, {
6647
6742
  key: "search",
@@ -6669,7 +6764,24 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
6669
6764
  transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
6670
6765
  },
6671
6766
  src: zhankaitiaojian
6672
- }) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null)))))))), /*#__PURE__*/React$1.createElement("div", {
6767
+ }) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null))))))))), isTopBottomLayout ? (/*#__PURE__*/React$1.createElement("div", {
6768
+ className: 'search_select_wrapper_bottomTable search_select_wrapper_bottomTable_topBottom'
6769
+ }, /*#__PURE__*/React$1.createElement("div", {
6770
+ className: 'search_select_wrapper_bottomTable_stackTop',
6771
+ ref: stackTopRef
6772
+ }, /*#__PURE__*/React$1.createElement(Tabs, {
6773
+ items: tabsItems1
6774
+ })), selectMode ? /*#__PURE__*/React$1.createElement("div", {
6775
+ className: 'search_select_wrapper_bottomTable_stackBottom',
6776
+ ref: stackBottomRef
6777
+ }, /*#__PURE__*/React$1.createElement(Tabs, {
6778
+ items: tabsItems2,
6779
+ tabBarExtraContent: /*#__PURE__*/React$1.createElement("span", {
6780
+ onClick: function onClick() {
6781
+ return onChangeSelectedKeys([], []);
6782
+ }
6783
+ }, "\u6E05\u7A7A\u5DF2\u9009")
6784
+ })) : null)) : (/*#__PURE__*/React$1.createElement("div", {
6673
6785
  className: 'search_select_wrapper_bottomTable'
6674
6786
  }, /*#__PURE__*/React$1.createElement("div", {
6675
6787
  className: selectMode ? 'search_select_wrapper_bottomTable_wrapLeft2' : 'search_select_wrapper_bottomTable_wrapLeft1'
@@ -6684,7 +6796,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
6684
6796
  return onChangeSelectedKeys([], []);
6685
6797
  }
6686
6798
  }, "\u6E05\u7A7A\u5DF2\u9009")
6687
- })) : null)))));
6799
+ })) : null))))));
6688
6800
  });
6689
6801
 
6690
6802
  var css_248z$8 = ".add_select_show {\n display: flex;\n}\n.add_select_expand_button {\n position: relative;\n width: 30px;\n color: #ffffff;\n cursor: pointer;\n}\n.add_select_expand_button span {\n position: absolute;\n height: 20px;\n line-height: 14px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.add_select_header {\n border-bottom: 1px solid #D9D9D9;\n height: 24px;\n height: 40px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 40px;\n margin-bottom: 10px;\n padding-left: 10px;\n}\n.add_select_header > span {\n margin-left: 20px;\n font-weight: 400;\n font-size: 12px;\n color: #666666;\n letter-spacing: 0;\n line-height: 40px;\n}\n.add_select_header > span > span {\n color: #ff0000;\n}\n.add_select_header_close span {\n position: absolute;\n color: black !important;\n right: 10px;\n top: 10px;\n}\n.add_select_quick_header {\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n}\n.add_select_quick_header_title {\n display: flex;\n justify-content: space-between;\n}\n.add_select_quick_header > span {\n font-weight: 400;\n font-size: 12px;\n color: #666666;\n letter-spacing: 0;\n line-height: 20px;\n}\n.add_select_quick_header > span > span {\n color: #ff0000;\n}\n.add_select_quick_header_close span {\n position: absolute;\n color: black !important;\n right: 10px;\n top: 10px;\n}\n.add_select_wrapper {\n position: relative;\n display: flex;\n max-height: 60vh;\n overflow: hidden;\n font-size: 14px;\n margin: 5px 10px;\n}\n.add_select_wrapper .ant-table-pagination.ant-pagination {\n margin: 5px;\n padding-right: 5px;\n}\n.add_select_wrapper .ant-checkbox-wrapper {\n justify-content: center;\n}\n.add_select_wrapper .ant-form-item-label {\n padding: 0PX;\n line-height: 23px !important;\n}\n.add_select_wrapper .ant-form-item-label > label {\n font-size: 12px;\n}\n.add_select_wrapper .ant-table-thead th {\n height: 20px !important;\n padding: 0px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n}\n.add_select_wrapper .ant-modal-body {\n padding: 10px;\n}\n.add_select_wrapper .ant-table-wrapper {\n padding: 0px !important;\n}\n.add_select_wrapper .row-class {\n height: 24px;\n}\n.add_select_wrapper .row-class td {\n font-size: 12px !important;\n height: 24px !important;\n padding: 0px 8px !important;\n line-height: 20px !important;\n}\n.add_select_wrapper .ant-table-body {\n height: 240px;\n overflow-y: auto !important;\n}\n.add_select_wrapper .ant-row.ant-form-item {\n margin-bottom: 10px;\n}\n.add_select_wrapper_click_flag {\n position: absolute;\n z-index: 10;\n}\n.add_select_wrapper_click_flag_arrow {\n transform: rotate(0deg);\n transition: transform 0.5s;\n}\n.add_select_wrapper_click_flag_arrow_1 {\n transform: rotate(-180deg);\n transition: transform 0.5s;\n}\n.add_select_wrapper_left {\n flex-basis: 298px;\n width: 298px;\n overflow-y: hidden;\n transition: all 0.3s;\n margin-right: 10px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n}\n.add_select_wrapper_left1 {\n width: 0;\n height: 0;\n transition: all 0.3s;\n display: none;\n}\n.add_select_wrapper_right {\n width: 872px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n}\n.add_select_wrapper_right1 {\n width: 100%;\n margin-left: 10px;\n}\n.add_select_wrapper_right,\n.add_select_wrapper_right1 {\n overflow-x: auto;\n}\n.add_select_wrapper .select_list_columns {\n height: 272px;\n overflow-y: auto;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_columns_tips {\n background: #eee;\n padding: 6px 20px;\n margin-bottom: 10px;\n}\n.add_select_wrapper .select_list_columns_formItems {\n padding: 7px 10px;\n}\n.add_select_wrapper .select_list_searchButton {\n display: flex;\n margin: 10px;\n justify-content: flex-end;\n}\n.add_select_wrapper .select_list_button_space {\n margin-right: 10px;\n}\n.add_select_wrapper .select_list_selectTips {\n display: flex;\n justify-content: space-between;\n height: 24px;\n font-size: 12px;\n line-height: 24px;\n background: #F7F8FB;\n padding: 0 5px;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_selectAll {\n position: relative;\n top: -40px;\n left: 20px;\n width: 160px;\n}\n.add_select_wrapper_select {\n margin-top: 4px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n margin: 5px 10px;\n}\n.add_select_wrapper_select .ant-table-pagination.ant-pagination {\n margin: 9px;\n padding-right: 5px;\n}\n.add_select_wrapper_select .ant-modal-body {\n padding: 10px;\n}\n.add_select_wrapper_select .ant-table-wrapper {\n padding: 0px !important;\n}\n.add_select_wrapper_select .ant-table-thead th {\n height: 23px !important;\n padding: 0px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-modal-close-x {\n height: 30px;\n}\n.add_select_wrapper_select .row-class {\n height: 30px;\n}\n.add_select_wrapper_select .row-class td {\n font-size: 12px !important;\n height: 30px !important;\n padding: 4px 8px !important;\n}\n.add_select_wrapper_select .ant-table-body {\n height: 200px;\n overflow-y: auto !important;\n}\n.add_select_wrapper_select .ant-row.ant-form-item {\n margin-bottom: 10px;\n}\n.add_select_wrapper_select .ant-input-number-input,\n.add_select_wrapper_select .ant-input {\n height: auto;\n height: 22px;\n padding: 0px 10px;\n font-size: 12px;\n}\n.add_select_wrapper_select .ant-select-selection-search-input {\n height: auto;\n height: 22px !important;\n padding: 0px 10px;\n font-size: 12px;\n}\n.add_select_wrapper_select .ant-select .ant-select-arrow {\n top: 13px;\n}\n.add_select_wrapper_select .ant-select-selector {\n position: relative;\n top: 1px;\n height: 23px !important;\n line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-select-selector .ant-select-selection-item,\n.add_select_wrapper_select .ant-select-selector ant-select-selection-search {\n height: 23px !important;\n line-height: 23px !important;\n font-size: 12px;\n}\n.add_select_wrapper_select .select_list_selectTips {\n display: flex;\n justify-content: space-between;\n height: 24px;\n font-size: 12px;\n line-height: 24px;\n background: #F7F8FB;\n padding: 0 3px;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper_select_quick {\n margin: 0;\n}\n.react-resizable {\n position: relative;\n background-clip: padding-box;\n}\n.react-resizable-handle {\n position: absolute;\n width: 10px;\n height: 100%;\n bottom: 0;\n right: -5px;\n cursor: col-resize;\n z-index: 1;\n}\n";
@@ -10513,6 +10625,63 @@ function commonFun(type, prefixUrl, parentProps) {
10513
10625
  }
10514
10626
  }
10515
10627
  }
10628
+ }, {
10629
+ name: 'qp-productFirstLevel-in',
10630
+ type: 'select',
10631
+ label: '一级产品线',
10632
+ field: {
10633
+ type: 'select',
10634
+ props: {
10635
+ mode: 'multiple',
10636
+ notFoundContent: '暂无数据',
10637
+ allowClear: true,
10638
+ showSearch: true,
10639
+ showArrow: true,
10640
+ maxTagCount: 1,
10641
+ optionFilterProp: 'children',
10642
+ filterOption: function filterOption(input, option) {
10643
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10644
+ }
10645
+ }
10646
+ }
10647
+ }, {
10648
+ name: 'qp-productSecondLevel-in',
10649
+ type: 'select',
10650
+ label: '二级产品线',
10651
+ field: {
10652
+ type: 'select',
10653
+ props: {
10654
+ mode: 'multiple',
10655
+ notFoundContent: '暂无数据',
10656
+ allowClear: true,
10657
+ showSearch: true,
10658
+ showArrow: true,
10659
+ maxTagCount: 1,
10660
+ optionFilterProp: 'children',
10661
+ filterOption: function filterOption(input, option) {
10662
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10663
+ }
10664
+ }
10665
+ }
10666
+ }, {
10667
+ name: 'qp-productThirdLevel-in',
10668
+ type: 'select',
10669
+ label: '三级产品线',
10670
+ field: {
10671
+ type: 'select',
10672
+ props: {
10673
+ mode: 'multiple',
10674
+ notFoundContent: '暂无数据',
10675
+ allowClear: true,
10676
+ showSearch: true,
10677
+ showArrow: true,
10678
+ maxTagCount: 1,
10679
+ optionFilterProp: 'children',
10680
+ filterOption: function filterOption(input, option) {
10681
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10682
+ }
10683
+ }
10684
+ }
10516
10685
  },
10517
10686
  // { name: 'qp-eancode-in', label: '商品条码', field: {
10518
10687
  // type: 'multipleQueryInput',
@@ -10614,10 +10783,26 @@ function commonFun(type, prefixUrl, parentProps) {
10614
10783
  pageSize: 500,
10615
10784
  currentPage: 1,
10616
10785
  'qp-labelType-eq': 1
10617
- }, getQueryHeadersItem(_queryHeaderParams2, 'qp-itemLabelId-in'))]).then(function (x) {
10618
- formatSource(x, 0, 3, tableSearchForm, ['id', 'name']);
10619
- formatTreeDataSource(x, 1, 4, tableSearchForm);
10620
- formatSource(x, 2, 6, tableSearchForm, ['id', 'name']);
10786
+ }, getQueryHeadersItem(_queryHeaderParams2, 'qp-itemLabelId-in')), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10787
+ pageSize: 5000,
10788
+ currentPage: 1,
10789
+ 'qp-propertyCode-eq': 'productFirstLevel'
10790
+ }, {}), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10791
+ pageSize: 5000,
10792
+ currentPage: 1,
10793
+ 'qp-propertyCode-eq': 'productSecondLevel'
10794
+ }, {}), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10795
+ pageSize: 5000,
10796
+ currentPage: 1,
10797
+ 'qp-propertyCode-eq': 'productThirdLevel'
10798
+ }, {})]).then(function (x) {
10799
+ // 一、二、三级产品线：展示 value，实际查询条件为 valueCode（tableSearchForm 顺序：SKU编码/SKU名称/SPU编码/一~三级产品线/品牌/类目/商品标签/SKC编码）
10800
+ formatSource(x, 3, 3, tableSearchForm, ['valueCode', 'value']);
10801
+ formatSource(x, 4, 4, tableSearchForm, ['valueCode', 'value']);
10802
+ formatSource(x, 5, 5, tableSearchForm, ['valueCode', 'value']);
10803
+ formatSource(x, 0, 6, tableSearchForm, ['id', 'name']);
10804
+ formatTreeDataSource(x, 1, 7, tableSearchForm);
10805
+ formatSource(x, 2, 8, tableSearchForm, ['id', 'name']);
10621
10806
  });
10622
10807
  modalTableProps = _objectSpread2({
10623
10808
  modalTableTitle: '选择SKU',
@@ -10673,7 +10858,9 @@ function commonFun(type, prefixUrl, parentProps) {
10673
10858
  title: '品牌',
10674
10859
  dataIndex: 'brandName',
10675
10860
  defaultSort: 4
10676
- }]
10861
+ }],
10862
+ // 布局：查询按钮在右侧、查询结果与已选区域上下布局（仅 SKU 选择器启用）
10863
+ layoutMode: 'topBottom'
10677
10864
  }, modalTableBusProps);
10678
10865
  }
10679
10866
  // 商品选择器spu
package/dist/index.js CHANGED
@@ -4873,7 +4873,7 @@ function ToCDB$1(selectStr) {
4873
4873
  return tmp;
4874
4874
  }
4875
4875
 
4876
- 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 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapLeft2 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapRight .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_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";
4876
+ 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_modal_wrapper_topBottom .ant-modal {\n top: 40px;\n}\n.search_select_modal_wrapper_topBottom .ant-modal-body {\n height: calc(100vh - 200px);\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 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapLeft2 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapRight .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_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.search_select_wrapper_topForm .select_list_columns_topBottom .search_select_button_right {\n display: flex;\n justify-content: flex-end;\n align-items: flex-start;\n padding-right: 10px;\n}\n.search_select_wrapper.search_select_wrapper_topBottom {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n.search_select_wrapper.search_select_wrapper_topBottom .search_select_wrapper_topForm {\n flex: none;\n}\n.search_select_wrapper_bottomTable_topBottom {\n flex: 1;\n min-height: 0;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: hidden;\n}\n.search_select_wrapper_bottomTable_stackTop,\n.search_select_wrapper_bottomTable_stackBottom {\n width: 100%;\n background: #fff;\n overflow: hidden;\n}\n.search_select_wrapper_bottomTable_stackTop {\n flex: 1;\n min-height: 0;\n margin-bottom: 12px;\n}\n.search_select_wrapper_bottomTable_stackBottom {\n flex: none;\n height: clamp(200px, 28vh, 320px);\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";
4877
4877
  styleInject(css_248z$6);
4878
4878
 
4879
4879
  var SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE = 100;
@@ -5630,6 +5630,16 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
5630
5630
  _useState44 = _slicedToArray(_useState43, 2),
5631
5631
  modalSearched = _useState44[0],
5632
5632
  setModalSearched = _useState44[1];
5633
+ // 上下布局：结果区/已选区实际渲染高度（供表格内部滚动高度计算，flex 布局下随窗口自适应）
5634
+ var stackTopRef = React$1.useRef(null);
5635
+ var stackBottomRef = React$1.useRef(null);
5636
+ var _useState45 = React$1.useState({
5637
+ top: 0,
5638
+ bottom: 0
5639
+ }),
5640
+ _useState46 = _slicedToArray(_useState45, 2),
5641
+ stackRegionHeight = _useState46[0],
5642
+ setStackRegionHeight = _useState46[1];
5633
5643
  var setSelectDataSource = function setSelectDataSource(list, total) {
5634
5644
  setItems(list);
5635
5645
  setItemsTotal(total);
@@ -6354,14 +6364,70 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
6354
6364
  }
6355
6365
  });
6356
6366
  };
6367
+ // 布局模式：仅当配置 layoutMode === 'topBottom' 时启用（查询按钮在右侧、结果与已选上下布局）
6368
+ var isTopBottomLayout = !!(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.layoutMode) && modalTableProps.layoutMode === 'topBottom';
6369
+ // 上下布局：监听结果区/已选区实际渲染高度（弹窗打开、数据加载、窗口缩放），供表格内部滚动高度计算
6370
+ React$1.useEffect(function () {
6371
+ if (!isTopBottomLayout || !isModalVisible) return;
6372
+ // 实测表格可滚动高度 = 区域高度 - tabs头 - 内容区padding - 表头 - 分页(含margin)，让分页紧贴区域底部
6373
+ var measureBodyHeight = function measureBodyHeight(regionRef) {
6374
+ var _el$querySelector, _el$querySelector2;
6375
+ var el = regionRef.current;
6376
+ if (!el) return 0;
6377
+ var navH = ((_el$querySelector = el.querySelector('.ant-tabs-nav')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.offsetHeight) || 0;
6378
+ var holder = el.querySelector('.ant-tabs-content-holder');
6379
+ var holderPadding = holder ? holder.offsetHeight - holder.clientHeight : 0;
6380
+ var headerH = ((_el$querySelector2 = el.querySelector('.ant-table-thead')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.offsetHeight) || 0;
6381
+ var paginationH = 0;
6382
+ var pagination = el.querySelector('.ant-pagination');
6383
+ if (pagination) {
6384
+ var style = getComputedStyle(pagination);
6385
+ paginationH = pagination.offsetHeight + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0);
6386
+ }
6387
+ return Math.max(el.clientHeight - navH - holderPadding - headerH - paginationH, 0);
6388
+ };
6389
+ var update = function update() {
6390
+ setStackRegionHeight(function (prev) {
6391
+ var next = {
6392
+ top: measureBodyHeight(stackTopRef),
6393
+ bottom: measureBodyHeight(stackBottomRef)
6394
+ };
6395
+ return prev.top === next.top && prev.bottom === next.bottom ? prev : next;
6396
+ });
6397
+ };
6398
+ update();
6399
+ var resizeObserver = new ResizeObserver(update);
6400
+ // 观察区域本身（窗口缩放/表单展开收起）及内容节点（数据加载分页出现等）的变化
6401
+ [stackTopRef.current, stackBottomRef.current].forEach(function (el) {
6402
+ if (!el) return;
6403
+ resizeObserver.observe(el);
6404
+ el.querySelectorAll('.ant-tabs-nav, .ant-tabs-content-holder').forEach(function (node) {
6405
+ return resizeObserver.observe(node);
6406
+ });
6407
+ });
6408
+ return function () {
6409
+ return resizeObserver.disconnect();
6410
+ };
6411
+ }, [isModalVisible, isTopBottomLayout, selectMode]);
6357
6412
  var renderShowTable = function renderShowTable(tableList, type) {
6358
6413
  var tableBoxHeighth = getTableHeigth(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm);
6359
- var x = (tableList === null || tableList === void 0 ? void 0 : tableList.length) ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
6360
- var oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - ").concat(x, "px)");
6361
- var mTB = "calc(50vh - ".concat(tableBoxHeighth / 2, "px - ").concat(x / 2, "px - 40px)");
6414
+ var isSelectedTable = type == 'noPage';
6415
+ var boxHeight, oSY, mTB;
6416
+ if (isTopBottomLayout) {
6417
+ // 区域高度由 flex 布局 + CSS 控制（结果区 flex:1 占满剩余、已选区 clamp 固定），表格body高度按实测剩余空间计算
6418
+ boxHeight = '100%';
6419
+ oSY = "".concat(stackRegionHeight[isSelectedTable ? 'bottom' : 'top'], "px");
6420
+ mTB = isSelectedTable ? '20px' : '80px';
6421
+ } else {
6422
+ // 默认左右布局：保持原有高度公式
6423
+ var x = (tableList === null || tableList === void 0 ? void 0 : tableList.length) ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
6424
+ boxHeight = "calc(100vh - ".concat(tableBoxHeighth, "px)");
6425
+ oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - ").concat(x, "px)");
6426
+ mTB = "calc(50vh - ".concat(tableBoxHeighth / 2, "px - ").concat(x / 2, "px - 40px)");
6427
+ }
6362
6428
  return /*#__PURE__*/React__default['default'].createElement("div", {
6363
6429
  style: {
6364
- height: "calc(100vh - ".concat(tableBoxHeighth, "px)")
6430
+ height: boxHeight
6365
6431
  }
6366
6432
  }, /*#__PURE__*/React__default['default'].createElement(antd.Table, _objectSpread2(_objectSpread2({
6367
6433
  bordered: true,
@@ -6369,7 +6435,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
6369
6435
  rowSelection: rowSelection,
6370
6436
  columns: tableShowColumns,
6371
6437
  dataSource: tableList
6372
- }, type == 'noPage' ? {
6438
+ }, isSelectedTable ? {
6373
6439
  pagination: _objectSpread2(_objectSpread2({}, initPagination), {}, {
6374
6440
  showSizeChanger: false
6375
6441
  }),
@@ -6652,19 +6718,48 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
6652
6718
  onClick: handleOk,
6653
6719
  disabled: sDisabled
6654
6720
  }, "\u786E\u5B9A")] : null,
6655
- wrapClassName: 'search_select_modal_wrapper'
6721
+ wrapClassName: "search_select_modal_wrapper".concat(isTopBottomLayout ? ' search_select_modal_wrapper_topBottom' : '')
6656
6722
  }, (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalProps) || {}), /*#__PURE__*/React__default['default'].createElement("div", {
6657
- className: 'search_select_wrapper'
6723
+ className: "search_select_wrapper".concat(isTopBottomLayout ? ' search_select_wrapper_topBottom' : '')
6658
6724
  }, /*#__PURE__*/React__default['default'].createElement("div", {
6659
6725
  className: 'search_select_wrapper_topForm'
6660
6726
  }, /*#__PURE__*/React__default['default'].createElement("div", {
6661
- className: 'select_list_columns'
6727
+ className: isTopBottomLayout ? 'select_list_columns select_list_columns_topBottom' : 'select_list_columns'
6662
6728
  }, /*#__PURE__*/React__default['default'].createElement(antd.Form, {
6663
6729
  form: form,
6664
6730
  layout: 'horizontal',
6665
6731
  colon: false,
6666
6732
  key: "modalForm"
6667
- }, /*#__PURE__*/React__default['default'].createElement(antd.Row, null, renderFormItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm), /*#__PURE__*/React__default['default'].createElement(antd.Col, {
6733
+ }, /*#__PURE__*/React__default['default'].createElement(antd.Row, null, renderFormItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm), isTopBottomLayout ? (/*#__PURE__*/React__default['default'].createElement(antd.Col, {
6734
+ className: 'search_select_button_right',
6735
+ flex: "auto"
6736
+ }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
6737
+ key: "search",
6738
+ type: "primary",
6739
+ onClick: onSearchTable,
6740
+ disabled: fetching
6741
+ }, "\u67E5\u8BE2 Enter"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
6742
+ key: "reset",
6743
+ onClick: onResetTable,
6744
+ disabled: fetching
6745
+ }, "\u91CD\u7F6E ctrl+I"), /*#__PURE__*/React__default['default'].createElement("div", {
6746
+ style: {
6747
+ position: 'absolute',
6748
+ top: 0,
6749
+ right: 0
6750
+ }
6751
+ }, hasMoreQueryFields(modalTableProps) ? /*#__PURE__*/React__default['default'].createElement("img", {
6752
+ onClick: function onClick() {
6753
+ toggleCollapsed();
6754
+ },
6755
+ style: {
6756
+ cursor: 'pointer',
6757
+ fontSize: '10px',
6758
+ transition: '0.3s all',
6759
+ transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
6760
+ },
6761
+ src: zhankaitiaojian
6762
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))))) : (/*#__PURE__*/React__default['default'].createElement(antd.Col, {
6668
6763
  span: 6
6669
6764
  }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
6670
6765
  key: "search",
@@ -6692,7 +6787,24 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
6692
6787
  transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
6693
6788
  },
6694
6789
  src: zhankaitiaojian
6695
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)))))))), /*#__PURE__*/React__default['default'].createElement("div", {
6790
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))))))))), isTopBottomLayout ? (/*#__PURE__*/React__default['default'].createElement("div", {
6791
+ className: 'search_select_wrapper_bottomTable search_select_wrapper_bottomTable_topBottom'
6792
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
6793
+ className: 'search_select_wrapper_bottomTable_stackTop',
6794
+ ref: stackTopRef
6795
+ }, /*#__PURE__*/React__default['default'].createElement(antd.Tabs, {
6796
+ items: tabsItems1
6797
+ })), selectMode ? /*#__PURE__*/React__default['default'].createElement("div", {
6798
+ className: 'search_select_wrapper_bottomTable_stackBottom',
6799
+ ref: stackBottomRef
6800
+ }, /*#__PURE__*/React__default['default'].createElement(antd.Tabs, {
6801
+ items: tabsItems2,
6802
+ tabBarExtraContent: /*#__PURE__*/React__default['default'].createElement("span", {
6803
+ onClick: function onClick() {
6804
+ return onChangeSelectedKeys([], []);
6805
+ }
6806
+ }, "\u6E05\u7A7A\u5DF2\u9009")
6807
+ })) : null)) : (/*#__PURE__*/React__default['default'].createElement("div", {
6696
6808
  className: 'search_select_wrapper_bottomTable'
6697
6809
  }, /*#__PURE__*/React__default['default'].createElement("div", {
6698
6810
  className: selectMode ? 'search_select_wrapper_bottomTable_wrapLeft2' : 'search_select_wrapper_bottomTable_wrapLeft1'
@@ -6707,7 +6819,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
6707
6819
  return onChangeSelectedKeys([], []);
6708
6820
  }
6709
6821
  }, "\u6E05\u7A7A\u5DF2\u9009")
6710
- })) : null)))));
6822
+ })) : null))))));
6711
6823
  });
6712
6824
 
6713
6825
  var css_248z$8 = ".add_select_show {\n display: flex;\n}\n.add_select_expand_button {\n position: relative;\n width: 30px;\n color: #ffffff;\n cursor: pointer;\n}\n.add_select_expand_button span {\n position: absolute;\n height: 20px;\n line-height: 14px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.add_select_header {\n border-bottom: 1px solid #D9D9D9;\n height: 24px;\n height: 40px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 40px;\n margin-bottom: 10px;\n padding-left: 10px;\n}\n.add_select_header > span {\n margin-left: 20px;\n font-weight: 400;\n font-size: 12px;\n color: #666666;\n letter-spacing: 0;\n line-height: 40px;\n}\n.add_select_header > span > span {\n color: #ff0000;\n}\n.add_select_header_close span {\n position: absolute;\n color: black !important;\n right: 10px;\n top: 10px;\n}\n.add_select_quick_header {\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n}\n.add_select_quick_header_title {\n display: flex;\n justify-content: space-between;\n}\n.add_select_quick_header > span {\n font-weight: 400;\n font-size: 12px;\n color: #666666;\n letter-spacing: 0;\n line-height: 20px;\n}\n.add_select_quick_header > span > span {\n color: #ff0000;\n}\n.add_select_quick_header_close span {\n position: absolute;\n color: black !important;\n right: 10px;\n top: 10px;\n}\n.add_select_wrapper {\n position: relative;\n display: flex;\n max-height: 60vh;\n overflow: hidden;\n font-size: 14px;\n margin: 5px 10px;\n}\n.add_select_wrapper .ant-table-pagination.ant-pagination {\n margin: 5px;\n padding-right: 5px;\n}\n.add_select_wrapper .ant-checkbox-wrapper {\n justify-content: center;\n}\n.add_select_wrapper .ant-form-item-label {\n padding: 0PX;\n line-height: 23px !important;\n}\n.add_select_wrapper .ant-form-item-label > label {\n font-size: 12px;\n}\n.add_select_wrapper .ant-table-thead th {\n height: 20px !important;\n padding: 0px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n}\n.add_select_wrapper .ant-modal-body {\n padding: 10px;\n}\n.add_select_wrapper .ant-table-wrapper {\n padding: 0px !important;\n}\n.add_select_wrapper .row-class {\n height: 24px;\n}\n.add_select_wrapper .row-class td {\n font-size: 12px !important;\n height: 24px !important;\n padding: 0px 8px !important;\n line-height: 20px !important;\n}\n.add_select_wrapper .ant-table-body {\n height: 240px;\n overflow-y: auto !important;\n}\n.add_select_wrapper .ant-row.ant-form-item {\n margin-bottom: 10px;\n}\n.add_select_wrapper_click_flag {\n position: absolute;\n z-index: 10;\n}\n.add_select_wrapper_click_flag_arrow {\n transform: rotate(0deg);\n transition: transform 0.5s;\n}\n.add_select_wrapper_click_flag_arrow_1 {\n transform: rotate(-180deg);\n transition: transform 0.5s;\n}\n.add_select_wrapper_left {\n flex-basis: 298px;\n width: 298px;\n overflow-y: hidden;\n transition: all 0.3s;\n margin-right: 10px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n}\n.add_select_wrapper_left1 {\n width: 0;\n height: 0;\n transition: all 0.3s;\n display: none;\n}\n.add_select_wrapper_right {\n width: 872px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n}\n.add_select_wrapper_right1 {\n width: 100%;\n margin-left: 10px;\n}\n.add_select_wrapper_right,\n.add_select_wrapper_right1 {\n overflow-x: auto;\n}\n.add_select_wrapper .select_list_columns {\n height: 272px;\n overflow-y: auto;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_columns_tips {\n background: #eee;\n padding: 6px 20px;\n margin-bottom: 10px;\n}\n.add_select_wrapper .select_list_columns_formItems {\n padding: 7px 10px;\n}\n.add_select_wrapper .select_list_searchButton {\n display: flex;\n margin: 10px;\n justify-content: flex-end;\n}\n.add_select_wrapper .select_list_button_space {\n margin-right: 10px;\n}\n.add_select_wrapper .select_list_selectTips {\n display: flex;\n justify-content: space-between;\n height: 24px;\n font-size: 12px;\n line-height: 24px;\n background: #F7F8FB;\n padding: 0 5px;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_selectAll {\n position: relative;\n top: -40px;\n left: 20px;\n width: 160px;\n}\n.add_select_wrapper_select {\n margin-top: 4px;\n border: 1px solid #D9D9D9;\n border-radius: 5px;\n margin: 5px 10px;\n}\n.add_select_wrapper_select .ant-table-pagination.ant-pagination {\n margin: 9px;\n padding-right: 5px;\n}\n.add_select_wrapper_select .ant-modal-body {\n padding: 10px;\n}\n.add_select_wrapper_select .ant-table-wrapper {\n padding: 0px !important;\n}\n.add_select_wrapper_select .ant-table-thead th {\n height: 23px !important;\n padding: 0px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-modal-close-x {\n height: 30px;\n}\n.add_select_wrapper_select .row-class {\n height: 30px;\n}\n.add_select_wrapper_select .row-class td {\n font-size: 12px !important;\n height: 30px !important;\n padding: 4px 8px !important;\n}\n.add_select_wrapper_select .ant-table-body {\n height: 200px;\n overflow-y: auto !important;\n}\n.add_select_wrapper_select .ant-row.ant-form-item {\n margin-bottom: 10px;\n}\n.add_select_wrapper_select .ant-input-number-input,\n.add_select_wrapper_select .ant-input {\n height: auto;\n height: 22px;\n padding: 0px 10px;\n font-size: 12px;\n}\n.add_select_wrapper_select .ant-select-selection-search-input {\n height: auto;\n height: 22px !important;\n padding: 0px 10px;\n font-size: 12px;\n}\n.add_select_wrapper_select .ant-select .ant-select-arrow {\n top: 13px;\n}\n.add_select_wrapper_select .ant-select-selector {\n position: relative;\n top: 1px;\n height: 23px !important;\n line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-select-selector .ant-select-selection-item,\n.add_select_wrapper_select .ant-select-selector ant-select-selection-search {\n height: 23px !important;\n line-height: 23px !important;\n font-size: 12px;\n}\n.add_select_wrapper_select .select_list_selectTips {\n display: flex;\n justify-content: space-between;\n height: 24px;\n font-size: 12px;\n line-height: 24px;\n background: #F7F8FB;\n padding: 0 3px;\n border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper_select_quick {\n margin: 0;\n}\n.react-resizable {\n position: relative;\n background-clip: padding-box;\n}\n.react-resizable-handle {\n position: absolute;\n width: 10px;\n height: 100%;\n bottom: 0;\n right: -5px;\n cursor: col-resize;\n z-index: 1;\n}\n";
@@ -10536,6 +10648,63 @@ function commonFun(type, prefixUrl, parentProps) {
10536
10648
  }
10537
10649
  }
10538
10650
  }
10651
+ }, {
10652
+ name: 'qp-productFirstLevel-in',
10653
+ type: 'select',
10654
+ label: '一级产品线',
10655
+ field: {
10656
+ type: 'select',
10657
+ props: {
10658
+ mode: 'multiple',
10659
+ notFoundContent: '暂无数据',
10660
+ allowClear: true,
10661
+ showSearch: true,
10662
+ showArrow: true,
10663
+ maxTagCount: 1,
10664
+ optionFilterProp: 'children',
10665
+ filterOption: function filterOption(input, option) {
10666
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10667
+ }
10668
+ }
10669
+ }
10670
+ }, {
10671
+ name: 'qp-productSecondLevel-in',
10672
+ type: 'select',
10673
+ label: '二级产品线',
10674
+ field: {
10675
+ type: 'select',
10676
+ props: {
10677
+ mode: 'multiple',
10678
+ notFoundContent: '暂无数据',
10679
+ allowClear: true,
10680
+ showSearch: true,
10681
+ showArrow: true,
10682
+ maxTagCount: 1,
10683
+ optionFilterProp: 'children',
10684
+ filterOption: function filterOption(input, option) {
10685
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10686
+ }
10687
+ }
10688
+ }
10689
+ }, {
10690
+ name: 'qp-productThirdLevel-in',
10691
+ type: 'select',
10692
+ label: '三级产品线',
10693
+ field: {
10694
+ type: 'select',
10695
+ props: {
10696
+ mode: 'multiple',
10697
+ notFoundContent: '暂无数据',
10698
+ allowClear: true,
10699
+ showSearch: true,
10700
+ showArrow: true,
10701
+ maxTagCount: 1,
10702
+ optionFilterProp: 'children',
10703
+ filterOption: function filterOption(input, option) {
10704
+ return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
10705
+ }
10706
+ }
10707
+ }
10539
10708
  },
10540
10709
  // { name: 'qp-eancode-in', label: '商品条码', field: {
10541
10710
  // type: 'multipleQueryInput',
@@ -10637,10 +10806,26 @@ function commonFun(type, prefixUrl, parentProps) {
10637
10806
  pageSize: 500,
10638
10807
  currentPage: 1,
10639
10808
  'qp-labelType-eq': 1
10640
- }, getQueryHeadersItem(_queryHeaderParams2, 'qp-itemLabelId-in'))]).then(function (x) {
10641
- formatSource(x, 0, 3, tableSearchForm, ['id', 'name']);
10642
- formatTreeDataSource(x, 1, 4, tableSearchForm);
10643
- formatSource(x, 2, 6, tableSearchForm, ['id', 'name']);
10809
+ }, getQueryHeadersItem(_queryHeaderParams2, 'qp-itemLabelId-in')), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10810
+ pageSize: 5000,
10811
+ currentPage: 1,
10812
+ 'qp-propertyCode-eq': 'productFirstLevel'
10813
+ }, {}), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10814
+ pageSize: 5000,
10815
+ currentPage: 1,
10816
+ 'qp-propertyCode-eq': 'productSecondLevel'
10817
+ }, {}), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/item/propertyValue/getPropertyValueNoPagerByCode"), {
10818
+ pageSize: 5000,
10819
+ currentPage: 1,
10820
+ 'qp-propertyCode-eq': 'productThirdLevel'
10821
+ }, {})]).then(function (x) {
10822
+ // 一、二、三级产品线：展示 value，实际查询条件为 valueCode（tableSearchForm 顺序：SKU编码/SKU名称/SPU编码/一~三级产品线/品牌/类目/商品标签/SKC编码）
10823
+ formatSource(x, 3, 3, tableSearchForm, ['valueCode', 'value']);
10824
+ formatSource(x, 4, 4, tableSearchForm, ['valueCode', 'value']);
10825
+ formatSource(x, 5, 5, tableSearchForm, ['valueCode', 'value']);
10826
+ formatSource(x, 0, 6, tableSearchForm, ['id', 'name']);
10827
+ formatTreeDataSource(x, 1, 7, tableSearchForm);
10828
+ formatSource(x, 2, 8, tableSearchForm, ['id', 'name']);
10644
10829
  });
10645
10830
  modalTableProps = _objectSpread2({
10646
10831
  modalTableTitle: '选择SKU',
@@ -10696,7 +10881,9 @@ function commonFun(type, prefixUrl, parentProps) {
10696
10881
  title: '品牌',
10697
10882
  dataIndex: 'brandName',
10698
10883
  defaultSort: 4
10699
- }]
10884
+ }],
10885
+ // 布局：查询按钮在右侧、查询结果与已选区域上下布局（仅 SKU 选择器启用）
10886
+ layoutMode: 'topBottom'
10700
10887
  }, modalTableBusProps);
10701
10888
  }
10702
10889
  // 商品选择器spu
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bit-sun/business-component",
3
- "version": "4.2.0-alpha.31",
3
+ "version": "4.2.0-alpha.31-wyl",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",
package/src/components/Business/SearchSelect/BusinessUtils.tsx CHANGED
@@ -399,6 +399,48 @@ export function commonFun (type?: string, prefixUrl: any, parentProps?:any) {
399
399
  },
400
400
  }
401
401
  } },
402
+ { name: 'qp-productFirstLevel-in', type: 'select', label: '一级产品线', field: {
403
+ type: 'select',
404
+ props: {
405
+ mode: 'multiple',
406
+ notFoundContent: '暂无数据',
407
+ allowClear: true,
408
+ showSearch: true,
409
+ showArrow: true,
410
+ maxTagCount: 1,
411
+ optionFilterProp: 'children',
412
+ filterOption: (input: string, option: { props: { children: string } }) =>
413
+ option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
414
+ },
415
+ } },
416
+ { name: 'qp-productSecondLevel-in', type: 'select', label: '二级产品线', field: {
417
+ type: 'select',
418
+ props: {
419
+ mode: 'multiple',
420
+ notFoundContent: '暂无数据',
421
+ allowClear: true,
422
+ showSearch: true,
423
+ showArrow: true,
424
+ maxTagCount: 1,
425
+ optionFilterProp: 'children',
426
+ filterOption: (input: string, option: { props: { children: string } }) =>
427
+ option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
428
+ },
429
+ } },
430
+ { name: 'qp-productThirdLevel-in', type: 'select', label: '三级产品线', field: {
431
+ type: 'select',
432
+ props: {
433
+ mode: 'multiple',
434
+ notFoundContent: '暂无数据',
435
+ allowClear: true,
436
+ showSearch: true,
437
+ showArrow: true,
438
+ maxTagCount: 1,
439
+ optionFilterProp: 'children',
440
+ filterOption: (input: string, option: { props: { children: string } }) =>
441
+ option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
442
+ },
443
+ } },
402
444
  // { name: 'qp-eancode-in', label: '商品条码', field: {
403
445
  // type: 'multipleQueryInput',
404
446
  // props: {
@@ -479,10 +521,29 @@ export function commonFun (type?: string, prefixUrl: any, parentProps?:any) {
479
521
  currentPage: 1,
480
522
  'qp-labelType-eq': 1,
481
523
  },getQueryHeadersItem(queryHeaderParams,'qp-itemLabelId-in')),
524
+ loadSelectSource(`${prefixUrl.formSelectFix}/item/propertyValue/getPropertyValueNoPagerByCode`, {
525
+ pageSize: 5000,
526
+ currentPage: 1,
527
+ 'qp-propertyCode-eq': 'productFirstLevel',
528
+ },{}),
529
+ loadSelectSource(`${prefixUrl.formSelectFix}/item/propertyValue/getPropertyValueNoPagerByCode`, {
530
+ pageSize: 5000,
531
+ currentPage: 1,
532
+ 'qp-propertyCode-eq': 'productSecondLevel',
533
+ },{}),
534
+ loadSelectSource(`${prefixUrl.formSelectFix}/item/propertyValue/getPropertyValueNoPagerByCode`, {
535
+ pageSize: 5000,
536
+ currentPage: 1,
537
+ 'qp-propertyCode-eq': 'productThirdLevel',
538
+ },{}),
482
539
  ]).then((x: any)=>{
483
- formatSource(x,0, 3, tableSearchForm,['id','name'])
484
- formatTreeDataSource(x,1, 4, tableSearchForm)
485
- formatSource(x,2, 6, tableSearchForm,['id','name'])
540
+ // 一、二、三级产品线：展示 value，实际查询条件为 valueCode（tableSearchForm 顺序：SKU编码/SKU名称/SPU编码/一~三级产品线/品牌/类目/商品标签/SKC编码）
541
+ formatSource(x,3, 3, tableSearchForm,['valueCode','value'])
542
+ formatSource(x,4, 4, tableSearchForm,['valueCode','value'])
543
+ formatSource(x,5, 5, tableSearchForm,['valueCode','value'])
544
+ formatSource(x,0, 6, tableSearchForm,['id','name'])
545
+ formatTreeDataSource(x,1, 7, tableSearchForm)
546
+ formatSource(x,2, 8, tableSearchForm,['id','name'])
486
547
  })
487
548
  modalTableProps = {
488
549
  modalTableTitle: '选择SKU',
@@ -548,6 +609,8 @@ export function commonFun (type?: string, prefixUrl: any, parentProps?:any) {
548
609
  defaultSort: 4,
549
610
  },
550
611
  ],
612
+ // 布局：查询按钮在右侧、查询结果与已选区域上下布局（仅 SKU 选择器启用）
613
+ layoutMode: 'topBottom',
551
614
  ...modalTableBusProps
552
615
  }
553
616
  }
package/src/components/Functional/SearchSelect/index.less CHANGED
@@ -154,6 +154,16 @@
154
154
  }
155
155
  }
156
156
 
157
+ // 布局：上下结构 (layoutMode: 'topBottom') - 弹窗更贴近顶部、body 更高，给表格区域更多展示空间
158
+ &_modal_wrapper_topBottom {
159
+ .ant-modal {
160
+ top: 40px;
161
+ }
162
+ .ant-modal-body {
163
+ height: calc(100vh - 200px);
164
+ }
165
+ }
166
+
157
167
  &_wrapper {
158
168
  position: relative;
159
169
  font-size: 14px;
@@ -314,6 +324,61 @@
314
324
  border-color: @primary-color;
315
325
  }
316
326
  }
327
+
328
+ // 布局：查询按钮在右侧 (layoutMode: 'topBottom')
329
+ &_topForm {
330
+ .select_list_columns_topBottom {
331
+ .search_select_button_right {
332
+ display: flex;
333
+ justify-content: flex-end;
334
+ align-items: flex-start;
335
+ padding-right: 10px;
336
+ }
337
+ }
338
+ }
339
+
340
+ // 布局：上下三部分结构 (layoutMode: 'topBottom') - wrapper 撑满 modal body，查询条件/结果/已选 纵向分区
341
+ &.search_select_wrapper_topBottom {
342
+ display: flex;
343
+ flex-direction: column;
344
+ height: 100%;
345
+ overflow: hidden;
346
+
347
+ .search_select_wrapper_topForm {
348
+ flex: none;
349
+ }
350
+ }
351
+
352
+ // 布局：查询结果与已选区域上下布局 (layoutMode: 'topBottom')
353
+ &_bottomTable_topBottom {
354
+ flex: 1;
355
+ min-height: 0;
356
+ flex-direction: column;
357
+ justify-content: flex-start;
358
+ align-items: stretch;
359
+ overflow: hidden;
360
+ }
361
+
362
+ // 上下布局的子区域：结果区/已选区，类名与 JSX 中 search_select_wrapper_bottomTable_stackTop/stackBottom 一一对应
363
+ &_bottomTable_stackTop,
364
+ &_bottomTable_stackBottom {
365
+ width: 100%;
366
+ background: #fff;
367
+ // 防止表格内容溢出所在区域（表格内部滚动高度由 renderShowTable 实测计算）
368
+ overflow: hidden;
369
+ }
370
+
371
+ &_bottomTable_stackTop {
372
+ flex: 1;
373
+ min-height: 0;
374
+ margin-bottom: 12px;
375
+ }
376
+
377
+ &_bottomTable_stackBottom {
378
+ flex: none;
379
+ // 已选区固定高度：随窗口高度在 200~320px 之间自适应，保证结果区始终有空间展示数据
380
+ height: clamp(200px, 28vh, 320px);
381
+ }
317
382
  }
318
383
  }
319
384
 
package/src/components/Functional/SearchSelect/index.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  // @ts-nocheck
2
- import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
2
+ import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
3
3
  import { useDebounceFn } from 'ahooks';
4
4
  import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag, Row, Col, Space, Tabs, Empty, DatePicker } from 'antd';
5
5
  import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
@@ -156,6 +156,10 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
156
156
  const [tableShowColumns, setTabletShowColumns] = useState(handleTableColumns(modalTableProps?.tableColumns)); // 默认展示表头-modalTableProps?.tableColumns
157
157
  const [confirmLoading, setConfirmLoading] = useState(false);
158
158
  const [modalSearched, setModalSearched]=useState(false);
159
+ // 上下布局：结果区/已选区实际渲染高度（供表格内部滚动高度计算，flex 布局下随窗口自适应）
160
+ const stackTopRef = useRef<any>(null);
161
+ const stackBottomRef = useRef<any>(null);
162
+ const [stackRegionHeight, setStackRegionHeight] = useState({ top: 0, bottom: 0 });
159
163
 
160
164
  const setSelectDataSource = (list,total: number) => {
161
165
  setItems(list);
@@ -775,20 +779,70 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
775
779
  return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={text} style={{ margin: `${x} 0px`}} />
776
780
  }
777
781
 
782
+ // 布局模式：仅当配置 layoutMode === 'topBottom' 时启用（查询按钮在右侧、结果与已选上下布局）
783
+ const isTopBottomLayout = !!modalTableProps?.layoutMode && modalTableProps.layoutMode === 'topBottom';
784
+
785
+ // 上下布局：监听结果区/已选区实际渲染高度（弹窗打开、数据加载、窗口缩放），供表格内部滚动高度计算
786
+ useEffect(() => {
787
+ if (!isTopBottomLayout || !isModalVisible) return;
788
+ // 实测表格可滚动高度 = 区域高度 - tabs头 - 内容区padding - 表头 - 分页(含margin)，让分页紧贴区域底部
789
+ const measureBodyHeight = (regionRef: any) => {
790
+ const el = regionRef.current;
791
+ if (!el) return 0;
792
+ const navH = el.querySelector('.ant-tabs-nav')?.offsetHeight || 0;
793
+ const holder = el.querySelector('.ant-tabs-content-holder');
794
+ const holderPadding = holder ? holder.offsetHeight - holder.clientHeight : 0;
795
+ const headerH = el.querySelector('.ant-table-thead')?.offsetHeight || 0;
796
+ let paginationH = 0;
797
+ const pagination = el.querySelector('.ant-pagination');
798
+ if (pagination) {
799
+ const style = getComputedStyle(pagination);
800
+ paginationH = pagination.offsetHeight + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0);
801
+ }
802
+ return Math.max(el.clientHeight - navH - holderPadding - headerH - paginationH, 0);
803
+ };
804
+ const update = () => {
805
+ setStackRegionHeight((prev) => {
806
+ const next = { top: measureBodyHeight(stackTopRef), bottom: measureBodyHeight(stackBottomRef) };
807
+ return prev.top === next.top && prev.bottom === next.bottom ? prev : next;
808
+ });
809
+ };
810
+ update();
811
+ const resizeObserver = new ResizeObserver(update);
812
+ // 观察区域本身（窗口缩放/表单展开收起）及内容节点（数据加载分页出现等）的变化
813
+ [stackTopRef.current, stackBottomRef.current].forEach((el) => {
814
+ if (!el) return;
815
+ resizeObserver.observe(el);
816
+ el.querySelectorAll('.ant-tabs-nav, .ant-tabs-content-holder').forEach((node) => resizeObserver.observe(node));
817
+ });
818
+ return () => resizeObserver.disconnect();
819
+ }, [isModalVisible, isTopBottomLayout, selectMode]);
820
+
778
821
  const renderShowTable = (tableList, type) => {
779
822
  const tableBoxHeighth = getTableHeigth(modalTableProps?.tableSearchForm);
780
- const x = tableList?.length ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
781
- const oSY = `calc(100vh - ${tableBoxHeighth}px - ${x}px)`;
782
- const mTB = `calc(50vh - ${tableBoxHeighth/2}px - ${x/2}px - 40px)`
823
+ const isSelectedTable = type == 'noPage';
824
+ let boxHeight, oSY, mTB;
825
+ if (isTopBottomLayout) {
826
+ // 区域高度由 flex 布局 + CSS 控制（结果区 flex:1 占满剩余、已选区 clamp 固定），表格body高度按实测剩余空间计算
827
+ boxHeight = '100%';
828
+ oSY = `${stackRegionHeight[isSelectedTable ? 'bottom' : 'top']}px`;
829
+ mTB = isSelectedTable ? '20px' : '80px';
830
+ } else {
831
+ // 默认左右布局：保持原有高度公式
832
+ const x = tableList?.length ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
833
+ boxHeight = `calc(100vh - ${tableBoxHeighth}px)`;
834
+ oSY = `calc(100vh - ${tableBoxHeighth}px - ${x}px)`;
835
+ mTB = `calc(50vh - ${tableBoxHeighth/2}px - ${x/2}px - 40px)`;
836
+ }
783
837
  return (
784
- <div style={{ height: `calc(100vh - ${tableBoxHeighth}px)` }}>
838
+ <div style={{ height: boxHeight }}>
785
839
  <Table
786
840
  bordered
787
841
  size="middle"
788
842
  rowSelection={rowSelection}
789
843
  columns={tableShowColumns}
790
844
  dataSource={tableList}
791
- {...type=='noPage'?{
845
+ {...isSelectedTable?{
792
846
  pagination: { ...initPagination,showSizeChanger: false },
793
847
  locale: {
794
848
  emptyText: renderEmptyText('暂无已选结果',mTB),
@@ -1028,45 +1082,76 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
1028
1082
  ]
1029
1083
  : null
1030
1084
  }
1031
- wrapClassName={'search_select_modal_wrapper'}
1085
+ wrapClassName={`search_select_modal_wrapper${isTopBottomLayout ? ' search_select_modal_wrapper_topBottom' : ''}`}
1032
1086
  {...(modalTableProps?.modalProps || {})}
1033
1087
  >
1034
- <div className={'search_select_wrapper'}>
1088
+ <div className={`search_select_wrapper${isTopBottomLayout ? ' search_select_wrapper_topBottom' : ''}`}>
1035
1089
  <div className={'search_select_wrapper_topForm'}>
1036
- <div className={'select_list_columns'}>
1090
+ <div className={isTopBottomLayout ? 'select_list_columns select_list_columns_topBottom' : 'select_list_columns'}>
1037
1091
  <Form form={form} layout={'horizontal'} colon={false} key="modalForm">
1038
1092
  <Row>
1039
1093
  {renderFormItem(modalTableProps?.tableSearchForm)}
1040
- <Col span={6}>
1041
- <Space>
1042
- <Button key="search" type="primary" onClick={onSearchTable} disabled={fetching}>
1043
- 查询 Enter
1044
- </Button>
1045
- <Button key="reset" onClick={onResetTable} disabled={fetching}>
1046
- 重置 ctrl+I
1047
- </Button>
1048
- <div style={{position: 'absolute',top: 0,right: 0}}>
1049
- {hasMoreQueryFields(modalTableProps)
1050
- ? <img onClick={() => {toggleCollapsed()}} style={{
1051
- cursor: 'pointer',
1052
- fontSize: '10px',
1053
- transition: '0.3s all',
1054
- transform: `rotate(${collapsed ? 0 : 0.5}turn)`,
1055
- }} src={zhankaitiaojian} />
1056
- : <></>
1057
- }
1058
- </div>
1059
- </Space>
1060
- </Col>
1094
+ {isTopBottomLayout ? (
1095
+ <Col className={'search_select_button_right'} flex="auto">
1096
+ <Space>
1097
+ <Button key="search" type="primary" onClick={onSearchTable} disabled={fetching}>
1098
+ 查询 Enter
1099
+ </Button>
1100
+ <Button key="reset" onClick={onResetTable} disabled={fetching}>
1101
+ 重置 ctrl+I
1102
+ </Button>
1103
+ <div style={{position: 'absolute',top: 0,right: 0}}>
1104
+ {hasMoreQueryFields(modalTableProps)
1105
+ ? <img onClick={() => {toggleCollapsed()}} style={{
1106
+ cursor: 'pointer',
1107
+ fontSize: '10px',
1108
+ transition: '0.3s all',
1109
+ transform: `rotate(${collapsed ? 0 : 0.5}turn)`,
1110
+ }} src={zhankaitiaojian} />
1111
+ : <></>
1112
+ }
1113
+ </div>
1114
+ </Space>
1115
+ </Col>
1116
+ ) : (
1117
+ <Col span={6}>
1118
+ <Space>
1119
+ <Button key="search" type="primary" onClick={onSearchTable} disabled={fetching}>
1120
+ 查询 Enter
1121
+ </Button>
1122
+ <Button key="reset" onClick={onResetTable} disabled={fetching}>
1123
+ 重置 ctrl+I
1124
+ </Button>
1125
+ <div style={{position: 'absolute',top: 0,right: 0}}>
1126
+ {hasMoreQueryFields(modalTableProps)
1127
+ ? <img onClick={() => {toggleCollapsed()}} style={{
1128
+ cursor: 'pointer',
1129
+ fontSize: '10px',
1130
+ transition: '0.3s all',
1131
+ transform: `rotate(${collapsed ? 0 : 0.5}turn)`,
1132
+ }} src={zhankaitiaojian} />
1133
+ : <></>
1134
+ }
1135
+ </div>
1136
+ </Space>
1137
+ </Col>
1138
+ )}
1061
1139
  </Row>
1062
1140
  </Form>
1063
1141
  </div>
1064
1142
  </div>
1065
1143
 
1066
- <div className={'search_select_wrapper_bottomTable'}>
1067
- <div className={selectMode ?'search_select_wrapper_bottomTable_wrapLeft2':'search_select_wrapper_bottomTable_wrapLeft1'}><Tabs items={tabsItems1} /></div>
1068
- {selectMode ? <div className={'search_select_wrapper_bottomTable_wrapRight'}><Tabs items={tabsItems2} tabBarExtraContent={<span onClick={()=> onChangeSelectedKeys([], [])}>清空已选</span>} /></div> : null}
1069
- </div>
1144
+ {isTopBottomLayout ? (
1145
+ <div className={'search_select_wrapper_bottomTable search_select_wrapper_bottomTable_topBottom'}>
1146
+ <div className={'search_select_wrapper_bottomTable_stackTop'} ref={stackTopRef}><Tabs items={tabsItems1} /></div>
1147
+ {selectMode ? <div className={'search_select_wrapper_bottomTable_stackBottom'} ref={stackBottomRef}><Tabs items={tabsItems2} tabBarExtraContent={<span onClick={()=> onChangeSelectedKeys([], [])}>清空已选</span>} /></div> : null}
1148
+ </div>
1149
+ ) : (
1150
+ <div className={'search_select_wrapper_bottomTable'}>
1151
+ <div className={selectMode ?'search_select_wrapper_bottomTable_wrapLeft2':'search_select_wrapper_bottomTable_wrapLeft1'}><Tabs items={tabsItems1} /></div>
1152
+ {selectMode ? <div className={'search_select_wrapper_bottomTable_wrapRight'}><Tabs items={tabsItems2} tabBarExtraContent={<span onClick={()=> onChangeSelectedKeys([], [])}>清空已选</span>} /></div> : null}
1153
+ </div>
1154
+ )}
1070
1155
  </div>
1071
1156
  </Modal>
1072
1157
  )}