vxe-table 4.15.0-beta.13 → 4.15.0-beta.15

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

@@ -1,6 +1,7 @@
 import { nextTick } from 'vue';
 import { VxeUI } from '../../../ui';
 import XEUtils from 'xe-utils';
+import { getColumnList } from '../../src/util';
 const tableCustomMethodKeys = ['openCustom', 'closeCustom', 'toggleCustom', 'saveCustom', 'cancelCustom', 'resetCustom', 'toggleCustomAllCheckbox', 'setCustomAllCheckbox'];
 VxeUI.hooks.add('tableCustomModule', {
     setupTable($xeTable) {
@@ -102,7 +103,7 @@ VxeUI.hooks.add('tableCustomModule', {
             });
             reactData.isCustomStatus = true;
             return $xeTable.saveCustomStore('confirm').then(() => {
-                if (allowGroup && allowValues && $xeTable.handlePivotTableAggregateData) {
+                if (allowGroup && !!$xeTable.handlePivotTableAggregateData) {
                     if (rowGroupList.length !== aggHandleFields.length || rowGroupList.some((conf, i) => conf.field !== aggHandleFields[i])) {
                         // 更新数据分组
                         if (aggHandleFields.length) {
@@ -112,7 +113,7 @@ VxeUI.hooks.add('tableCustomModule', {
                             $xeTable.clearRowGroups();
                         }
                     }
-                    else {
+                    else if (allowValues) {
                         // 更新聚合函数
                         $xeTable.handleUpdateAggData();
                     }
@@ -202,6 +203,7 @@ VxeUI.hooks.add('tableCustomModule', {
                     sort: options === true,
                     aggFunc: options === true
                 }, options);
+                const allCols = [];
                 XEUtils.eachTree(collectColumn, (column) => {
                     if (opts.resizable) {
                         column.resizeWidth = 0;
@@ -211,6 +213,7 @@ VxeUI.hooks.add('tableCustomModule', {
                     }
                     if (opts.sort) {
                         column.renderSortNumber = column.sortNumber;
+                        column.parentId = column.defaultParentId;
                     }
                     if (!checkMethod || checkMethod({ $table: $xeTable, column })) {
                         column.visible = column.defaultVisible;
@@ -220,7 +223,13 @@ VxeUI.hooks.add('tableCustomModule', {
                         column.renderAggFn = column.defaultAggFunc;
                     }
                     column.renderResizeWidth = column.renderWidth;
+                    allCols.push(column);
                 });
+                if (opts.sort) {
+                    const newCollectCols = XEUtils.toArrayTree(XEUtils.orderBy(allCols, 'renderSortNumber'), { key: 'id', parentKey: 'parentId', children: 'children' });
+                    internalData.collectColumn = newCollectCols;
+                    internalData.tableFullColumn = getColumnList(newCollectCols);
+                }
                 reactData.isCustomStatus = false;
                 $xeTable.saveCustomStore('reset');
                 return $xeTable.handleCustom().then(() => {

package/es/table/src/columnInfo.js

@@ -112,6 +112,7 @@ export class ColumnInfo {
             parentId: null,
             visible,
             // 内部属性（一旦被使用，将导致不可升级版本）
+            defaultParentId: null,
             halfVisible: false,
             defaultVisible: visible,
             defaultFixed: _vm.fixed,

package/es/table/src/table.js

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
-import { getRowUniqueId, clearTableAllStatus, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight } from './util';
+import { getRowUniqueId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from './anime';
 import { warnLog, errLog } from '../../ui/src/log';
@@ -1416,11 +1416,31 @@ export default defineVxeComponent({
             return num;
         };
         const handleCustomRestore = (storeData) => {
-            let { collectColumn } = internalData;
-            const { resizableData, sortData, visibleData, fixedData } = storeData;
-            let hasCustomSort = false;
+            const { collectColumn } = internalData;
+            let { resizableData, sortData, visibleData, fixedData } = storeData;
             // 处理还原
             if (resizableData || sortData || visibleData || fixedData) {
+                const sortColMaps = {};
+                // 转换兼容老版本数据
+                if (sortData) {
+                    if (!XEUtils.isArray(sortData)) {
+                        const sortRests = [];
+                        XEUtils.each(sortData, (index, colKey) => {
+                            sortRests.push({ key: colKey, index });
+                        });
+                        sortData = XEUtils.orderBy(sortRests, { field: 'index', order: 'asc' }).map(item => ({ k: item.key }));
+                    }
+                    let colNum = 1;
+                    XEUtils.eachTree(sortData, (sObj, index, sOjs, path, pSObj) => {
+                        sortColMaps[sObj.k] = {
+                            key: sObj.k,
+                            sNum: colNum++,
+                            pKey: pSObj ? pSObj.k : null
+                        };
+                    }, { children: 'c' });
+                }
+                const colKeyMaps = {};
+                const allCols = [];
                 XEUtils.eachTree(collectColumn, (column, index, items, path, parentColumn) => {
                     const colKey = column.getKey();
                     // 支持一级
@@ -1428,10 +1448,6 @@ export default defineVxeComponent({
                         if (fixedData && fixedData[colKey] !== undefined) {
                             column.fixed = fixedData[colKey];
                         }
-                        if (sortData && XEUtils.isNumber(sortData[colKey])) {
-                            hasCustomSort = true;
-                            column.renderSortNumber = sortData[colKey];
-                        }
                     }
                     if (resizableData && XEUtils.isNumber(resizableData[colKey])) {
                         column.resizeWidth = resizableData[colKey];
@@ -1439,12 +1455,23 @@ export default defineVxeComponent({
                     if (visibleData && XEUtils.isBoolean(visibleData[colKey])) {
                         column.visible = visibleData[colKey];
                     }
+                    colKeyMaps[colKey] = column;
+                    allCols.push(column);
                 });
                 // 如果自定义了顺序
-                if (hasCustomSort) {
-                    collectColumn = XEUtils.orderBy(collectColumn, 'renderSortNumber');
-                    internalData.collectColumn = collectColumn;
-                    internalData.tableFullColumn = getColumnList(collectColumn);
+                if (sortData) {
+                    allCols.forEach(column => {
+                        const colKey = column.getKey();
+                        const scItem = sortColMaps[colKey];
+                        if (scItem) {
+                            const parentColumn = scItem.pKey ? colKeyMaps[scItem.pKey] : null;
+                            column.parentId = parentColumn ? parentColumn.id : null;
+                            column.renderSortNumber = scItem.sNum;
+                        }
+                    });
+                    const newCollectCols = XEUtils.toArrayTree(XEUtils.orderBy(allCols, 'renderSortNumber'), { key: 'id', parentKey: 'parentId', children: 'children' });
+                    internalData.collectColumn = newCollectCols;
+                    internalData.tableFullColumn = getColumnList(newCollectCols);
                 }
                 reactData.isCustomStatus = true;
             }
@@ -3476,14 +3503,6 @@ export default defineVxeComponent({
             }
             $xeTable.closeTooltip();
         };
-        // 获取所有的列，排除分组
-        const getColumnList = (columns) => {
-            const result = [];
-            columns.forEach((column) => {
-                result.push(...(column.children && column.children.length ? getColumnList(column.children) : [column]));
-            });
-            return result;
-        };
         const parseColumns = (isReset) => {
             // const { showOverflow } = props
             // const rowOpts = computeRowOpts.value
@@ -3614,21 +3633,25 @@ export default defineVxeComponent({
             }
             return $xeTable.updateFooter();
         };
-        const initColumnSort = () => {
+        const initColumnHierarchy = () => {
             const { collectColumn } = internalData;
-            collectColumn.forEach((column, index) => {
-                const sortIndex = index + 1;
+            let sortIndex = 1;
+            XEUtils.eachTree(collectColumn, (column, index, items, path, parentColumn) => {
+                const parentId = parentColumn ? parentColumn.id : null;
+                column.parentId = parentId;
+                column.defaultParentId = parentId;
                 column.sortNumber = sortIndex;
                 column.renderSortNumber = sortIndex;
+                sortIndex++;
             });
         };
-        const handleColumn = (collectColumn) => {
+        const handleInitColumn = (collectColumn) => {
             const expandOpts = computeExpandOpts.value;
             internalData.collectColumn = collectColumn;
             const tableFullColumn = getColumnList(collectColumn);
             internalData.tableFullColumn = tableFullColumn;
             reactData.isColLoading = true;
-            initColumnSort();
+            initColumnHierarchy();
             return Promise.resolve(restoreCustomStorage()).then(() => {
                 const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
                 cacheColumnMap();
@@ -4351,7 +4374,7 @@ export default defineVxeComponent({
             loadColumn(columns) {
                 const { lastScrollLeft, lastScrollTop } = internalData;
                 const collectColumn = XEUtils.mapTree(columns, column => reactive(Cell.createColumn($xeTable, column)));
-                return handleColumn(collectColumn).then(() => {
+                return handleInitColumn(collectColumn).then(() => {
                     let targetScrollLeft = lastScrollLeft;
                     let targetScrollTop = lastScrollTop;
                     const virtualXOpts = computeVirtualXOpts.value;
@@ -6778,7 +6801,7 @@ export default defineVxeComponent({
                 const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
                 const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
                 const resizableData = {};
-                const sortData = {};
+                const sortData = [];
                 const visibleData = {};
                 const fixedData = {};
                 const aggFuncData = {};
@@ -6800,18 +6823,36 @@ export default defineVxeComponent({
                 let hasFixed = 0;
                 let hasVisible = 0;
                 let hasAggFunc = 0;
+                const sortMaps = {};
                 XEUtils.eachTree(collectColumn, (column, index, items, path, parentColumn) => {
                     const colKey = column.getKey();
                     if (!colKey) {
                         errLog('vxe.error.reqProp', [`${column.getTitle() || column.type || ''} -> column.field=?`]);
                         return;
                     }
-                    // 只支持一级
-                    if (!parentColumn) {
+                    if (parentColumn) {
+                        if (isCustomSort) {
+                            const pColKey = parentColumn.getKey();
+                            const psObj = sortMaps[pColKey];
+                            hasSort = 1;
+                            if (psObj) {
+                                const sObj = { k: colKey };
+                                sortMaps[colKey] = sObj;
+                                if (!psObj.c) {
+                                    psObj.c = [];
+                                }
+                                psObj.c.push(sObj);
+                            }
+                        }
+                    }
+                    else {
                         if (isCustomSort) {
                             hasSort = 1;
-                            sortData[colKey] = column.renderSortNumber;
+                            const sObj = { k: colKey };
+                            sortMaps[colKey] = sObj;
+                            sortData.push(sObj);
                         }
+                        // 只支持一级
                         if (isCustomFixed && column.fixed !== column.defaultFixed) {
                             hasFixed = 1;
                             fixedData[colKey] = column.fixed;
@@ -8310,7 +8351,7 @@ export default defineVxeComponent({
                     const storeData = type === 'reset'
                         ? {
                             resizableData: {},
-                            sortData: {},
+                            sortData: [],
                             visibleData: {},
                             fixedData: {}
                         }
@@ -11585,7 +11626,7 @@ export default defineVxeComponent({
             staticColumnFlag.value++;
         });
         watch(staticColumnFlag, () => {
-            handleColumn(XEUtils.clone(reactData.staticColumns));
+            nextTick(() => handleInitColumn(XEUtils.clone(reactData.staticColumns)));
         });
         const tableColumnFlag = ref(0);
         watch(() => reactData.tableColumn.length, () => {

package/es/table/src/util.js

@@ -291,6 +291,14 @@ export function getColReMinWidth(params) {
 export function isColumnInfo(column) {
     return column && (column.constructor === ColumnInfo || column instanceof ColumnInfo);
 }
+// 获取所有的列，排除分组
+export function getColumnList(columns) {
+    const result = [];
+    columns.forEach((column) => {
+        result.push(...(column.children && column.children.length ? getColumnList(column.children) : [column]));
+    });
+    return result;
+}
 export function createColumn($xeTable, options, renderOptions) {
     return isColumnInfo(options) ? options : reactive(new ColumnInfo($xeTable, options, renderOptions));
 }
@@ -317,6 +325,7 @@ export function assembleColumn($xeTable, elem, column, colgroup) {
     const parentColumn = colgroup ? colgroup.columnConfig : null;
     const parentCols = parentColumn ? parentColumn.children : staticColumns;
     if (parentElem && parentCols) {
+        column.defaultParentId = parentColumn ? parentColumn.id : null;
         parentCols.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, column);
         reactData.staticColumns = staticColumns.slice(0);
     }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "4.15.0-beta.13";
+export const version = "4.15.0-beta.15";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

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