@kmkf-fe-packages/basic-components 2.2.5 → 2.2.7

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 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, 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 { EyeOutlined, DeleteOutlined, CloseOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
-import { AddressData, BsAddressData, WdtAddressData, GyAddressData, 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 { 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, updateOrderSubFormGoodsHandle, 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, intersection, isEmpty } from 'lodash';
 import { useUpdateEffect, useDebounceEffect, useAntdTable } from 'ahooks';
 import zhCN from 'antd/lib/locale/zh_CN';
 import pubsub from 'pubsub-js';
@@ -1225,7 +1225,7 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
     className: "addBtn"
   }, "+"), /*#__PURE__*/React.createElement("div", null, uploadText)))));
 };
-var index = /*#__PURE__*/forwardRef(ApaasUploadAsync);
+var ApaasUploadAsync$1 = /*#__PURE__*/forwardRef(ApaasUploadAsync);
 
 var css_248z$2 = ".index-module_imageProBox__1u84Y {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageProBox__1u84Y .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageProBox__1u84Y .index-module_inputImage__nm5jb {\n  width: 105px;\n  height: 105px;\n  border: 1px dashed #ccc;\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  text-indent: 8px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageShow__1cG2j {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo {\n  display: flex;\n  width: 280px;\n  height: 105px;\n  border-radius: 5px;\n  background-color: rgba(240, 241, 242, 0.72);\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo textarea {\n  max-width: 174px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo:hover .index-module_mask__L3q8p:before {\n  opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProInfo__iHM0C {\n  width: 80px;\n  height: 80px;\n  border-radius: 5px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProRight__3rPiY {\n  position: relative;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProWrap__sx8lo .index-module_imageProOperate__1hFcg {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p::before {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: all 0.3s;\n  content: ' ';\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p:hover .index-module_actions__3Wwry {\n  opacity: 1;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 10;\n  white-space: nowrap;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.3s;\n}\n.index-module_imageProBox__1u84Y .index-module_mask__L3q8p .index-module_actions__3Wwry .index-module_icon__3oJ-1 {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e {\n  display: inline-block;\n  margin-right: 8px !important;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG {\n  width: 105px;\n  height: 105px;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_imageProPaste__22O8e .index-module_fakeBox__3EXNG .index-module_addBtn__1Dv95 {\n  color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload {\n  height: 105px !important;\n  width: 105px !important;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageProBox__1u84Y .index-module_uploadPro__3rAkl .ant-upload .index-module_addBtn__1Dv95 {\n  color: #86909C;\n}\n.index-module_tips__z9Yjd {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
 var styles$2 = {"imageProBox":"index-module_imageProBox__1u84Y","inputImage":"index-module_inputImage__nm5jb","imageShow":"index-module_imageShow__1cG2j","imageProWrap":"index-module_imageProWrap__sx8lo","-webkit-mask":"index-module_mask__L3q8p","mask":"index-module_mask__L3q8p","imageProInfo":"index-module_imageProInfo__iHM0C","imageProRight":"index-module_imageProRight__3rPiY","imageProOperate":"index-module_imageProOperate__1hFcg","actions":"index-module_actions__3Wwry","icon":"index-module_icon__3oJ-1","imageProPaste":"index-module_imageProPaste__22O8e","fakeBox":"index-module_fakeBox__3EXNG","addBtn":"index-module_addBtn__1Dv95","uploadPro":"index-module_uploadPro__3rAkl","tips":"index-module_tips__z9Yjd"};
@@ -1534,7 +1534,7 @@ var ApaasUploadProAsync = function ApaasUploadProAsync(_ref, ref) {
     className: "addBtn"
   }, "+"), /*#__PURE__*/React.createElement("div", null, uploadText))), renderImages(value)));
 };
-var index$1 = /*#__PURE__*/forwardRef(ApaasUploadProAsync);
+var index = /*#__PURE__*/forwardRef(ApaasUploadProAsync);
 
 var css_248z$3 = ".index-module_imageBox__1rpoB {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1rpoB .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__1rpoB .index-module_inputImage__MyiR1 {\n  width: 80px;\n  height: 80px;\n  border: 1px dashed #ccc;\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  text-indent: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageShow__3BNqT {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP {\n  width: 100px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover {\n  background: transparent;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover .index-module_mask__uy8r2:before {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP .index-module_delete__28zCp {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2::before {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: all 0.3s;\n  content: ' ';\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2:hover .index-module_actions__1-6f4 {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 10;\n  white-space: nowrap;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.3s;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 .index-module_icon__3yEcS {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C {\n  display: inline-block;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- {\n  width: 80px;\n  height: 80px;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  padding-top: 16px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- .index-module_addBtn__3a1TQ {\n  color: #86909C;\n}\n.index-module_imageBox__1rpoB .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1rpoB .ant-upload .index-module_addBtn__3a1TQ {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_tips__168Vy {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
 var styles$3 = {"imageBox":"index-module_imageBox__1rpoB","inputImage":"index-module_inputImage__MyiR1","imageShow":"index-module_imageShow__3BNqT","imageWrap":"index-module_imageWrap__LyKfP","-webkit-mask":"index-module_mask__uy8r2","mask":"index-module_mask__uy8r2","delete":"index-module_delete__28zCp","actions":"index-module_actions__1-6f4","icon":"index-module_icon__3yEcS","imagePaste":"index-module_imagePaste__Ac77C","fakeBox":"index-module_fakeBox__3W1d-","addBtn":"index-module_addBtn__3a1TQ","tips":"index-module_tips__168Vy"};
