@kmkf-fe-packages/services-components 2.0.50 → 2.0.52

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

@@ -12,15 +12,16 @@ 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, Typography } from "antd";
-import React, { useState, useMemo } from "react";
-import { ExpressData, SendDataCenter } from "@kmkf-fe-packages/kmkf-utils";
+import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message, Typography } from 'antd';
+import { DownloadOutlined } from '@ant-design/icons';
+import React, { useState, useMemo } from 'react';
+import { ExpressData, SendDataCenter } from '@kmkf-fe-packages/kmkf-utils';
 import { getAlipayBillReceipt } from "../../service/api";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import { CopyToClipboard } from 'react-copy-to-clipboard';
 import styles from "./index.module.less";
 import defaultImg from "./img/default-img.png";
 import CopyText from "../../commonComponents/CopyText";
-import { KM_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, BS_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, msgTypeCh, getMapping, columnsGoodsList } from "@kmkf-fe-packages/kmkf-utils";
+import { KM_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, BS_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, msgTypeCh, getMapping, columnsGoodsList } from '@kmkf-fe-packages/kmkf-utils';
 import { getColumnsMap } from "./constants/columnsBaseInfoMap";
 var Paragraph = Typography.Paragraph;
 export var getFormItem = function getFormItem(_ref) {
@@ -40,7 +41,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,
@@ -55,51 +56,51 @@ export var showImage = function showImage(_ref2) {
     type = _ref2.type,
     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;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
   var mapping_itemCode = getMapping(columnsGoodsList);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
-  }, type === "itemCode" && !showHeader.includes("picUrl") ? null : (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: item.numIid ? "https://item.taobao.com/item.htm?id=".concat(item.numIid) : "javascript:void(0);"
+    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,
     onClick: function onClick() {
-      console.log("show---", showHeader);
+      console.log('show---', showHeader);
     }
-  }, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
-    title: "商品id",
+  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
+    title: '商品id',
     text: item.numIid
-  }), type === "itemCode" && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.filter(function (dataIndex) {
-    return dataIndex !== "picUrl";
+  }), type === 'itemCode' && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.filter(function (dataIndex) {
+    return dataIndex !== 'picUrl';
   }).map(function (dataIndex) {
     return /*#__PURE__*/React.createElement(TextTool, {
       title: mapping_itemCode[dataIndex],
       text: item[dataIndex]
     });
-  })), (type === "itemThird" || type === "jstItemThird") && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-    title: "供应商编码",
+  })), (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
-  }), type !== "itemCode" && item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-    title: "规格",
+  }), type !== 'itemCode' && item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+    title: '规格',
     text: item.propertiesName
   })));
 };
@@ -112,9 +113,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));
 };
@@ -145,51 +146,51 @@ 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
-    }, 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);"),
+    }, 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(React.Fragment, null, showHeader.filter(function (dataIndex) {
-      return dataIndex !== "picUrl";
+    }), type === 'itemCode' && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.filter(function (dataIndex) {
+      return dataIndex !== 'picUrl';
     }).map(function (dataIndex) {
       return /*#__PURE__*/React.createElement(TextTool, {
         title: mapping_itemCode[dataIndex],
         text: i[dataIndex]
       });
-    })), (type === "itemThird" || type === "jstItemThird") && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-      title: "供应商编码",
+    })), (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
-    }), type !== "itemCode" && i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-      title: "规格",
+    }), type !== 'itemCode' && i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+      title: '规格',
       text: i.propertiesName
     })));
   }))));
