@kmkf-fe-packages/basic-components 2.2.2 → 2.2.3-rc.1

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
-import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Popover, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton } from 'antd';
-import { EyeOutlined, DeleteOutlined, CloseOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled, VideoCameraTwoTone } from '@ant-design/icons';
+import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Tooltip, Popover, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton, Tag } from 'antd';
+import { EyeOutlined, DeleteOutlined, CloseOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, 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, request as request$1, ExpressData, uuid, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterKmOrders, 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, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog } from '@kmkf-fe-packages/kmkf-utils';
+import { AddressData, BsAddressData, WdtAddressData, GyAddressData, request as request$1, ExpressData, uuid, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterKmOrders, 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, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog, skxSystemOrderBackValues, updateSkxGoodsHandle } from '@kmkf-fe-packages/kmkf-utils';
 import { debounce, isNaN as isNaN$1, isNumber as isNumber$1, uniqBy, cloneDeep, difference, differenceWith, isBoolean, isEqual, takeRight, reject, isEmpty, intersection } from 'lodash';
 import { useUpdateEffect, useDebounceEffect, useAntdTable } from 'ahooks';
 import zhCN from 'antd/lib/locale/zh_CN';
@@ -8044,6 +8044,29 @@ function withFormItem(WrappedComponent) {
  */
 var extendRequest = extend$1({});
 
+function HoverTableRowDeleteIcon(_ref) {
+  var index = _ref.index,
+    hoveredRowIndex = _ref.hoveredRowIndex,
+    handleClick = _ref.handleClick;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: hoveredRowIndex === index ? 'none' : 'inline'
+    }
+  }, index + 1), /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: handleClick,
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
+    style: {
+      fontSize: 18,
+      color: '#1890ff',
+      display: hoveredRowIndex === index ? 'inline' : 'none'
+    }
+  })));
+}
+
 var WidgetMap = {
   INPUT: 'input',
   TEXTAREA: 'textarea'
@@ -8063,7 +8086,9 @@ var SubForm = function SubForm(props) {
     correlationList = _props$subConfig.correlationList,
     tableHeader = props.tableHeader,
     disabled = props.disabled,
-    platform = props.platform;
+    platform = props.platform,
+    manual = props.manual,
+    maxCount = props.maxCount;
   var ref = useRef(null);
   var isRequest = useRef(false);
   var _useState = useState(false),
@@ -8090,6 +8115,10 @@ var SubForm = function SubForm(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     hasMore = _useState12[0],
     setHasMore = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    hoveredRowIndex = _useState14[0],
+    setHoveredRowIndex = _useState14[1];
   var updateHandle = function updateHandle(val, index, type) {
     if (value === null || value === void 0 ? void 0 : value.length) {
       var valueItem = tableHeader.find(function (t) {
@@ -8123,11 +8152,14 @@ var SubForm = function SubForm(props) {
     title: '序号',
     width: 50,
     render: function render(val, record, index) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: 25
+      return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
+        index: index,
+        hoveredRowIndex: hoveredRowIndex,
+        handleClick: function handleClick() {
+          return deleteHandle(record.uuid);
         }
-      }, index + 1);
+      });
+      // return <div style={{ width: 25 }}>{index + 1}</div>;
     }
   }].concat(_toConsumableArray(newTableHeader.map(function (t) {
     return {
@@ -8168,13 +8200,28 @@ var SubForm = function SubForm(props) {
     dataIndex: 'operation',
     title: '操作',
     width: 70,
+    fixed: 'right',
     render: function render(val, record, index) {
-      return /*#__PURE__*/React.createElement(Button, {
-        type: "link",
+      return /*#__PURE__*/React.createElement(Space, null, manual && /*#__PURE__*/React.createElement(Tooltip, {
+        title: "\u6DFB\u52A0"
+      }, /*#__PURE__*/React.createElement(PlusCircleFilled, {
+        style: {
+          fontSize: 18,
+          color: '#1890ff'
+        },
+        onClick: function onClick() {
+          return addHandle(index + 1);
+        }
+      })), /*#__PURE__*/React.createElement(Tooltip, {
+        title: "\u5220\u9664"
+      }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
+        style: {
+          fontSize: 18
+        },
         onClick: function onClick() {
           return deleteHandle(record.uuid);
         }
-      }, "\u5220\u9664");
+      })));
     }
   }]);
   var columsSearch = useMemo(function () {
@@ -8200,6 +8247,12 @@ var SubForm = function SubForm(props) {
       return prv;
     }, {});
   }, [newTableHeader]);
+  var defaultValueMap = useMemo(function () {
+    return Object.keys(valueMap).reduce(function (prv, next) {
+      prv["".concat(valueMap[next])] = '';
+      return prv;
+    }, {});
+  }, [valueMap]);
   var selectOptions = useMemo(function () {
     var _options$;
     var options = newTableHeader.map(function (item) {
@@ -8217,6 +8270,17 @@ var SubForm = function SubForm(props) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newList);
   };
+  var addHandle = function addHandle(index) {
+    if (maxCount && (value === null || value === void 0 ? void 0 : value.length) >= maxCount) {
+      message.error("\u8BE5\u5B50\u8868\u5355\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u6761"));
+      return;
+    }
+    var newValue = _toConsumableArray(value || []);
+    newValue.splice(index, 0, _objectSpread2(_objectSpread2({}, defaultValueMap), {}, {
+      uuid: uuid()
+    }));
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
   var onScrollCapture = function onScrollCapture(e) {
     if (e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight - 20) {
       if (hasMore && !isRequest.current) {
@@ -8424,7 +8488,22 @@ var SubForm = function SubForm(props) {
       x: '100%'
     },
     locale: {
-      emptyText: '暂无数据'
+      emptyText: !disabled && manual ? /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        onClick: function onClick() {
+          return addHandle(0);
+        }
+      }, "\u70B9\u51FB\u6DFB\u52A0")) : '暂无数据'
+    },
+    onRow: function onRow(_, index) {
+      return {
+        onMouseEnter: function onMouseEnter() {
+          return setHoveredRowIndex(index !== null && index !== void 0 ? index : null);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setHoveredRowIndex(null);
+        }
+      };
     }
   }));
 };
