vxe-table 4.17.20 → 4.17.22

package/es/table/render/index.js

@@ -532,9 +532,8 @@ function oldSelectEditRender(renderOpts, params) {
         h(getOldComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, { options, optionProps, optionGroups, optionGroupProps })), getEditOns(renderOpts, params)))
     ];
 }
-function getSelectCellValue(renderOpts, { row, column }) {
+function handleSelectCellValue(cellValue, renderOpts) {
     const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props = {} } = renderOpts;
-    const cellValue = XEUtils.get(row, column.field);
     let selectItem;
     const labelProp = optionProps.label || 'label';
     const valueProp = optionProps.value || 'value';
@@ -571,13 +570,16 @@ function getSelectCellValue(renderOpts, { row, column }) {
     }
     return '';
 }
+function getSelectCellValue(renderOpts, { row, column }) {
+    const cellValue = XEUtils.get(row, column.field);
+    return handleSelectCellValue(cellValue, renderOpts);
+}
 function handleExportSelectMethod(params) {
     const { row, column, options } = params;
     return options.original ? getCellValue(row, column) : getSelectCellValue(column.editRender || column.cellRender, params);
 }
-function getTreeSelectCellValue(renderOpts, { row, column }) {
+function handleTreeSelectCellValue(cellValue, renderOpts) {
     const { options, optionProps = {} } = renderOpts;
-    const cellValue = XEUtils.get(row, column.field);
     const labelProp = optionProps.label || 'label';
     const valueProp = optionProps.value || 'value';
     const childrenProp = optionProps.children || 'children';
@@ -593,6 +595,10 @@ function getTreeSelectCellValue(renderOpts, { row, column }) {
     }
     return '';
 }
+function getTreeSelectCellValue(renderOpts, { row, column }) {
+    const cellValue = XEUtils.get(row, column.field);
+    return handleTreeSelectCellValue(cellValue, renderOpts);
+}
 function handleExportTreeSelectMethod(params) {
     const { row, column, options } = params;
     return options.original ? getCellValue(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
@@ -654,6 +660,91 @@ function handleNumberCell(renderOpts, params) {
         }
         : {});
 }
+function handleFormatSelect(renderOpts, params) {
+    const { cellValue } = params;
+    return handleSelectCellValue(cellValue, renderOpts);
+}
+function handleSetSelectValue(renderOpts, params) {
+    const { row, column, cellValue } = params;
+    const { field } = column;
+    if (field) {
+        const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props } = renderOpts;
+        if (isEmptyValue(cellValue)) {
+            XEUtils.set(row, field, props && props.multiple ? [] : null);
+            return;
+        }
+        const isMultiVal = XEUtils.indexOf(`${cellValue}`, ',') > -1;
+        const labelProp = optionProps.label || 'label';
+        const valueProp = optionProps.value || 'value';
+        const labelMpas = {};
+        if (optionGroups && optionGroups.length) {
+            const groupOptions = optionGroupProps.options || 'options';
+            for (let i = 0; i < optionGroups.length; i++) {
+                const opts = optionGroups[i][groupOptions] || {};
+                for (let j = 0; j < opts.length; j++) {
+                    const item = opts[j];
+                    if (isMultiVal) {
+                        labelMpas[item[labelProp]] = item;
+                        /* eslint-disable eqeqeq */
+                    }
+                    else if (item[labelProp] == cellValue) {
+                        XEUtils.set(row, field, item[valueProp]);
+                        return;
+                    }
+                }
+            }
+        }
+        else {
+            if (options) {
+                for (let i = 0; i < options.length; i++) {
+                    const item = options[i];
+                    if (isMultiVal) {
+                        labelMpas[item[labelProp]] = item;
+                        /* eslint-disable eqeqeq */
+                    }
+                    else if (item[labelProp] == cellValue) {
+                        XEUtils.set(row, field, item[valueProp]);
+                        return;
+                    }
+                }
+            }
+        }
+        if (isMultiVal) {
+            XEUtils.set(row, field, (isMultiVal
+                ? cellValue.split(',')
+                : [cellValue]).map((label) => {
+                const item = labelMpas[label];
+                return item ? item[valueProp] : label;
+            }));
+        }
+        else {
+            XEUtils.set(row, field, cellValue);
+        }
+    }
+}
+function handleFormatTreeSelect(renderOpts, params) {
+    const { cellValue } = params;
+    return handleTreeSelectCellValue(cellValue, renderOpts);
+}
+function handleSetTreeSelectValue(renderOpts, params) {
+    const { row, column, cellValue } = params;
+    const { field } = column;
+    if (field) {
+        const { options, optionProps = {} } = renderOpts;
+        const labelProp = optionProps.label || 'label';
+        const valueProp = optionProps.value || 'value';
+        const childrenProp = optionProps.children || 'children';
+        const matchRest = XEUtils.findTree(options || [], item => XEUtils.get(item, labelProp) === cellValue, { children: childrenProp });
+        if (matchRest) {
+            const selectItem = matchRest.item;
+            if (selectItem) {
+                XEUtils.set(row, field, selectItem[valueProp]);
+                return;
+            }
+        }
+        XEUtils.set(row, field, cellValue);
+    }
+}
 /**
  * 表格 - 渲染器
  */
