vxe-table 3.12.10-beta.8 → 3.12.10

package/es/table/src/column.js

@@ -17,7 +17,10 @@ export const columnProps = {
     // 列最大宽度
     maxWidth: [Number, String],
     // 是否允许拖动列宽调整大小
-    resizable: { type: Boolean, default: null },
+    resizable: {
+        type: Boolean,
+        default: null
+    },
     // 将列固定在左侧或者右侧
     fixed: String,
     // 列对其方式
@@ -27,11 +30,20 @@ export const columnProps = {
     // 表尾列的对齐方式
     footerAlign: String,
     // 当内容过长时显示为省略号
-    showOverflow: { type: [Boolean, String], default: null },
+    showOverflow: {
+        type: [Boolean, String],
+        default: null
+    },
     // 当表头内容过长时显示为省略号
-    showHeaderOverflow: { type: [Boolean, String], default: null },
+    showHeaderOverflow: {
+        type: [Boolean, String],
+        default: null
+    },
     // 当表尾内容过长时显示为省略号
-    showFooterOverflow: { type: [Boolean, String], default: null },
+    showFooterOverflow: {
+        type: [Boolean, String],
+        default: null
+    },
     // 给单元格附加 className
     className: [String, Function],
     // 给表头单元格附加 className
@@ -42,10 +54,23 @@ export const columnProps = {
     formatter: [Function, Array, String],
     // 格式化表尾显示内容
     footerFormatter: [Function, Array, String],
+    // 是否显示间距
+    padding: {
+        type: Boolean,
+        default: null
+    },
+    // 垂直对齐方式
+    verticalAlign: {
+        type: String,
+        default: null
+    },
     // 是否允许排序
     sortable: Boolean,
     // 在 v3 中废弃
-    remoteSort: { type: Boolean, default: null },
+    remoteSort: {
+        type: Boolean,
+        default: null
+    },
     // 在 v3 中只支持字符串类型
     sortBy: [String, Function],
     // 排序的字段类型，比如字符串转数值等
@@ -53,9 +78,15 @@ export const columnProps = {
     // 在 v3 中废弃
     sortMethod: Function,
     // 配置筛选条件数组
-    filters: { type: Array, default: null },
+    filters: {
+        type: Array,
+        default: null
+    },
     // 筛选是否允许多选
-    filterMultiple: { type: Boolean, default: true },
+    filterMultiple: {
+        type: Boolean,
+        default: true
+    },
     // 自定义筛选方法
     filterMethod: Function,
     // 筛选重置方法
@@ -68,8 +99,12 @@ export const columnProps = {
     treeNode: Boolean,
     // 设置为拖拽排序
     dragSort: Boolean,
+    // 设置为行高拖拽
+    rowResize: Boolean,
     // 是否可视
-    visible: { type: Boolean, default: null },
+    visible: {
+        type: Boolean, default: null
+    },
     // 表头单元格数据导出方法
     headerExportMethod: Function,
     // 单元格数据导出方法

package/es/table/src/columnInfo.js

@@ -75,6 +75,8 @@ export class ColumnInfo {
             footerClassName: _vm.footerClassName,
             formatter,
             footerFormatter: _vm.footerFormatter,
+            padding: _vm.padding,
+            verticalAlign: _vm.verticalAlign,
             sortable: _vm.sortable,
             sortBy: _vm.sortBy,
             sortType: _vm.sortType,
@@ -88,6 +90,7 @@ export class ColumnInfo {
             filterRender: _vm.filterRender,
             treeNode: _vm.treeNode,
             dragSort: _vm.dragSort,
+            rowResize: _vm.rowResize,
             cellType: _vm.cellType,
             cellRender: _vm.cellRender,
             editRender: _vm.editRender,

package/es/table/src/footer.js

@@ -2,6 +2,7 @@ import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { getClass } from '../../ui/src/utils';
 import { updateCellTitle } from '../../ui/src/dom';
+import { getCellHeight } from './util';
 const renderType = 'footer';
 const { renderer, renderEmptyElement } = VxeUI;
 function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
@@ -24,25 +25,33 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
     const { fixedType } = props;
-    const { footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
+    const { resizable: allResizable, border, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
     const { scrollXLoad, scrollYLoad, overflowX, currentColumn, mergeFooterList } = tableReactData;
     const { scrollXStore } = tableInternalData;
     const tooltipOpts = $xeTable.computeTooltipOpts;
+    const { isAllColumnDrag } = $xeTable.resizableOpts;
     const columnOpts = $xeTable.computeColumnOpts;
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const cellOpts = $xeTable.computeCellOpts;
+    const footerCellOpts = $xeTable.computeFooterCellOpts;
+    const currCellHeight = getCellHeight(footerCellOpts.height || cellOpts.height) || defaultRowHeight;
     return tableColumn.map((column, $columnIndex) => {
         const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
+        const colid = column.id;
         const renderOpts = editRender || cellRender;
         const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
         const showAllTip = tooltipOpts.showAll;
         const isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const isPadding = XEUtils.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding;
         const footOverflow = XEUtils.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
         const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
         let showEllipsis = footOverflow === 'ellipsis';
         const showTitle = footOverflow === 'title';
         const showTooltip = footOverflow === true || footOverflow === 'tooltip';
         let hasEllipsis = showTitle || showTooltip || showEllipsis;
-        const attrs = { colid: column.id };
+        const showResizable = (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || allResizable));
+        const attrs = { colid };
         const tfOns = {};
         const columnIndex = $xeTable.getColumnIndex(column);
         const _columnIndex = $xeTable.getVTColumnIndex(column);
@@ -122,9 +131,16 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         }
         const isLastColumn = $columnIndex === tableColumn.length - 1;
         const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
-        let isPreLoadStatus = false;
-        if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-            isPreLoadStatus = true;
+        let isVNPreEmptyStatus = false;
+        if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+            isVNPreEmptyStatus = true;
+        }
+        const tcStyle = {};
+        if (hasEllipsis) {
+            tcStyle.height = `${currCellHeight}px`;
+        }
+        else {
+            tcStyle.minHeight = `${currCellHeight}px`;
         }
         return h('td', {
             class: ['vxe-footer--column', column.id, {
@@ -133,6 +149,7 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
                     'col--last': isLastColumn,
                     'fixed--width': !isAutoCellWidth,
                     'fixed--hidden': fixedHiddenColumn,
+                    'is--padding': isPadding,
                     'col--ellipsis': hasEllipsis,
                     'col--current': currentColumn === column
                 }, getClass(footerClassName, cellParams), getClass(footerCellClassName, cellParams)],
@@ -146,8 +163,32 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
                         'c--title': showTitle,
                         'c--tooltip': showTooltip,
                         'c--ellipsis': showEllipsis
-                    }]
-            }, isPreLoadStatus ? [] : column.renderFooter(h, cellParams))
+                    }],
+                style: tcStyle
+            }, isVNPreEmptyStatus
+                ? []
+                : [
+                    h('div', {
+                        attrs: {
+                            colid
+                        },
+                        class: 'vxe-cell--wrapper'
+                    }, column.renderFooter(h, cellParams))
+                ]),
+            /**
+             * 列宽拖动
+             */
+            !fixedHiddenColumn && showResizable && isAllColumnDrag
+                ? h('div', {
+                    class: ['vxe-cell--col-resizable', {
+                            'is--line': !border || border === 'none'
+                        }],
+                    on: {
+                        mousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+                        dblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
+                    }
+                })
+                : renderEmptyElement($xeTable)
         ]);
     });
 }
