ydb-components-material 0.1.180 → 0.1.182

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

@@ -201,14 +201,18 @@ var FileItem = function FileItem(_ref) {
   var _useState16 = useState(false),
     showSignerInfo = _useState16[0],
     setShowSignerInfo = _useState16[1];
-  var _useState17 = useState(true),
-    showSignPageClose = _useState17[0],
-    setShowSignPageClose = _useState17[1];
-  var _useState18 = useState(0),
-    signKey = _useState18[0],
-    setSignKey = _useState18[1];
+  var _useState17 = useState(0),
+    componentTop = _useState17[0],
+    setComponentTop = _useState17[1]; // 当前组件距离浏览器窗口顶部的距离
+  var _useState18 = useState(true),
+    showSignPageClose = _useState18[0],
+    setShowSignPageClose = _useState18[1];
+  var _useState19 = useState(0),
+    signKey = _useState19[0],
+    setSignKey = _useState19[1];
   var timerRef = useRef(null);
   var originalUrlRef = useRef('');
+  var rootRef = useRef(null);
   var getSignedFile = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(documentIdVal, contractIdVal, nameVal) {
       var newFile;
@@ -574,10 +578,18 @@ var FileItem = function FileItem(_ref) {
       return _ref5.apply(this, arguments);
     };
   }();
+
+  // 打开维护签署人信息弹窗，同时记录当前组件距离浏览器窗口顶部的距离，用于弹窗定位
+  var openSignerInfo = function openSignerInfo() {
+    if (rootRef.current) {
+      setComponentTop(rootRef.current.getBoundingClientRect().top);
+    }
+    setShowSignerInfo(true);
+  };
   var signAndSeal = function signAndSeal() {
     // 当前是个人 不需要签批。需要签他人签署 就直接打开维护签署人信息，这种情况属于签章开启 但是个人待办法人事项的时候
     if (userInfo.acctType !== '20' && !signatureEnable && needOtherSign) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       return;
     }
     var safeSignatureSelfRole = signatureSelfRole !== null && signatureSelfRole !== void 0 ? signatureSelfRole : [];
@@ -592,7 +604,7 @@ var FileItem = function FileItem(_ref) {
     var notNeedSelfSign = !safeSignatureRole.includes(SELF) && !safeSignRole.includes(SELF);
     var needOtherSignInScenario = safeSignatureRole.includes(OTHER) || safeSignRole.includes(OTHER);
     if (notNeedSelfSign && needOtherSignInScenario) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       return;
     }
     // 如果不能签章就直接签批
@@ -955,7 +967,7 @@ var FileItem = function FileItem(_ref) {
   // 打开后立即回调清除标记，避免下次切换材料位置时误弹
   useEffect(function () {
     if (autoShowSignerInfo) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       onCloseSignerInfo && onCloseSignerInfo();
     }
   }, [autoShowSignerInfo, onCloseSignerInfo]);
@@ -1001,7 +1013,8 @@ var FileItem = function FileItem(_ref) {
   }, [fileId]);
   return /*#__PURE__*/React.createElement("div", {
     className: "file_item",
-    style: style
+    style: style,
+    ref: rootRef
   }, /*#__PURE__*/React.createElement("p", {
     className: "file_name"
   }, fileName), /*#__PURE__*/React.createElement("div", {
@@ -1307,7 +1320,8 @@ var FileItem = function FileItem(_ref) {
     subIndex: subIndex,
     valChange: valChange,
     env: env,
-    isPC: isPC
+    isPC: isPC,
+    componentTop: componentTop
   }));
 };
 FileItem.displayName = 'FileItem';

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

