ydb-components-material 0.1.127 → 0.1.128

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

@@ -18,7 +18,11 @@ export default function CheckPoint(props) {
   var _useState4 = useState(0),
     pageHeight = _useState4[0],
     setPageHeight = _useState4[1];
+  var _useState5 = useState(0),
+    containerHeight = _useState5[0],
+    setContainerHeight = _useState5[1];
   var imgRef = useRef();
+  var containerRef = useRef();
   var initData = function initData() {
     var fileUrl = checkPointData.fileUrl,
       _checkPointData$annot = checkPointData.annotations,
@@ -91,8 +95,27 @@ export default function CheckPoint(props) {
       initData();
     }
   }, [checkPointData]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "keyPoint-container"
+
+  // 计算容器高度：从自身顶部到视口底部
+  useEffect(function () {
+    var calcHeight = function calcHeight() {
+      if (containerRef.current) {
+        var rect = containerRef.current.getBoundingClientRect();
+        setContainerHeight(window.innerHeight - rect.top);
+      }
+    };
+    calcHeight();
+    window.addEventListener('resize', calcHeight);
+    return function () {
+      return window.removeEventListener('resize', calcHeight);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "keyPoint-container",
+    ref: containerRef,
+    style: {
+      height: containerHeight || '100vh'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "tipDot-content",
     style: {
@@ -150,5 +173,5 @@ export default function CheckPoint(props) {
     style: {
       height: ((_resultData$at2 = resultData.at(-1)) === null || _resultData$at2 === void 0 ? void 0 : _resultData$at2.page) * pageHeight + 'px'
     }
-  })));
+  }));
 }

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

