vxe-table 3.23.1 → 3.23.3

package/es/table/module/custom/mixin.js

@@ -497,6 +497,12 @@ export default {
         },
         handleCustomStyle() {
             const $xeTable = this;
+            const reactData = $xeTable.reactData;
+            const { customStore } = reactData;
+            if (!customStore.visible) {
+                return $xeTable.$nextTick();
+            }
+            reactData.isCustomDragStatus = false;
             return updatePopupStyle($xeTable);
         }
     }

package/es/table/module/export/export-panel.js

@@ -163,9 +163,10 @@ export default {
             const { hasMerge, columns } = storeData;
             const checkedAll = $xeExportPanel.computeCheckedAll;
             const supportMerge = $xeExportPanel.computeSupportMerge;
-            const expColumns = XEUtils.searchTree(columns, column => column.checked, { children: 'children', mapChildren: 'childNodes', original: true });
+            // 内部导出使用 _columns -> _children 为自定义子集
+            const expColumns = XEUtils.searchTree(columns, column => column.checked, { children: 'children', mapChildren: '_children', original: true });
             return Object.assign({}, defaultOptions, {
-                columns: expColumns,
+                _columns: expColumns,
                 isMerge: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false
             });
         },

package/es/table/module/export/mixin.js

@@ -1183,7 +1183,7 @@ function handleExportAndPrint($xeTable, options, isPrint) {
     const exportOpts = $xeTable.computeExportOpts;
     const hasTree = !!treeConfig;
     const hasRowGroup = rowGroupList.length > 0;
-    const customOpts = $xeTable.computeCustomOpts;
+    const printOpts = $xeTable.computePrintOpts;
     const selectRecords = $xeTable.getCheckboxRecords();
     const proxyOpts = $xeGGWrapper ? $xeGGWrapper.computeProxyOpts : {};
     const hasFooter = !!footerTableData.length;
@@ -1204,9 +1204,9 @@ function handleExportAndPrint($xeTable, options, isPrint) {
         warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded']);
         defOpts.isTreeAllExpanded = defOpts.isAllExpand;
     }
-    const types = defOpts.types || XEUtils.keys(exportOpts._typeMaps);
+    const types = isPrint ? [] : (defOpts.types || XEUtils.keys(exportOpts._typeMaps));
     const modes = defOpts.modes || [];
-    const checkMethod = customOpts.checkMethod;
+    const checkMethod = (isPrint ? printOpts : exportOpts).checkMethod;
     const exportColumns = collectColumn.slice(0);
     const { columns, excludeFields, includeFields, extraFields } = defOpts;
     // 处理类型
@@ -1313,10 +1313,10 @@ function handleExportAndPrint($xeTable, options, isPrint) {
         }
     }
     if (!modeList.some(item => item.value === mode)) {
-        exportParams.mode = modeList[0].value;
+        exportParams.mode = modeList.length ? modeList[0].value : '';
     }
     if (!typeList.some(item => item.value === type)) {
-        exportParams.type = typeList[0].value;
+        exportParams.type = typeList.length ? typeList[0].value : '';
     }
     if (!exportParams.widthMode) {
         exportParams.widthMode = '';
@@ -1458,7 +1458,13 @@ export default {
             }
             let isCustomCol = false;
             let customCols = [];
-            if (columns) {
+            const _columns = opts._columns;
+            if (_columns) {
+                // 内部导出使用 _columns -> _children 为自定义子集
+                isCustomCol = true;
+                customCols = XEUtils.searchTree(_columns, () => true, { children: '_children', mapChildren: 'childNodes', original: true });
+            }
+            else if (columns) {
                 isCustomCol = true;
                 customCols = XEUtils.searchTree(columns, () => true, { children: 'children', mapChildren: 'childNodes', original: true });
             }

package/es/table/module/filter/mixin.js

@@ -5,6 +5,97 @@ import { toCssUnit, triggerEvent, getDomNode } from '../../../ui/src/dom';
 import { isEnableConf } from '../../../ui/src/utils';
 const { renderer } = VxeUI;
 const sourceType = 'table';
+function updatePopupStyle($xeTable) {
+    const $xeGrid = $xeTable.$xeGrid;
+    const $xeGantt = $xeTable.$xeGantt;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const $xeGGWrapper = $xeGrid || $xeGantt;
+    const { filterStore } = reactData;
+    const { elemStore } = internalData;
+    const { column, targetEl } = filterStore;
+    if (!column || !targetEl) {
+        return $xeTable.$nextTick();
+    }
+    const tableEl = $xeTable.$refs.refElem;
+    const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
+    const filterOpts = $xeTable.computeFilterOpts;
+    const { maxHeight: customMaxHeight, transfer, zIndex } = filterOpts;
+    const currEl = targetEl;
+    const tableRect = tableEl.getBoundingClientRect();
+    const filterRender = column ? column.filterRender : null;
+    const compConf = filterRender && isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+    const headerScrollElem = getRefElem(elemStore['main-header-scroll']);
+    if (!headerScrollElem) {
+        return $xeTable.$nextTick();
+    }
+    const tableFilter = $xeTable.$refs.refTableFilter;
+    const filterWrapperElem = tableFilter ? tableFilter.$el : null;
+    if (!filterWrapperElem) {
+        return $xeTable.$nextTick();
+    }
+    const btnRect = currEl.getBoundingClientRect();
+    const filterHeadElem = filterWrapperElem.querySelector('.vxe-table--filter-header');
+    const filterFootElem = filterWrapperElem.querySelector('.vxe-table--filter-footer');
+    const filterWidth = filterWrapperElem.offsetWidth;
+    const centerWidth = currEl ? filterWidth / 2 : ((filterWidth - column.renderWidth) / 2);
+    let left = 0;
+    let top = 0;
+    let maxHeight = 0;
+    /**
+     * 是否显示筛选按钮图标
+     * 如果不存在图标，则相对单元格居中显示
+     */
+    if (transfer) {
+        left = btnRect.left - centerWidth + scrollLeft;
+        top = btnRect.top + currEl.clientHeight + scrollTop;
+        maxHeight = Math.min(Math.max(tableRect.height, Math.floor(visibleHeight / 2)), Math.max(80, visibleHeight - top - (filterHeadElem ? filterHeadElem.clientHeight : 0) - (filterFootElem ? filterFootElem.clientHeight : 0) - 28));
+        if (left < 16) {
+            left = 16;
+        }
+        else if (left > (visibleWidth - filterWidth - 16)) {
+            left = visibleWidth - filterWidth - 16;
+        }
+    }
+    else {
+        left = btnRect.left - tableRect.left - centerWidth;
+        top = btnRect.top - tableRect.top + currEl.clientHeight;
+        maxHeight = Math.max(40, tableEl.clientHeight - top - (filterHeadElem ? filterHeadElem.clientHeight : 0) - (filterFootElem ? filterFootElem.clientHeight : 0) - 14);
+        if (left < 1) {
+            left = 1;
+        }
+        else if (left > (tableEl.clientWidth - filterWidth - 1)) {
+            left = tableEl.clientWidth - filterWidth - 1;
+        }
+        if ($xeGGWrapper) {
+            const wrapperEl = $xeGGWrapper.$refs.refElem;
+            if (wrapperEl) {
+                const wrapperRect = wrapperEl.getBoundingClientRect();
+                top += tableRect.top - wrapperRect.top;
+            }
+        }
+    }
+    const fStys = {
+        top: toCssUnit(top),
+        left: toCssUnit(left)
+    };
+    if (zIndex) {
+        fStys.zIndex = zIndex;
+    }
+    filterStore.style = fStys;
+    // 筛选面板是自适应表格高度
+    if (compConf ? !compConf.tableFilterAutoHeight : false) {
+        maxHeight = 0;
+    }
+    else {
+        if (customMaxHeight) {
+            maxHeight = customMaxHeight > maxHeight ? maxHeight : customMaxHeight;
+        }
+    }
+    // 判断面板不能大于表格高度
+    filterStore.maxHeight = maxHeight;
+    return $xeTable.$nextTick();
+}
 export default {
     methods: {
         /**
@@ -93,96 +184,22 @@ export default {
         },
         handleOpenFilterColumn(evnt, btnEl, colEl, column, params) {
             const $xeTable = this;
-            const $xeGrid = $xeTable.$xeGrid;
-            const $xeGantt = $xeTable.$xeGantt;
             const reactData = $xeTable;
             const internalData = $xeTable;
-            const $xeGGWrapper = $xeGrid || $xeGantt;
             const { initStore, filterStore } = reactData;
-            const { elemStore } = internalData;
             if (filterStore.column === column && filterStore.visible) {
                 filterStore.visible = false;
             }
             else {
-                const tableEl = $xeTable.$refs.refElem;
-                const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
-                const filterOpts = $xeTable.computeFilterOpts;
-                const { maxHeight: customMaxHeight, transfer, zIndex } = filterOpts;
                 const currEl = btnEl || colEl;
-                const tableRect = tableEl.getBoundingClientRect();
-                const filterRender = column ? column.filterRender : null;
-                const compConf = filterRender && isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
                 $xeTable.handleFilterOptions(column);
                 internalData._currFilterParams = params;
+                filterStore.targetEl = currEl;
                 filterStore.style = null;
                 filterStore.visible = true;
                 initStore.filter = true;
                 $xeTable.$nextTick(() => {
-                    const headerScrollElem = getRefElem(elemStore['main-header-scroll']);
-                    if (!headerScrollElem) {
-                        return;
-                    }
-                    const tableFilter = $xeTable.$refs.refTableFilter;
-                    const filterWrapperElem = tableFilter ? tableFilter.$el : null;
-                    if (!filterWrapperElem) {
-                        return;
-                    }
-                    const btnRect = currEl.getBoundingClientRect();
-                    const filterHeadElem = filterWrapperElem.querySelector('.vxe-table--filter-header');
-                    const filterFootElem = filterWrapperElem.querySelector('.vxe-table--filter-footer');
-                    const filterWidth = filterWrapperElem.offsetWidth;
-                    const centerWidth = filterWidth / 2;
-                    let left = 0;
-                    let top = 0;
-                    let maxHeight = 0;
-                    if (transfer) {
-                        left = btnRect.left - centerWidth + scrollLeft;
-                        top = btnRect.top + currEl.clientHeight + scrollTop;
-                        maxHeight = Math.min(Math.max(tableRect.height, Math.floor(visibleHeight / 2)), Math.max(80, visibleHeight - top - (filterHeadElem ? filterHeadElem.clientHeight : 0) - (filterFootElem ? filterFootElem.clientHeight : 0) - 28));
-                        if (left < 16) {
-                            left = 16;
-                        }
-                        else if (left > (visibleWidth - filterWidth - 16)) {
-                            left = visibleWidth - filterWidth - 16;
-                        }
-                    }
-                    else {
-                        left = btnRect.left - tableRect.left - centerWidth;
-                        top = btnRect.top - tableRect.top + currEl.clientHeight;
-                        maxHeight = Math.max(40, tableEl.clientHeight - top - (filterHeadElem ? filterHeadElem.clientHeight : 0) - (filterFootElem ? filterFootElem.clientHeight : 0) - 14);
-                        if (left < 1) {
-                            left = 1;
-                        }
-                        else if (left > (tableEl.clientWidth - filterWidth - 1)) {
-                            left = tableEl.clientWidth - filterWidth - 1;
-                        }
-                        if ($xeGGWrapper) {
-                            const wrapperEl = $xeGGWrapper.$refs.refElem;
-                            if (wrapperEl) {
-                                const wrapperRect = wrapperEl.getBoundingClientRect();
-                                top += tableRect.top - wrapperRect.top;
-                            }
-                        }
-                    }
-                    const fStys = {
-                        top: toCssUnit(top),
-                        left: toCssUnit(left)
-                    };
-                    if (zIndex) {
-                        fStys.zIndex = zIndex;
-                    }
-                    filterStore.style = fStys;
-                    // 筛选面板是自适应表格高度
-                    if (compConf ? !compConf.tableFilterAutoHeight : false) {
-                        maxHeight = 0;
-                    }
-                    else {
-                        if (customMaxHeight) {
-                            maxHeight = customMaxHeight > maxHeight ? maxHeight : customMaxHeight;
-                        }
-                    }
-                    // 判断面板不能大于表格高度
-                    filterStore.maxHeight = maxHeight;
+                    updatePopupStyle($xeTable);
                 });
             }
             $xeTable.dispatchEvent('filter-visible', { column, field: column.field, property: column.field, filterList: $xeTable.getCheckedFilters(), visible: filterStore.visible }, evnt);
@@ -443,6 +460,15 @@ export default {
                 }
             }
         },
+        handleFilterStyle() {
+            const $xeTable = this;
+            const reactData = $xeTable;
+            const { filterStore } = reactData;
+            if (!filterStore.visible) {
+                return $xeTable.$nextTick();
+            }
+            return updatePopupStyle($xeTable);
+        },
         /**
          * 清空指定列的筛选条件
          * 如果为空则清空所有列的筛选条件

package/es/table/src/body.js

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { isEnableConf, getClass } from '../../ui/src/utils';
+import { isEnableConf, getClass, getDefaultConfig } from '../../ui/src/utils';
 import { getRowid, createHandleGetRowId, getCellRestHeight } from './util';
 import { updateCellTitle } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -118,8 +118,13 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
     const isEdit = isEnableConf(editRender);
     const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
     let fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-    const isCellPadding = XEUtils.eqNull(padding) ? (allPadding === null ? cellOpts.padding : allPadding) : padding;
-    const cellOverflow = XEUtils.eqNull(showOverflow) ? allShowOverflow : showOverflow;
+    const cellPadding = getDefaultConfig(padding, (allPadding === null ? cellOpts.padding : allPadding));
+    const isAllCellPadding = cellPadding === true;
+    const isCellPaddingTop = cellPadding ? (isAllCellPadding || cellPadding.top !== false) : false;
+    const isCellPaddingBottom = cellPadding ? (isAllCellPadding || cellPadding.bottom !== false) : false;
+    const isCellPaddingLeft = cellPadding ? (isAllCellPadding || cellPadding.left !== false) : false;
+    const isCellPaddingRight = cellPadding ? (isAllCellPadding || cellPadding.right !== false) : false;
+    const cellOverflow = getDefaultConfig(showOverflow, allShowOverflow);
     const showEllipsis = cellOverflow === 'ellipsis';
     const showTitle = cellOverflow === 'title';
     const showTooltip = cellOverflow === true ? tooltipOpts.mode === 'tooltip' : cellOverflow === 'tooltip';
@@ -420,7 +425,10 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
                 'col--max-height': maxHeight,
                 'fixed--width': !isAutoCellWidth,
                 'fixed--hidden': fixedHiddenColumn,
-                'is--padding': isCellPadding,
+                'is--pg-top': isCellPaddingTop,
+                'is--pg-bottom': isCellPaddingBottom,
+                'is--pg-left': isCellPaddingLeft,
+                'is--pg-right': isCellPaddingRight,
                 'is--progress': (fixedHiddenColumn && isAllOverflow) || isVNPreEmptyStatus,
                 'is--drag-cell': isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
                 'is--drag-disabled': isDisabledDrag,

package/es/table/src/footer.js

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { getClass } from '../../ui/src/utils';
+import { getClass, getDefaultConfig } from '../../ui/src/utils';
 import { updateCellTitle } from '../../ui/src/dom';
 import { getCalcHeight } from './util';
 const sourceType = 'table';
@@ -36,8 +36,13 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
         const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
         const showAllTip = footerTooltipOpts.showAll;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const isPadding = XEUtils.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding;
-        const footOverflow = XEUtils.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+        const cellPadding = getDefaultConfig(footerCellOpts.padding, cellOpts.padding);
+        const isAllCellPadding = cellPadding === true;
+        const isCellPaddingTop = cellPadding ? (isAllCellPadding || cellPadding.top !== false) : false;
+        const isCellPaddingBottom = cellPadding ? (isAllCellPadding || cellPadding.bottom !== false) : false;
+        const isCellPaddingLeft = cellPadding ? (isAllCellPadding || cellPadding.left !== false) : false;
+        const isCellPaddingRight = cellPadding ? (isAllCellPadding || cellPadding.right !== false) : false;
+        const footOverflow = getDefaultConfig(showFooterOverflow, allColumnFooterOverflow);
         const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
         const showEllipsis = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === 'ellipsis';
         const showTitle = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === 'title';
@@ -145,7 +150,10 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
                     'col--last': isLastColumn,
                     'fixed--width': !isAutoCellWidth,
                     'fixed--hidden': fixedHiddenColumn,
-                    'is--padding': isPadding,
+                    'is--pg-top': isCellPaddingTop,
+                    'is--pg-bottom': isCellPaddingBottom,
+                    'is--pg-left': isCellPaddingLeft,
+                    'is--pg-right': isCellPaddingRight,
                     'col--ellipsis': hasEllipsis,
                     'col--current': currentColumn === column
                 }, getClass(footerClassName, cellParams), getClass(footerCellClassName, cellParams)],

package/es/table/src/header.js

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { isEnableConf, getClass } from '../../ui/src/utils';
+import { isEnableConf, getClass, getDefaultConfig } from '../../ui/src/utils';
 import { getCalcHeight, convertHeaderColumnToRows, convertHeaderToGridRows } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 const { renderer, renderEmptyElement } = VxeUI;
@@ -38,8 +38,13 @@ function renderRows(h, _vm, isGroup, isOptimizeMode, headerGroups, _rowIndex, co
         const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
         const isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = overflowX && !isColGroup && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const isPadding = XEUtils.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
-        const headOverflow = XEUtils.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+        const cellPadding = getDefaultConfig(headerCellOpts.padding, cellOpts.padding);
+        const isAllCellPadding = cellPadding === true;
+        const isCellPaddingTop = cellPadding ? (isAllCellPadding || cellPadding.top !== false) : false;
+        const isCellPaddingBottom = cellPadding ? (isAllCellPadding || cellPadding.bottom !== false) : false;
+        const isCellPaddingLeft = cellPadding ? (isAllCellPadding || cellPadding.left !== false) : false;
+        const isCellPaddingRight = cellPadding ? (isAllCellPadding || cellPadding.right !== false) : false;
+        const headOverflow = getDefaultConfig(showHeaderOverflow, allColumnHeaderOverflow);
         const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
         const showEllipsis = headOverflow === 'ellipsis';
         const showTitle = headOverflow === 'title';
@@ -158,7 +163,10 @@ function renderRows(h, _vm, isGroup, isOptimizeMode, headerGroups, _rowIndex, co
                     'col--group': isColGroup,
                     'col--ellipsis': hasEllipsis,
                     'fixed--width': !isAutoCellWidth,
-                    'is--padding': isPadding,
+                    'is--pg-top': isCellPaddingTop,
+                    'is--pg-bottom': isCellPaddingBottom,
+                    'is--pg-left': isCellPaddingLeft,
+                    'is--pg-right': isCellPaddingRight,
                     'is--sortable': column.sortable,
                     'col--filter': !!filters,
                     'is--filter-active': hasFilter,

package/es/table/src/methods.js

@@ -2536,10 +2536,9 @@ const calcCellHeight = ($xeTable) => {
     if (!el || !el.clientWidth) {
         return;
     }
-    const cellOpts = $xeTable.computeCellOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
-    if (!isAllOverflow && (scrollYLoad || scrollXLoad || cellOpts.maxHeight || (treeConfig && treeOpts.showLine))) {
+    if (!isAllOverflow && (scrollYLoad || scrollXLoad || (treeConfig && treeOpts.showLine))) {
         const { handleGetRowId } = createHandleGetRowId($xeTable);
         el.setAttribute('data-calc-row', 'Y');
         tableData.forEach(row => {
@@ -7619,6 +7618,12 @@ const tableMethods = {
     },
     handleGlobalScrollEvent(evnt) {
         const $xeTable = this;
+        const reactData = $xeTable;
+        const { filterStore } = reactData;
+        const filterOpts = $xeTable.computeFilterOpts;
+        if (filterStore.visible && filterOpts.transfer) {
+            $xeTable.handleFilterStyle();
+        }
         reUpdateCustomStyleEvent($xeTable, evnt);
     },
     /**
@@ -7636,10 +7641,14 @@ const tableMethods = {
      */
     keydownEvent(evnt) {
         const $xeTable = this;
-        const { filterStore, ctxMenuStore, editStore, keyboardConfig, mouseConfig, mouseOpts, keyboardOpts } = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const { mouseConfig, keyboardConfig } = props;
+        const { filterStore, ctxMenuStore, editStore } = reactData;
+        const mouseOpts = $xeTable.computeMouseOpts;
+        const keyboardOpts = $xeTable.computeKeyboardOpts;
         const { actived } = editStore;
-        const { keyCode } = evnt;
-        const isEsc = keyCode === 27;
+        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
         if (isEsc) {
             this.preventEvent(evnt, 'event.keydown', null, () => {
                 $xeTable.dispatchEvent('keydown-start', {}, evnt);

package/es/table/src/table.js

@@ -1391,6 +1391,11 @@ export default {
             const scrollbarXOpts = $xeTable.computeScrollbarXOpts;
             const scrollbarYOpts = $xeTable.computeScrollbarYOpts;
             return `${scrollbarXOpts.visible}${scrollbarYOpts.visible}`;
+        },
+        computeCellConfHeitht() {
+            const $xeTable = this;
+            const cellOpts = $xeTable.computeCellOpts;
+            return cellOpts.height;
         } }),
     watch: {
         data(value) {
@@ -1474,6 +1479,9 @@ export default {
         computeScrollbarVisible() {
             this.reLayoutFlag++;
         },
+        computeCellConfHeitht() {
+            this.reLayoutFlag++;
+        },
         reLayoutFlag() {
             const $xeTable = this;
             $xeTable.$nextTick(() => $xeTable.recalculate(true));

package/es/table/src/util.js

@@ -230,6 +230,7 @@ export function createReactData() {
         customColumnList: [],
         // 当前选中的筛选列
         filterStore: {
+            targetEl: null,
             isAllSelected: false,
             isIndeterminate: false,
             style: null,

package/es/table/style.css

@@ -1834,21 +1834,28 @@
 
 .vxe-table {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-default);
+  --vxe-ui-table-current-row-line-height: var(--vxe-ui-table-row-line-height);
 }
 .vxe-table.size--xlarge {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-xlarge);
 }
 .vxe-table.size--large {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-large);
 }
 .vxe-table.size--medium {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-medium);
 }
 .vxe-table.size--small {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-small);
 }
 .vxe-table.size--mini {
   --vxe-ui-table-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-table-current-cell-padding: var(--vxe-ui-table-cell-padding-mini);
 }
 
 .vxe-table-slots,
@@ -2977,6 +2984,32 @@
   white-space: nowrap;
 }
 
+.vxe-header--column.is--pg-top .vxe-cell,
+.vxe-body--column.is--pg-top .vxe-cell,
+.vxe-footer--column.is--pg-top .vxe-cell {
+  padding-top: var(--vxe-ui-table-current-cell-padding);
+}
+.vxe-header--column.is--pg-bottom .vxe-cell,
+.vxe-body--column.is--pg-bottom .vxe-cell,
+.vxe-footer--column.is--pg-bottom .vxe-cell {
+  padding-bottom: var(--vxe-ui-table-current-cell-padding);
+}
+.vxe-header--column.is--pg-left .vxe-cell,
+.vxe-body--column.is--pg-left .vxe-cell,
+.vxe-footer--column.is--pg-left .vxe-cell {
+  padding-left: var(--vxe-ui-table-current-cell-padding);
+}
+.vxe-header--column.is--pg-right .vxe-cell,
+.vxe-body--column.is--pg-right .vxe-cell,
+.vxe-footer--column.is--pg-right .vxe-cell {
+  padding-right: var(--vxe-ui-table-current-cell-padding);
+}
+.vxe-header--column .vxe-default-textarea,
+.vxe-body--column .vxe-default-textarea,
+.vxe-footer--column .vxe-default-textarea {
+  padding: var(--vxe-ui-table-current-cell-padding);
+}
+
 /*table*/
 .vxe-table--render-default {
   position: relative;
@@ -3067,7 +3100,7 @@
 .vxe-table--render-default .vxe-body--column,
 .vxe-table--render-default .vxe-footer--column {
   position: relative;
-  line-height: var(--vxe-ui-table-row-line-height);
+  line-height: var(--vxe-ui-table-current-row-line-height);
   text-align: left;
 }
 .vxe-table--render-default .vxe-header--column.col--center,
@@ -3117,7 +3150,7 @@
 .vxe-table--render-default .vxe-body--column,
 .vxe-table--render-default .vxe-footer--column {
   position: relative;
-  line-height: var(--vxe-ui-table-row-line-height);
+  line-height: var(--vxe-ui-table-current-row-line-height);
   text-align: left;
 }
 .vxe-table--render-default .vxe-header--column.col--current,
@@ -3270,16 +3303,6 @@
 .vxe-table--render-default.size--medium .vxe-table--empty-block {
   min-height: var(--vxe-ui-table-row-height-medium);
 }
-.vxe-table--render-default.size--medium .vxe-header--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--medium .vxe-body--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--medium .vxe-footer--column.is--padding .vxe-cell {
-  padding: var(--vxe-ui-table-cell-padding-medium);
-}
-.vxe-table--render-default.size--medium .vxe-header--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--medium .vxe-body--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--medium .vxe-footer--column.is--padding .vxe-cell .vxe-default-textarea {
-  padding: var(--vxe-ui-table-cell-padding-medium);
-}
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-select {
@@ -3295,16 +3318,6 @@
 .vxe-table--render-default.size--small .vxe-table--empty-block {
   min-height: var(--vxe-ui-table-row-height-small);
 }
-.vxe-table--render-default.size--small .vxe-header--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--small .vxe-body--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--small .vxe-footer--column.is--padding .vxe-cell {
-  padding: var(--vxe-ui-table-cell-padding-small);
-}
-.vxe-table--render-default.size--small .vxe-header--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--small .vxe-body--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--small .vxe-footer--column.is--padding .vxe-cell .vxe-default-textarea {
-  padding: var(--vxe-ui-table-cell-padding-small);
-}
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-select {
@@ -3320,16 +3333,6 @@
 .vxe-table--render-default.size--mini .vxe-table--empty-block {
   min-height: var(--vxe-ui-table-row-height-mini);
 }
-.vxe-table--render-default.size--mini .vxe-header--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--mini .vxe-body--column.is--padding .vxe-cell,
-.vxe-table--render-default.size--mini .vxe-footer--column.is--padding .vxe-cell {
-  padding: var(--vxe-ui-table-cell-padding-mini);
-}
-.vxe-table--render-default.size--mini .vxe-header--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--mini .vxe-body--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default.size--mini .vxe-footer--column.is--padding .vxe-cell .vxe-default-textarea {
-  padding: var(--vxe-ui-table-cell-padding-mini);
-}
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-select {
@@ -3341,16 +3344,6 @@
 .vxe-table--render-default.size--mini .vxe-cell--valid-error-tip {
   padding: 0 var(--vxe-ui-table-cell-padding-mini);
 }
-.vxe-table--render-default .vxe-header--column.is--padding .vxe-cell,
-.vxe-table--render-default .vxe-body--column.is--padding .vxe-cell,
-.vxe-table--render-default .vxe-footer--column.is--padding .vxe-cell {
-  padding: var(--vxe-ui-table-cell-padding-default);
-}
-.vxe-table--render-default .vxe-header--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default .vxe-body--column.is--padding .vxe-cell .vxe-default-textarea,
-.vxe-table--render-default .vxe-footer--column.is--padding .vxe-cell .vxe-default-textarea {
-  padding: var(--vxe-ui-table-cell-padding-default);
-}
 .vxe-table--render-default .vxe-cell {
   white-space: pre-line;
   word-break: break-all;
@@ -3797,24 +3790,6 @@
   color: var(--vxe-ui-input-disabled-color);
   cursor: not-allowed;
 }
-.vxe-table--render-default.size--medium .vxe-cell--checkbox {
-  font-size: var(--vxe-checkbox-font-size-medium);
-}
-.vxe-table--render-default.size--medium .vxe-cell--radio {
-  font-size: var(--vxe-radio-font-size-medium);
-}
-.vxe-table--render-default.size--small .vxe-cell--checkbox {
-  font-size: var(--vxe-checkbox-font-size-small);
-}
-.vxe-table--render-default.size--small .vxe-cell--radio {
-  font-size: var(--vxe-radio-font-size-small);
-}
-.vxe-table--render-default.size--mini .vxe-cell--checkbox {
-  font-size: var(--vxe-checkbox-font-size-mini);
-}
-.vxe-table--render-default.size--mini .vxe-cell--radio {
-  font-size: var(--vxe-radio-font-size-mini);
-}
 .vxe-table--render-default {
   /*暂无数据*/
 }