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

package/dist/index.js

@@ -8056,6 +8056,29 @@ function withFormItem(WrappedComponent) {
  */
 var extendRequest = request.extend({});
 
+function HoverTableRowDeleteIcon(_ref) {
+  var index = _ref.index,
+    hoveredRowIndex = _ref.hoveredRowIndex,
+    handleClick = _ref.handleClick;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      display: hoveredRowIndex === index ? 'none' : 'inline'
+    }
+  }, index + 1), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: handleClick,
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/React__default['default'].createElement(icons.MinusCircleFilled, {
+    style: {
+      fontSize: 18,
+      color: '#1890ff',
+      display: hoveredRowIndex === index ? 'inline' : 'none'
+    }
+  })));
+}
+
 var WidgetMap = {
   INPUT: 'input',
   TEXTAREA: 'textarea'
@@ -8075,7 +8098,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 = React.useRef(null);
   var isRequest = React.useRef(false);
   var _useState = React.useState(false),
@@ -8102,6 +8127,10 @@ var SubForm = function SubForm(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     hasMore = _useState12[0],
     setHasMore = _useState12[1];
+  var _useState13 = React.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) {
@@ -8135,11 +8164,14 @@ var SubForm = function SubForm(props) {
     title: '序号',
     width: 50,
     render: function render(val, record, index) {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: {
-          width: 25
+      return /*#__PURE__*/React__default['default'].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 {
@@ -8180,13 +8212,28 @@ var SubForm = function SubForm(props) {
     dataIndex: 'operation',
     title: '操作',
     width: 70,
+    fixed: 'right',
     render: function render(val, record, index) {
-      return /*#__PURE__*/React__default['default'].createElement(antd.Button, {
-        type: "link",
+      return /*#__PURE__*/React__default['default'].createElement(antd.Space, null, manual && /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+        title: "\u6DFB\u52A0"
+      }, /*#__PURE__*/React__default['default'].createElement(icons.PlusCircleFilled, {
+        style: {
+          fontSize: 18,
+          color: '#1890ff'
+        },
+        onClick: function onClick() {
+          return addHandle(index + 1);
+        }
+      })), /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+        title: "\u5220\u9664"
+      }, /*#__PURE__*/React__default['default'].createElement(icons.MinusCircleFilled, {
+        style: {
+          fontSize: 18
+        },
         onClick: function onClick() {
           return deleteHandle(record.uuid);
         }
-      }, "\u5220\u9664");
+      })));
     }
   }]);
   var columsSearch = React.useMemo(function () {
@@ -8212,6 +8259,12 @@ var SubForm = function SubForm(props) {
       return prv;
     }, {});
   }, [newTableHeader]);
+  var defaultValueMap = React.useMemo(function () {
+    return Object.keys(valueMap).reduce(function (prv, next) {
+      prv["".concat(valueMap[next])] = '';
+      return prv;
+    }, {});
+  }, [valueMap]);
   var selectOptions = React.useMemo(function () {
     var _options$;
     var options = newTableHeader.map(function (item) {
@@ -8229,6 +8282,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) {
+      antd.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: kmkfUtils.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) {
@@ -8436,7 +8500,22 @@ var SubForm = function SubForm(props) {
       x: '100%'
     },
     locale: {
-      emptyText: '暂无数据'
+      emptyText: !disabled && manual ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React__default['default'].createElement(antd.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);
+        }
+      };
     }
   }));
 };
@@ -11733,7 +11812,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,
@@ -11744,7 +11823,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 = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     changeIndex = _useState2[0],
@@ -11835,13 +11915,20 @@ var jstGoods = function jstGoods(props) {
         return setChangeIndex(index);
       }
     }, "\u5305\u88F9".concat(index + 1)));
