Update index.jsx

Author: huangshuwei

packages/ve-table/src/column-resizer/index.jsx

@@ -9,14 +9,6 @@ export default {
             type: Boolean,
             required: true,
         },
-        tableRootEl: {
-            type: HTMLDivElement,
-            default: null,
-        },
-        tableContainerWrapperInstance: {
-            type: Object,
-            default: null,
-        },
         tableContainerEl: {
             type: HTMLDivElement,
             default: null,
@@ -49,10 +41,6 @@ export default {
             type: Function,
             required: true,
         },
-        setTableWidth: {
-            type: Function,
-            required: true,
-        },
         // column width resize option
         columnWidthResizeOption: {
             type: Object,
@@ -192,13 +180,10 @@ export default {
         // column resizer mouseup
         columnResizerMouseup(event) {
             const {
-                tableRootEl,
-                tableContainerWrapperInstance,
                 isColumnResizing,
                 currentResizingColumn,
                 columnResizerStartX,
                 setColumnWidth,
-                setTableWidth,
                 columnWidthResizeOption,
                 columnMinWidth,
             } = this;
@@ -226,49 +211,19 @@ export default {
                 let nextColumnWidth = currentResizingColumn._realTimeWidth;
                 nextColumnWidth += differWidth;
 
-                const { width: preTableWidth } =
-                    tableContainerWrapperInstance.$el.getBoundingClientRect();
-                let nextTableWidth;
-
-                const nextTotalColumnsWidth =
-                    this.getTotalColumnsWidth() + differWidth;
-
-                if (differWidth > 0) {
-                    const { width: tableRootWidth } =
-                        tableRootEl.getBoundingClientRect();
-
-                    if (preTableWidth + differWidth > tableRootWidth) {
-                        nextTableWidth = tableRootWidth;
-                    } else {
-                        nextTableWidth = preTableWidth + differWidth;
-                    }
-                } else {
-                    if (preTableWidth + differWidth < nextTotalColumnsWidth) {
-                        nextTableWidth = preTableWidth;
-                    } else {
-                        nextTableWidth = preTableWidth + differWidth;
-                    }
-                }
-
-                nextTableWidth = Math.floor(nextTableWidth);
-
                 // set column width
                 setColumnWidth({
                     colKey: currentResizingColumn.key,
                     width: nextColumnWidth,
                 });
 
-                // set table width
-                setTableWidth(nextTableWidth);
-
                 if (columnWidthResizeOption) {
                     const { sizeChange } = columnWidthResizeOption;
                     sizeChange &&
                         sizeChange({
                             column: currentResizingColumn,
                             differWidth,
                             columnWidth: nextColumnWidth,
-                            tableWidth: nextTableWidth,
                         });
                 }
             }
@@ -298,13 +253,6 @@ export default {
                 return true;
             };
         },
-
-        // get total columns width
-        getTotalColumnsWidth() {
-            return this.colgroups.reduce((total, currentVal, index) => {
-                return currentVal._realTimeWidth + total;
-            }, 0);
-        },
     },
 
     render() {