@kmkf-fe-packages/basic-components 1.19.4 → 1.19.6

package/dist/index.js

@@ -929,8 +929,8 @@ function dataURLtoFile(dataurl, filename) {
   });
 }
 
-var css_248z$1 = ".index-module_imageBox__8zj7A {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__8zj7A .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__8zj7A .index-module_inputImage__3VrvC {\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__8zj7A .index-module_imageShow__3wD4d {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo {\n  width: 80px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover {\n  background: transparent;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover .index-module_mask__3LUIn:before {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo .index-module_delete__2cFpf {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn::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__8zj7A .index-module_mask__3LUIn:hover .index-module_actions__2tY_V {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V {\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__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V .index-module_icon__ZI-2P {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA {\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__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_tips__1ATcr {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
-var styles$1 = {"imageBox":"index-module_imageBox__8zj7A","inputImage":"index-module_inputImage__3VrvC","imageShow":"index-module_imageShow__3wD4d","imageWrap":"index-module_imageWrap__JkMJo","-webkit-mask":"index-module_mask__3LUIn","mask":"index-module_mask__3LUIn","delete":"index-module_delete__2cFpf","actions":"index-module_actions__2tY_V","icon":"index-module_icon__ZI-2P","imagePaste":"index-module_imagePaste__2X-K1","fakeBox":"index-module_fakeBox__2_3rA","addBtn":"index-module_addBtn__2m5lC","upload":"index-module_upload__2igU3","tips":"index-module_tips__1ATcr"};
+var css_248z$1 = ".index-module_imageBox__8zj7A {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__8zj7A .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__8zj7A .index-module_inputImage__3VrvC {\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__8zj7A .index-module_imageShow__3wD4d {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo {\n  width: 80px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover {\n  background: transparent;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo:hover .index-module_mask__3LUIn:before {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__8zj7A .index-module_imageWrap__JkMJo .index-module_deleteIcon__20Wzd {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn::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__8zj7A .index-module_mask__3LUIn:hover .index-module_actions__2tY_V {\n  opacity: 1;\n}\n.index-module_imageBox__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V {\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__8zj7A .index-module_mask__3LUIn .index-module_actions__2tY_V .index-module_icon__ZI-2P {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA {\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__8zj7A .index-module_imagePaste__2X-K1 .index-module_fakeBox__2_3rA .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__8zj7A .index-module_upload__2igU3 .ant-upload .index-module_addBtn__2m5lC {\n  color: #86909C;\n}\n.index-module_tips__1ATcr {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$1 = {"imageBox":"index-module_imageBox__8zj7A","inputImage":"index-module_inputImage__3VrvC","imageShow":"index-module_imageShow__3wD4d","imageWrap":"index-module_imageWrap__JkMJo","-webkit-mask":"index-module_mask__3LUIn","mask":"index-module_mask__3LUIn","deleteIcon":"index-module_deleteIcon__20Wzd","actions":"index-module_actions__2tY_V","icon":"index-module_icon__ZI-2P","imagePaste":"index-module_imagePaste__2X-K1","fakeBox":"index-module_fakeBox__2_3rA","addBtn":"index-module_addBtn__2m5lC","upload":"index-module_upload__2igU3","tips":"index-module_tips__1ATcr"};
 styleInject(css_248z$1);
 
 var _excluded$6 = ["maxCount", "maxSize", "uploadText", "onChange", "value", "accept", "canPreview", "disabled", "uniqueKey", "hostUrl", "actionUrl"];
@@ -951,7 +951,6 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
     _ref$accept = _ref.accept,
     accept = _ref$accept === void 0 ? 'image/gif,image/jpg,image/jpeg,image/png' : _ref$accept,
     _ref$canPreview = _ref.canPreview,
-    canPreview = _ref$canPreview === void 0 ? true : _ref$canPreview,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     uniqueKey = _ref.uniqueKey,
@@ -1108,39 +1107,25 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref, ref) {
       }));
     };
   };
