vxe-table 4.15.0-beta.9 → 4.15.1

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) {
@@ -101,23 +102,25 @@ VxeUI.hooks.add('tableCustomModule', {
                 }
             });
             reactData.isCustomStatus = true;
-            return $xeTable.saveCustomStore('confirm').then(() => {
-                if (allowGroup && allowValues && $xeTable.handlePivotTableAggregateData) {
-                    if (rowGroupList.length !== aggHandleFields.length || rowGroupList.some((conf, i) => conf.field !== aggHandleFields[i])) {
-                        // 更新数据分组
-                        if (aggHandleFields.length) {
-                            $xeTable.setRowGroups(aggHandleFields);
-                        }
-                        else {
-                            $xeTable.clearRowGroups();
-                        }
+            if (allowGroup && !!$xeTable.handlePivotTableAggregateData) {
+                if (rowGroupList.length !== aggHandleFields.length || rowGroupList.some((conf, i) => conf.field !== aggHandleFields[i])) {
+                    // 更新数据分组
+                    if (aggHandleFields.length) {
+                        $xeTable.setRowGroups(aggHandleFields);
                     }
                     else {
-                        // 更新聚合函数
-                        $xeTable.handleUpdateAggData();
+                        $xeTable.clearRowGroups();
                     }
                 }
-            });
+                else if (allowValues) {
+                    // 更新聚合函数
+                    $xeTable.handleUpdateAggData();
+                }
+            }
+            if (allowSort) {
+                internalData.collectColumn = customColumnList;
+            }
+            return $xeTable.saveCustomStore('confirm');
         };
         const cancelCustom = () => {
             const { customColumnList, customStore } = reactData;
@@ -185,6 +188,10 @@ VxeUI.hooks.add('tableCustomModule', {
             return nextTick();
         };
         const customMethods = {
+            getCustomVisible() {
+                const { customStore } = reactData;
+                return customStore.visible;
+            },
             openCustom,
             closeCustom,
             toggleCustom,
@@ -202,6 +209,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 +219,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,9 +229,14 @@ 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(() => {
                     if (opts.aggFunc && $xeTable.handlePivotTableAggregateData) {
                         const rowGroupFields = computeRowGroupFields.value;
@@ -238,6 +252,7 @@ VxeUI.hooks.add('tableCustomModule', {
                             $xeTable.handleUpdateAggData();
                         }
                     }
+                    $xeTable.saveCustomStore('reset');
                 });
             },
             toggleCustomAllCheckbox() {

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

@@ -188,7 +188,7 @@ export default defineVxeComponent({
                     }
                 }
             }
-            if (!targetFixed !== null) {
+            if (targetFixed !== null) {
                 $xeTable.dispatchEvent('custom-fixed-change', { column, fixed: targetFixed }, evnt);
             }
         };

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

@@ -77,7 +77,7 @@ hooks.add('tableEditModule', {
                     }
                     parentChilds[funcName](item);
                     mapChilds[funcName](item);
-                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, items: parentChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: parentChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -87,7 +87,7 @@ hooks.add('tableEditModule', {
                     }
                     afterFullData[funcName](item);
                     tableFullTreeData[funcName](item);
-                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, items: tableFullTreeData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: tableFullTreeData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -122,7 +122,7 @@ hooks.add('tableEditModule', {
                 else {
                     newRecords.forEach(item => {
                         const rowid = getRowid($xeTable, item);
-                        const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                        const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                         fullDataRowIdData[rowid] = rest;
                         fullAllDataRowIdData[rowid] = rest;
                         afterFullData.unshift(item);
@@ -154,7 +154,7 @@ hooks.add('tableEditModule', {
                     else {
                         newRecords.forEach(item => {
                             const rowid = getRowid($xeTable, item);
-                            const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, treeIndex: -1, $index: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                            const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, treeIndex: -1, _tIndex: -1, $index: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                             fullDataRowIdData[rowid] = rest;
                             fullAllDataRowIdData[rowid] = rest;
                             afterFullData.push(item);
@@ -186,7 +186,7 @@ hooks.add('tableEditModule', {
                                     targetIndex = targetIndex + 1;
                                 }
                                 parentMapChilds.splice(targetIndex, 0, item);
-                                const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, items: parentMapChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                                const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: parentMapChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                                 fullDataRowIdData[rowid] = rest;
                                 fullAllDataRowIdData[rowid] = rest;
                             });

package/es/table/src/body.js

@@ -258,7 +258,7 @@ export default defineVxeComponent({
             if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
                 isDirty = $xeTable.isUpdateByRow(row, column.field);
             }
-            const isVNAutoHeight = scrollYLoad && !hasEllipsis;
+            const isVNAutoHeight = !hasEllipsis && (scrollYLoad || scrollXLoad);
             let cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
             const isLastColumn = $columnIndex === columns.length - 1;
             const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
@@ -295,7 +295,7 @@ export default defineVxeComponent({
                 }
                 tcStyle.width = `${column.renderWidth + mergeColWidth - cellOffsetWidth}px`;
             }
-            if (scrollYLoad || hasEllipsis || isCsHeight || isRsHeight) {
+            if (scrollYLoad || scrollXLoad || hasEllipsis || isCsHeight || isRsHeight) {
                 tcStyle.height = `${cellHeight}px`;
             }
             else {
@@ -458,15 +458,16 @@ export default defineVxeComponent({
                     };
                 }
                 if (rowRest) {
+                    rowIndex = rowRest.index;
+                    _rowIndex = rowRest._index;
                     rowLevel = rowRest.level;
+                    seq = rowRest.seq;
                     if (hasRowGroupAggregate || (treeConfig && transform && seqMode === 'increasing')) {
                         seq = rowRest._index + 1;
                     }
-                    else {
-                        seq = rowRest.seq;
+                    else if ((treeConfig && seqMode === 'fixed')) {
+                        seq = rowRest._tIndex + 1;
                     }
-                    rowIndex = rowRest.index;
-                    _rowIndex = rowRest._index;
                 }
                 const params = { $table: $xeTable, seq, rowid, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex };
                 // 行是否被展开

package/es/table/src/columnInfo.js

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