@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 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(Table, {
26232
- dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
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.Table, {
26247
- dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
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',
@@ -10,7 +10,7 @@ interface BsSystemOrderProps {
10
10
  title: string;
11
11
  dataIndex: string;
12
12
  show?: boolean;
13
- }[] | string[];
13
+ }[];
14
14
  type: string;
15
15
  disabled: boolean;
16
16
  onChange: (val: any) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/basic-components",
3
- "version": "2.3.19-beta.5",
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.5",
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": "6cd51681eb9ec117e2e1c7b3ecc84eea230ecd9c"
69
+ "gitHead": "d2bf1b19c15a4dee83d41bb81432be0272363539"
70
70
  }