@@ -11721,7 +11800,7 @@ var typeInitValueMap = {
   }]
 };
 var jstGoods = function jstGoods(props) {
-  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6, _value$changeIndex7, _value$changeIndex8, _value$changeIndex9, _value$changeIndex10, _value$changeIndex11, _value$changeIndex12;
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6, _value$changeIndex7, _value$changeIndex8, _value$changeIndex9, _value$changeIndex10, _value$changeIndex11, _value$changeIndex12, _value$changeIndex13;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     onChange = props.onChange,
@@ -11732,7 +11811,8 @@ var jstGoods = function jstGoods(props) {
     showField = _props$showField === void 0 ? '' : _props$showField,
     _props$platformType = props.platformType,
     platformType = _props$platformType === void 0 ? 'default' : _props$platformType,
-    onlyShowFieldSelect = props.onlyShowFieldSelect;
+    onlyShowFieldSelect = props.onlyShowFieldSelect,
+    logisticsCompanyFormType = props.logisticsCompanyFormType;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     changeIndex = _useState2[0],
@@ -11823,13 +11903,20 @@ var jstGoods = function jstGoods(props) {
         return setChangeIndex(index);
       }
     }, "\u5305\u88F9".concat(index + 1)));
-  }))) : null, value.length || type === 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 1 ? /*#__PURE__*/React.createElement(Space, null, !showField || showField === 'logisticsCompany' ? /*#__PURE__*/React.createElement(ApaasLogistics, {
+  }))) : null, value.length || type === 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, type === 1 ? /*#__PURE__*/React.createElement(Space, null, !showField || showField === 'logisticsCompany' ? /*#__PURE__*/React.createElement(React.Fragment, null, logisticsCompanyFormType === 'input' ? /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    placeholder: "\u7269\u6D41\u516C\u53F8",
+    onChange: function onChange(e) {
+      return changeInputHandle(e.target.value, 'logisticsCompany');
+    },
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.logisticsCompany
+  }) : /*#__PURE__*/React.createElement(ApaasLogistics, {
     disabled: disabled,
     placeholder: "\u7269\u6D41\u516C\u53F8",
     onChange: function onChange(val) {
       changeInputHandle(val, 'logisticsCompany');
     },
-    value: platformType === 'gy' ? expressDateInstance.getExpressNameByCode((_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex['logisticsCompany'], false) ? (_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2['logisticsCompany'] : (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3['logisticsCompanyName'] : (_value$changeIndex4 = value[changeIndex]) === null || _value$changeIndex4 === void 0 ? void 0 : _value$changeIndex4['logisticsCompany'],
+    value: platformType === 'gy' ? (expressDateInstance === null || expressDateInstance === void 0 ? void 0 : expressDateInstance.getExpressNameByCode((_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2['logisticsCompany'], false)) ? (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3['logisticsCompany'] : (_value$changeIndex4 = value[changeIndex]) === null || _value$changeIndex4 === void 0 ? void 0 : _value$changeIndex4['logisticsCompanyName'] : (_value$changeIndex5 = value[changeIndex]) === null || _value$changeIndex5 === void 0 ? void 0 : _value$changeIndex5['logisticsCompany'],
     showSearch: true,
     dropdownMatchSelectWidth: false,
     filterOption: function filterOption(input, option) {
@@ -11840,34 +11927,34 @@ var jstGoods = function jstGoods(props) {
       maxWidth: '180px'
     },
     platformType: platformType
-  }) : null, !showField || showField === 'logisticsCode' ? /*#__PURE__*/React.createElement(Input, {
+  })) : null, !showField || showField === 'logisticsCode' ? /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
     placeholder: "\u7269\u6D41\u5355\u53F7",
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'logisticsCode');
     },
-    value: (_value$changeIndex5 = value[changeIndex]) === null || _value$changeIndex5 === void 0 ? void 0 : _value$changeIndex5.logisticsCode
+    value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.logisticsCode
   }) : null) : null, type === 2 ? /*#__PURE__*/React.createElement(Space, null, ['supplyId', 'all'].includes(showField) && /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
     placeholder: "\u8BF7\u8F93\u5165\u4F9B\u9500\u5546\u7F16\u7801",
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'supplyId');
     },
