@kmkf-fe-packages/basic-components 2.3.19-beta.6 → 2.3.19-beta.8

package/dist/index.esm.js

@@ -3,7 +3,7 @@ import { Cascader, DatePicker, Image, InputNumber, Input, Select, Upload, messag
 import { EyeOutlined, DeleteOutlined, CloseOutlined, PlusSquareOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
-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';
+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';
 import every from 'lodash/every';
 import maxBy from 'lodash/maxBy';
 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';
@@ -16144,30 +16144,33 @@ var GoodList = function GoodList(props, ref) {
     selectedRowKeys: selectIds,
     fixed: true,
     onSelect: function onSelect(record, selected) {
+      var uniqueKey = "".concat(record.goodNo, "-").concat(record.specNo);
       if (selected) {
-        setSelectIds([].concat(_toConsumableArray(selectIds), [record.specNo]));
+        setSelectIds([].concat(_toConsumableArray(selectIds), [uniqueKey]));
         setSelect([].concat(_toConsumableArray(selectList), [record]));
       } else {
         setSelectIds(selectIds.filter(function (t) {
-          return t !== record.specNo;
+          return t !== uniqueKey;
         }));
         setSelect(selectList.filter(function (t) {
-          return t.specNo !== record.specNo;
+          return "".concat(t.goodNo, "-").concat(t.specNo) !== uniqueKey;
         }));
       }
     },
     onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
       if (selected) {
-        setSelectIds([].concat(_toConsumableArray(selectIds), _toConsumableArray(changeRows.map(function (t) {
-          return t.specNo;
-        }))));
+        var changeKeys = changeRows.map(function (t) {
+          return "".concat(t.goodNo, "-").concat(t.specNo);
+        });
+        setSelectIds([].concat(_toConsumableArray(selectIds), _toConsumableArray(changeKeys)));
         setSelect([].concat(_toConsumableArray(selectList), _toConsumableArray(changeRows)));
       } else {
-        setSelectIds(difference(selectIds, changeRows.map(function (t) {
-          return t.specNo;
-        })));
+        var _changeKeys = changeRows.map(function (t) {
+          return "".concat(t.goodNo, "-").concat(t.specNo);
+        });
+        setSelectIds(difference(selectIds, _changeKeys));
         var list = differenceWith(selectList, changeRows, function (arrVal, othVal) {
-          return arrVal.specNo !== othVal.specNo;
+          return "".concat(arrVal.goodNo, "-").concat(arrVal.specNo) !== "".concat(othVal.goodNo, "-").concat(othVal.specNo);
         });
         setSelect(list);
       }
@@ -16175,11 +16178,12 @@ var GoodList = function GoodList(props, ref) {
   };
   var showTable = function showTable() {
     var handleDelete = function handleDelete(record) {
+      var uniqueKey = "".concat(record.goodNo, "-").concat(record.specNo);
       setSelectIds(selectIds.filter(function (t) {
-        return t !== record.specNo;
+        return t !== uniqueKey;
       }));
       setSelect(selectList.filter(function (t) {
-        return t.specNo !== record.specNo;
+        return "".concat(t.goodNo, "-").concat(t.specNo) !== uniqueKey;
       }));
     };
     var showColumns = [{
@@ -16203,7 +16207,9 @@ var GoodList = function GoodList(props, ref) {
       }
     }, /*#__PURE__*/React.createElement(Table, {
       columns: showColumns,
-      rowKey: 'specNo',
+      rowKey: function rowKey(record) {
+        return "".concat(record.goodNo, "-").concat(record.specNo);
+      },
       dataSource: selectList,
       scroll: {
         x: '100%',
@@ -16233,7 +16239,9 @@ var GoodList = function GoodList(props, ref) {
   }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
-    rowKey: "specNo",
+    rowKey: function rowKey(record) {
+      return "".concat(record.goodNo, "-").concat(record.specNo);
+    },
     columns: columns,
     scroll: {
       x: '100%',
@@ -25886,6 +25894,34 @@ var index$2 = (function (props) {
     showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
   var onceRef = useRef(false);
   var valueRef = useRef(null);
+  // 字段筛选状态 - 用户选择要筛选的字段（单选）
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterField = _useState2[0],
+    setFilterField = _useState2[1];
+  // 筛选关键词 - 输入框内容，用于模糊匹配选中字段列的值
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterKeyword = _useState4[0],
+    setFilterKeyword = _useState4[1];
+  // 初始化筛选字段（仅在 type 变化时初始化）
+  useEffect(function () {
+    var allColumns = columnsMap[type] || [];
+    if (showHeader && showHeader.length > 0) {
+      var _validItems$;
+      // showHeader 是对象数组，提取第一个 dataIndex
+      var validItems = showHeader.filter(function (item) {
+        return item.show !== false;
+      });
+      var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
+      setFilterField(defaultField);
+    } else {
+      var _allColumns$;
+      // 如果 showHeader 为空，使用第一个列
+      var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
+      setFilterField(firstField);
+    }
+  }, [type]);
   useEffect(function () {
     var _value$orders, _value$showOrderInfo;
     valueRef.current = value;
@@ -25913,12 +25949,100 @@ var index$2 = (function (props) {
     }
   }, [value, type]);
   var columns = useMemo(function () {
+    // 通过 getSystemShowHead 处理 showHeader 配置
     var baseInfoColumns = getSystemShowHead({
       columns: columnsMap[type] || [],
       showHeader: showHeader
     });
     return baseInfoColumns || [];
   }, [type, showHeader]);
+  // 构建字段渲染值映射表（原始值 -> 显示值），用于筛选时同时匹配原始值和显示值
+  var fieldRenderMap = useMemo(function () {
+    var map = {};
+    // JKY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'JKY_SYSTEM_ORDER') {
+      // isDelete: 1 -> "是", 0 -> "否"
+      map['isDelete'] = {
+        '1': '是',
+        '0': '否'
+      };
+      // tradeFrom - 订单来源映射
+      map['tradeFrom'] = _objectSpread2({}, JKY_ORDER_FROM_MAP);
+      // tradeType - 订单类型映射
+      map['tradeType'] = _objectSpread2({}, JKY_ORDER_TYPE_MAP);
+      // tradeStatus - 销售单状态映射
+      map['tradeStatus'] = _objectSpread2({}, JKY_ORDER_STATUS_MAP);
+    }
+    // BS_E3_SYSTEM_ORDER 需要处理的字段
+    if (type === 'BS_E3_SYSTEM_ORDER') {
+      // orderStatus - 订单状态映射
+      map['orderStatus'] = _objectSpread2({}, BS_E3_ORDER_STATUS_MAP);
+      // 布尔类型字段映射
+      var booleanMap = _objectSpread2({}, BS_E3_BOOLEAN_STATUS_MAP);
+      ['isSplit', 'isSplitNew', 'isCombine', 'isCombineNew', 'isCopy', 'isExchangeOrder'].forEach(function (field) {
+        map[field] = booleanMap;
+      });
+    }
+    // KM_SYSTEM_ORDER 需要处理的字段
+    if (type === 'KM_SYSTEM_ORDER') {
+      // billType - 订单类型映射（0: "普通订单", 1: "货到付款", ...）
+      map['billType'] = _objectSpread2({}, KM_ORDER_TYPE_MAP);
+      // sysStatus - 订单系统状态映射
+      map['sysStatus'] = _objectSpread2({}, KM_ORDER_STATUS);
+    }
+    // JY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'JY_SYSTEM_ORDER') {
+      // tradeType - 订单类型映射
+      map['tradeType'] = _objectSpread2({}, JY_ORDER_TYPE_MAP);
+      // tradeStatus - 订单状态映射
+      map['tradeStatus'] = _objectSpread2({}, JY_ORDER_STATUS_MAP);
+    }
+    // GY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'GY_SYSTEM_ORDER') {
+      // deliveryStateName - 发货状态映射 (0: "未发货", 2: "全部发货")
+      map['deliveryStateName'] = _objectSpread2({}, GY_DELIVERY_STATE_MAPPING);
+    }
+    return map;
+  }, [type]);
+  // 过滤后的表格数据 - 根据选中字段和关键词模糊匹配（不区分大小写）
+  var filteredData = useMemo(function () {
+    if (!filterField || !filterKeyword) {
+      return (value === null || value === void 0 ? void 0 : value.orders) || [];
+    }
+    var keywordLower = filterKeyword.toLowerCase();
+    var renderMap = fieldRenderMap[filterField];
+    return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
+      var fieldValue = item[filterField];
+      if (fieldValue == null) return false;
+      var fieldValueStr = String(fieldValue);
+      var fieldValueLower = fieldValueStr.toLowerCase();
+      // 直接匹配原始值
+      if (fieldValueLower.includes(keywordLower)) return true;
+      // 匹配渲染后的值
+      if (renderMap) {
+        // KM_SYSTEM_ORDER 的 billType 是逗号分隔的多个类型（如 "2,3,0"）
+        var isKmBillType = filterField === 'billType' && fieldValueStr.includes(',');
+        if (isKmBillType) {
+          // 拆分为单个类型代码，分别映射后拼接
+          var typeCodes = fieldValueStr.split(',');
+          var displayValues = typeCodes.map(function (code) {
+            return renderMap[code.trim()];
+          }).filter(Boolean);
+          var displayValueStr = displayValues.join(',');
+          if (displayValueStr.toLowerCase().includes(keywordLower)) {
+            return true;
+          }
+        } else {
+          // 单个值的字段
+          var displayValue = renderMap[fieldValueStr];
+          if (displayValue && displayValue.toLowerCase().includes(keywordLower)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+  }, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword, fieldRenderMap]);
   var getOrderList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -26211,25 +26335,39 @@ var index$2 = (function (props) {
       };
     }
   };
-  // useEffect(() => {
-  //   const dom = document.querySelector(
-  //     `.${type}_SYSTEM_ORDER_COMPONENT .ant-table-content`,
-  //   );
-  //   //解决列表出现横向滚动条时选择数据造成行内闪烁问题
-  //   if (
-  //     (value?.selectIds || []).length > 0 &&
-  //     dom &&
-  //     dom.scrollWidth > dom.clientWidth &&
-  //     dom.scrollLeft === 0
-  //   ) {
-  //     console.log(dom.scrollWidth > dom.clientWidth, dom.scrollLeft === 0);
-  //     dom.scrollLeft = 1;
-  //   }
-  // }, [JSON.stringify(value?.selectIds || [])]);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
-  }, /*#__PURE__*/React.createElement(Table, {
-    dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
+  }, /*#__PURE__*/React.createElement(Space, {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: 150
+    },
+    placeholder: "\u9009\u62E9\u5B57\u6BB5",
+    value: filterField,
+    onChange: setFilterField,
+    allowClear: true,
+    showSearch: true,
+    optionFilterProp: "children"
+  }, (columnsMap[type] || []).map(function (col) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: col.dataIndex,
+      value: col.dataIndex
+    }, col.title);
+  })), /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
+    style: {
+      width: 200
+    },
+    value: filterKeyword,
+    onChange: function onChange(e) {
+      return setFilterKeyword(e.target.value);
+    },
+    allowClear: true
+  })), /*#__PURE__*/React.createElement(Table, {
+    dataSource: filteredData,
     columns: columns,
     rowSelection: rowSelection,
     rowKey: rowKeyMap[type] || 'billNo',

package/dist/index.js

@@ -16159,30 +16159,33 @@ var GoodList = function GoodList(props, ref) {
     selectedRowKeys: selectIds,
     fixed: true,
     onSelect: function onSelect(record, selected) {
+      var uniqueKey = "".concat(record.goodNo, "-").concat(record.specNo);
       if (selected) {
-        setSelectIds([].concat(_toConsumableArray(selectIds), [record.specNo]));
+        setSelectIds([].concat(_toConsumableArray(selectIds), [uniqueKey]));
         setSelect([].concat(_toConsumableArray(selectList), [record]));
       } else {
         setSelectIds(selectIds.filter(function (t) {
-          return t !== record.specNo;
+          return t !== uniqueKey;
         }));
         setSelect(selectList.filter(function (t) {
-          return t.specNo !== record.specNo;
+          return "".concat(t.goodNo, "-").concat(t.specNo) !== uniqueKey;
         }));
       }
     },
     onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
       if (selected) {
-        setSelectIds([].concat(_toConsumableArray(selectIds), _toConsumableArray(changeRows.map(function (t) {
-          return t.specNo;
-        }))));
+        var changeKeys = changeRows.map(function (t) {
+          return "".concat(t.goodNo, "-").concat(t.specNo);
+        });
+        setSelectIds([].concat(_toConsumableArray(selectIds), _toConsumableArray(changeKeys)));
         setSelect([].concat(_toConsumableArray(selectList), _toConsumableArray(changeRows)));
       } else {
-        setSelectIds(lodash.difference(selectIds, changeRows.map(function (t) {
-          return t.specNo;
-        })));
+        var _changeKeys = changeRows.map(function (t) {
+          return "".concat(t.goodNo, "-").concat(t.specNo);
+        });
+        setSelectIds(lodash.difference(selectIds, _changeKeys));
         var list = lodash.differenceWith(selectList, changeRows, function (arrVal, othVal) {
-          return arrVal.specNo !== othVal.specNo;
+          return "".concat(arrVal.goodNo, "-").concat(arrVal.specNo) !== "".concat(othVal.goodNo, "-").concat(othVal.specNo);
         });
         setSelect(list);
       }
@@ -16190,11 +16193,12 @@ var GoodList = function GoodList(props, ref) {
   };
   var showTable = function showTable() {
     var handleDelete = function handleDelete(record) {
+      var uniqueKey = "".concat(record.goodNo, "-").concat(record.specNo);
       setSelectIds(selectIds.filter(function (t) {
-        return t !== record.specNo;
+        return t !== uniqueKey;
       }));
       setSelect(selectList.filter(function (t) {
-        return t.specNo !== record.specNo;
+        return "".concat(t.goodNo, "-").concat(t.specNo) !== uniqueKey;
       }));
     };
     var showColumns = [{
@@ -16218,7 +16222,9 @@ var GoodList = function GoodList(props, ref) {
       }
     }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
       columns: showColumns,
-      rowKey: 'specNo',
+      rowKey: function rowKey(record) {
+        return "".concat(record.goodNo, "-").concat(record.specNo);
+      },
       dataSource: selectList,
       scroll: {
         x: '100%',
@@ -16248,7 +16254,9 @@ var GoodList = function GoodList(props, ref) {
   }, /*#__PURE__*/React__default['default'].createElement(antd.Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
-    rowKey: "specNo",
+    rowKey: function rowKey(record) {
+      return "".concat(record.goodNo, "-").concat(record.specNo);
+    },
     columns: columns,
     scroll: {
       x: '100%',
@@ -25901,6 +25909,34 @@ var index$2 = (function (props) {
     showHeader = _props$showHeader === void 0 ? [] : _props$showHeader;
   var onceRef = React.useRef(false);
   var valueRef = React.useRef(null);
+  // 字段筛选状态 - 用户选择要筛选的字段（单选）
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterField = _useState2[0],
+    setFilterField = _useState2[1];
+  // 筛选关键词 - 输入框内容，用于模糊匹配选中字段列的值
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterKeyword = _useState4[0],
+    setFilterKeyword = _useState4[1];
+  // 初始化筛选字段（仅在 type 变化时初始化）
+  React.useEffect(function () {
+    var allColumns = columnsMap[type] || [];
+    if (showHeader && showHeader.length > 0) {
+      var _validItems$;
+      // showHeader 是对象数组，提取第一个 dataIndex
+      var validItems = showHeader.filter(function (item) {
+        return item.show !== false;
+      });
+      var defaultField = ((_validItems$ = validItems[0]) === null || _validItems$ === void 0 ? void 0 : _validItems$.dataIndex) || '';
+      setFilterField(defaultField);
+    } else {
+      var _allColumns$;
+      // 如果 showHeader 为空，使用第一个列
+      var firstField = ((_allColumns$ = allColumns[0]) === null || _allColumns$ === void 0 ? void 0 : _allColumns$.dataIndex) || '';
+      setFilterField(firstField);
+    }
+  }, [type]);
   React.useEffect(function () {
     var _value$orders, _value$showOrderInfo;
     valueRef.current = value;
@@ -25928,12 +25964,100 @@ var index$2 = (function (props) {
     }
   }, [value, type]);
   var columns = React.useMemo(function () {
+    // 通过 getSystemShowHead 处理 showHeader 配置
     var baseInfoColumns = kmkfUtils.getSystemShowHead({
       columns: columnsMap[type] || [],
       showHeader: showHeader
     });
     return baseInfoColumns || [];
   }, [type, showHeader]);
+  // 构建字段渲染值映射表（原始值 -> 显示值），用于筛选时同时匹配原始值和显示值
+  var fieldRenderMap = React.useMemo(function () {
+    var map = {};
+    // JKY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'JKY_SYSTEM_ORDER') {
+      // isDelete: 1 -> "是", 0 -> "否"
+      map['isDelete'] = {
+        '1': '是',
+        '0': '否'
+      };
+      // tradeFrom - 订单来源映射
+      map['tradeFrom'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_FROM_MAP);
+      // tradeType - 订单类型映射
+      map['tradeType'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_TYPE_MAP);
+      // tradeStatus - 销售单状态映射
+      map['tradeStatus'] = _objectSpread2({}, kmkfUtils.JKY_ORDER_STATUS_MAP);
+    }
+    // BS_E3_SYSTEM_ORDER 需要处理的字段
+    if (type === 'BS_E3_SYSTEM_ORDER') {
+      // orderStatus - 订单状态映射
+      map['orderStatus'] = _objectSpread2({}, kmkfUtils.BS_E3_ORDER_STATUS_MAP);
+      // 布尔类型字段映射
+      var booleanMap = _objectSpread2({}, kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP);
+      ['isSplit', 'isSplitNew', 'isCombine', 'isCombineNew', 'isCopy', 'isExchangeOrder'].forEach(function (field) {
+        map[field] = booleanMap;
+      });
+    }
+    // KM_SYSTEM_ORDER 需要处理的字段
+    if (type === 'KM_SYSTEM_ORDER') {
+      // billType - 订单类型映射（0: "普通订单", 1: "货到付款", ...）
+      map['billType'] = _objectSpread2({}, kmkfUtils.KM_ORDER_TYPE_MAP);
+      // sysStatus - 订单系统状态映射
+      map['sysStatus'] = _objectSpread2({}, kmkfUtils.KM_ORDER_STATUS);
+    }
+    // JY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'JY_SYSTEM_ORDER') {
+      // tradeType - 订单类型映射
+      map['tradeType'] = _objectSpread2({}, kmkfUtils.JY_ORDER_TYPE_MAP);
+      // tradeStatus - 订单状态映射
+      map['tradeStatus'] = _objectSpread2({}, kmkfUtils.JY_ORDER_STATUS_MAP);
+    }
+    // GY_SYSTEM_ORDER 需要处理的字段
+    if (type === 'GY_SYSTEM_ORDER') {
+      // deliveryStateName - 发货状态映射 (0: "未发货", 2: "全部发货")
+      map['deliveryStateName'] = _objectSpread2({}, kmkfUtils.GY_DELIVERY_STATE_MAPPING);
+    }
+    return map;
+  }, [type]);
+  // 过滤后的表格数据 - 根据选中字段和关键词模糊匹配（不区分大小写）
+  var filteredData = React.useMemo(function () {
+    if (!filterField || !filterKeyword) {
+      return (value === null || value === void 0 ? void 0 : value.orders) || [];
+    }
+    var keywordLower = filterKeyword.toLowerCase();
+    var renderMap = fieldRenderMap[filterField];
+    return ((value === null || value === void 0 ? void 0 : value.orders) || []).filter(function (item) {
+      var fieldValue = item[filterField];
+      if (fieldValue == null) return false;
+      var fieldValueStr = String(fieldValue);
+      var fieldValueLower = fieldValueStr.toLowerCase();
+      // 直接匹配原始值
+      if (fieldValueLower.includes(keywordLower)) return true;
+      // 匹配渲染后的值
+      if (renderMap) {
+        // KM_SYSTEM_ORDER 的 billType 是逗号分隔的多个类型（如 "2,3,0"）
+        var isKmBillType = filterField === 'billType' && fieldValueStr.includes(',');
+        if (isKmBillType) {
+          // 拆分为单个类型代码，分别映射后拼接
+          var typeCodes = fieldValueStr.split(',');
+          var displayValues = typeCodes.map(function (code) {
+            return renderMap[code.trim()];
+          }).filter(Boolean);
+          var displayValueStr = displayValues.join(',');
+          if (displayValueStr.toLowerCase().includes(keywordLower)) {
+            return true;
+          }
+        } else {
+          // 单个值的字段
+          var displayValue = renderMap[fieldValueStr];
+          if (displayValue && displayValue.toLowerCase().includes(keywordLower)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+  }, [value === null || value === void 0 ? void 0 : value.orders, filterField, filterKeyword, fieldRenderMap]);
   var getOrderList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -26226,25 +26350,39 @@ var index$2 = (function (props) {
       };
     }
   };
-  // useEffect(() => {
-  //   const dom = document.querySelector(
-  //     `.${type}_SYSTEM_ORDER_COMPONENT .ant-table-content`,
-  //   );
-  //   //解决列表出现横向滚动条时选择数据造成行内闪烁问题
-  //   if (
-  //     (value?.selectIds || []).length > 0 &&
-  //     dom &&
-  //     dom.scrollWidth > dom.clientWidth &&
-  //     dom.scrollLeft === 0
-  //   ) {
-  //     console.log(dom.scrollWidth > dom.clientWidth, dom.scrollLeft === 0);
-  //     dom.scrollLeft = 1;
-  //   }
-  // }, [JSON.stringify(value?.selectIds || [])]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(type, "_SYSTEM_ORDER_COMPONENT")
-  }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
-    dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    style: {
+      width: 150
+    },
+    placeholder: "\u9009\u62E9\u5B57\u6BB5",
+    value: filterField,
+    onChange: setFilterField,
+    allowClear: true,
+    showSearch: true,
+    optionFilterProp: "children"
+  }, (columnsMap[type] || []).map(function (col) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      key: col.dataIndex,
+      value: col.dataIndex
+    }, col.title);
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u5339\u914D",
+    style: {
+      width: 200
+    },
+    value: filterKeyword,
+    onChange: function onChange(e) {
+      return setFilterKeyword(e.target.value);
+    },
+    allowClear: true
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+    dataSource: filteredData,
     columns: columns,
     rowSelection: rowSelection,
     rowKey: rowKeyMap[type] || 'billNo',

package/dist/src/bs/SystemOrder/index.d.ts

@@ -10,7 +10,7 @@ interface BsSystemOrderProps {
         title: string;
         dataIndex: string;
         show?: boolean;
-    }[] | string[];
+    }[];
     type: string;
     disabled: boolean;
     onChange: (val: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.3.19-beta.6",
+  "version": "2.3.19-beta.8",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "2.3.19-beta.6",
+    "@kmkf-fe-packages/kmkf-utils": "2.3.19-beta.8",
     "ahooks": "^3.7.4",
     "ali-react-table": "2.6.1",
     "bignumber.js": "^9.1.2",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e6813f36b0158d521ee77c43a25566fcee54a287"
+  "gitHead": "e64e81ee97f6b60aba0cbf5eb21caa3901804e9e"
 }