-  }))) : null, value.length || type === 1 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, !showField || showField === 'logisticsCompany' ? /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
+  }))) : null, value.length || type === 1 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(antd.Space, null, !showField || showField === 'logisticsCompany' ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, logisticsCompanyFormType === 'input' ? /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].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) {
@@ -11852,34 +11939,34 @@ var jstGoods = function jstGoods(props) {
       maxWidth: '180px'
     },
     platformType: platformType
-  }) : null, !showField || showField === 'logisticsCode' ? /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+  })) : null, !showField || showField === 'logisticsCode' ? /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement(antd.Space, null, ['supplyId', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement(antd.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__default['default'].createElement(antd.Space, null, ['sendId', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement(antd.Select, {
     style: {
       minWidth: '100px',
@@ -11890,7 +11977,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);
     }
@@ -11900,14 +11987,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__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.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);
 };
 
@@ -16571,6 +16658,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,
@@ -16683,7 +16798,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
@@ -16712,8 +16827,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
@@ -16842,29 +16961,6 @@ var getBsE3ReissueGoodColumns = function getBsE3ReissueGoodColumns(_ref4) {
   });
 };
 
-function HoverTableRowDeleteIcon(_ref) {
-  var index = _ref.index,
-    hoveredRowIndex = _ref.hoveredRowIndex,
-    handleClick = _ref.handleClick;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
-    style: {
-      display: hoveredRowIndex === index ? 'none' : 'inline'
-    }
-  }, index + 1), /*#__PURE__*/React__default['default'].createElement("span", {
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: handleClick,
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React__default['default'].createElement(icons.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);
@@ -17179,10 +17275,13 @@ var SelectTradeGoods = function SelectTradeGoods(_ref) {
     fixed: true,
     onChange: handleChangeSelectedKeys
   };
+  var buttonTextMapping = {
+    SKX_GOODS: '选择发货单商品'
+  };
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
     type: "link",
     onClick: openModal
-  }, "\u9009\u62E9\u8BA2\u5355\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+  }, buttonTextMapping[type] || '选择订单商品'), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
     title: "\u8BA2\u5355\u5546\u54C1",
     visible: tradeGoodsVisible,
     footer: null,
@@ -17379,6 +17478,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,
@@ -22225,6 +22325,358 @@ var KmVideo = function KmVideo(_ref) {
   }))));
 };
 
+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 = React.useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  // 控制Popover显示状态
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    popoverVisible = _useState4[0],
+    setPopoverVisible = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    spinning = _useState6[0],
+    setSpinning = _useState6[1];
+  var divRef = React.useRef(null);
+  var _useState7 = React.useState(340),
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var tradeIdRef = React.useRef('');
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dataSource = _useState10[0],
+    setDataSource = _useState10[1];
+  React.useEffect(function () {
+    if (!divRef.current) return;
+    var measuredWidth = divRef.current.offsetWidth;
+    setWidth(measuredWidth);
+  }, []);
+  //当外部数据源变化时更新内部状态;
+  React.useEffect(function () {
+    if (popoverVisible) {
+      asyncQueryData();
+    }
+  }, [popoverVisible]);
+  React.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__default['default'].createElement(antd.Spin, {
+      spinning: spinning
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: typeof width === 'number' ? width - 30 : 320,
+        maxHeight: 400,
+        minHeight: 36,
+        overflow: 'auto'
+      }
+    }, !spinning && (!dataSource || dataSource.length === 0) && /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        textAlign: 'center',
+        color: '#858585',
+        padding: 10
+      }
+    }, typeMap$6[type].notDataText), dataSource && dataSource.length > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: 'flex',
+        padding: '8px 12px',
+        fontWeight: 500,
+        color: '#333'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        key: group[typeMap$6[type].key]
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          padding: '8px 12px',
+          backgroundColor: '#f5f5f4'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
+        checked: value === group[typeMap$6[type].key],
+        onChange: function onChange() {
+          if (value !== group[typeMap$6[type].key]) {
+            handleChange(group[typeMap$6[type].key]);
+            kmkfUtils.skxSystemOrderBackValues({
+              templateList: templateDetail,
+              value: {
+                allOrders: [group]
+              },
+              form: form
+            });
+          }
+        },
+        style: {
+          marginRight: 12
+        }
+      }), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
+          key: "".concat(group[typeMap$6[type].key], "-").concat(itemIndex),
+          style: {
+            padding: '8px 12px',
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
+          }
+        }, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
+    ref: divRef
+  }, /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement(antd.Popover, {
+    content: /*#__PURE__*/React__default['default'].createElement(RenderPopoverContent, null),
+    trigger: "click",
+    visible: popoverVisible,
+    onVisibleChange: setPopoverVisible
+  }, /*#__PURE__*/React__default['default'].createElement(antd.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: kmkfUtils.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 = React.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 = lodash.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__default['default'].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
+    }
+  }));
+};
+
 exports.Address = ApaasAddress;
 exports.AliPay = AliPay;
 exports.ApaasAddress = Province;
@@ -22284,6 +22736,8 @@ exports.PublicReissue = PublicReissue;
 exports.Remark = RemarkInput;
 exports.ReturnLogistics = ExpressLogistics;
 exports.ShopName = ShopNameSelect;
+exports.SkxGoods = SkxGoods;
+exports.SkxIdInputSelect = IdInputSelect;
 exports.Status = Status;
 exports.SubForm = SubForm;
 exports.Supplier = Supplier;
@@ -22300,5 +22754,7 @@ exports.erpModalColumnsMap = index$2;
 exports.getGyColumns = getColumns$4;
 exports.getJstColumns = getColumns$5;
 exports.getKmColumns = getColumns$6;
+exports.getSkxColumns = getColumns$7;
 exports.getWdtColumns = getColumns$2;
 exports.getWlnColumns = getColumns$3;
+exports.skxUtils = skxUtils;