@@ -158,13 +199,13 @@ function renderHeads(h, _vm, renderColumnList) {
     const tableReactData = $xeTable;
     const { fixedType, footerTableData } = props;
     const { footerRowClassName, footerRowStyle } = tableProps;
-    const { isDragColMove } = tableReactData;
+    const { isColLoading, isDragColMove } = tableReactData;
     const columnOpts = $xeTable.computeColumnOpts;
     const columnDragOpts = $xeTable.computeColumnDragOpts;
     return footerTableData.map((row, $rowIndex) => {
         const _rowIndex = $rowIndex;
         const rowParams = { $table: $xeTable, row, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
-        if (columnOpts.drag && columnDragOpts.animation) {
+        if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
             return h('transition-group', {
                 key: $rowIndex,
                 props: {

package/es/table/src/header.js

@@ -1,9 +1,8 @@
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { getClass } from '../../ui/src/utils';
-import { getOffsetPos, hasClass, addClass, removeClass } from '../../ui/src/dom';
-import { convertHeaderColumnToRows, getColReMinWidth, getRefElem } from './util';
-const { getI18n, renderer, renderEmptyElement } = VxeUI;
+import { getCellHeight, convertHeaderColumnToRows } from './util';
+const { renderer, renderEmptyElement } = VxeUI;
 const cellType = 'header';
 const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const props = _vm;
@@ -18,6 +17,10 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const { scrollXStore } = tableInternalData;
     const columnOpts = $xeTable.computeColumnOpts;
     const columnDragOpts = $xeTable.computeColumnDragOpts;
+    const cellOpts = $xeTable.computeCellOpts;
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const headerCellOpts = $xeTable.computeHeaderCellOpts;
+    const currCellHeight = getCellHeight(headerCellOpts.height || cellOpts.height) || defaultRowHeight;
     const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = columnDragOpts;
     return cols.map((column, $columnIndex) => {
         const { type, showHeaderOverflow, headerAlign, align, filters, headerClassName, editRender, cellRender } = column;
@@ -27,6 +30,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
         const isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const isPadding = XEUtils.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
         const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
         const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
         let showEllipsis = headOverflow === 'ellipsis';
@@ -41,15 +45,15 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         }
         const columnIndex = $xeTable.getColumnIndex(column);
         const _columnIndex = $xeTable.getVTColumnIndex(column);
-        const params = { $table: $xeTable, $grid: $xeGrid, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, firstFilterOption, fixed: fixedType, type: cellType, isHidden: fixedHiddenColumn, hasFilter };
+        const cellParams = { $table: $xeTable, $grid: $xeGrid, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, firstFilterOption, fixed: fixedType, type: cellType, isHidden: fixedHiddenColumn, hasFilter };
         const thAttrs = {
             colid,
             colspan: column.colSpan > 1 ? column.colSpan : null,
             rowspan: column.rowSpan > 1 ? column.rowSpan : null
         };
         const thOns = {
-            click: (evnt) => $xeTable.triggerHeaderCellClickEvent(evnt, params),
-            dblclick: (evnt) => $xeTable.triggerHeaderCellDblclickEvent(evnt, params)
+            click: (evnt) => $xeTable.triggerHeaderCellClickEvent(evnt, cellParams),
+            dblclick: (evnt) => $xeTable.triggerHeaderCellDblclickEvent(evnt, cellParams)
         };
         // 虚拟滚动不支持动态高度
         if (scrollXLoad && !hasEllipsis) {
@@ -58,11 +62,11 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         const isColDragCell = columnOpts.drag && columnDragOpts.trigger === 'cell';
         let isDisabledDrag = false;
         if (isColDragCell) {
-            isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(params));
+            isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
         }
         // 按下事件处理
         if (mouseConfig || isColDragCell) {
-            thOns.mousedown = (evnt) => $xeTable.triggerHeaderCellMousedownEvent(evnt, params);
+            thOns.mousedown = (evnt) => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
         }
         // 拖拽列事件
         if (columnOpts.drag) {
@@ -76,9 +80,16 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         const isLastColumn = $columnIndex === cols.length - 1;
         const showResizable = (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || allResizable));
         const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
-        let isPreLoadStatus = false;
-        if (scrollXLoad && !isGroup && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-            isPreLoadStatus = true;
+        let isVNPreEmptyStatus = false;
+        if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+            isVNPreEmptyStatus = true;
+        }
+        const tcStyle = {};
+        if (hasEllipsis) {
+            tcStyle.height = `${currCellHeight}px`;
+        }
+        else {
+            tcStyle.minHeight = `${currCellHeight}px`;
         }
         return h('th', {
             class: ['vxe-header--column', colid, {
@@ -90,15 +101,16 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
                     'col--ellipsis': hasEllipsis,
                     'fixed--width': !isAutoCellWidth,
                     'fixed--hidden': fixedHiddenColumn,
+                    'is--padding': isPadding,
                     'is--sortable': column.sortable,
                     'col--filter': !!filters,
                     'is--filter-active': hasFilter,
                     'is--drag-active': !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
                     'is--drag-disabled': isDisabledDrag,
                     'col--current': currentColumn === column
-                }, getClass(headerClassName, params), getClass(headerCellClassName, params)],
+                }, getClass(headerClassName, cellParams), getClass(headerCellClassName, cellParams)],
             attrs: thAttrs,
-            style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle) : undefined,
+            style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(cellParams) : headerCellStyle) : undefined,
             on: thOns,
             key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
         }, [
@@ -107,19 +119,29 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
                         'c--title': showTitle,
                         'c--tooltip': showTooltip,
                         'c--ellipsis': showEllipsis
-                    }]
-            }, isPreLoadStatus || (isOptimizeMode && fixedHiddenColumn) ? [] : column.renderHeader(h, params)),
+                    }],
+                style: tcStyle
+            }, isVNPreEmptyStatus || (isOptimizeMode && fixedHiddenColumn)
+                ? []
+                : [
+                    h('div', {
+                        attrs: {
+                            colid
+                        },
+                        class: 'vxe-cell--wrapper'
+                    }, column.renderHeader(h, cellParams))
+                ]),
             /**
            * 列宽拖动
            */
             !fixedHiddenColumn && showResizable
                 ? h('div', {
-                    class: ['vxe-resizable', {
+                    class: ['vxe-cell--col-resizable', {
                             'is--line': !border || border === 'none'
                         }],
                     on: {
-                        mousedown: (evnt) => _vm.resizeMousedownEvent(evnt, params),
-                        dblclick: (evnt) => $xeTable.handleResizeDblclickEvent(evnt, params)
+                        mousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+                        dblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
                     }
                 })
                 : renderEmptyElement($xeTable)
@@ -135,10 +157,10 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
     const columnOpts = $xeTable.computeColumnOpts;
     const columnDragOpts = $xeTable.computeColumnDragOpts;
     const { headerRowClassName, headerRowStyle } = tableProps;
-    const { isDragColMove } = tableReactData;
+    const { isColLoading, isDragColMove } = tableReactData;
     return headerGroups.map((cols, $rowIndex) => {
         const params = { $table: $xeTable, $rowIndex, fixed: fixedType, type: cellType };
-        if (columnOpts.drag && columnDragOpts.animation) {
+        if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
             return h('transition-group', {
                 key: $rowIndex,
                 props: {
@@ -227,9 +249,10 @@ export default {
         const { xID } = $xeTable;
         const { fixedType, fixedColumn, tableColumn } = props;
         const { headerColumn } = this;
-        const { showHeaderOverflow: allColumnHeaderOverflow, spanMethod, footerSpanMethod } = tableProps;
+        const { mouseConfig, showHeaderOverflow: allColumnHeaderOverflow, spanMethod, footerSpanMethod } = tableProps;
         const { isGroup, scrollXLoad, scrollYLoad, dragCol } = tableReactData;
         const { visibleColumn, fullColumnIdData } = tableInternalData;
+        const mouseOpts = $xeTable.computeMouseOpts;
         let renderHeaderList = headerColumn;
         let renderColumnList = tableColumn;
         let isOptimizeMode = false;
@@ -332,15 +355,32 @@ export default {
                      */
                     h('thead', {
                         ref: 'refHeaderTHead'
-                    }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList))
-                ]),
-                /**
-                 * 其他
-                 */
-                h('div', {
-                    ref: 'refHeaderBorderRepair',
-                    class: 'vxe-table--header-border-line'
-                })
+                    }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList)),
+                    mouseConfig && mouseOpts.area
+                        ? h('div', {
+                            class: 'vxe-table--cell-area'
+                        }, [
+                            h('span', {
+                                class: 'vxe-table--cell-main-area'
+                            }),
+                            h('span', {
+                                class: 'vxe-table--cell-copy-area'
+                            }),
+                            h('span', {
+                                class: 'vxe-table--cell-extend-area'
+                            }),
+                            h('span', {
+                                class: 'vxe-table--cell-multi-area'
+                            }),
+                            h('span', {
+                                class: 'vxe-table--cell-active-area'
+                            }),
+                            h('span', {
+                                class: 'vxe-table--cell-col-status-area'
+                            })
+                        ])
+                        : renderEmptyElement($xeTable)
+                ])
             ])
         ]);
     },
