vxe-table 4.19.22 → 4.19.24

package/es/table/src/cell.js

@@ -536,7 +536,7 @@ export const Cell = {
         const { treeExpandedFlag } = tableReactData;
         const { fullAllDataRowIdData, treeExpandedMaps, treeExpandLazyLoadedMaps } = tableInternalData;
         const treeOpts = computeTreeOpts.value;
-        const { padding, indent, lazy, trigger, iconLoaded, showIcon, iconOpen, iconClose } = treeOpts;
+        const { padding, indent, lazy, trigger, visibleMethod, iconLoaded, showIcon, iconOpen, iconClose } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const rowChilds = row[childrenField];
@@ -571,7 +571,7 @@ export const Cell = {
                 }
                 : undefined
         }, [
-            showIcon && (lazy ? (isLazyLoaded ? hasChild : (hasChild || hasLazyChilds)) : hasChild)
+            showIcon && (lazy ? (isLazyLoaded ? hasChild : (hasChild || hasLazyChilds)) : hasChild) && (!visibleMethod || visibleMethod(params))
                 ? [
                     h('div', Object.assign({ class: 'vxe-cell--tree-btn' }, ons), [
                         h('i', {

package/es/table/src/columnInfo.js

@@ -13,7 +13,7 @@ export class ColumnInfo {
         const $xeGrid = $xeTable.xeGrid;
         const $xeGantt = $xeTable.xeGantt;
         const $xeGGWrapper = $xeGrid || $xeGantt;
-        const { type, field, width, visible, aggFunc, formatter, filterMultiple, cellRender, editRender, filterRender } = colConfs;
+        const { type, field, width, visible, fixed, align, headerAlign, footerAlign, aggFunc, formatter, filterMultiple, cellRender, editRender, filterRender } = colConfs;
         const colId = colConfs.colId || XEUtils.uniqueId('col_');
         const defaultVisible = XEUtils.isBoolean(visible) ? visible : true;
         const defaultRenderWidth = width && isPx(width) && width !== 'auto' ? Math.max(0, XEUtils.toInteger(width)) : 0;
@@ -75,10 +75,10 @@ export class ColumnInfo {
             minWidth: colConfs.minWidth,
             maxWidth: colConfs.maxWidth,
             resizable: colConfs.resizable,
-            fixed: colConfs.fixed,
-            align: colConfs.align,
-            headerAlign: colConfs.headerAlign,
-            footerAlign: colConfs.footerAlign,
+            fixed,
+            align,
+            headerAlign,
+            footerAlign,
             showOverflow: colConfs.showOverflow,
             showHeaderOverflow: colConfs.showHeaderOverflow,
             showFooterOverflow: colConfs.showFooterOverflow,
@@ -115,7 +115,7 @@ export class ColumnInfo {
             titleHelp: colConfs.titleHelp,
             titlePrefix: colConfs.titlePrefix,
             titleSuffix: colConfs.titleSuffix,
-            aggFunc: colConfs.aggFunc,
+            aggFunc,
             copyMethod: colConfs.copyMethod,
             cutMethod: colConfs.cutMethod,
             pasteMethod: colConfs.pasteMethod,
@@ -129,8 +129,11 @@ export class ColumnInfo {
             defaultParentId: null,
             halfVisible: false,
             defaultVisible: defaultVisible,
-            defaultFixed: colConfs.fixed,
-            defaultAggFunc: colConfs.aggFunc,
+            defaultFixed: fixed,
+            defaultAlign: align,
+            defaultHeaderAlign: headerAlign,
+            defaultFooterAlign: footerAlign,
+            defaultAggFunc: aggFunc,
             checked: false,
             halfChecked: false,
             disabled: false,
@@ -149,6 +152,9 @@ export class ColumnInfo {
             renderAggFn: '',
             renderAggDigits: null,
             renderAggFormat: null,
+            renderAlign: '',
+            renderHeaderAlign: '',
+            renderFooterAlign: '',
             renderFixed: '',
             renderVisible: false,
             renderWidth: defaultRenderWidth,

package/es/table/src/emits.js

@@ -83,6 +83,9 @@ export const tableEmits = [
     'custom-visible-all',
     'custom-fixed-change',
     'custom-sort-change',
+    'custom-align-change',
+    'custom-header-align-change',
+    'custom-footer-align-change',
     'change-fnr', // 废弃
     'open-fnr',
     'show-fnr',

package/es/table/src/table.js

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, wheelScrollTopTo, wheelScrollLeftTo, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey, checkTargetElement, hasEventInputTarget } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
-import { createReactData, createInternalData, getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, getColReMaxWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight, getLastChildColumn, getRowMaxHeight } from './util';
+import { createReactData, createInternalData, getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, getColReMaxWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight, getLastChildColumn, getRowMaxHeight, handleCustomStoreConfig } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from '../../ui/src/anime';
 import { createComponentLog } from '../../ui/src/log';
@@ -832,9 +832,6 @@ export default defineVxeComponent({
             internalData.currKeyField = keyField;
             internalData.isCurrDeepKey = hasDeepKey(keyField);
         };
-        const hangleStorageDefaultValue = (value, isAll) => {
-            return XEUtils.isBoolean(value) ? value : isAll;
-        };
         const getNextSortOrder = (column) => {
             const sortOpts = computeSortOpts.value;
             const { orders = [] } = sortOpts;
@@ -1490,19 +1487,18 @@ export default defineVxeComponent({
         const handleCustomRestore = (storeData) => {
             const { aggregateConfig, rowGroupConfig } = props;
             const { collectColumn } = internalData;
-            const customOpts = computeCustomOpts.value;
-            const { storage, storeOptions } = customOpts;
-            const isAllCustom = storage === true;
-            const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-            const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-            const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-            const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-            const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-            const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-            const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
-            let { resizableData, sortData, visibleData, fixedData, aggGroupData, aggFuncData } = storeData;
+            const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+            let { alignData, headerAlignData, footerAlignData, resizableData, sortData, visibleData, fixedData, aggGroupData, aggFuncData } = storeData;
             // 处理还原
-            if ((isCustomResizable && resizableData) || (isCustomSort && sortData) || (isCustomVisible && visibleData) || (isCustomFixed && fixedData) || (isCustomAggGroup && aggGroupData) || (isCustomAggFunc && aggFuncData)) {
+            if ((isCustomAlign && alignData) ||
+                (isCustomHeaderAlign && headerAlignData) ||
+                (isCustomFooterAlign && footerAlignData) ||
+                (isCustomResizable && resizableData) ||
+                (isCustomSort && sortData) ||
+                (isCustomVisible && visibleData) ||
+                (isCustomFixed && fixedData) ||
+                (isCustomAggGroup && aggGroupData) ||
+                (isCustomAggFunc && aggFuncData)) {
                 const sortColMaps = {};
                 if (isCustomSort && sortData) {
                     // 转换兼容老版本数据，即将废弃兼容
@@ -1585,16 +1581,19 @@ export default defineVxeComponent({
             const { customConfig } = props;
             const tableId = computeTableId.value;
             const customOpts = computeCustomOpts.value;
-            const { storage, restoreStore, storeOptions } = customOpts;
-            const isAllCustom = storage === true;
-            const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-            const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-            const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-            const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-            const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-            const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-            const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
-            if (storage && (customConfig ? isEnableConf(customOpts) : customOpts.enabled) && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort || isCustomAggGroup || isCustomAggFunc)) {
+            const { storage, restoreStore } = customOpts;
+            const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+            if (storage &&
+                (customConfig ? isEnableConf(customOpts) : customOpts.enabled) &&
+                (isCustomAlign ||
+                    isCustomHeaderAlign ||
+                    isCustomFooterAlign ||
+                    isCustomResizable ||
+                    isCustomVisible ||
+                    isCustomFixed ||
+                    isCustomSort ||
+                    isCustomAggGroup ||
+                    isCustomAggFunc)) {
                 if (!tableId) {
                     errLog('vxe.error.reqProp', ['id']);
                     return;
@@ -4224,8 +4223,9 @@ export default defineVxeComponent({
             const result = [];
             const columnIndex = $xeTable.getColumnIndex(treeNodeColumn);
             const $columnIndex = $xeTable.getVMColumnIndex(treeNodeColumn);
+            const _columnIndex = $xeTable.getVTColumnIndex(treeNodeColumn);
             const { handleGetRowId } = createHandleGetRowId($xeTable);
-            let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows;
+            let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: treeNodeColumn, columnIndex, $columnIndex, _columnIndex, row })) : rows;
             if (accordion) {
                 validRows = validRows.length ? [validRows[validRows.length - 1]] : [];
                 // 同一级只能展开一个
@@ -7986,6 +7986,9 @@ export default defineVxeComponent({
                     if (!checkMethod || checkMethod({ $table: $xeTable, column })) {
                         column.visible = column.defaultVisible;
                     }
+                    column.align = column.defaultAlign;
+                    column.headerAlign = column.defaultHeaderAlign;
+                    column.footerAlign = column.defaultFooterAlign;
                     column.aggFunc = column.defaultAggFunc;
                     column.renderAggFn = column.defaultAggFunc;
                     column.renderResizeWidth = column.renderWidth;
@@ -8027,15 +8030,11 @@ export default defineVxeComponent({
                 const customOpts = computeCustomOpts.value;
                 const { isRowGroupStatus, rowGroupList } = reactData;
                 const { fullColumnFieldData, collectColumn } = internalData;
-                const { storage, checkMethod, storeOptions } = customOpts;
-                const isAllCustom = storage === true;
-                const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-                const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-                const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-                const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-                const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-                const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-                const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
+                const { storage, checkMethod } = customOpts;
+                const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+                const alignData = {};
+                const headerAlignData = {};
+                const footerAlignData = {};
                 const resizableData = {};
                 const sortData = [];
                 const visibleData = {};
@@ -8043,6 +8042,9 @@ export default defineVxeComponent({
                 const aggGroupData = {};
                 const aggFuncData = {};
                 const storeData = {
+                    alignData: undefined,
+                    headerAlignData: undefined,
+                    footerAlignData: undefined,
                     resizableData: undefined,
                     sortData: undefined,
                     visibleData: undefined,
@@ -8056,6 +8058,9 @@ export default defineVxeComponent({
                     }
                     return storeData;
                 }
+                let hasAlign = 0;
+                let hasHeaderAlign = 0;
+                let hasFooterAlign = 0;
                 let hasResizable = 0;
                 let hasSort = 0;
                 let hasFixed = 0;
@@ -8096,6 +8101,18 @@ export default defineVxeComponent({
                             fixedData[colKey] = column.fixed;
                         }
                     }
+                    if (isCustomAlign && column.align) {
+                        hasAlign = 1;
+                        alignData[colKey] = column.align;
+                    }
+                    if (isCustomHeaderAlign && column.headerAlign) {
+                        hasHeaderAlign = 1;
+                        headerAlignData[colKey] = column.headerAlign;
+                    }
+                    if (isCustomFooterAlign && column.footerAlign) {
+                        hasFooterAlign = 1;
+                        footerAlignData[colKey] = column.footerAlign;
+                    }
                     if (isCustomResizable && column.resizeWidth) {
                         hasResizable = 1;
                         resizableData[colKey] = column.renderWidth;
@@ -8115,6 +8132,15 @@ export default defineVxeComponent({
                         aggFuncData[colKey] = column.aggFunc;
                     }
                 });
+                if (hasAlign) {
+                    storeData.alignData = alignData;
+                }
+                if (hasHeaderAlign) {
+                    storeData.headerAlignData = headerAlignData;
+                }
+                if (hasFooterAlign) {
+                    storeData.footerAlignData = footerAlignData;
+                }
                 if (hasResizable) {
                     storeData.resizableData = resizableData;
                 }
@@ -10004,26 +10030,32 @@ export default defineVxeComponent({
                 const { customConfig } = props;
                 const tableId = computeTableId.value;
                 const customOpts = computeCustomOpts.value;
-                const { updateStore, storage, storeOptions } = customOpts;
-                const isAllCustom = storage === true;
-                const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-                const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-                const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-                const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-                const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-                const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-                const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
+                const { updateStore, storage } = customOpts;
+                const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
                 if (type !== 'reset') {
                     // fix：修复拖动列宽，重置按钮无法点击的问题
                     reactData.isCustomStatus = true;
                 }
-                if (storage && (customConfig ? isEnableConf(customOpts) : customOpts.enabled) && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort || isCustomAggGroup || isCustomAggFunc)) {
+                if (storage &&
+                    (customConfig ? isEnableConf(customOpts) : customOpts.enabled) &&
+                    (isCustomAlign ||
+                        isCustomHeaderAlign ||
+                        isCustomFooterAlign ||
+                        isCustomResizable ||
+                        isCustomVisible ||
+                        isCustomFixed ||
+                        isCustomSort ||
+                        isCustomAggGroup ||
+                        isCustomAggFunc)) {
                     if (!tableId) {
                         errLog('vxe.error.reqProp', ['id']);
                         return nextTick();
                     }
                     const storeData = type === 'reset'
                         ? {
+                            alignData: {},
+                            headerAlignData: {},
+                            footerAlignData: {},
                             resizableData: {},
                             sortData: [],
                             visibleData: {},

package/es/table/src/util.js

@@ -219,7 +219,8 @@ export function createReactData() {
             activeWrapper: false,
             visible: false,
             maxHeight: null,
-            popupStyle: {},
+            defPopupStyle: {},
+            panePopupStyle: {},
             oldSortMaps: {},
             oldFixedMaps: {},
             oldVisibleMaps: {}
@@ -1019,3 +1020,33 @@ export function colToVisible($xeTable, isForce, column, row) {
     }
     return Promise.resolve();
 }
+function hangleBolleanDefaultValue(currVal, defVal) {
+    return XEUtils.isBoolean(currVal) ? currVal : defVal;
+}
+export function handleCustomStoreConfig($xeTable) {
+    const { computeCustomOpts } = $xeTable.getComputeMaps();
+    const customOpts = computeCustomOpts.value;
+    const { storage, storeOptions } = customOpts;
+    const isAllCustom = storage === true;
+    const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
+    const isCustomAlign = hangleBolleanDefaultValue(storageOpts.align, isAllCustom);
+    const isCustomHeaderAlign = hangleBolleanDefaultValue(storageOpts.headerAlign, isAllCustom);
+    const isCustomFooterAlign = hangleBolleanDefaultValue(storageOpts.footerAlign, isAllCustom);
+    const isCustomResizable = hangleBolleanDefaultValue(storageOpts.resizable, isAllCustom);
+    const isCustomVisible = hangleBolleanDefaultValue(storageOpts.visible, isAllCustom);
+    const isCustomFixed = hangleBolleanDefaultValue(storageOpts.fixed, isAllCustom);
+    const isCustomSort = hangleBolleanDefaultValue(storageOpts.sort, isAllCustom);
+    const isCustomAggGroup = hangleBolleanDefaultValue(storageOpts.aggGroup, isAllCustom);
+    const isCustomAggFunc = hangleBolleanDefaultValue(storageOpts.aggFunc, isAllCustom);
+    return {
+        isCustomAlign,
+        isCustomHeaderAlign,
+        isCustomFooterAlign,
+        isCustomResizable,
+        isCustomVisible,
+        isCustomFixed,
+        isCustomSort,
+        isCustomAggGroup,
+        isCustomAggFunc
+    };
+}

package/es/table/style.css

@@ -543,7 +543,7 @@
 
 @font-face {
   font-family: "vxetableiconfont";
-  src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2");
+  src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2");
 }
 @keyframes rollCircle {
   0% {
@@ -599,6 +599,34 @@
   color: var(--vxe-ui-status-error-color);
 }
 
+.vxe-table-icon-top:before {
+  content: "\e614";
+}
+
+.vxe-table-icon-arrows-up:before {
+  content: "\f297";
+}
+
+.vxe-table-icon-arrows-down:before {
+  content: "\f298";
+}
+
+.vxe-table-icon-bottom:before {
+  content: "\f29b";
+}
+
+.vxe-table-icon-align-center:before {
+  content: "\e610";
+}
+
+.vxe-table-icon-align-right:before {
+  content: "\e6b9";
+}
+
+.vxe-table-icon-align-left:before {
+  content: "\e6bb";
+}
+
 .vxe-table-icon-radio-unchecked-fill:before {
   content: "\e699";
 }
@@ -743,6 +771,27 @@
   content: "\f291";
 }
 
+.vxe-table-custom-wrapper,
+.vxe-table-custom-popup--body-wrapper {
+  --vxe-ui-table-custom-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-table-custom-current-row-height: var(--vxe-ui-table-row-height-default);
+}
+.vxe-table-custom-wrapper.size--medium,
+.vxe-table-custom-popup--body-wrapper.size--medium {
+  --vxe-ui-table-custom-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-table-custom-current-row-height: var(--vxe-ui-table-row-height-medium);
+}
+.vxe-table-custom-wrapper.size--small,
+.vxe-table-custom-popup--body-wrapper.size--small {
+  --vxe-ui-table-custom-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-table-custom-current-row-height: var(--vxe-ui-table-row-height-small);
+}
+.vxe-table-custom-wrapper.size--mini,
+.vxe-table-custom-popup--body-wrapper.size--mini {
+  --vxe-ui-table-custom-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-table-custom-current-row-height: var(--vxe-ui-table-row-height-mini);
+}
+
 .vxe-table-custom--option {
   position: relative;
   display: flex;
@@ -791,6 +840,7 @@
   text-align: left;
   background-color: var(--vxe-ui-layout-background-color);
   z-index: 19;
+  font-size: var(--vxe-ui-table-custom-current-font-size);
   color: var(--vxe-ui-font-color);
   border: 1px solid var(--vxe-ui-table-border-color);
   border-radius: var(--vxe-ui-border-radius);
@@ -847,8 +897,8 @@
   padding: 0;
 }
 .vxe-table-custom--panel-list > li {
-  max-width: 28em;
-  min-width: 18em;
+  max-width: var(--vxe-ui-vxe-table-custom-default-max-width);
+  min-width: var(--vxe-ui-vxe-table-custom-default-min-width);
   padding: 0.2em 1em 0.2em 1em;
 }
 .vxe-table-custom--panel-list > li.level--2 {
@@ -1007,6 +1057,7 @@
   position: relative;
   display: flex;
   flex-direction: row;
+  font-size: var(--vxe-ui-table-custom-current-font-size);
   overflow: hidden;
   height: 100%;
   outline: 0;
@@ -1033,37 +1084,40 @@
   border-collapse: separate;
   box-sizing: border-box;
 }
-.vxe-table-custom-popup--table-wrapper table th {
+.vxe-table-custom-popup--table-wrapper th {
   position: sticky;
   top: 0;
-  text-align: left;
+  text-align: center;
   border-top: 1px solid var(--vxe-ui-table-border-color);
   border-bottom: 1px solid var(--vxe-ui-table-border-color);
   border-left: 1px solid var(--vxe-ui-table-border-color);
   background-color: var(--vxe-ui-table-header-background-color);
   z-index: 7;
 }
-.vxe-table-custom-popup--table-wrapper table td {
+.vxe-table-custom-popup--table-wrapper th.col--title {
+  text-align: left;
+}
+.vxe-table-custom-popup--table-wrapper td {
   border-top: 1px solid var(--vxe-ui-table-border-color);
   border-left: 1px solid var(--vxe-ui-table-border-color);
 }
-.vxe-table-custom-popup--table-wrapper table tr {
+.vxe-table-custom-popup--table-wrapper tr {
   box-sizing: border-box;
 }
-.vxe-table-custom-popup--table-wrapper table tr:first-child td {
+.vxe-table-custom-popup--table-wrapper tr:first-child td {
   border-top: 0;
 }
-.vxe-table-custom-popup--table-wrapper table tr:hover {
+.vxe-table-custom-popup--table-wrapper tr:hover {
   background-color: var(--vxe-ui-table-row-hover-background-color);
 }
-.vxe-table-custom-popup--table-wrapper table th,
-.vxe-table-custom-popup--table-wrapper table td {
-  height: 44px;
+.vxe-table-custom-popup--table-wrapper th,
+.vxe-table-custom-popup--table-wrapper td {
+  height: var(--vxe-ui-table-custom-current-row-height);
   padding: 0 0.6em;
   box-sizing: border-box;
 }
-.vxe-table-custom-popup--table-wrapper table th:last-child,
-.vxe-table-custom-popup--table-wrapper table td:last-child {
+.vxe-table-custom-popup--table-wrapper th:last-child,
+.vxe-table-custom-popup--table-wrapper td:last-child {
   border-right: 1px solid var(--vxe-ui-table-border-color);
 }
 
@@ -1213,35 +1267,36 @@
   padding-left: 192px;
 }
 
-.vxe-table-custom-popup--column-item {
+.vxe-table-custom-popup--column-td {
   position: relative;
-}
-.vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
   text-align: center;
 }
-.vxe-table-custom-popup--column-item.col--resizable > .vxe-input, .vxe-table-custom-popup--column-item.col--resizable > .vxe-number-input {
+.vxe-table-custom-popup--column-td.col--name {
+  text-align: left;
+}
+.vxe-table-custom-popup--column-td.col--resizable > .vxe-input, .vxe-table-custom-popup--column-td.col--resizable > .vxe-number-input {
   width: 100%;
 }
 
-.vxe-table-custom-popup--row.active--drag-origin .vxe-table-custom-popup--column-item {
+.vxe-table-custom-popup--row.active--drag-origin .vxe-table-custom-popup--column-td {
   opacity: 0.5;
 }
-.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after {
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-td::after {
   display: block;
   top: -2px;
 }
-.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-td::after {
   display: block;
   bottom: -2px;
 }
-.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after {
+.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-td::after {
   top: 0;
 }
-.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-td::after {
   bottom: 0;
 }
 
-.vxe-table-custom-popup--column-item::after {
+.vxe-table-custom-popup--column-td::after {
   display: none;
   content: "";
   position: absolute;
@@ -1251,7 +1306,7 @@
   background-color: var(--vxe-ui-font-primary-color);
   z-index: 12;
 }
-.vxe-table-custom-popup--column-item:last-child::after {
+.vxe-table-custom-popup--column-td:last-child::after {
   width: 100%;
 }
 
@@ -1293,37 +1348,29 @@
   cursor: help;
 }
 
-.vxe-table-custom-popup--table-col-seq {
-  width: 80px;
+.vxe-table-custom-popup--column-col.col--checkbox {
+  width: var(--vxe-ui-vxe-table-custom-column-checkbox-width);
 }
-
-.vxe-table-custom-popup--table-col-sort {
-  width: 80px;
+.vxe-table-custom-popup--column-col.col--sort {
+  width: var(--vxe-ui-vxe-table-custom-column-sort-width);
 }
-
-.vxe-table-custom-popup--table-col-title {
-  min-width: 120px;
+.vxe-table-custom-popup--column-col.col--title {
+  min-width: var(--vxe-ui-vxe-table-custom-column-title-min-width);
 }
-
-.vxe-table-custom-popup--table-col-width {
-  width: 140px;
+.vxe-table-custom-popup--column-col.col--width {
+  width: var(--vxe-ui-vxe-table-custom-column-width-width);
 }
-
-.vxe-table-custom-popup--table-col-fixed {
-  width: 200px;
+.vxe-table-custom-popup--column-col.col--fixed {
+  width: var(--vxe-ui-vxe-table-custom-column-fixed-width);
 }
-
-.vxe-table-custom-wrapper {
-  font-size: var(--vxe-ui-font-size-default);
+.vxe-table-custom-popup--column-col.col--align {
+  width: var(--vxe-ui-vxe-table-custom-column-align-width);
 }
-.vxe-table-custom-wrapper.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-table-custom-wrapper.size--small {
-  font-size: var(--vxe-ui-font-size-small);
+.vxe-table-custom-popup--column-col.col--header-align {
+  width: var(--vxe-ui-vxe-table-custom-column-header-align-width);
 }
-.vxe-table-custom-wrapper.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
+.vxe-table-custom-popup--column-col.col--footer-align {
+  width: var(--vxe-ui-vxe-table-custom-column-footer-align-width);
 }
 
 .vxe-table-export--panel-column > ul {