@@ -8417,10 +8417,6 @@ var SubForm = function SubForm(props) {
         }
       });
     }
-    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;
-    }
     onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value || []), [_objectSpread2(_objectSpread2({}, newValue), {}, {
       uuid: uuid()
     })]));
@@ -12994,7 +12990,7 @@ var getColumnsBaseInfo = function getColumnsBaseInfo() {
   });
   return newColumns;
 };
-var index$2 = getColumnsBaseInfo();
+var index$1 = getColumnsBaseInfo();
 
 var initNo = {
   dataIndex: 'index',
@@ -18628,7 +18624,7 @@ var rowKeyMap = {
   GY_SYSTEM_ORDER: 'billNo',
   JST_SYSTEM_ORDER: 'oId'
 };
-var index$3 = (function (props) {
+var index$2 = (function (props) {
   var value = props.value,
     _onChange = props.onChange,
     disabled = props.disabled,
@@ -18938,6 +18934,827 @@ var index$3 = (function (props) {
   }));
 });
 
+var css_248z$b = ".customizeUpload-module_customizeUpload__2tG-4 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:hover:not(:disabled) {\n  color: #40a9ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  overflow: hidden;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_image__3hOnT {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: white;\n  font-size: 10px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl:hover {\n  background-color: rgba(255, 0, 0, 0.8);\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1:hover .customizeUpload-module_deleteBtn__85Jsl {\n  opacity: 1;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_uploadContainer__rUcw7 {\n  margin-top: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq {\n  width: 280px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverTitle__3Qw2t {\n  margin-bottom: 4px;\n  color: #262626;\n  font-weight: 500;\n  font-size: 16px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverSubtitle__1NA3m {\n  margin-bottom: 16px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G {\n  display: flex;\n  gap: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J {\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  background-color: #fafafa;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:hover:not(:disabled) {\n  color: #40a9ff;\n  background-color: #f0f8ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n";
+var styles$5 = {"customizeUpload":"customizeUpload-module_customizeUpload__2tG-4","addButton":"customizeUpload-module_addButton__2w8Jj","imageItem":"customizeUpload-module_imageItem__yn6H1","image":"customizeUpload-module_image__3hOnT","deleteBtn":"customizeUpload-module_deleteBtn__85Jsl","uploadContainer":"customizeUpload-module_uploadContainer__rUcw7","popoverContent":"customizeUpload-module_popoverContent__FrAiq","popoverTitle":"customizeUpload-module_popoverTitle__3Qw2t","popoverSubtitle":"customizeUpload-module_popoverSubtitle__1NA3m","actionButtons":"customizeUpload-module_actionButtons__2la0G","actionButton":"customizeUpload-module_actionButton__1Wr1J"};
+styleInject(css_248z$b);
+
+var CustomizeUpload = function CustomizeUpload(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    onChange = _ref.onChange,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 20 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 10 : _ref$maxSize;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    popoverVisible = _useState2[0],
+    setPopoverVisible = _useState2[1];
+  var newValue = useMemo(function () {
+    return value ? value === null || value === void 0 ? void 0 : value.split(',') : [];
+  }, [value]);
+  // 渲染图片显示
+  var renderImages = function renderImages() {
+    if (newValue.length === 0) return null;
+    return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, newValue.map(function (image, index) {
+      var finalSrc = (image === null || image === void 0 ? void 0 : image.startsWith('http')) ? image : "https://kefu.kuaimai.com/".concat(image);
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        className: styles$5.imageItem
+      }, /*#__PURE__*/React.createElement(Image, {
+        src: finalSrc,
+        alt: "\u56FE\u7247".concat(index + 1),
+        className: styles$5.image,
+        preview: {
+          mask: '点击预览'
+        }
+      }));
+    }));
+  };
+  var handleUploadChange = function handleUploadChange(val) {
+    var newValue = val.map(function (t) {
+      return (t === null || t === void 0 ? void 0 : t.startsWith('http')) ? t : "https://kefu.kuaimai.com/".concat(t);
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue.join(','));
+  };
+  // Popover 内容
+  var popoverContent = /*#__PURE__*/React.createElement("div", {
+    className: styles$5.popoverContent
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$5.popoverTitle
+  }, "\u6DFB\u52A0\u56FE\u7247"), /*#__PURE__*/React.createElement("div", {
+    className: styles$5.uploadContainer
+  }, /*#__PURE__*/React.createElement(ApaasUploadAsync$1, {
+    canPreview: true,
+    maxSize: maxSize,
+    maxCount: maxCount,
+    uniqueKey: "remark",
+    hostUrl: "https://kefu.kuaimai.com",
+    value: newValue || [],
+    onChange: handleUploadChange,
+    disabled: disabled
+  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$5.customizeUpload
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$5.inputContainer
+  }, /*#__PURE__*/React.createElement(Popover, {
+    getPopupContainer: function getPopupContainer() {
+      return document.body;
+    },
+    content: popoverContent,
+    title: null,
+    trigger: "click",
+    open: popoverVisible,
+    onOpenChange: setPopoverVisible,
+    placement: "bottomLeft",
+    overlayStyle: {
+      zIndex: 2000
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles$5.addButton,
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    disabled: disabled,
+    type: "text"
+  }))), renderImages());
+};
+
+var refundTypeMap = {
+  0: '其他',
+  1: '已发货仅退款',
+  2: '退货',
+  3: '补发',
+  4: '换货',
+  5: '未发货仅退款',
+  9: '维修',
+  10: '价保',
+  11: '大家电安装',
+  12: '大家电移机',
+  13: '大家电增值服务',
+  14: '优鲜赔',
+  15: '试用收回'
+};
+var refundTypeOptions = Object.entries(refundTypeMap).map(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    key = _ref2[0],
+    value = _ref2[1];
+  return {
+    label: value,
+    value: Number(key)
+  };
+});
+var onlineStatusMap = {
+  1: '空',
+  2: '待卖家同意',
+  3: '待买家退货',
+  4: '待卖家确认收货',
+  5: '卖家拒绝退款',
+  6: '退款关闭',
+  7: '退款成功',
+  8: '待发出换货商品',
+  9: '待买家收货',
+  10: '换货关闭',
+  11: '换货成功'
+};
+var onlineStatusOptions = Object.entries(onlineStatusMap).map(function (_ref3) {
+  var _ref4 = _slicedToArray(_ref3, 2),
+    key = _ref4[0],
+    value = _ref4[1];
+  return {
+    label: value,
+    value: Number(key)
+  };
+});
+var consignTypeMap = {
+  1: '是',
+  0: '否'
+};
+var consignTypeOptions = Object.entries(consignTypeMap).map(function (_ref5) {
+  var _ref6 = _slicedToArray(_ref5, 2),
+    key = _ref6[0],
+    value = _ref6[1];
+  return {
+    label: value,
+    value: Number(key)
+  };
+});
+var getOrderSubformColumns = function getOrderSubformColumns(parmas) {
+  var _ref7 = parmas || {},
+    _ref7$expressData = _ref7.expressData,
+    expressData = _ref7$expressData === void 0 ? [] : _ref7$expressData;
+  return [{
+    dataIndex: 'title',
+    title: '商品名称',
+    widget: 'input',
+    widgetProps: {},
+    width: 150
+  }, {
+    dataIndex: 'productCode',
+    title: '商品编码',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'picUrl',
+    title: '图片',
+    widget: 'upload',
+    widgetProps: {},
+    width: 100,
+    customizeComponent: function customizeComponent(config) {
+      return /*#__PURE__*/React.createElement(CustomizeUpload, {
+        disabled: config.disabled,
+        value: config.value,
+        onChange: config.onChange,
+        maxCount: config.maxCount,
+        maxSize: config.maxSize
+      });
+    }
+  }, {
+    dataIndex: 'numIid',
+    title: '商品id',
+    widget: 'input',
+    widgetProps: {},
+    width: 150
+  }, {
+    dataIndex: 'quantity',
+    title: '商品数量',
+    widget: 'inputNumber',
+    width: 100,
+    widgetProps: {
+      precision: 0,
+      min: 0
+    }
+  }, {
+    dataIndex: 'skuId',
+    title: 'SKU ID',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'outerSkuId',
+    title: 'SKU 编码',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'propertiesName',
+    title: 'SKU 信息',
+    widget: 'input',
+    width: 200,
+    widgetProps: {}
+  }, {
+    dataIndex: 'oid',
+    title: '子订单号',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'price',
+    title: '商品单价',
+    widget: 'inputNumber',
+    width: 100,
+    widgetProps: {
+      precision: 2,
+      min: 0
+    }
+  }, {
+    dataIndex: 'actualPayment',
+    title: '[子]实付金额',
+    widget: 'inputNumber',
+    width: 100,
+    widgetProps: {
+      precision: 2,
+      min: 0
+    }
+  }, {
+    dataIndex: 'expressLogisticsCode',
+    title: '[子]运单号',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'expressLogisticsCompany',
+    title: '[子]发货快递',
+    widget: 'select',
+    width: 150,
+    widgetProps: {
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      },
+      options: expressData,
+      showSearch: true,
+      allowClear: true
+    }
+  }, {
+    dataIndex: 'refundId',
+    title: '退款单ID',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'returnExpressLogisticsCode',
+    title: '退货物流单号',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'returnExpressLogisticsCompany',
+    title: '退货物流公司',
+    widget: 'select',
+    width: 150,
+    widgetProps: {
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      },
+      options: expressData,
+      showSearch: true,
+      allowClear: true
+    }
+  }, {
+    dataIndex: 'reason',
+    title: '退款原因',
+    widget: 'input',
+    width: 200,
+    widgetProps: {}
+  }, {
+    dataIndex: 'refundAmount',
+    title: '退款金额',
+    widget: 'inputNumber',
+    width: 100,
+    widgetProps: {
+      precision: 2,
+      min: 0
+    }
+  }, {
+    dataIndex: 'afterSaleType',
+    title: '退款类型',
+    widget: 'select',
+    width: 150,
+    widgetProps: {
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      },
+      options: refundTypeOptions,
+      showSearch: true,
+      allowClear: true
+    }
+  }, {
+    dataIndex: 'platformStatusText',
+    title: '退款状态(平台)',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'onlineStatus',
+    title: '退款状态(快麦)',
+    widget: 'select',
+    width: 150,
+    widgetProps: {
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      },
+      options: onlineStatusOptions,
+      showSearch: true,
+      allowClear: true
+    }
+  }, {
+    dataIndex: 'applyTime',
+    title: '退款申请时间',
+    widget: 'datePicker',
+    width: 200,
+    widgetProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss'
+    }
+  }, {
+    dataIndex: 'returnFreeShipping',
+    title: '退货免运费',
+    widget: 'input',
+    width: 150,
+    widgetProps: {}
+  }, {
+    dataIndex: 'isCNShipment',
+    title: '是否菜鸟仓发货',
+    widget: 'select',
+    width: 100,
+    widgetProps: {
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      },
+      options: consignTypeOptions,
+      showSearch: true,
+      allowClear: true
+    }
+  }];
+};
+var getSelectWidgetMap = function getSelectWidgetMap(expressDateInstance) {
+  return {
+    expressLogisticsCompany: function expressLogisticsCompany(code) {
+      return expressDateInstance === null || expressDateInstance === void 0 ? void 0 : expressDateInstance.getExpressNameByCode(code);
+    },
+    returnExpressLogisticsCompany: function returnExpressLogisticsCompany(code) {
+      return expressDateInstance === null || expressDateInstance === void 0 ? void 0 : expressDateInstance.getExpressNameByCode(code);
+    },
+    afterSaleType: refundTypeMap,
+    isCNShipment: consignTypeMap,
+    onlineStatus: onlineStatusMap
+  };
+};
+var orderSubFormConstants = {
+  getSelectWidgetMap: getSelectWidgetMap,
+  getOrderSubformColumns: getOrderSubformColumns
+};
+
+var getSelectWidgetMap$1 = orderSubFormConstants.getSelectWidgetMap;
+var singletonMap$7 = new Map();
+var getOrderListSingleton$3 = function getOrderListSingleton(parmas) {
+  var orderNo = parmas.orderNo,
+    shopId = parmas.shopId;
+  var key = "".concat(orderNo, "-").concat(shopId);
+  if (!singletonMap$7.has(key)) {
+    var p = new Promise(function (resolve, reject) {
+      var doReject = function doReject(err) {
+        // 清空掉错误的请求记录
+        singletonMap$7.delete(key);
+        reject(err);
+      };
+      extendRequest('/qy/gdfw/order/subOrderItemsDetail', {
+        method: 'post',
+        data: _objectSpread2({}, parmas)
+      }).then(function (data) {
+        if (data === null || data === void 0 ? void 0 : data.success) {
+          var _data$data;
+          if (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length) {
+            resolve(data === null || data === void 0 ? void 0 : data.data);
+          } else {
+            resolve([]);
+          }
+          // 延迟10秒清除,保证订单的时效性
+          setTimeout(function () {
+            singletonMap$7.delete(key);
+          }, 1000 * 10);
+        } else {
+          doReject(data);
+        }
+      }).catch(doReject);
+    });
+    singletonMap$7.set(key, p);
+  }
+  return singletonMap$7.get(key);
+};
+var renderEditItem = function renderEditItem(_ref) {
+  var item = _ref.item,
+    val = _ref.val,
+    disabled = _ref.disabled,
+    index = _ref.index,
+    type = _ref.type,
+    updateHandle = _ref.updateHandle;
+  var Component = /*#__PURE__*/React.createElement(React.Fragment, null, "\u4E0D\u652F\u6301\u7684\u7C7B\u578B\u7EC4\u4EF6\uFF1A", JSON.stringify(item.widget));
+  if (typeof item.customizeComponent === 'function') {
+    Component = item.customizeComponent(_objectSpread2(_objectSpread2({}, item.widgetProps), {}, {
+      disabled: disabled,
+      value: val,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, type);
+      }
+    }));
+  } else if (item.widget === 'input') {
+    Component = /*#__PURE__*/React.createElement(Input, _objectSpread2(_objectSpread2({}, item.widgetProps), {}, {
+      disabled: disabled,
+      value: val,
+      onChange: function onChange(e) {
+        var _e$target;
+        return updateHandle(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value, index, type);
+      }
+    }));
+  } else if (item.widget === 'select') {
+    Component = /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
+      dropdownStyle: {
+        zIndex: 2000
+      },
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      }
+    }, item.widgetProps), {}, {
+      value: val,
+      disabled: disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, type);
+      }
+    }));
+  } else if (item.widget === 'datePicker') {
+    Component = /*#__PURE__*/React.createElement(DatePicker, _objectSpread2(_objectSpread2({
+      popupStyle: {
+        zIndex: 2000
+      },
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      }
+    }, item.widgetProps), {}, {
+      value: val ? hooks(val) : null,
+      disabled: disabled,
+      onChange: function onChange(e) {
+        return updateHandle(hooks(e).format('YYYY-MM-DD HH:mm:ss'), index, type);
+      }
+    }));
+  } else if (item.widget === 'inputNumber') {
+    Component = /*#__PURE__*/React.createElement(InputNumber, _objectSpread2(_objectSpread2({
+      style: {
+        width: '100%'
+      }
+    }, item.widgetProps), {}, {
+      value: val,
+      disabled: disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, type);
+      }
+    }));
+  } else if (item.widget === 'cascader') {
+    Component = /*#__PURE__*/React.createElement(Cascader, _objectSpread2(_objectSpread2({
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      }
+    }, item.widgetProps), {}, {
+      value: val,
+      disabled: disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, type);
+      }
+    }));
+  }
+  return Component;
+};
+var renderDate = function renderDate(value) {
+  return value ? hooks(value).format('YYYY-MM-DD HH:mm:ss') : '';
+};
+var renderImages = function renderImages(value) {
+  var list = value ? value.split(',') : [];
+  return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, list.map(function (url) {
+    var finalSrc = (url === null || url === void 0 ? void 0 : url.startsWith('http')) ? url : "https://kefu.kuaimai.com/".concat(url);
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '2px'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: finalSrc,
+      width: 24,
+      height: 24
+    }));
+  })));
+};
+var renderDetailItem = function renderDetailItem(_ref2) {
+  var item = _ref2.item,
+    val = _ref2.val;
+  var expressDateInstance = ExpressData.getInstance();
+  var Component = /*#__PURE__*/React.createElement(React.Fragment, null, "\u4E0D\u652F\u6301\u7684\u7C7B\u578B\u7EC4\u4EF6\uFF1A", JSON.stringify(item.widget));
+  if (['input', 'inputNumber'].includes(item.widget)) {
+    Component = val;
+  } else if (item.widget === 'select') {
+    var _getSelectWidgetMap;
+    var mapValue = (_getSelectWidgetMap = getSelectWidgetMap$1(expressDateInstance)) === null || _getSelectWidgetMap === void 0 ? void 0 : _getSelectWidgetMap[item.dataIndex];
+    var selectValue;
+    if (mapValue && typeof mapValue === 'function') {
+      selectValue = mapValue === null || mapValue === void 0 ? void 0 : mapValue(val);
+    } else {
+      selectValue = mapValue === null || mapValue === void 0 ? void 0 : mapValue[val];
+    }
+    Component = /*#__PURE__*/React.createElement(React.Fragment, null, selectValue);
+  } else if (item.widget === 'datePicker') {
+    Component = /*#__PURE__*/React.createElement(React.Fragment, null, renderDate(val));
+  } else if (item.widget === 'upload') {
+    Component = /*#__PURE__*/React.createElement(React.Fragment, null, renderImages(val));
+  }
+  return Component;
+};
+var utils = {
+  getOrderListSingleton: getOrderListSingleton$3,
+  renderEditItem: renderEditItem,
+  renderDetailItem: renderDetailItem
+};
+
+var getOrderSubformColumns$1 = orderSubFormConstants.getOrderSubformColumns;
+var renderEditItem$1 = utils.renderEditItem,
+  renderDetailItem$1 = utils.renderDetailItem,
+  getOrderListSingleton$4 = utils.getOrderListSingleton;
+var OrderSubForm = function OrderSubForm(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    onChange = props.onChange,
+    _props$tableHeader = props.tableHeader,
+    tableHeader = _props$tableHeader === void 0 ? [] : _props$tableHeader,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    maxCount = props.maxCount,
+    manual = props.manual,
+    correlationList = props.subConfig.correlationList,
+    effects = props.effects;
+  var valueRef = useRef(value);
+  useEffect(function () {
+    valueRef.current = value;
+    return;
+  }, [value]);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    hoveredRowIndex = _useState2[0],
+    setHoveredRowIndex = _useState2[1];
+  var updateHandle = useCallback(function (val, index, type) {
+    var _valueRef$current, _valueRef$current$sub;
+    if ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : (_valueRef$current$sub = _valueRef$current.subOrderList) === null || _valueRef$current$sub === void 0 ? void 0 : _valueRef$current$sub.length) {
+      var _valueRef$current2;
+      var subOrderList = JSON.parse(JSON.stringify((_valueRef$current2 = valueRef.current) === null || _valueRef$current2 === void 0 ? void 0 : _valueRef$current2.subOrderList));
+      subOrderList[index][type] = val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, valueRef.current), {}, {
+        subOrderList: subOrderList
+      }));
+    }
+  }, [value === null || value === void 0 ? void 0 : value.subOrderList]);
+  var orderSubformColumns = useMemo(function () {
+    return getOrderSubformColumns$1({
+      expressData: ExpressData.getInstance().getExpressData()
+    });
+  }, [ExpressData]);
+  var orderSubformColumnMap = useMemo(function () {
+    return orderSubformColumns.reduce(function (prv, next) {
+      prv[next.dataIndex] = next;
+      return prv;
+    }, {});
+  }, [orderSubformColumns]);
+  var initColumns = useMemo(function () {
+    return correlationList && (correlationList === null || correlationList === void 0 ? void 0 : correlationList.length) ? correlationList.map(function (t) {
+      return orderSubformColumnMap === null || orderSubformColumnMap === void 0 ? void 0 : orderSubformColumnMap[t === null || t === void 0 ? void 0 : t.dataIndex];
+    }) : orderSubformColumns;
+  }, [correlationList, orderSubformColumns]);
+  var newTableHeader = useMemo(function () {
+    return initColumns.reduce(function (prv, next) {
+      var t = tableHeader.find(function (t) {
+        return t.key === (next === null || next === void 0 ? void 0 : next.dataIndex);
+      }) || {
+        isShow: true,
+        isEdit: false,
+        isRequired: false,
+        width: (next === null || next === void 0 ? void 0 : next.width) ? Number(next === null || next === void 0 ? void 0 : next.width) : 150
+      };
+      if (t && t.isShow) {
+        prv.push(_objectSpread2(_objectSpread2(_objectSpread2({}, next), t), {}, {
+          widgetProps: (next === null || next === void 0 ? void 0 : next.widgetProps) || {}
+        }));
+      }
+      return prv;
+    }, []);
+  }, [orderSubformColumns, tableHeader]);
+  var column = useMemo(function () {
+    var list = [{
+      dataIndex: 'index',
+      title: '序号',
+      width: 80,
+      ellipsis: true,
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
+          index: index,
+          hoveredRowIndex: hoveredRowIndex,
+          handleClick: function handleClick() {
+            return deleteHandle(record.uuid);
+          }
+        });
+      }
+    }].concat(_toConsumableArray(newTableHeader.map(function (t) {
+      return _objectSpread2(_objectSpread2({}, t), {}, {
+        ellipsis: true,
+        dataIndex: t === null || t === void 0 ? void 0 : t.dataIndex,
+        title: /*#__PURE__*/React.createElement("span", null, t.isRequired ? /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: 'red'
+          }
+        }, "*") : null, (t === null || t === void 0 ? void 0 : t.settingName) || t.title),
+        width: (t === null || t === void 0 ? void 0 : t.width) ? Number(t === null || t === void 0 ? void 0 : t.width) : 150,
+        render: function render(val, record, index) {
+          // const column = orderSubformColumnMap[t.dataIndex];
+          var isDisabled = t.isEdit || disabled;
+          return renderEditItem$1({
+            item: t || {},
+            val: val,
+            disabled: isDisabled,
+            index: index,
+            type: t === null || t === void 0 ? void 0 : t.dataIndex,
+            updateHandle: updateHandle
+          });
+        }
+      });
+    })));
+    if (!disabled) {
+      list.push({
+        dataIndex: 'operation',
+        title: '操作',
+        width: 70,
+        fixed: 'right',
+        render: function render(val, record, index) {
+          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);
+            }
+          })));
+        }
+      });
+    }
+    return list;
+  }, [newTableHeader, disabled, updateHandle]);
+  console.log('column', column);
+  var orderModalColumns = useMemo(function () {
+    return [{
+      dataIndex: '',
+      title: '序号',
+      align: 'center',
+      ellipsis: true,
+      width: 80,
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React.createElement("span", null, index + 1);
+      }
+    }].concat(_toConsumableArray(column.filter(function (item) {
+      return !['operation', 'index'].includes((item === null || item === void 0 ? void 0 : item.dataIndex) || '');
+    }).map(function (item) {
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        ellipsis: true,
+        render: function render(val, record, index) {
+          return renderDetailItem$1({
+            item: item,
+            val: val
+          });
+        }
+      });
+    })));
+  }, [column]);
+  var defaultValueMap = useMemo(function () {
+    return newTableHeader.reduce(function (prv, next) {
+      prv["".concat(next.dataIndex)] = '';
+      return prv;
+    }, {});
+  }, [newTableHeader]);
+  var deleteHandle = function deleteHandle(uuid) {
+    var _value$subOrderList;
+    var newList = value === null || value === void 0 ? void 0 : (_value$subOrderList = value.subOrderList) === null || _value$subOrderList === void 0 ? void 0 : _value$subOrderList.filter(function (item) {
+      return item.uuid !== uuid;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      subOrderList: newList
+    }));
+  };
+  var addHandle = function addHandle(index) {
+    var _value$subOrderList2;
+    if (maxCount && (value === null || value === void 0 ? void 0 : (_value$subOrderList2 = value.subOrderList) === null || _value$subOrderList2 === void 0 ? void 0 : _value$subOrderList2.length) >= maxCount) {
+      message.error("\u8BE5\u5B50\u8868\u5355\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u6761"));
+      return;
+    }
+    var subOrderList = _toConsumableArray((value === null || value === void 0 ? void 0 : value.subOrderList) || []);
+    subOrderList.splice(index, 0, _objectSpread2(_objectSpread2({}, defaultValueMap), {}, {
+      uuid: uuid()
+    }));
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      subOrderList: subOrderList
+    }));
+  };
+  var getDataSourceAsync = function getDataSourceAsync() {
+    var _effects$form;
+    var _ref = (effects === null || effects === void 0 ? void 0 : (_effects$form = effects.form) === null || _effects$form === void 0 ? void 0 : _effects$form.getFieldsValue()) || {},
+      _ref$shopId = _ref.shopId,
+      shopId = _ref$shopId === void 0 ? '' : _ref$shopId;
+    return (value === null || value === void 0 ? void 0 : value.orderNo) && shopId ? getOrderListSingleton$4({
+      orderNo: value === null || value === void 0 ? void 0 : value.orderNo,
+      shopId: shopId
+    }).then(function (data) {
+      var allOrders = updateOrderSubFormGoodsHandle(data || []);
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        allOrders: allOrders
+      }));
+    }) : Promise.resolve();
+  };
+  var getAllTradeGoodsDetails = function getAllTradeGoodsDetails() {
+    var goodDetails = (value === null || value === void 0 ? void 0 : value.allOrders) || [];
+    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.subOrderList) || [];
+    newValue['subOrderList'] = (_uniqBy = uniqBy(originTradeGoodList.concat(currentSelectGoodList), 'uuid')) === null || _uniqBy === void 0 ? void 0 : _uniqBy.filter(function (item) {
+      return skuList.includes(item.uuid);
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  }, [value === null || value === void 0 ? void 0 : value.subOrderList]);
+  // TODO: 商品订单中以选中商品
+  var selectedGoods = useMemo(function () {
+    var _value$subOrderList3;
+    return value === null || value === void 0 ? void 0 : (_value$subOrderList3 = value.subOrderList) === null || _value$subOrderList3 === void 0 ? void 0 : _value$subOrderList3.map(function (v) {
+      return v === null || v === void 0 ? void 0 : v.uuid;
+    });
+  }, [value === null || value === void 0 ? void 0 : value.subOrderList]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement("div", {
+    style: {
+      float: 'right'
+    }
+  }, /*#__PURE__*/React.createElement(SelectTradeGoods, {
+    uniqueKey: 'uuid',
+    columns: orderModalColumns,
+    dataSource: getAllTradeGoodsDetails(),
+    getDataSourceAsync: getDataSourceAsync,
+    selectedRowKeys: selectedGoods,
+    onChangeSelectedKeys: selectedGoodsChange,
+    width: 850
+  })), /*#__PURE__*/React.createElement(Table, {
+    columns: column,
+    dataSource: (value === null || value === void 0 ? void 0 : value.subOrderList) || [],
+    rowKey: 'uuid',
+    size: "small",
+    pagination: false,
+    tableLayout: "fixed",
+    scroll: {
+      x: 'max-content'
+    },
+    locale: {
+      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);
+        }
+      };
+    }
+  }));
+};
+
 var isErpType$1 = {
   isWdt: function isWdt(type) {
     return ['WDT_GOODS'].includes(type);
@@ -20386,8 +21203,8 @@ var PublicReissue = function PublicReissue(props) {
   })));
 };
 
