@bit-sun/business-component 4.0.12-alpha.22 → 4.0.12-alpha.23
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.
- package/dist/components/Functional/QueryMutipleInput/index.d.ts +1 -4
- package/dist/components/Functional/SearchSelect/index.d.ts +0 -2
- package/dist/index.esm.js +14 -64
- package/dist/index.js +13 -63
- package/package.json +1 -1
- package/src/components/Functional/QueryMutipleInput/index.tsx +4 -22
- package/src/components/Functional/SearchSelect/index.less +2 -2
- package/src/components/Functional/SearchSelect/index.tsx +4 -32
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
/// <reference types="lodash" />
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import './index.less';
|
|
4
|
-
|
|
5
|
-
declare const QueryMutipleInput: ({ onValueChange, onPressEnter, ctx }: {
|
|
3
|
+
declare const QueryMutipleInput: ({ onValueChange, onPressEnter }: {
|
|
6
4
|
onValueChange: any;
|
|
7
5
|
onPressEnter: any;
|
|
8
|
-
ctx: any;
|
|
9
6
|
}) => React.JSX.Element;
|
|
10
7
|
export default QueryMutipleInput;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import _ from "lodash";
|
|
3
2
|
import './index.less';
|
|
4
|
-
export declare const handlePressEnter: _.DebouncedFunc<(ctx: any) => void>;
|
|
5
3
|
declare const SearchSelect: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
|
|
6
4
|
export default SearchSelect;
|
package/dist/index.esm.js
CHANGED
|
@@ -2,7 +2,7 @@ import axios from 'axios';
|
|
|
2
2
|
import request$1 from 'umi-request';
|
|
3
3
|
import cookie from 'js-cookie';
|
|
4
4
|
import { message as message$1, Tooltip, Image, Popover, Card, Avatar, Badge, Menu, Input, InputNumber, Space, Button, Dropdown, Upload, Checkbox, Modal, ConfigProvider, Select, Tag, Form, Table, Spin, Row, Col, Tabs, TreeSelect, Typography, Alert, Breadcrumb, Drawer as Drawer$1, List, Radio, Tree, Result, Affix, Cascader, DatePicker, TimePicker, Divider, Switch, Collapse } from 'antd';
|
|
5
|
-
import _, {
|
|
5
|
+
import _, { isNil, escapeRegExp, omit, debounce, cloneDeep as cloneDeep$1, throttle, isEmpty } from 'lodash';
|
|
6
6
|
import memoizeOne from 'memoize-one';
|
|
7
7
|
import { formatMessage, history, useLocation, Link, useModel, setLocale, useIntl, request as request$3 } from 'umi';
|
|
8
8
|
import isEqual from 'lodash/isEqual';
|
|
@@ -3949,25 +3949,9 @@ var DataImport = /*#__PURE__*/function (_React$Component) {
|
|
|
3949
3949
|
var css_248z$4 = ".query_input_show {\n display: flex;\n}\n.query_input_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: 12px;\n text-align: center;\n line-height: normal;\n}\n.query_input_expand_button:hover {\n background-color: #005cff;\n color: #fff;\n}\n.query_input_wrapper_top {\n color: #8E8E8E;\n}\n.query_input_textArea {\n margin-top: 10px;\n}\n.query_input_textArea .ant-input {\n height: 300px;\n background: #FAFAFA;\n border: 0.8px solid #E0E0E0;\n resize: none;\n border-radius: 0;\n}\n.multiInput_modal .ant-modal-header {\n height: 32px;\n padding: 0 16px;\n font-size: 12px;\n}\n.multiInput_modal .ant-modal-title {\n line-height: 32px;\n}\n.multiInput_modal .ant-modal-close-x {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n.multiInput_modal .ant-modal-footer {\n padding-right: 8px;\n height: 44px;\n}\n.multiInput_modal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {\n margin-left: 6px;\n}\n.multiInput_modal .ant-modal-footer .ant-btn {\n width: 56px;\n height: 28px;\n font-weight: 500;\n}\n";
|
|
3950
3950
|
styleInject(css_248z$4);
|
|
3951
3951
|
|
|
3952
|
-
var handlePressEnter = debounce(function (ctx) {
|
|
3953
|
-
if (ctx === null || ctx === void 0 ? void 0 : ctx.table) {
|
|
3954
|
-
var _ctx$form, _ctx$form$validateFie;
|
|
3955
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : (_ctx$form$validateFie = _ctx$form.validateFields) === null || _ctx$form$validateFie === void 0 ? void 0 : _ctx$form$validateFie.call(_ctx$form).then(function (data) {
|
|
3956
|
-
var _ctx$table, _ctx$table2;
|
|
3957
|
-
var _ctx$table$getPaging = ctx === null || ctx === void 0 ? void 0 : (_ctx$table = ctx.table) === null || _ctx$table === void 0 ? void 0 : _ctx$table.getPaging(),
|
|
3958
|
-
pageSize = _ctx$table$getPaging.pagination.pageSize,
|
|
3959
|
-
sorter = _ctx$table$getPaging.sorter;
|
|
3960
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$table2 = ctx.table) === null || _ctx$table2 === void 0 ? void 0 : _ctx$table2.refreshTable({
|
|
3961
|
-
pageSize: pageSize,
|
|
3962
|
-
current: 1
|
|
3963
|
-
}, data, sorter);
|
|
3964
|
-
});
|
|
3965
|
-
}
|
|
3966
|
-
}, 50);
|
|
3967
3952
|
var QueryMutipleInput = function QueryMutipleInput(_ref) {
|
|
3968
3953
|
var onValueChange = _ref.onValueChange,
|
|
3969
|
-
_onPressEnter = _ref.onPressEnter
|
|
3970
|
-
ctx = _ref.ctx;
|
|
3954
|
+
_onPressEnter = _ref.onPressEnter;
|
|
3971
3955
|
var _useState = useState(false),
|
|
3972
3956
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3973
3957
|
isModalVisible = _useState2[0],
|
|
@@ -4039,11 +4023,8 @@ var QueryMutipleInput = function QueryMutipleInput(_ref) {
|
|
|
4039
4023
|
onClick: showModal
|
|
4040
4024
|
}, "..."),
|
|
4041
4025
|
placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09",
|
|
4042
|
-
onPressEnter: function onPressEnter(
|
|
4043
|
-
|
|
4044
|
-
_onPressEnter(e);
|
|
4045
|
-
}
|
|
4046
|
-
if (ctx) handlePressEnter(ctx);
|
|
4026
|
+
onPressEnter: function onPressEnter() {
|
|
4027
|
+
return _onPressEnter === null || _onPressEnter === void 0 ? void 0 : _onPressEnter();
|
|
4047
4028
|
}
|
|
4048
4029
|
})), /*#__PURE__*/React$1.createElement(Modal, {
|
|
4049
4030
|
width: 600,
|
|
@@ -4094,7 +4075,7 @@ function ToCDB(str) {
|
|
|
4094
4075
|
return tmp;
|
|
4095
4076
|
}
|
|
4096
4077
|
|
|
4097
|
-
var css_248z$5 = ".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(
|
|
4078
|
+
var css_248z$5 = ".search_select .ant-select-selector {\n height: 24px;\n overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n height: 40px;\n flex-wrap: nowrap;\n overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n align-self: auto;\n}\n.search_select_show {\n display: flex;\n}\n.search_select_show .ant-select-dropdown {\n top: 24px !important;\n width: calc(141%) !important;\n}\n.search_select_show .ant-select-clear {\n right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n top: 24px !important;\n width: calc(100% + 110px) !important;\n}\n.search_select_expand_button {\n position: relative;\n right: -11px;\n width: 30px;\n border-left: 1px solid #d9d9d9;\n height: 24px;\n cursor: pointer;\n font-size: 14px;\n font-weight: bolder;\n}\n.search_select_expand_button span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n background-color: #005cff;\n color: #fff;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n background-color: transparent;\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n font-family: MiSans-Regular;\n font-weight: 400;\n font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n height: 20px;\n color: #000000;\n line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n padding: 0px;\n background: #F3F3F3;\n height: calc(100vh - 235px);\n overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n color: #005cff;\n border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n background: #005cff;\n border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n opacity: 0.5;\n color: #fff;\n}\n.search_select_wrapper {\n position: relative;\n font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n width: 100%;\n padding: 10px 6px 2px 16px;\n background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n padding: 0;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n font-size: 12px !important;\n margin-right: 0px !important;\n margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n background-color: #fafafa;\n border: 0.8px solid #D9D9D9;\n border-radius: 2px;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n width: 110px;\n order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n width: 100%;\n text-align: left;\n padding: 0 10px;\n color: #333333;\n font-size: 12px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n order: 2;\n width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n border: 0;\n font-size: 12px;\n background-color: #fafafa;\n padding: 0 11px;\n height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n background-color: #fafafa !important;\n border: 0;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n border: 0 !important;\n background-color: #fafafa !important;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n background-color: #fafafa !important;\n border: 0;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n order: 2;\n padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n margin: 10px;\n display: flex;\n justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n background: #fff;\n width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n margin: 0;\n padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n height: 28px;\n font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n left: 3px !important;\n width: 40px !important;\n background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n color: #005cff;\n cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n color: #005cff;\n background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n border-color: #005cff;\n}\n.searchSelectSpin > div {\n height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n max-height: 72px;\n overflow-x: auto;\n padding: 0px;\n}\n";
|
|
4098
4079
|
styleInject(css_248z$5);
|
|
4099
4080
|
|
|
4100
4081
|
var columnsPerRow = 4; // 每行的列数
|
|
@@ -4584,21 +4565,6 @@ var PropertySelector = function PropertySelector(_ref) {
|
|
|
4584
4565
|
}, showNotCommon && (/*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CaretUpOutlined, null), "\u6536\u8D77")), !showNotCommon && (/*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CaretDownOutlined, null), "\u5C55\u5F00"))))))));
|
|
4585
4566
|
};
|
|
4586
4567
|
|
|
4587
|
-
var handlePressEnter$1 = debounce(function (ctx) {
|
|
4588
|
-
if (ctx === null || ctx === void 0 ? void 0 : ctx.table) {
|
|
4589
|
-
var _ctx$form, _ctx$form$validateFie;
|
|
4590
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : (_ctx$form$validateFie = _ctx$form.validateFields) === null || _ctx$form$validateFie === void 0 ? void 0 : _ctx$form$validateFie.call(_ctx$form).then(function (data) {
|
|
4591
|
-
var _ctx$table, _ctx$table2;
|
|
4592
|
-
var _ctx$table$getPaging = ctx === null || ctx === void 0 ? void 0 : (_ctx$table = ctx.table) === null || _ctx$table === void 0 ? void 0 : _ctx$table.getPaging(),
|
|
4593
|
-
pageSize = _ctx$table$getPaging.pagination.pageSize,
|
|
4594
|
-
sorter = _ctx$table$getPaging.sorter;
|
|
4595
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$table2 = ctx.table) === null || _ctx$table2 === void 0 ? void 0 : _ctx$table2.refreshTable({
|
|
4596
|
-
pageSize: pageSize,
|
|
4597
|
-
current: 1
|
|
4598
|
-
}, data, sorter);
|
|
4599
|
-
});
|
|
4600
|
-
}
|
|
4601
|
-
}, 50);
|
|
4602
4568
|
var Option$1 = Select.Option;
|
|
4603
4569
|
var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
4604
4570
|
var _pathname$match, _modalTableProps$tabl, _modalTableProps$tabl2;
|
|
@@ -5084,8 +5050,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5084
5050
|
callback(source);
|
|
5085
5051
|
} else {
|
|
5086
5052
|
if (type === 1) {
|
|
5087
|
-
var _ctx$
|
|
5088
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5053
|
+
var _ctx$form;
|
|
5054
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(resultSourceKey, source);
|
|
5089
5055
|
setSelectDataSource(source, Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length));
|
|
5090
5056
|
} else {
|
|
5091
5057
|
setTableData(source);
|
|
@@ -5188,8 +5154,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5188
5154
|
callback(source);
|
|
5189
5155
|
} else {
|
|
5190
5156
|
if (type === 1) {
|
|
5191
|
-
var _ctx$
|
|
5192
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5157
|
+
var _ctx$form2;
|
|
5158
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
|
|
5193
5159
|
setSelectDataSource(source, Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length));
|
|
5194
5160
|
} else {
|
|
5195
5161
|
setTableData(source);
|
|
@@ -5333,10 +5299,10 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5333
5299
|
};
|
|
5334
5300
|
var handleSelectOver = function handleSelectOver(selectedValue) {
|
|
5335
5301
|
if (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) {
|
|
5336
|
-
var _ctx$
|
|
5302
|
+
var _ctx$form3;
|
|
5337
5303
|
// 解决选择最后1页的sku,返回后,不显示名称问题
|
|
5338
5304
|
var source = _.uniqBy(items.concat(selectedValue), 'value');
|
|
5339
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5305
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form3 = ctx.form) === null || _ctx$form3 === void 0 ? void 0 : _ctx$form3.setFieldSource(resultSourceKey, source);
|
|
5340
5306
|
setSelectDataSource(source, source === null || source === void 0 ? void 0 : source.length);
|
|
5341
5307
|
formaData(selectedValue, source);
|
|
5342
5308
|
} else {
|
|
@@ -5740,9 +5706,10 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5740
5706
|
})) || [], 'noPage')
|
|
5741
5707
|
}];
|
|
5742
5708
|
var resetSelectDataSource = function resetSelectDataSource() {
|
|
5709
|
+
var isClear = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
5743
5710
|
setSearchValue('');
|
|
5744
5711
|
// 有关联值 不需要清空下拉框数据 也不需要重新去请求了
|
|
5745
|
-
if (isHaveDependency) return;
|
|
5712
|
+
if (!isClear && isHaveDependency) return; // 清空时需要放开:级联首次回之后,清空数据需要重新查询下拉框的值
|
|
5746
5713
|
clearSelectDataSource();
|
|
5747
5714
|
init && run('init');
|
|
5748
5715
|
};
|
|
@@ -5754,7 +5721,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5754
5721
|
formaData([], items);
|
|
5755
5722
|
onChangeSelectedKeys([], []);
|
|
5756
5723
|
// 重置下拉框数据源
|
|
5757
|
-
resetSelectDataSource();
|
|
5724
|
+
resetSelectDataSource(true);
|
|
5758
5725
|
};
|
|
5759
5726
|
var onDeselect = function onDeselect() {
|
|
5760
5727
|
var oldSelect = (value === null || value === void 0 ? void 0 : value.map(function (s) {
|
|
@@ -5989,23 +5956,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5989
5956
|
}
|
|
5990
5957
|
}, /*#__PURE__*/React$1.createElement("div", null, searchValue || init || isHaveDependency ? '无匹配结果,请更换其他内容再试' : "\u8BF7\u5F55\u5165".concat(searchStartLength ? '4位数以上' : '', "\u5B57\u7B26\u8FDB\u884C\u6A21\u7CCA\u67E5\u8BE2")))),
|
|
5991
5958
|
onPopupScroll: SelectScroll,
|
|
5992
|
-
onKeyDown: function onKeyDown(e) {
|
|
5993
|
-
if ((e.key === 'Enter' || e.keyCode === 13) && !selectOpen) {
|
|
5994
|
-
if (props === null || props === void 0 ? void 0 : props.onPressEnter) {
|
|
5995
|
-
var _props$onPressEnter;
|
|
5996
|
-
(_props$onPressEnter = props.onPressEnter) === null || _props$onPressEnter === void 0 ? void 0 : _props$onPressEnter.call(props, e);
|
|
5997
|
-
}
|
|
5998
|
-
handlePressEnter$1(ctx);
|
|
5999
|
-
setSelectOpen(false);
|
|
6000
|
-
e.preventDefault();
|
|
6001
|
-
e.stopPropagation();
|
|
6002
|
-
return;
|
|
6003
|
-
} else if (e.keyCode === 9 || e.key === 'Tab') {
|
|
6004
|
-
setSelectOpen(false);
|
|
6005
|
-
} else {
|
|
6006
|
-
setSelectOpen(true);
|
|
6007
|
-
}
|
|
6008
|
-
},
|
|
6009
5959
|
style: {
|
|
6010
5960
|
width: 'calc(100%)'
|
|
6011
5961
|
},
|
package/dist/index.js
CHANGED
|
@@ -3972,25 +3972,9 @@ var DataImport = /*#__PURE__*/function (_React$Component) {
|
|
|
3972
3972
|
var css_248z$4 = ".query_input_show {\n display: flex;\n}\n.query_input_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: 12px;\n text-align: center;\n line-height: normal;\n}\n.query_input_expand_button:hover {\n background-color: #005cff;\n color: #fff;\n}\n.query_input_wrapper_top {\n color: #8E8E8E;\n}\n.query_input_textArea {\n margin-top: 10px;\n}\n.query_input_textArea .ant-input {\n height: 300px;\n background: #FAFAFA;\n border: 0.8px solid #E0E0E0;\n resize: none;\n border-radius: 0;\n}\n.multiInput_modal .ant-modal-header {\n height: 32px;\n padding: 0 16px;\n font-size: 12px;\n}\n.multiInput_modal .ant-modal-title {\n line-height: 32px;\n}\n.multiInput_modal .ant-modal-close-x {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n.multiInput_modal .ant-modal-footer {\n padding-right: 8px;\n height: 44px;\n}\n.multiInput_modal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {\n margin-left: 6px;\n}\n.multiInput_modal .ant-modal-footer .ant-btn {\n width: 56px;\n height: 28px;\n font-weight: 500;\n}\n";
|
|
3973
3973
|
styleInject(css_248z$4);
|
|
3974
3974
|
|
|
3975
|
-
var handlePressEnter = _.debounce(function (ctx) {
|
|
3976
|
-
if (ctx === null || ctx === void 0 ? void 0 : ctx.table) {
|
|
3977
|
-
var _ctx$form, _ctx$form$validateFie;
|
|
3978
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : (_ctx$form$validateFie = _ctx$form.validateFields) === null || _ctx$form$validateFie === void 0 ? void 0 : _ctx$form$validateFie.call(_ctx$form).then(function (data) {
|
|
3979
|
-
var _ctx$table, _ctx$table2;
|
|
3980
|
-
var _ctx$table$getPaging = ctx === null || ctx === void 0 ? void 0 : (_ctx$table = ctx.table) === null || _ctx$table === void 0 ? void 0 : _ctx$table.getPaging(),
|
|
3981
|
-
pageSize = _ctx$table$getPaging.pagination.pageSize,
|
|
3982
|
-
sorter = _ctx$table$getPaging.sorter;
|
|
3983
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$table2 = ctx.table) === null || _ctx$table2 === void 0 ? void 0 : _ctx$table2.refreshTable({
|
|
3984
|
-
pageSize: pageSize,
|
|
3985
|
-
current: 1
|
|
3986
|
-
}, data, sorter);
|
|
3987
|
-
});
|
|
3988
|
-
}
|
|
3989
|
-
}, 50);
|
|
3990
3975
|
var QueryMutipleInput = function QueryMutipleInput(_ref) {
|
|
3991
3976
|
var onValueChange = _ref.onValueChange,
|
|
3992
|
-
_onPressEnter = _ref.onPressEnter
|
|
3993
|
-
ctx = _ref.ctx;
|
|
3977
|
+
_onPressEnter = _ref.onPressEnter;
|
|
3994
3978
|
var _useState = React$1.useState(false),
|
|
3995
3979
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3996
3980
|
isModalVisible = _useState2[0],
|
|
@@ -4062,11 +4046,8 @@ var QueryMutipleInput = function QueryMutipleInput(_ref) {
|
|
|
4062
4046
|
onClick: showModal
|
|
4063
4047
|
}, "..."),
|
|
4064
4048
|
placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09",
|
|
4065
|
-
onPressEnter: function onPressEnter(
|
|
4066
|
-
|
|
4067
|
-
_onPressEnter(e);
|
|
4068
|
-
}
|
|
4069
|
-
if (ctx) handlePressEnter(ctx);
|
|
4049
|
+
onPressEnter: function onPressEnter() {
|
|
4050
|
+
return _onPressEnter === null || _onPressEnter === void 0 ? void 0 : _onPressEnter();
|
|
4070
4051
|
}
|
|
4071
4052
|
})), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
|
|
4072
4053
|
width: 600,
|
|
@@ -4117,7 +4098,7 @@ function ToCDB(str) {
|
|
|
4117
4098
|
return tmp;
|
|
4118
4099
|
}
|
|
4119
4100
|
|
|
4120
|
-
var css_248z$5 = ".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(
|
|
4101
|
+
var css_248z$5 = ".search_select .ant-select-selector {\n height: 24px;\n overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n height: 40px;\n flex-wrap: nowrap;\n overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n align-self: auto;\n}\n.search_select_show {\n display: flex;\n}\n.search_select_show .ant-select-dropdown {\n top: 24px !important;\n width: calc(141%) !important;\n}\n.search_select_show .ant-select-clear {\n right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n top: 24px !important;\n width: calc(100% + 110px) !important;\n}\n.search_select_expand_button {\n position: relative;\n right: -11px;\n width: 30px;\n border-left: 1px solid #d9d9d9;\n height: 24px;\n cursor: pointer;\n font-size: 14px;\n font-weight: bolder;\n}\n.search_select_expand_button span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n background-color: #005cff;\n color: #fff;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n background-color: transparent;\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n font-family: MiSans-Regular;\n font-weight: 400;\n font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n height: 20px;\n color: #000000;\n line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n padding: 0px;\n background: #F3F3F3;\n height: calc(100vh - 235px);\n overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n color: #005cff;\n border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n background: #005cff;\n border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n opacity: 0.5;\n color: #fff;\n}\n.search_select_wrapper {\n position: relative;\n font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n width: 100%;\n padding: 10px 6px 2px 16px;\n background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n padding: 0;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n font-size: 12px !important;\n margin-right: 0px !important;\n margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n background-color: #fafafa;\n border: 0.8px solid #D9D9D9;\n border-radius: 2px;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n width: 110px;\n order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n width: 100%;\n text-align: left;\n padding: 0 10px;\n color: #333333;\n font-size: 12px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n order: 2;\n width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n border: 0;\n font-size: 12px;\n background-color: #fafafa;\n padding: 0 11px;\n height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n background-color: #fafafa !important;\n border: 0;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n border: 0 !important;\n background-color: #fafafa !important;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n background-color: #fafafa !important;\n border: 0;\n font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n order: 2;\n padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n margin: 10px;\n display: flex;\n justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n background: #fff;\n width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n margin: 0;\n padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n height: 28px;\n font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n left: 3px !important;\n width: 40px !important;\n background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n color: #005cff;\n cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n color: #005cff;\n background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n border-color: #005cff;\n}\n.searchSelectSpin > div {\n height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n max-height: 72px;\n overflow-x: auto;\n padding: 0px;\n}\n";
|
|
4121
4102
|
styleInject(css_248z$5);
|
|
4122
4103
|
|
|
4123
4104
|
var columnsPerRow = 4; // 每行的列数
|
|
@@ -4607,21 +4588,6 @@ var PropertySelector = function PropertySelector(_ref) {
|
|
|
4607
4588
|
}, showNotCommon && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(icons.CaretUpOutlined, null), "\u6536\u8D77")), !showNotCommon && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(icons.CaretDownOutlined, null), "\u5C55\u5F00"))))))));
|
|
4608
4589
|
};
|
|
4609
4590
|
|
|
4610
|
-
var handlePressEnter$1 = _.debounce(function (ctx) {
|
|
4611
|
-
if (ctx === null || ctx === void 0 ? void 0 : ctx.table) {
|
|
4612
|
-
var _ctx$form, _ctx$form$validateFie;
|
|
4613
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : (_ctx$form$validateFie = _ctx$form.validateFields) === null || _ctx$form$validateFie === void 0 ? void 0 : _ctx$form$validateFie.call(_ctx$form).then(function (data) {
|
|
4614
|
-
var _ctx$table, _ctx$table2;
|
|
4615
|
-
var _ctx$table$getPaging = ctx === null || ctx === void 0 ? void 0 : (_ctx$table = ctx.table) === null || _ctx$table === void 0 ? void 0 : _ctx$table.getPaging(),
|
|
4616
|
-
pageSize = _ctx$table$getPaging.pagination.pageSize,
|
|
4617
|
-
sorter = _ctx$table$getPaging.sorter;
|
|
4618
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$table2 = ctx.table) === null || _ctx$table2 === void 0 ? void 0 : _ctx$table2.refreshTable({
|
|
4619
|
-
pageSize: pageSize,
|
|
4620
|
-
current: 1
|
|
4621
|
-
}, data, sorter);
|
|
4622
|
-
});
|
|
4623
|
-
}
|
|
4624
|
-
}, 50);
|
|
4625
4591
|
var Option$1 = antd.Select.Option;
|
|
4626
4592
|
var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
4627
4593
|
var _pathname$match, _modalTableProps$tabl, _modalTableProps$tabl2;
|
|
@@ -5107,8 +5073,8 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
5107
5073
|
callback(source);
|
|
5108
5074
|
} else {
|
|
5109
5075
|
if (type === 1) {
|
|
5110
|
-
var _ctx$
|
|
5111
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5076
|
+
var _ctx$form;
|
|
5077
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(resultSourceKey, source);
|
|
5112
5078
|
setSelectDataSource(source, Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length));
|
|
5113
5079
|
} else {
|
|
5114
5080
|
setTableData(source);
|
|
@@ -5211,8 +5177,8 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
5211
5177
|
callback(source);
|
|
5212
5178
|
} else {
|
|
5213
5179
|
if (type === 1) {
|
|
5214
|
-
var _ctx$
|
|
5215
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5180
|
+
var _ctx$form2;
|
|
5181
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
|
|
5216
5182
|
setSelectDataSource(source, Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length));
|
|
5217
5183
|
} else {
|
|
5218
5184
|
setTableData(source);
|
|
@@ -5356,10 +5322,10 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
5356
5322
|
};
|
|
5357
5323
|
var handleSelectOver = function handleSelectOver(selectedValue) {
|
|
5358
5324
|
if (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) {
|
|
5359
|
-
var _ctx$
|
|
5325
|
+
var _ctx$form3;
|
|
5360
5326
|
// 解决选择最后1页的sku,返回后,不显示名称问题
|
|
5361
5327
|
var source = ___default['default'].uniqBy(items.concat(selectedValue), 'value');
|
|
5362
|
-
ctx === null || ctx === void 0 ? void 0 : (_ctx$
|
|
5328
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form3 = ctx.form) === null || _ctx$form3 === void 0 ? void 0 : _ctx$form3.setFieldSource(resultSourceKey, source);
|
|
5363
5329
|
setSelectDataSource(source, source === null || source === void 0 ? void 0 : source.length);
|
|
5364
5330
|
formaData(selectedValue, source);
|
|
5365
5331
|
} else {
|
|
@@ -5763,9 +5729,10 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
5763
5729
|
})) || [], 'noPage')
|
|
5764
5730
|
}];
|
|
5765
5731
|
var resetSelectDataSource = function resetSelectDataSource() {
|
|
5732
|
+
var isClear = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
5766
5733
|
setSearchValue('');
|
|
5767
5734
|
// 有关联值 不需要清空下拉框数据 也不需要重新去请求了
|
|
5768
|
-
if (isHaveDependency) return;
|
|
5735
|
+
if (!isClear && isHaveDependency) return; // 清空时需要放开:级联首次回之后,清空数据需要重新查询下拉框的值
|
|
5769
5736
|
clearSelectDataSource();
|
|
5770
5737
|
init && run('init');
|
|
5771
5738
|
};
|
|
@@ -5777,7 +5744,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
5777
5744
|
formaData([], items);
|
|
5778
5745
|
onChangeSelectedKeys([], []);
|
|
5779
5746
|
// 重置下拉框数据源
|
|
5780
|
-
resetSelectDataSource();
|
|
5747
|
+
resetSelectDataSource(true);
|
|
5781
5748
|
};
|
|
5782
5749
|
var onDeselect = function onDeselect() {
|
|
5783
5750
|
var oldSelect = (value === null || value === void 0 ? void 0 : value.map(function (s) {
|
|
@@ -6012,23 +5979,6 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
|
|
|
6012
5979
|
}
|
|
6013
5980
|
}, /*#__PURE__*/React__default['default'].createElement("div", null, searchValue || init || isHaveDependency ? '无匹配结果,请更换其他内容再试' : "\u8BF7\u5F55\u5165".concat(searchStartLength ? '4位数以上' : '', "\u5B57\u7B26\u8FDB\u884C\u6A21\u7CCA\u67E5\u8BE2")))),
|
|
6014
5981
|
onPopupScroll: SelectScroll,
|
|
6015
|
-
onKeyDown: function onKeyDown(e) {
|
|
6016
|
-
if ((e.key === 'Enter' || e.keyCode === 13) && !selectOpen) {
|
|
6017
|
-
if (props === null || props === void 0 ? void 0 : props.onPressEnter) {
|
|
6018
|
-
var _props$onPressEnter;
|
|
6019
|
-
(_props$onPressEnter = props.onPressEnter) === null || _props$onPressEnter === void 0 ? void 0 : _props$onPressEnter.call(props, e);
|
|
6020
|
-
}
|
|
6021
|
-
handlePressEnter$1(ctx);
|
|
6022
|
-
setSelectOpen(false);
|
|
6023
|
-
e.preventDefault();
|
|
6024
|
-
e.stopPropagation();
|
|
6025
|
-
return;
|
|
6026
|
-
} else if (e.keyCode === 9 || e.key === 'Tab') {
|
|
6027
|
-
setSelectOpen(false);
|
|
6028
|
-
} else {
|
|
6029
|
-
setSelectOpen(true);
|
|
6030
|
-
}
|
|
6031
|
-
},
|
|
6032
5982
|
style: {
|
|
6033
5983
|
width: 'calc(100%)'
|
|
6034
5984
|
},
|
package/package.json
CHANGED
|
@@ -2,29 +2,16 @@
|
|
|
2
2
|
* @Description:
|
|
3
3
|
* @Author: rodchen
|
|
4
4
|
* @Date: 2021-12-01 10:52:08
|
|
5
|
-
* @LastEditTime:
|
|
6
|
-
* @LastEditors: rodchen
|
|
5
|
+
* @LastEditTime: 2021-12-29 19:14:56
|
|
6
|
+
* @LastEditors: rodchen
|
|
7
7
|
*/
|
|
8
8
|
// @ts-nocheck
|
|
9
9
|
import React, { useState, useEffect } from 'react';
|
|
10
10
|
import { useDebounceFn } from 'ahooks';
|
|
11
|
-
import { debounce } from 'lodash';
|
|
12
11
|
import { Input, Button, Modal, ConfigProvider } from 'antd';
|
|
13
12
|
import './index.less';
|
|
14
13
|
|
|
15
|
-
|
|
16
|
-
if (ctx?.table) {
|
|
17
|
-
ctx?.form?.validateFields?.().then((data: any) => {
|
|
18
|
-
const {
|
|
19
|
-
pagination: { pageSize },
|
|
20
|
-
sorter,
|
|
21
|
-
} = ctx?.table?.getPaging();
|
|
22
|
-
ctx?.table?.refreshTable({ pageSize, current: 1 }, data, sorter);
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
}, 50);
|
|
26
|
-
|
|
27
|
-
const QueryMutipleInput = ({ onValueChange,onPressEnter, ctx }) => {
|
|
14
|
+
const QueryMutipleInput = ({ onValueChange,onPressEnter }) => {
|
|
28
15
|
const [isModalVisible, setIsModalVisible] = useState(false);
|
|
29
16
|
const [value, setValue] = useState('');
|
|
30
17
|
const [popvalue, setPopValue] = useState('');
|
|
@@ -90,12 +77,7 @@ const QueryMutipleInput = ({ onValueChange,onPressEnter, ctx }) => {
|
|
|
90
77
|
style={{ width: 'calc(100%)' }}
|
|
91
78
|
suffix={<div className="query_input_expand_button" onClick={showModal}>...</div>}
|
|
92
79
|
placeholder="请输入(查询多个值请用 ; 或 , 分割)"
|
|
93
|
-
onPressEnter={(
|
|
94
|
-
if (onPressEnter) {
|
|
95
|
-
onPressEnter(e);
|
|
96
|
-
}
|
|
97
|
-
if(ctx) handlePressEnter(ctx);
|
|
98
|
-
}}
|
|
80
|
+
onPressEnter={()=>onPressEnter?.()}
|
|
99
81
|
/>
|
|
100
82
|
</div>
|
|
101
83
|
<Modal
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
.ant-select-dropdown {
|
|
22
22
|
top: 24px !important;
|
|
23
|
-
width: calc(
|
|
23
|
+
width: calc(141%) !important;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
// 下拉框清除图标位置调整
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
&_show.search_select_show_list {
|
|
38
38
|
.ant-select-dropdown {
|
|
39
39
|
top: 24px !important;
|
|
40
|
-
width: calc(
|
|
40
|
+
width: calc(100% + 110px) !important;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
|
|
@@ -5,7 +5,7 @@ import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Chec
|
|
|
5
5
|
import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
|
|
6
6
|
import request from '@/utils/request';
|
|
7
7
|
import { stringify } from 'querystring';
|
|
8
|
-
import _, { escapeRegExp, isNil, values
|
|
8
|
+
import _, { escapeRegExp, isNil, values } from "lodash"
|
|
9
9
|
import './index.less';
|
|
10
10
|
import { BusinessSearchSelect, QueryMutipleInput } from '@/index';
|
|
11
11
|
import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource } from './utils';
|
|
@@ -13,18 +13,6 @@ import { judgeIsRequestError } from '@/utils/requestUtils';
|
|
|
13
13
|
import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
|
|
14
14
|
import PropertySelector from '@/components/Business/PropertyModal';
|
|
15
15
|
|
|
16
|
-
export const handlePressEnter = debounce((ctx) => {
|
|
17
|
-
if (ctx?.table) {
|
|
18
|
-
ctx?.form?.validateFields?.().then((data) => {
|
|
19
|
-
const {
|
|
20
|
-
pagination: { pageSize },
|
|
21
|
-
sorter,
|
|
22
|
-
} = ctx?.table?.getPaging();
|
|
23
|
-
ctx?.table?.refreshTable({ pageSize, current: 1 }, data, sorter);
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
}, 50);
|
|
27
|
-
|
|
28
16
|
const { Option } = Select;
|
|
29
17
|
|
|
30
18
|
const SearchSelect = forwardRef((props: any, ref: any) => {
|
|
@@ -1023,10 +1011,10 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
|
|
|
1023
1011
|
{ label: `已选(${selectedRowKeys?.length || 0})`, key: 'selected', children: renderShowTable(selectedRows?.map((s,index)=> ({...s,keyIndex:index+1}))||[],'noPage') },
|
|
1024
1012
|
];
|
|
1025
1013
|
|
|
1026
|
-
const resetSelectDataSource = () => {
|
|
1014
|
+
const resetSelectDataSource = (isClear=false) => {
|
|
1027
1015
|
setSearchValue('');
|
|
1028
1016
|
// 有关联值 不需要清空下拉框数据 也不需要重新去请求了
|
|
1029
|
-
if(isHaveDependency) return;
|
|
1017
|
+
if(!isClear && isHaveDependency) return; // 清空时需要放开:级联首次回之后,清空数据需要重新查询下拉框的值
|
|
1030
1018
|
clearSelectDataSource();
|
|
1031
1019
|
init && run('init')
|
|
1032
1020
|
}
|
|
@@ -1038,7 +1026,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
|
|
|
1038
1026
|
formaData([], items);
|
|
1039
1027
|
onChangeSelectedKeys([], [])
|
|
1040
1028
|
// 重置下拉框数据源
|
|
1041
|
-
resetSelectDataSource();
|
|
1029
|
+
resetSelectDataSource(true);
|
|
1042
1030
|
}
|
|
1043
1031
|
|
|
1044
1032
|
const onDeselect = (...arg) => {
|
|
@@ -1243,22 +1231,6 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
|
|
|
1243
1231
|
)
|
|
1244
1232
|
}
|
|
1245
1233
|
onPopupScroll={SelectScroll}
|
|
1246
|
-
onKeyDown={(e) => {
|
|
1247
|
-
if ((e.key === 'Enter' || e.keyCode === 13) && !selectOpen) {
|
|
1248
|
-
if (props?.onPressEnter) {
|
|
1249
|
-
props.onPressEnter?.(e);
|
|
1250
|
-
}
|
|
1251
|
-
handlePressEnter(ctx);
|
|
1252
|
-
setSelectOpen(false)
|
|
1253
|
-
e.preventDefault();
|
|
1254
|
-
e.stopPropagation();
|
|
1255
|
-
return;
|
|
1256
|
-
} else if(e.keyCode === 9 || e.key === 'Tab') {
|
|
1257
|
-
setSelectOpen(false)
|
|
1258
|
-
} else {
|
|
1259
|
-
setSelectOpen(true)
|
|
1260
|
-
}
|
|
1261
|
-
}}
|
|
1262
1234
|
style={{ width: 'calc(100%)' }}
|
|
1263
1235
|
placeholder="请选择"
|
|
1264
1236
|
maxTagPlaceholder={maxTagPlaceholder}
|