@kmkf-fe-packages/services-components 0.9.1-alpha.0 → 0.9.2-alpha.0

package/dist/esm/components/Common/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare type getFormItemProps = {
     name: string;
     title: string;
@@ -28,6 +28,6 @@ export declare const BsGoodsTable: ({ list, showHeader, text, }: {
     showHeader: string[];
     text?: string | undefined;
 }) => React.JSX.Element;
-export declare const FileRender: ({ fileList }: any) => React.JSX.Element;
+export declare const FileRender: ({ fileList, canDownload }: any) => React.JSX.Element;
 export declare const BsSystemOrderTable: ({ value }: any) => React.JSX.Element;
 export {};

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

@@ -8,10 +8,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from 'antd';
-import React, { useState, useMemo } from 'react';
-import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
-import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from "antd";
+import React, { useState, useMemo } from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import { CopyToClipboard } from "react-copy-to-clipboard";
 import styles from "./index.module.less";
 import defaultImg from "./img/default-img.png";
 export var getFormItem = function getFormItem(_ref) {
@@ -31,7 +31,7 @@ export var getFormItem = function getFormItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "form-item--wrap",
     style: {
-      position: 'relative'
+      position: "relative"
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: name,
@@ -45,43 +45,43 @@ export var showImage = function showImage(_ref2) {
   var item = _ref2.item,
     type = _ref2.type,
     index = _ref2.index;
-  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== "tabao" ? item.picUrl : item.picUrl + "_40x40.jpg" : defaultImg;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
-  }, (item === null || item === void 0 ? void 0 : item.platform) === 'taobao' ? /*#__PURE__*/React.createElement("a", {
+  }, (item === null || item === void 0 ? void 0 : item.platform) === "taobao" ? /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     href: "https://item.taobao.com/item.htm?id=".concat(item.numIid)
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   })) : /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.options
-  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品id',
+  }, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品id",
     text: item.numIid
-  }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品编码',
+  }), type === "itemCode" && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品编码",
     text: item.outerId
-  }), (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
   }), item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-    title: '规格',
+    title: "规格",
     text: item.propertiesName
   })));
 };
@@ -94,9 +94,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));
 };
@@ -124,47 +124,47 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
     title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      flexWrap: 'wrap'
+      display: "flex",
+      flexWrap: "wrap"
     }
   }, allImage.map(function (i, index) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: '50%'
+        width: "50%"
       },
       key: index
     }, /*#__PURE__*/React.createElement("a", {
       href: i.link,
       target: "__blank",
       style: {
-        marginRight: '12px',
-        marginTop: '8px',
-        padding: '2px',
-        border: '1px dashed #ccc',
-        display: 'inline-block'
+        marginRight: "12px",
+        marginTop: "8px",
+        padding: "2px",
+        border: "1px dashed #ccc",
+        display: "inline-block"
       }
     }, /*#__PURE__*/React.createElement("img", {
       alt: "",
       src: i.picUrl || defaultImg,
       style: {
-        width: '72px',
-        height: '72px',
-        objectFit: 'contain'
+        width: "72px",
+        height: "72px",
+        objectFit: "contain"
       }
-    })), /*#__PURE__*/React.createElement("div", null, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品id',
+    })), /*#__PURE__*/React.createElement("div", null, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品id",
       text: i.numIid
-    }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品编码',
+    }), type === "itemCode" && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品编码",
       text: i.outerId
-    }), (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
     }), i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-      title: '规格',
+      title: "规格",
       text: i.propertiesName
     })));
   }))));