@@ -199,14 +200,14 @@ 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;
   var showHeaderMap = useMemo(function () {
-    var isStringArray = Array.isArray(showHeader) && typeof showHeader[0] === "string";
-    var isObjectArray = Array.isArray(showHeader) && Object.prototype.toString.call(showHeader[0]) === "[object Object]";
+    var isStringArray = Array.isArray(showHeader) && typeof showHeader[0] === 'string';
+    var isObjectArray = Array.isArray(showHeader) && Object.prototype.toString.call(showHeader[0]) === '[object Object]';
     var dataIndexList = [];
     if (isStringArray) {
       dataIndexList = showHeader;
@@ -221,7 +222,7 @@ export var GoodImage = function GoodImage(_ref5) {
   }, [showHeader]);
   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({
@@ -240,12 +241,12 @@ export var GoodImage = function GoodImage(_ref5) {
 var content = function content(item, index) {
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      maxHeight: "300px",
-      overflowY: "auto"
+      maxHeight: '300px',
+      overflowY: 'auto'
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      textAlign: "center"
+      textAlign: 'center'
     }
   }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F"), item.sid && /*#__PURE__*/React.createElement("span", null, "(\u7CFB\u7EDF\u5355\u53F7:", item.sid, ")")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -262,14 +263,14 @@ export var JstGoodImage = function JstGoodImage(_ref6) {
     list = _ref6$list === void 0 ? [] : _ref6$list,
     type = _ref6.type,
     _ref6$platformType = _ref6.platformType,
-    platformType = _ref6$platformType === void 0 ? "default" : _ref6$platformType;
+    platformType = _ref6$platformType === void 0 ? 'default' : _ref6$platformType;
   var getSendName = function getSendName(item) {
     return SendDataCenter.getInstance(platformType).getSendNameByCode(item.sendName);
   };
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var logisticsCompany = item.logisticsCompany,
       logisticsCompanyName = item.logisticsCompanyName;
-    var company = platformType === "gy" ? logisticsCompanyName : ExpressData.getInstance(platformType).getExpressNameByCode(logisticsCompany);
+    var company = platformType === 'gy' ? logisticsCompanyName : ExpressData.getInstance(platformType).getExpressNameByCode(logisticsCompany);
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Popover, {
       content: content(item, index),
       overlayStyle: {
@@ -278,23 +279,23 @@ 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 ? /*#__PURE__*/React.createElement(React.Fragment, null, company, "/", /*#__PURE__*/React.createElement(CopyText, {
       text: item.logisticsCode
     })) : company ? company : item.logisticsCode ? /*#__PURE__*/React.createElement(CopyText, {
       text: item.logisticsCode
-    }) : null) : 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, getSendName(item)].join("/") : item.sendId ? item.sendId : getSendName(item)) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || "") : null));
+    }) : null) : 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, getSendName(item)].join('/') : item.sendId ? item.sendId : getSendName(item)) : 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,
     _ref7$platformType = _ref7.platformType,
-    platformType = _ref7$platformType === void 0 ? "default" : _ref7$platformType;
+    platformType = _ref7$platformType === void 0 ? 'default' : _ref7$platformType;
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var logisticsCompany = item.logisticsCompany;
     var company = ExpressData.getInstance(platformType).getExpressNameByCode(logisticsCompany);
@@ -306,10 +307,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 ? /*#__PURE__*/React.createElement(CopyText, {
+    }, "\u5305\u88F9", ":")), showField === 'company' ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === 'code' ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? /*#__PURE__*/React.createElement(CopyText, {
       text: item.logisticsCode
     }) : null) : null));
   }) : null;
@@ -325,11 +326,11 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     isShowPopover = _ref8$isShowPopover === void 0 ? true : _ref8$isShowPopover;
   var getContentData = function getContentData(item, index) {
     if (item.platformId) return {
-      text: "平台售后单号",
+      text: '平台售后单号',
       id: item.platformId
     };
     if (item.returnLogisticsCode) return {
-      text: "物流单号",
+      text: '物流单号',
       id: item.returnLogisticsCode
     };
     return {
@@ -341,13 +342,13 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     var contentData = getContentData(item, index);
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: "center"
+        textAlign: 'center'
       }
     }, contentData.text, "\uFF1A", contentData.id));
   };
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var _options$find;
-    var valueKey = "";
+    var valueKey = '';
     if (Array.isArray(initValueKey)) {
       for (var _index = 0; _index < initValueKey.length; _index++) {
         var itemKey = initValueKey[_index];
@@ -361,7 +362,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     }
     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;
     });