-  var handlePreview = function handlePreview(imgUrl) {
-    return function () {
-      setCurrentPreviewImg(imgUrl);
-      setVisible(true);
-    };
-  };
   var renderImages = function renderImages(images) {
-    return images.map(function (image, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Image.PreviewGroup, null, images.map(function (image, index) {
       var finalImage = "".concat(/^pic\/[\s\S]*$/.test(image) ? "".concat(hostUrl, "/").concat(image) : image, "?x-oss-process=image/resize,h_60,w_60");
+      var showImage = /^pic\/[\s\S]*$/.test(image) ? "".concat(hostUrl, "/").concat(image) : image;
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: styles$1.imageWrap,
         key: index
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: styles$1.mask
-      }, /*#__PURE__*/React__default['default'].createElement("img", {
-        src: finalImage
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
-        className: styles$1.actions
-      }, canPreview && /*#__PURE__*/React__default['default'].createElement(icons.EyeOutlined, {
-        style: {
-          fontSize: '16px',
-          color: '#FFF',
-          marginRight: '8px'
-        },
-        onClick: handlePreview(/^pic\/[\s\S]*$/.test(image) ? "".concat(hostUrl, "/").concat(image) : image)
-      }), /*#__PURE__*/React__default['default'].createElement(icons.DeleteOutlined, {
-        style: {
-          fontSize: '16px',
-          color: '#FFF'
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+        src: finalImage,
+        preview: {
+          src: showImage
         },
+        width: '100%',
+        height: '80%'
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: styles$1.deleteIcon,
         onClick: handleDelete(index)
-      }))));
-    });
+      }, "\u5220\u9664"));
+    }));
   };
   React.useEffect(function () {
     var _inputRef$current2;
@@ -12106,6 +12091,402 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
 };
 var WdtGoodsModal = /*#__PURE__*/React.forwardRef(GoodsModal$3);
 
+var getTableData$1 = function getTableData(_ref, formData) {
+  var current = _ref.current,
+    pageSize = _ref.pageSize;
+  var data = {
+    goodsSn: formData.goodsSn || null,
+    goodsName: formData.goodsName || null,
+    sku: formData.sku || null,
+    skuId: formData.skuId || null
+  };
+  return extendRequest('/qy/gdfw/product/product/page', {
+    method: 'post',
+    data: _objectSpread2({
+      pageSize: pageSize,
+      pageNo: current,
+      platform: 'WDT_ERP'
+    }, data)
+  }).then(function (res) {
+    var _res$data = res.data,
+      _res$data$productSkuL = _res$data.productSkuList,
+      productSkuList = _res$data$productSkuL === void 0 ? [] : _res$data$productSkuL,
+      _res$data$total = _res$data.total,
+      total = _res$data$total === void 0 ? 0 : _res$data$total;
+    var newProducts = productSkuList.map(function (item, index) {
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        index: index + 1
+      });
+    });
+    return {
+      total: total,
+      list: newProducts
+    };
+  });
+};
+var columns$2 = [{
+  dataIndex: 'index',
+  title: 'NO',
+  render: function render(val, record, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: 25
+      }
+    }, index + 1);
+  },
+  width: 100
+}, {
+  dataIndex: 'sku',
+  title: "SKU",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'skuId',
+  title: "SKU ID",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'goodsName',
+  title: "\u5546\u54C1\u540D\u79F0",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'goodsShortName',
+  title: "\u5546\u54C1\u7B80\u79F0",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'picPath',
+  title: "\u5546\u54C1\u56FE\u7247",
+  ellipsis: true,
+  width: 100,
+  render: function render(picUrl) {
+    return /*#__PURE__*/React__default['default'].createElement("img", {
+      style: {
+        width: '60px',
+        height: '60px',
+        objectFit: 'contain'
+      },
+      src: picUrl
+    });
+  }
+}, {
+  dataIndex: 'goodsSn',
+  title: "\u8D27\u53F7",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'goodsId',
+  title: "\u8D27\u53F7ID",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'colorName',
+  title: "\u989C\u8272\u540D\u79F0",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'colorCode',
+  title: "\u989C\u8272\u4EE3\u7801",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'sizeName',
+  title: "\u5C3A\u7801\u540D\u79F0",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'sizeCode',
+  title: "\u5C3A\u7801\u4EE3\u7801",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'brandName',
+  title: "\u54C1\u724C\u540D\u79F0",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'goodsNumber',
+  title: "\u5546\u54C1\u6570\u91CF",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'goodsPrice',
+  title: "\u5546\u54C1\u5355\u4EF7",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'shopPrice',
+  title: "\u5546\u54C1\u7F51\u5E97\u552E\u4EF7",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'sharePrice',
+  title: "\u5206\u644A\u4EF7",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'sharePayment',
+  title: "\u5206\u644A\u5B9E\u4ED8\u91D1\u989D",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'payment',
+  title: "\u5B9E\u4ED8\u91D1\u989D",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'tcSku',
+  title: "\u5957\u9910SKU",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'tcGoodsNumber',
+  title: "\u5957\u9910\u5957\u6570",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'taoCanSingleSl',
+  title: "\u5355\u4E2A\u5957\u9910\u6570\u91CF",
+  ellipsis: true,
+  width: 70
+}, {
+  dataIndex: 'isGift',
+  title: "\u662F\u5426\u8D60\u54C1",
+  ellipsis: true,
+  width: 70
+}];
+var GoodList$1 = function GoodList(props, ref) {
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectList = _useState2[0],
+    setSelect = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectIds = _useState4[0],
+    setSelectIds = _useState4[1];
+  React.useImperativeHandle(ref, function () {
+    return {
+      getSelectGoodList: function getSelectGoodList() {
+        return selectList;
+      }
+    };
+  });
+  var _Form$useForm = antd.Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useAntdTable = ahooks.useAntdTable(getTableData$1, {
+      defaultPageSize: 10,
+      form: form
+    }),
+    tableProps = _useAntdTable.tableProps,
+    search = _useAntdTable.search,
+    params = _useAntdTable.params;
+  var submit = search.submit,
+    reset = search.reset;
+  var advanceSearchForm = /*#__PURE__*/React__default['default'].createElement(antd.Form, {
+    layout: "inline",
+    form: form
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    name: "goodsSn",
+    style: {
+      marginBottom: '12px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u5546\u54C1\u8D27\u53F7",
+    allowClear: true,
+    style: {
+      width: 150
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    name: "goodsName",
+    style: {
+      marginBottom: '12px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u5546\u54C1\u540D\u79F0",
+    allowClear: true,
+    style: {
+      width: 150
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    name: "sku",
+    style: {
+      marginBottom: '12px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "SKU",
+    allowClear: true,
+    style: {
+      width: 150
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    name: "skuId",
+    style: {
+      marginBottom: '12px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "SKU ID",
+    allowClear: true,
+    style: {
+      width: 150
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    style: {
+      marginBottom: '12px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    type: "primary",
+    style: {
+      marginRight: '8px'
+    },
+    onClick: submit
+  }, "\u67E5\u8BE2"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    onClick: reset
+  }, "\u91CD\u7F6E")));
+  var rowSelection = {
+    selectedRowKeys: selectIds,
+    fixed: true,
+    onSelect: function onSelect(record, selected) {
+      if (selected) {
+        setSelectIds([].concat(_toConsumableArray(selectIds), [record.specNo]));
+        setSelect([].concat(_toConsumableArray(selectList), [record]));
+      } else {
+        setSelectIds(selectIds.filter(function (t) {
+          return t !== record.specNo;
+        }));
+        setSelect(selectList.filter(function (t) {
+          return t.specNo !== record.specNo;
+        }));
+      }
+    },
+    onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
+      if (selected) {
+        setSelectIds([].concat(_toConsumableArray(selectIds), _toConsumableArray(changeRows.map(function (t) {
+          return t.specNo;
+        }))));
+        setSelect([].concat(_toConsumableArray(selectList), _toConsumableArray(changeRows)));
+      } else {
+        setSelectIds(lodash.difference(selectIds, changeRows.map(function (t) {
+          return t.specNo;
+        })));
+        var list = lodash.differenceWith(selectList, changeRows, function (arrVal, othVal) {
+          return arrVal.specNo !== othVal.specNo;
+        });
+        setSelect(list);
+      }
+    }
+  };
+  var showTable = function showTable() {
+    var handleDelete = function handleDelete(record) {
+      setSelectIds(selectIds.filter(function (t) {
+        return t !== record.specNo;
+      }));
+      setSelect(selectList.filter(function (t) {
+        return t.specNo !== record.specNo;
+      }));
+    };
+    var showColumns = [{
+      dataIndex: '',
+      title: "\u64CD\u4F5C",
+      ellipsis: true,
+      width: 100,
+      render: function render(val, record) {
+        return /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+          type: "link",
+          onClick: function onClick() {
+            return handleDelete(record);
+          }
+        }, "\u5220\u9664");
+      }
+    }].concat(lodash.takeRight(columns$2, columns$2.length - 1));
+    return selectList.length ? /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: '100%',
+        maxWidth: '387px'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+      columns: showColumns,
+      rowKey: 'specNo',
+      dataSource: selectList,
+      scroll: {
+        x: '100%',
+        y: 250
+      },
+      pagination: {
+        size: 'small',
+        total: selectIds.length,
+        pageSize: 10,
+        showSizeChanger: false
+      }
+    })) : null;
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, advanceSearchForm, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      marginTop: '4px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Table, _objectSpread2({
+    rowSelection: rowSelection,
+    rowKey: "goodsId",
+    columns: columns$2,
+    scroll: {
+      x: '100%',
+      y: 250
+    }
+  }, tableProps))), /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentElement;
+    },
+    content: showTable(),
+    title: "\u5DF2\u9009\u62E9".concat(selectList.length, "\u4E2A\u5546\u54C1")
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    danger: true,
+    type: "text"
+  }, "\u5DF2\u9009".concat(selectList.length > 99 ? '99+' : selectList.length, "\u4E2A\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(icons.CaretUpOutlined, null))));
+};
+var BsE3GoodList = /*#__PURE__*/React.forwardRef(GoodList$1);
+
+var GoodsModal$4 = function GoodsModal(props, ref) {
+  React.useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        setVisible(true);
+      }
+    };
+  });
+  var onSubmit = props.onSubmit,
+    width = props.width;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var bsE3GoodListRef = React.useRef(null);
+  var _onCancel = function onCancel() {
+    setVisible(false);
+  };
+  var onOk = function onOk() {
+    var _bsE3GoodListRef$curr;
+    var selectedList = ((_bsE3GoodListRef$curr = bsE3GoodListRef.current) === null || _bsE3GoodListRef$curr === void 0 ? void 0 : _bsE3GoodListRef$curr.getSelectGoodList()) || [];
+    onSubmit(selectedList);
+    _onCancel();
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, visible && /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    title: '选择商品',
+    okText: '确认',
+    cancelText: '取消',
+    visible: visible,
+    width: width || 850,
+    onCancel: function onCancel() {
+      _onCancel();
+    },
+    onOk: onOk,
+    wrapClassName: "goodModal"
+  }, /*#__PURE__*/React__default['default'].createElement(BsE3GoodList, {
+    ref: bsE3GoodListRef
+  })));
+};
+var BsE3GoodsModal = /*#__PURE__*/React.forwardRef(GoodsModal$4);
+
 // interface GoodsItem {
 //   title: string;
 //   pic: string;
