ydb-components-material 0.1.93 → 0.1.94

package/es/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;

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

@@ -1,6 +1,5 @@
 import _Balloon from "@alifd/next/es/balloon";
 import React from 'react';
-var Tooltip = _Balloon.Tooltip;
 import FileItem from "./item";
 import "./index.scss";
 var MATERIAL_TYPE = {
@@ -30,18 +29,13 @@ var MATERIAL_FORMAT = {
 };
 var FileListPreview = function FileListPreview(_ref) {
   var fileList = _ref.fileList,
-    token = _ref.token,
     tokenTY = _ref.tokenTY,
     accessToken = _ref.accessToken,
-    userInfo = _ref.userInfo,
     baseUrl = _ref.baseUrl,
     env = _ref.env,
     isPC = _ref.isPC,
-    disabled = _ref.disabled,
-    isShowLib = _ref.isShowLib,
     style = _ref.style,
-    download = _ref.download,
-    valChange = _ref.valChange;
+    download = _ref.download;
   var convertNumbersToChinese = function convertNumbersToChinese(str) {
     // 定义基础映射关系
     var digitMap = {
@@ -104,58 +98,6 @@ var FileListPreview = function FileListPreview(_ref) {
     console.log('text', sizeText);
     return text + "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
   };
-  var handleChange = function handleChange(value, fileIndex, index, subIndex) {
-    console.log('handleChange', value, fileIndex, index, subIndex);
-    // 先找到一级目录
-    var oneLevelItem = fileList[index];
-    // 如果subIndex有值。再去找一下二级目录
-    if (subIndex !== undefined) {
-      // value为空，说明删除了
-      if (!value) {
-        oneLevelItem.subMaterials[subIndex].isSmart = false;
-        oneLevelItem.subMaterials[subIndex].isShareFile = false;
-        // 如果当前文件list中只有一个文件，还得补个空的
-        if (oneLevelItem.subMaterials[subIndex].fileList.length === 1) {
-          oneLevelItem.subMaterials[subIndex].fileList = [{
-            fileId: ''
-          }];
-        } else {
-          oneLevelItem.subMaterials[subIndex].fileList.splice(fileIndex, 1);
-        }
-      } else {
-        // 如果当前这个位置的fileId是空的。说明这次修改是新增
-        var isAdd = !oneLevelItem.subMaterials[subIndex].fileList[fileIndex].fileId;
-        oneLevelItem.subMaterials[subIndex].fileList[fileIndex] = value;
-        if (isAdd && oneLevelItem.subMaterials[subIndex].fileList.length < 10) {
-          oneLevelItem.subMaterials[subIndex].fileList.push({
-            fileId: ''
-          });
-        }
-      }
-    } else {
-      if (!value) {
-        oneLevelItem.isSmart = false;
-        oneLevelItem.isShareFile = false;
-        oneLevelItem.fileList.splice(fileIndex, 1);
-        if (oneLevelItem.fileList.length === 0) {
-          oneLevelItem.fileList.push({
-            fileId: ''
-          });
-        }
-      } else {
-        // 如果当前这个位置的fileId是空的。说明这次修改是新增
-        var _isAdd = !oneLevelItem.fileList[fileIndex].fileId;
-        oneLevelItem.fileList[fileIndex] = value;
-        if (_isAdd && oneLevelItem.fileList.length < 10) {
-          oneLevelItem.fileList.push({
-            fileId: ''
-          });
-        }
-      }
-    }
-    console.log('fileList--------res', fileList);
-    valChange(fileList);
-  };
   var trigger = function trigger(child) {
     return /*#__PURE__*/React.createElement("div", {
       className: "tag",
@@ -207,42 +149,36 @@ var FileListPreview = function FileListPreview(_ref) {
         align: "t",
         title: "",
         delay: 20
-      }, child.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料')), child.fileList.length > 0 && child.fileList[0].fileId && child.fileList.map(function (file, i) {
-        return /*#__PURE__*/React.createElement(FileItem, {
-          file: file,
-          fileConfig: child,
-          maxFileSize: item.materialSize,
-          token: token,
-          tokenTY: tokenTY,
-          accessToken: accessToken,
-          baseUrl: baseUrl,
-          env: env,
-          isPC: isPC,
-          disabled: disabled,
-          download: download,
-          style: {
-            marginBottom: '12px',
-            marginTop: '12px'
-          }
-        });
-      }));
-    })) : /*#__PURE__*/React.createElement(React.Fragment, null, item.fileList.length > 0 && item.fileList[0].fileId && item.fileList.map(function (file, i) {
-      return /*#__PURE__*/React.createElement(FileItem, {
-        file: file,
-        fileConfig: item,
-        maxFileSize: item.materialSize,
-        token: token,
+      }, child.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料')), /*#__PURE__*/React.createElement("p", {
+        className: "tip"
+      }, getTipTextForSubMaterial(item, index, subIndex)), child.fileObj && /*#__PURE__*/React.createElement(FileItem, {
+        file: child.fileObj,
+        fileConfig: child,
         tokenTY: tokenTY,
         accessToken: accessToken,
         baseUrl: baseUrl,
         env: env,
         isPC: isPC,
-        disabled: disabled,
         download: download,
         style: {
-          marginBottom: '12px'
+          marginBottom: '12px',
+          marginTop: '12px'
         }
-      });
+      }));
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
+      className: "tip"
+    }, getTipText(item)), item.fileObj && /*#__PURE__*/React.createElement(FileItem, {
+      file: item.fileObj,
+      fileConfig: item,
+      tokenTY: tokenTY,
+      accessToken: accessToken,
+      baseUrl: baseUrl,
+      env: env,
+      isPC: isPC,
+      download: download,
+      style: {
+        marginBottom: '12px'
+      }
     })));
   }));
 };

package/es/components/file-list-preview/item.d.ts

@@ -3,14 +3,11 @@ import './item.scss';
 export interface FileItemProps {
     file: object;
     fileConfig: object;
-    token: string;
     tokenTY: string;
     accessToken: string;
     baseUrl: string;
     env: string;
     isPC?: boolean;
-    disabled?: boolean;
-    maxFileSize: number;
     style?: object;
     download: (value: any) => void;
 }

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-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;