@@ -373,14 +374,14 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: "#1890ff",
-        cursor: "pointer"
+        color: '#1890ff',
+        cursor: 'pointer'
       }
     }, "".concat(getContentData(item, index).text), ":")) : null, /*#__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;
@@ -392,22 +393,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", {
@@ -429,11 +430,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: '换出'
     }));
   }));
 };
@@ -450,22 +451,22 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
   var list = _ref11.list,
     showHeader = _ref11.showHeader,
     _ref11$text = _ref11.text,
-    text = _ref11$text === void 0 ? "" : _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] : "";
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     return function (type) {
       var _columnsMap$type;
       var columnsMap = getColumnsMap({
         text: text
       });
-      return (_columnsMap$type = columnsMap[type]) !== null && _columnsMap$type !== void 0 ? _columnsMap$type : columnsMap["default"];
+      return (_columnsMap$type = columnsMap[type]) !== null && _columnsMap$type !== void 0 ? _columnsMap$type : columnsMap['default'];
     };
   };
   //商品信息
   var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
-    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var COLUMNS_INFO = COLUMNS_MAP(text);
     return COLUMNS_INFO(type);
   };
@@ -475,8 +476,8 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
   var newColumns = useMemo(function () {
     var initBaseInfoColumns = GOODS_INFO_COLUMNS();
     var baseInfoColumns = [];
-    var isStringArray = Array.isArray(showHeader) && typeof showHeader[0] === "string";
-    var isObjectArray = Array.isArray(showHeader) && Object.prototype.toString.call(showHeader[0]) === "[object Object]";
+    var isStringArray = Array.isArray(showHeader) && typeof showHeader[0] === 'string';
+    var isObjectArray = Array.isArray(showHeader) && Object.prototype.toString.call(showHeader[0]) === '[object Object]';
     if (isStringArray) {
       baseInfoColumns = initBaseInfoColumns.filter(function (col) {
         return showHeader.includes(col.dataIndex);
@@ -492,9 +493,9 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
       }).filter(Boolean);
     }
     var columnList = [{
-      dataIndex: "",
-      title: "序号",
-      align: "center",
+      dataIndex: '',
+      title: '序号',
+      align: 'center',
       ellipsis: true,
       width: 50,
       render: function render(val, record, index) {
@@ -506,14 +507,14 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
   return /*#__PURE__*/React.createElement(Table, {
     columns: newColumns,
     dataSource: list,
-    rowKey: "uuid",
+    rowKey: 'uuid',
     size: "small",
     pagination: false,
     scroll: {
-      x: "100%"
+      x: '100%'
     },
     locale: {
-      emptyText: "暂无数据"
+      emptyText: '暂无数据'
     }
   });
 };
@@ -526,15 +527,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];
@@ -543,24 +544,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);
@@ -571,9 +572,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;
@@ -587,9 +588,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();
@@ -611,20 +612,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,
@@ -644,18 +645,18 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
     JST_SYSTEM_ORDER: JST_SYSTEM_ORDER_CONFIG.columns
   };
   var rowKeyMap = {
-    BS_SYSTEM_ORDER: "billNo",
-    KM_SYSTEM_ORDER: "billNo",
-    WLN_SYSTEM_ORDER: "billNo",
-    WDT_SYSTEM_ORDER: "billNo",
-    BS_E3_SYSTEM_ORDER: "orderSn",
-    GY_SYSTEM_ORDER: "billNo",
-    JST_SYSTEM_ORDER: "oId"
+    BS_SYSTEM_ORDER: 'billNo',
+    KM_SYSTEM_ORDER: 'billNo',
+    WLN_SYSTEM_ORDER: 'billNo',
+    WDT_SYSTEM_ORDER: 'billNo',
+    BS_E3_SYSTEM_ORDER: 'orderSn',
+    GY_SYSTEM_ORDER: 'billNo',
+    JST_SYSTEM_ORDER: 'oId'
   };
   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) {
-        prv.push(next[rowKeyMap[type]] || "billNo");
+        prv.push(next[rowKeyMap[type]] || 'billNo');
       }
       return prv;
     }, []),
@@ -671,14 +672,14 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
     dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
     columns: columnMap[type] || [],
     rowSelection: rowSelection,
-    rowKey: rowKeyMap[type] || "billNo",
+    rowKey: rowKeyMap[type] || 'billNo',
     size: "small",
     pagination: false,
     scroll: {
-      x: "100%"
+      x: '100%'
     },
     locale: {
-      emptyText: "暂无数据"
+      emptyText: '暂无数据'
     }
   });
 };