@@ -12114,6 +12495,7 @@ var WdtGoodsModal = /*#__PURE__*/React.forwardRef(GoodsModal$3);
 //   styleId: string;
 // }
 var GoodItem$1 = function GoodItem(props) {
+  var _ref;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     type = props.type,
@@ -12550,6 +12932,149 @@ var GoodItem$1 = function GoodItem(props) {
             }];
           }
           break;
+        case 'BS_E3_GOODS':
+          {
+            columns = [{
+              dataIndex: 'sku',
+              title: "SKU",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'skuId',
+              title: "SKU ID",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'goodsName',
+              title: "\u5546\u54C1\u540D\u79F0",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'goodsShortName',
+              title: "\u5546\u54C1\u7B80\u79F0",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'picPath',
+              title: "\u5546\u54C1\u56FE\u7247",
+              align: 'center',
+              ellipsis: true,
+              width: 100,
+              render: function render(val) {
+                return /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+                  width: 60,
+                  src: val
+                });
+              }
+            }, {
+              dataIndex: 'goodsSn',
+              title: "\u8D27\u53F7",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'goodsId',
+              title: "\u8D27\u53F7ID",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'colorName',
+              title: "\u989C\u8272\u540D\u79F0",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'colorCode',
+              title: "\u989C\u8272\u4EE3\u7801",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'sizeName',
+              title: "\u5C3A\u7801\u540D\u79F0",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'sizeCode',
+              title: "\u5C3A\u7801\u4EE3\u7801",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'brandName',
+              title: "\u54C1\u724C\u540D\u79F0",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'goodsNumber',
+              title: "\u5546\u54C1\u6570\u91CF",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'goodsPrice',
+              title: "\u5546\u54C1\u5355\u4EF7",
+              align: 'center',
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: 'shopPrice',
+              title: "\u5546\u54C1\u7F51\u5E97\u552E\u4EF7",
+              align: 'center',
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: 'sharePrice',
+              title: "\u5206\u644A\u4EF7",
+              align: 'center',
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: 'sharePayment',
+              title: "\u5206\u644A\u5B9E\u4ED8\u91D1\u989D",
+              align: 'center',
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: 'payment',
+              title: "\u5B9E\u4ED8\u91D1\u989D",
+              align: 'center',
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: 'tcSku',
+              title: "\u5957\u9910SKU",
+              align: 'center',
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: 'tcGoodsNumber',
+              title: "\u5957\u9910\u5957\u6570",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'taoCanSingleSl',
+              title: "\u5355\u4E2A\u5957\u9910\u6570\u91CF",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: 'isGift',
+              title: "\u662F\u5426\u8D60\u54C1",
+              align: 'center',
+              ellipsis: true,
+              width: 100
+            }];
+          }
+          break;
         default:
           columns = [{
             dataIndex: 'mark',
@@ -12705,6 +13230,15 @@ var GoodItem$1 = function GoodItem(props) {
         }
         return item;
       });
