@kmkf-fe-packages/services-components 0.24.2-beta.7 → 0.25.0-alpha.1

package/dist/esm/components/Common/index.js

@@ -8,10 +8,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from 'antd';
-import React, { useState, useMemo } from 'react';
-import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
-import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from "antd";
+import React, { useState, useMemo } from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import { CopyToClipboard } from "react-copy-to-clipboard";
 import styles from "./index.module.less";
 import defaultImg from "./img/default-img.png";
 export var getFormItem = function getFormItem(_ref) {
@@ -31,7 +31,7 @@ export var getFormItem = function getFormItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "form-item--wrap",
     style: {
-      position: 'relative'
+      position: "relative"
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: name,
@@ -44,44 +44,60 @@ export var getFormItem = function getFormItem(_ref) {
 export var showImage = function showImage(_ref2) {
   var item = _ref2.item,
     type = _ref2.type,
-    index = _ref2.index;
-  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
+    index = _ref2.index,
+    showHeader = _ref2.showHeader;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== "tabao" ? item.picUrl : item.picUrl + "_40x40.jpg" : defaultImg;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
-  }, (item === null || item === void 0 ? void 0 : item.platform) === 'taobao' ? /*#__PURE__*/React.createElement("a", {
+  }, type === "itemCode" && !showHeader.includes("picUrl") ? null : (item === null || item === void 0 ? void 0 : item.platform) === "taobao" ? /*#__PURE__*/React.createElement("a", {
     target: "_blank",
-    href: "https://item.taobao.com/item.htm?id=".concat(item.numIid)
+    href: item.numIid ? "https://item.taobao.com/item.htm?id=".concat(item.numIid) : 'javascript:void(0);'
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   })) : /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.options
-  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品id',
+  }, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品id",
     text: item.numIid
-  }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品编码',
+  }), type === "itemCode" && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.includes("title") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品名称",
+    text: item.title
+  }), showHeader.includes("outerId") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品编码",
     text: item.outerId
-  }), (type === 'itemThird' || type === 'jstItemThird') && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-    title: '供应商编码',
+  }), showHeader.includes("numIid") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品id",
+    text: item.numIid
+  }), showHeader.includes("skuId") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "SKU ID",
+    text: item.skuId
+  }), showHeader.includes("outerSkuId") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "SKU 编码",
+    text: item.outerSkuId
+  }), showHeader.includes("propertiesName") && /*#__PURE__*/React.createElement(TextTool, {
+    title: "SKU 信息",
+    text: item.propertiesName
+  })), (type === "itemThird" || type === "jstItemThird") && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+    title: "供应商编码",
     text: item.itemId || item.supplierItemOuterId
-  }), (type === 'itemThird' || type === 'jstItemThird') && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-    title: '供应商名称',
+  }), (type === "itemThird" || type === "jstItemThird") && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+    title: "供应商名称",
     text: item.supplierName
-  }), item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-    title: '规格',
+  }), type !== "itemCode" && item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+    title: "规格",
     text: item.propertiesName
   })));
 };
@@ -94,9 +110,9 @@ var TextTool = function TextTool(_ref3) {
     title: text
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
     }
   }, title, ":", text));
 };
@@ -105,7 +121,9 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
   var total = _ref4.total,
     _ref4$allImage = _ref4.allImage,
     allImage = _ref4$allImage === void 0 ? [] : _ref4$allImage,
-    type = _ref4.type;
+    type = _ref4.type,
+    _ref4$showHeader = _ref4.showHeader,
+    showHeader = _ref4$showHeader === void 0 ? [] : _ref4$showHeader;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -124,47 +142,62 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
     title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      flexWrap: 'wrap'
+      display: "flex",
+      flexWrap: "wrap"
     }
   }, allImage.map(function (i, index) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: '50%'
+        width: "50%"
       },
       key: index