@@ -174,12 +174,12 @@ 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;
   var total = (list === null || list === void 0 ? void 0 : list.length) || 0;
   var initShowTotal = 3;
   return (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
-      display: type === 'itemSelect' ? 'flex' : 'block'
+      display: type === "itemSelect" ? "flex" : "block"
     }
   }, list === null || list === void 0 ? void 0 : (_list$slice = list.slice(0, initShowTotal)) === null || _list$slice === void 0 ? void 0 : _list$slice.map(function (item, index) {
     return showImage({
@@ -196,7 +196,7 @@ export var GoodImage = function GoodImage(_ref5) {
 var content = function content(item, index) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
-      textAlign: 'center'
+      textAlign: "center"
     }
   }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -223,17 +223,17 @@ export var JstGoodImage = function JstGoodImage(_ref6) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
-    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join('/') : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join('/') : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join('/') : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || '') : null));
+    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join("/") : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join("/") : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join("/") : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || "") : null));
   }) : null;
 };
 export var BsExpressRender = function BsExpressRender(_ref7) {
   var _ref7$list = _ref7.list,
     list = _ref7$list === void 0 ? [] : _ref7$list,
     _ref7$showField = _ref7.showField,
-    showField = _ref7$showField === void 0 ? '' : _ref7$showField;
+    showField = _ref7$showField === void 0 ? "" : _ref7$showField;
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var logisticsCompany = item.logisticsCompany;
     var company = ExpressData.getInstance().getExpressNameByCode(logisticsCompany);
@@ -245,10 +245,10 @@ export var BsExpressRender = function BsExpressRender(_ref7) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
-    }, "\u5305\u88F9", ":")), showField === 'company' ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === 'code' ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
+    }, "\u5305\u88F9", ":")), showField === "company" ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === "code" ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
   }) : null;
 };
 export var CommonOrderContent = function CommonOrderContent(_ref8) {
@@ -261,7 +261,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
   var orderContent = function orderContent(item, index) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: 'center'
+        textAlign: "center"
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId));
   };
@@ -269,7 +269,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     var _options$find;
     var color = ((_options$find = options.find(function (item) {
       return item[valueKey] === failValue;
-    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || '#000';
+    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || "#000";
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Popover, {
       content: orderContent(item, index),
       overlayStyle: {
@@ -278,14 +278,14 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1), ":")), /*#__PURE__*/React.createElement("span", {
       style: {
         color: color
       }
-    }, (item === null || item === void 0 ? void 0 : item[valueKey]) || '')));
+    }, (item === null || item === void 0 ? void 0 : item[valueKey]) || "")));
   }) : null;
 };
 
@@ -295,22 +295,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", {
@@ -332,11 +332,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: "换出"
     }));
   }));
 };
@@ -353,38 +353,38 @@ 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;
   //商品信息
   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] : "";
     return [{
-      dataIndex: 'mark',
+      dataIndex: "mark",
       title: "\u5546\u54C1\u6807\u8BB0",
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }, {
-      dataIndex: 'skuName',
+      dataIndex: "skuName",
       title: "".concat(text, "sku\u540D\u79F0"),
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 200
     }, {
-      dataIndex: 'sku',
+      dataIndex: "sku",
       title: "".concat(text, "sku\u7F16\u7801"),
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }, {
-      dataIndex: 'name',
+      dataIndex: "name",
       title: "".concat(text, "\u540D\u79F0"),
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 200
     }, {
-      dataIndex: 'pic',
+      dataIndex: "pic",
       title: "\u56FE\u7247",
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100,
       render: function render(val) {
@@ -394,42 +394,42 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
         });
       }
     }, {
-      dataIndex: 'code',
+      dataIndex: "code",
       title: "".concat(text, "\u7F16\u7801"),
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }, {
-      dataIndex: 'money',
+      dataIndex: "money",
       title: "\u5B9E\u4ED8\u91D1\u989D",
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }, {
-      dataIndex: 'number',
+      dataIndex: "number",
       title: "".concat(text, "\u6570\u91CF"),
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }, {
-      dataIndex: 'share',
+      dataIndex: "share",
       title: "\u5206\u644A\u4EF7",
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 70
     }, {
-      dataIndex: 'type',
+      dataIndex: "type",
       title: "\u8D60\u54C1\u7C7B\u578B",
-      align: 'center',
+      align: "center",
       ellipsis: true,
       width: 100
     }];
   };
   var newColumns = useMemo(function () {
     var columnList = [{
-      dataIndex: '',
-      title: '序号',
-      align: 'center',
+      dataIndex: "",
+      title: "序号",
+      align: "center",
       ellipsis: true,
       width: 50,
       render: function render(val, record, index) {
@@ -443,91 +443,115 @@ 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: "暂无数据"
     }
   });
 };
 export var FileRender = function FileRender(_ref12) {
   var _ref12$fileList = _ref12.fileList,
-    fileList = _ref12$fileList === void 0 ? [] : _ref12$fileList;
+    fileList = _ref12$fileList === void 0 ? [] : _ref12$fileList,
+    _ref12$canDownload = _ref12.canDownload,
+    canDownload = _ref12$canDownload === void 0 ? false : _ref12$canDownload;
   var _useState3 = useState(false),
     _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];
   var handleCancel = function handleCancel() {
-    setFileUrl('');
-    setFileName('');
+    setFileUrl("");
+    setFileName("");
     setVisible(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);
     }
   };
