优化 table 组件固定列时，固定列与非固定列之间有裂痕的问题

Author: 黄书伟

packages/v-table/src/scroll-bar-control-mixin.js

@@ -20,20 +20,6 @@ export default {
             }
         },
 
-        // 判断右侧区域是否有横向滚动条
-        hasBodyHorizontalScrollBar(){
-
-            if (this.$el){
-
-                let rightViewBody = this.$el.querySelector('.v-table-rightview .v-table-body'),
-                    rightColumnsWidth = Math.round(this.totalNoFrozenColumnsWidth);
-
-                return rightViewBody.clientWidth + 2 < rightColumnsWidth;
-            }
-
-            return false;
-        },
-
         setScrollbarWidth(){
 
             this.scrollbarWidth = utils.getScrollbarWidth();

packages/v-table/src/table-resize-mixin.js

@@ -50,25 +50,25 @@ export  default {
             // 有footer 功能
             if (this.hasTableFooter) {
 
-                if (hasScrollBar){
+                if (hasScrollBar) {
 
                     if (this.footerTotalHeight === this.getFooterTotalRowHeight) {
 
                         this.footerTotalHeight += scrollbarWidth;
 
-                        if (!(this.height && this.height > 0)|| this.height > totalColumnsHeight){
+                        if (!(this.height && this.height > 0) || this.height > totalColumnsHeight) {
                             this.internalHeight += scrollbarWidth;
                         }
                     }
-                }else if(!hasScrollBar){
+                } else if (!hasScrollBar) {
 
-                    if (this.footerTotalHeight > this.getFooterTotalRowHeight){
+                    if (this.footerTotalHeight > this.getFooterTotalRowHeight) {
 
-                        this.footerTotalHeight -=scrollbarWidth;
+                        this.footerTotalHeight -= scrollbarWidth;
 
-                        if (!(this.height && this.height > 0)|| this.height > totalColumnsHeight){
+                        if (!(this.height && this.height > 0) || this.height > totalColumnsHeight) {
 
-                            this.internalHeight -=scrollbarWidth;
+                            this.internalHeight -= scrollbarWidth;
                         }
                     }
                 }
@@ -120,16 +120,14 @@ export  default {
 
             if (self.isHorizontalResize && self.internalWidth && self.internalWidth > 0 && currentWidth > 0) {
 
-                var newTableWidth = this.$el.clientWidth;
-
                 // （窗口宽度缩小 && 当前宽度大于最小宽度） ||（窗口宽度扩大 && 当前宽度小于最大宽度）
-                if ((right <= 0 && newTableWidth > minWidth) || (right >= 0 && newTableWidth < maxWidth)) {
+                if ((right <= 0 && currentWidth > minWidth) || (right >= 0 && currentWidth < maxWidth)) {
 
-                    newTableWidth = newTableWidth > maxWidth ? maxWidth : newTableWidth;
-                    newTableWidth = newTableWidth < minWidth ? minWidth : newTableWidth;
+                    currentWidth = currentWidth > maxWidth ? maxWidth : currentWidth;
+                    currentWidth = currentWidth < minWidth ? minWidth : currentWidth;
 
-                    self.internalWidth = newTableWidth;
-                    self.changeColumnsWidth(newTableWidth);
+                    self.internalWidth = currentWidth;
+                    self.changeColumnsWidth(currentWidth);
                 }
             }
         },
@@ -174,6 +172,11 @@ export  default {
                 this.adjustHeight(false);
             }
 
+            if (this.hasFrozenColumn) {
+
+                differ -= 2;
+            }
+
             if (currentWidth >= initResizeWidths || differ > 0) {
 
                 var average = differ / this.resizeColumns.length;
@@ -186,16 +189,14 @@ export  default {
 
                     return item;
                 })
-            }else{ // 最小化有滚动条时
-
-                this.columns.forEach((col,index)=>{
+            } else { // 最小化有滚动条时
 
+                this.columns.forEach((col, index) => {
 
-                    if (col.isResize){
+                    if (col.isResize) {
 
                         this.internalColumns[index].width = col.width;
                     }
-
                 })
             }
         },

packages/v-table/src/table.vue

@@ -539,7 +539,7 @@
 
                 let result = this.internalWidth - this.leftViewWidth;
 
-                return this.hasFrozenColumn ? result - 2 : result;
+                return this.hasFrozenColumn ? result -2 : result;
             },
 
             // 左侧、右侧区域高度
@@ -840,7 +840,7 @@
                         }
                     }
 
-                    this.tableResize();
+                    this.resize();
                 },
                 deep: true
             }