@kdcloudjs/table 1.1.2 → 1.1.3-canary.3

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/columnDrag.js

@@ -7,6 +7,10 @@ import { FILL_COLUMN_CODE } from './autoFill';
 var stateKey = 'columnDrag';
 var SCROLL_SIZE = 30;
 
+function disableSelect(event) {
+  event.preventDefault();
+}
+
 function sortColumns(columns, sort) {
   var res = new Array(columns.length);
 
@@ -63,7 +67,9 @@ export function columnDrag() {
           onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
             if (e.button !== 0) {
               return;
-            } // const cx = e.clientX
+            }
+
+            window.addEventListener('selectstart', disableSelect); // const cx = e.clientX
             // const width = col.width
             // const a = startIndex
             // const b = endIndex
@@ -72,7 +78,6 @@ export function columnDrag() {
             // let newStartIndex = startIndex
             // let endIdx = endIndex
 
-
             var columnMoved = false;
             var columns = pipeline.getColumns();
 
@@ -245,6 +250,7 @@ export function columnDrag() {
               e.stopPropagation();
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
+              window.removeEventListener('selectstart', disableSelect);
               window.requestAnimationFrame(function () {
                 // 取消阻止列头点击事件
                 currentTarget.removeEventListener('click', stopClickPropagation);
@@ -330,10 +336,6 @@ export function columnDrag() {
 
             document.body.addEventListener('mousemove', handleMouseMove);
             document.body.addEventListener('mouseup', handleMouseUp);
-
-            document.body.onselectstart = function () {
-              return false;
-            };
           },
           style: style
         })

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/columnDrag.js

@@ -22,6 +22,10 @@ var _autoFill = require("./autoFill");
 var stateKey = 'columnDrag';
 var SCROLL_SIZE = 30;
 
+function disableSelect(event) {
+  event.preventDefault();
+}
+
 function sortColumns(columns, sort) {
   var res = new Array(columns.length);
   var lastColumns = (0, _toConsumableArray2.default)(columns);
@@ -77,7 +81,9 @@ function columnDrag() {
           onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
             if (e.button !== 0) {
               return;
-            } // const cx = e.clientX
+            }
+
+            window.addEventListener('selectstart', disableSelect); // const cx = e.clientX
             // const width = col.width
             // const a = startIndex
             // const b = endIndex
@@ -86,7 +92,6 @@ function columnDrag() {
             // let newStartIndex = startIndex
             // let endIdx = endIndex
 
-
             var columnMoved = false;
             var columns = pipeline.getColumns();
 
@@ -259,6 +264,7 @@ function columnDrag() {
               e.stopPropagation();
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
+              window.removeEventListener('selectstart', disableSelect);
               window.requestAnimationFrame(function () {
                 // 取消阻止列头点击事件
                 currentTarget.removeEventListener('click', stopClickPropagation);
@@ -343,10 +349,6 @@ function columnDrag() {
 
             document.body.addEventListener('mousemove', handleMouseMove);
             document.body.addEventListener('mouseup', handleMouseUp);
-
-            document.body.onselectstart = function () {
-              return false;
-            };
           },
           style: style
         })

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",
+  "version": "1.1.3-canary.3",
   "description": "金蝶 react table 组件",
   "title": "table",
   "keywords": [
@@ -55,7 +55,7 @@
     "test:ci": "jest --config .jest.js  --coverage --ci --update-snapshot",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --skip-unstable",
     "pub": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --no-tests",
-    "pub:beta": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=beta",
+    "pub:canary": "npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=canary",
     "new": "node scripts/create-component.js",
     "kd-ui": "npm install @kingdee-ui/kui --registry http://npm.kingdee.com/"
   },