vxe-table 4.21.1 → 4.21.3

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

@@ -471,6 +471,10 @@ VxeUI.hooks.add('tableCustomModule', {
             handleUpdateCustomColumn,
             handleCustomStyle() {
                 const reactData = $xeTable.reactData;
+                const { customStore } = reactData;
+                if (!customStore.visible) {
+                    return nextTick();
+                }
                 reactData.isCustomDragStatus = false;
                 return updatePopupStyle();
             }

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

@@ -117,9 +117,10 @@ export default defineVxeComponent({
             const { hasMerge, columns } = storeData;
             const checkedAll = computeCheckedAll.value;
             const supportMerge = computeSupportMerge.value;
-            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/hook.js

@@ -257,7 +257,7 @@ const tableExportMethodKeys = ['exportData', 'importByFile', 'importData', 'save
 hooks.add('tableExportModule', {
     setupTable($xeTable) {
         const { props, reactData, internalData } = $xeTable;
-        const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeCustomOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
+        const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
         const getSeq = (cellValue, row, $rowIndex, column, $columnIndex) => {
             const seqOpts = computeSeqOpts.value;
             const seqMd = seqOpts.seqMethod || column.seqMethod;
@@ -1214,9 +1214,9 @@ hooks.add('tableExportModule', {
             const { initStore, isGroup, rowGroupList, footerTableData, exportStore, exportParams } = reactData;
             const { collectColumn, mergeBodyList, mergeFooterList } = internalData;
             const exportOpts = computeExportOpts.value;
+            const printOpts = computePrintOpts.value;
             const hasTree = !!treeConfig;
             const hasRowGroup = rowGroupList.length > 0;
-            const customOpts = computeCustomOpts.value;
             const selectRecords = $xeTable.getCheckboxRecords();
             const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : {};
             const hasFooter = !!footerTableData.length;
@@ -1237,9 +1237,9 @@ hooks.add('tableExportModule', {
                 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;
             // 处理类型
@@ -1346,10 +1346,10 @@ hooks.add('tableExportModule', {
                 }
             }
             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 = '';
@@ -1438,7 +1438,13 @@ hooks.add('tableExportModule', {
                 }
                 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/hook.js

@@ -15,6 +15,92 @@ hooks.add('tableFilterModule', {
         const { props, reactData, internalData } = $xeTable;
         const { refElem, refTableFilter } = $xeTable.getRefMaps();
         const { computeFilterOpts, computeMouseOpts } = $xeTable.getComputeMaps();
+        const updatePopupStyle = () => {
+            const { filterStore } = reactData;
+            const { elemStore } = internalData;
+            const { column, targetEl } = filterStore;
+            if (!column || !targetEl) {
+                return nextTick();
+            }
+            const tableEl = refElem.value;
+            const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
+            const filterOpts = computeFilterOpts.value;
+            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 nextTick();
+            }
+            const tableFilter = refTableFilter.value;
+            const filterWrapperElem = tableFilter ? tableFilter.getRefMaps().refElem.value : null;
+            if (!filterWrapperElem) {
+                return 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.getRefMaps().refElem.value;
+                    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 nextTick();
+        };
         const filterPrivateMethods = {
             checkFilterOptions() {
                 const { filterStore } = reactData;
@@ -27,96 +113,21 @@ hooks.add('tableFilterModule', {
             },
             handleOpenFilterColumn(evnt, btnEl, colEl, column, params) {
                 const { initStore, filterStore } = reactData;
-                const { elemStore } = internalData;
                 if (filterStore.column === column && filterStore.visible) {
                     filterStore.visible = false;
                 }
                 else {
-                    const tableEl = refElem.value;
-                    const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
-                    const filterOpts = computeFilterOpts.value;
-                    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;
-                    nextTick(() => {
-                        const headerScrollElem = getRefElem(elemStore['main-header-scroll']);
-                        if (!headerScrollElem) {
-                            return;
-                        }
-                        const tableFilter = refTableFilter.value;
-                        const filterWrapperElem = tableFilter ? tableFilter.getRefMaps().refElem.value : 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 = btnEl ? 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.getRefMaps().refElem.value;
-                                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;
-                    });
                 }
+                nextTick(() => {
+                    updatePopupStyle();
+                });
                 $xeTable.dispatchEvent('filter-visible', { column, field: column.field, property: column.field, filterList: $xeTable.getCheckedFilters(), visible: filterStore.visible }, evnt);
             },
             /**
@@ -274,6 +285,13 @@ hooks.add('tableFilterModule', {
                         $xeTable.dispatchEvent('clear-filter', { filterList: [] }, evnt);
                     }
                 }
+            },
+            handleFilterStyle() {
+                const { filterStore } = reactData;
+                if (!filterStore.visible) {
+                    return nextTick();
+                }
+                return updatePopupStyle();
             }
         };
         const filterMethods = {

package/es/table/src/body.js

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { getRowid, createHandleGetRowId, getCellRestHeight } from './util';
 import { updateCellTitle, getPropClass } from '../../ui/src/dom';
-import { isEnableConf } from '../../ui/src/utils';
+import { isEnableConf, getDefaultConfig } from '../../ui/src/utils';
 import { getSlotVNs } from '../../ui/src/vn';
 const { getI18n, renderer, renderEmptyElement } = VxeUI;
 const sourceType = 'table';
@@ -135,8 +135,13 @@ export default defineVxeComponent({
             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 === true ? tooltipOpts.mode : cellOverflow) === 'ellipsis';
             const showTitle = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === 'title';
             const showTooltip = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === 'tooltip';
@@ -428,7 +433,10 @@ export default defineVxeComponent({
                         '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

@@ -4,6 +4,7 @@ import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { updateCellTitle, getPropClass } from '../../ui/src/dom';
 import { getCalcHeight } from './util';
+import { getDefaultConfig } from '../../ui/src/utils';
 const { renderer, renderEmptyElement } = VxeUI;
 const sourceType = 'table';
 const renderType = 'footer';
@@ -61,8 +62,13 @@ export default defineVxeComponent({
                 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';
@@ -169,7 +175,10 @@ export default defineVxeComponent({
                             '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
                         }, getPropClass(footerClassName, cellParams), getPropClass(footerCellClassName, cellParams)] }, attrs), { style: footerCellStyle ? (XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle) : null }), tfOns), { key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex }), [

package/es/table/src/header.js

@@ -2,7 +2,7 @@ import { h, ref, inject, nextTick, watch, onMounted, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
-import { isEnableConf } from '../../ui/src/utils';
+import { getDefaultConfig, isEnableConf } from '../../ui/src/utils';
 import { getCalcHeight, convertHeaderColumnToRows, convertHeaderToGridRows } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 const { renderer, renderEmptyElement } = VxeUI;
@@ -73,8 +73,13 @@ export default defineVxeComponent({
                 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 === true ? headerTooltipOpts.mode : headOverflow) === 'ellipsis';
                 const showTitle = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === 'title';
@@ -192,7 +197,10 @@ export default defineVxeComponent({
                             '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/table.js

@@ -2033,10 +2033,9 @@ export default defineVxeComponent({
             if (!el || !el.clientWidth) {
                 return;
             }
-            const cellOpts = computeCellOpts.value;
             const treeOpts = computeTreeOpts.value;
             const defaultRowHeight = computeDefaultRowHeight.value;
-            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 => {
@@ -8415,6 +8414,11 @@ export default defineVxeComponent({
             }
         };
         const handleGlobalScrollEvent = (evnt) => {
+            const { filterStore } = reactData;
+            const filterOpts = computeFilterOpts.value;
+            if (filterStore.visible && filterOpts.transfer) {
+                $xeTable.handleFilterStyle();
+            }
             reUpdateCustomStyleEvent(evnt);
         };
         /**
@@ -14265,6 +14269,12 @@ export default defineVxeComponent({
         }, () => {
             reLayoutFlag.value++;
         });
+        watch(() => {
+            const cellOpts = computeCellOpts.value;
+            return cellOpts.height;
+        }, () => {
+            reLayoutFlag.value++;
+        });
         watch(reLayoutFlag, () => {
             $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 {
   /*暂无数据*/
 }