@kmkf-fe-packages/services-components 0.24.0-beta.0 → 0.24.1-alpha.0

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,111 +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;
-  //商品信息
-  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
-    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
-        });
+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: "暂无数据"
       }
-    }, {
-      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 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,
@@ -468,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];
@@ -485,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);
@@ -513,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;
@@ -529,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();
@@ -553,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,
@@ -576,24 +673,24 @@ export var FileRender = function FileRender(_ref12) {
 export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   var value = _ref13.value,
     type = _ref13.type;
-  var columns = type === 'WLN_SYSTEM_ORDER' ? [{
-    dataIndex: 'billType',
-    title: '单据类型'
+  var columns = type === "WLN_SYSTEM_ORDER" ? [{
+    dataIndex: "billType",
+    title: "单据类型"
   }, {
-    dataIndex: 'billNo',
-    title: '系统订单号'
+    dataIndex: "billNo",
+    title: "系统订单号"
   }, {
-    dataIndex: 'billTag',
-    title: '标签'
+    dataIndex: "billTag",
+    title: "标签"
   }] : [{
-    dataIndex: 'billType',
-    title: '订单类型'
+    dataIndex: "billType",
+    title: "订单类型"
   }, {
-    dataIndex: 'billNo',
-    title: '系统订单号'
+    dataIndex: "billNo",
+    title: "系统订单号"
   }, {
-    dataIndex: 'billTag',
-    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) {
@@ -614,14 +711,14 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
     dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
     columns: columns,
     rowSelection: rowSelection,
-    rowKey: 'billNo',
+    rowKey: "billNo",
     size: "small",
     pagination: false,
     scroll: {
-      x: '100%'
+      x: "100%"
     },
     locale: {
-      emptyText: '暂无数据'
+      emptyText: "暂无数据"
     }
   });
 };
@@ -641,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),
@@ -676,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);
 };