-    }, /*#__PURE__*/React.createElement("a", {
-      href: i.link,
+    }, type === "itemCode" && !showHeader.includes("picUrl") ? null : /*#__PURE__*/React.createElement("a", {
+      href: i.link || ((i === null || i === void 0 ? void 0 : i.platform) === "taobao" && i.numIid ? "https://item.taobao.com/item.htm?id=".concat(i.numIid) : 'javascript:void(0);'),
       target: "__blank",
       style: {
-        marginRight: '12px',
-        marginTop: '8px',
-        padding: '2px',
-        border: '1px dashed #ccc',
-        display: 'inline-block'
+        marginRight: "12px",
+        marginTop: "8px",
+        padding: "2px",
+        border: "1px dashed #ccc",
+        display: "inline-block"
       }
     }, /*#__PURE__*/React.createElement("img", {
       alt: "",
       src: i.picUrl || defaultImg,
       style: {
-        width: '72px',
-        height: '72px',
-        objectFit: 'contain'
+        width: "72px",
+        height: "72px",
+        objectFit: "contain"
       }
-    })), /*#__PURE__*/React.createElement("div", null, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品id',
+    })), /*#__PURE__*/React.createElement("div", null, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品id",
       text: i.numIid
-    }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品编码',
+    }), type === "itemCode" && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.includes("title") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品名称",
+      text: i.title
+    }), showHeader.includes("outerId") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品编码",
       text: i.outerId
-    }), (type === 'itemThird' || type === 'jstItemThird') && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-      title: '供应商编码',
+    }), showHeader.includes("numIid") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品id",
+      text: i.numIid
+    }), showHeader.includes("skuId") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "SKU ID",
+      text: i.skuId
+    }), showHeader.includes("outerSkuId") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "SKU 编码",
+      text: i.outerSkuId
+    }), showHeader.includes("propertiesName") && /*#__PURE__*/React.createElement(TextTool, {
+      title: "SKU 信息",
+      text: i.propertiesName
+    })), (type === "itemThird" || type === "jstItemThird") && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+      title: "供应商编码",
       text: i.itemId || i.supplierItemOuterId
-    }), (type === 'itemThird' || type === 'jstItemThird') && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-      title: '供应商名称',
+    }), (type === "itemThird" || type === "jstItemThird") && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+      title: "供应商名称",
       text: i.supplierName
-    }), i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-      title: '规格',
+    }), type !== "itemCode" && i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+      title: "规格",
       text: i.propertiesName
     })));
   }))));
@@ -174,29 +207,33 @@ export var GoodImage = function GoodImage(_ref5) {
   var _list$slice;
   var list = _ref5.list,
     _ref5$type = _ref5.type,
-    type = _ref5$type === void 0 ? '' : _ref5$type;
+    type = _ref5$type === void 0 ? "" : _ref5$type,
+    _ref5$showHeader = _ref5.showHeader,
+    showHeader = _ref5$showHeader === void 0 ? [] : _ref5$showHeader;
   var total = (list === null || list === void 0 ? void 0 : list.length) || 0;
   var initShowTotal = 3;
   return (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
-      display: type === 'itemSelect' ? 'flex' : 'block'
+      display: type === "itemSelect" ? "flex" : "block"
     }
   }, list === null || list === void 0 ? void 0 : (_list$slice = list.slice(0, initShowTotal)) === null || _list$slice === void 0 ? void 0 : _list$slice.map(function (item, index) {
     return showImage({
       item: item,
       type: type,
-      index: index
+      index: index,
+      showHeader: showHeader
     });
   }), total > initShowTotal && /*#__PURE__*/React.createElement(ShowTotalImage, {
     total: total,
     allImage: list,
+    showHeader: showHeader,
     type: type
   })) : null;
 };
 var content = function content(item, index) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
-      textAlign: 'center'
+      textAlign: "center"
     }
   }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -223,17 +260,17 @@ export var JstGoodImage = function JstGoodImage(_ref6) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
-    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join('/') : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join('/') : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join('/') : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || '') : null));
+    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join("/") : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join("/") : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join("/") : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || "") : null));
   }) : null;
 };
 export var BsExpressRender = function BsExpressRender(_ref7) {
   var _ref7$list = _ref7.list,
     list = _ref7$list === void 0 ? [] : _ref7$list,
     _ref7$showField = _ref7.showField,
-    showField = _ref7$showField === void 0 ? '' : _ref7$showField;
+    showField = _ref7$showField === void 0 ? "" : _ref7$showField;
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var logisticsCompany = item.logisticsCompany;
     var company = ExpressData.getInstance().getExpressNameByCode(logisticsCompany);
@@ -245,10 +282,10 @@ export var BsExpressRender = function BsExpressRender(_ref7) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
-    }, "\u5305\u88F9", ":")), showField === 'company' ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === 'code' ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
+    }, "\u5305\u88F9", ":")), showField === "company" ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === "code" ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
   }) : null;
 };
 export var CommonOrderContent = function CommonOrderContent(_ref8) {
@@ -261,7 +298,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
   var orderContent = function orderContent(item, index) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: 'center'
+        textAlign: "center"
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId));
   };
