@kmkf-fe-packages/services-components 2.9.1-beta.7 → 2.9.1-beta.8

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

@@ -1,1017 +0,0 @@
-"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 columnsBaseInfoMap_1 = require("./constants/columnsBaseInfoMap");
-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"];
-  var mapping_itemCode = kmkf_utils_2.getMapping(kmkf_utils_2.columnsGoodsList);
-  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,
-    onClick: function onClick() {}
-  }, type === "itemId" && react_1["default"].createElement(TextTool, {
-    title: "商品id",
-    text: item.numIid
-  }), type === "itemCode" && react_1["default"].createElement(react_1["default"].Fragment, null, showHeader.filter(function (dataIndex) {
-    return dataIndex !== "picUrl";
-  }).map(function (dataIndex) {
-    return react_1["default"].createElement(TextTool, {
-      title: mapping_itemCode[dataIndex],
-      text: item[dataIndex]
-    });
-  })), (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];
-  var mapping_itemCode = kmkf_utils_2.getMapping(kmkf_utils_2.columnsGoodsList);
-  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.filter(function (dataIndex) {
-      return dataIndex !== "picUrl";
-    }).map(function (dataIndex) {
-      return react_1["default"].createElement(TextTool, {
-        title: mapping_itemCode[dataIndex],
-        text: i[dataIndex]
-      });
-    })), (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;
-  var showHeaderMap = react_1.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 dataIndexList = [];
-    if (isStringArray) {
-      dataIndexList = showHeader;
-    } else if (isObjectArray) {
-      dataIndexList = showHeader.filter(function (item) {
-        return item.show !== false;
-      }).map(function (item) {
-        return item.dataIndex;
-      });
-    }
-    return dataIndexList;
-  }, [showHeader]);
-  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: showHeaderMap
-    });
-  }), total > initShowTotal && react_1["default"].createElement(exports.ShowTotalImage, {
-    total: total,
-    allImage: list,
-    showHeader: showHeaderMap,
-    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,
-    initValueKey = _a.valueKey,
-    failValue = _a.failValue,
-    _c = _a.options,
-    options = _c === void 0 ? [] : _c,
-    _d = _a.isShowPopover,
-    isShowPopover = _d === void 0 ? true : _d;
-  var getContentData = function getContentData(item, index) {
-    if (item.platformId) return {
-      text: "平台售后单号",
-      id: item.platformId
-    };
-    if (item.returnLogisticsCode) return {
-      text: "物流单号",
-      id: item.returnLogisticsCode
-    };
-    return {
-      text: "系统订单号" + (index + 1),
-      id: item.systemOrderId
-    };
-  };
-  var orderContent = function orderContent(item, index) {
-    var contentData = getContentData(item, index);
-    return react_1["default"].createElement("div", null, react_1["default"].createElement("div", {
-      style: {
-        textAlign: "center"
-      }
-    }, contentData.text, "\uFF1A", contentData.id));
-  };
-  return (list === null || list === void 0 ? void 0 : list.length) ? (list || []).map(function (item, index) {
-    var _a;
-    var valueKey = "";
-    if (Array.isArray(initValueKey)) {
-      for (var index_1 = 0; index_1 < initValueKey.length; index_1++) {
-        var itemKey = initValueKey[index_1];
-        if (item[itemKey]) {
-          valueKey = itemKey;
-          break;
-        }
-      }
-    } else {
-      valueKey = initValueKey;
-    }
-    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"
-      }
-    }, "" + getContentData(item, index).text, ":")) : 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 _a;
-      var columnsMap = columnsBaseInfoMap_1.getColumnsMap({
-        text: text
-      });
-      return (_a = columnsMap[type]) !== null && _a !== void 0 ? _a : columnsMap["default"];
-    };
-  };
-  //商品信息
-  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 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]";
-    if (isStringArray) {
-      baseInfoColumns = initBaseInfoColumns.filter(function (col) {
-        return showHeader.includes(col.dataIndex);
-      });
-    } else if (isObjectArray) {
-      baseInfoColumns = showHeader.filter(function (col) {
-        return col.show !== false;
-      }).map(function (col) {
-        var currentCol = initBaseInfoColumns.find(function (item) {
-          return item.dataIndex === col.dataIndex;
-        });
-        return currentCol ? currentCol : undefined;
-      }).filter(Boolean);
-    }
-    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);
-      }
-    }], baseInfoColumns);
-    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
-    }],
-    GY_SYSTEM_ORDER: kmkf_utils_2.GY_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"
-  };
-  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 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
-    }, kmkf_utils_2.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));
-};