vxe-table 4.13.47 → 4.13.49

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

@@ -701,7 +701,7 @@ export default defineVxeComponent({
                 class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
                         'is--active': customStore.visible
                     }],
-                style: maxHeight && !['left', 'right'].includes(placement)
+                style: maxHeight && !['left', 'right'].includes(placement || '')
                     ? {
                         maxHeight: `${maxHeight}px`
                     }
@@ -829,7 +829,7 @@ export default defineVxeComponent({
         const renderPopupPanel = () => {
             const $xeGrid = $xeTable.xeGrid;
             const { customStore } = props;
-            const { resizable: allResizable } = tableProps;
+            const { treeConfig, rowGroupConfig, aggregateConfig, resizable: allResizable } = tableProps;
             const { isCustomStatus, customColumnList } = tableReactData;
             const customOpts = computeCustomOpts.value;
             const { immediate } = customOpts;
@@ -1096,7 +1096,12 @@ export default defineVxeComponent({
                                     }, $xeTable.callSlot(bottomSlot, params))
                                     : renderEmptyElement($xeTable),
                                 renderDragTip()
-                            ])
+                            ]),
+                            !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                                ? h($xeTable.getPivotTableAggregatePopupPanel(), {
+                                    customStore
+                                })
+                                : renderEmptyElement($xeTable)
                         ]);
                 },
                 footer: () => {

package/es/table/src/body.js

@@ -209,6 +209,7 @@ export default defineVxeComponent({
                 $xeTable.triggerCellDblclickEvent(evnt, cellParams);
             };
             let isMergeCell = false;
+            let mergeColspan = 1;
             let mergeRowspan = 1;
             // 合并行或列
             if (mergeBodyFlag && mergeBodyList.length) {
@@ -225,6 +226,7 @@ export default defineVxeComponent({
                     }
                     if (colspan > 1) {
                         isMergeCell = true;
+                        mergeColspan = colspan;
                         tdAttrs.colspan = colspan;
                     }
                 }
@@ -242,6 +244,7 @@ export default defineVxeComponent({
                 }
                 if (colspan > 1) {
                     isMergeCell = true;
+                    mergeColspan = colspan;
                     tdAttrs.colspan = colspan;
                 }
             }
@@ -281,16 +284,16 @@ export default defineVxeComponent({
             }
             const tcStyle = {};
             if (hasEllipsis && resizeWidthFlag) {
-                let tsColspan = tdAttrs.colspan || 0;
-                if (tsColspan > 1) {
-                    for (let index = 1; index < tsColspan; index++) {
+                let mergeColWidth = 0;
+                if (mergeColspan > 1) {
+                    for (let index = 1; index < mergeColspan; index++) {
                         const nextColumn = visibleColumn[columnIndex + index];
                         if (nextColumn) {
-                            tsColspan += nextColumn.renderWidth;
+                            mergeColWidth += nextColumn.renderWidth;
                         }
                     }
                 }
-                tcStyle.width = `${column.renderWidth - (cellOffsetWidth * tsColspan)}px`;
+                tcStyle.width = `${column.renderWidth + mergeColWidth - cellOffsetWidth}px`;
             }
             if (scrollYLoad || hasEllipsis || isCsHeight || isRsHeight) {
                 tcStyle.height = `${cellHeight}px`;

package/es/table/src/cell.js

@@ -146,13 +146,25 @@ function renderHeaderCellBaseVNs(params, content) {
     ];
     return vns;
 }
+function getRenderDefaultColumnTitle(column, content) {
+    if (column.type === 'html' && XEUtils.isString(content)) {
+        return h('span', {
+            key: 'ch',
+            innerHTML: content
+        });
+    }
+    return h('span', {
+        key: 'ct'
+    }, getSlotVNs(content));
+}
 function renderTitleContent(params, content) {
     const { $table, column } = params;
     const tableProps = $table.props;
     const tableReactData = $table.reactData;
     const { computeTooltipOpts } = $table.getComputeMaps();
     const { showHeaderOverflow: allColumnHeaderOverflow } = tableProps;
-    const { type, showHeaderOverflow } = column;
+    const { isRowGroupStatus } = tableReactData;
+    const { showHeaderOverflow } = column;
     const tooltipOpts = computeTooltipOpts.value;
     const showAllTip = tooltipOpts.showAll;
     const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
@@ -182,10 +194,13 @@ function renderTitleContent(params, content) {
             }
         };
     }
+    const titleVN = getRenderDefaultColumnTitle(column, content);
     return [
-        type === 'html' && XEUtils.isString(content)
-            ? h('span', Object.assign({ class: 'vxe-cell--title', innerHTML: content }, ons))
-            : h('span', Object.assign({ class: 'vxe-cell--title' }, ons), getSlotVNs(content))
+        h('span', Object.assign({ class: 'vxe-cell--title' }, ons), isRowGroupStatus && column.aggFunc && $table.getPivotTableAggregateRenderColTitles
+            ? $table.getPivotTableAggregateRenderColTitles(column, titleVN)
+            : [
+                titleVN
+            ])
     ];
 }
 function getFooterContent(params) {

package/es/table/src/table.js

@@ -680,10 +680,10 @@ export default defineVxeComponent({
             return Object.assign({}, getConfig().table.customConfig, props.customConfig);
         });
         const computeTableRowExpandedList = computed(() => {
-            const { rowExpandedFlag, expandColumn, rowGroupExpandedFlag, treeExpandedFlag } = reactData;
+            const { tableData, rowExpandedFlag, expandColumn, rowGroupExpandedFlag, treeExpandedFlag } = reactData;
             const { visibleDataRowIdData, rowExpandedMaps } = internalData;
             const expandList = [];
-            if (expandColumn && rowExpandedFlag && rowGroupExpandedFlag && treeExpandedFlag) {
+            if (tableData.length && expandColumn && rowExpandedFlag && rowGroupExpandedFlag && treeExpandedFlag) {
                 XEUtils.each(rowExpandedMaps, (row, rowid) => {
                     if (visibleDataRowIdData[rowid]) {
                         expandList.push(row);
@@ -6093,7 +6093,6 @@ export default defineVxeComponent({
             },
             setRowGroups(fieldOrColumns) {
                 const { aggregateConfig, rowGroupConfig } = props;
-                const { rowGroupList } = reactData;
                 const aggregateOpts = computeAggregateOpts.value;
                 const { maxGroupSize } = aggregateOpts;
                 if (!(aggregateConfig || rowGroupConfig)) {
@@ -6101,7 +6100,7 @@ export default defineVxeComponent({
                     return nextTick();
                 }
                 const confList = fieldOrColumns ? (XEUtils.isArray(fieldOrColumns) ? fieldOrColumns : [fieldOrColumns]) : [];
-                if (maxGroupSize && (rowGroupList.length + confList.length > maxGroupSize)) {
+                if (maxGroupSize && confList.length > maxGroupSize) {
                     if (VxeUI.modal) {
                         VxeUI.modal.message({
                             status: 'error',
@@ -8286,7 +8285,8 @@ export default defineVxeComponent({
                         const childList = vals[2];
                         let sLen = 0; // 已选
                         let hLen = 0; // 半选
-                        let vLen = 0; // 有效行
+                        let vLen = 0; // 有效子行
+                        const cLen = childList.length; // 有效子行
                         childList.forEach(checkMethod
                             ? (item) => {
                                 const childRowid = handleGetRowId(item);
@@ -8320,16 +8320,29 @@ export default defineVxeComponent({
                                 }
                                 vLen++;
                             });
-                        let isSelected = (sLen >= vLen && (vLen >= 1 || hLen >= 1));
-                        if (checkMethod) {
-                            if (checkMethod({ $table: $xeTable, row })) {
-                                isSelected = sLen >= vLen;
+                        let isSelected = false;
+                        if (cLen > 0) {
+                            if (vLen > 0) {
+                                isSelected = (sLen > 0 || hLen > 0) && sLen >= vLen;
                             }
                             else {
-                                isSelected = selectCheckboxMaps[rowid];
+                                // 如果存在子项禁用
+                                if ((sLen > 0 && sLen >= vLen)) {
+                                    isSelected = true;
+                                }
+                                else if (selectCheckboxMaps[rowid]) {
+                                    isSelected = true;
+                                }
+                                else {
+                                    isSelected = false;
+                                }
                             }
                         }
-                        const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+                        else {
+                            // 如果无子项
+                            isSelected = selectCheckboxMaps[rowid];
+                        }
+                        const halfSelect = !isSelected && (sLen > 0 || hLen > 0);
                         if (checkField) {
                             XEUtils.set(row, checkField, isSelected);
                         }
@@ -8368,7 +8381,9 @@ export default defineVxeComponent({
                 const { checkField, checkMethod, showReserveStatus } = checkboxOpts;
                 const { handleGetRowId } = createHandleGetRowId($xeTable);
                 let sLen = 0; // 已选
+                let dsLen = 0; // 禁用的已选
                 let hLen = 0; // 半选
+                let dhLen = 0; // 禁用的半选
                 let vLen = 0; // 有效行
                 const rootList = (treeConfig ? afterTreeFullData : (isRowGroupStatus ? afterGroupFullData : afterFullData));
                 rootList.forEach(checkMethod
@@ -8386,10 +8401,10 @@ export default defineVxeComponent({
                         }
                         else {
                             if (selected) {
-                                sLen++;
+                                dsLen++;
                             }
                             else if (treeIndeterminateRowMaps[childRowid]) {
-                                hLen++;
+                                dhLen++;
                             }
                         }
                     }
@@ -8405,7 +8420,7 @@ export default defineVxeComponent({
                         vLen++;
                     });
                 const isSelected = rootList.length > 0 ? (vLen > 0 ? (sLen >= vLen) : (sLen >= rootList.length)) : false;
-                let halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+                let halfSelect = !isSelected && (sLen > 0 || hLen > 0 || dsLen > 0 || dhLen > 0);
                 // 如果复选框启用保留记录，当保留数据存在时显示半选
                 if (!isSelected && !halfSelect && showReserveStatus) {
                     halfSelect = !XEUtils.isEmpty(checkboxReserveRowMap);

package/es/table/style.css

@@ -999,13 +999,17 @@
 
 .vxe-table-custom-popup--body-wrapper {
   position: relative;
-  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   height: 100%;
   outline: 0;
 }
 
 .vxe-table-custom-popup--handle-wrapper {
+  flex-grow: 1;
   outline: 0;
+  overflow: auto;
 }
 
 .vxe-table-custom-popup--table-wrapper {