@kmkf-fe-packages/services-components 0.8.9-alpha.14 → 0.8.9-alpha.15

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

@@ -26,4 +26,5 @@ 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 {};

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

@@ -8,9 +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 } from "antd";
+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) {
@@ -319,7 +320,7 @@ export var BsGoodsTable = function BsGoodsTable(_ref9) {
       title: "".concat(text, "\u540D\u79F0"),
       align: "center",
       ellipsis: true,
-      width: 100
+      width: 200
     }, {
       dataIndex: "code",
       title: "".concat(text, "\u7F16\u7801"),
@@ -386,4 +387,84 @@ export var BsGoodsTable = function BsGoodsTable(_ref9) {
       emptyText: "暂无数据"
     }
   });
+};
+export var FileRender = function FileRender(_ref10) {
+  var _ref10$fileList = _ref10.fileList,
+    fileList = _ref10$fileList === void 0 ? [] : _ref10$fileList;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var _useState5 = useState(""),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileUrl = _useState6[0],
+    setFileUrl = _useState6[1];
+  var _useState7 = useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileType = _useState8[0],
+    setFileType = _useState8[1];
+  var _useState9 = useState(""),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fileName = _useState10[0],
+    setFileName = _useState10[1];
+  var handleCancel = function handleCancel() {
+    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 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);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: "#1890ff",
+        cursor: "pointer"
+      },
+      onClick: function onClick() {
+        return onPreview(item);
+      }
+    }, item.name);
+  }), /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      message.success("复制成功");
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === "pic" ? /*#__PURE__*/React.createElement("img", {
+    alt: "example",
+    style: {
+      width: "100%"
+    },
+    src: fileUrl
+  }) : /*#__PURE__*/React.createElement("video", {
+    style: {
+      width: "100%",
+      height: "100%"
+    },
+    autoPlay: true,
+    controls: true,
+    src: fileUrl
+  })));
 };

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

@@ -17,6 +17,7 @@ import { ApaasUploadFile } from "@kmkf-fe-packages/basic-components";
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { FileRender } from "../Common";
 var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   var _this = this;
   _classCallCheck(this, BasicFile);
@@ -54,21 +55,14 @@ 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 _record$id;
     var _this$id$split = _this.id.split("_"),
       _this$id$split2 = _slicedToArray(_this$id$split, 1),
       id = _this$id$split2[0];
     return !isNull(record === null || record === void 0 ? void 0 : record[id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: record === null || record === void 0 ? void 0 : (_record$id = record[id]) === null || _record$id === void 0 ? void 0 : _record$id.map(function (file) {
-        return /*#__PURE__*/React.createElement("a", {
-          href: file.url,
-          target: "_blank",
-          style: {
-            display: "block"
-          }
-        }, file.name);
+      value: /*#__PURE__*/React.createElement(FileRender, {
+        fileList: record === null || record === void 0 ? void 0 : record[id]
       })
     }) : null;
   });

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, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, Handler, CompletedUser, LogisticsInterception, LogisticsTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => ActualPayment | BasicAddress | AliPay | BsExchange | BsGoods | BsReissue | BuyerNick | BasicCascader | BasicCheckbox | CommonDataTime | CompletedUser | BasicDataTime | ItemEnCode | ItemId | ItemSelect | ErpTradeId | BasicFile | FlowStatusSelect | FlowWorkOrderId | BasicGrade | Handler | BasicInput | JstItemSelect | JstLogistics | JstSendGood | JstSupply | Logistics | LogisticsInterception | LogisticsTrajectory | BasicMultSelect | Ordinary | Payment | BasicPicture | PlatForm | BasicPosting | BasicRadio | BasicRate | ReceiverAddress | ReceiverMobile | ReceiverName | ERemark | ReturnLogistics | BasicSelect | ShopInput | ShopName | Submitter | SystemOrderNo | TemplateSelect | BasicTextArea | ThirdItemSelect | TradeDateTime | TradeId | WorkOrderId;
+export declare const factory: (type: string, options: PickOption) => JstLogistics | JstSendGood | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | CommonDataTime | TradeId | ErpTradeId | ShopName | BuyerNick | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstItemSelect | JstSupply | BsGoods | BsExchange | BsReissue | FlowStatusSelect | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsTrajectory | PlatForm | ShopInput | Submitter | Handler | CompletedUser | FlowWorkOrderId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "0.8.9-alpha.14",
+  "version": "0.8.9-alpha.15",
   "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.8.9-alpha.14",
+    "@kmkf-fe-packages/basic-components": "^0.8.9-alpha.15",
     "@kmkf-fe-packages/kmkf-utils": "^0.8.9-alpha.9"
   },
   "peerDependencies": {
@@ -40,5 +40,5 @@
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
-  "gitHead": "3a28d034441471c57ea0b8a5d123fdbae7722b2e"
+  "gitHead": "cf889c49a3699f46e3a6092e42de8212d85242b1"
 }