@@ -269,7 +306,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     var _options$find;
     var color = ((_options$find = options.find(function (it) {
       return item[valueKey] === it.value;
-    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || '#000';
+    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || "#000";
     var currentOption = options.find(function (option) {
       return item[valueKey] === option.value;
     });
@@ -281,14 +318,14 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1), ":")), /*#__PURE__*/React.createElement("span", {
       style: {
         color: color
       }
-    }, currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || '')), item.reason && (item === null || item === void 0 ? void 0 : item[valueKey]) !== '成功' && /*#__PURE__*/React.createElement("div", {
+    }, currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "")), item.reason && (item === null || item === void 0 ? void 0 : item[valueKey]) !== "成功" && /*#__PURE__*/React.createElement("div", {
       className: "c-red"
     }, item.reason));
   }) : null;
@@ -300,22 +337,22 @@ export var BsGoodImage = function BsGoodImage(_ref9) {
     index = _ref9.index;
   var picUrl = item.picUrl || defaultImg;
   var keyMap = {
-    name: 'bs名称',
-    code: 'bs编码',
-    skuId: 'bssku编码',
-    money: 'bs实付金额',
-    number: 'bs数量',
-    share: 'bs分摊价',
-    type: 'bs赠品类型'
+    name: "bs名称",
+    code: "bs编码",
+    skuId: "bssku编码",
+    money: "bs实付金额",
+    number: "bs数量",
+    share: "bs分摊价",
+    type: "bs赠品类型"
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
@@ -337,11 +374,11 @@ export var BsExchangeList = function BsExchangeList(_ref10) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, BsGoodsTable({
       list: (item === null || item === void 0 ? void 0 : item.bsExchangeReturnGoods) || [],
       showHeader: showHeader,
-      text: '退回'
+      text: "退回"
     }), BsGoodsTable({
       list: item === null || item === void 0 ? void 0 : item.bsExchangeSwapOutGoods,
       showHeader: showHeader,
-      text: '换出'
+      text: "换出"
     }));
   }));
 };
@@ -354,276 +391,171 @@ export var BsGoodPic = function BsGoodPic(list) {
     });
   });
 };