+  var download = function download(url, name) {
+    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);
+    });
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("a", {
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       },
-      onClick: function onClick() {
-        return onPreview(item);
-      }
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onPreview(item);
+      },
+      href: item === null || item === void 0 ? void 0 : item.url
     }, item.name);
   }), /*#__PURE__*/React.createElement(Modal, {
     visible: visible,
     title: fileName,
     footer: null,
     onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  }, canDownload ? /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      return download(fileUrl, fileName);
+    }
+  }, "\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,
@@ -537,14 +561,14 @@ export var FileRender = function FileRender(_ref12) {
 export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   var value = _ref13.value;
   var columns = [{
-    dataIndex: 'billType',
-    title: '单据类型'
+    dataIndex: "billType",
+    title: "单据类型"
   }, {
-    dataIndex: 'billNo',
-    title: '系统订单号'
+    dataIndex: "billNo",
+    title: "系统订单号"
   }, {
-    dataIndex: 'billTag',
-    title: '标签'
+    dataIndex: "billTag",
+    title: "标签"
   }];
   var rowSelection = {
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || [],
@@ -560,14 +584,14 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
     dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
     columns: columns,
     rowSelection: rowSelection,
-    rowKey: 'billNo',
+    rowKey: "billNo",
     size: "small",
     pagination: false,
     scroll: {
-      x: '100%'
+      x: "100%"
     },
     locale: {
-      emptyText: '暂无数据'
+      emptyText: "暂无数据"
     }
   });
 };

package/dist/esm/components/File/index.d.ts

