@kmkf-fe-packages/services-components 1.24.0 → 1.25.0

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

@@ -0,0 +1,1525 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (_) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+var __spreadArrays = this && this.__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+  return r;
+};
+exports.__esModule = true;
+exports.AlipayBill = exports.MsgContent = exports.BsSystemOrderTable = exports.FileRender = exports.BsGoodsTable = exports.BsGoodPic = exports.BsExchangeList = exports.BsGoodImage = exports.CommonOrderContent = exports.BsExpressRender = exports.JstGoodImage = exports.GoodImage = exports.ShowTotalImage = exports.showImage = exports.getFormItem = void 0;
+var antd_1 = require("antd");
+var react_1 = require("react");
+var kmkf_utils_1 = require("@kmkf-fe-packages/kmkf-utils");
+var api_1 = require("../../service/api");
+var react_copy_to_clipboard_1 = require("react-copy-to-clipboard");
+var index_module_less_1 = require("./index.module.less");
+var default_img_png_1 = require("./img/default-img.png");
+var CopyText_1 = require("../../commonComponents/CopyText");
+var kmkf_utils_2 = require("@kmkf-fe-packages/kmkf-utils");
+var Paragraph = antd_1.Typography.Paragraph;
+exports.getFormItem = function (_a) {
+  var name = _a.name,
+    title = _a.title,
+    _b = _a.rules,
+    rules = _b === void 0 ? [] : _b,
+    required = _a.required,
+    component = _a.component;
+  var newRules = rules;
+  if (required) {
+    newRules = rules.concat({
+      required: true,
+      message: "\u8BF7\u8F93\u5165" + title
+    });
+  }
+  return react_1["default"].createElement("div", {
+    className: "form-item--wrap",
+    style: {
+      position: "relative"
+    }
+  }, react_1["default"].createElement(antd_1.Form.Item, {
+    name: name,
+    label: title,
+    rules: newRules,
+    className: "form-item-label--index"
+  }, component));
+};
+//图片展示
+exports.showImage = function (_a) {
+  var item = _a.item,
+    type = _a.type,
+    index = _a.index,
+    showHeader = _a.showHeader;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== "tabao" ? item.picUrl : item.picUrl + "_40x40.jpg" : default_img_png_1["default"];
+  return react_1["default"].createElement("div", {
+    className: index_module_less_1["default"].goodImgBox,
+    key: index
+  }, type === "itemCode" && !showHeader.includes("picUrl") ? null : (item === null || item === void 0 ? void 0 : item.platform) === "taobao" ? react_1["default"].createElement("a", {
+    target: "_blank",
+    href: item.numIid ? "https://item.taobao.com/item.htm?id=" + item.numIid : "javascript:void(0);"
+  }, react_1["default"].createElement("img", {
+    style: {
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
+    },
+    src: picUrl
+  })) : react_1["default"].createElement("img", {
+    style: {
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
+    },
+    src: picUrl
+  }), react_1["default"].createElement("div", {
+    className: index_module_less_1["default"].options
+  }, type === "itemId" && react_1["default"].createElement(TextTool, {
+    title: "商品id",
+    text: item.numIid
+  }), type === "itemCode" && react_1["default"].createElement(react_1["default"].Fragment, null, showHeader.includes("title") && react_1["default"].createElement(TextTool, {
+    title: "商品名称",
+    text: item.title
+  }), showHeader.includes("outerId") && react_1["default"].createElement(TextTool, {
+    title: "商品编码",
+    text: item.outerId
+  }), showHeader.includes("numIid") && react_1["default"].createElement(TextTool, {
+    title: "商品id",
+    text: item.numIid
+  }), showHeader.includes("skuId") && react_1["default"].createElement(TextTool, {
+    title: "SKU ID",
+    text: item.skuId
+  }), showHeader.includes("outerSkuId") && react_1["default"].createElement(TextTool, {
+    title: "SKU 编码",
+    text: item.outerSkuId
+  }), showHeader.includes("propertiesName") && react_1["default"].createElement(TextTool, {
+    title: "SKU 信息",
+    text: item.propertiesName
+  })), (type === "itemThird" || type === "jstItemThird") && (item.itemId || item.supplierItemOuterId) && react_1["default"].createElement(TextTool, {
+    title: "供应商编码",
+    text: item.itemId || item.supplierItemOuterId
+  }), (type === "itemThird" || type === "jstItemThird") && item.supplierName && react_1["default"].createElement(TextTool, {
+    title: "供应商名称",
+    text: item.supplierName
+  }), type !== "itemCode" && item.propertiesName && react_1["default"].createElement(TextTool, {
+    title: "规格",
+    text: item.propertiesName
+  })));
+};
+//文字提示
+var TextTool = function TextTool(_a) {
+  var title = _a.title,
+    text = _a.text;
+  return react_1["default"].createElement(antd_1.Tooltip, {
+    placement: "topLeft",
+    title: text
+  }, react_1["default"].createElement("div", {
+    style: {
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    }
+  }, title, ":", text));
+};
+//查看更多图片
+exports.ShowTotalImage = function (_a) {
+  var total = _a.total,
+    _b = _a.allImage,
+    allImage = _b === void 0 ? [] : _b,
+    type = _a.type,
+    _c = _a.showHeader,
+    showHeader = _c === void 0 ? [] : _c;
+  var _d = react_1.useState(false),
+    visible = _d[0],
+    setVisible = _d[1];
+  return react_1["default"].createElement(react_1["default"].Fragment, null, react_1["default"].createElement(antd_1.Button, {
+    type: "link",
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }, "\u67E5\u770B\u5168\u90E8(" + total + ")"), react_1["default"].createElement(antd_1.Modal, {
+    visible: visible,
+    footer: null,
+    onCancel: function onCancel() {
+      return setVisible(false);
+    },
+    title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
+  }, react_1["default"].createElement("div", {
+    style: {
+      display: "flex",
+      flexWrap: "wrap"
+    }
+  }, allImage.map(function (i, index) {
+    return react_1["default"].createElement("div", {
+      style: {
+        width: "50%"
+      },
+      key: index
+    }, type === "itemCode" && !showHeader.includes("picUrl") ? null : react_1["default"].createElement("a", {
+      href: i.link || ((i === null || i === void 0 ? void 0 : i.platform) === "taobao" && i.numIid ? "https://item.taobao.com/item.htm?id=" + i.numIid : "javascript:void(0);"),
+      target: "__blank",
+      style: {
+        marginRight: "12px",
+        marginTop: "8px",
+        padding: "2px",
+        border: "1px dashed #ccc",
+        display: "inline-block"
+      }
+    }, react_1["default"].createElement("img", {
+      alt: "",
+      src: i.picUrl || default_img_png_1["default"],
+      style: {
+        width: "72px",
+        height: "72px",
+        objectFit: "contain"
+      }
+    })), react_1["default"].createElement("div", null, type === "itemId" && react_1["default"].createElement(TextTool, {
+      title: "商品id",
+      text: i.numIid
+    }), type === "itemCode" && react_1["default"].createElement(react_1["default"].Fragment, null, showHeader.includes("title") && react_1["default"].createElement(TextTool, {
+      title: "商品名称",
+      text: i.title
+    }), showHeader.includes("outerId") && react_1["default"].createElement(TextTool, {
+      title: "商品编码",
+      text: i.outerId
+    }), showHeader.includes("numIid") && react_1["default"].createElement(TextTool, {
+      title: "商品id",
+      text: i.numIid
+    }), showHeader.includes("skuId") && react_1["default"].createElement(TextTool, {
+      title: "SKU ID",
+      text: i.skuId
+    }), showHeader.includes("outerSkuId") && react_1["default"].createElement(TextTool, {
+      title: "SKU 编码",
+      text: i.outerSkuId
+    }), showHeader.includes("propertiesName") && react_1["default"].createElement(TextTool, {
+      title: "SKU 信息",
+      text: i.propertiesName
+    })), (type === "itemThird" || type === "jstItemThird") && (i.itemId || i.supplierItemOuterId) && react_1["default"].createElement(TextTool, {
+      title: "供应商编码",
+      text: i.itemId || i.supplierItemOuterId
+    }), (type === "itemThird" || type === "jstItemThird") && i.supplierName && react_1["default"].createElement(TextTool, {
+      title: "供应商名称",
+      text: i.supplierName
+    }), type !== "itemCode" && i.propertiesName && react_1["default"].createElement(TextTool, {
+      title: "规格",
+      text: i.propertiesName
+    })));
+  }))));
+};
+//商品列表展示
+exports.GoodImage = function (_a) {
+  var _b;
+  var list = _a.list,
+    _c = _a.type,
+    type = _c === void 0 ? "" : _c,
+    _d = _a.showHeader,
+    showHeader = _d === void 0 ? [] : _d;
+  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 ? react_1["default"].createElement("div", {
+    style: {
+      display: type === "itemSelect" ? "flex" : "block"
+    }
+  }, (_b = list === null || list === void 0 ? void 0 : list.slice(0, initShowTotal)) === null || _b === void 0 ? void 0 : _b.map(function (item, index) {
+    return exports.showImage({
+      item: item,
+      type: type,
+      index: index,
+      showHeader: showHeader
+    });
+  }), total > initShowTotal && react_1["default"].createElement(exports.ShowTotalImage, {
+    total: total,
+    allImage: list,
+    showHeader: showHeader,
+    type: type
+  })) : null;
+};
+var content = function content(item, index) {
+  return react_1["default"].createElement("div", {
+    style: {
+      maxHeight: "300px",
+      overflowY: "auto"
+    }
+  }, react_1["default"].createElement("div", {
+    style: {
+      textAlign: "center"
+    }
+  }, "\u5305\u88F9" + (index + 1) + "\u5546\u54C1\u4FE1\u606F", item.sid && react_1["default"].createElement("span", null, "(\u7CFB\u7EDF\u5355\u53F7:", item.sid, ")")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
+    return react_1["default"].createElement("div", {
+      key: index
+    }, react_1["default"].createElement(antd_1.Space, null, react_1["default"].createElement(antd_1.Image, {
+      width: 70,
+      src: t.picUrl,
+      preview: false
+    }), react_1["default"].createElement("div", null, react_1["default"].createElement("div", null, t.title), react_1["default"].createElement("div", null, "\u7F16\u7801\uFF1A", t.skuId))));
+  }));
+};
+exports.JstGoodImage = function (_a) {
+  var _b = _a.list,
+    list = _b === void 0 ? [] : _b,
+    type = _a.type,
+    _c = _a.platformType,
+    platformType = _c === void 0 ? "default" : _c;
+  var getSendName = function getSendName(item) {
+    return kmkf_utils_1.SendDataCenter.getInstance(platformType).getSendNameByCode(item.sendName);
+  };
+  return (list === null || list === void 0 ? void 0 : list.length) ? (list || []).map(function (item, index) {
+    var logisticsCompany = item.logisticsCompany;
+    var company = kmkf_utils_1.ExpressData.getInstance(platformType).getExpressNameByCode(logisticsCompany);
+    return react_1["default"].createElement("div", null, react_1["default"].createElement(antd_1.Space, null, react_1["default"].createElement(antd_1.Popover, {
+      content: content(item, index),
+      overlayStyle: {
+        zIndex: 1080
+      }
+    }, react_1["default"].createElement("span", {
+      key: index,
+      style: {
+        color: "#1890ff",
+        cursor: "pointer"
+      }
+    }, "\u5305\u88F9" + (index + 1), ":")), type === 1 ? react_1["default"].createElement("span", null, company && item.logisticsCode ? react_1["default"].createElement(react_1["default"].Fragment, null, company, "/", react_1["default"].createElement(CopyText_1["default"], {
+      text: item.logisticsCode
+    })) : company ? company : item.logisticsCode ? react_1["default"].createElement(CopyText_1["default"], {
+      text: item.logisticsCode
+    }) : null) : null, type === 2 ? react_1["default"].createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join("/") : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? react_1["default"].createElement("span", null, item.sendName && item.sendId ? [item.sendId, getSendName(item)].join("/") : item.sendId ? item.sendId : getSendName(item)) : null, type === 4 ? react_1["default"].createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || "") : null));
+  }) : null;
+};
+exports.BsExpressRender = function (_a) {
+  var _b = _a.list,
+    list = _b === void 0 ? [] : _b,
+    _c = _a.showField,
+    showField = _c === void 0 ? "" : _c,
+    _d = _a.platformType,
+    platformType = _d === void 0 ? "default" : _d;
+  return (list === null || list === void 0 ? void 0 : list.length) ? (list || []).map(function (item, index) {
+    var logisticsCompany = item.logisticsCompany;
+    var company = kmkf_utils_1.ExpressData.getInstance(platformType).getExpressNameByCode(logisticsCompany);
+    return react_1["default"].createElement("div", null, react_1["default"].createElement(antd_1.Space, null, react_1["default"].createElement(antd_1.Popover, {
+      content: content(item, index),
+      overlayStyle: {
+        zIndex: 1080
+      }
+    }, react_1["default"].createElement("span", {
+      key: index,
+      style: {
+        color: "#1890ff",
+        cursor: "pointer"
+      }
+    }, "\u5305\u88F9", ":")), showField === "company" ? react_1["default"].createElement("span", null, company ? company : null) : null, showField === "code" ? react_1["default"].createElement("span", null, item.logisticsCode ? react_1["default"].createElement(CopyText_1["default"], {
+      text: item.logisticsCode
+    }) : null) : null));
+  }) : null;
+};
+exports.CommonOrderContent = function (_a) {
+  var _b = _a.list,
+    list = _b === void 0 ? [] : _b,
+    valueKey = _a.valueKey,
+    failValue = _a.failValue,
+    _c = _a.options,
+    options = _c === void 0 ? [] : _c,
+    _d = _a.isShowPopover,
+    isShowPopover = _d === void 0 ? true : _d;
+  var orderContent = function orderContent(item, index) {
+    return react_1["default"].createElement("div", null, react_1["default"].createElement("div", {
+      style: {
+        textAlign: "center"
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId));
+  };
+  return (list === null || list === void 0 ? void 0 : list.length) ? (list || []).map(function (item, index) {
+    var _a;
+    var color = ((_a = options.find(function (it) {
+      return item[valueKey] === it.value;
+    })) === null || _a === void 0 ? void 0 : _a.color) || "#000";
+    var currentOption = options.find(function (option) {
+      return item[valueKey] === option.value;
+    });
+    return react_1["default"].createElement("div", null, react_1["default"].createElement(antd_1.Space, null, isShowPopover ? react_1["default"].createElement(antd_1.Popover, {
+      content: orderContent(item, index),
+      overlayStyle: {
+        zIndex: 1080
+      }
+    }, react_1["default"].createElement("span", {
+      key: index,
+      style: {
+        color: "#1890ff",
+        cursor: "pointer"
+      }
+    }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7" + (index + 1), ":")) : null, react_1["default"].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]) !== "成功" && react_1["default"].createElement("div", {
+      className: "c-red"
+    }, item.reason));
+  }) : null;
+};
+//bs商品展示 todo
+exports.BsGoodImage = function (_a) {
+  var item = _a.item,
+    index = _a.index;
+  var picUrl = item.picUrl || default_img_png_1["default"];
+  var keyMap = {
+    name: "bs名称",
+    code: "bs编码",
+    skuId: "bssku编码",
+    money: "bs实付金额",
+    number: "bs数量",
+    share: "bs分摊价",
+    type: "bs赠品类型"
+  };
+  return react_1["default"].createElement("div", {
+    className: index_module_less_1["default"].goodImgBox,
+    key: index
+  }, react_1["default"].createElement("img", {
+    style: {
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
+    },
+    src: picUrl
+  }), react_1["default"].createElement("div", {
+    className: index_module_less_1["default"].options
+  }, Object.keys(keyMap).map(function (key) {
+    return item[key] ? react_1["default"].createElement(TextTool, {
+      title: keyMap[key],
+      text: item[key]
+    }) : null;
+  })));
+};
+//bs换货 todo
+exports.BsExchangeList = function (_a) {
+  var list = _a.list,
+    showHeader = _a.showHeader;
+  return react_1["default"].createElement("div", {
+    className: index_module_less_1["default"].bsImgBox
+  }, list.map(function (item) {
+    return react_1["default"].createElement(react_1["default"].Fragment, null, exports.BsGoodsTable({
+      list: (item === null || item === void 0 ? void 0 : item.bsExchangeReturnGoods) || [],
+      showHeader: showHeader,
+      text: "退回"
+    }), exports.BsGoodsTable({
+      list: item === null || item === void 0 ? void 0 : item.bsExchangeSwapOutGoods,
+      showHeader: showHeader,
+      text: "换出"
+    }));
+  }));
+};
+//bs图片展示
+exports.BsGoodPic = function (list) {
+  return list.map(function (t) {
+    return react_1["default"].createElement(antd_1.Image, {
+      width: 60,
+      src: t
+    });
+  });
+};
+exports.BsGoodsTable = function (_a) {
+  var list = _a.list,
+    showHeader = _a.showHeader,
+    _b = _a.text,
+    text = _b === void 0 ? "" : _b,
+    type = _a.type;
+  //商品信息
+  var COLUMNS_MAP = function COLUMNS_MAP(text) {
+    if (text === void 0) {
+      text = "";
+    }
+    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 react_1["default"].createElement(antd_1.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: "\u5546\u54C1ID",
+            align: "center",
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: "goodNo",
+            title: "\u5546\u54C1\u7F16\u7801",
+            align: "center",
+            ellipsis: true,
+            width: 180
+          }, {
+            dataIndex: "goodName",
+            title: text + "\u5546\u54C1\u540D\u79F0",
+            align: "center",
+            ellipsis: true,
+            width: 250
+          }, {
+            dataIndex: "specId",
+            title: text + "SKUID",
+            align: "center",
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: "specNo",
+            title: text + "\u5546\u54C1SKU\u7F16\u7801",
+            align: "center",
+            ellipsis: true,
+            width: 180
+          }, {
+            dataIndex: "specName",
+            title: 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 react_1["default"].createElement(antd_1.Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: "orderPrice",
+            title: "\u5B9E\u4ED8\u603B\u91D1\u989D",
+            align: "center",
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: "num",
+            title: 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 react_1["default"].createElement("span", null, giftTypeMap[val]);
+            }
+          }];
+          break;
+        case "WDT_RETURN_GOODS":
+          {
+            columns = [{
+              dataIndex: "goodId",
+              title: "\u5546\u54C1ID",
+              align: "center",
+              ellipsis: true,
+              width: 70
+            }, {
+              dataIndex: "goodNo",
+              title: "\u5546\u54C1\u7F16\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 180
+            }, {
+              dataIndex: "goodName",
+              title: text + "\u5546\u54C1\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 250
+            }, {
+              dataIndex: "specId",
+              title: text + "SKUID",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "specNo",
+              title: text + "\u5546\u54C1SKU\u7F16\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 180
+            }, {
+              dataIndex: "specName",
+              title: text + "\u5546\u54C1SKU\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 250
+            }, {
+              dataIndex: "num",
+              title: text + "\u9000\u8D27\u6570\u91CF",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "sharePrice",
+              title: "\u5206\u644A\u4EF7",
+              align: "center",
+              ellipsis: true,
+              width: 80
+            }, {
+              dataIndex: "returnPrice",
+              title: text + "\u9000\u8D27\u91D1\u989D",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              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 react_1["default"].createElement("span", null, giftTypeMap[val]);
+              }
+            }, {
+              dataIndex: "type",
+              title: text + "\u5546\u54C1\u7C7B\u578B",
+              align: "center",
+              ellipsis: true,
+              width: 100,
+              render: function render(val) {
+                var typeMap = {
+                  "1": "单品",
+                  "2": "组合装"
+                };
+                return react_1["default"].createElement("span", null, typeMap[val]);
+              }
+            }];
+          }
+          break;
+        case "WDT_EXCHANGE_GOODS":
+          {
+            columns = [{
+              dataIndex: "goodId",
+              title: "\u5546\u54C1ID",
+              align: "center",
+              ellipsis: true,
+              width: 70
+            }, {
+              dataIndex: "goodNo",
+              title: "\u5546\u54C1\u7F16\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 180
+            }, {
+              dataIndex: "goodName",
+              title: text + "\u5546\u54C1\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 250
+            }, {
+              dataIndex: "specId",
+              title: text + "SKUID",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "specNo",
+              title: text + "\u5546\u54C1SKU\u7F16\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 180
+            }, {
+              dataIndex: "specName",
+              title: text + "\u5546\u54C1SKU\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 250
+            }, {
+              dataIndex: "num",
+              title: text + "\u6362\u51FA\u6570\u91CF",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "price",
+              title: text + "\u5546\u54C1\u5355\u4EF7",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "exchangePrice",
+              title: text + "\u6362\u51FA\u91D1\u989D",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              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 react_1["default"].createElement("span", null, giftTypeMap[val]);
+              }
+            }, {
+              dataIndex: "type",
+              title: text + "\u5546\u54C1\u7C7B\u578B",
+              align: "center",
+              ellipsis: true,
+              width: 100,
+              render: function render(val) {
+                var typeMap = {
+                  "1": "单品",
+                  "2": "组合装"
+                };
+                return react_1["default"].createElement("span", null, typeMap[val]);
+              }
+            }];
+          }
+          break;
+        case "BS_E3_REISSUE_GOODS":
+        case "BS_E3_GOODS":
+          {
+            columns = [{
+              dataIndex: "sku",
+              title: "SKU",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "skuId",
+              title: "SKU ID",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "goodsName",
+              title: "\u5546\u54C1\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "goodsShortName",
+              title: "\u5546\u54C1\u7B80\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "picPath",
+              title: "\u5546\u54C1\u56FE\u7247",
+              align: "center",
+              ellipsis: true,
+              width: 100,
+              render: function render(val) {
+                return react_1["default"].createElement(antd_1.Image, {
+                  width: 60,
+                  src: val
+                });
+              }
+            }, {
+              dataIndex: "goodsSn",
+              title: "\u8D27\u53F7",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "goodsId",
+              title: "\u8D27\u53F7ID",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "colorName",
+              title: "\u989C\u8272\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "colorCode",
+              title: "\u989C\u8272\u4EE3\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "sizeName",
+              title: "\u5C3A\u7801\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "sizeCode",
+              title: "\u5C3A\u7801\u4EE3\u7801",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "brandName",
+              title: "\u54C1\u724C\u540D\u79F0",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "goodsNumber",
+              title: "\u5546\u54C1\u6570\u91CF",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "goodsPrice",
+              title: "\u5546\u54C1\u5355\u4EF7",
+              align: "center",
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: "shopPrice",
+              title: "\u5546\u54C1\u7F51\u5E97\u552E\u4EF7",
+              align: "center",
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: "sharePrice",
+              title: "\u5206\u644A\u4EF7",
+              align: "center",
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: "sharePayment",
+              title: "\u5206\u644A\u5B9E\u4ED8\u91D1\u989D",
+              align: "center",
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: "payment",
+              title: "\u5B9E\u4ED8\u91D1\u989D",
+              align: "center",
+              ellipsis: true,
+              width: 120
+            }, {
+              dataIndex: "tcSku",
+              title: "\u5957\u9910SKU",
+              align: "center",
+              ellipsis: true,
+              width: 150
+            }, {
+              dataIndex: "tcGoodsNumber",
+              title: "\u5957\u9910\u5957\u6570",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "taoCanSingleSl",
+              title: "\u5355\u4E2A\u5957\u9910\u6570\u91CF",
+              align: "center",
+              ellipsis: true,
+              width: 100
+            }, {
+              dataIndex: "isGift",
+              title: "\u662F\u5426\u8D60\u54C1",
+              align: "center",
+              ellipsis: true,
+              width: 100,
+              render: function render(val) {
+                return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+              }
+            }];
+          }
+          break;
+        default:
+          columns = [{
+            dataIndex: "mark",
+            title: "\u5546\u54C1\u6807\u8BB0",
+            align: "center",
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: "skuName",
+            title: text + "sku\u540D\u79F0",
+            align: "center",
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: "sku",
+            title: text + "sku\u7F16\u7801",
+            align: "center",
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: "name",
+            title: 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 react_1["default"].createElement(antd_1.Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: "code",
+            title: 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: 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
+          }];
+      }
+      return columns;
+    };
+  };
+  //商品信息
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS(text) {
+    if (text === void 0) {
+      text = "";
+    }
+    var COLUMNS_INFO = COLUMNS_MAP(text);
+    return COLUMNS_INFO(type);
+  };
+  // const GOODS_INFO_COLUMNS = (text = '') => {
+  //   return
+  // }
+  var newColumns = react_1.useMemo(function () {
+    var columnList = __spreadArrays([{
+      dataIndex: "",
+      title: "序号",
+      align: "center",
+      ellipsis: true,
+      width: 50,
+      render: function render(val, record, index) {
+        return react_1["default"].createElement("span", null, index + 1);
+      }
+    }], GOODS_INFO_COLUMNS(text).filter(function (t) {
+      return showHeader.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
+    }));
+    return columnList;
+  }, [showHeader, list]);
+  return react_1["default"].createElement(antd_1.Table, {
+    columns: newColumns,
+    dataSource: list,
+    rowKey: "uuid",
+    size: "small",
+    pagination: false,
+    scroll: {
+      x: "100%"
+    },
+    locale: {
+      emptyText: "暂无数据"
+    }
+  });
+};
+exports.FileRender = function (_a) {
+  var _b = _a.fileList,
+    fileList = _b === void 0 ? [] : _b,
+    _c = _a.canDownload,
+    canDownload = _c === void 0 ? false : _c;
+  var _d = react_1.useState(false),
+    visible = _d[0],
+    setVisible = _d[1];
+  var _e = react_1.useState(""),
+    fileUrl = _e[0],
+    setFileUrl = _e[1];
+  var _f = react_1.useState(""),
+    fileType = _f[0],
+    setFileType = _f[1];
+  var _g = react_1.useState(""),
+    fileName = _g[0],
+    setFileName = _g[1];
+  var _h = react_1.useState(false),
+    downloading = _h[0],
+    setDownloading = _h[1];
+  var handleCancel = function handleCancel() {
+    setFileUrl("");
+    setFileName("");
+    setVisible(false);
+    setDownloading(false);
+  };
+  var onPreview = function onPreview(file) {
+    var _a;
+    var fileArr = (_a = file === null || file === void 0 ? void 0 : file.url) === null || _a === void 0 ? void 0 : _a.split(".");
+    var fileType = fileArr[fileArr.length - 1];
+    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");
+      setVisible(true);
+    } 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");
+      setVisible(true);
+    } else {
+      window.open(file === null || file === void 0 ? void 0 : file.url);
+    }
+  };
+  var download = function download(url, name) {
+    setDownloading(true);
+    fetch(url).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      var a = document.createElement("a");
+      document.body.appendChild(a);
+      a.style.display = "none";
+      var url = window.URL.createObjectURL(blob);
+      a.href = url;
+      a.download = name;
+      a.click();
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    })["finally"](function () {
+      setDownloading(false);
+    });
+  };
+  return react_1["default"].createElement(react_1["default"].Fragment, null, fileList.map(function (item) {
+    return react_1["default"].createElement("a", {
+      style: {
+        color: "#1890ff",
+        cursor: "pointer",
+        display: "block"
+      },
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onPreview(item);
+      },
+      href: item === null || item === void 0 ? void 0 : item.url
+    }, item.name);
+  }), react_1["default"].createElement(antd_1.Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, canDownload ? react_1["default"].createElement(antd_1.Button, {
+    type: "link",
+    onClick: function onClick() {
+      return download(fileUrl, fileName);
+    },
+    loading: downloading
+  }, "\u4E0B\u8F7D") : react_1["default"].createElement(react_copy_to_clipboard_1.CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      antd_1.message.success("复制成功");
+    }
+  }, react_1["default"].createElement(antd_1.Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === "pic" ? react_1["default"].createElement("img", {
+    alt: "example",
+    style: {
+      width: "100%"
+    },
+    src: fileUrl
+  }) : react_1["default"].createElement("video", {
+    style: {
+      width: "100%",
+      height: "100%"
+    },
+    autoPlay: true,
+    controls: true,
+    src: fileUrl
+  })));
+};
+exports.BsSystemOrderTable = function (_a) {
+  var value = _a.value,
+    type = _a.type;
+  var columnMap = {
+    BS_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "订单类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "标签"
+    }, {
+      title: "主播名称",
+      dataIndex: "authorName"
+    }, {
+      title: "主播ID",
+      dataIndex: "authorId"
+    }],
+    KM_SYSTEM_ORDER: kmkf_utils_2.KM_SYSTEM_ORDER_CONFIG.columns,
+    WLN_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "单据类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "标签"
+    }],
+    WDT_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "订单类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "订单标签"
+    }],
+    BS_E3_SYSTEM_ORDER: [{
+      title: "系统订单号",
+      dataIndex: "orderSn",
+      width: 150,
+      ellipsis: true
+    }, {
+      title: "订单状态",
+      dataIndex: "orderStatus",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_ORDER_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否被拆分",
+      dataIndex: "isSplit",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否拆分子单",
+      dataIndex: "isSplitNew",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否被合并",
+      dataIndex: "isCombine",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否合并新单",
+      dataIndex: "isCombineNew",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否复制单",
+      dataIndex: "isCopy",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "是否换货单",
+      dataIndex: "isExchangeOrder",
+      width: 100,
+      ellipsis: true,
+      render: function render(val) {
+        return react_1["default"].createElement("span", null, kmkf_utils_1.BS_E3_BOOLEAN_STATUS_MAP[val] || val);
+      }
+    }, {
+      title: "订单备注",
+      dataIndex: "orderMsg",
+      width: 100,
+      ellipsis: true
+    }]
+  };
+  var rowKeyMap = {
+    BS_SYSTEM_ORDER: "billNo",
+    KM_SYSTEM_ORDER: "billNo",
+    WLN_SYSTEM_ORDER: "billNo",
+    WDT_SYSTEM_ORDER: "billNo",
+    BS_E3_SYSTEM_ORDER: "orderSn"
+  };
+  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");
+      }
+      return prv;
+    }, []),
+    getCheckboxProps: function getCheckboxProps(record) {
+      return {
+        disabled: true,
+        name: record.name
+      };
+    }
+  };
+  return react_1["default"].createElement(antd_1.Table, {
+    dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
+    columns: columnMap[type] || [],
+    rowSelection: rowSelection,
+    rowKey: rowKeyMap[type] || "billNo",
+    size: "small",
+    pagination: false,
+    scroll: {
+      x: "100%"
+    },
+    locale: {
+      emptyText: "暂无数据"
+    }
+  });
+};
+// interface MsgItemType {
+//   msgRuleId: string
+//   msgType: string
+//   ruleName: string
+//   status: string
+// }
+exports.MsgContent = function (_a) {
+  var _b = _a.horizontal,
+    horizontal = _b === void 0 ? true : _b,
+    _c = _a.list,
+    list = _c === void 0 ? [] : _c,
+    valueKey = _a.valueKey,
+    failValue = _a.failValue,
+    _d = _a.options,
+    options = _d === void 0 ? [] : _d;
+  var msgTypeCh = {
+    ding: "钉钉",
+    wechat: "微信",
+    qq: "QQ",
+    qywx: "企业微信",
+    YZDKH: "邮政拦截",
+    YT: "圆通拦截",
+    feishu: "飞书"
+  };
+  var getColorByStatus = function getColorByStatus(value) {
+    var _a;
+    return ((_a = options.find(function (innerItem) {
+      return value === innerItem.label || value === innerItem.oldValue;
+    })) === null || _a === void 0 ? void 0 : _a.color) || "#000";
+  };
+  var detailContent = function detailContent(item) {
+    var _a;
+    return react_1["default"].createElement("div", null, react_1["default"].createElement("div", {
+      style: {
+        textAlign: "left"
+      }
+    }, ((_a = item.msgReceivers) === null || _a === void 0 ? void 0 : _a.length) ? item.msgReceivers.map(function (msgItem, index) {
+      return react_1["default"].createElement("div", {
+        key: index,
+        style: {
+          color: getColorByStatus(msgItem.status)
+        }
+      }, msgItem.failReason ? msgItem.name + "\uFF0C" + msgItem.status + "\uFF0C\u5931\u8D25\u539F\u56E0\uFF1A" + msgItem.failReason : msgItem.name + "\uFF0C" + msgItem.status + ";");
+    }) : item.failReason && react_1["default"].createElement("div", {
+      style: {
+        color: getColorByStatus(item.status)
+      }
+    }, "\u5931\u8D25\u539F\u56E0\uFF1A", item.failReason)));
+  };
+  return react_1["default"].createElement(antd_1.Space, {
+    direction: !horizontal ? "vertical" : "horizontal"
+  }, Array.isArray(list) ? (list || []).map(function (item, index) {
+    var _a;
+    var color = getColorByStatus(item[valueKey]);
+    var currentOption = options.find(function (option) {
+      return item[valueKey] === option.value;
+    });
+    var key = item.msgType || "ding";
+    var formatMsgContent = react_1["default"].createElement("span", {
+      key: index
+    }, msgTypeCh[key], "-", item.ruleName, "-", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "");
+    return react_1["default"].createElement("div", {
+      key: "wrap_" + index,
+      style: {
+        color: color,
+        cursor: "pointer"
+      }
+    }, ((_a = item.msgReceivers) === null || _a === void 0 ? void 0 : _a.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;
+    })) || item.failReason ? react_1["default"].createElement(antd_1.Popover, {
+      content: detailContent(item),
+      overlayStyle: {
+        zIndex: 9999
+      }
+    }, formatMsgContent) : formatMsgContent);
+  }) : null);
+};
+//获取付款凭证
+exports.AlipayBill = function (props) {
+  var value = props.value,
+    platform = props.platform;
+  var _a = react_1.useState(false),
+    visible = _a[0],
+    setVisible = _a[1];
+  var _b = react_1.useState(""),
+    msg = _b[0],
+    setMsg = _b[1];
+  var _c = react_1.useState(false),
+    hasUrl = _c[0],
+    setHasUrl = _c[1];
+  var voucherHandle = function voucherHandle(e) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var params, res, data, msg;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            e.stopPropagation();
+            params = {
+              alipayBillReceiptDetailId: value
+            };
+            return [4 /*yield*/, api_1.getAlipayBillReceipt(params)];
+          case 1:
+            res = _a.sent();
+            data = res.data, msg = res.message;
+            if (data) {
+              setHasUrl(true);
+              if (["fxg"].includes(platform)) {
+                setMsg(data);
+                setVisible(true);
+              } else {
+                window.open(data);
+              }
+            } else {
+              setHasUrl(false);
+              setMsg(msg);
+              setVisible(true);
+            }
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+
+  var closeHandle = function closeHandle(e) {
+    e.stopPropagation();
+    setVisible(false);
+  };
+  return react_1["default"].createElement(react_1["default"].Fragment, null, react_1["default"].createElement("span", {
+    style: {
+      color: "#1890ff",
+      cursor: "pointer"
+    },
+    onClick: voucherHandle
+  }, value), react_1["default"].createElement(antd_1.Modal, {
+    title: "\u4ED8\u6B3E\u51ED\u8BC1",
+    visible: visible,
+    footer: false,
+    onCancel: closeHandle
+  }, ["fxg"].includes(platform) && hasUrl ? react_1["default"].createElement("div", null, "\u8BF7\u590D\u5236\u94FE\u63A5\u5728\u6D4F\u89C8\u5668\u4E0A\u6253\u5F00\uFF0C\u94FE\u63A5\uFF1A", react_1["default"].createElement(Paragraph, {
+    copyable: true
+  }, msg)) : msg));
+};