@kdcloudjs/table 1.2.0-canary.16 → 1.2.0-canary.17

package/dist/@kdcloudjs/table.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.2.0-canary.15
+ *   @kdcloudjs/table v1.2.0-canary.16
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.

package/dist/@kdcloudjs/table.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.2.0-canary.15
+ *   @kdcloudjs/table v1.2.0-canary.16
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1997,7 +1997,9 @@ var TableDOMHelper = /*#__PURE__*/function () {
     this.tableFooter = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableFooter));
     this.tableFooterMain = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableFooterMain));
     var stickyScrollSelector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].artTable, " + .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].horizontalStickyScrollContainer, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].stickyScroll);
-    this.stickyScroll = artTableWrapper.querySelector(stickyScrollSelector);
+    var stickyScrolls = artTableWrapper.querySelectorAll(stickyScrollSelector);
+    this.stickyScroll = stickyScrolls[stickyScrolls.length - 1]; // 当嵌套多层表格时，需要查找最后一个，否则会查找到父表格内嵌套的子表格的
+
     this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].stickyScrollItem));
   }
 
@@ -3763,10 +3765,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         //   }
         this.hasScrollY = true;
       } else {
-        stickyScroll.style.paddingRight = "".concat(stickyScrollHeight, "px"); //   this.setState({
+        // stickyScroll.style.paddingRight = `${stickyScrollHeight}px`
+        //   this.setState({
         //     hasScrollY: false
         //   })
-
         this.hasScrollY = false;
       }
 
@@ -9499,15 +9501,32 @@ function rowDrag(opt) {
       var tableWidth = tableBody.clientWidth;
       var startRowRects = startRowInfo.cell.getBoundingClientRect(); // 光标位置距离初始拖拽行的偏移量
 
-      var startOffset = mouseDownEvent.clientY - startRowRects.y;
+      var startOffset = mouseDownEvent.clientY - startRowRects.top;
       var dragElement = createDragElement(startRowRects, tableWidth, rowHeight); // 可拖拽的范围
 
       var dragRange = getDragRange(tableBody, {
         startOffset: startOffset,
-        rowHeight: startRowRects.height
+        rowHeight: rowHeight
       });
+      var mousePosition = {
+        x: mouseDownEvent.clientX,
+        y: mouseDownEvent.clientY
+      };
       var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(window, 'mousemove');
       var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(window, 'mouseup');
+
+      var scrollCallback = function scrollCallback(event) {
+        // 在当前表格内滚动不处理
+        if (event.target === tableBody) return;
+        dragRange = getDragRange(tableBody, {
+          startOffset: startOffset,
+          rowHeight: rowHeight
+        });
+        var isOutOfRange = isOutOfDragRange(mousePosition, dragRange);
+        updateCurSorStyle(isOutOfRange);
+      };
+
+      document.addEventListener('scroll', scrollCallback, true);
       var rowDrag$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (mouseMoveEvent) {
         var clientX = mouseMoveEvent.clientX,
             clientY = mouseMoveEvent.clientY;
@@ -9519,12 +9538,16 @@ function rowDrag(opt) {
 
         var targetRowRects = endRowInfo.cell.getBoundingClientRect(); // 判断拖拽插入的位置，拖拽框上边框位于目标行之上则向上插入，否则向下插入
 
-        var isMoveToTop = clientY - startOffset < targetRowRects.y;
+        var isMoveToTop = clientY - startOffset < targetRowRects.top;
         dragPosition = isMoveToTop ? 'top' : 'bottom';
         isOutOfRange = isOutOfDragRange({
           x: clientX,
           y: clientY
         }, dragRange);
+        mousePosition = {
+          x: clientX,
+          y: clientY
+        };
         updateScrollPosition(mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
 
         updateDragElementPosition(dragElement, dragRange, {
@@ -9558,6 +9581,7 @@ function rowDrag(opt) {
           handleDragEnd(dragEndEvent, isOutOfRange);
           removeDragElement(dragElement);
           removeCurSorStyle();
+          document.removeEventListener('scroll', scrollCallback, true);
         }
       });
     };
@@ -9669,13 +9693,13 @@ function getDragRange(tableBody, _ref4) {
   var tableBodyClientRect = tableBody.getBoundingClientRect();
   var height = tableBodyClientRect.height,
       width = tableBodyClientRect.width,
-      x = tableBodyClientRect.x,
-      y = tableBodyClientRect.y;
+      top = tableBodyClientRect.top,
+      left = tableBodyClientRect.left;
   return {
-    minX: x,
-    maxX: x + width,
-    minY: y - rowHeight + startOffset,
-    maxY: y + height + startOffset
+    minX: left,
+    maxX: left + width,
+    minY: top - rowHeight + startOffset,
+    maxY: top + height + startOffset
   };
 }