@@ -11,6 +11,7 @@ declare class BasicFile implements ComponentInterface {
     isCombinationComponent: boolean;
     canSort: boolean;
     children: ComponentInterface[];
+    effects: ComponentInterface["effects"];
     dataType: ComponentInterface["dataType"];
     constructor(options: PickOption);
     renderPc: (value: any, record: Record) => any;

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

@@ -18,6 +18,7 @@ import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
 import { FileRender } from "../Common";
+import { PlatForm } from "../../type";
 var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   var _this = this;
   _classCallCheck(this, BasicFile);
@@ -31,6 +32,7 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
+  _defineProperty(this, "effects", void 0);
   _defineProperty(this, "dataType", void 0);
   _defineProperty(this, "renderPc", function (value, record) {
     var fileList = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")]) || [];
@@ -55,19 +57,23 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
     return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_file")];
   });
   _defineProperty(this, "renderClient", function (record) {
+    var _this$effects;
     var _this$id$split = _this.id.split("_"),
       _this$id$split2 = _slicedToArray(_this$id$split, 1),
       id = _this$id$split2[0];
+    var canDownload = ![PlatForm.KS, PlatForm.FXG].includes((_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.env);
     return !isNull(record === null || record === void 0 ? void 0 : record[id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
       value: /*#__PURE__*/React.createElement(FileRender, {
-        fileList: record === null || record === void 0 ? void 0 : record[id]
+        fileList: record === null || record === void 0 ? void 0 : record[id],
+        canDownload: canDownload
       })
     }) : null;
   });
   _defineProperty(this, "editRender", function (p) {
-    var _this$componentConfig, _this$componentConfig2;
+    var _this$effects2, _this$componentConfig, _this$componentConfig2;
+    var canDownload = ((_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.env) === PlatForm.PC;
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
@@ -76,6 +82,7 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
       required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
       component: /*#__PURE__*/React.createElement(ApaasUploadFile, _extends({}, _this.componentConfig, {
         uniqueKey: _this.id,
+        canDownload: canDownload,
         hostUrl: "https://kefu.kuaimai.com"
       }))
     });
@@ -101,5 +108,6 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   this.canSort = false;
   this.children = [];
   this.dataType = "array";
+  this.effects = options.effects;
 });
 export default BasicFile;

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
 import { JstLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, CommonDataTime, TradeId, ShopName, ErpTradeId, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, FlowMarkSelect, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, Handler, CompletedUser, LogisticsInterception, LogisticsTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, BsLogistics, StatusSelect, CommonTradeId, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => ActualPayment | BsExchange | BsGoods | BsLogistics | BsReissue | BsReturn | BsSystemOrder | BuyerNick | Calculation | BasicCascader | CommonMultiStatus | CommonSystemOrder | CommonTradeId | ItemEnCode | ItemId | ItemSelect | ErpTradeId | BasicFile | FlowMarkSelect | FlowStatusSelect | FlowWorkOrderId | HandlerDeadLine | BasicInput | JstItemSelect | JstLogistics | JstSendGood | JstSupply | LogisticsTrajectory | NodeDeadLine | NodeStayDuration | Payment | BasicPicture | BasicPosting | BasicRadio | BasicRate | ReceiverAddress | ReceiverMobile | ReceiverName | BasicSelect | ShopInput | StatusSelect | BasicTextArea | ThirdItemSelect | BasicDataTime | TradeDateTime | TradeId | WorkOrderId | BasicAddress | BasicCheckbox | BasicMultSelect | BasicGrade | CommonDataTime | ShopName | Logistics | ReturnLogistics | ERemark | AliPay | SystemOrderNo | Ordinary | TemplateSelect | LogisticsInterception | PlatForm | Submitter | Handler | CompletedUser;
+export declare const factory: (type: string, options: PickOption) => ActualPayment | BsExchange | BsGoods | BsLogistics | BsReissue | BsReturn | BsSystemOrder | BuyerNick | Calculation | BasicCascader | CommonMultiStatus | CommonSystemOrder | CommonTradeId | ItemEnCode | ItemId | ItemSelect | ErpTradeId | BasicFile | FlowMarkSelect | FlowStatusSelect | FlowWorkOrderId | HandlerDeadLine | BasicInput | JstItemSelect | JstLogistics | JstSendGood | JstSupply | LogisticsInterception | LogisticsTrajectory | NodeDeadLine | NodeStayDuration | Payment | BasicPicture | BasicPosting | BasicRadio | BasicRate | ReceiverAddress | ReceiverMobile | ReceiverName | BasicSelect | ShopInput | StatusSelect | BasicTextArea | ThirdItemSelect | BasicDataTime | TradeDateTime | TradeId | WorkOrderId | BasicAddress | BasicCheckbox | BasicMultSelect | BasicGrade | CommonDataTime | ShopName | Logistics | ReturnLogistics | ERemark | AliPay | SystemOrderNo | Ordinary | TemplateSelect | PlatForm | Submitter | Handler | CompletedUser;

package/dist/esm/type.d.ts

@@ -7,6 +7,15 @@ export declare type QuerySymbol = keyof typeof SYMBOL;
 export declare type Record = {
     [props in string]: any;
 };
+export declare enum PlatForm {
+    TB = "tb",
+    FXG = "fxg",
+    KS = "ks",
+    PDD = "pdd",
+    JD = "jd",
+    XIAOZHI = "xiaozhi",
+    PC = "pc"
+}
 export declare type FilterConfigType = {
     searchDefaultConditions: QuerySymbol;
     type: string;
@@ -165,6 +174,7 @@ export interface ComponentInterface {
         }[];
         tbAppKey?: string;
         companyKey?: string;
+        env?: PlatForm;
     };
     /**
      * 日志渲染

package/dist/esm/type.js

@@ -1 +1,10 @@
-export {};
+export var PlatForm;
+(function (PlatForm) {
+  PlatForm["TB"] = "tb";
+  PlatForm["FXG"] = "fxg";
+  PlatForm["KS"] = "ks";
+  PlatForm["PDD"] = "pdd";
+  PlatForm["JD"] = "jd";
+  PlatForm["XIAOZHI"] = "xiaozhi";
+  PlatForm["PC"] = "pc";
+})(PlatForm || (PlatForm = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "0.9.1-alpha.0",
+  "version": "0.9.2-alpha.0",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -26,7 +26,7 @@
     "father": "^4.1.7"
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "^0.9.1-alpha.0",
+    "@kmkf-fe-packages/basic-components": "^0.9.2-alpha.0",
     "@kmkf-fe-packages/kmkf-utils": "^0.8.19"
   },
   "peerDependencies": {
@@ -40,5 +40,5 @@
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
-  "gitHead": "8f6cf7363cbff3615cb4017dc316eb18c7f07739"
+  "gitHead": "6c885663f48bb35755c6a0e8e67878d8233727c9"
 }