@@ -701,13 +702,13 @@ export var MsgContent = function MsgContent(_ref14) {
     var _options$find2;
     return ((_options$find2 = options.find(function (innerItem) {
       return value === innerItem.label || value === innerItem.oldValue;
-    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || "#000";
+    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || '#000';
   };
   var detailContent = function detailContent(item) {
     var _item$msgReceivers;
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: "left"
+        textAlign: 'left'
       }
     }, (_item$msgReceivers = item.msgReceivers) !== null && _item$msgReceivers !== void 0 && _item$msgReceivers.length ? item.msgReceivers.map(function (msgItem, index) {
       return /*#__PURE__*/React.createElement("div", {
@@ -723,22 +724,22 @@ export var MsgContent = function MsgContent(_ref14) {
     }, "\u5931\u8D25\u539F\u56E0\uFF1A", item.failReason)));
   };
   return /*#__PURE__*/React.createElement(Space, {
-    direction: !horizontal ? "vertical" : "horizontal"
+    direction: !horizontal ? 'vertical' : 'horizontal'
   }, Array.isArray(list) ? (list || []).map(function (item, index) {
     var _item$msgReceivers2;
     var color = getColorByStatus(item[valueKey]);
     var currentOption = options.find(function (option) {
       return item[valueKey] === option.value;
     });
-    var key = item.msgType || "ding";
+    var key = item.msgType || 'ding';
     var formatMsgContent = /*#__PURE__*/React.createElement("span", {
       key: index
-    }, msgTypeCh[key], "-", item.ruleName ? "".concat(item.ruleName, "-") : "", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "");
+    }, msgTypeCh[key], "-", item.ruleName ? "".concat(item.ruleName, "-") : '', currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || '');
     return /*#__PURE__*/React.createElement("div", {
       key: "wrap_".concat(index),
       style: {
         color: color,
-        cursor: "pointer"
+        cursor: 'pointer'
       }
     }, (_item$msgReceivers2 = item.msgReceivers) !== null && _item$msgReceivers2 !== void 0 && _item$msgReceivers2.some(function (msgItem) {
       return Array.isArray(failValue) ? failValue.includes(msgItem === null || msgItem === void 0 ? void 0 : msgItem.status) : (msgItem === null || msgItem === void 0 ? void 0 : msgItem.status) === failValue;
@@ -758,7 +759,7 @@ export var AlipayBill = function AlipayBill(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     visible = _useState14[0],
     setVisible = _useState14[1];
-  var _useState15 = useState(""),
+  var _useState15 = useState(''),
     _useState16 = _slicedToArray(_useState15, 2),
     msg = _useState16[0],
     setMsg = _useState16[1];
@@ -783,7 +784,7 @@ export var AlipayBill = function AlipayBill(props) {
             data = res.data, msg = res.message;
             if (data) {
               setHasUrl(true);
-              if (["fxg"].includes(platform)) {
+              if (['fxg'].includes(platform)) {
                 setMsg(data);
                 setVisible(true);
               } else {
@@ -810,8 +811,8 @@ export var AlipayBill = function AlipayBill(props) {
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     style: {
-      color: "#1890ff",
-      cursor: "pointer"
+      color: '#1890ff',
+      cursor: 'pointer'
     },
     onClick: voucherHandle
   }, value), /*#__PURE__*/React.createElement(Modal, {
@@ -819,7 +820,50 @@ export var AlipayBill = function AlipayBill(props) {
     visible: visible,
     footer: false,
     onCancel: closeHandle
-  }, ["fxg"].includes(platform) && hasUrl ? /*#__PURE__*/React.createElement("div", null, "\u8BF7\u590D\u5236\u94FE\u63A5\u5728\u6D4F\u89C8\u5668\u4E0A\u6253\u5F00\uFF0C\u94FE\u63A5\uFF1A", /*#__PURE__*/React.createElement(Paragraph, {
+  }, ['fxg'].includes(platform) && hasUrl ? /*#__PURE__*/React.createElement("div", null, "\u8BF7\u590D\u5236\u94FE\u63A5\u5728\u6D4F\u89C8\u5668\u4E0A\u6253\u5F00\uFF0C\u94FE\u63A5\uFF1A", /*#__PURE__*/React.createElement(Paragraph, {
     copyable: true
   }, msg)) : msg));
+};
+export var RenderPicturePro = function RenderPicturePro(props) {
+  var list = props.list,
+    hostUrl = props.hostUrl;
+  var copyText = list.map(function (item) {
+    return item.name;
+  }).join(',');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pictureProClient"
+  }, list.map(function (item) {
+    var finalImage = "".concat(/^pic\/[\s\S]*$/.test(item.url) ? "".concat(hostUrl, "/").concat(item.url) : item.url, "?x-oss-process=image/resize,h_60,w_60");
+    var showImage = /^pic\/[\s\S]*$/.test(item.url) ? "".concat(hostUrl, "/").concat(item.url) : item.url;
+    var downloadHandle = function downloadHandle() {
+      window.open("".concat(hostUrl, "/").concat(item.url));
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.url,
+      className: "pictureProBox"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pictureProLeft"
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: finalImage,
+      preview: {
+        src: showImage
+      },
+      width: '100%',
+      height: '100%'
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+      title: item.name
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pictureProText"
+    }, item.name)), /*#__PURE__*/React.createElement("div", {
+      className: "pictureProOperate"
+    }, /*#__PURE__*/React.createElement(DownloadOutlined, {
+      className: "downloadIcon",
+      onClick: downloadHandle
+    }))));
+  }), /*#__PURE__*/React.createElement(Paragraph, {
+    copyable: {
+      text: copyText
+    },
+    className: "copyText"
+  }, "\u590D\u5236"));
 };