fix: stop drag when distance is less than 100

build/TableHeader.js

@@ -638,6 +638,7 @@ var _initialiseProps = function _initialiseProps() {
       var currentObj = _this7.table.cols[currentIndex];
       _this7.drag.currIndex = currentIndex;
       _this7.drag.oldLeft = event.clientX;
+      _this7.drag.currentLeft = event.clientX;
       _this7.drag.oldWidth = parseInt(currentObj.style.width);
       _this7.drag.minWidth = currentObj.style.minWidth != "" ? parseInt(currentObj.style.minWidth) : defaultWidth;
       _this7.drag.tableWidth = parseInt(_this7.table.table.style.width ? _this7.table.table.style.width : _this7.table.table.scrollWidth);
@@ -664,6 +665,11 @@ var _initialiseProps = function _initialiseProps() {
         }
       }
       _this7.drag.fixedType = fixedType;
+      if (fixedType === 'left' && _this7.table.fixedRightBodyTable) {
+        _this7.drag.fixedRightBodyTableLeft = _this7.table.fixedRightBodyTable.getBoundingClientRect().left;
+      } else {
+        _this7.drag.fixedRightBodyTableLeft = null;
+      }
     } else if (type != 'online' && _this7.props.draggable) {
       // if (!this.props.draggable || targetEvent.nodeName.toUpperCase() != "TH") return;
       if (!_this7.props.draggable) return;
@@ -726,10 +732,18 @@ var _initialiseProps = function _initialiseProps() {
     var event = _utils.Event.getEvent(e);
     if (_this7.props.dragborder && _this7.drag.option == "border") {
       //移动改变宽度
+
+      var isMoveToRight = _this7.drag.currentLeft < event.clientX;
+      if (_this7.drag.fixedType === 'left' && isMoveToRight && _this7.drag.fixedRightBodyTableLeft) {
+        if (_this7.drag.fixedRightBodyTableLeft - event.clientX < 100) {
+          return; // 拖动左侧固定列，离右侧固定列距离小于100时，禁止拖动
+        }
+      }
       var currentCols = _this7.table.cols[_this7.drag.currIndex];
       var diff = event.clientX - _this7.drag.oldLeft;
       var newWidth = _this7.drag.oldWidth + diff;
       _this7.drag.newWidth = newWidth > 0 ? newWidth : _this7.minWidth;
+      _this7.drag.currentLeft = event.clientX;
 
       // displayinrow 判断、 固定行高判断
       if (!bodyDisplayInRow) {

demo/demolist/Demo1002.js

@@ -33,6 +33,7 @@ const columns = [
   {
     title: "联系人",
     dataIndex: "d",
+    fixed: 'right',
     key: "d",
     width: 500,
   }

package.json

@@ -1,6 +1,6 @@
 {
  "name": "bee-table",
- "version": "2.3.15-beta.22",
+ "version": "2.3.15-beta.23",
  "description": "Table ui component for react",
  "keywords": [
   "react",

src/TableHeader.js

@@ -287,6 +287,7 @@ class TableHeader extends Component {
       let currentObj = this.table.cols[currentIndex];
       this.drag.currIndex = currentIndex;
       this.drag.oldLeft = event.clientX;
+      this.drag.currentLeft = event.clientX;
       this.drag.oldWidth = parseInt((currentObj).style.width);
       this.drag.minWidth = currentObj.style.minWidth != ""?parseInt(currentObj.style.minWidth):defaultWidth;
       this.drag.tableWidth = parseInt(this.table.table.style.width ?this.table.table.style.width:this.table.table.scrollWidth);
@@ -313,6 +314,11 @@ class TableHeader extends Component {
           }
       }
       this.drag.fixedType = fixedType;
+      if (fixedType === 'left' && this.table.fixedRightBodyTable) {
+        this.drag.fixedRightBodyTableLeft = this.table.fixedRightBodyTable.getBoundingClientRect().left
+      } else {
+        this.drag.fixedRightBodyTableLeft = null
+      }
     }else if(type != 'online' &&  this.props.draggable){
         // if (!this.props.draggable || targetEvent.nodeName.toUpperCase() != "TH") return;
         if (!this.props.draggable) return;
@@ -373,10 +379,18 @@ class TableHeader extends Component {
     let event = Event.getEvent(e);
     if(this.props.dragborder && this.drag.option == "border"){
       //移动改变宽度
+
+      const isMoveToRight = this.drag.currentLeft < event.clientX
+      if (this.drag.fixedType === 'left' && isMoveToRight && this.drag.fixedRightBodyTableLeft) {
+        if (this.drag.fixedRightBodyTableLeft - event.clientX < 100) {
+          return // 拖动左侧固定列，离右侧固定列距离小于100时，禁止拖动
+        }
+      }
       let currentCols = this.table.cols[this.drag.currIndex];
       let diff = (event.clientX - this.drag.oldLeft);
       let newWidth = this.drag.oldWidth + diff;
       this.drag.newWidth = newWidth > 0 ? newWidth : this.minWidth;
+      this.drag.currentLeft = event.clientX;
 
       // displayinrow 判断、 固定行高判断
       if(!bodyDisplayInRow) {