@bit-sun/business-component 1.1.14 → 1.1.17
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/index.esm.js
CHANGED
|
@@ -2448,6 +2448,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2448
2448
|
fieldValToParam = _ref.fieldValToParam,
|
|
2449
2449
|
_ref$mappingTextField = _ref.mappingTextField,
|
|
2450
2450
|
mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
|
|
2451
|
+
mappingTextShowKeyField = _ref.mappingTextShowKeyField,
|
|
2451
2452
|
_ref$mappingValueFiel = _ref.mappingValueField,
|
|
2452
2453
|
mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
|
|
2453
2454
|
_ref$sourceName = _ref.sourceName,
|
|
@@ -2508,12 +2509,12 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2508
2509
|
popvalue = _useState14[0],
|
|
2509
2510
|
setPopValue = _useState14[1];
|
|
2510
2511
|
|
|
2511
|
-
var _useDebounceFn = useDebounceFn(function () {
|
|
2512
|
+
var _useDebounceFn = useDebounceFn(function (v) {
|
|
2512
2513
|
// 优化搜索参数 支持传多个
|
|
2513
2514
|
var searchParams = {};
|
|
2514
2515
|
|
|
2515
2516
|
if (typeof selectParamsKey === 'string') {
|
|
2516
|
-
searchParams = _defineProperty({}, selectParamsKey, searchValue);
|
|
2517
|
+
searchParams = _defineProperty({}, selectParamsKey, v ? initVal : searchValue);
|
|
2517
2518
|
}
|
|
2518
2519
|
|
|
2519
2520
|
if (Array.isArray(selectParamsKey)) {
|
|
@@ -2561,30 +2562,24 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2561
2562
|
|
|
2562
2563
|
var _useState23 = useState([]),
|
|
2563
2564
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
2564
|
-
|
|
2565
|
-
|
|
2565
|
+
doubleArr = _useState24[0],
|
|
2566
|
+
setDoubleArr = _useState24[1]; // 存放双数组的数组
|
|
2566
2567
|
|
|
2567
|
-
var _useState25 = useState([]),
|
|
2568
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
2569
|
-
doubleArr = _useState26[0],
|
|
2570
|
-
setDoubleArr = _useState26[1]; // 存放双数组的数组
|
|
2571
2568
|
|
|
2569
|
+
var _useState25 = useState(false),
|
|
2570
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
2571
|
+
checkedAll = _useState26[0],
|
|
2572
|
+
setCheckedAll = _useState26[1];
|
|
2572
2573
|
|
|
2573
|
-
var _useState27 = useState(
|
|
2574
|
+
var _useState27 = useState(false),
|
|
2574
2575
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2576
|
+
indeterminate = _useState28[0],
|
|
2577
|
+
setIndeterminate = _useState28[1];
|
|
2578
2578
|
|
|
2579
|
-
var _useState29 = useState(
|
|
2579
|
+
var _useState29 = useState({}),
|
|
2580
2580
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
var _useState31 = useState(false),
|
|
2585
|
-
_useState32 = _slicedToArray(_useState31, 2),
|
|
2586
|
-
indeterminate = _useState32[0],
|
|
2587
|
-
setIndeterminate = _useState32[1]; // 获取数据源 (type: 1下拉框 2弹框 不传值默认为下拉框)
|
|
2581
|
+
tableFormParams = _useState30[0],
|
|
2582
|
+
setTableFormParams = _useState30[1]; // 获取数据源 (type: 1下拉框 2弹框 不传值默认为下拉框)
|
|
2588
2583
|
|
|
2589
2584
|
|
|
2590
2585
|
var getData = function getData() {
|
|
@@ -2634,11 +2629,13 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2634
2629
|
source = res ? res[keys] ? res[keys].map(function (item) {
|
|
2635
2630
|
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
2636
2631
|
text: item[mappingTextField],
|
|
2632
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
2637
2633
|
value: item[mappingValueField]
|
|
2638
2634
|
});
|
|
2639
2635
|
}) : Array.isArray(res) && (res === null || res === void 0 ? void 0 : res.map(function (item) {
|
|
2640
2636
|
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
2641
2637
|
text: item[mappingTextField],
|
|
2638
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
2642
2639
|
value: item[mappingValueField]
|
|
2643
2640
|
});
|
|
2644
2641
|
})) : [];
|
|
@@ -2649,7 +2646,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2649
2646
|
if (type === 1) {
|
|
2650
2647
|
var _ctx$form;
|
|
2651
2648
|
|
|
2652
|
-
console.log(sourceName, 'sourceName');
|
|
2653
2649
|
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(sourceName, source);
|
|
2654
2650
|
setItems(source);
|
|
2655
2651
|
setItemsTotal(Number(res === null || res === void 0 ? void 0 : res.total));
|
|
@@ -2685,7 +2681,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2685
2681
|
};
|
|
2686
2682
|
|
|
2687
2683
|
useEffect(function () {
|
|
2688
|
-
|
|
2684
|
+
run('init');
|
|
2689
2685
|
}, []);
|
|
2690
2686
|
useEffect(function () {
|
|
2691
2687
|
if (value) {
|
|
@@ -2706,16 +2702,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2706
2702
|
setSelectedRowKeys(labelInValue ? value.map(function (i) {
|
|
2707
2703
|
return i.key;
|
|
2708
2704
|
}) : value);
|
|
2709
|
-
setSelectedRows(labelInValue ? value.map(function (i) {
|
|
2710
|
-
return {
|
|
2711
|
-
value: i.key,
|
|
2712
|
-
text: i.label
|
|
2713
|
-
};
|
|
2714
|
-
}) : value.map(function (i) {
|
|
2715
|
-
return {
|
|
2716
|
-
value: i
|
|
2717
|
-
};
|
|
2718
|
-
}));
|
|
2719
2705
|
setPopValue(labelInValue ? value.map(function (i) {
|
|
2720
2706
|
return {
|
|
2721
2707
|
value: i.key,
|
|
@@ -2727,15 +2713,13 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2727
2713
|
};
|
|
2728
2714
|
}));
|
|
2729
2715
|
setIndeterminate(!!value.length && value.length < itemsTotal);
|
|
2730
|
-
setCheckedAll(value.length === itemsTotal);
|
|
2716
|
+
setCheckedAll(value.length === itemsTotal); // 需清空数据
|
|
2717
|
+
|
|
2718
|
+
if (!value.length) {
|
|
2719
|
+
setDoubleArr([]);
|
|
2720
|
+
}
|
|
2731
2721
|
} else {
|
|
2732
2722
|
setSelectedRowKeys(labelInValue ? [value.key] : [value]);
|
|
2733
|
-
setSelectedRows(labelInValue ? [{
|
|
2734
|
-
value: value.key,
|
|
2735
|
-
text: value.label
|
|
2736
|
-
}] : [{
|
|
2737
|
-
value: value
|
|
2738
|
-
}]);
|
|
2739
2723
|
setPopValue(labelInValue ? [{
|
|
2740
2724
|
value: value.key,
|
|
2741
2725
|
text: value.label
|
|
@@ -2748,10 +2732,17 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2748
2732
|
|
|
2749
2733
|
var handleOk = function handleOk() {
|
|
2750
2734
|
if (popvalue === null || popvalue === void 0 ? void 0 : popvalue.length) {
|
|
2751
|
-
|
|
2735
|
+
var _ctx$form2;
|
|
2736
|
+
|
|
2737
|
+
formaData(popvalue); // 解决选择最后1页的sku,返回后,不显示名称问题
|
|
2738
|
+
|
|
2739
|
+
var source = _.uniqBy(items.concat(popvalue), 'value');
|
|
2740
|
+
|
|
2741
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(sourceName, source);
|
|
2742
|
+
setItems(source);
|
|
2752
2743
|
}
|
|
2753
2744
|
|
|
2754
|
-
|
|
2745
|
+
handleCancel();
|
|
2755
2746
|
};
|
|
2756
2747
|
|
|
2757
2748
|
var formaData = function formaData(value) {
|
|
@@ -2774,6 +2765,8 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2774
2765
|
};
|
|
2775
2766
|
|
|
2776
2767
|
var handleCancel = function handleCancel() {
|
|
2768
|
+
form.resetFields();
|
|
2769
|
+
setTableFormParams({});
|
|
2777
2770
|
setIsModalVisible(false);
|
|
2778
2771
|
};
|
|
2779
2772
|
|
|
@@ -2789,6 +2782,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2789
2782
|
|
|
2790
2783
|
var onSearchTable = function onSearchTable() {
|
|
2791
2784
|
var params = form.getFieldsValue();
|
|
2785
|
+
setTableFormParams(params);
|
|
2792
2786
|
getData(_objectSpread2(_objectSpread2({}, params), {}, {
|
|
2793
2787
|
pageSize: tableInitPageSize
|
|
2794
2788
|
}), 2);
|
|
@@ -2796,6 +2790,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2796
2790
|
|
|
2797
2791
|
var onResetTable = function onResetTable() {
|
|
2798
2792
|
form.resetFields();
|
|
2793
|
+
setTableFormParams({});
|
|
2799
2794
|
handleTableChange({
|
|
2800
2795
|
pageSize: tableInitPageSize,
|
|
2801
2796
|
currentPage: 1
|
|
@@ -2803,8 +2798,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2803
2798
|
};
|
|
2804
2799
|
|
|
2805
2800
|
var handleTableChange = function handleTableChange(pagination) {
|
|
2806
|
-
|
|
2807
|
-
getData(_objectSpread2(_objectSpread2({}, params), {}, {
|
|
2801
|
+
getData(_objectSpread2(_objectSpread2({}, tableFormParams), {}, {
|
|
2808
2802
|
pageSize: pagination.pageSize,
|
|
2809
2803
|
currentPage: pagination.current
|
|
2810
2804
|
}), 2);
|
|
@@ -2818,13 +2812,12 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2818
2812
|
setSelectedRowKeys(currentItemsData.map(function (i) {
|
|
2819
2813
|
return i.value;
|
|
2820
2814
|
}));
|
|
2821
|
-
setSelectedRows(currentItemsData);
|
|
2822
2815
|
setPopValue(currentItemsData);
|
|
2823
2816
|
}
|
|
2824
2817
|
} else {
|
|
2825
2818
|
setSelectedRowKeys([]);
|
|
2826
|
-
setSelectedRows([]);
|
|
2827
2819
|
setPopValue([]);
|
|
2820
|
+
setDoubleArr([]);
|
|
2828
2821
|
}
|
|
2829
2822
|
|
|
2830
2823
|
setIndeterminate(false);
|
|
@@ -2874,7 +2867,8 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2874
2867
|
|
|
2875
2868
|
var onChangeSelectedKeys = function onChangeSelectedKeys(selectKeys, selectRows) {
|
|
2876
2869
|
var nowPage = tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.current;
|
|
2877
|
-
var filterRows = [];
|
|
2870
|
+
var filterRows = []; // 存放拼接后的一维数组的变量
|
|
2871
|
+
|
|
2878
2872
|
var sksResult = [];
|
|
2879
2873
|
|
|
2880
2874
|
if (selectMode) {
|
|
@@ -2886,7 +2880,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2886
2880
|
|
|
2887
2881
|
filterRows = mapRows(doubleArr); // console.log(filterRows)
|
|
2888
2882
|
|
|
2889
|
-
setFilterRows(filterRows);
|
|
2890
2883
|
sksResult = filterRows.map(function (i) {
|
|
2891
2884
|
return i.value;
|
|
2892
2885
|
});
|
|
@@ -2899,7 +2892,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2899
2892
|
}
|
|
2900
2893
|
|
|
2901
2894
|
setSelectedRowKeys(sksResult);
|
|
2902
|
-
setSelectedRows(filterRows);
|
|
2903
2895
|
setPopValue(filterRows);
|
|
2904
2896
|
setIndeterminate(!!filterRows.length && filterRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
|
|
2905
2897
|
setCheckedAll(filterRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
|
|
@@ -3047,7 +3039,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
3047
3039
|
key: item.value,
|
|
3048
3040
|
label: item.text
|
|
3049
3041
|
}, LightHeightOption({
|
|
3050
|
-
text: "".concat(item.
|
|
3042
|
+
text: "".concat(item.textShowKey, " ").concat(item.text),
|
|
3051
3043
|
filterTxt: searchValue
|
|
3052
3044
|
}));
|
|
3053
3045
|
})), /*#__PURE__*/React.createElement(Button, {
|
|
@@ -3533,6 +3525,7 @@ function commonFun(type, prefixUrl) {
|
|
|
3533
3525
|
url: "".concat(prefixUrl.selectPrefix, "/physicalWarehouse"),
|
|
3534
3526
|
filter: 'qp-nameAndCode-like',
|
|
3535
3527
|
mappingTextField: 'physicalWarehouseName',
|
|
3528
|
+
mappingTextShowKeyField: 'physicalWarehouseCode',
|
|
3536
3529
|
mappingValueField: 'id',
|
|
3537
3530
|
otherParams: {
|
|
3538
3531
|
sorter: 'desc-id'
|
|
@@ -3615,6 +3608,7 @@ function commonFun(type, prefixUrl) {
|
|
|
3615
3608
|
url: "".concat(prefixUrl.selectPrefix, "/realWarehouse"),
|
|
3616
3609
|
filter: 'qp-nameAndCode-like',
|
|
3617
3610
|
mappingTextField: 'realWarehouseName',
|
|
3611
|
+
mappingTextShowKeyField: 'realWarehouseCode',
|
|
3618
3612
|
mappingValueField: 'id',
|
|
3619
3613
|
otherParams: {
|
|
3620
3614
|
sorter: 'desc-id'
|
package/dist/index.js
CHANGED
|
@@ -2459,6 +2459,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2459
2459
|
fieldValToParam = _ref.fieldValToParam,
|
|
2460
2460
|
_ref$mappingTextField = _ref.mappingTextField,
|
|
2461
2461
|
mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
|
|
2462
|
+
mappingTextShowKeyField = _ref.mappingTextShowKeyField,
|
|
2462
2463
|
_ref$mappingValueFiel = _ref.mappingValueField,
|
|
2463
2464
|
mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
|
|
2464
2465
|
_ref$sourceName = _ref.sourceName,
|
|
@@ -2519,12 +2520,12 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2519
2520
|
popvalue = _useState14[0],
|
|
2520
2521
|
setPopValue = _useState14[1];
|
|
2521
2522
|
|
|
2522
|
-
var _useDebounceFn = ahooks.useDebounceFn(function () {
|
|
2523
|
+
var _useDebounceFn = ahooks.useDebounceFn(function (v) {
|
|
2523
2524
|
// 优化搜索参数 支持传多个
|
|
2524
2525
|
var searchParams = {};
|
|
2525
2526
|
|
|
2526
2527
|
if (typeof selectParamsKey === 'string') {
|
|
2527
|
-
searchParams = _defineProperty({}, selectParamsKey, searchValue);
|
|
2528
|
+
searchParams = _defineProperty({}, selectParamsKey, v ? initVal : searchValue);
|
|
2528
2529
|
}
|
|
2529
2530
|
|
|
2530
2531
|
if (Array.isArray(selectParamsKey)) {
|
|
@@ -2572,30 +2573,24 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2572
2573
|
|
|
2573
2574
|
var _useState23 = React.useState([]),
|
|
2574
2575
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
2575
|
-
|
|
2576
|
-
|
|
2576
|
+
doubleArr = _useState24[0],
|
|
2577
|
+
setDoubleArr = _useState24[1]; // 存放双数组的数组
|
|
2577
2578
|
|
|
2578
|
-
var _useState25 = React.useState([]),
|
|
2579
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
2580
|
-
doubleArr = _useState26[0],
|
|
2581
|
-
setDoubleArr = _useState26[1]; // 存放双数组的数组
|
|
2582
2579
|
|
|
2580
|
+
var _useState25 = React.useState(false),
|
|
2581
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
2582
|
+
checkedAll = _useState26[0],
|
|
2583
|
+
setCheckedAll = _useState26[1];
|
|
2583
2584
|
|
|
2584
|
-
var _useState27 = React.useState(
|
|
2585
|
+
var _useState27 = React.useState(false),
|
|
2585
2586
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2587
|
+
indeterminate = _useState28[0],
|
|
2588
|
+
setIndeterminate = _useState28[1];
|
|
2589
2589
|
|
|
2590
|
-
var _useState29 = React.useState(
|
|
2590
|
+
var _useState29 = React.useState({}),
|
|
2591
2591
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
var _useState31 = React.useState(false),
|
|
2596
|
-
_useState32 = _slicedToArray(_useState31, 2),
|
|
2597
|
-
indeterminate = _useState32[0],
|
|
2598
|
-
setIndeterminate = _useState32[1]; // 获取数据源 (type: 1下拉框 2弹框 不传值默认为下拉框)
|
|
2592
|
+
tableFormParams = _useState30[0],
|
|
2593
|
+
setTableFormParams = _useState30[1]; // 获取数据源 (type: 1下拉框 2弹框 不传值默认为下拉框)
|
|
2599
2594
|
|
|
2600
2595
|
|
|
2601
2596
|
var getData = function getData() {
|
|
@@ -2645,11 +2640,13 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2645
2640
|
source = res ? res[keys] ? res[keys].map(function (item) {
|
|
2646
2641
|
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
2647
2642
|
text: item[mappingTextField],
|
|
2643
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
2648
2644
|
value: item[mappingValueField]
|
|
2649
2645
|
});
|
|
2650
2646
|
}) : Array.isArray(res) && (res === null || res === void 0 ? void 0 : res.map(function (item) {
|
|
2651
2647
|
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
2652
2648
|
text: item[mappingTextField],
|
|
2649
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
2653
2650
|
value: item[mappingValueField]
|
|
2654
2651
|
});
|
|
2655
2652
|
})) : [];
|
|
@@ -2660,7 +2657,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2660
2657
|
if (type === 1) {
|
|
2661
2658
|
var _ctx$form;
|
|
2662
2659
|
|
|
2663
|
-
console.log(sourceName, 'sourceName');
|
|
2664
2660
|
ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(sourceName, source);
|
|
2665
2661
|
setItems(source);
|
|
2666
2662
|
setItemsTotal(Number(res === null || res === void 0 ? void 0 : res.total));
|
|
@@ -2696,7 +2692,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2696
2692
|
};
|
|
2697
2693
|
|
|
2698
2694
|
React.useEffect(function () {
|
|
2699
|
-
|
|
2695
|
+
run('init');
|
|
2700
2696
|
}, []);
|
|
2701
2697
|
React.useEffect(function () {
|
|
2702
2698
|
if (value) {
|
|
@@ -2717,16 +2713,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2717
2713
|
setSelectedRowKeys(labelInValue ? value.map(function (i) {
|
|
2718
2714
|
return i.key;
|
|
2719
2715
|
}) : value);
|
|
2720
|
-
setSelectedRows(labelInValue ? value.map(function (i) {
|
|
2721
|
-
return {
|
|
2722
|
-
value: i.key,
|
|
2723
|
-
text: i.label
|
|
2724
|
-
};
|
|
2725
|
-
}) : value.map(function (i) {
|
|
2726
|
-
return {
|
|
2727
|
-
value: i
|
|
2728
|
-
};
|
|
2729
|
-
}));
|
|
2730
2716
|
setPopValue(labelInValue ? value.map(function (i) {
|
|
2731
2717
|
return {
|
|
2732
2718
|
value: i.key,
|
|
@@ -2738,15 +2724,13 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2738
2724
|
};
|
|
2739
2725
|
}));
|
|
2740
2726
|
setIndeterminate(!!value.length && value.length < itemsTotal);
|
|
2741
|
-
setCheckedAll(value.length === itemsTotal);
|
|
2727
|
+
setCheckedAll(value.length === itemsTotal); // 需清空数据
|
|
2728
|
+
|
|
2729
|
+
if (!value.length) {
|
|
2730
|
+
setDoubleArr([]);
|
|
2731
|
+
}
|
|
2742
2732
|
} else {
|
|
2743
2733
|
setSelectedRowKeys(labelInValue ? [value.key] : [value]);
|
|
2744
|
-
setSelectedRows(labelInValue ? [{
|
|
2745
|
-
value: value.key,
|
|
2746
|
-
text: value.label
|
|
2747
|
-
}] : [{
|
|
2748
|
-
value: value
|
|
2749
|
-
}]);
|
|
2750
2734
|
setPopValue(labelInValue ? [{
|
|
2751
2735
|
value: value.key,
|
|
2752
2736
|
text: value.label
|
|
@@ -2759,10 +2743,17 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2759
2743
|
|
|
2760
2744
|
var handleOk = function handleOk() {
|
|
2761
2745
|
if (popvalue === null || popvalue === void 0 ? void 0 : popvalue.length) {
|
|
2762
|
-
|
|
2746
|
+
var _ctx$form2;
|
|
2747
|
+
|
|
2748
|
+
formaData(popvalue); // 解决选择最后1页的sku,返回后,不显示名称问题
|
|
2749
|
+
|
|
2750
|
+
var source = ___default['default'].uniqBy(items.concat(popvalue), 'value');
|
|
2751
|
+
|
|
2752
|
+
ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(sourceName, source);
|
|
2753
|
+
setItems(source);
|
|
2763
2754
|
}
|
|
2764
2755
|
|
|
2765
|
-
|
|
2756
|
+
handleCancel();
|
|
2766
2757
|
};
|
|
2767
2758
|
|
|
2768
2759
|
var formaData = function formaData(value) {
|
|
@@ -2785,6 +2776,8 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2785
2776
|
};
|
|
2786
2777
|
|
|
2787
2778
|
var handleCancel = function handleCancel() {
|
|
2779
|
+
form.resetFields();
|
|
2780
|
+
setTableFormParams({});
|
|
2788
2781
|
setIsModalVisible(false);
|
|
2789
2782
|
};
|
|
2790
2783
|
|
|
@@ -2800,6 +2793,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2800
2793
|
|
|
2801
2794
|
var onSearchTable = function onSearchTable() {
|
|
2802
2795
|
var params = form.getFieldsValue();
|
|
2796
|
+
setTableFormParams(params);
|
|
2803
2797
|
getData(_objectSpread2(_objectSpread2({}, params), {}, {
|
|
2804
2798
|
pageSize: tableInitPageSize
|
|
2805
2799
|
}), 2);
|
|
@@ -2807,6 +2801,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2807
2801
|
|
|
2808
2802
|
var onResetTable = function onResetTable() {
|
|
2809
2803
|
form.resetFields();
|
|
2804
|
+
setTableFormParams({});
|
|
2810
2805
|
handleTableChange({
|
|
2811
2806
|
pageSize: tableInitPageSize,
|
|
2812
2807
|
currentPage: 1
|
|
@@ -2814,8 +2809,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2814
2809
|
};
|
|
2815
2810
|
|
|
2816
2811
|
var handleTableChange = function handleTableChange(pagination) {
|
|
2817
|
-
|
|
2818
|
-
getData(_objectSpread2(_objectSpread2({}, params), {}, {
|
|
2812
|
+
getData(_objectSpread2(_objectSpread2({}, tableFormParams), {}, {
|
|
2819
2813
|
pageSize: pagination.pageSize,
|
|
2820
2814
|
currentPage: pagination.current
|
|
2821
2815
|
}), 2);
|
|
@@ -2829,13 +2823,12 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2829
2823
|
setSelectedRowKeys(currentItemsData.map(function (i) {
|
|
2830
2824
|
return i.value;
|
|
2831
2825
|
}));
|
|
2832
|
-
setSelectedRows(currentItemsData);
|
|
2833
2826
|
setPopValue(currentItemsData);
|
|
2834
2827
|
}
|
|
2835
2828
|
} else {
|
|
2836
2829
|
setSelectedRowKeys([]);
|
|
2837
|
-
setSelectedRows([]);
|
|
2838
2830
|
setPopValue([]);
|
|
2831
|
+
setDoubleArr([]);
|
|
2839
2832
|
}
|
|
2840
2833
|
|
|
2841
2834
|
setIndeterminate(false);
|
|
@@ -2885,7 +2878,8 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2885
2878
|
|
|
2886
2879
|
var onChangeSelectedKeys = function onChangeSelectedKeys(selectKeys, selectRows) {
|
|
2887
2880
|
var nowPage = tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.current;
|
|
2888
|
-
var filterRows = [];
|
|
2881
|
+
var filterRows = []; // 存放拼接后的一维数组的变量
|
|
2882
|
+
|
|
2889
2883
|
var sksResult = [];
|
|
2890
2884
|
|
|
2891
2885
|
if (selectMode) {
|
|
@@ -2897,7 +2891,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2897
2891
|
|
|
2898
2892
|
filterRows = mapRows(doubleArr); // console.log(filterRows)
|
|
2899
2893
|
|
|
2900
|
-
setFilterRows(filterRows);
|
|
2901
2894
|
sksResult = filterRows.map(function (i) {
|
|
2902
2895
|
return i.value;
|
|
2903
2896
|
});
|
|
@@ -2910,7 +2903,6 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
2910
2903
|
}
|
|
2911
2904
|
|
|
2912
2905
|
setSelectedRowKeys(sksResult);
|
|
2913
|
-
setSelectedRows(filterRows);
|
|
2914
2906
|
setPopValue(filterRows);
|
|
2915
2907
|
setIndeterminate(!!filterRows.length && filterRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
|
|
2916
2908
|
setCheckedAll(filterRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
|
|
@@ -3058,7 +3050,7 @@ var SearchSelect = function SearchSelect(props) {
|
|
|
3058
3050
|
key: item.value,
|
|
3059
3051
|
label: item.text
|
|
3060
3052
|
}, LightHeightOption({
|
|
3061
|
-
text: "".concat(item.
|
|
3053
|
+
text: "".concat(item.textShowKey, " ").concat(item.text),
|
|
3062
3054
|
filterTxt: searchValue
|
|
3063
3055
|
}));
|
|
3064
3056
|
})), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
@@ -3544,6 +3536,7 @@ function commonFun(type, prefixUrl) {
|
|
|
3544
3536
|
url: "".concat(prefixUrl.selectPrefix, "/physicalWarehouse"),
|
|
3545
3537
|
filter: 'qp-nameAndCode-like',
|
|
3546
3538
|
mappingTextField: 'physicalWarehouseName',
|
|
3539
|
+
mappingTextShowKeyField: 'physicalWarehouseCode',
|
|
3547
3540
|
mappingValueField: 'id',
|
|
3548
3541
|
otherParams: {
|
|
3549
3542
|
sorter: 'desc-id'
|
|
@@ -3626,6 +3619,7 @@ function commonFun(type, prefixUrl) {
|
|
|
3626
3619
|
url: "".concat(prefixUrl.selectPrefix, "/realWarehouse"),
|
|
3627
3620
|
filter: 'qp-nameAndCode-like',
|
|
3628
3621
|
mappingTextField: 'realWarehouseName',
|
|
3622
|
+
mappingTextShowKeyField: 'realWarehouseCode',
|
|
3629
3623
|
mappingValueField: 'id',
|
|
3630
3624
|
otherParams: {
|
|
3631
3625
|
sorter: 'desc-id'
|
package/package.json
CHANGED
|
@@ -351,6 +351,7 @@ export function commonFun (type?: string, prefixUrl: any) {
|
|
|
351
351
|
url: `${prefixUrl.selectPrefix}/physicalWarehouse`,
|
|
352
352
|
filter: 'qp-nameAndCode-like', // 过滤参数
|
|
353
353
|
mappingTextField: 'physicalWarehouseName',
|
|
354
|
+
mappingTextShowKeyField: 'physicalWarehouseCode',
|
|
354
355
|
mappingValueField: 'id',
|
|
355
356
|
otherParams: {
|
|
356
357
|
sorter: 'desc-id'
|
|
@@ -420,6 +421,7 @@ export function commonFun (type?: string, prefixUrl: any) {
|
|
|
420
421
|
url: `${prefixUrl.selectPrefix}/realWarehouse`,
|
|
421
422
|
filter: 'qp-nameAndCode-like', // 过滤参数
|
|
422
423
|
mappingTextField: 'realWarehouseName',
|
|
424
|
+
mappingTextShowKeyField: 'realWarehouseCode',
|
|
423
425
|
mappingValueField: 'id',
|
|
424
426
|
otherParams: {
|
|
425
427
|
sorter: 'desc-id'
|
|
@@ -20,7 +20,7 @@ const SearchSelect = (props: any) => {
|
|
|
20
20
|
requestConfig,
|
|
21
21
|
ctx,
|
|
22
22
|
} = props;
|
|
23
|
-
const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingValueField='code', sourceName='supplierCode' } = requestConfig || {};
|
|
23
|
+
const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingTextShowKeyField,mappingValueField='code', sourceName='supplierCode' } = requestConfig || {};
|
|
24
24
|
|
|
25
25
|
const selectMode = selectProps?.mode // 设定当前选择器 为单选或者多选模式 无设定为单选模式(默认)
|
|
26
26
|
const initVal = value || (selectMode ? [] : null);
|
|
@@ -47,11 +47,11 @@ const SearchSelect = (props: any) => {
|
|
|
47
47
|
const [isModalVisible, setIsModalVisible] = useState(false);
|
|
48
48
|
const [popvalue, setPopValue] = useState(initVal);
|
|
49
49
|
const { run } = useDebounceFn(
|
|
50
|
-
() => {
|
|
50
|
+
(v?: any) => {
|
|
51
51
|
// 优化搜索参数 支持传多个
|
|
52
52
|
let searchParams = {};
|
|
53
53
|
if(typeof selectParamsKey === 'string') {
|
|
54
|
-
searchParams = { [selectParamsKey]: searchValue }
|
|
54
|
+
searchParams = { [selectParamsKey]: v ? initVal : searchValue }
|
|
55
55
|
}
|
|
56
56
|
if(Array.isArray(selectParamsKey)) {
|
|
57
57
|
selectParamsKey.forEach((i: any) => {
|
|
@@ -71,11 +71,10 @@ const SearchSelect = (props: any) => {
|
|
|
71
71
|
const [tableData, setTableData] = useState([]);
|
|
72
72
|
const [tablePagination, setTablePagination] = useState({ showQuickJumper: true, total: 0, current: 1, pageSize: tableInitPageSize })
|
|
73
73
|
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
|
|
74
|
-
const [selectedRows, setSelectedRows] = useState([]);
|
|
75
74
|
const [doubleArr, setDoubleArr] = useState([]); // 存放双数组的数组
|
|
76
|
-
const [filterRows, setFilterRows] = useState([]); // 存放拼接后的一维数组的变量
|
|
77
75
|
const [checkedAll, setCheckedAll] = useState(false)
|
|
78
76
|
const [indeterminate, setIndeterminate] = useState(false)
|
|
77
|
+
const [tableFormParams, setTableFormParams] = useState({});
|
|
79
78
|
|
|
80
79
|
// 获取数据源 (type: 1下拉框 2弹框 不传值默认为下拉框)
|
|
81
80
|
const getData = (params={}, type=1) => {
|
|
@@ -128,6 +127,7 @@ const SearchSelect = (props: any) => {
|
|
|
128
127
|
return {
|
|
129
128
|
...item,
|
|
130
129
|
text: item[mappingTextField],
|
|
130
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
131
131
|
value: item[mappingValueField],
|
|
132
132
|
};
|
|
133
133
|
})
|
|
@@ -136,6 +136,7 @@ const SearchSelect = (props: any) => {
|
|
|
136
136
|
return {
|
|
137
137
|
...item,
|
|
138
138
|
text: item[mappingTextField],
|
|
139
|
+
textShowKey: item[mappingTextShowKeyField || mappingValueField],
|
|
139
140
|
value: item[mappingValueField],
|
|
140
141
|
};
|
|
141
142
|
})
|
|
@@ -143,7 +144,6 @@ const SearchSelect = (props: any) => {
|
|
|
143
144
|
}
|
|
144
145
|
source = Array.isArray(source) ? source : []
|
|
145
146
|
if(type === 1) {
|
|
146
|
-
console.log(sourceName, 'sourceName')
|
|
147
147
|
ctx?.form?.setFieldSource(sourceName, source)
|
|
148
148
|
setItems(source)
|
|
149
149
|
setItemsTotal(Number(res?.total))
|
|
@@ -171,7 +171,7 @@ const SearchSelect = (props: any) => {
|
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
useEffect(() => {
|
|
174
|
-
|
|
174
|
+
run('init')
|
|
175
175
|
}, [])
|
|
176
176
|
|
|
177
177
|
useEffect(() => {
|
|
@@ -188,13 +188,15 @@ const SearchSelect = (props: any) => {
|
|
|
188
188
|
if(value) {
|
|
189
189
|
if(selectMode) {
|
|
190
190
|
setSelectedRowKeys(labelInValue ? value.map(i => i.key) : value)
|
|
191
|
-
setSelectedRows(labelInValue ? value.map(i => ({ value: i.key, text: i.label })) : value.map(i => ({ value: i })))
|
|
192
191
|
setPopValue(labelInValue ? value.map(i => ({ value: i.key, text: i.label })) : value.map(i => ({ value: i })));
|
|
193
192
|
setIndeterminate(!!value.length && value.length < itemsTotal);
|
|
194
193
|
setCheckedAll(value.length === itemsTotal);
|
|
194
|
+
// 需清空数据
|
|
195
|
+
if(!value.length) {
|
|
196
|
+
setDoubleArr([])
|
|
197
|
+
}
|
|
195
198
|
} else {
|
|
196
199
|
setSelectedRowKeys(labelInValue ? [value.key] : [value])
|
|
197
|
-
setSelectedRows(labelInValue ? [{ value: value.key, text: value.label }] : [{ value: value }])
|
|
198
200
|
setPopValue(labelInValue ? [{ value: value.key, text: value.label }] : [{ value: value }]);
|
|
199
201
|
}
|
|
200
202
|
}
|
|
@@ -203,8 +205,12 @@ const SearchSelect = (props: any) => {
|
|
|
203
205
|
const handleOk = () => {
|
|
204
206
|
if(popvalue?.length) {
|
|
205
207
|
formaData(popvalue);
|
|
208
|
+
// 解决选择最后1页的sku,返回后,不显示名称问题
|
|
209
|
+
const source = _.uniqBy(items.concat(popvalue), 'value')
|
|
210
|
+
ctx?.form?.setFieldSource(sourceName, source)
|
|
211
|
+
setItems(source)
|
|
206
212
|
}
|
|
207
|
-
|
|
213
|
+
handleCancel();
|
|
208
214
|
};
|
|
209
215
|
|
|
210
216
|
const formaData = (value) => {
|
|
@@ -218,6 +224,8 @@ const SearchSelect = (props: any) => {
|
|
|
218
224
|
};
|
|
219
225
|
|
|
220
226
|
const handleCancel = () => {
|
|
227
|
+
form.resetFields();
|
|
228
|
+
setTableFormParams({});
|
|
221
229
|
setIsModalVisible(false);
|
|
222
230
|
};
|
|
223
231
|
|
|
@@ -233,17 +241,18 @@ const SearchSelect = (props: any) => {
|
|
|
233
241
|
|
|
234
242
|
const onSearchTable = () => {
|
|
235
243
|
const params = form.getFieldsValue();
|
|
244
|
+
setTableFormParams(params);
|
|
236
245
|
getData({ ...params, pageSize: tableInitPageSize }, 2)
|
|
237
246
|
}
|
|
238
247
|
|
|
239
248
|
const onResetTable = () => {
|
|
240
249
|
form.resetFields();
|
|
250
|
+
setTableFormParams({});
|
|
241
251
|
handleTableChange({ pageSize: tableInitPageSize, currentPage: 1 })
|
|
242
252
|
}
|
|
243
253
|
|
|
244
254
|
const handleTableChange = (pagination) => {
|
|
245
|
-
|
|
246
|
-
getData({ ...params, pageSize: pagination.pageSize, currentPage: pagination.current }, 2)
|
|
255
|
+
getData({ ...tableFormParams, pageSize: pagination.pageSize, currentPage: pagination.current }, 2)
|
|
247
256
|
}
|
|
248
257
|
|
|
249
258
|
const onChangeCheckAll = (e) => {
|
|
@@ -252,15 +261,14 @@ const SearchSelect = (props: any) => {
|
|
|
252
261
|
if(items.length === itemsTotal) {
|
|
253
262
|
const currentItemsData = JSON.parse(JSON.stringify(items))
|
|
254
263
|
setSelectedRowKeys(currentItemsData.map(i => i.value))
|
|
255
|
-
setSelectedRows(currentItemsData)
|
|
256
264
|
setPopValue(currentItemsData);
|
|
257
265
|
} else {
|
|
258
266
|
// TODO 请求接口获取所有数据
|
|
259
267
|
}
|
|
260
268
|
} else {
|
|
261
269
|
setSelectedRowKeys([])
|
|
262
|
-
setSelectedRows([])
|
|
263
270
|
setPopValue([]);
|
|
271
|
+
setDoubleArr([])
|
|
264
272
|
}
|
|
265
273
|
setIndeterminate(false);
|
|
266
274
|
setCheckedAll(e.target.checked);
|
|
@@ -307,7 +315,7 @@ const SearchSelect = (props: any) => {
|
|
|
307
315
|
const onChangeSelectedKeys=(selectKeys,selectRows) => {
|
|
308
316
|
const nowPage = tablePagination?.current;
|
|
309
317
|
|
|
310
|
-
let filterRows = [];
|
|
318
|
+
let filterRows = []; // 存放拼接后的一维数组的变量
|
|
311
319
|
let sksResult = [];
|
|
312
320
|
|
|
313
321
|
if(selectMode) {
|
|
@@ -319,7 +327,6 @@ const SearchSelect = (props: any) => {
|
|
|
319
327
|
// 这块扁平化成为一位数组
|
|
320
328
|
filterRows = mapRows(doubleArr);
|
|
321
329
|
// console.log(filterRows)
|
|
322
|
-
setFilterRows(filterRows)
|
|
323
330
|
|
|
324
331
|
sksResult = filterRows.map((i) => i.value)
|
|
325
332
|
} else {
|
|
@@ -329,7 +336,6 @@ const SearchSelect = (props: any) => {
|
|
|
329
336
|
}
|
|
330
337
|
|
|
331
338
|
setSelectedRowKeys(sksResult)
|
|
332
|
-
setSelectedRows(filterRows)
|
|
333
339
|
setPopValue(filterRows);
|
|
334
340
|
setIndeterminate(!!filterRows.length && filterRows.length < tablePagination?.total);
|
|
335
341
|
setCheckedAll(filterRows.length === tablePagination?.total);
|
|
@@ -430,7 +436,7 @@ const SearchSelect = (props: any) => {
|
|
|
430
436
|
>
|
|
431
437
|
{items.map(item => (
|
|
432
438
|
<Option key={item.value} label={item.text}>
|
|
433
|
-
{LightHeightOption({ text: `${item.
|
|
439
|
+
{LightHeightOption({ text: `${item.textShowKey} ${item.text}`, filterTxt: searchValue })}
|
|
434
440
|
</Option>
|
|
435
441
|
))}
|
|
436
442
|
</Select>
|