-var css_248z$b = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #F2F3F5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4E5969;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 265px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodMain .goodItem {\n  width: 140px;\n  height: 175px;\n  padding: 11px 10px 0;\n  text-align: center;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 10px;\n  margin-right: 30px;\n  border: 1px solid #e6e6e6;\n  cursor: pointer;\n  transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n  width: 120px;\n  height: 120px;\n}\n.goodMain .goodItem .goodText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodMain .goodItem.active {\n  border: 1px solid #3089dc;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n";
-styleInject(css_248z$b);
+var css_248z$c = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #F2F3F5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4E5969;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 265px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodMain .goodItem {\n  width: 140px;\n  height: 175px;\n  padding: 11px 10px 0;\n  text-align: center;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 10px;\n  margin-right: 30px;\n  border: 1px solid #e6e6e6;\n  cursor: pointer;\n  transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n  width: 120px;\n  height: 120px;\n}\n.goodMain .goodItem .goodText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodMain .goodItem.active {\n  border: 1px solid #3089dc;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n";
+styleInject(css_248z$c);
 
 var TabPane$1 = Tabs.TabPane;
 var Option$2 = Select.Option;
@@ -20860,7 +21677,7 @@ var Goods$1 = function Goods(props, ref) {
     userNick: userNick
   }));
 };
