@kdcloudjs/table 1.1.2-canary.2 → 1.1.3-canary.2

package/es/table/base/table.js

@@ -658,7 +658,12 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
           offsetY: offsetY
         };
       }), op.distinctUntilChanged(function (x, y) {
-        // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
+        // 如果表格区域被隐藏， 不需要触发组件重渲染
+        if (y.maxRenderHeight === 0 && y.maxRenderWidth === 0) {
+          return true;
+        } // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
+
+
         return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < OVERSCAN_SIZE / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < OVERSCAN_SIZE / 2 && Math.abs(x.offsetY - y.offsetY) < OVERSCAN_SIZE / 2;
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
@@ -750,10 +755,12 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
 
           if (size === 0) {
             zeroHeightRowCount += 1;
+          } else {
+            // 渲染出来的行高度为0，说明是display=none情况，行高不存在该种异常情况，不保存当前的高度
+            this.rowHeightManager.updateRow(rowIndex, offset, size);
           }
 
           maxTrBottom = Math.max(maxTrBottom, offset + size);
-          this.rowHeightManager.updateRow(rowIndex, offset, size);
         } // 当 estimatedRowHeight 过大时，可能出现「渲染行数过少，无法覆盖可视范围」的情况
         // 出现这种情况时，我们判断「下一次渲染能够渲染更多行」是否满足，满足的话就直接调用 forceUpdate
         // zeroHeightRowCount === 0 用于确保当前没有 display=none 的情况

package/es/table/pipeline/features/contextMenu.js

@@ -53,6 +53,7 @@ export function contextMenu() {
       }
 
       e.preventDefault();
+      e.stopPropagation();
       showContextMenu(e);
     };
 

package/lib/table/base/table.js

@@ -705,7 +705,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           offsetY: offsetY
         };
       }), op.distinctUntilChanged(function (x, y) {
-        // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
+        // 如果表格区域被隐藏， 不需要触发组件重渲染
+        if (y.maxRenderHeight === 0 && y.maxRenderWidth === 0) {
+          return true;
+        } // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
+
+
         return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < _utils.OVERSCAN_SIZE / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < _utils.OVERSCAN_SIZE / 2 && Math.abs(x.offsetY - y.offsetY) < _utils.OVERSCAN_SIZE / 2;
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
@@ -797,10 +802,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
           if (size === 0) {
             zeroHeightRowCount += 1;
+          } else {
+            // 渲染出来的行高度为0，说明是display=none情况，行高不存在该种异常情况，不保存当前的高度
+            this.rowHeightManager.updateRow(rowIndex, offset, size);
           }
 
           maxTrBottom = Math.max(maxTrBottom, offset + size);
-          this.rowHeightManager.updateRow(rowIndex, offset, size);
         } // 当 estimatedRowHeight 过大时，可能出现「渲染行数过少，无法覆盖可视范围」的情况
         // 出现这种情况时，我们判断「下一次渲染能够渲染更多行」是否满足，满足的话就直接调用 forceUpdate
         // zeroHeightRowCount === 0 用于确保当前没有 display=none 的情况

package/lib/table/pipeline/features/contextMenu.js

@@ -87,6 +87,7 @@ function contextMenu() {
       }
 
       e.preventDefault();
+      e.stopPropagation();
       showContextMenu(e);
     };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/table",
-  "version": "1.1.2-canary.2",
+  "version": "1.1.3-canary.2",
   "description": "金蝶 react table 组件",
   "title": "table",
   "keywords": [