-    value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.supplyId
+    value: (_value$changeIndex7 = value[changeIndex]) === null || _value$changeIndex7 === void 0 ? void 0 : _value$changeIndex7.supplyId
   }), ['supplyName', 'all'].includes(showField) && /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
     placeholder: "\u8BF7\u8F93\u5165\u4F9B\u9500\u5546\u540D\u79F0",
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'supplyName');
     },
-    value: (_value$changeIndex7 = value[changeIndex]) === null || _value$changeIndex7 === void 0 ? void 0 : _value$changeIndex7.supplyName
+    value: (_value$changeIndex8 = value[changeIndex]) === null || _value$changeIndex8 === void 0 ? void 0 : _value$changeIndex8.supplyName
   })) : null, type === 3 ? /*#__PURE__*/React.createElement(Space, null, ['sendId', 'all'].includes(showField) && /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
     placeholder: "\u8BF7\u8F93\u5165\u53D1\u8D27\u4ED3\u7F16\u7801",
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'sendId');
     },
-    value: (_value$changeIndex8 = value[changeIndex]) === null || _value$changeIndex8 === void 0 ? void 0 : _value$changeIndex8.sendId
+    value: (_value$changeIndex9 = value[changeIndex]) === null || _value$changeIndex9 === void 0 ? void 0 : _value$changeIndex9.sendId
   }), ['sendName', 'all'].includes(showField) && (isSelectName ? /*#__PURE__*/React.createElement(Select, {
     style: {
       minWidth: '100px',
@@ -11878,7 +11965,7 @@ var jstGoods = function jstGoods(props) {
     showSearch: true,
     options: sendOptions,
     filterOption: filterOption,
-    value: ((_value$changeIndex9 = value[changeIndex]) === null || _value$changeIndex9 === void 0 ? void 0 : _value$changeIndex9.sendSnapshotId) || ((_value$changeIndex10 = value[changeIndex]) === null || _value$changeIndex10 === void 0 ? void 0 : _value$changeIndex10.sendName) || null,
+    value: ((_value$changeIndex10 = value[changeIndex]) === null || _value$changeIndex10 === void 0 ? void 0 : _value$changeIndex10.sendSnapshotId) || ((_value$changeIndex11 = value[changeIndex]) === null || _value$changeIndex11 === void 0 ? void 0 : _value$changeIndex11.sendName) || null,
     onChange: function onChange(value, option) {
       return handleSelected(value, 'sendName', option, onlyShowFieldSelect);
     }
@@ -11888,14 +11975,14 @@ var jstGoods = function jstGoods(props) {
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'sendName');
     },
-    value: (_value$changeIndex11 = value[changeIndex]) === null || _value$changeIndex11 === void 0 ? void 0 : _value$changeIndex11.sendName
+    value: (_value$changeIndex12 = value[changeIndex]) === null || _value$changeIndex12 === void 0 ? void 0 : _value$changeIndex12.sendName
   }))) : null, type === 4 ? /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
     placeholder: "\u8BF7\u8F93\u5165\u51FA\u5E93\u5355\u7F16\u53F7",
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'deliveryNo');
     },