@@ -1,120 +1,111 @@
 .keyPoint-container {
-	// position: sticky;
-	height: 100vh;
-  // margin-top: -56px;
-	width: 100vw;
-  position: fixed;
-  z-index: 999;
-  left: 0;
-  top: 0;
-  background: #919191;
-  overflow-y: scroll;
-  #file_check_point {
-    overflow: visible !important;
-    overflow-clip-margin: unset !important;
-  }
-  .tipDot-content{
-    // height: 100vh;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    // overflow: scroll;
-    .tip-item{
-      position: absolute;
-      border-radius: 2px;
-      border: 1px solid #15BC83;
-      background: rgba(21, 188, 131, 0.1);
-      &.active {
-        background: rgba(247, 98, 93, 0.1);
-        border: 1px solid #F7625D;
-      }
-      .num{
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        font-size: 10px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        color: #ffffff;
-        margin-left: -20px;
-        background: #15BC83;
-        &.active {
-          background: #F7625D;
-        }
-      }
-    }
-
-  }
-	.result-outter {
-		box-sizing: border-box;
-		padding: 0 24px;
-		// border: 1px solid red;
-		position: fixed;
 		width: 100%;
-		bottom: 65px;
-		left: 0;
-		.result-card {
-			border-radius: 10px;
-			padding: 16px;
-      background: #ffffff;
-      border: 1px solid #ddd;
-      box-shadow: 0px 4px 10px 0px rgba(177, 188, 200, 0.25);
-			.result-title {
-				color: #333;
-				font-size: 14px;
-				margin-bottom: 8px;
-			}
-			.result-info{
-				font-size: 14px;
-				margin-bottom: 10px;
-				display: flex;
-				justify-content: flex-start;
-				align-items: center;
-				gap: 5px;
-				// 提示类型: error/judge/pass
-				.result-text{
+		background: #919191;
+		overflow-y: scroll;
+		#file_check_point {
+			overflow: visible !important;
+			overflow-clip-margin: unset !important;
+		}
+		.tipDot-content{
+			// height: 100vh;
+			width: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			// overflow: scroll;
+			.tip-item{
+				position: absolute;
+				border-radius: 2px;
+				border: 1px solid #15BC83;
+				background: rgba(21, 188, 131, 0.1);
+				&.active {
+					background: rgba(247, 98, 93, 0.1);
+					border: 1px solid #F7625D;
+				}
+				.num{
+					width: 20px;
+					height: 20px;
+					border-radius: 50%;
+					font-size: 10px;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #ffffff;
+					margin-left: -20px;
+					background: #15BC83;
+					&.active {
+						background: #F7625D;
+					}
 				}
 			}
+
 		}
+		.result-outter {
+			box-sizing: border-box;
+			padding: 0 24px;
+			// border: 1px solid red;
+			position: fixed;
+			width: 100%;
+			bottom: 65px;
+			left: 0;
+			.result-card {
+				border-radius: 10px;
+				padding: 16px;
+				background: #ffffff;
+				border: 1px solid #ddd;
+				box-shadow: 0px 4px 10px 0px rgba(177, 188, 200, 0.25);
+				.result-title {
+					color: #333;
+					font-size: 14px;
+					margin-bottom: 8px;
+				}
+				.result-info{
+					font-size: 14px;
+					margin-bottom: 10px;
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					gap: 5px;
+					// 提示类型: error/judge/pass
+				}
+			}
 
-	}
-	.bottom-btn {
-		box-sizing: border-box;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		background-color: #fff;
-		padding: 11px 0;
-		display: flex;
-		box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
-		z-index: 200;
-		.btn {
-			margin: 0 10px;
-			flex: 1;
-      color: #323233;
-      background-color: #fff;
-      border-color: #ebedf0;
-      border-width: 1px;
-      border-style: solid;
-      border-radius: 100px;
-      padding: 0 12px;
-      font-size: 14px;
-      height: 40px;
-      position: relative;
-      align-items: center;
-      justify-content: center;
-      display: flex;
-      flex-direction: row;
-      box-sizing: border-box;
-      flex-direction: row;
 		}
-    .btn-blue {
-      color: white;
-      border-width: 0px;
-      background-image: linear-gradient(rgb(22, 120, 255), rgb(118, 173, 250));
-    }
+		.bottom-btn {
+			box-sizing: border-box;
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			background-color: #fff;
+			padding: 11px 0;
+			display: flex;
+			box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
+			z-index: 200;
+			.btn {
+				margin: 0 10px;
+				flex: 1;
+				color: #323233;
+				background-color: #fff;
+				border-color: #ebedf0;
+				border-width: 1px;
+				border-style: solid;
+				border-radius: 100px;
+				padding: 0 12px;
+				font-size: 14px;
+				height: 40px;
+				position: relative;
+				align-items: center;
+				justify-content: center;
+				display: flex;
+				flex-direction: row;
+				box-sizing: border-box;
+				flex-direction: row;
+			}
+			.btn-blue {
+				color: white;
+				border-width: 0px;
+				background-image: linear-gradient(rgb(22, 120, 255), rgb(118, 173, 250));
+			}
+		}
 	}
-}

package/es/components/file-list/icon/delete.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1260_69365"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1260_69365)"><path d="M3.1666667,4.0016272375L2.5,4.0016272375C2.22385764,4.0016272375,2,3.7777693375,2,3.5016272375C2,3.2254849375,2.22385764,3.0016271375,2.5,3.0016271375L13.5,3.0016271375C13.776142,3.0016271375,14,3.2254849375,14,3.5016272375C14,3.7777693375,13.776142,4.0016272375,13.5,4.0016272375L4.1666663,4.0016272375L4.1666663,12.8349589375C4.166667,13.2951979375,4.5397627,13.6682909375,5,13.6682909375L11,13.6682909375C11.4602375,13.6682909375,11.833333,13.2951949375,11.833333,12.8349589375L11.833333,5.5016269375C11.833333,5.2254846375,12.057191,5.0016274375,12.333333,5.0016274375C12.609475,5.0016274375,12.833333,5.2254846375,12.833333,5.5016269375L12.833333,12.8349589375C12.833333,13.8474599375,12.0125,14.6682929375,11,14.6682929375L5,14.6682929375C3.9875,14.6682929375,3.1666665,13.8474599375,3.1666665,12.8349589375L3.1666667,4.0016272375ZM6.666667,2.3349608175C6.3905239,2.3349608175,6.166667,2.1111031775,6.166667,1.8349608775C6.166667,1.5588185475,6.3905239,1.3349609375,6.666667,1.3349609375L9.333334,1.3349609375C9.6094756,1.3349609375,9.8333335,1.5588185475,9.8333335,1.8349608775C9.8333335,2.1111031775,9.6094756,2.3349608175,9.333334,2.3349608175L6.666667,2.3349608175ZM6.166667,6.8349599375C6.166667,6.5588173375,6.3905239,6.3349604375,6.666667,6.3349604375C6.9428091,6.3349604375,7.1666665,6.5588173375,7.1666665,6.8349599375L7.1666665,10.8349599375C7.1666665,11.1111021375,6.9428091,11.3349599375,6.666667,11.3349599375C6.3905239,11.3349599375,6.166667,11.1111021375,6.166667,10.8349599375L6.166667,6.8349599375ZM8.833334,6.8349599375C8.833334,6.5588173375,9.0571914,6.3349604375,9.333334,6.3349604375C9.6094756,6.3349604375,9.8333335,6.5588173375,9.8333335,6.8349599375L9.8333335,10.8349599375C9.8333335,11.1111021375,9.6094756,11.3349599375,9.333334,11.3349599375C9.0571914,11.3349599375,8.833334,11.1111021375,8.833334,10.8349599375L8.833334,6.8349599375Z" fill="#F7625D" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

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

@@ -496,6 +496,7 @@ var FileItem = function FileItem(_ref) {
   var getRes = function getRes(val) {
     console.log('val---', val);
     valChange(val, fileIndex, index, subIndex);
+    invalidHandle();
     // needOtherSign && setShowSignerInfo(true)
   };
 
@@ -509,6 +510,7 @@ var FileItem = function FileItem(_ref) {
       sign();
     } else {
       valChange(val, fileIndex, index, subIndex);
+      invalidHandle();
       // needOtherSign && setShowSignerInfo(true)
     }
   };
@@ -669,10 +671,38 @@ var FileItem = function FileItem(_ref) {
       format: format
     });
   };