@@ -681,6 +772,9 @@ renderer.mixin({
                 return h('select', Object.assign(Object.assign({ key: oIndex, class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeFilterOns(renderOpts, params, option)), renderOpts.optionGroups ? renderNativeOptgroups(renderOpts, params, renderNativeOptions) : renderNativeOptions(renderOpts.options, renderOpts, params));
             });
         },
+        tableCellFormatter: handleFormatSelect,
+        tableCellCopyMethod: handleFormatSelect,
+        tableCellPasteMethod: handleSetSelectValue,
         tableFilterDefaultMethod: handleFilterMethod,
         tableExportMethod: handleExportSelectMethod
     },
@@ -907,6 +1001,9 @@ renderer.mixin({
             const optionValue = option.data;
             return h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditFilterProps(renderOpts, params, optionValue, { options, optionProps, optionGroups, optionGroupProps })), getFloatingFilterOns(renderOpts, params, option)));
         },
+        tableCellFormatter: handleFormatSelect,
+        tableCellCopyMethod: handleFormatSelect,
+        tableCellPasteMethod: handleSetSelectValue,
         tableFilterDefaultMethod: handleFilterMethod,
         tableExportMethod: handleExportSelectMethod
     },
@@ -944,6 +1041,9 @@ renderer.mixin({
         renderTableDefault(renderOpts, params) {
             return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
         },
+        tableCellFormatter: handleFormatSelect,
+        tableCellCopyMethod: handleFormatSelect,
+        tableCellPasteMethod: handleSetSelectValue,
         tableFilterDefaultMethod: handleFilterMethod,
         tableExportMethod: handleExportSelectMethod
     },
@@ -953,6 +1053,9 @@ renderer.mixin({
         renderTableCell(renderOpts, params) {
             return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
         },
+        tableCellFormatter: handleFormatTreeSelect,
+        tableCellCopyMethod: handleFormatTreeSelect,
+        tableCellPasteMethod: handleSetTreeSelectValue,
         tableExportMethod: handleExportTreeSelectMethod
     },
     /**
@@ -968,6 +1071,9 @@ renderer.mixin({
         renderTableDefault(renderOpts, params) {
             return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
         },
+        tableCellFormatter: handleFormatTreeSelect,
+        tableCellCopyMethod: handleFormatTreeSelect,
+        tableCellPasteMethod: handleSetTreeSelectValue,
         tableExportMethod: handleExportTreeSelectMethod
     },
     VxeTableSelect: {
@@ -976,6 +1082,9 @@ renderer.mixin({
         renderTableCell(renderOpts, params) {
             return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
         },
+        tableCellFormatter: handleFormatTreeSelect,
+        tableCellCopyMethod: handleFormatTreeSelect,
+        tableCellPasteMethod: handleSetTreeSelectValue,
         tableExportMethod: handleExportTreeSelectMethod
     },
     VxeColorPicker: {

package/es/table/src/cell.js

@@ -366,8 +366,9 @@ export const Cell = {
             const { fullColumnFieldData } = tableInternalData;
             const { computeAggregateOpts } = $table.getComputeMaps();
             const aggregateOpts = computeAggregateOpts.value;
-            const { mode, showTotal, totalMethod, countFields, contentMethod, mapChildrenField } = aggregateOpts;
-            const aggCalcMethod = aggregateOpts.calcValuesMethod || aggregateOpts.countMethod || aggregateOpts.aggregateMethod;
+            const { mode, showTotal, totalMethod, countFields, contentMethod, formatValuesMethod, mapChildrenField } = aggregateOpts;
+            const aggData = aggRow.aggData;
+            const currAggData = aggData ? aggData[field] : null;
             const groupField = aggRow.groupField;
             const groupContent = aggRow.groupContent;
             const childList = mapChildrenField ? (aggRow[mapChildrenField] || []) : [];
@@ -409,9 +410,10 @@ export const Cell = {
                 cellValue = $table.getPivotTableAggregateCellAggValue(params);
             }
             else if (aggFunc === true || (countFields && countFields.includes(field))) {
-                if (aggCalcMethod) {
-                    ctParams.aggValue = childCount;
-                    cellValue = `${aggCalcMethod(ctParams)}`;
+                cellValue = currAggData ? currAggData.value : childCount;
+                ctParams.aggValue = cellValue;
+                if (formatValuesMethod) {
+                    cellValue = formatValuesMethod(ctParams);
                 }
             }
         }
@@ -465,7 +467,7 @@ export const Cell = {
         const { rowGroupExpandedFlag } = tableReactData;
         const { rowGroupExpandedMaps } = tableInternalData;
         const aggregateOpts = computeAggregateOpts.value;
-        const { mode, padding, indent } = aggregateOpts;
+        const { mode, padding, indent, showIcon, iconOpen, iconClose } = aggregateOpts;
         const rowid = getRowid($table, row);
         const isExpand = !!rowGroupExpandedFlag && !!rowGroupExpandedMaps[rowid];
         return h('div', {
@@ -478,7 +480,7 @@ export const Cell = {
                 }
                 : undefined
         }, [
-            row.isAggregate
+            showIcon && row.isAggregate
                 ? h('span', {
                     class: 'vxe-row-group--node-btn',
                     onClick(evnt) {
@@ -486,7 +488,7 @@ export const Cell = {
                     }
                 }, [
                     h('i', {
-                        class: isExpand ? getIcon().TABLE_ROW_GROUP_OPEN : getIcon().TABLE_ROW_GROUP_CLOSE
+                        class: isExpand ? (iconOpen || getIcon().TABLE_ROW_GROUP_OPEN) : (iconClose || getIcon().TABLE_ROW_GROUP_CLOSE)
                     })
                 ])
                 : renderEmptyElement($table),

package/es/table/src/table.js

@@ -33,6 +33,7 @@ const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
 const maxXWidth = 5e6;
+const sourceType = 'table';
 let crossTableDragRowObj = null;
 export default defineVxeComponent({
     name: 'VxeTable',
@@ -817,6 +818,13 @@ export default defineVxeComponent({
             });
             return rgColumns;
         });
+        const computeAggFuncColumns = computed(() => {
+            const { rowGroupList, tableColumn } = reactData;
+            if (rowGroupList.length) {
+                return tableColumn.filter(column => column.aggFunc);
+            }
+            return [];
+        });
         const refMaps = {
             refElem,
             refTooltip,
@@ -916,6 +924,7 @@ export default defineVxeComponent({
             computeVirtualScrollBars,
             computeRowGroupFields,
             computeRowGroupColumns,
+            computeAggFuncColumns,
             computeFNROpts,
             computeSXOpts,
             computeSYOpts
@@ -2071,26 +2080,52 @@ export default defineVxeComponent({
             }
         };
         const getOrderField = (column) => {
-            const { sortBy, sortType } = column;
-            return (row) => {
-                let cellValue;
-                if (sortBy) {
-                    cellValue = XEUtils.isFunction(sortBy) ? sortBy({ row, column }) : XEUtils.get(row, sortBy);
-                }
-                else {
-                    cellValue = tableMethods.getCellLabel(row, column);
-                }
-                if (!sortType || sortType === 'auto') {
-                    return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
-                }
-                else if (sortType === 'number') {
-                    return XEUtils.toNumber(cellValue);
-                }
-                else if (sortType === 'string') {
-                    return XEUtils.toValueString(cellValue);
+            const { isRowGroupStatus } = reactData;
+            const { sortBy, sortType, aggFunc } = column;
+            return isRowGroupStatus && aggFunc
+                ? (row) => {
+                    if (row.isAggregate) {
+                        const aggData = row.aggData;
+                        const currAggData = aggData ? aggData[column.field] : null;
+                        return currAggData ? currAggData.value : null;
+                    }
+                    let cellValue;
+                    if (sortBy) {
+                        cellValue = XEUtils.isFunction(sortBy) ? sortBy({ row, column }) : XEUtils.get(row, sortBy);
+                    }
+                    else {
+                        cellValue = tableMethods.getCellLabel(row, column);
+                    }
+                    if (!sortType || sortType === 'auto') {
+                        return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
+                    }
+                    else if (sortType === 'number') {
+                        return XEUtils.toNumber(cellValue);
+                    }
+                    else if (sortType === 'string') {
+                        return XEUtils.toValueString(cellValue);
+                    }
+                    return cellValue;
                 }
-                return cellValue;
-            };
+                : (row) => {
+                    let cellValue;
+                    if (sortBy) {
+                        cellValue = XEUtils.isFunction(sortBy) ? sortBy({ row, column }) : XEUtils.get(row, sortBy);
+                    }
+                    else {
+                        cellValue = tableMethods.getCellLabel(row, column);
+                    }
+                    if (!sortType || sortType === 'auto') {
+                        return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
+                    }
+                    else if (sortType === 'number') {
+                        return XEUtils.toNumber(cellValue);
+                    }
+                    else if (sortType === 'string') {
+                        return XEUtils.toValueString(cellValue);
+                    }
+                    return cellValue;
+                };
         };
         const updateAfterListIndex = () => {
             const { treeConfig } = props;
@@ -3414,8 +3449,11 @@ export default defineVxeComponent({
             handleUpdateAggValues();
         };
         const handleeGroupSummary = (aggList) => {
+            const { fullColumnFieldData } = internalData;
             const aggregateOpts = computeAggregateOpts.value;
+            const aggFuncColumns = computeAggFuncColumns.value;
             const { mapChildrenField } = aggregateOpts;
+            const aggCalcMethod = aggregateOpts.calcValuesMethod || aggregateOpts.countMethod || aggregateOpts.aggregateMethod;
             if (mapChildrenField) {
                 XEUtils.lastEach(aggList, aggRow => {
                     let count = 0;
@@ -3432,6 +3470,64 @@ export default defineVxeComponent({
                 if ($xeTable.handlePivotTableAggregateData) {
                     $xeTable.handlePivotTableAggregateData(aggList);
                 }
+                else {
+                    if (aggFuncColumns.length) {
+                        XEUtils.lastEach(aggList, aggRow => {
+                            const aggDtObj = {};
+                            const aggData = aggRow.aggData;
+                            const groupField = aggRow.groupField;
+                            const groupContent = aggRow.groupContent;
+                            const childList = mapChildrenField ? (aggRow[mapChildrenField] || []) : [];
+                            const childCount = aggRow.childCount;
+                            const colRest = fullColumnFieldData[groupField] || {};
+                            aggFuncColumns.forEach(column => {
+                                const { field } = column;
+                                const currAggData = aggData ? aggData[field] : null;
+                                const ctParams = {
+                                    $table: $xeTable,
+                                    groupField,
+                                    groupColumn: (colRest ? colRest.column : null),
+                                    column,
+                                    groupValue: groupContent,
+                                    childList,
+                                    childCount,
+                                    aggValue: currAggData ? currAggData.value : 0,
+                                    /**
+                                   * 已废弃
+                                   * @deprecated
+                                   */
+                                    children: childList,
+                                    /**
+                                   * 已废弃
+                                   * @deprecated
+                                   */
+                                    totalValue: childCount
+                                };
+                                let aggVal = 0;
+                                // 如果下层同时也是分组
+                                if (childList.length && childList[0].isAggregate) {
+                                    XEUtils.each(childList, (row) => {
+                                        if (row.isAggregate) {
+                                            const currAggData = row.aggData[field];
+                                            if (currAggData) {
+                                                aggVal += currAggData.value;
+                                            }
+                                        }
+                                    });
+                                }
+                                else {
+                                    aggVal = aggCalcMethod ? aggCalcMethod(ctParams) : aggRow.childCount;
+                                }
+                                aggDtObj[field] = {
+                                    type: 'count',
+                                    value: aggVal,
+                                    label: aggVal
+                                };
+                            });
+                            aggRow.aggData = aggDtObj;
+                        });
+                    }
+                }
             }
         };
         const updateGroupData = () => {
@@ -4634,6 +4730,34 @@ export default defineVxeComponent({
                 rowExpandEl.scrollTop = bodyScrollElem.scrollTop;
             }
         };
+        const handleColumnVisible = (visible) => {
+            return function (fieldOrColumn) {
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+                cols.forEach(item => {
+                    const column = handleFieldOrColumn($xeTable, item);
+                    if (column) {
+                        if (column.children && column.children.length) {
+                            XEUtils.eachTree([column], (item) => {
+                                item.visible = visible;
+                                item.renderVisible = visible;
+                            });
+                        }
+                        else {
+                            column.visible = visible;
+                            column.renderVisible = visible;
+                        }
+                        if (!status) {
+                            status = true;
+                        }
+                    }
+                });
+                if (status) {
+                    return $xeTable.handleCustom();
+                }
+                return nextTick();
+            };
+        };
         tableMethods = {
             dispatchEvent,
             getEl() {
@@ -5091,10 +5215,15 @@ export default defineVxeComponent({
                 if (!column) {
                     return null;
                 }
-                const { formatter } = column;
+                const { editConfig } = props;
+                const { formatter, editRender, cellRender } = column;
+                // formatter > tableCellFormatter
+                const renderOpts = formatter ? null : (editConfig && isEnableConf(editRender) ? editRender : (isEnableConf(cellRender) ? cellRender : null));
+                const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+                const tcFormatter = compConf ? compConf.tableCellFormatter : null;
                 const cellValue = getCellValue(row, column);
                 let cellLabel = cellValue;
-                if (formatter) {
+                if (formatter || tcFormatter) {
                     let formatData;
                     const { fullAllDataRowIdData } = internalData;
                     const rowid = getRowid($xeTable, row);
@@ -5112,24 +5241,30 @@ export default defineVxeComponent({
                         }
                     }
                     const formatParams = {
+                        $table: $xeTable,
                         cellValue,
                         row,
                         rowIndex: $xeTable.getRowIndex(row),
                         column,
                         columnIndex: $xeTable.getColumnIndex(column)
                     };
-                    if (XEUtils.isString(formatter)) {
-                        const gFormatOpts = formats.get(formatter);
-                        const tcFormatMethod = gFormatOpts ? (gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod) : null;
-                        cellLabel = tcFormatMethod ? tcFormatMethod(formatParams) : '';
-                    }
-                    else if (XEUtils.isArray(formatter)) {
-                        const gFormatOpts = formats.get(formatter[0]);
-                        const tcFormatMethod = gFormatOpts ? (gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod) : null;
-                        cellLabel = tcFormatMethod ? tcFormatMethod(formatParams, ...formatter.slice(1)) : '';
+                    if (formatter) {
+                        if (XEUtils.isString(formatter)) {
+                            const gFormatOpts = formats.get(formatter);
+                            const tcFormatMethod = gFormatOpts ? (gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod) : null;
+                            cellLabel = tcFormatMethod ? tcFormatMethod(formatParams) : '';
+                        }
+                        else if (XEUtils.isArray(formatter)) {
+                            const gFormatOpts = formats.get(formatter[0]);
+                            const tcFormatMethod = gFormatOpts ? (gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod) : null;
+                            cellLabel = tcFormatMethod ? tcFormatMethod(formatParams, ...formatter.slice(1)) : '';
+                        }
+                        else {
+                            cellLabel = `${formatter(formatParams)}`;
+                        }
                     }
-                    else {
-                        cellLabel = formatter(formatParams);
+                    else if (renderOpts && tcFormatter) {
+                        cellLabel = `${tcFormatter(renderOpts, formatParams)}`;
                     }
                     if (formatData) {
                         formatData[colid] = { value: cellValue, label: cellLabel };
@@ -5176,6 +5311,7 @@ export default defineVxeComponent({
                         }
                     }
                     const footerFormatParams = {
+                        $table: $xeTable,
                         cellValue: itemValue,
                         itemValue,
                         row,
@@ -5636,43 +5772,11 @@ export default defineVxeComponent({
             /**
              * 隐藏指定列
              */
-            hideColumn(fieldOrColumn) {
-                let status = false;
-                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
-                cols.forEach(item => {
-                    const column = handleFieldOrColumn($xeTable, item);
-                    if (column && column.visible) {
-                        column.visible = false;
-                        if (!status) {
-                            status = true;
-                        }
-                    }
-                });
-                if (status) {
-                    return tablePrivateMethods.handleCustom();
-                }
-                return nextTick();
-            },
+            hideColumn: handleColumnVisible(false),
             /**
              * 显示指定列
              */
-            showColumn(fieldOrColumn) {
-                let status = false;
-                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
-                cols.forEach(item => {
-                    const column = handleFieldOrColumn($xeTable, item);
-                    if (column && !column.visible) {
-                        column.visible = true;
-                        if (!status) {
-                            status = true;
-                        }
-                    }
-                });
-                if (status) {
-                    return tablePrivateMethods.handleCustom();
-                }
-                return nextTick();
-            },
+            showColumn: handleColumnVisible(true),
             setColumnWidth(fieldOrColumn, width) {
                 const { elemStore } = internalData;
                 let status = false;
@@ -11355,7 +11459,7 @@ export default defineVxeComponent({
                     internalData.lastScrollTop = scrollTop;
                 }
                 reactData.lastScrollTime = Date.now();
-                const evntParams = Object.assign({ scrollTop,
+                const evntParams = Object.assign({ source: sourceType, scrollTop,
                     scrollLeft,
                     bodyHeight,
                     bodyWidth,
@@ -13383,6 +13487,7 @@ export default defineVxeComponent({
             if (resizeObserver) {
                 resizeObserver.disconnect();
             }
+            $xeTable.closeTooltip();
             tableMethods.closeFilter();
             if ($xeTable.closeMenu) {
                 $xeTable.closeMenu();

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "4.17.20";
+export const version = "4.17.22";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -279,9 +279,10 @@ VxeUI.setConfig({
             showResponseMsg: true,
             showActionMsg: true,
             response: {
-                list: null,
+                list: 'list',
                 result: 'result',
                 total: 'page.total',
+                footerData: 'footerData',
                 message: 'message'
             }
             // beforeItem: null,

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"4.17.20"}`;
+const version = `table v${"4.17.22"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);