-    value: (_value$changeIndex12 = value[changeIndex]) === null || _value$changeIndex12 === void 0 ? void 0 : _value$changeIndex12.sendName
+    value: (_value$changeIndex13 = value[changeIndex]) === null || _value$changeIndex13 === void 0 ? void 0 : _value$changeIndex13.sendName
   })) : null) : null);
 };
 
@@ -16559,6 +16646,34 @@ var getColumns$6 = function getColumns(_ref) {
 };
 
 var getColumns$7 = function getColumns(_ref) {
+  var _ref$text = _ref.text,
+    disabled = _ref.disabled,
+    updateHandle = _ref.updateHandle,
+    updateDataHandle = _ref.updateDataHandle;
+  return {
+    //[SKX]商品信息(ON)
+    SKX_GOODS: [{
+      dataIndex: 'skuEcode',
+      title: "[SKX]\u53D1\u8D27\u5355\u660E\u7EC6-skuEcode",
+      width: 200
+    }, {
+      dataIndex: 'subOrderId',
+      title: "[SKX]\u53D1\u8D27\u5355-\u5B50\u8BA2\u5355\u53F7",
+      width: 300
+    }, {
+      dataIndex: 'onBillNo',
+      title: "[SKX]ON\u51FA\u5E93\u901A\u77E5\u5355\u53F7",
+      width: 200
+    }].map(function (item) {
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        align: 'center',
+        ellipsis: true
+      });
+    })
+  };
+};
+
+var getColumns$8 = function getColumns(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? '' : _ref$text,
     disabled = _ref.disabled,
@@ -16671,7 +16786,7 @@ var getColumnsMap$1 = function getColumnsMap(args) {
     disabled = _ref.disabled,
     updateHandle = _ref.updateHandle,
     updateDataHandle = _ref.updateDataHandle;
-  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getColumns$1({
+  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getColumns$1({
     text: text,
     disabled: disabled,
     updateHandle: updateHandle
@@ -16700,8 +16815,12 @@ var getColumnsMap$1 = function getColumnsMap(args) {
     text: text,
     disabled: disabled,
     updateHandle: updateHandle
+  })), getColumns$7({
+    text: text,
+    disabled: disabled,
+    updateHandle: updateHandle
   })), {}, {
-    default: getColumns$7({
+    default: getColumns$8({
       text: text,
       disabled: disabled,
       updateHandle: updateHandle
@@ -16830,29 +16949,6 @@ var getBsE3ReissueGoodColumns = function getBsE3ReissueGoodColumns(_ref4) {
   });
 };
 
-function HoverTableRowDeleteIcon(_ref) {
-  var index = _ref.index,
-    hoveredRowIndex = _ref.hoveredRowIndex,
-    handleClick = _ref.handleClick;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: hoveredRowIndex === index ? 'none' : 'inline'
-    }
-  }, index + 1), /*#__PURE__*/React.createElement("span", {
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: handleClick,
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
-    style: {
-      fontSize: 18,
-      color: '#1890ff',
-      display: hoveredRowIndex === index ? 'inline' : 'none'
-    }
-  })));
-}
-
 var isErpType = {
   isWdt: function isWdt(type) {
     return ['WDT_REISSUE_GOODS', 'WDT_GOODS', 'WDT_EXCHANGE_GOODS'].includes(type);
@@ -17167,10 +17263,13 @@ var SelectTradeGoods = function SelectTradeGoods(_ref) {
     fixed: true,
     onChange: handleChangeSelectedKeys
   };
+  var buttonTextMapping = {
+    SKX_GOODS: '选择发货单商品'
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     type: "link",
     onClick: openModal
-  }, "\u9009\u62E9\u8BA2\u5355\u5546\u54C1"), /*#__PURE__*/React.createElement(Modal, {
+  }, buttonTextMapping[type] || '选择订单商品'), /*#__PURE__*/React.createElement(Modal, {
     title: "\u8BA2\u5355\u5546\u54C1",
     visible: tradeGoodsVisible,
     footer: null,
@@ -17367,6 +17466,7 @@ var GoodItem$1 = function GoodItem(props) {
         case 'GY_RETURN_GOODS':
         case 'KM_GOODS':
         case 'KM_REISSUE_GOODS':
+        case 'SKX_GOODS':
           {
             columns = getColumnsMap$1({
               text: text,
@@ -22213,4 +22313,356 @@ var KmVideo = function KmVideo(_ref) {
   }))));
 };
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, index$1 as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$3 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$4 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$2 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$6 as getKmColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns };
+var singletonMap$7 = new Map();
+var getAllGoods = function getAllGoods(params, setLoading) {
+  var id = params.tid || params.onBillNo || '';
+  if (!singletonMap$7.has(id)) {
+    setLoading && setLoading(true);
+    var p = new Promise(function (resolve, reject) {
+      var doReject = function doReject(err) {
+        // 清空掉错误的请求记录
+        singletonMap$7.delete(id);
+        reject(err);
+      };
+      extendRequest('/qy/gdfw/order/skxOrderDetail', {
+        method: 'post',
+        data: params
+      }).then(function (res) {
+        if (res === null || res === void 0 ? void 0 : res.success) {
+          var _res$data, _res$data$orderDetail;
+          if (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$orderDetail = _res$data.orderDetailInfoList) === null || _res$data$orderDetail === void 0 ? void 0 : _res$data$orderDetail.length) {
+            var orderDetailInfoList = res === null || res === void 0 ? void 0 : res.data.orderDetailInfoList;
+            res.data.trades = orderDetailInfoList[0].subOrderList.map(function (subItem) {
+              return {
+                onBillNo: orderDetailInfoList[0].onBillNo,
+                skuEcode: subItem.skuEcode,
+                subOrderId: subItem.subOrderId
+              };
+            });
+          }
+          resolve(res.data);
+          // 延迟10秒清除,保证订单的时效性
+          setTimeout(function () {
+            singletonMap$7.delete(id);
+          }, 1000 * 10);
+        } else {
+          doReject(res);
+        }
+      }).catch(doReject).finally(function () {
+        setLoading && setLoading(false);
+      });
+    });
+    singletonMap$7.set(id, p);
+  }
+  return singletonMap$7.get(id);
+};
+var skxUtils = {
+  getAllGoods: getAllGoods
+};
+
+var typeMap$6 = {
+  SKX_OUTBOUND_NOTICE_NO: {
+    key: 'onBillNo',
+    notDataText: '未获取到出库通知单号',
+    placeholder: '请点击按钮选择或者输入ON出库通知单号',
+    buttonText: '选择ON出库通知单号',
+    columnHeaders: {
+      title: '出库通知单号',
+      subListName: 'subOrderList',
+      leftColumn: {
+        label: '[SKX]发货单明细-skuEcode',
+        value: 'skuEcode'
+      },
+      rightColumn: {
+        label: '[SKX]发货单—子订单号',
+        value: 'subOrderId'
+      }
+    },
+    asyncGetData: function () {
+      var _asyncGetData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(tradeId) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", skxUtils.getAllGoods({
+                tid: tradeId
+              }).then(function (data) {
+                var orderDetailInfoList = data.orderDetailInfoList || [];
+                return orderDetailInfoList;
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function asyncGetData(_x) {
+        return _asyncGetData.apply(this, arguments);
+      }
+      return asyncGetData;
+    }()
+  }
+};
+var IdInputSelect = function IdInputSelect(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _onBlur = props.onBlur,
+    disabled = props.disabled,
+    form = props.form,
+    templateDetail = props.templateDetail,
+    type = props.type;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  // 控制Popover显示状态
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    popoverVisible = _useState4[0],
+    setPopoverVisible = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    spinning = _useState6[0],
+    setSpinning = _useState6[1];
+  var divRef = useRef(null);
+  var _useState7 = useState(340),
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var tradeIdRef = useRef('');
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dataSource = _useState10[0],
+    setDataSource = _useState10[1];
+  useEffect(function () {
+    if (!divRef.current) return;
+    var measuredWidth = divRef.current.offsetWidth;
+    setWidth(measuredWidth);
+  }, []);
+  //当外部数据源变化时更新内部状态;
+  useEffect(function () {
+    if (popoverVisible) {
+      asyncQueryData();
+    }
+  }, [popoverVisible]);
+  useEffect(function () {
+    setInputValue(value);
+  }, [value]);
+  var asyncQueryData = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var tradeId;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            tradeId = form.getFieldValue('m3ap1EvEyd');
+            console.log('asyncQueryData---', {
+              tradeId: tradeId,
+              tradeIdRef: tradeIdRef.current,
+              form: form
+            });
+            if (tradeId) {
+              _context2.next = 5;
+              break;
+            }
+            setDataSource([]);
+            return _context2.abrupt("return");
+          case 5:
+            setSpinning(true);
+            typeMap$6[type].asyncGetData(tradeId).then(function (data) {
+              setDataSource(data);
+            }).catch(function () {
+              setDataSource([]);
+            }).finally(function () {
+              setSpinning(false);
+            });
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function asyncQueryData() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  // 渲染Popover内容
+  var RenderPopoverContent = function RenderPopoverContent() {
+    return /*#__PURE__*/React.createElement(Spin, {
+      spinning: spinning
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: typeof width === 'number' ? width - 30 : 320,
+        maxHeight: 400,
+        minHeight: 36,
+        overflow: 'auto'
+      }
+    }, !spinning && (!dataSource || dataSource.length === 0) && /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'center',
+        color: '#858585',
+        padding: 10
+      }
+    }, typeMap$6[type].notDataText), dataSource && dataSource.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        padding: '8px 12px',
+        fontWeight: 500,
+        color: '#333'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: group[typeMap$6[type].key]
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          padding: '8px 12px',
+          backgroundColor: '#f5f5f4'
+        }
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: value === group[typeMap$6[type].key],
+        onChange: function onChange() {
+          if (value !== group[typeMap$6[type].key]) {
+            handleChange(group[typeMap$6[type].key]);
+            skxSystemOrderBackValues({
+              templateList: templateDetail,
+              value: {
+                allOrders: [group]
+              },
+              form: form
+            });
+          }
+        },
+        style: {
+          marginRight: 12
+        }
+      }), /*#__PURE__*/React.createElement("span", null, typeMap$6[type].columnHeaders.title, ":", group[typeMap$6[type].key])), (group[typeMap$6[type].columnHeaders.subListName] || []).map(function (item, itemIndex) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: "".concat(group[typeMap$6[type].key], "-").concat(itemIndex),
+          style: {
+            padding: '8px 12px',
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
+          }
+        }, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React.createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
+          }
+        }, item[typeMap$6[type].columnHeaders.rightColumn.value]));
+      }));
+    }))));
+  };
+  var handleChange = function handleChange(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    // 关闭浮窗
+    setPopoverVisible(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: divRef
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: typeMap$6[type].placeholder,
+    disabled: disabled,
+    value: inputValue,
+    onBlur: function onBlur(e) {
+      handleChange(e.target.value);
+      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+    },
+    onChange: function onChange(e) {
+      setInputValue(e.target.value);
+    }
+  }), !disabled && /*#__PURE__*/React.createElement(Popover, {
+    content: /*#__PURE__*/React.createElement(RenderPopoverContent, null),
+    trigger: "click",
+    visible: popoverVisible,
+    onVisibleChange: setPopoverVisible
+  }, /*#__PURE__*/React.createElement(Tag, {
+    color: "processing",
+    style: {
+      padding: '3px 8px',
+      marginTop: 8,
+      cursor: 'pointer'
+    }
+  }, typeMap$6[type].buttonText)));
+};
+
+var typeMap$7 = {
+  SKX_GOODS: {
+    key: 'skxGoods',
+    uniqueKey: 'skuEcode',
+    requestParams: {
+      key: 'onBillNo',
+      sourceUniqueKey: '78CADF2951',
+      request: skxUtils.getAllGoods
+    },
+    updateHandle: updateSkxGoodsHandle
+  }
+};
+var SkxGoods = function SkxGoods(props) {
+  var value = props.value,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    form = props.form,
+    type = props.type;
+  var changeHandle = function changeHandle(list) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, typeMap$7[type].key, list)));
+  };
+  // 找到该订单号下所有商品
+  var getAllTradeGoodsDetails = function getAllTradeGoodsDetails() {
+    var goodDetails = typeMap$7[type].updateHandle((value === null || value === void 0 ? void 0 : value.allGoods) || []);
+    return goodDetails;
+  };
+  var selectedGoodsChange = useCallback(function (skuList) {
+    var _uniqBy;
+    var newValue = _objectSpread2({}, value);
+    // 原订单商品
+    var originTradeGoodList = getAllTradeGoodsDetails() || [];
+    // 当前选中的所有商品【包含了原订单+商品库】
+    var currentSelectGoodList = (value === null || value === void 0 ? void 0 : value[typeMap$7[type].key]) || [];
+    newValue[typeMap$7[type].key] = (_uniqBy = uniqBy(originTradeGoodList.concat(currentSelectGoodList), typeMap$7[type].uniqueKey)) === null || _uniqBy === void 0 ? void 0 : _uniqBy.filter(function (item) {
+      return skuList.includes(item[typeMap$7[type].uniqueKey]);
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  }, [value === null || value === void 0 ? void 0 : value[typeMap$7[type].key]]);
+  // 商品信息组件暂存后 重新编辑，此时需要重新获取on单号下所有商品信息
+  var getDataSourceAsync = function getDataSourceAsync() {
+    var businessNo = form.getFieldValue(typeMap$7[type].requestParams.sourceUniqueKey);
+    if (!businessNo) {
+      return Promise.resolve([]);
+    }
+    return typeMap$7[type].requestParams.request(_defineProperty({}, typeMap$7[type].requestParams.key, businessNo)).then(function (data) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        allGoods: (data === null || data === void 0 ? void 0 : data.trades) || []
+      }));
+    });
+  };
+  return /*#__PURE__*/React.createElement(GoodItem$1, _objectSpread2(_objectSpread2({
+    key: typeMap$7[type].key
+  }, props), {}, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value[typeMap$7[type].key],
+    onChange: function onChange(val) {
+      return changeHandle(val);
+    },
+    showModeBtn: false,
+    tradeGoods: {
+      uniqueKey: typeMap$7[type].uniqueKey,
+      originDataSource: getAllTradeGoodsDetails(),
+      getDataSourceAsync: getDataSourceAsync,
+      selectedGoodsChange: selectedGoodsChange
+    }
+  }));
+};
+
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, index$1 as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$3 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$4 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, SkxGoods, IdInputSelect as SkxIdInputSelect, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$2 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$6 as getKmColumns, getColumns$7 as getSkxColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns, skxUtils };