ydb-components-material 0.1.182 → 0.1.184

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

@@ -38,6 +38,7 @@ function SignerInfo(props) {
     showQRcode = _useState[0],
     setShowQRcode = _useState[1];
   var canvasRef = useRef(null);
+  var qrcodeRef = useRef(null);
   var _useState2 = useState(''),
     url = _useState2[0],
     setUrl = _useState2[1];
@@ -178,6 +179,25 @@ function SignerInfo(props) {
     });
     setSignerInfoList(newList);
   };
+
+  // 显示复制成功提示，并把它定位到 qrcode 弹窗上方
+  var showSuccessAboveQRcode = function showSuccessAboveQRcode() {
+    if (isPC && qrcodeRef.current) {
+      // 测量 qrcode 弹窗顶部距视口顶部的距离
+      var qrcodeTop = qrcodeRef.current.getBoundingClientRect().top;
+      // Message toast 的 wrapper 固定定位在视口 top 处，这里把 top 设为 qrcode 上方 20px
+      _Message.config({
+        top: qrcodeTop - 20
+      });
+      _Message.success('复制成功');
+      // Message.config 是全局单例配置，渲染完成后再恢复默认值，避免影响后续消息的显示位置
+      _Message.config({
+        top: 8
+      });
+    } else {
+      _Message.success('复制成功');
+    }
+  };
   var onCopy = function onCopy() {
     var _navigator$clipboard;
     if ((_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.writeText) {
@@ -192,7 +212,7 @@ function SignerInfo(props) {
       document.execCommand('copy');
       document.body.removeChild(textarea);
     }
-    _Message.success('复制成功');
+    showSuccessAboveQRcode();
   };
   useEffect(function () {
     if (signInfoMap && file) {
@@ -433,7 +453,11 @@ function SignerInfo(props) {
     className: "next",
     onClick: next
   }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/React.createElement("div", {
-    className: "qrcode" + (isPC ? ' qrcode-pc' : '')
+    className: "qrcode" + (isPC ? ' qrcode-pc' : ''),
+    style: isPC && componentTop ? {
+      top: componentTop - 200
+    } : undefined,
+    ref: qrcodeRef
   }, /*#__PURE__*/React.createElement("img", {
     className: "qrcode-close",
     src: closeIcon,

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

@@ -44,6 +44,7 @@ function SignerInfo(props) {
     showQRcode = _useState[0],
     setShowQRcode = _useState[1];
   var canvasRef = (0, _react.useRef)(null);
+  var qrcodeRef = (0, _react.useRef)(null);
   var _useState2 = (0, _react.useState)(''),
     url = _useState2[0],
     setUrl = _useState2[1];
@@ -184,6 +185,25 @@ function SignerInfo(props) {
     });
     setSignerInfoList(newList);
   };
+
+  // 显示复制成功提示，并把它定位到 qrcode 弹窗上方
+  var showSuccessAboveQRcode = function showSuccessAboveQRcode() {
+    if (isPC && qrcodeRef.current) {
+      // 测量 qrcode 弹窗顶部距视口顶部的距离
+      var qrcodeTop = qrcodeRef.current.getBoundingClientRect().top;
+      // Message toast 的 wrapper 固定定位在视口 top 处，这里把 top 设为 qrcode 上方 20px
+      _message["default"].config({
+        top: qrcodeTop - 20
+      });
+      _message["default"].success('复制成功');
+      // Message.config 是全局单例配置，渲染完成后再恢复默认值，避免影响后续消息的显示位置
+      _message["default"].config({
+        top: 8
+      });
+    } else {
+      _message["default"].success('复制成功');
+    }
+  };
   var onCopy = function onCopy() {
     var _navigator$clipboard;
     if ((_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.writeText) {
@@ -198,7 +218,7 @@ function SignerInfo(props) {
       document.execCommand('copy');
       document.body.removeChild(textarea);
     }
-    _message["default"].success('复制成功');
+    showSuccessAboveQRcode();
   };
   (0, _react.useEffect)(function () {
     if (signInfoMap && file) {
@@ -439,7 +459,11 @@ function SignerInfo(props) {
     className: "next",
     onClick: next
   }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "qrcode" + (isPC ? ' qrcode-pc' : '')
+    className: "qrcode" + (isPC ? ' qrcode-pc' : ''),
+    style: isPC && componentTop ? {
+      top: componentTop - 200
+    } : undefined,
+    ref: qrcodeRef
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "qrcode-close",
     src: _close_black["default"],

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.182';
+    version = '0.1.184';
   }
   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.182';
+    version = '0.1.184';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-components-material",
-  "version": "0.1.182",
+  "version": "0.1.184",
   "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.182/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.184/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/ydb-components-material@0.1.182/build/index.html"
+  "homepage": "https://unpkg.com/ydb-components-material@0.1.184/build/index.html"
 }