-  var handleDel = function handleDel() {
-    if (disabled) return;
-    valChange(undefined, fileIndex, index, subIndex);
+  var invalidHandle = function invalidHandle() {
+    // 分享出去的需要别人签署的文件数据。标识为无效
+    if (file.signId) {
+      saveSignerInfo({
+        uuid: file.signId,
+        invalid: true
+      });
+    }
   };
+  var handleDel = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            if (!disabled) {
+              _context6.next = 1;
+              break;
+            }
+            return _context6.abrupt("return");
+          case 1:
+            invalidHandle();
+            valChange(undefined, fileIndex, index, subIndex);
+          case 2:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function handleDel() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     var timer;
     if (userInfo && tokenTY) {
@@ -688,58 +718,58 @@ var FileItem = function FileItem(_ref) {
 
   // 获取缩略图
   var extractImageUrls = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(previewUrl) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(previewUrl) {
       var response, htmlText, parser, doc, imgElements, srcList;
-      return _regeneratorRuntime.wrap(function (_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function (_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
-            _context6.next = 1;
+            _context7.next = 1;
             return fetch(previewUrl);
           case 1:
-            response = _context6.sent;
-            _context6.next = 2;
+            response = _context7.sent;
+            _context7.next = 2;
             return response.text();
           case 2:
-            htmlText = _context6.sent;
+            htmlText = _context7.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 _context6.abrupt("return", srcList);
+            return _context7.abrupt("return", srcList);
           case 3:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return function extractImageUrls(_x3) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
   // 获取预览图片
   var getViewUrl = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(id) {
       var type, urlRes, res, list;
-      return _regeneratorRuntime.wrap(function (_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime.wrap(function (_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             type = getFileExtension(fileName);
             if (!['png', 'jpg', 'jpeg'].includes(type)) {
-              _context7.next = 1;
+              _context8.next = 1;
               break;
             }
-            return _context7.abrupt("return", fileUrl);
+            return _context8.abrupt("return", fileUrl);
           case 1:
             if (!(type !== 'pdf')) {
-              _context7.next = 2;
+              _context8.next = 2;
               break;
             }
-            return _context7.abrupt("return", '');
+            return _context8.abrupt("return", '');
           case 2:
-            _context7.next = 3;
+            _context8.next = 3;
             return getUrlById({
               id: id,
               effectiveTime: 3600000
@@ -752,13 +782,13 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 3:
-            urlRes = _context7.sent;
+            urlRes = _context8.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context7.next = 6;
+              _context8.next = 6;
               break;
             }
             console.log('urlRes', urlRes);
-            _context7.next = 4;
+            _context8.next = 4;
             return onlinePreview({
               url: urlRes.presignedUrlList[2]
             }, {
@@ -770,21 +800,21 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 4:
-            res = _context7.sent;
-            _context7.next = 5;
+            res = _context8.sent;
+            _context8.next = 5;
             return extractImageUrls(res.url);
           case 5:
-            list = _context7.sent;
+            list = _context8.sent;
             console.log('list---111111', list);
-            return _context7.abrupt("return", list[0]);
+            return _context8.abrupt("return", list[0]);
           case 6:
           case "end":
-            return _context7.stop();
+            return _context8.stop();
         }
-      }, _callee7);
+      }, _callee8);
     }));
     return function getViewUrl(_x4) {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -1081,7 +1111,11 @@ var FileItem = function FileItem(_ref) {
       signGuidFileId: signGuidFileId
     }),
     materialName: materialName,
-    signInfoMap: signInfoMap
+    signInfoMap: signInfoMap,
+    fileIndex: fileIndex,
+    index: index,
+    subIndex: subIndex,
+    valChange: valChange
   }));
 };
 FileItem.displayName = 'FileItem';

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

@@ -8,6 +8,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState, useRef } from 'react';
 import closeIcon from "./icon/close_black.svg";
 import addIcon from "./icon/add.svg";
+import delIcon from "./icon/delete.svg";
 import QRCode from 'qrcode';
 import "./signerInfo.scss";
 var RadioGroup = _Radio.Group;
@@ -21,7 +22,11 @@ function SignerInfo(props) {
     isNeedOtherSeal = props.isNeedOtherSeal,
     file = props.file,
     materialName = props.materialName,
-    signInfoMap = props.signInfoMap;
+    signInfoMap = props.signInfoMap,
+    valChange = props.valChange,
+    fileIndex = props.fileIndex,
+    fileItemIndex = props.index,
+    subIndex = props.subIndex;
   var _React$useState = React.useState([]),
     signerInfoList = _React$useState[0],
     setSignerInfoList = _React$useState[1];
@@ -50,7 +55,7 @@ function SignerInfo(props) {
   };
   var next = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var i, item, fields, _i, _fields, field, val, saveRes;
+      var i, item, fields, _i, _fields, field, val, fileObj, saveRes;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -113,16 +118,25 @@ function SignerInfo(props) {
             _context.next = 1;
             break;
           case 5:
+            fileObj = _extends({}, file);
+            if (!fileObj.initId) {
+              fileObj.initId = file.fileId;
+            }
+
+            // 保存签署人信息到草稿中
             _context.next = 6;
             return saveSignerInfo({
               list: signerInfoList,
-              file: file,
+              file: fileObj,
               materialName: materialName,
-              date: getCurrentTime()
+              date: getCurrentTime(),
+              initId: file.initId
             });
           case 6:
             saveRes = _context.sent;
             if (saveRes) {
+              fileObj.signId = saveRes;
+              valChange === null || valChange === void 0 ? void 0 : valChange(fileObj, fileIndex, fileItemIndex, subIndex);
               setUrl("https://zwfw.xzspglj.taiyuan.gov.cn/threeSign?draftNo=" + saveRes);
               setShowQRcode(true);
             } else {
@@ -146,15 +160,21 @@ function SignerInfo(props) {
       signContent: ''
     }]));
   };
+  var handleDelete = function handleDelete(index) {
+    var newList = signerInfoList.filter(function (_, i) {
+      return i !== index;
+    });
+    setSignerInfoList(newList);
+  };
   var onCopy = function onCopy() {
     navigator.clipboard.writeText(url);
     _Message.success('复制成功');
   };
   useEffect(function () {
     if (signInfoMap && file) {
-      var fileId = file.fileId;
-      if (signInfoMap[fileId]) {
-        setSignerInfoList(signInfoMap[fileId]);
+      var initId = file.initId;
+      if (initId && signInfoMap[initId]) {
+        setSignerInfoList(signInfoMap[initId]);
       }
     }
   }, [signInfoMap, file]);
@@ -218,7 +238,15 @@ function SignerInfo(props) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: "signer-info-item-title"
-    }, /*#__PURE__*/React.createElement("span", null), "\u7B7E\u7F72\u65B9", index + 1), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("span", null), "\u7B7E\u7F72\u65B9", index + 1, index > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-delete",
+      onClick: function onClick() {
+        return handleDelete(index);
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: delIcon,
+      alt: "delete"
+    }), "\u5220\u9664")), /*#__PURE__*/React.createElement("div", {
       className: "signer-info-item-content"
     }, /*#__PURE__*/React.createElement("div", {
       className: "signer-info-item-box",

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

@@ -79,6 +79,8 @@
     top: 0;
     z-index: 9;
 
+
+
     .close {
       margin-left: auto;
       position: absolute;
@@ -108,6 +110,14 @@
 
           background: linear-gradient(180deg, #7bb2ff 0%, #1678ff 100%);
         }
+
+        .signer-info-item-delete {
+          display: flex;
+          align-items: center;
+          margin-left: auto;
+          color: #F7625D;
+          font-size: 15px;
+        }
       }
 
       .signer-info-item-content {

package/es/components/sign-file/index.d.ts

@@ -13,6 +13,7 @@ export interface SignFileProps {
     env: string;
     isPC?: boolean;
     style?: object;
+    applySeal: () => void;
     download: (value: any) => void;
     valChange: (value: any) => void;
 }