@@ -348,144 +388,6 @@ export default {
         uploadColumn() {
             const { $parent: $xetable } = this;
             this.headerColumn = $xetable.isGroup ? convertHeaderColumnToRows(this.tableGroupColumn) : [];
-        },
-        resizeMousedownEvent(evnt, params) {
-            const _vm = this;
-            const props = _vm;
-            const $xeTable = this.$parent;
-            const tableReactData = $xeTable;
-            const tableInternalData = $xeTable;
-            const { column } = params;
-            const { fixedType } = props;
-            const { scrollbarHeight } = tableReactData;
-            const { elemStore, visibleColumn } = tableInternalData;
-            const resizableOpts = $xeTable.computeResizableOpts;
-            const tableEl = $xeTable.$refs.refElem;
-            const leftContainerElem = $xeTable.$refs.refLeftContainer;
-            const rightContainerElem = $xeTable.$refs.refRightContainer;
-            const resizeBarElem = $xeTable.$refs.refCellResizeBar;
-            const resizeTipElem = $xeTable.$refs.refCellResizeTip;
-            const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
-            const { clientX: dragClientX } = evnt;
-            const wrapperElem = _vm.$el;
-            const dragBtnElem = evnt.target;
-            let resizeColumn = column;
-            if (column.children && column.children.length) {
-                XEUtils.eachTree(column.children, childColumn => {
-                    resizeColumn = childColumn;
-                });
-            }
-            const cell = dragBtnElem.parentNode;
-            const cellParams = Object.assign(params, { cell });
-            let dragLeft = 0;
-            const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
-            if (!bodyScrollElem) {
-                return;
-            }
-            const pos = getOffsetPos(dragBtnElem, tableEl);
-            const dragBtnWidth = dragBtnElem.clientWidth;
-            const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-            const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
-            let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
-            let dragPosLeft = pos.left + dragBtnOffsetWidth;
-            const domMousemove = document.onmousemove;
-            const domMouseup = document.onmouseup;
-            const isLeftFixed = fixedType === 'left';
-            const isRightFixed = fixedType === 'right';
-            // 计算左右侧固定列偏移量
-            let fixedOffsetWidth = 0;
-            if (isLeftFixed || isRightFixed) {
-                const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
-                let tempCellElem = cell[siblingProp];
-                while (tempCellElem) {
-                    if (hasClass(tempCellElem, 'fixed--hidden')) {
-                        break;
-                    }
-                    else if (!hasClass(tempCellElem, 'col--group')) {
-                        fixedOffsetWidth += tempCellElem.offsetWidth;
-                    }
-                    tempCellElem = tempCellElem[siblingProp];
-                }
-                if (isRightFixed && rightContainerElem) {
-                    dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
-                }
-            }
-            // 处理拖动事件
-            const updateEvent = function (evnt) {
-                evnt.stopPropagation();
-                evnt.preventDefault();
-                const tableHeight = tableEl.clientHeight;
-                const offsetX = evnt.clientX - dragClientX;
-                let left = dragPosLeft + offsetX;
-                const scrollLeft = fixedType ? 0 : bodyScrollElem.scrollLeft;
-                if (isLeftFixed) {
-                    // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-                    left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : bodyScrollElem.clientWidth) - fixedOffsetWidth - minInterval);
-                }
-                else if (isRightFixed) {
-                    // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-                    dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
-                    left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
-                }
-                else {
-                    dragMinLeft = Math.max(bodyScrollElem.scrollLeft, dragMinLeft);
-                    // left = Math.min(left, bodyScrollElem.clientWidth + bodyScrollElem.scrollLeft - 40)
-                }
-                dragLeft = Math.max(left, dragMinLeft);
-                const resizeBarLeft = Math.max(1, dragLeft - scrollLeft);
-                resizeBarElem.style.left = `${resizeBarLeft}px`;
-                resizeBarElem.style.top = `${scrollbarXToTop ? scrollbarHeight : 0}px`;
-                resizeBarElem.style.height = `${scrollbarXToTop ? tableHeight - scrollbarHeight : tableHeight}px`;
-                if (resizableOpts.showDragTip && resizeTipElem) {
-                    const tableWidth = tableEl.clientWidth;
-                    const wrapperRect = wrapperElem.getBoundingClientRect();
-                    const resizeBarWidth = resizeBarElem.clientWidth;
-                    const resizeTipWidth = resizeTipElem.clientWidth;
-                    const resizeTipHeight = resizeTipElem.clientHeight;
-                    let resizeTipLeft = -resizeTipWidth;
-                    if (resizeBarLeft < resizeTipWidth + resizeBarWidth) {
-                        resizeTipLeft = 0;
-                    }
-                    else if (resizeBarLeft > tableWidth) {
-                        resizeTipLeft += tableWidth - resizeBarLeft;
-                    }
-                    resizeTipElem.style.left = `${resizeTipLeft}px`;
-                    resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
-                    resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
-                }
-            };
-            tableReactData._isResize = true;
-            addClass(tableEl, 'drag--resize');
-            resizeBarElem.style.display = 'block';
-            document.onmousemove = updateEvent;
-            document.onmouseup = function (evnt) {
-                document.onmousemove = domMousemove;
-                document.onmouseup = domMouseup;
-                const resizeWidth = resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
-                resizeColumn.resizeWidth = resizeWidth;
-                if (resizableOpts.dragMode === 'fixed') {
-                    visibleColumn.forEach((item) => {
-                        if (item.id !== resizeColumn.id) {
-                            if (!item.resizeWidth) {
-                                item.resizeWidth = item.renderWidth;
-                            }
-                        }
-                    });
-                }
-                resizeBarElem.style.display = 'none';
-                tableReactData._isResize = false;
-                tableInternalData._lastResizeTime = Date.now();
-                $xeTable.analyColumnWidth();
-                $xeTable.recalculate(true).then(() => {
-                    $xeTable.saveCustomStore('update:visible');
-                    $xeTable.updateCellAreas();
-                    $xeTable.dispatchEvent('resizable-change', Object.assign(Object.assign({}, params), { resizeWidth }), evnt);
-                    setTimeout(() => $xeTable.recalculate(true), 300);
-                });
-                removeClass(tableEl, 'drag--resize');
-            };
-            updateEvent(evnt);
-            $xeTable.closeMenu();
         }
     }
 };