@@ -29,7 +29,8 @@ function SignerInfo(props) {
     fileItemIndex = props.index,
     subIndex = props.subIndex,
     env = props.env,
-    isPC = props.isPC;
+    isPC = props.isPC,
+    componentTop = props.componentTop;
   var _React$useState = React.useState([]),
     signerInfoList = _React$useState[0],
     setSignerInfoList = _React$useState[1];
@@ -242,7 +243,10 @@ function SignerInfo(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "signer-info-mask"
   }, !showQRcode && /*#__PURE__*/React.createElement("div", {
-    className: "signer-info" + (isPC ? ' signer-info-pc' : '')
+    className: "signer-info" + (isPC ? ' signer-info-pc' : ''),
+    style: isPC && componentTop ? {
+      top: componentTop - 200
+    } : undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: "signer-info-title"
   }, /*#__PURE__*/React.createElement("span", null, "\u7EF4\u62A4\u7B7E\u7F72\u4FE1\u606F"), /*#__PURE__*/React.createElement("img", {

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

@@ -72,11 +72,15 @@
     background: #FFFFFF;
     width: 70vw;
     border-radius: 16px;
-    max-height: 80vh;
+    min-height: 450px;
     // flex 纵向布局：标题固定，内容区滚动，footer 始终贴底
     display: flex;
     flex-direction: column;
     overflow: hidden;
+
+    .signer-info-content {
+      margin-bottom: 70px !important;
+    }
     // 卡片标题行：横向排布
     .signer-info-item-title {
       align-items: center;
@@ -92,7 +96,6 @@
       gap: 8px 16px;
       padding: 16px;
       box-sizing: border-box;
-      margin-bottom: 70px !important;
 
       .signer-info-item-box {
         display: flex;
@@ -348,6 +351,7 @@
   padding: 40px 32px;
   box-sizing: border-box;
   text-align: center;
+  min-height: 450px;
 
   .qrcode-canvas {
     margin: 0 auto;

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

@@ -207,14 +207,18 @@ var FileItem = function FileItem(_ref) {
   var _useState16 = (0, _react.useState)(false),
     showSignerInfo = _useState16[0],
     setShowSignerInfo = _useState16[1];
-  var _useState17 = (0, _react.useState)(true),
-    showSignPageClose = _useState17[0],
-    setShowSignPageClose = _useState17[1];
-  var _useState18 = (0, _react.useState)(0),
-    signKey = _useState18[0],
-    setSignKey = _useState18[1];
+  var _useState17 = (0, _react.useState)(0),
+    componentTop = _useState17[0],
+    setComponentTop = _useState17[1]; // 当前组件距离浏览器窗口顶部的距离
+  var _useState18 = (0, _react.useState)(true),
+    showSignPageClose = _useState18[0],
+    setShowSignPageClose = _useState18[1];
+  var _useState19 = (0, _react.useState)(0),
+    signKey = _useState19[0],
+    setSignKey = _useState19[1];
   var timerRef = (0, _react.useRef)(null);
   var originalUrlRef = (0, _react.useRef)('');
+  var rootRef = (0, _react.useRef)(null);
   var getSignedFile = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(documentIdVal, contractIdVal, nameVal) {
       var newFile;
@@ -580,10 +584,18 @@ var FileItem = function FileItem(_ref) {
       return _ref5.apply(this, arguments);
     };
   }();
+
+  // 打开维护签署人信息弹窗，同时记录当前组件距离浏览器窗口顶部的距离，用于弹窗定位
+  var openSignerInfo = function openSignerInfo() {
+    if (rootRef.current) {
+      setComponentTop(rootRef.current.getBoundingClientRect().top);
+    }
+    setShowSignerInfo(true);
+  };
   var signAndSeal = function signAndSeal() {
     // 当前是个人 不需要签批。需要签他人签署 就直接打开维护签署人信息，这种情况属于签章开启 但是个人待办法人事项的时候
     if (userInfo.acctType !== '20' && !signatureEnable && needOtherSign) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       return;
     }
     var safeSignatureSelfRole = signatureSelfRole !== null && signatureSelfRole !== void 0 ? signatureSelfRole : [];
@@ -598,7 +610,7 @@ var FileItem = function FileItem(_ref) {
     var notNeedSelfSign = !safeSignatureRole.includes(SELF) && !safeSignRole.includes(SELF);
     var needOtherSignInScenario = safeSignatureRole.includes(OTHER) || safeSignRole.includes(OTHER);
     if (notNeedSelfSign && needOtherSignInScenario) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       return;
     }
     // 如果不能签章就直接签批
@@ -961,7 +973,7 @@ var FileItem = function FileItem(_ref) {
   // 打开后立即回调清除标记，避免下次切换材料位置时误弹
   (0, _react.useEffect)(function () {
     if (autoShowSignerInfo) {
-      setShowSignerInfo(true);
+      openSignerInfo();
       onCloseSignerInfo && onCloseSignerInfo();
     }
   }, [autoShowSignerInfo, onCloseSignerInfo]);
@@ -1007,7 +1019,8 @@ var FileItem = function FileItem(_ref) {
   }, [fileId]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "file_item",
-    style: style
+    style: style,
+    ref: rootRef
   }, /*#__PURE__*/_react["default"].createElement("p", {
     className: "file_name"
   }, fileName), /*#__PURE__*/_react["default"].createElement("div", {
@@ -1313,7 +1326,8 @@ var FileItem = function FileItem(_ref) {
     subIndex: subIndex,
     valChange: valChange,
     env: env,
-    isPC: isPC
+    isPC: isPC,
+    componentTop: componentTop
   }));
 };
 FileItem.displayName = 'FileItem';

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

@@ -35,7 +35,8 @@ function SignerInfo(props) {
     fileItemIndex = props.index,
     subIndex = props.subIndex,
     env = props.env,
-    isPC = props.isPC;
+    isPC = props.isPC,
+    componentTop = props.componentTop;
   var _React$useState = _react["default"].useState([]),
     signerInfoList = _React$useState[0],
     setSignerInfoList = _React$useState[1];
@@ -248,7 +249,10 @@ function SignerInfo(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "signer-info-mask"
   }, !showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "signer-info" + (isPC ? ' signer-info-pc' : '')
+    className: "signer-info" + (isPC ? ' signer-info-pc' : ''),
+    style: isPC && componentTop ? {
+      top: componentTop - 200
+    } : undefined
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "signer-info-title"
   }, /*#__PURE__*/_react["default"].createElement("span", null, "\u7EF4\u62A4\u7B7E\u7F72\u4FE1\u606F"), /*#__PURE__*/_react["default"].createElement("img", {

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

@@ -72,11 +72,15 @@
     background: #FFFFFF;
     width: 70vw;
     border-radius: 16px;
-    max-height: 80vh;
+    min-height: 450px;
     // flex 纵向布局：标题固定，内容区滚动，footer 始终贴底
     display: flex;
     flex-direction: column;
     overflow: hidden;
+
+    .signer-info-content {
+      margin-bottom: 70px !important;
+    }
     // 卡片标题行：横向排布
     .signer-info-item-title {
       align-items: center;
@@ -92,7 +96,6 @@
       gap: 8px 16px;
       padding: 16px;
       box-sizing: border-box;
-      margin-bottom: 70px !important;
 
       .signer-info-item-box {
         display: flex;
@@ -348,6 +351,7 @@
   padding: 40px 32px;
   box-sizing: border-box;
   text-align: center;
+  min-height: 450px;
 
   .qrcode-canvas {
     margin: 0 auto;

package/lowcode_es/meta.js

@@ -98,7 +98,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.180';
+    version = '0.1.182';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/meta.js

@@ -103,7 +103,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.180';
+    version = '0.1.182';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-components-material",
-  "version": "0.1.180",
+  "version": "0.1.182",
   "description": "ydb-components-material",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -102,10 +102,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.180/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.182/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/ydb-components-material@0.1.180/build/index.html"
+  "homepage": "https://unpkg.com/ydb-components-material@0.1.182/build/index.html"
 }