@kmkf-fe-packages/basic-components 2.3.19-beta.5 → 2.3.19-beta.7
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 +148 -18
- package/dist/index.js +147 -17
- package/dist/src/bs/SystemOrder/index.d.ts +1 -1
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Cascader, DatePicker, Image, InputNumber, Input, Select, Upload, messag
|
|
|
3
3
|
import { EyeOutlined, DeleteOutlined, CloseOutlined, PlusSquareOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
|
|
4
4
|
import request, { extend as extend$1 } from 'umi-request';
|
|
5
5
|
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
|
6
|
-
import { AddressData, BsAddressData, WdtAddressData, GyAddressData, JstAddressData, request as request$1, ExpressData, isNull, imgResize, uuid, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, kmSkuTypeMap, hasAddNullComponent, SUBMIT_TIME_ID, UPGRADE_TIME_ID, FINAL_TIME_ID, CUSTOM_TIME_ID, useStatus, finalFormData, transformList, dataSourceTrans, DATA_SPLIT_COMPONENT_FIELDS_MAP, findLabelBySelectValue, BS_E3_BOOLEAN_STATUS_MAP, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterJyOrders, JY_ORDER_TYPE_MAP, JY_ORDER_STATUS_MAP, filterJkyOrders, JKY_ORDER_FROM_MAP, JKY_ORDER_TYPE_MAP, JKY_ORDER_STATUS_MAP, getJkyLogisticInfo, filterKmOrders, getSystemShowHead, getIsPlatformCodesIncludeOrderNos, BS_SYSTEM_ORDER_CONFIG, KM_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, JY_SYSTEM_ORDER_CONFIG, JKY_SYSTEM_ORDER_CONFIG, WDT_RETURN_BILL_NO_CONFIG, updateOrderSubFormGoodsHandle, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, updateJyGoodsHandle, updateJkyGoodsHandle, updateWdtAftersaleGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog, skxSystemOrderBackValues, skxReturnSystemOrderBackValues, formatTrade, updateSkxGoodsHandle, formatReturnTrade, updateSkxReturnGoodsHandle } from '@kmkf-fe-packages/kmkf-utils';
|
|
6
|
+
import { AddressData, BsAddressData, WdtAddressData, GyAddressData, JstAddressData, request as request$1, ExpressData, isNull, imgResize, uuid, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, kmSkuTypeMap, hasAddNullComponent, SUBMIT_TIME_ID, UPGRADE_TIME_ID, FINAL_TIME_ID, CUSTOM_TIME_ID, useStatus, finalFormData, transformList, dataSourceTrans, DATA_SPLIT_COMPONENT_FIELDS_MAP, findLabelBySelectValue, BS_E3_BOOLEAN_STATUS_MAP, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterJyOrders, JY_ORDER_TYPE_MAP, JY_ORDER_STATUS_MAP, filterJkyOrders, JKY_ORDER_FROM_MAP, JKY_ORDER_TYPE_MAP, JKY_ORDER_STATUS_MAP, getJkyLogisticInfo, filterKmOrders, getSystemShowHead, getIsPlatformCodesIncludeOrderNos, BS_SYSTEM_ORDER_CONFIG, KM_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, JY_SYSTEM_ORDER_CONFIG, JKY_SYSTEM_ORDER_CONFIG, WDT_RETURN_BILL_NO_CONFIG, BS_E3_ORDER_STATUS_MAP, KM_ORDER_TYPE_MAP, KM_ORDER_STATUS, updateOrderSubFormGoodsHandle, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, updateJyGoodsHandle, updateJkyGoodsHandle, updateWdtAftersaleGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog, skxSystemOrderBackValues, skxReturnSystemOrderBackValues, formatTrade, updateSkxGoodsHandle, formatReturnTrade, updateSkxReturnGoodsHandle } from '@kmkf-fe-packages/kmkf-utils';
|
|
7
7
|
import every from 'lodash/every';
|
|
8
8
|
import maxBy from 'lodash/maxBy';
|
|
9
9
|
import { debounce, isNaN as isNaN$1, isNumber as isNumber$1, uniqBy, cloneDeep, difference, differenceWith, isBoolean, isEqual, takeRight, reject as reject$1, intersection, isEmpty } from 'lodash';
|
|
@@ -25886,6 +25886,34 @@ var index$2 = (function (props) {
|
|
|
25886
25886
|
showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
|
|
25887
25887
|
var onceRef = useRef(false);
|
|
25888
25888
|
var valueRef = useRef(null);
|
|
25889
|
+
// 字段筛选状态 - 用户选择要筛选的字段(单选)
|
|
25890
|
+
var _useState = useState(''),
|
|
25891
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25892
|
+
filterField = _useState2[0],
|
|
25893
|
+
setFilterField = _useState2[1];
|
|
25894
|
+
// 筛选关键词 - 输入框内容,用于模糊匹配选中字段列的值
|
|
25895
|
+
var _useState3 = useState(''),
|
|
25896
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
25897
|
+
filterKeyword = _useState4[0],
|
|
25898
|
+
setFilterKeyword = _useState4[1];
|
|
25899
|
+
// 初始化筛选字段(仅在 type 变化时初始化)
|
|
25900
|
+
useEffect(function () {
|
|
25901
|
+
var allColumns = columnsMap[type] || [];
|
|
25902
|
+
if (showHeader && showHeader.length > 0) {
|
|
25903
|
+
var _validItems$;
|
|
25904
|
+
// showHeader 是对象数组,提取第一个 dataIndex
|
|
25905
|
+
var validItems = showHeader.filter(function (item) {
|
|
25906
|
+
return item.show !== false;
|
|
25907
|
+
});
|
|
25908
|
+
var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
|
|
25909
|
+
setFilterField(defaultField);
|
|
25910
|
+
} else {
|
|
25911
|
+
var _allColumns$;
|
|
25912
|
+
// 如果 showHeader 为空,使用第一个列
|
|
25913
|
+
var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
|
|
25914
|
+
setFilterField(firstField);
|
|
25915
|
+
}
|
|
25916
|
+
}, [type]);
|
|
25889
25917
|
useEffect(function () {
|
|
25890
25918
|
var _value$orders, _value$showOrderInfo;
|
|
25891
25919
|
valueRef.current = value;
|
|
@@ -25913,12 +25941,100 @@ var index$2 = (function (props) {
|
|
|
25913
25941
|
}
|
|
25914
25942
|
}, [value, type]);
|
|
25915
25943
|
var columns = useMemo(function () {
|
|
25944
|
+
// 通过 getSystemShowHead 处理 showHeader 配置
|
|
25916
25945
|
var baseInfoColumns = getSystemShowHead({
|
|
25917
25946
|
columns: columnsMap[type] || [],
|
|
25918
25947
|
showHeader: showHeader
|
|
25919
25948
|
});
|
|
25920
25949
|
return baseInfoColumns || [];
|
|
25921
25950
|
}, [type, showHeader]);
|
|
25951
|
+
// 构建字段渲染值映射表(原始值 -> 显示值),用于筛选时同时匹配原始值和显示值
|
|
25952
|
+
var fieldRenderMap = useMemo(function () {
|
|
25953
|
+
var map = {};
|
|
25954
|
+
// JKY_SYSTEM_ORDER 需要处理的字段
|
|
25955
|
+
if (type === 'JKY_SYSTEM_ORDER') {
|
|
25956
|
+
// isDelete: 1 -> "是", 0 -> "否"
|
|
25957
|
+
map['isDelete'] = {
|
|
25958
|
+
'1': '是',
|
|
25959
|
+
'0': '否'
|
|
25960
|
+
};
|
|
25961
|
+
// tradeFrom - 订单来源映射
|
|
25962
|
+
map['tradeFrom'] = _objectSpread2({}, JKY_ORDER_FROM_MAP);
|
|
25963
|
+
// tradeType - 订单类型映射
|
|
25964
|
+
map['tradeType'] = _objectSpread2({}, JKY_ORDER_TYPE_MAP);
|
|
25965
|
+
// tradeStatus - 销售单状态映射
|
|
25966
|
+
map['tradeStatus'] = _objectSpread2({}, JKY_ORDER_STATUS_MAP);
|
|
25967
|
+
}
|
|
25968
|
+
// BS_E3_SYSTEM_ORDER 需要处理的字段
|
|
25969
|
+
if (type === 'BS_E3_SYSTEM_ORDER') {
|
|
25970
|
+
// orderStatus - 订单状态映射
|
|
25971
|
+
map['orderStatus'] = _objectSpread2({}, BS_E3_ORDER_STATUS_MAP);
|
|
25972
|
+
// 布尔类型字段映射
|
|
25973
|
+
var booleanMap = _objectSpread2({}, BS_E3_BOOLEAN_STATUS_MAP);
|
|
25974
|
+
['isSplit', 'isSplitNew', 'isCombine', 'isCombineNew', 'isCopy', 'isExchangeOrder'].forEach(function (field) {
|
|
25975
|
+
map[field] = booleanMap;
|
|
25976
|
+
});
|
|
25977
|
+
}
|
|
25978
|
+
// KM_SYSTEM_ORDER 需要处理的字段
|
|
25979
|
+
if (type === 'KM_SYSTEM_ORDER') {
|
|
25980
|
+
// billType - 订单类型映射(0: "普通订单", 1: "货到付款", ...)
|
|
25981
|
+
map['billType'] = _objectSpread2({}, KM_ORDER_TYPE_MAP);
|
|
25982
|
+
// sysStatus - 订单系统状态映射
|
|
25983
|
+
map['sysStatus'] = _objectSpread2({}, KM_ORDER_STATUS);
|
|
25984
|
+
}
|
|
25985
|
+
// JY_SYSTEM_ORDER 需要处理的字段
|
|
25986
|
+
if (type === 'JY_SYSTEM_ORDER') {
|
|
25987
|
+
// tradeType - 订单类型映射
|
|
25988
|
+
map['tradeType'] = _objectSpread2({}, JY_ORDER_TYPE_MAP);
|
|
25989
|
+
// tradeStatus - 订单状态映射
|
|
25990
|
+
map['tradeStatus'] = _objectSpread2({}, JY_ORDER_STATUS_MAP);
|
|
25991
|
+
}
|
|
25992
|
+
// GY_SYSTEM_ORDER 需要处理的字段
|
|
25993
|
+
if (type === 'GY_SYSTEM_ORDER') {
|
|
25994
|
+
// deliveryStateName - 发货状态映射 (0: "未发货", 2: "全部发货")
|
|
25995
|
+
map['deliveryStateName'] = _objectSpread2({}, GY_DELIVERY_STATE_MAPPING);
|
|
25996
|
+
}
|
|
25997
|
+
return map;
|
|
25998
|
+
}, [type]);
|
|
25999
|
+
// 过滤后的表格数据 - 根据选中字段和关键词模糊匹配(不区分大小写)
|
|
26000
|
+
var filteredData = useMemo(function () {
|
|
26001
|
+
if (!filterField || !filterKeyword) {
|
|
26002
|
+
return (value === null || value === void 0 ? void 0 : value.orders) || [];
|
|
26003
|
+
}
|
|
26004
|
+
var keywordLower = filterKeyword.toLowerCase();
|
|
26005
|
+
var renderMap = fieldRenderMap[filterField];
|
|
26006
|
+
return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
|
|
26007
|
+
var fieldValue = item[filterField];
|
|
26008
|
+
if (fieldValue == null) return false;
|
|
26009
|
+
var fieldValueStr = String(fieldValue);
|
|
26010
|
+
var fieldValueLower = fieldValueStr.toLowerCase();
|
|
26011
|
+
// 直接匹配原始值
|
|
26012
|
+
if (fieldValueLower.includes(keywordLower)) return true;
|
|
26013
|
+
// 匹配渲染后的值
|
|
26014
|
+
if (renderMap) {
|
|
26015
|
+
// KM_SYSTEM_ORDER 的 billType 是逗号分隔的多个类型(如 "2,3,0")
|
|
26016
|
+
var isKmBillType = filterField === 'billType' && fieldValueStr.includes(',');
|
|
26017
|
+
if (isKmBillType) {
|
|
26018
|
+
// 拆分为单个类型代码,分别映射后拼接
|
|
26019
|
+
var typeCodes = fieldValueStr.split(',');
|
|
26020
|
+
var displayValues = typeCodes.map(function (code) {
|
|
26021
|
+
return renderMap[code.trim()];
|
|
26022
|
+
}).filter(Boolean);
|
|
26023
|
+
var displayValueStr = displayValues.join(',');
|
|
26024
|
+
if (displayValueStr.toLowerCase().includes(keywordLower)) {
|
|
26025
|
+
return true;
|
|
26026
|
+
}
|
|
26027
|
+
} else {
|
|
26028
|
+
// 单个值的字段
|
|
26029
|
+
var displayValue = renderMap[fieldValueStr];
|
|
26030
|
+
if (displayValue && displayValue.toLowerCase().includes(keywordLower)) {
|
|
26031
|
+
return true;
|
|
26032
|
+
}
|
|
26033
|
+
}
|
|
26034
|
+
}
|
|
26035
|
+
return false;
|
|
26036
|
+
});
|
|
26037
|
+
}, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword, fieldRenderMap]);
|
|
25922
26038
|
var getOrderList = /*#__PURE__*/function () {
|
|
25923
26039
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
|
|
25924
26040
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -26211,25 +26327,39 @@ var index$2 = (function (props) {
|
|
|
26211
26327
|
};
|
|
26212
26328
|
}
|
|
26213
26329
|
};
|
|
26214
|
-
// useEffect(() => {
|
|
26215
|
-
// const dom = document.querySelector(
|
|
26216
|
-
// `.${type}_SYSTEM_ORDER_COMPONENT .ant-table-content`,
|
|
26217
|
-
// );
|
|
26218
|
-
// //解决列表出现横向滚动条时选择数据造成行内闪烁问题
|
|
26219
|
-
// if (
|
|
26220
|
-
// (value?.selectIds || []).length > 0 &&
|
|
26221
|
-
// dom &&
|
|
26222
|
-
// dom.scrollWidth > dom.clientWidth &&
|
|
26223
|
-
// dom.scrollLeft === 0
|
|
26224
|
-
// ) {
|
|
26225
|
-
// console.log(dom.scrollWidth > dom.clientWidth, dom.scrollLeft === 0);
|
|
26226
|
-
// dom.scrollLeft = 1;
|
|
26227
|
-
// }
|
|
26228
|
-
// }, [JSON.stringify(value?.selectIds || [])]);
|
|
26229
26330
|
return /*#__PURE__*/React.createElement("div", {
|
|
26230
26331
|
className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
|
|
26231
|
-
}, /*#__PURE__*/React.createElement(
|
|
26232
|
-
|
|
26332
|
+
}, /*#__PURE__*/React.createElement(Space, {
|
|
26333
|
+
style: {
|
|
26334
|
+
marginBottom: 8
|
|
26335
|
+
}
|
|
26336
|
+
}, /*#__PURE__*/React.createElement(Select, {
|
|
26337
|
+
style: {
|
|
26338
|
+
width: 150
|
|
26339
|
+
},
|
|
26340
|
+
placeholder: "\u9009\u62E9\u5B57\u6BB5",
|
|
26341
|
+
value: filterField,
|
|
26342
|
+
onChange: setFilterField,
|
|
26343
|
+
allowClear: true,
|
|
26344
|
+
showSearch: true,
|
|
26345
|
+
optionFilterProp: "children"
|
|
26346
|
+
}, (columnsMap[type] || []).map(function (col) {
|
|
26347
|
+
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
26348
|
+
key: col.dataIndex,
|
|
26349
|
+
value: col.dataIndex
|
|
26350
|
+
}, col.title);
|
|
26351
|
+
})), /*#__PURE__*/React.createElement(Input, {
|
|
26352
|
+
placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
|
|
26353
|
+
style: {
|
|
26354
|
+
width: 200
|
|
26355
|
+
},
|
|
26356
|
+
value: filterKeyword,
|
|
26357
|
+
onChange: function onChange(e) {
|
|
26358
|
+
return setFilterKeyword(e.target.value);
|
|
26359
|
+
},
|
|
26360
|
+
allowClear: true
|
|
26361
|
+
})), /*#__PURE__*/React.createElement(Table, {
|
|
26362
|
+
dataSource: filteredData,
|
|
26233
26363
|
columns: columns,
|
|
26234
26364
|
rowSelection: rowSelection,
|
|
26235
26365
|
rowKey: rowKeyMap[type] || 'billNo',
|
package/dist/index.js
CHANGED
|
@@ -25901,6 +25901,34 @@ var index$2 = (function (props) {
|
|
|
25901
25901
|
showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
|
|
25902
25902
|
var onceRef = React.useRef(false);
|
|
25903
25903
|
var valueRef = React.useRef(null);
|
|
25904
|
+
// 字段筛选状态 - 用户选择要筛选的字段(单选)
|
|
25905
|
+
var _useState = React.useState(''),
|
|
25906
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25907
|
+
filterField = _useState2[0],
|
|
25908
|
+
setFilterField = _useState2[1];
|
|
25909
|
+
// 筛选关键词 - 输入框内容,用于模糊匹配选中字段列的值
|
|
25910
|
+
var _useState3 = React.useState(''),
|
|
25911
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
25912
|
+
filterKeyword = _useState4[0],
|
|
25913
|
+
setFilterKeyword = _useState4[1];
|
|
25914
|
+
// 初始化筛选字段(仅在 type 变化时初始化)
|
|
25915
|
+
React.useEffect(function () {
|
|
25916
|
+
var allColumns = columnsMap[type] || [];
|
|
25917
|
+
if (showHeader && showHeader.length > 0) {
|
|
25918
|
+
var _validItems$;
|
|
25919
|
+
// showHeader 是对象数组,提取第一个 dataIndex
|
|
25920
|
+
var validItems = showHeader.filter(function (item) {
|
|
25921
|
+
return item.show !== false;
|
|
25922
|
+
});
|
|
25923
|
+
var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
|
|
25924
|
+
setFilterField(defaultField);
|
|
25925
|
+
} else {
|
|
25926
|
+
var _allColumns$;
|
|
25927
|
+
// 如果 showHeader 为空,使用第一个列
|
|
25928
|
+
var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
|
|
25929
|
+
setFilterField(firstField);
|
|
25930
|
+
}
|
|
25931
|
+
}, [type]);
|
|
25904
25932
|
React.useEffect(function () {
|
|
25905
25933
|
var _value$orders, _value$showOrderInfo;
|
|
25906
25934
|
valueRef.current = value;
|
|
@@ -25928,12 +25956,100 @@ var index$2 = (function (props) {
|
|
|
25928
25956
|
}
|
|
25929
25957
|
}, [value, type]);
|
|
25930
25958
|
var columns = React.useMemo(function () {
|
|
25959
|
+
// 通过 getSystemShowHead 处理 showHeader 配置
|
|
25931
25960
|
var baseInfoColumns = kmkfUtils.getSystemShowHead({
|
|
25932
25961
|
columns: columnsMap[type] || [],
|
|
25933
25962
|
showHeader: showHeader
|
|
25934
25963
|
});
|
|
25935
25964
|
return baseInfoColumns || [];
|
|
25936
25965
|
}, [type, showHeader]);
|
|
25966
|
+
// 构建字段渲染值映射表(原始值 -> 显示值),用于筛选时同时匹配原始值和显示值
|
|
25967
|
+
var fieldRenderMap = React.useMemo(function () {
|
|
25968
|
+
var map = {};
|
|
25969
|
+
// JKY_SYSTEM_ORDER 需要处理的字段
|
|
25970
|
+
if (type === 'JKY_SYSTEM_ORDER') {
|
|
25971
|
+
// isDelete: 1 -> "是", 0 -> "否"
|
|
25972
|
+
map['isDelete'] = {
|
|
25973
|
+
'1': '是',
|
|
25974
|
+
'0': '否'
|
|
25975
|
+
};
|
|
25976
|
+
// tradeFrom - 订单来源映射
|
|
25977
|
+
map['tradeFrom'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_FROM_MAP);
|
|
25978
|
+
// tradeType - 订单类型映射
|
|
25979
|
+
map['tradeType'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_TYPE_MAP);
|
|
25980
|
+
// tradeStatus - 销售单状态映射
|
|
25981
|
+
map['tradeStatus'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_STATUS_MAP);
|
|
25982
|
+
}
|
|
25983
|
+
// BS_E3_SYSTEM_ORDER 需要处理的字段
|
|
25984
|
+
if (type === 'BS_E3_SYSTEM_ORDER') {
|
|
25985
|
+
// orderStatus - 订单状态映射
|
|
25986
|
+
map['orderStatus'] = _objectSpread2({}, kmkfUtils.BS_E3_ORDER_STATUS_MAP);
|
|
25987
|
+
// 布尔类型字段映射
|
|
25988
|
+
var booleanMap = _objectSpread2({}, kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP);
|
|
25989
|
+
['isSplit', 'isSplitNew', 'isCombine', 'isCombineNew', 'isCopy', 'isExchangeOrder'].forEach(function (field) {
|
|
25990
|
+
map[field] = booleanMap;
|
|
25991
|
+
});
|
|
25992
|
+
}
|
|
25993
|
+
// KM_SYSTEM_ORDER 需要处理的字段
|
|
25994
|
+
if (type === 'KM_SYSTEM_ORDER') {
|
|
25995
|
+
// billType - 订单类型映射(0: "普通订单", 1: "货到付款", ...)
|
|
25996
|
+
map['billType'] = _objectSpread2({}, kmkfUtils.KM_ORDER_TYPE_MAP);
|
|
25997
|
+
// sysStatus - 订单系统状态映射
|
|
25998
|
+
map['sysStatus'] = _objectSpread2({}, kmkfUtils.KM_ORDER_STATUS);
|
|
25999
|
+
}
|
|
26000
|
+
// JY_SYSTEM_ORDER 需要处理的字段
|
|
26001
|
+
if (type === 'JY_SYSTEM_ORDER') {
|
|
26002
|
+
// tradeType - 订单类型映射
|
|
26003
|
+
map['tradeType'] = _objectSpread2({}, kmkfUtils.JY_ORDER_TYPE_MAP);
|
|
26004
|
+
// tradeStatus - 订单状态映射
|
|
26005
|
+
map['tradeStatus'] = _objectSpread2({}, kmkfUtils.JY_ORDER_STATUS_MAP);
|
|
26006
|
+
}
|
|
26007
|
+
// GY_SYSTEM_ORDER 需要处理的字段
|
|
26008
|
+
if (type === 'GY_SYSTEM_ORDER') {
|
|
26009
|
+
// deliveryStateName - 发货状态映射 (0: "未发货", 2: "全部发货")
|
|
26010
|
+
map['deliveryStateName'] = _objectSpread2({}, kmkfUtils.GY_DELIVERY_STATE_MAPPING);
|
|
26011
|
+
}
|
|
26012
|
+
return map;
|
|
26013
|
+
}, [type]);
|
|
26014
|
+
// 过滤后的表格数据 - 根据选中字段和关键词模糊匹配(不区分大小写)
|
|
26015
|
+
var filteredData = React.useMemo(function () {
|
|
26016
|
+
if (!filterField || !filterKeyword) {
|
|
26017
|
+
return (value === null || value === void 0 ? void 0 : value.orders) || [];
|
|
26018
|
+
}
|
|
26019
|
+
var keywordLower = filterKeyword.toLowerCase();
|
|
26020
|
+
var renderMap = fieldRenderMap[filterField];
|
|
26021
|
+
return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
|
|
26022
|
+
var fieldValue = item[filterField];
|
|
26023
|
+
if (fieldValue == null) return false;
|
|
26024
|
+
var fieldValueStr = String(fieldValue);
|
|
26025
|
+
var fieldValueLower = fieldValueStr.toLowerCase();
|
|
26026
|
+
// 直接匹配原始值
|
|
26027
|
+
if (fieldValueLower.includes(keywordLower)) return true;
|
|
26028
|
+
// 匹配渲染后的值
|
|
26029
|
+
if (renderMap) {
|
|
26030
|
+
// KM_SYSTEM_ORDER 的 billType 是逗号分隔的多个类型(如 "2,3,0")
|
|
26031
|
+
var isKmBillType = filterField === 'billType' && fieldValueStr.includes(',');
|
|
26032
|
+
if (isKmBillType) {
|
|
26033
|
+
// 拆分为单个类型代码,分别映射后拼接
|
|
26034
|
+
var typeCodes = fieldValueStr.split(',');
|
|
26035
|
+
var displayValues = typeCodes.map(function (code) {
|
|
26036
|
+
return renderMap[code.trim()];
|
|
26037
|
+
}).filter(Boolean);
|
|
26038
|
+
var displayValueStr = displayValues.join(',');
|
|
26039
|
+
if (displayValueStr.toLowerCase().includes(keywordLower)) {
|
|
26040
|
+
return true;
|
|
26041
|
+
}
|
|
26042
|
+
} else {
|
|
26043
|
+
// 单个值的字段
|
|
26044
|
+
var displayValue = renderMap[fieldValueStr];
|
|
26045
|
+
if (displayValue && displayValue.toLowerCase().includes(keywordLower)) {
|
|
26046
|
+
return true;
|
|
26047
|
+
}
|
|
26048
|
+
}
|
|
26049
|
+
}
|
|
26050
|
+
return false;
|
|
26051
|
+
});
|
|
26052
|
+
}, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword, fieldRenderMap]);
|
|
25937
26053
|
var getOrderList = /*#__PURE__*/function () {
|
|
25938
26054
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
|
|
25939
26055
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -26226,25 +26342,39 @@ var index$2 = (function (props) {
|
|
|
26226
26342
|
};
|
|
26227
26343
|
}
|
|
26228
26344
|
};
|
|
26229
|
-
// useEffect(() => {
|
|
26230
|
-
// const dom = document.querySelector(
|
|
26231
|
-
// `.${type}_SYSTEM_ORDER_COMPONENT .ant-table-content`,
|
|
26232
|
-
// );
|
|
26233
|
-
// //解决列表出现横向滚动条时选择数据造成行内闪烁问题
|
|
26234
|
-
// if (
|
|
26235
|
-
// (value?.selectIds || []).length > 0 &&
|
|
26236
|
-
// dom &&
|
|
26237
|
-
// dom.scrollWidth > dom.clientWidth &&
|
|
26238
|
-
// dom.scrollLeft === 0
|
|
26239
|
-
// ) {
|
|
26240
|
-
// console.log(dom.scrollWidth > dom.clientWidth, dom.scrollLeft === 0);
|
|
26241
|
-
// dom.scrollLeft = 1;
|
|
26242
|
-
// }
|
|
26243
|
-
// }, [JSON.stringify(value?.selectIds || [])]);
|
|
26244
26345
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
26245
26346
|
className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
|
|
26246
|
-
}, /*#__PURE__*/React__default['default'].createElement(antd.
|
|
26247
|
-
|
|
26347
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
|
|
26348
|
+
style: {
|
|
26349
|
+
marginBottom: 8
|
|
26350
|
+
}
|
|
26351
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
|
|
26352
|
+
style: {
|
|
26353
|
+
width: 150
|
|
26354
|
+
},
|
|
26355
|
+
placeholder: "\u9009\u62E9\u5B57\u6BB5",
|
|
26356
|
+
value: filterField,
|
|
26357
|
+
onChange: setFilterField,
|
|
26358
|
+
allowClear: true,
|
|
26359
|
+
showSearch: true,
|
|
26360
|
+
optionFilterProp: "children"
|
|
26361
|
+
}, (columnsMap[type] || []).map(function (col) {
|
|
26362
|
+
return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
|
|
26363
|
+
key: col.dataIndex,
|
|
26364
|
+
value: col.dataIndex
|
|
26365
|
+
}, col.title);
|
|
26366
|
+
})), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
|
|
26367
|
+
placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
|
|
26368
|
+
style: {
|
|
26369
|
+
width: 200
|
|
26370
|
+
},
|
|
26371
|
+
value: filterKeyword,
|
|
26372
|
+
onChange: function onChange(e) {
|
|
26373
|
+
return setFilterKeyword(e.target.value);
|
|
26374
|
+
},
|
|
26375
|
+
allowClear: true
|
|
26376
|
+
})), /*#__PURE__*/React__default['default'].createElement(antd.Table, {
|
|
26377
|
+
dataSource: filteredData,
|
|
26248
26378
|
columns: columns,
|
|
26249
26379
|
rowSelection: rowSelection,
|
|
26250
26380
|
rowKey: rowKeyMap[type] || 'billNo',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/basic-components",
|
|
3
|
-
"version": "2.3.19-beta.
|
|
3
|
+
"version": "2.3.19-beta.7",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@kmkf-fe-packages/kmkf-utils": "2.3.19-beta.
|
|
23
|
+
"@kmkf-fe-packages/kmkf-utils": "2.3.19-beta.7",
|
|
24
24
|
"ahooks": "^3.7.4",
|
|
25
25
|
"ali-react-table": "2.6.1",
|
|
26
26
|
"bignumber.js": "^9.1.2",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"publishConfig": {
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "d2bf1b19c15a4dee83d41bb81432be0272363539"
|
|
70
70
|
}
|