ydb-components-material 0.1.164 → 0.1.166

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

@@ -23,6 +23,14 @@ export default function CheckPoint(props) {
     setContainerHeight = _useState5[1];
   var imgRef = useRef();
   var containerRef = useRef();
+
+  // 获取 PDF 实际渲染宽度：以容器宽度为准，而非视口宽度。
+  // 移动端容器通常占满视口（clientWidth 等于视口宽），但 PC 端 CheckPoint 可能嵌在 Dialog 里
+  // （如 width=90vw），容器宽度小于视口，若按视口算缩放系数会整体偏大、标注点位错位
+  var getRenderWidth = function getRenderWidth() {
+    var container = containerRef.current;
+    return container && container.clientWidth ? container.clientWidth : document.documentElement.clientWidth;
+  };
   var initData = function initData() {
     var fileUrl = checkPointData.fileUrl,
       _checkPointData$annot = checkPointData.annotations,
@@ -36,11 +44,10 @@ export default function CheckPoint(props) {
     setResultData(annotations.sort(function (a, b) {
       return a.page - b.page;
     }));
-    var clientWidth = document.documentElement.clientWidth;
     var _annotations$ = annotations[0],
       scrollWidth = _annotations$.scrollWidth,
       scrollHeight = _annotations$.scrollHeight;
-    var scale = clientWidth / scrollWidth;
+    var scale = getRenderWidth() / scrollWidth;
     setPageHeight(scrollHeight * scale);
   };
 
@@ -56,11 +63,11 @@ export default function CheckPoint(props) {
     console.log(width, height, x, y);
     var img = imgRef.current;
     console.log(img, 'refs');
-    var clientWidth = document.documentElement.clientWidth;
-    console.log('clientWidth-----', clientWidth);
+    var renderWidth = getRenderWidth();
+    console.log('renderWidth-----', renderWidth);
 
     // 算出一个系数，来动态生成下面的边框样式
-    var scale = clientWidth / scrollWidth;
+    var scale = renderWidth / scrollWidth;
 
     // console.log('原始宽高', sourceImgWidth, sourceImgHeight);
     console.log('原始宽高', scrollWidth, scrollHeight);

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

@@ -605,6 +605,7 @@ var FileItem = function FileItem(_ref) {
     }
     valChange(val, fileIndex, index, subIndex);
     // invalidHandle()
+    console.log('needOtherSign-----', needOtherSign);
     needOtherSign && setShowSignerInfo(true);
   };
 

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

@@ -28,6 +28,14 @@ function CheckPoint(props) {
     setContainerHeight = _useState5[1];
   var imgRef = (0, _react.useRef)();
   var containerRef = (0, _react.useRef)();
+
+  // 获取 PDF 实际渲染宽度：以容器宽度为准，而非视口宽度。
+  // 移动端容器通常占满视口（clientWidth 等于视口宽），但 PC 端 CheckPoint 可能嵌在 Dialog 里
+  // （如 width=90vw），容器宽度小于视口，若按视口算缩放系数会整体偏大、标注点位错位
+  var getRenderWidth = function getRenderWidth() {
+    var container = containerRef.current;
+    return container && container.clientWidth ? container.clientWidth : document.documentElement.clientWidth;
+  };
   var initData = function initData() {
     var fileUrl = checkPointData.fileUrl,
       _checkPointData$annot = checkPointData.annotations,
@@ -41,11 +49,10 @@ function CheckPoint(props) {
     setResultData(annotations.sort(function (a, b) {
       return a.page - b.page;
     }));
-    var clientWidth = document.documentElement.clientWidth;
     var _annotations$ = annotations[0],
       scrollWidth = _annotations$.scrollWidth,
       scrollHeight = _annotations$.scrollHeight;
-    var scale = clientWidth / scrollWidth;
+    var scale = getRenderWidth() / scrollWidth;
     setPageHeight(scrollHeight * scale);
   };
 
@@ -61,11 +68,11 @@ function CheckPoint(props) {
     console.log(width, height, x, y);
     var img = imgRef.current;
     console.log(img, 'refs');
-    var clientWidth = document.documentElement.clientWidth;
-    console.log('clientWidth-----', clientWidth);
+    var renderWidth = getRenderWidth();
+    console.log('renderWidth-----', renderWidth);
 
     // 算出一个系数，来动态生成下面的边框样式
-    var scale = clientWidth / scrollWidth;
+    var scale = renderWidth / scrollWidth;
 
     // console.log('原始宽高', sourceImgWidth, sourceImgHeight);
     console.log('原始宽高', scrollWidth, scrollHeight);

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

@@ -611,6 +611,7 @@ var FileItem = function FileItem(_ref) {
     }
     valChange(val, fileIndex, index, subIndex);
     // invalidHandle()
+    console.log('needOtherSign-----', needOtherSign);
     needOtherSign && setShowSignerInfo(true);
   };
 

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

package/package.json

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