+    } else if (['BS_E3_GOODS', 'BS_E3_REISSUE_GOODS', 'BS_E3_EXCHANGE_GOODS'].includes(type)) {
+      newList = list.map(function (item) {
+        item.uuid = kmkfUtils.uuid();
+        item.canDelete = true;
+        item.goodsNumber = 1;
+        item.goodsPrice = 0;
+        item.canUpdateNumber = canUpdateNumber;
+        return item;
+      });
     } else {
       newList = list.map(function (item) {
         var goodsId = item.goodsId,
@@ -12764,7 +13298,7 @@ var GoodItem$1 = function GoodItem(props) {
   }, showModeBtn && /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
     checked: isStrict,
     onChange: handleCheckboxChange
-  }, "\u5408\u5E76\u5355\uFF0C\u52FE\u9009\u540E\u53EA\u5C55\u793A\u5F53\u524D\u5E73\u53F0\u8BA2\u5355\u5546\u54C1"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+  }, "\u5408\u5E76\u5355\uFF0C\u52FE\u9009\u540E\u53EA\u5C55\u793A\u5F53\u524D\u5E73\u53F0\u8BA2\u5355\u5546\u54C1"), !((_ref = ['BS_E3_GOODS']) === null || _ref === void 0 ? void 0 : _ref.includes(type)) && /*#__PURE__*/React__default['default'].createElement(antd.Button, {
     type: "link",
     onClick: handleChangeGoods
   }, "\u9009\u62E9\u5546\u54C1"), otherOperations), /*#__PURE__*/React__default['default'].createElement(antd.Table, _objectSpread2(_objectSpread2({}, tableConfig), {}, {
@@ -12787,6 +13321,14 @@ var GoodItem$1 = function GoodItem(props) {
     shopId: shopId,
     maxLength: maxLength,
     companyKey: companyKey
+  }) : ['BS_E3_REISSUE_GOODS', 'BS_E3_GOODS', 'BS_E3_EXCHANGE_GOODS'].includes(type) ? /*#__PURE__*/React__default['default'].createElement(BsE3GoodsModal, {
+    ref: refModal,
+    onSubmit: onSubmit,
+    width: width,
+    shopList: shopList,
+    shopId: shopId,
+    maxLength: maxLength,
+    companyKey: companyKey
   }) : /*#__PURE__*/React__default['default'].createElement(GoodsModal$2, {
     ref: refModal,
     onSubmit: onSubmit,
@@ -13450,19 +13992,150 @@ var wdtUtils = {
   getWdtOrderListSingleton: getWdtOrderListSingleton
 };
 
-var columnsNameMap = {
-  BS_SYSTEM_ORDER: {
-    typeName: '单据类型',
-    tagName: '标签'
-  },
-  WLN_SYSTEM_ORDER: {
-    typeName: '订单类型',
-    tagName: '标记'
-  },
-  WDT_SYSTEM_ORDER: {
-    typeName: '订单类型',
-    tagName: '订单标签'
+var singletonMap$1 = new Map();
+var getBsE3OrderListSingleton = function getBsE3OrderListSingleton(orderNo) {
+  if (!singletonMap$1.has(orderNo)) {
+    var p = new Promise(function (resolve, reject) {
+      var doReject = function doReject(err) {
+        // 清空掉错误的请求记录
+        // singletonMap.delete(orderNo);
+        reject(err);
+      };
+      extendRequest('/qy/gdfw/order/bse3OrderDetail', {
+        method: 'post',
+        data: {
+          billNo: orderNo
+        }
+      }).then(function (data) {
+        if (data === null || data === void 0 ? void 0 : data.success) {
+          var _data$data, _data$data$orderList;
+          if (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$orderList = _data$data.orderList) === null || _data$data$orderList === void 0 ? void 0 : _data$data$orderList.length) {
+            var _filterBsE3Orders;
+            data.data.orderList = (_filterBsE3Orders = kmkfUtils.filterBsE3Orders(data === null || data === void 0 ? void 0 : data.data, orderNo)) === null || _filterBsE3Orders === void 0 ? void 0 : _filterBsE3Orders.map(function (item) {
+              var isSplit = item.isSplit,
+                isSplitNew = item.isSplitNew,
+                isCopy = item.isCopy,
+                isExchangeOrder = item.isExchangeOrder,
+                isCombineNew = item.isCombineNew,
+                isCombine = item.isCombine,
+                orderStatus = item.orderStatus;
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                orderStatus: kmkfUtils.BS_E3_ORDER_STATUS_MAP[orderStatus],
+                isSplit: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isSplit],
+                isSplitNew: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isSplitNew],
+                isExchangeOrder: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isExchangeOrder],
+                isCopy: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isCopy],
+                isCombineNew: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isCombineNew],
+                isCombine: kmkfUtils.BS_E3_BOOLEAN_STATUS_MAP[isCombine]
+              });
+            });
+          }
+          resolve(data.data);
+        } else {
+          doReject(data);
+        }
+      }).catch(doReject);
+    });
+    singletonMap$1.set(orderNo, p);
   }