-export var BsGoodsTable = function BsGoodsTable(_ref11) {
-  var list = _ref11.list,
-    showHeader = _ref11.showHeader,
-    _ref11$text = _ref11.text,
-    text = _ref11$text === void 0 ? '' : _ref11$text,
-    type = _ref11.type;
-  //商品信息
-
-  var COLUMNS_MAP = function COLUMNS_MAP() {
-    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return function (type) {
-      var columns = [];
-      switch (type) {
-        case 'ITEM_ENCODE':
-          columns = [{
-            dataIndex: "title",
-            title: "商品名称",
-            align: "center",
-            ellipsis: true,
-            width: 200
-          }, {
-            dataIndex: "outerId",
-            title: "商品编码",
-            align: "center",
-            ellipsis: true,
-            width: 140
-          }, {
-            dataIndex: "picUrl",
-            title: "图片",
-            align: "center",
-            ellipsis: true,
-            width: 100,
-            render: function render(val) {
-              return /*#__PURE__*/React.createElement(Image, {
-                width: 60,
-                src: val
-              });
-            }
-          }, {
-            dataIndex: "numIid",
-            title: "商品id",
-            align: "center",
-            ellipsis: true,
-            width: 200
-          }, {
-            dataIndex: "skuId",
-            title: "SKU ID",
-            align: "center",
-            ellipsis: true,
-            width: 200
-          }, {
-            dataIndex: "outerSkuId",
-            title: "SKU 编码",
-            align: "center",
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: "propertiesName",
-            title: "SKU 信息",
-            align: "center",
-            ellipsis: true,
-            width: 200
-          }];
-          break;
-        case 'WDT_REISSUE_GOODS':
-        case 'WDT_GOODS':
-          columns = [{
-            dataIndex: 'goodId',
-            title: "SPUID",
-            align: 'center',
-            ellipsis: true,
-            width: 70
-          }, {
-            dataIndex: 'goodNo',
-            title: "\u5546\u54C1SPU\u7F16\u7801",
-            align: 'center',
-            ellipsis: true,
-            width: 180
-          }, {
-            dataIndex: 'goodName',
-            title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
-            align: 'center',
-            ellipsis: true,
-            width: 250
-          }, {
-            dataIndex: 'specId',
-            title: "".concat(text, "SKUID"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'specNo',
-            title: "".concat(text, "\u5546\u54C1SKU\u7F16\u7801"),
-            align: 'center',
-            ellipsis: true,
-            width: 180
-          }, {
-            dataIndex: 'specName',
-            title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
-            align: 'center',
-            ellipsis: true,
-            width: 250
-          }, {
-            dataIndex: 'imgUrl',
-            title: "\u56FE\u7247",
-            align: 'center',
-            ellipsis: true,
-            width: 100,
-            render: function render(val) {
-              return /*#__PURE__*/React.createElement(Image, {
-                width: 60,
-                src: val
-              });
-            }
-          }, {
-            dataIndex: 'orderPrice',
-            title: "\u5B9E\u4ED8\u603B\u91D1\u989D",
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'num',
-            title: "".concat(text, "\u6570\u91CF"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          },
-          // {
-          //   dataIndex: 'actualNum',
-          //   title: `${text}实发数量`,
-          //   align: 'center',
-          //   ellipsis: true,
-          //   width: 100,
-          // },
-          {
-            dataIndex: 'sharePrice',
-            title: "\u5206\u644A\u4EF7",
-            align: 'center',
-            ellipsis: true,
-            width: 70
-          }, {
-            dataIndex: 'giftType',
-            title: "\u8D60\u54C1\u65B9\u5F0F",
-            align: 'center',
-            ellipsis: true,
-            width: 100,
-            render: function render(val) {
-              var giftTypeMap = {
-                0: '非赠品',
-                1: '自动赠送',
-                2: '手工赠送',
-                3: '回购自动送赠品',
-                4: '前N有礼送赠品',
-                6: '天猫优仓赠品',
-                7: '淘宝CRM会员送赠'
-              };
-              return /*#__PURE__*/React.createElement("span", null, giftTypeMap[val]);
-            }
-          }];
-          break;
-        default:
-          columns = [{
-            dataIndex: 'mark',
-            title: "\u5546\u54C1\u6807\u8BB0",
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'skuName',
-            title: "".concat(text, "sku\u540D\u79F0"),
-            align: 'center',
-            ellipsis: true,
-            width: 200
-          }, {
-            dataIndex: 'sku',
-            title: "".concat(text, "sku\u7F16\u7801"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'name',
-            title: "".concat(text, "\u540D\u79F0"),
-            align: 'center',
-            ellipsis: true,
-            width: 200
-          }, {
-            dataIndex: 'pic',
-            title: "\u56FE\u7247",
-            align: 'center',
-            ellipsis: true,
-            width: 100,
-            render: function render(val) {
-              return /*#__PURE__*/React.createElement(Image, {
-                width: 60,
-                src: val
-              });
-            }
-          }, {
-            dataIndex: 'code',
-            title: "".concat(text, "\u7F16\u7801"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'money',
-            title: "\u5B9E\u4ED8\u91D1\u989D",
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'number',
-            title: "".concat(text, "\u6570\u91CF"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }, {
-            dataIndex: 'share',
-            title: "\u5206\u644A\u4EF7",
-            align: 'center',
-            ellipsis: true,
-            width: 70
-          }, {
-            dataIndex: 'type',
-            title: "\u8D60\u54C1\u7C7B\u578B",
-            align: 'center',
-            ellipsis: true,
-            width: 100
-          }];
+var getTable = function getTable(GOODS_INFO_COLUMNS) {
+  return function (_ref11) {
+    var list = _ref11.list,
+      showHeader = _ref11.showHeader,
+      _ref11$text = _ref11.text,
+      text = _ref11$text === void 0 ? "" : _ref11$text;
+    var newColumns = useMemo(function () {
+      var columnList = [{
+        dataIndex: "",
+        title: "序号",
+        align: "center",
+        ellipsis: true,
+        width: 50,
+        render: function render(val, record, index) {
+          return /*#__PURE__*/React.createElement("span", null, index + 1);
+        }
+      }].concat(_toConsumableArray(GOODS_INFO_COLUMNS(text).filter(function (t) {
+        return showHeader.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
+      })));
+      return columnList;
+    }, [showHeader, list]);
+    return /*#__PURE__*/React.createElement(Table, {
+      columns: newColumns,
+      dataSource: list,
+      rowKey: "uuid",
+      size: "small",
+      pagination: false,
+      scroll: {
+        x: "100%"
+      },
+      locale: {
+        emptyText: "暂无数据"
       }
-      return columns;
-    };
-  };
-  //商品信息
-  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
-    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var COLUMNS_INFO = COLUMNS_MAP(text);
-    return COLUMNS_INFO(type);
+    });
   };
-  // const GOODS_INFO_COLUMNS = (text = '') => {
-  //   return 
-  // }
-  var newColumns = useMemo(function () {
-    var columnList = [{
-      dataIndex: '',
-      title: '序号',
-      align: 'center',
-      ellipsis: true,
-      width: 50,
-      render: function render(val, record, index) {
-        return /*#__PURE__*/React.createElement("span", null, index + 1);
-      }
-    }].concat(_toConsumableArray(GOODS_INFO_COLUMNS(text).filter(function (t) {
-      return showHeader.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
-    })));
-    return columnList;
-  }, [showHeader, list]);
-  return /*#__PURE__*/React.createElement(Table, {
-    columns: newColumns,
-    dataSource: list,
-    rowKey: 'uuid',
-    size: "small",
-    pagination: false,
-    scroll: {
-      x: '100%'
-    },
-    locale: {
-      emptyText: '暂无数据'
-    }
-  });
 };
+export var BsGoodsTable = getTable(function () {
+  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  return [{
+    dataIndex: "mark",
+    title: "\u5546\u54C1\u6807\u8BB0",
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "skuName",
+    title: "".concat(text, "sku\u540D\u79F0"),
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }, {
+    dataIndex: "sku",
+    title: "".concat(text, "sku\u7F16\u7801"),
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "name",
+    title: "".concat(text, "\u540D\u79F0"),
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }, {
+    dataIndex: "pic",
+    title: "\u56FE\u7247",
+    align: "center",
+    ellipsis: true,
+    width: 100,
+    render: function render(val) {
+      return /*#__PURE__*/React.createElement(Image, {
+        width: 60,
+        src: val
+      });
+    }
+  }, {
+    dataIndex: "code",
+    title: "".concat(text, "\u7F16\u7801"),
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "money",
+    title: "\u5B9E\u4ED8\u91D1\u989D",
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "number",
+    title: "".concat(text, "\u6570\u91CF"),
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "share",
+    title: "\u5206\u644A\u4EF7",
+    align: "center",
+    ellipsis: true,
+    width: 70
+  }, {
+    dataIndex: "type",
+    title: "\u8D60\u54C1\u7C7B\u578B",
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }];
+});
+export var TBGoodTable = getTable(function () {
+  return [{
+    dataIndex: "title",
+    title: "商品名称",
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }, {
+    dataIndex: "outerId",
+    title: "商品编码",
+    align: "center",
+    ellipsis: true,
+    width: 140
+  }, {
+    dataIndex: "picUrl",
+    title: "图片",
+    align: "center",
+    ellipsis: true,
+    width: 100,
+    render: function render(val) {
+      return /*#__PURE__*/React.createElement(Image, {
+        width: 60,
+        src: val
+      });
+    }
+  }, {
+    dataIndex: "numIid",
+    title: "商品id",
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }, {
+    dataIndex: "skuId",
+    title: "SKU ID",
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }, {
+    dataIndex: "outerSkuId",
+    title: "SKU 编码",
+    align: "center",
+    ellipsis: true,
+    width: 100
+  }, {
+    dataIndex: "propertiesName",
+    title: "SKU 信息",
+    align: "center",
+    ellipsis: true,
+    width: 200
+  }];
+  // title: '商品名称',
+  // outerId: '商品编码',
+  // picUrl: '图片',
+  // numIid: '商品id',
+  // skuId: 'SKU ID',
+  // outerSkuId: 'SKU 编码',
+  // propertiesName: 'SKU 信息',
+});
+
 export var FileRender = function FileRender(_ref12) {
   var _ref12$fileList = _ref12.fileList,
     fileList = _ref12$fileList === void 0 ? [] : _ref12$fileList,
@@ -633,15 +565,15 @@ export var FileRender = function FileRender(_ref12) {
     _useState4 = _slicedToArray(_useState3, 2),
     visible = _useState4[0],
     setVisible = _useState4[1];
-  var _useState5 = useState(''),
+  var _useState5 = useState(""),
     _useState6 = _slicedToArray(_useState5, 2),
     fileUrl = _useState6[0],
     setFileUrl = _useState6[1];
-  var _useState7 = useState(''),
+  var _useState7 = useState(""),
     _useState8 = _slicedToArray(_useState7, 2),
     fileType = _useState8[0],
     setFileType = _useState8[1];
-  var _useState9 = useState(''),
+  var _useState9 = useState(""),
     _useState10 = _slicedToArray(_useState9, 2),
     fileName = _useState10[0],
     setFileName = _useState10[1];
@@ -650,24 +582,24 @@ export var FileRender = function FileRender(_ref12) {
     downloading = _useState12[0],
     setDownloading = _useState12[1];
   var handleCancel = function handleCancel() {
-    setFileUrl('');
-    setFileName('');
+    setFileUrl("");
+    setFileName("");
     setVisible(false);
     setDownloading(false);
   };
   var onPreview = function onPreview(file) {
     var _file$url;
-    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('.');
+    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split(".");
     var fileType = fileArr[fileArr.length - 1];
-    if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'].includes(fileType.toLowerCase())) {
+    if (["png", "jpg", "jpeg", "gif", "bmp", "svg"].includes(fileType.toLowerCase())) {
       setFileUrl(file === null || file === void 0 ? void 0 : file.url);
       setFileName(file === null || file === void 0 ? void 0 : file.name);
-      setFileType('pic');
+      setFileType("pic");
       setVisible(true);
-    } else if (['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'].includes(fileType.toLowerCase())) {
+    } else if (["mp4", "avi", "mpeg", "asf", "mov", "3gp", "wmv", "rmvb"].includes(fileType.toLowerCase())) {
       setFileUrl(file === null || file === void 0 ? void 0 : file.url);
       setFileName(file === null || file === void 0 ? void 0 : file.name);
-      setFileType('video');
+      setFileType("video");
       setVisible(true);
     } else {
       window.open(file === null || file === void 0 ? void 0 : file.url);
@@ -678,9 +610,9 @@ export var FileRender = function FileRender(_ref12) {
     fetch(url).then(function (res) {
       return res.blob();
     }).then(function (blob) {
-      var a = document.createElement('a');
+      var a = document.createElement("a");
       document.body.appendChild(a);
-      a.style.display = 'none';
+      a.style.display = "none";
       var url = window.URL.createObjectURL(blob);
       a.href = url;
       a.download = name;
@@ -694,9 +626,9 @@ export var FileRender = function FileRender(_ref12) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
     return /*#__PURE__*/React.createElement("a", {
       style: {
-        color: '#1890ff',
-        cursor: 'pointer',
-        display: 'block'
+        color: "#1890ff",
+        cursor: "pointer",
+        display: "block"
       },
       onClick: function onClick(e) {
         e.preventDefault();
@@ -718,20 +650,20 @@ export var FileRender = function FileRender(_ref12) {
   }, "\u4E0B\u8F7D") : /*#__PURE__*/React.createElement(CopyToClipboard, {
     text: fileUrl,
     onCopy: function onCopy() {
-      message.success('复制成功');
+      message.success("复制成功");
     }
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link"
-  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React.createElement("img", {
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === "pic" ? /*#__PURE__*/React.createElement("img", {
     alt: "example",
     style: {
-      width: '100%'
+      width: "100%"
     },
     src: fileUrl
   }) : /*#__PURE__*/React.createElement("video", {
     style: {
-      width: '100%',
-      height: '100%'
+      width: "100%",
+      height: "100%"
     },
     autoPlay: true,
     controls: true,
@@ -741,38 +673,25 @@ export var FileRender = function FileRender(_ref12) {
 export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   var value = _ref13.value,
     type = _ref13.type;
-  var columnMap = {
-    BS_SYSTEM_ORDER: [{
-      dataIndex: "billType",
-      title: "单据类型"
-    }, {
-      dataIndex: "billNo",
-      title: "系统订单号"
-    }, {
-      dataIndex: "billTag",
-      title: "标签"
-    }],
-    WLN_SYSTEM_ORDER: [{
-      dataIndex: "billType",
-      title: "订单类型"
-    }, {
-      dataIndex: "billNo",
-      title: "系统订单号"
-    }, {
-      dataIndex: "billTag",
-      title: "标记"
-    }],
-    WDT_SYSTEM_ORDER: [{
-      dataIndex: "billType",
-      title: "订单类型"
-    }, {
-      dataIndex: "billNo",
-      title: "系统订单号"
-    }, {
-      dataIndex: "billTag",
-      title: "订单标签"
-    }]
-  };
+  var columns = type === "WLN_SYSTEM_ORDER" ? [{
+    dataIndex: "billType",
+    title: "单据类型"
+  }, {
+    dataIndex: "billNo",
+    title: "系统订单号"
+  }, {
+    dataIndex: "billTag",
+    title: "标签"
+  }] : [{
+    dataIndex: "billType",
+    title: "订单类型"
+  }, {
+    dataIndex: "billNo",
+    title: "系统订单号"
+  }, {
+    dataIndex: "billTag",
+    title: "标记"
+  }];
   var rowSelection = {
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || ((value === null || value === void 0 ? void 0 : value.showOrderInfo) || []).reduce(function (prv, next) {
       if (next.select) {
@@ -790,16 +709,16 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   };
   return /*#__PURE__*/React.createElement(Table, {
     dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
-    columns: columnMap[type] || [],
+    columns: columns,
     rowSelection: rowSelection,
-    rowKey: 'billNo',
+    rowKey: "billNo",
     size: "small",
     pagination: false,
     scroll: {
-      x: '100%'
+      x: "100%"
     },
     locale: {
-      emptyText: '暂无数据'
+      emptyText: "暂无数据"
     }
   });
 };
@@ -819,33 +738,33 @@ export var MsgContent = function MsgContent(_ref14) {
     _ref14$options = _ref14.options,
     options = _ref14$options === void 0 ? [] : _ref14$options;
   var msgTypeCh = {
-    ding: '钉钉',
-    wechat: '微信',
-    qq: 'QQ',
-    qywx: '企业微信'
+    ding: "钉钉",
+    wechat: "微信",
+    qq: "QQ",
+    qywx: "企业微信"
   };
   var detailContent = function detailContent(item) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: 'left'
+        textAlign: "left"
       }
     }, /*#__PURE__*/React.createElement("div", null, item.ruleName)));
   };
   return /*#__PURE__*/React.createElement(Space, {
-    direction: !horizontal ? 'vertical' : 'horizontal'
+    direction: !horizontal ? "vertical" : "horizontal"
   }, Array.isArray(list) ? (list || []).map(function (item, index) {
     var _options$find2;
     var color = ((_options$find2 = options.find(function (innerItem) {
       return item[valueKey] === innerItem.label;
-    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || '#000';
+    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || "#000";
     var currentOption = options.find(function (option) {
       return item[valueKey] === option.value;
     });
-    var key = item.msgType || 'ding';
+    var key = item.msgType || "ding";
     return /*#__PURE__*/React.createElement("div", {
       style: {
         color: color,
-        cursor: 'pointer'
+        cursor: "pointer"
       }
     }, /*#__PURE__*/React.createElement(Popover, {
       content: detailContent(item),
@@ -854,6 +773,6 @@ export var MsgContent = function MsgContent(_ref14) {
       }
     }, /*#__PURE__*/React.createElement("span", {
       key: index
-    }, msgTypeCh[key], "-", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || '')));
+    }, msgTypeCh[key], "-", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "")));
   }) : null);
 };