-var index$4 = /*#__PURE__*/forwardRef(Goods$1);
+var index$3 = /*#__PURE__*/forwardRef(Goods$1);
 
 var _excluded$k = ["onChange", "value", "failValue"];
 function CommonStatus(props) {
@@ -21461,9 +22278,9 @@ var bsE3Reissue = function bsE3Reissue(props) {
   })));
 };
 
-var css_248z$c = ".index-module_systemNoDisabled__1s7aJ.ant-select-item-option-disabled {\n  color: #dadada !important;\n}\n";
-var styles$5 = {"systemNoDisabled":"index-module_systemNoDisabled__1s7aJ"};
-styleInject(css_248z$c);
+var css_248z$d = ".index-module_systemNoDisabled__1s7aJ.ant-select-item-option-disabled {\n  color: #dadada !important;\n}\n";
+var styles$6 = {"systemNoDisabled":"index-module_systemNoDisabled__1s7aJ"};
+styleInject(css_248z$d);
 
 var _excluded$p = ["value", "onChange", "reasonList", "disabled", "type", "isSettingConfig"],
   _excluded2 = ["billNo", "billType", "billTag", "tradeTagName", "deliveryState", "vipCode", "shopCode"];
@@ -21725,7 +22542,7 @@ var GyReissue = function GyReissue(props) {
     placeholder: "\u9009\u62E9\u8865\u53D1\u7CFB\u7EDF\u5355"
   }, ((value === null || value === void 0 ? void 0 : (_value$typeMap$type$s9 = value[(_typeMap$type35 = typeMap$4[type]) === null || _typeMap$type35 === void 0 ? void 0 : _typeMap$type35.systemOrder]) === null || _value$typeMap$type$s9 === void 0 ? void 0 : _value$typeMap$type$s9.showOrderInfo) || []).map(function (item) {
     return /*#__PURE__*/React.createElement(Select.Option, {
-      className: styles$5.systemNoDisabled,
+      className: styles$6.systemNoDisabled,
       key: item.billNo,
       value: item.billNo,
       label: item.billNo,
@@ -22023,7 +22840,7 @@ var GyReturnGoods = function GyReturnGoods(props) {
     placeholder: "\u9009\u62E9\u9000\u8D27\u7684\u7CFB\u7EDF\u5355"
   }, ((value === null || value === void 0 ? void 0 : (_value$typeMap$type$s6 = value[(_typeMap$type30 = typeMap$5[type]) === null || _typeMap$type30 === void 0 ? void 0 : _typeMap$type30.systemOrder]) === null || _value$typeMap$type$s6 === void 0 ? void 0 : _value$typeMap$type$s6.showOrderInfo) || []).map(function (item) {
     return /*#__PURE__*/React.createElement(Select.Option, {
-      className: styles$5.systemNoDisabled,
+      className: styles$6.systemNoDisabled,
       key: item.billNo,
       value: item.billNo,
       label: item.billNo,
@@ -22074,9 +22891,9 @@ var GyReturnGoods = function GyReturnGoods(props) {
   })));
 };
 
-var css_248z$d = ".index-module_imageBox__1f2AI {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1f2AI .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI .ant-upload .index-module_addBtn__1DY59 {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI > span {\n  max-width: 100%;\n}\n.index-module_tips__1XQjf {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
-var styles$6 = {"imageBox":"index-module_imageBox__1f2AI","addBtn":"index-module_addBtn__1DY59","tips":"index-module_tips__1XQjf"};
-styleInject(css_248z$d);
+var css_248z$e = ".index-module_imageBox__1f2AI {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1f2AI .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI .ant-upload .index-module_addBtn__1DY59 {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI > span {\n  max-width: 100%;\n}\n.index-module_tips__1XQjf {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$7 = {"imageBox":"index-module_imageBox__1f2AI","addBtn":"index-module_addBtn__1DY59","tips":"index-module_tips__1XQjf"};
+styleInject(css_248z$e);
 
 var _excluded$r = ["maxCount", "maxSize", "onChange", "value", "disabled", "hostUrl", "canDownload", "actionUrl"];
 var Dragger$1 = Upload.Dragger;
@@ -22252,9 +23069,9 @@ var KmVideo = function KmVideo(_ref) {
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: uploading
   }, /*#__PURE__*/React.createElement("p", {
-    className: styles$6.tips
+    className: styles$7.tips
   }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u4E2A\u6587\u4EF6\uFF0C\u652F\u6301", videoSuffixList.join('/'), "\u683C\u5F0F\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
-    className: styles$6.imageBox
+    className: styles$7.imageBox
   }, /*#__PURE__*/React.createElement(Dragger$1, _objectSpread2({
     disabled: disabled,
     multiple: true,
@@ -22280,9 +23097,9 @@ var KmVideo = function KmVideo(_ref) {
       }), file.kmVideoType && "".concat(file.kmVideoType));
     }
   }, resetProps), /*#__PURE__*/React.createElement("span", {
-    className: styles$6.addBtn
+    className: styles$7.addBtn
   }, "+"), /*#__PURE__*/React.createElement("p", {
-    className: styles$6.addBtn
+    className: styles$7.addBtn
   }, "\u9009\u62E9\u6587\u4EF6")), /*#__PURE__*/React.createElement(Modal, {
     visible: visible,
     title: fileName,
@@ -22317,15 +23134,15 @@ var KmVideo = function KmVideo(_ref) {
   }))));
 };
 
