vxe-table 4.11.0-beta.11 → 4.11.0-beta.3

package/es/table/src/header.js

@@ -127,8 +127,8 @@ export default defineComponent({
                             'is--sortable': column.sortable,
                             'col--filter': !!filters,
                             'is--filter-active': hasFilter,
-                            'is--drag-active': columnOpts.drag && !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
-                            'is--drag-disabled': columnOpts.drag && isDisabledDrag,
+                            'is--drag-active': !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
+                            'is--drag-disabled': isDisabledDrag,
                             'col--current': currentColumn === column
                         },
                         headerClassName ? (XEUtils.isFunction(headerClassName) ? headerClassName(cellParams) : headerClassName) : '',

package/es/table/src/table.js

@@ -1142,7 +1142,6 @@ export default defineComponent({
             const fullColumnIdData = internalData.fullColumnIdData = {};
             const fullColumnFieldData = internalData.fullColumnFieldData = {};
             const mouseOpts = computeMouseOpts.value;
-            const expandOpts = computeExpandOpts.value;
             const columnOpts = computeColumnOpts.value;
             const columnDragOpts = computeColumnDragOpts.value;
             const { isCrossDrag, isSelfToChildDrag } = columnDragOpts;
@@ -1232,8 +1231,10 @@ export default defineComponent({
             else {
                 tableFullColumn.forEach(handleFunc);
             }
-            if ((expandColumn && expandOpts.mode !== 'fixed') && mouseOpts.area) {
-                errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
+            if (process.env.NODE_ENV === 'development') {
+                if (expandColumn && mouseOpts.area) {
+                    errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
+                }
             }
             if (process.env.NODE_ENV === 'development') {
                 if (htmlColumn) {
@@ -1474,7 +1475,6 @@ export default defineComponent({
             };
         };
         const updateAfterListIndex = () => {
-            const { treeConfig } = props;
             const { afterFullData, fullDataRowIdData, fullAllDataRowIdData } = internalData;
             const fullMaps = {};
             afterFullData.forEach((row, index) => {
@@ -1482,9 +1482,7 @@ export default defineComponent({
                 const rowRest = fullAllDataRowIdData[rowid];
                 const seq = index + 1;
                 if (rowRest) {
-                    if (!treeConfig) {
-                        rowRest.seq = seq;
-                    }
+                    rowRest.seq = seq;
                     rowRest._index = index;
                 }
                 else {
@@ -2474,10 +2472,7 @@ export default defineComponent({
                             delete rExpandLazyLoadedMaps[rowid];
                         }
                         reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
-                        nextTick()
-                            .then(() => $xeTable.recalculate())
-                            .then(() => $xeTable.updateCellAreas())
-                            .then(() => resolve());
+                        nextTick().then(() => tableMethods.recalculate()).then(() => resolve());
                     });
                 }
                 else {
@@ -2955,7 +2950,6 @@ export default defineComponent({
             });
         };
         const handleColumn = (collectColumn) => {
-            const expandOpts = computeExpandOpts.value;
             internalData.collectColumn = collectColumn;
             const tableFullColumn = getColumnList(collectColumn);
             internalData.tableFullColumn = tableFullColumn;
@@ -2963,7 +2957,6 @@ export default defineComponent({
             reactData.isDragColMove = false;
             initColumnSort();
             return Promise.resolve(restoreCustomStorage()).then(() => {
-                const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
                 cacheColumnMap();
                 parseColumns(true).then(() => {
                     if (reactData.scrollXLoad) {
@@ -2973,9 +2966,11 @@ export default defineComponent({
                 $xeTable.clearMergeCells();
                 $xeTable.clearMergeFooterItems();
                 $xeTable.handleTableData(true);
-                if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== 'fixed')) {
-                    warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
-                }
+                // if (process.env.NODE_ENV === 'development') {
+                //   if ((reactData.scrollXLoad || reactData.scrollYLoad) && reactData.expandColumn) {
+                //     warnLog('vxe.error.scrollErrProp', ['column.type=expand'])
+                //   }
+                // }
                 return nextTick().then(() => {
                     if ($xeToolbar) {
                         $xeToolbar.syncUpdate({
@@ -3347,14 +3342,6 @@ export default defineComponent({
                 }
             }
         };
-        const handleRowExpandScroll = () => {
-            const { elemStore } = internalData;
-            const rowExpandEl = refRowExpandElem.value;
-            const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
-            if (rowExpandEl && bodyScrollElem) {
-                rowExpandEl.scrollTop = bodyScrollElem.scrollTop;
-            }
-        };
         tableMethods = {
             dispatchEvent,
             /**
@@ -5089,14 +5076,14 @@ export default defineComponent({
              * @param {Boolean} expanded 是否展开
              */
             setRowExpand(rows, expanded) {
-                const { rowExpandedMaps, rowExpandLazyLoadedMaps, expandColumn } = reactData;
+                const { rowExpandedMaps, rowExpandLazyLoadedMaps, expandColumn: column } = reactData;
                 const { fullAllDataRowIdData } = internalData;
                 let rExpandedMaps = Object.assign({}, rowExpandedMaps);
                 const expandOpts = computeExpandOpts.value;
                 const { reserve, lazy, accordion, toggleMethod } = expandOpts;
                 const lazyRests = [];
-                const columnIndex = $xeTable.getColumnIndex(expandColumn);
-                const $columnIndex = $xeTable.getVMColumnIndex(expandColumn);
+                const columnIndex = tableMethods.getColumnIndex(column);
+                const $columnIndex = tableMethods.getVMColumnIndex(column);
                 if (rows) {
                     if (!XEUtils.isArray(rows)) {
                         rows = [rows];
@@ -5106,7 +5093,7 @@ export default defineComponent({
                         rExpandedMaps = {};
                         rows = rows.slice(rows.length - 1, rows.length);
                     }
-                    const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: expandColumn, columnIndex, $columnIndex, row, rowIndex: tableMethods.getRowIndex(row), $rowIndex: tableMethods.getVMRowIndex(row) })) : rows;
+                    const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column, columnIndex, $columnIndex, row, rowIndex: tableMethods.getRowIndex(row), $rowIndex: tableMethods.getVMRowIndex(row) })) : rows;
                     if (expanded) {
                         validRows.forEach((row) => {
                             const rowid = getRowid($xeTable, row);
@@ -5135,15 +5122,7 @@ export default defineComponent({
                     }
                 }
                 reactData.rowExpandedMaps = rExpandedMaps;
-                return Promise.all(lazyRests)
-                    .then(() => $xeTable.recalculate())
-                    .then(() => {
-                    if (expandColumn) {
-                        updateRowExpandStyle();
-                        handleRowExpandScroll();
-                    }
-                    return $xeTable.updateCellAreas();
-                });
+                return Promise.all(lazyRests).then(() => tableMethods.recalculate());
             },
             /**
              * 判断行是否为展开状态
@@ -5177,7 +5156,7 @@ export default defineComponent({
                     if (expList.length) {
                         tableMethods.recalculate();
                     }
-                }).then(() => $xeTable.updateCellAreas());
+                });
             },
             clearRowExpandReserve() {
                 internalData.rowExpandedReserveRowMap = {};
@@ -5597,8 +5576,8 @@ export default defineComponent({
             updateCellAreas() {
                 const { mouseConfig } = props;
                 const mouseOpts = computeMouseOpts.value;
-                if (mouseConfig && mouseOpts.area && $xeTable.handleRecalculateCellAreaEvent) {
-                    return $xeTable.handleRecalculateCellAreaEvent();
+                if (mouseConfig && mouseOpts.area && $xeTable.handleRecalculateCellAreas) {
+                    return $xeTable.handleRecalculateCellAreas();
                 }
                 return nextTick();
             },
@@ -7225,7 +7204,7 @@ export default defineComponent({
                         const isSelected = sLen >= vLen;
                         const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
                         if (checkField) {
-                            XEUtils.set(row, checkField, isSelected);
+                            XEUtils.get(row, checkField, isSelected);
                         }
                         if (isSelected) {
                             if (!checkField) {
@@ -7298,7 +7277,7 @@ export default defineComponent({
                         }
                         vLen++;
                     });
-                const isSelected = rootList.length > 0 ? (vLen > 0 ? (sLen >= vLen) : (sLen >= rootList.length)) : false;
+                const isSelected = vLen > 0 ? sLen >= vLen : sLen >= rootList.length;
                 const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
                 reactData.isAllSelected = isSelected;
                 reactData.isIndeterminate = halfSelect;
@@ -9770,8 +9749,7 @@ export default defineComponent({
                 warnLog('vxe.error.errLargeData', ['loadData(data), reloadData(data)']);
             }
             loadTableData(value, true).then(() => {
-                const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
-                const expandOpts = computeExpandOpts.value;
+                // const { scrollXLoad, scrollYLoad, expandColumn } = reactData
                 internalData.inited = true;
                 internalData.initStatus = true;
                 if (!initStatus) {
@@ -9782,9 +9760,9 @@ export default defineComponent({
                 // if (checkboxColumn && internalData.tableFullData.length > 300 && !checkboxOpts.checkField) {
                 //   warnLog('vxe.error.checkProp', ['checkbox-config.checkField'])
                 // }
-                if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== 'fixed')) {
-                    warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
-                }
+                // if ((scrollXLoad || scrollYLoad) && expandColumn) {
+                //   warnLog('vxe.error.scrollErrProp', ['column.type=expand'])
+                // }
                 return tableMethods.recalculate();
             });
         });

package/es/table/style.css

@@ -1940,7 +1940,7 @@
   display: none;
   position: absolute;
   pointer-events: none;
-  z-index: 6;
+  z-index: 1;
 }
 
 .vxe-table--header-wrapper .vxe-table--cell-col-status-area {