+  return singletonMap$1.get(orderNo);
+};
+var bsE3Utils = {
+  getBsE3OrderListSingleton: getBsE3OrderListSingleton
+};
+
+var columnsMap = {
+  BS_SYSTEM_ORDER: [{
+    title: '单据类型',
+    dataIndex: 'billType',
+    width: 150
+  }, {
+    title: '系统订单号',
+    dataIndex: 'billNo',
+    width: 150
+  }, {
+    title: '标签',
+    dataIndex: 'billTag',
+    width: 150
+  }],
+  WLN_SYSTEM_ORDER: [{
+    title: '订单类型',
+    dataIndex: 'billType',
+    width: 150
+  }, {
+    title: '系统订单号',
+    dataIndex: 'billNo',
+    width: 150
+  }, {
+    title: '标记',
+    dataIndex: 'billTag',
+    width: 150
+  }],
+  WDT_SYSTEM_ORDER: [{
+    title: '订单类型',
+    dataIndex: 'billType',
+    width: 150
+  }, {
+    title: '系统订单号',
+    dataIndex: 'billNo',
+    width: 150
+  }, {
+    title: '订单标签',
+    dataIndex: 'billTag',
+    width: 150
+  }],
+  BS_E3_SYSTEM_ORDER: [{
+    title: '系统订单号',
+    dataIndex: 'orderSn',
+    width: 150,
+    ellipsis: true
+  }, {
+    title: '订单状态',
+    dataIndex: 'orderStatus',
+    width: 100,
+    ellipsis: true
+  }, {
+    title: '是否被拆分',
+    dataIndex: 'isSplit',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '是否拆分子单',
+    dataIndex: 'isSplitNew',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '是否被合并',
+    dataIndex: 'isCombine',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '是否合并新单',
+    dataIndex: 'isCombineNew',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '是否复制单',
+    dataIndex: 'isCopy',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '是否换货单',
+    dataIndex: 'isExchangeOrder',
+    width: 70,
+    ellipsis: true
+  }, {
+    title: '订单备注',
+    dataIndex: 'orderMsg',
+    width: 150,
+    ellipsis: true
+  }]
+};
+var rowKeyMap = {
+  BS_SYSTEM_ORDER: 'billNo',
+  WLN_SYSTEM_ORDER: 'billNo',
+  WDT_SYSTEM_ORDER: 'billNo',
+  BS_E3_SYSTEM_ORDER: 'orderSn'
 };
 var index$1 = (function (props) {
   var value = props.value,
@@ -13480,21 +14153,13 @@ var index$1 = (function (props) {
         getWlnOrderList(value.orderNo);
       } else if (type === 'WDT_SYSTEM_ORDER') {
         getWdtOrderList(value.orderNo);
+      } else if (type === 'BS_E3_SYSTEM_ORDER') {
+        getBsE3OrderList(value.orderNo);
       }
     }
   }, [value, type]);
   var columns = React.useMemo(function () {
-    var _columnsNameMap$type, _columnsNameMap$type2;
-    return [{
-      dataIndex: 'billType',
-      title: columnsNameMap === null || columnsNameMap === void 0 ? void 0 : (_columnsNameMap$type = columnsNameMap[type]) === null || _columnsNameMap$type === void 0 ? void 0 : _columnsNameMap$type.typeName
-    }, {
-      dataIndex: 'billNo',
-      title: '系统订单号'
-    }, {
-      dataIndex: 'billTag',
-      title: columnsNameMap === null || columnsNameMap === void 0 ? void 0 : (_columnsNameMap$type2 = columnsNameMap[type]) === null || _columnsNameMap$type2 === void 0 ? void 0 : _columnsNameMap$type2.tagName
-    }];
+    return columnsMap[type] || [];
   }, [type]);
   var getOrderList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(orderNo) {
@@ -13616,6 +14281,31 @@ var index$1 = (function (props) {
       return _ref3.apply(this, arguments);
     };
   }();
+  var getBsE3OrderList = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(orderNo) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            bsE3Utils.getBsE3OrderListSingleton(orderNo).then(function (data) {
+              var trades = ((data === null || data === void 0 ? void 0 : data.orderList) || []).filter(function (item) {
+                return (item === null || item === void 0 ? void 0 : item.dealCode) === orderNo;
+              });
+              _onChange === null || _onChange === void 0 ? void 0 : _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+                orders: trades,
+                showOrderInfo: trades
+              }));
+            });
+            onceRef.current = false;
+          case 2:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function getBsE3OrderList(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
   var rowSelection = {
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || [],
     fixed: true,
@@ -13636,7 +14326,7 @@ var index$1 = (function (props) {
     dataSource: (value === null || value === void 0 ? void 0 : value.orders) || [],
     columns: columns,
     rowSelection: rowSelection,
-    rowKey: 'billNo',
+    rowKey: rowKeyMap[type] || 'billNo',
     size: "small",
     pagination: false,
     scroll: {
@@ -13675,8 +14365,11 @@ var componentMap$1 = {
     type: 'wdt',
     key: 'wdtGoods',
     name: '旺店通',
+    orderNo: 'srcTid',
+    goodDetailOrderNo: 'srcTid',
     eventNameMap: {
       type: 'wdtType',
+      updateGoodsHandle: kmkfUtils.updateWdtGoodsHandle,
       selectListReturn: 'wdtSelectListReturn',
       selectList: 'wdtSelectList',
       reissueSelectList: 'wdtReissueSelectList',
@@ -13691,6 +14384,30 @@ var componentMap$1 = {
       returnDeleteGood: 'wdtReturnDeleteGood',
       exchangeDeleteGood: 'wdtExchangeDeleteGood'
     }
+  },
+  'BS_E3_GOODS': {
+    type: 'e3',
+    key: 'bsE3Goods',
+    name: '百胜E3',
+    orderNo: 'dealCode',
+    goodDetailOrderNo: 'originalDealCode',
+    eventNameMap: {
+      type: 'bsE3Type',
+      updateGoodsHandle: kmkfUtils.updateBsE3GoodsHandle,
+      selectListReturn: 'bsE3SelectListReturn',
+      selectList: 'bsE3SelectList',
+      reissueSelectList: 'bsE3ReissueSelectList',
+      reissueSelectListReturn: 'bsE3ReissueSelectListReturn',
+      reissueDeleteGood: 'bsE3ReissueDeleteGood',
+      changeShopCode: 'bsE3ChangeShopCode',
+      reissueType: 'bsE3ReissueType',
+      returnType: 'bsE3ReturnType',
+      returnSelectListReturn: 'bsE3ReturnSelectListReturn',
+      returnSelectList: 'bsE3ReturnSelectList',
+      deleteGood: 'bsE3DeleteGood',
+      returnDeleteGood: 'bsE3ReturnDeleteGood',
+      exchangeDeleteGood: 'bsE3ExchangeDeleteGood'
+    }
   }
 };
 var CommonGoods = function CommonGoods(props) {
@@ -13699,8 +14416,11 @@ var CommonGoods = function CommonGoods(props) {
     disabled = props.disabled,
     onChange = props.onChange,
     compType = props.type;
-  var showModeBtn = ((value === null || value === void 0 ? void 0 : value.orders) || []).some(function (order) {
-    return order.srcTid.includes(',');
+  console.log('value?.orders', value === null || value === void 0 ? void 0 : value.orders);
+  // 合并单订单会包含","
+  var showModeBtn = !['BS_E3_GOODS'].includes(compType) && ((value === null || value === void 0 ? void 0 : value.orders) || []).some(function (order) {
+    var _order$componentMap$c;
+    return order === null || order === void 0 ? void 0 : (_order$componentMap$c = order[componentMap$1[compType].orderNo]) === null || _order$componentMap$c === void 0 ? void 0 : _order$componentMap$c.includes(',');
   });
   var getOrderFlag = React.useRef(false);
   var _useState = React.useState(false),
@@ -13847,10 +14567,12 @@ var CommonGoods = function CommonGoods(props) {
   };
   var getGoodDetails = function getGoodDetails(_ref2) {
     var mode = _ref2.mode;
-    var goodDetails = kmkfUtils.updateWdtGoodsHandle(value.orders || []);
+    var updateHandle = componentMap$1[compType].eventNameMap['updateGoodsHandle'];
+    var goodDetails = updateHandle(value.orders || []);
     var orderNo = value.orderNo;
     return mode ? goodDetails.filter(function (goodItem) {
-      return !orderNo || goodItem.srcTid === orderNo;
+      var _componentMap$compTyp;
+      return !orderNo || (goodItem === null || goodItem === void 0 ? void 0 : goodItem[(_componentMap$compTyp = componentMap$1[compType]) === null || _componentMap$compTyp === void 0 ? void 0 : _componentMap$compTyp.goodDetailOrderNo]) === orderNo;
     }) : goodDetails;
   };
   return /*#__PURE__*/React__default['default'].createElement(GoodItem$1, _objectSpread2(_objectSpread2({
@@ -14162,7 +14884,8 @@ var wdtReissue = function wdtReissue(props) {
     type = props.type,
     other = _objectWithoutProperties(props, _excluded$g);
   var showModeBtn = ((value === null || value === void 0 ? void 0 : (_value$wdtSystemOrder = value.wdtSystemOrder) === null || _value$wdtSystemOrder === void 0 ? void 0 : _value$wdtSystemOrder.orders) || []).some(function (order) {
-    return order.srcTid.includes(',');
+    var _order$srcTid;
+    return order === null || order === void 0 ? void 0 : (_order$srcTid = order.srcTid) === null || _order$srcTid === void 0 ? void 0 : _order$srcTid.includes(',');
   });
   var getOrderFlag = React.useRef(false);
   var _useState = React.useState(false),
@@ -14364,7 +15087,7 @@ styleInject(css_248z$a);
 var TabPane$1 = antd.Tabs.TabPane;
 var Option$2 = antd.Select.Option;
 var Search$1 = antd.Input.Search;
-var GoodsModal$4 = function GoodsModal(props) {
+var GoodsModal$5 = function GoodsModal(props) {
   var onSubmit = props.onSubmit,
     _onCancel = props.onCancel,
     visible = props.visible,
@@ -14815,7 +15538,7 @@ var Goods$1 = function Goods(props, ref) {
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "goodsBox"
-  }, /*#__PURE__*/React__default['default'].createElement(GoodsModal$4, {
+  }, /*#__PURE__*/React__default['default'].createElement(GoodsModal$5, {
     visible: visible,
     onSubmit: onSubmit,
     type: type,