-var singletonMap$7 = new Map();
+var singletonMap$8 = new Map();
 var getAllGoods = function getAllGoods(params, setLoading) {
   var id = params.tid || params.onBillNo || '';
-  if (!singletonMap$7.has(id)) {
+  if (!singletonMap$8.has(id)) {
     setLoading && setLoading(true);
     var p = new Promise(function (resolve, reject) {
       var doReject = function doReject(err) {
         // 清空掉错误的请求记录
-        singletonMap$7.delete(id);
+        singletonMap$8.delete(id);
         reject(err);
       };
       extendRequest('/qy/gdfw/order/skxOrderDetail', {
@@ -22347,7 +23164,7 @@ var getAllGoods = function getAllGoods(params, setLoading) {
           resolve(res.data);
           // 延迟10秒清除,保证订单的时效性
           setTimeout(function () {
-            singletonMap$7.delete(id);
+            singletonMap$8.delete(id);
           }, 1000 * 10);
         } else {
           doReject(res);
@@ -22356,9 +23173,9 @@ var getAllGoods = function getAllGoods(params, setLoading) {
         setLoading && setLoading(false);
       });
     });
-    singletonMap$7.set(id, p);
+    singletonMap$8.set(id, p);
   }
-  return singletonMap$7.get(id);
+  return singletonMap$8.get(id);
 };
 var skxUtils = {
   getAllGoods: getAllGoods
@@ -22674,4 +23491,4 @@ var SkxGoods = function SkxGoods(props) {
   }));
 };
 
-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 };
+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, ApaasUploadAsync$1 as ApaasUploadAsync, ApaasUploadFile, index as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$2 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$3 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, OrderSubForm, utils as OrderSubFormUtils, 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$1 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, orderSubFormConstants, skxUtils };