ydb-components-material 0.1.93 → 0.1.95

package/es/components/file-list-preview/item.js

@@ -14,20 +14,18 @@ import "./item.scss";
 var FileItem = function FileItem(_ref) {
   var file = _ref.file,
     fileConfig = _ref.fileConfig,
-    maxFileSize = _ref.maxFileSize,
-    token = _ref.token,
     tokenTY = _ref.tokenTY,
     accessToken = _ref.accessToken,
     baseUrl = _ref.baseUrl,
     env = _ref.env,
     isPC = _ref.isPC,
-    disabled = _ref.disabled,
     style = _ref.style,
     download = _ref.download;
-  console.log('fileItem', file, maxFileSize);
+  console.log('fileItem', file);
   var fileName = file.fileName,
-    fileUrl = file.fileUrl,
-    fileId = file.fileId;
+    downloadFileId = file.downloadFileId,
+    previewFileId = file.previewFileId,
+    fileUrl = file.fileUrl;
   var signGuidFileId = fileConfig.signGuidFileId,
     keyPoint = fileConfig.keyPoint;
   var _useState = useState(false),
@@ -66,7 +64,6 @@ var FileItem = function FileItem(_ref) {
               id: signGuidFileId,
               effectiveTime: 3600000
             }, {
-              token: token,
               tokenTY: tokenTY,
               baseUrl: baseUrl,
               env: env,
@@ -89,71 +86,79 @@ var FileItem = function FileItem(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var onDownload = function onDownload() {
-    var fileName = file.fileName,
-      fileId = file.fileId;
-    if (disabled) return;
-    var format = getFileExtension(fileName);
-    download({
-      fileId: fileId,
-      format: format
-    });
-  };
-  var extractImageUrls = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(previewUrl) {
-      var response, htmlText, parser, doc, imgElements, srcList;
+  var onDownload = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var format;
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 1;
+            format = getFileExtension(fileName);
+            download({
+              fileId: downloadFileId,
+              format: format
+            });
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onDownload() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var extractImageUrls = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(previewUrl) {
+      var response, htmlText, parser, doc, imgElements, srcList;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 1;
             return fetch(previewUrl);
           case 1:
-            response = _context2.sent;
-            _context2.next = 2;
+            response = _context3.sent;
+            _context3.next = 2;
             return response.text();
           case 2:
-            htmlText = _context2.sent;
+            htmlText = _context3.sent;
             parser = new DOMParser();
             doc = parser.parseFromString(htmlText, 'text/html');
             imgElements = doc.querySelectorAll('img');
             srcList = Array.from(imgElements).map(function (img) {
               return img.getAttribute('data-src');
             });
-            return _context2.abrupt("return", srcList);
+            return _context3.abrupt("return", srcList);
           case 3:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function extractImageUrls(_x) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 
   // 预览材料
   var preview = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var urlRes, res;
-      return _regeneratorRuntime.wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            if (fileUrl) {
-              _context3.next = 1;
+            if (previewFileId) {
+              _context4.next = 1;
               break;
             }
-            return _context3.abrupt("return");
+            return _context4.abrupt("return");
           case 1:
-            console.log('fileUrl', fileUrl, fileId);
-            setPreviewIframeUrl(fileUrl);
-            setIsShowPreview(true);
-            // if (!fileId) return;
-            _context3.next = 2;
+            console.log('fileUrl', previewFileId);
+            // if (!previewFileId) return;
+            _context4.next = 2;
             return getUrlById({
-              id: fileId,
+              id: previewFileId,
               effectiveTime: 3600000
             }, {
-              token: token,
               tokenTY: tokenTY,
               baseUrl: baseUrl,
               env: env,
@@ -161,16 +166,15 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 2:
-            urlRes = _context3.sent;
+            urlRes = _context4.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context3.next = 4;
+              _context4.next = 4;
               break;
             }
-            _context3.next = 3;
+            _context4.next = 3;
             return onlinePreview({
               url: urlRes.presignedUrlList[2]
             }, {
-              token: token,
               tokenTY: tokenTY,
               baseUrl: baseUrl,
               env: env,
@@ -178,44 +182,43 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 3:
-            res = _context3.sent;
+            res = _context4.sent;
             setPreviewIframeUrl(res.url);
             setIsShowPreview(true);
           case 4:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function preview() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var getViewUrl = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
       var type, urlRes, res, list;
-      return _regeneratorRuntime.wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             type = getFileExtension(fileName);
             if (!['png', 'jpg', 'jpeg'].includes(type)) {
-              _context4.next = 1;
+              _context5.next = 1;
               break;
             }
-            return _context4.abrupt("return", fileUrl);
+            return _context5.abrupt("return", fileUrl);
           case 1:
             if (!(type !== 'pdf')) {
-              _context4.next = 2;
+              _context5.next = 2;
               break;
             }
-            return _context4.abrupt("return", '');
+            return _context5.abrupt("return", '');
           case 2:
-            _context4.next = 3;
+            _context5.next = 3;
             return getUrlById({
               id: id,
               effectiveTime: 3600000
             }, {
-              token: token,
               tokenTY: tokenTY,
               baseUrl: baseUrl,
               env: env,
@@ -223,17 +226,16 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 3:
-            urlRes = _context4.sent;
+            urlRes = _context5.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context4.next = 6;
+              _context5.next = 6;
               break;
             }
             console.log('urlRes', urlRes);
-            _context4.next = 4;
+            _context5.next = 4;
             return onlinePreview({
               url: urlRes.presignedUrlList[2]
             }, {
-              token: token,
               tokenTY: tokenTY,
               baseUrl: baseUrl,
               env: env,
@@ -241,36 +243,34 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 4:
-            res = _context4.sent;
-            _context4.next = 5;
+            res = _context5.sent;
+            _context5.next = 5;
             return extractImageUrls(res.url);
           case 5:
-            list = _context4.sent;
+            list = _context5.sent;
             console.log('list---', list);
-            return _context4.abrupt("return", list[0]);
+            return _context5.abrupt("return", list[0]);
           case 6:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return function getViewUrl(_x2) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   useEffect(function () {
-    if (fileId) {
-      getViewUrl(fileId).then(function (url) {
+    if (previewFileId) {
+      getViewUrl(previewFileId).then(function (url) {
         setThumbnail(url);
       });
     }
-  }, [fileId]);
+  }, [previewFileId]);
   return /*#__PURE__*/React.createElement("div", {
     className: "file_item",
     style: style
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "file_name"
-  }, fileName), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "file"
   }, /*#__PURE__*/React.createElement("div", {
     className: "file_img"
@@ -286,21 +286,21 @@ var FileItem = function FileItem(_ref) {
     alt: ""
   }))), isPC && /*#__PURE__*/React.createElement("div", {
     className: "blocks"
-  }, fileUrl && /*#__PURE__*/React.createElement("div", {
+  }, downloadFileId && previewFileId && /*#__PURE__*/React.createElement("div", {
     className: "btns"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, previewFileId && /*#__PURE__*/React.createElement("div", {
     className: "btn",
     onClick: preview
   }, /*#__PURE__*/React.createElement("img", {
     src: previewIconPC,
     alt: ""
-  }), "\u9884\u89C8"), !disabled && /*#__PURE__*/React.createElement("div", {
+  }), "\u9884\u89C8"), downloadFileId && /*#__PURE__*/React.createElement("div", {
     className: "btn",
     onClick: onDownload
   }, /*#__PURE__*/React.createElement("img", {
     src: downloadIconPC,
     alt: ""
-  }), "\u4E0B\u8F7D"))), !disabled && /*#__PURE__*/React.createElement("div", {
+  }), "\u4E0B\u8F7D"))), /*#__PURE__*/React.createElement("div", {
     className: isPC ? 'operation_pc' : 'operation'
   }, /*#__PURE__*/React.createElement("div", {
     className: "btn"
@@ -315,17 +315,17 @@ var FileItem = function FileItem(_ref) {
   }, "\u5BA1\u67E5\u8981\u70B9")))), !isPC && /*#__PURE__*/React.createElement("div", {
     className: "file_item_bottom",
     style: {
-      justifyContent: disabled ? 'center' : 'space-evenly'
+      justifyContent: previewFileId && downloadFileId ? 'space-evenly' : 'center'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, previewFileId && /*#__PURE__*/React.createElement("div", {
     className: "icon_text",
     onClick: preview
   }, /*#__PURE__*/React.createElement("img", {
     src: previewIcon,
     alt: ""
-  }), "\u9884\u89C8"), !disabled && /*#__PURE__*/React.createElement("div", {
+  }), "\u9884\u89C8"), previewFileId && downloadFileId && /*#__PURE__*/React.createElement("div", {
     className: "line"
-  }), !disabled && /*#__PURE__*/React.createElement("div", {
+  }), downloadFileId && /*#__PURE__*/React.createElement("div", {
     className: "icon_text",
     onClick: onDownload
   }, /*#__PURE__*/React.createElement("img", {

package/lib/components/file-list/index.d.ts

@@ -15,6 +15,8 @@ export interface FileListProps {
     disabled?: boolean;
     style?: object;
     download: (value: any) => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any) => void;
 }
 declare const FileList: React.FC<FileListProps>;

package/lib/components/file-list/index.js

@@ -43,9 +43,10 @@ var FileList = function FileList(_ref) {
     env = _ref.env,
     isPC = _ref.isPC,
     disabled = _ref.disabled,
-    isShowLib = _ref.isShowLib,
     style = _ref.style,
     download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading,
     valChange = _ref.valChange;
   var convertNumbersToChinese = function convertNumbersToChinese(str) {
     // 定义基础映射关系
@@ -229,6 +230,8 @@ var FileList = function FileList(_ref) {
           disabled: disabled,
           download: download,
           valChange: handleChange,
+          openLoading: openLoading,
+          closeLoading: closeLoading,
           style: {
             marginBottom: '12px'
           }
@@ -244,7 +247,6 @@ var FileList = function FileList(_ref) {
         fileConfig: item,
         maxFileSize: item.materialSize,
         spec: item.materialSpec,
-        isShowLib: isShowLib,
         userInfo: userInfo,
         token: token,
         tokenTY: tokenTY,
@@ -255,6 +257,8 @@ var FileList = function FileList(_ref) {
         disabled: disabled,
         download: download,
         valChange: handleChange,
+        openLoading: openLoading,
+        closeLoading: closeLoading,
         style: {
           marginBottom: '12px'
         }

package/lib/components/file-list/item.d.ts

@@ -16,10 +16,10 @@ export interface FileItemProps {
     maxFileSize: number;
     spec: string;
     isInValid: boolean;
-    isShowLib: boolean;
     userInfo: object;
     style?: object;
-    del: () => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any, fileIndex: any, index: any, subIndex: any) => void;
     download: (value: any) => void;
 }

package/lib/components/file-list/item.js

@@ -36,7 +36,6 @@ var FileItem = function FileItem(_ref) {
     fileConfig = _ref.fileConfig,
     maxFileSize = _ref.maxFileSize,
     spec = _ref.spec,
-    isShowLib = _ref.isShowLib,
     userInfo = _ref.userInfo,
     token = _ref.token,
     tokenTY = _ref.tokenTY,
@@ -47,7 +46,9 @@ var FileItem = function FileItem(_ref) {
     disabled = _ref.disabled,
     style = _ref.style,
     valChange = _ref.valChange,
-    download = _ref.download;
+    download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading;
   console.log('fileItem', file, maxFileSize);
   var fileName = file.fileName,
     fileUrl = file.fileUrl,
@@ -59,7 +60,9 @@ var FileItem = function FileItem(_ref) {
     signEnable = fileConfig.signEnable,
     isInValid = fileConfig.isInValid,
     signGuidFileId = fileConfig.signGuidFileId,
-    keyPoint = fileConfig.keyPoint;
+    keyPoint = fileConfig.keyPoint,
+    isSmart = fileConfig.isSmart,
+    isShareFile = fileConfig.isShareFile;
   var _useState = (0, _react.useState)(false),
     isShowMaterialLib = _useState[0],
     setIsShowMaterialLib = _useState[1];
@@ -134,6 +137,7 @@ var FileItem = function FileItem(_ref) {
       var formData = new FormData();
       formData.append('file', fileData);
       formData.append('open', true);
+      openLoading();
       fetch(baseUrl + "/declaration/material/file/files/api", {
         method: 'POST',
         body: formData,
@@ -150,6 +154,7 @@ var FileItem = function FileItem(_ref) {
             fileName: fileData.name,
             fileType: fileData.type
           }), fileIndex, index, subIndex);
+          closeLoading();
           _message["default"].notice('上传成功');
         } else {
           _message["default"].error('上传失败，请重试');
@@ -163,11 +168,10 @@ var FileItem = function FileItem(_ref) {
   // 预览材料
   var preview = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var fileUrl, fileId, urlRes, res;
+      var urlRes, res;
       return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            fileUrl = file.fileUrl, fileId = file.fileId;
             if (fileUrl) {
               _context.next = 1;
               break;
@@ -292,15 +296,13 @@ var FileItem = function FileItem(_ref) {
 
   // 签章
   var seal = function seal() {
-    var fileName = file.fileName,
-      fileType = file.fileType;
     console.log('fileType', fileType);
     var type = (0, _file2.getFileExtension)(fileName);
     if (type !== 'pdf') {
       _message["default"].notice('只有pdf文件才能使用电子签章');
       return;
     }
-    // handleSeal()
+    openLoading();
     setIsShowSealPage(true);
   };
   var signAndSeal = function signAndSeal() {
@@ -311,6 +313,7 @@ var FileItem = function FileItem(_ref) {
   var getRes = function getRes(val) {
     console.log('val---', val);
     valChange(val, fileIndex, index, subIndex);
+    closeLoading();
   };
 
   // 获取签章结果
@@ -320,6 +323,8 @@ var FileItem = function FileItem(_ref) {
     // 如果还允许签批 就连住一起做了
     if (signatureEnable) {
       sign();
+    } else {
+      closeLoading();
     }
   };
   var queryFileLibs = function queryFileLibs() {
@@ -472,8 +477,6 @@ var FileItem = function FileItem(_ref) {
     };
   }();
   var onDownload = function onDownload() {
-    var fileName = file.fileName,
-      fileId = file.fileId;
     if (disabled) return;
     var format = (0, _file2.getFileExtension)(fileName);
     download({
@@ -486,13 +489,13 @@ var FileItem = function FileItem(_ref) {
     valChange(undefined, fileIndex, index, subIndex);
   };
   (0, _react.useEffect)(function () {
-    if (userInfo && isShowLib && tokenTY) {
+    if (userInfo && tokenTY) {
       console.log('userInfo', tokenTY, userInfo);
       setTimeout(function () {
         queryFileLibs();
       }, 0);
     }
-  }, [userInfo, isShowLib, tokenTY]);
+  }, [userInfo, tokenTY]);
   var extractImageUrls = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(previewUrl) {
       var response, htmlText, parser, doc, imgElements, srcList;
@@ -710,7 +713,7 @@ var FileItem = function FileItem(_ref) {
     onClick: seal
   }, isSealed ? '重新签章' : '电子签章')) :
   // 展示材料库
-  isShowLib && !disabled && !!materialLib.length && /*#__PURE__*/_react["default"].createElement("div", {
+  !isShareFile && !isSmart && !disabled && !!materialLib.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn",
     onClick: function onClick() {
       return setIsShowMaterialLib(true);

package/lib/components/file-list/item.scss

@@ -398,6 +398,18 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+
+    .seal_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
   .sign_page {
     position: fixed;
@@ -407,6 +419,17 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+    .sign_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
 
 }

package/lib/components/file-list/seal.js

@@ -9,6 +9,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireWildcard(require("react"));
 var _sealUtil = require("./sealUtil");
 var _api = require("../../api");
+var _close = _interopRequireDefault(require("./icon/close.svg"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // import { uploadFilePromise, dataURLtoBlob } from './file.js'
 
@@ -217,7 +218,16 @@ function SealPage(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "seal_close",
+    src: _close["default"],
+    alt: "",
+    onClick: function onClick(e) {
+      console.log('close');
+      e.stopPropagation();
+      handleClose();
+    }
+  }), /*#__PURE__*/_react["default"].createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",

package/lib/components/file-list/sign.js

@@ -8,6 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _signUtil = require("./signUtil");
+var _close = _interopRequireDefault(require("./icon/close.svg"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function SignPage(props) {
   var userInfo = props.userInfo,
@@ -133,7 +134,12 @@ function SignPage(props) {
   }, [srcUrl, documentId, contractId, name]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sign_page"
-  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "sign_close",
+    src: _close["default"],
+    alt: "",
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",

package/lib/components/file-list-preview/index.d.ts

@@ -5,17 +5,13 @@ export interface FileListPreviewProps {
      * 列表数据
      */
     fileList: Array<object>;
-    token: string;
     tokenTY: string;
     accessToken: string;
-    userInfo: object;
     baseUrl: string;
     env: string;
     isPC?: boolean;
-    disabled?: boolean;
     style?: object;
     download: (value: any) => void;
-    valChange: (value: any) => void;
 }
 declare const FileListPreview: React.FC<FileListPreviewProps>;
 export default FileListPreview;