ydb-components-material 0.1.88 → 0.1.89

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

@@ -1,76 +1,5 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 // import apiConfig from '@/config/api.cofig'
 
-// utils/pdfToImage.js
-import * as pdfjsLib from 'pdfjs-dist/build/pdf';
-import 'pdfjs-dist/build/pdf.worker.entry';
-
-// 配置 worker（必须！）
-if (typeof window !== 'undefined') {
-  pdfjsLib.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry');
-}
-
-/**
- * 将 PDF URL 转换为图片 URL
- * @param {string} pdfUrl - PDF 文件的 URL
- * @param {number} [page=1] - 页码，默认第1页
- * @param {number} [scale=0.5] - 缩放比例，默认0.5
- * @param {string} [imageFormat='image/jpeg'] - 图片格式
- * @param {number} [imageQuality=0.8] - 图片质量(0-1)
- * @returns {Promise<string>} 返回图片的 Data URL
- */
-export var pdfToImageUrl = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdfUrl, scale) {
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (scale === void 0) {
-            scale = 0.5;
-          }
-          console.log('pdfToImageUrl----', pdfUrl);
-          pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
-            console.log('获取PDF文件成功', pdf);
-            // 获取第一页
-            return pdf.getPage(1);
-          }).then(function (page) {
-            console.log('获取PDF页面成功', page);
-            // 设置缩略图的缩放比例 (0.5 表示缩小到一半尺寸)
-            var viewport = page.getViewport({
-              scale: scale
-            });
-
-            // 创建Canvas元素
-            var canvas = document.createElement('canvas');
-            var context = canvas.getContext('2d');
-            canvas.height = viewport.height;
-            canvas.width = viewport.width;
-
-            // 将PDF页面渲染到Canvas上
-            var renderContext = {
-              canvasContext: context,
-              viewport: viewport
-            };
-            page.render(renderContext).promise.then(function () {
-              // 将Canvas转换为图片URL
-              var thumbnail = canvas.toDataURL();
-              console.log('获取图片成功', thumbnail);
-              return thumbnail;
-            });
-          })["catch"](function (error) {
-            console.error('Error generating thumbnail:', error);
-          });
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function pdfToImageUrl(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
 // 下载文件
 export function getBlob(url) {
   return new Promise(function (resolve, reject) {

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

@@ -1,4 +1,6 @@
+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 = {
@@ -110,6 +112,8 @@ var FileList = function FileList(_ref) {
     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 = [{
@@ -130,6 +134,8 @@ var FileList = function FileList(_ref) {
       }
     } else {
       if (!value) {
+        oneLevelItem.isSmart = false;
+        oneLevelItem.isShareFile = false;
         oneLevelItem.fileList.splice(fileIndex, 1);
         if (oneLevelItem.fileList.length === 0) {
           oneLevelItem.fileList.push({
@@ -150,22 +156,52 @@ var FileList = function FileList(_ref) {
     console.log('fileList--------res', fileList);
     valChange(fileList);
   };
+  var trigger = function trigger(child) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "tag",
+      style: {
+        backgroundColor: child.isSmart ? '#1678FF' : child.isShareFile ? '#15BC83' : '#9570F7'
+      }
+    }, child.isSmart ? '智' : child.isShareFile ? '享' : '自');
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "file_list",
     style: style
   }, fileList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: "file_level_one"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "file_level_one_title"
     }, /*#__PURE__*/React.createElement("p", {
       className: "name_level_one"
-    }, convertNumbersToChinese(index + 1), item.materialName), item.subMaterials && item.subMaterials.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    }, convertNumbersToChinese(index + 1), item.materialName), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: "required"
+    }, "*"), /*#__PURE__*/React.createElement(_Balloon, {
+      v2: true,
+      trigger: trigger(item),
+      triggerType: "click",
+      align: "tl",
+      title: "",
+      delay: 20
+    }, item.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : item.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料'))), item.subMaterials && item.subMaterials.length > 0 ? /*#__PURE__*/React.createElement("div", {
       className: "file_level_two"
     }, item.subMaterials.map(function (child, subIndex) {
       return /*#__PURE__*/React.createElement("div", {
         className: "file_level_two_item"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "file_level_two_title"
       }, /*#__PURE__*/React.createElement("p", {
         className: "name_level_two"
-      }, subIndex + 1, "\u3001", child.materialName), /*#__PURE__*/React.createElement("p", {
+      }, subIndex + 1, "\u3001", child.materialName), /*#__PURE__*/React.createElement("span", {
+        className: "required"
+      }, "*"), /*#__PURE__*/React.createElement(_Balloon, {
+        v2: true,
+        trigger: trigger(child),
+        triggerType: "click",
+        align: "tl",
+        title: "",
+        delay: 20
+      }, child.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料')), /*#__PURE__*/React.createElement("p", {
         className: "tip"
       }, getTipTextForSubMaterial(item, index, subIndex)), child.fileList.map(function (file, i) {
         return /*#__PURE__*/React.createElement(FileItem, {

package/es/components/file-list/index.scss

@@ -11,12 +11,31 @@
       margin-top: 8px;
     }
 
+    .required {
+      color: red;
+      margin-right: 8px;
+      margin-left: 2px;
+    }
+
+    .tag {
+      border-radius: 4px;
+      padding: 0 4px;
+      font-size: 12px;
+      color: #FFFFFF;
+    }
+
     .name_level_one {
       font-size: 15px;
       font-weight: 500;
       color: #333333;
+      margin-bottom: 0;
+    }
+
+    .file_level_one_title {
       padding-bottom: 16px;
       border-bottom: 1px solid #EEEEEE;
+      display: flex;
+      align-items: center;
     }
 
     .file_level_two {
@@ -24,12 +43,18 @@
 
       .file_level_two_item {
         margin-bottom: 16px;
+
+        .file_level_two_title {
+          display: flex;
+          align-items: center;
+        }
       }
 
       .name_level_two {
         font-size: 14px;
         font-weight: 500;
         color: #323232;
+        margin-bottom: 0;
       }
     }
   }

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

@@ -10,6 +10,7 @@ import previewIcon from "./icon/preview.svg";
 import previewIconPC from "./icon/preview_pc.svg";
 import downloadIcon from "./icon/download.svg";
 import downloadIconPC from "./icon/download_pc.svg";
+import fileIcon from "./icon/file.svg";
 import warningIcon from "./icon/icon_warning.svg";
 import errorMsgIcon from "./icon/icon_errorMsg.svg";
 import uploadIcon from "./icon/upload.svg";
@@ -17,7 +18,7 @@ import closeIcon from "./icon/close.svg";
 import SignPage from "./sign";
 import SealPage from "./seal";
 import { getMaterialLib, getGuideImg, getUrlById, onlinePreview } from "../../api";
-import { initFormat, getFileExtension, pdfToImageUrl } from "./file.js";
+import { initFormat, getFileExtension } from "./file.js";
 import CheckPoint from "./checkPoint";
 import "./item.scss";
 var RadioGroup = _Radio.Group;
@@ -46,7 +47,8 @@ var FileItem = function FileItem(_ref) {
     fileUrl = file.fileUrl,
     fileId = file.fileId,
     isSigned = file.isSigned,
-    isSealed = file.isSealed;
+    isSealed = file.isSealed,
+    fileType = file.fileType;
   var signatureEnable = fileConfig.signatureEnable,
     signEnable = fileConfig.signEnable,
     isInValid = fileConfig.isInValid,
@@ -485,13 +487,57 @@ var FileItem = function FileItem(_ref) {
       }, 0);
     }
   }, [userInfo, isShowLib, tokenTY]);
-  var getPdfUrl = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
-      var urlRes, res;
+  var extractImageUrls = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(previewUrl) {
+      var response, htmlText, parser, doc, imgElements, srcList;
       return _regeneratorRuntime.wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             _context5.next = 1;
+            return fetch(previewUrl);
+          case 1:
+            response = _context5.sent;
+            _context5.next = 2;
+            return response.text();
+          case 2:
+            htmlText = _context5.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 _context5.abrupt("return", srcList);
+          case 3:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function extractImageUrls(_x3) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var getViewUrl = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+      var type, urlRes, res, list;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            type = getFileExtension(fileName);
+            if (!['png', 'jpg', 'jpeg'].includes(type)) {
+              _context6.next = 1;
+              break;
+            }
+            return _context6.abrupt("return", fileUrl);
+          case 1:
+            if (!(type !== 'pdf')) {
+              _context6.next = 2;
+              break;
+            }
+            return _context6.abrupt("return", '');
+          case 2:
+            _context6.next = 3;
             return getUrlById({
               id: id,
               effectiveTime: 3600000
@@ -503,14 +549,14 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 1:
-            urlRes = _context5.sent;
+          case 3:
+            urlRes = _context6.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context5.next = 3;
+              _context6.next = 6;
               break;
             }
             console.log('urlRes', urlRes);
-            _context5.next = 2;
+            _context6.next = 4;
             return onlinePreview({
               url: urlRes.presignedUrlList[2]
             }, {
@@ -521,26 +567,28 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 2:
-            res = _context5.sent;
-            return _context5.abrupt("return", res.url);
-          case 3:
+          case 4:
+            res = _context6.sent;
+            _context6.next = 5;
+            return extractImageUrls(res.url);
+          case 5:
+            list = _context6.sent;
+            console.log('list---', list);
+            return _context6.abrupt("return", list[0]);
+          case 6:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
-    return function getPdfUrl(_x3) {
-      return _ref6.apply(this, arguments);
+    return function getViewUrl(_x4) {
+      return _ref7.apply(this, arguments);
     };
   }();
   useEffect(function () {
     if (fileId) {
-      getPdfUrl(fileId).then(function (url) {
-        pdfToImageUrl(url).then(function (res) {
-          console.log('imgUrl', res);
-          setThumbnail(res);
-        });
+      getViewUrl(fileId).then(function (url) {
+        setThumbnail(url);
       });
     }
   }, [fileId]);
@@ -557,7 +605,11 @@ var FileItem = function FileItem(_ref) {
     className: "filed"
   }, /*#__PURE__*/React.createElement("img", {
     className: "small_img",
-    src: thumbnail,
+    style: !thumbnail ? {
+      width: '30px',
+      height: '30px'
+    } : {},
+    src: thumbnail || fileIcon,
     alt: ""
   }), !disabled && /*#__PURE__*/React.createElement("img", {
     className: "del",

package/es/style.js

@@ -3,4 +3,5 @@ import '@alifd/next/es/message/style';
 import '@alifd/next/es/radio/style';
 import '@alifd/next/es/checkbox/style';
 import 'antd/es/cascader/style';
+import '@alifd/next/es/balloon/style';
 import './index.scss';

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

@@ -1,87 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.dataURLtoBlob = dataURLtoBlob;
 exports.getBlob = getBlob;
 exports.getFileExtension = getFileExtension;
-exports.pdfToImageUrl = exports.initFormat = void 0;
+exports.initFormat = void 0;
 exports.upload = upload;
 exports.uploadFilePromise = uploadFilePromise;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var pdfjsLib = _interopRequireWildcard(require("pdfjs-dist/build/pdf"));
-require("pdfjs-dist/build/pdf.worker.entry");
-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 apiConfig from '@/config/api.cofig'
 
-// utils/pdfToImage.js
-
-// 配置 worker（必须！）
-if (typeof window !== 'undefined') {
-  pdfjsLib.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry');
-}
-
-/**
- * 将 PDF URL 转换为图片 URL
- * @param {string} pdfUrl - PDF 文件的 URL
- * @param {number} [page=1] - 页码，默认第1页
- * @param {number} [scale=0.5] - 缩放比例，默认0.5
- * @param {string} [imageFormat='image/jpeg'] - 图片格式
- * @param {number} [imageQuality=0.8] - 图片质量(0-1)
- * @returns {Promise<string>} 返回图片的 Data URL
- */
-var pdfToImageUrl = exports.pdfToImageUrl = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(pdfUrl, scale) {
-    return _regenerator["default"].wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (scale === void 0) {
-            scale = 0.5;
-          }
-          console.log('pdfToImageUrl----', pdfUrl);
-          pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
-            console.log('获取PDF文件成功', pdf);
-            // 获取第一页
-            return pdf.getPage(1);
-          }).then(function (page) {
-            console.log('获取PDF页面成功', page);
-            // 设置缩略图的缩放比例 (0.5 表示缩小到一半尺寸)
-            var viewport = page.getViewport({
-              scale: scale
-            });
-
-            // 创建Canvas元素
-            var canvas = document.createElement('canvas');
-            var context = canvas.getContext('2d');
-            canvas.height = viewport.height;
-            canvas.width = viewport.width;
-
-            // 将PDF页面渲染到Canvas上
-            var renderContext = {
-              canvasContext: context,
-              viewport: viewport
-            };
-            page.render(renderContext).promise.then(function () {
-              // 将Canvas转换为图片URL
-              var thumbnail = canvas.toDataURL();
-              console.log('获取图片成功', thumbnail);
-              return thumbnail;
-            });
-          })["catch"](function (error) {
-            console.error('Error generating thumbnail:', error);
-          });
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function pdfToImageUrl(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
 // 下载文件
 function getBlob(url) {
   return new Promise(function (resolve, reject) {

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

@@ -3,9 +3,11 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
 var _react = _interopRequireDefault(require("react"));
 var _item = _interopRequireDefault(require("./item"));
 require("./index.scss");
+var Tooltip = _balloon["default"].Tooltip;
 var MATERIAL_TYPE = {
   1: '原件',
   2: '复印件',
@@ -115,6 +117,8 @@ var FileList = function FileList(_ref) {
     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 = [{
@@ -135,6 +139,8 @@ var FileList = function FileList(_ref) {
       }
     } else {
       if (!value) {
+        oneLevelItem.isSmart = false;
+        oneLevelItem.isShareFile = false;
         oneLevelItem.fileList.splice(fileIndex, 1);
         if (oneLevelItem.fileList.length === 0) {
           oneLevelItem.fileList.push({
@@ -155,22 +161,52 @@ var FileList = function FileList(_ref) {
     console.log('fileList--------res', fileList);
     valChange(fileList);
   };
+  var trigger = function trigger(child) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tag",
+      style: {
+        backgroundColor: child.isSmart ? '#1678FF' : child.isShareFile ? '#15BC83' : '#9570F7'
+      }
+    }, child.isSmart ? '智' : child.isShareFile ? '享' : '自');
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "file_list",
     style: style
   }, fileList.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "file_level_one"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "file_level_one_title"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       className: "name_level_one"
-    }, convertNumbersToChinese(index + 1), item.materialName), item.subMaterials && item.subMaterials.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    }, convertNumbersToChinese(index + 1), item.materialName), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "required"
+    }, "*"), /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
+      v2: true,
+      trigger: trigger(item),
+      triggerType: "click",
+      align: "tl",
+      title: "",
+      delay: 20
+    }, item.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : item.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料'))), item.subMaterials && item.subMaterials.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
       className: "file_level_two"
     }, item.subMaterials.map(function (child, subIndex) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "file_level_two_item"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "file_level_two_title"
       }, /*#__PURE__*/_react["default"].createElement("p", {
         className: "name_level_two"
-      }, subIndex + 1, "\u3001", child.materialName), /*#__PURE__*/_react["default"].createElement("p", {
+      }, subIndex + 1, "\u3001", child.materialName), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "required"
+      }, "*"), /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
+        v2: true,
+        trigger: trigger(child),
+        triggerType: "click",
+        align: "tl",
+        title: "",
+        delay: 20
+      }, child.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料')), /*#__PURE__*/_react["default"].createElement("p", {
         className: "tip"
       }, getTipTextForSubMaterial(item, index, subIndex)), child.fileList.map(function (file, i) {
         return /*#__PURE__*/_react["default"].createElement(_item["default"], {

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

@@ -11,12 +11,31 @@
       margin-top: 8px;
     }
 
+    .required {
+      color: red;
+      margin-right: 8px;
+      margin-left: 2px;
+    }
+
+    .tag {
+      border-radius: 4px;
+      padding: 0 4px;
+      font-size: 12px;
+      color: #FFFFFF;
+    }
+
     .name_level_one {
       font-size: 15px;
       font-weight: 500;
       color: #333333;
+      margin-bottom: 0;
+    }
+
+    .file_level_one_title {
       padding-bottom: 16px;
       border-bottom: 1px solid #EEEEEE;
+      display: flex;
+      align-items: center;
     }
 
     .file_level_two {
@@ -24,12 +43,18 @@
 
       .file_level_two_item {
         margin-bottom: 16px;
+
+        .file_level_two_title {
+          display: flex;
+          align-items: center;
+        }
       }
 
       .name_level_two {
         font-size: 14px;
         font-weight: 500;
         color: #323232;
+        margin-bottom: 0;
       }
     }
   }