vxe-table 3.17.0-beta.1 → 3.17.0-beta.3

package/es/table/src/methods.js

@@ -500,6 +500,23 @@ function handleRowGroupVirtualExpand($xeTable, rows, expanded) {
         }, 30);
     });
 }
+/**
+ * 处理默认展开分组行
+ */
+function handleDefaultRowGroupExpand($xeTable) {
+    const reactData = $xeTable;
+    const { isRowGroupStatus } = reactData;
+    if (isRowGroupStatus) {
+        const aggregateOpts = $xeTable.computeAggregateOpts;
+        const { expandAll, expandGroupFields } = aggregateOpts;
+        if (expandAll) {
+            $xeTable.setAllRowGroupExpand(true);
+        }
+        else if (expandGroupFields && expandGroupFields.length) {
+            $xeTable.setRowGroupExpandByField(expandGroupFields, true);
+        }
+    }
+}
 function updateAfterListIndex($xeTable) {
     const props = $xeTable;
     const internalData = $xeTable;
@@ -2952,6 +2969,13 @@ function loadTableData($xeTable, datas, isReset) {
                 }
                 reactData.isRowLoading = false;
                 handleRecalculateStyle($xeTable, false, false, false);
+                // 如果是自动行高，特殊情况需调用 recalculate 手动刷新
+                if (!props.showOverflow) {
+                    setTimeout(() => {
+                        handleLazyRecalculate($xeTable, false, true, true);
+                        setTimeout(() => handleLazyRecalculate($xeTable, false, true, true), 3000);
+                    }, 2000);
+                }
                 // 是否变更虚拟滚动
                 if (oldScrollYLoad === sYLoad) {
                     restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop)
@@ -2984,6 +3008,7 @@ function handleLoadDefaults($xeTable) {
     handleDefaultRadioChecked($xeTable);
     handleDefaultRowExpand($xeTable);
     handleDefaultTreeExpand($xeTable);
+    handleDefaultRowGroupExpand($xeTable);
     handleDefaultMergeCells($xeTable);
     handleDefaultMergeFooterItems($xeTable);
     $xeTable.$nextTick(() => setTimeout(() => $xeTable.recalculate()));
@@ -5217,7 +5242,7 @@ const Methods = {
         evnt.preventDefault();
         const { column } = params;
         const { columnStore, overflowX, scrollbarHeight } = reactData;
-        const { elemStore, visibleColumn } = internalData;
+        const { visibleColumn } = internalData;
         const { leftList, rightList } = columnStore;
         const resizableOpts = $xeTable.computeResizableOpts;
         const osbHeight = overflowX ? scrollbarHeight : 0;
@@ -5235,24 +5260,29 @@ const Methods = {
         const { clientX: dragClientX } = evnt;
         const dragBtnElem = evnt.target;
         let resizeColumn = column;
-        if (column.children && column.children.length) {
+        const isDragGroupCol = column.children && column.children.length;
+        if (isDragGroupCol) {
             XEUtils.eachTree(column.children, childColumn => {
                 resizeColumn = childColumn;
             });
         }
-        const cell = dragBtnElem.parentNode;
-        const cellParams = Object.assign(params, { cell });
-        let dragLeft = 0;
-        const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
-        if (!bodyScrollElem) {
+        let cell = dragBtnElem.parentElement;
+        if (isDragGroupCol) {
+            const trEl = cell ? cell.parentElement : null;
+            const theadEl = trEl ? trEl.parentElement : null;
+            cell = theadEl ? theadEl.querySelector(`.vxe-header--column[colid="${resizeColumn.id}"]`) : null;
+        }
+        if (!cell) {
             return;
         }
+        const cellParams = XEUtils.assign(params, { cell });
+        let dragLeft = 0;
         const tableRect = tableEl.getBoundingClientRect();
         const rightContainerRect = rightContainerElem ? rightContainerElem.getBoundingClientRect() : null;
         const cellRect = cell.getBoundingClientRect();
         const dragBtnRect = dragBtnElem.getBoundingClientRect();
         const dragBtnWidth = dragBtnElem.clientWidth;
-        const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+        const dragBtnOffsetWidth = XEUtils.floor(dragBtnWidth / 2);
         const dragPosLeft = dragBtnRect.x - tableRect.x + dragBtnOffsetWidth;
         const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
         const dragMinLeft = isRightFixed ? 0 : (cellRect.x - tableRect.x + dragBtnWidth + minInterval);
@@ -8670,8 +8700,7 @@ const Methods = {
     },
     setSort(sortConfs, isUpdate) {
         const $xeTable = this;
-        // 已废弃，即将去掉事件触发 new Event('click') -> null
-        return handleSortEvent($xeTable, new Event('click'), sortConfs, isUpdate);
+        return handleSortEvent($xeTable, null, sortConfs, isUpdate);
     },
     setSortByEvent(evnt, sortConfs, isUpdate) {
         const $xeTable = this;
@@ -9186,6 +9215,35 @@ const Methods = {
         }
         return $xeTable.$nextTick();
     },
+    setRowGroupExpandByField(groupFields, expanded) {
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { isRowGroupStatus } = reactData;
+        const aggregateOpts = $xeTable.computeAggregateOpts;
+        const { childrenField } = aggregateOpts;
+        if (groupFields) {
+            if (!XEUtils.isArray(groupFields)) {
+                groupFields = [groupFields];
+            }
+            if (isRowGroupStatus) {
+                const rows = [];
+                const gfKeys = {};
+                groupFields.forEach(groupField => {
+                    gfKeys[groupField] = true;
+                });
+                XEUtils.eachTree(internalData.afterGroupFullData, (row) => {
+                    if (row.isAggregate && gfKeys[row.groupField]) {
+                        rows.push(row);
+                    }
+                }, { children: childrenField });
+                if (rows.length) {
+                    return handleRowGroupVirtualExpand($xeTable, rows, expanded);
+                }
+            }
+        }
+        return $xeTable.$nextTick();
+    },
     setAllRowGroupExpand(expanded) {
         const $xeTable = this;
         const reactData = $xeTable;
@@ -10201,8 +10259,6 @@ const Methods = {
     },
     /**
      * 如果有滚动条，则滚动到对应的位置
-     * @param {Number} scrollLeft 左距离
-     * @param {Number} scrollTop 上距离
      */
     scrollTo(scrollLeft, scrollTop) {
         const $xeTable = this;
@@ -10217,6 +10273,12 @@ const Methods = {
         const xHandleEl = $xeTable.$refs.refScrollXHandleElem;
         const yHandleEl = $xeTable.$refs.refScrollYHandleElem;
         internalData.intoRunScroll = true;
+        if (scrollLeft) {
+            if (!XEUtils.isNumber(scrollLeft)) {
+                scrollTop = scrollLeft.top;
+                scrollLeft = scrollLeft.left;
+            }
+        }
         if (XEUtils.isNumber(scrollLeft)) {
             setScrollLeft(xHandleEl, scrollLeft);
             setScrollLeft(bodyScrollElem, scrollLeft);

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.17.0-beta.1";
+export const version = "3.17.0-beta.3";
 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${"3.17.0-beta.1"}`;
+const version = `table v${"3.17.0-beta.3"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/index.umd.js

@@ -2002,7 +2002,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.17.0-beta.1";
+const version = "3.17.0-beta.3";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2667,7 +2667,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.17.0-beta.1"}`;
+const log_version = `table v${"3.17.0-beta.3"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5832,6 +5832,27 @@ function handleRowGroupVirtualExpand($xeTable, rows, expanded) {
     }, 30);
   });
 }
+/**
+ * 处理默认展开分组行
+ */
+function handleDefaultRowGroupExpand($xeTable) {
+  const reactData = $xeTable;
+  const {
+    isRowGroupStatus
+  } = reactData;
+  if (isRowGroupStatus) {
+    const aggregateOpts = $xeTable.computeAggregateOpts;
+    const {
+      expandAll,
+      expandGroupFields
+    } = aggregateOpts;
+    if (expandAll) {
+      $xeTable.setAllRowGroupExpand(true);
+    } else if (expandGroupFields && expandGroupFields.length) {
+      $xeTable.setRowGroupExpandByField(expandGroupFields, true);
+    }
+  }
+}
 function updateAfterListIndex($xeTable) {
   const props = $xeTable;
   const internalData = $xeTable;
@@ -8739,6 +8760,13 @@ function loadTableData($xeTable, datas, isReset) {
         }
         reactData.isRowLoading = false;
         handleRecalculateStyle($xeTable, false, false, false);
+        // 如果是自动行高，特殊情况需调用 recalculate 手动刷新
+        if (!props.showOverflow) {
+          setTimeout(() => {
+            handleLazyRecalculate($xeTable, false, true, true);
+            setTimeout(() => handleLazyRecalculate($xeTable, false, true, true), 3000);
+          }, 2000);
+        }
         // 是否变更虚拟滚动
         if (oldScrollYLoad === sYLoad) {
           restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop).then(() => {
@@ -8768,6 +8796,7 @@ function handleLoadDefaults($xeTable) {
   handleDefaultRadioChecked($xeTable);
   handleDefaultRowExpand($xeTable);
   handleDefaultTreeExpand($xeTable);
+  handleDefaultRowGroupExpand($xeTable);
   handleDefaultMergeCells($xeTable);
   handleDefaultMergeFooterItems($xeTable);
   $xeTable.$nextTick(() => setTimeout(() => $xeTable.recalculate()));
@@ -11343,7 +11372,6 @@ const Methods = {
       scrollbarHeight
     } = reactData;
     const {
-      elemStore,
       visibleColumn
     } = internalData;
     const {
@@ -11368,26 +11396,31 @@ const Methods = {
     } = evnt;
     const dragBtnElem = evnt.target;
     let resizeColumn = column;
-    if (column.children && column.children.length) {
+    const isDragGroupCol = column.children && column.children.length;
+    if (isDragGroupCol) {
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(column.children, childColumn => {
         resizeColumn = childColumn;
       });
     }
-    const cell = dragBtnElem.parentNode;
-    const cellParams = Object.assign(params, {
+    let cell = dragBtnElem.parentElement;
+    if (isDragGroupCol) {
+      const trEl = cell ? cell.parentElement : null;
+      const theadEl = trEl ? trEl.parentElement : null;
+      cell = theadEl ? theadEl.querySelector(`.vxe-header--column[colid="${resizeColumn.id}"]`) : null;
+    }
+    if (!cell) {
+      return;
+    }
+    const cellParams = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(params, {
       cell
     });
     let dragLeft = 0;
-    const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
-    if (!bodyScrollElem) {
-      return;
-    }
     const tableRect = tableEl.getBoundingClientRect();
     const rightContainerRect = rightContainerElem ? rightContainerElem.getBoundingClientRect() : null;
     const cellRect = cell.getBoundingClientRect();
     const dragBtnRect = dragBtnElem.getBoundingClientRect();
     const dragBtnWidth = dragBtnElem.clientWidth;
-    const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+    const dragBtnOffsetWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(dragBtnWidth / 2);
     const dragPosLeft = dragBtnRect.x - tableRect.x + dragBtnOffsetWidth;
     const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
     const dragMinLeft = isRightFixed ? 0 : cellRect.x - tableRect.x + dragBtnWidth + minInterval;
@@ -15349,8 +15382,7 @@ const Methods = {
   },
   setSort(sortConfs, isUpdate) {
     const $xeTable = this;
-    // 已废弃，即将去掉事件触发 new Event('click') -> null
-    return handleSortEvent($xeTable, new Event('click'), sortConfs, isUpdate);
+    return handleSortEvent($xeTable, null, sortConfs, isUpdate);
   },
   setSortByEvent(evnt, sortConfs, isUpdate) {
     const $xeTable = this;
@@ -15967,6 +15999,41 @@ const Methods = {
     }
     return $xeTable.$nextTick();
   },
+  setRowGroupExpandByField(groupFields, expanded) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const {
+      isRowGroupStatus
+    } = reactData;
+    const aggregateOpts = $xeTable.computeAggregateOpts;
+    const {
+      childrenField
+    } = aggregateOpts;
+    if (groupFields) {
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(groupFields)) {
+        groupFields = [groupFields];
+      }
+      if (isRowGroupStatus) {
+        const rows = [];
+        const gfKeys = {};
+        groupFields.forEach(groupField => {
+          gfKeys[groupField] = true;
+        });
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(internalData.afterGroupFullData, row => {
+          if (row.isAggregate && gfKeys[row.groupField]) {
+            rows.push(row);
+          }
+        }, {
+          children: childrenField
+        });
+        if (rows.length) {
+          return handleRowGroupVirtualExpand($xeTable, rows, expanded);
+        }
+      }
+    }
+    return $xeTable.$nextTick();
+  },
   setAllRowGroupExpand(expanded) {
     const $xeTable = this;
     const reactData = $xeTable;
@@ -17144,8 +17211,6 @@ const Methods = {
   },
   /**
    * 如果有滚动条，则滚动到对应的位置
-   * @param {Number} scrollLeft 左距离
-   * @param {Number} scrollTop 上距离
    */
   scrollTo(scrollLeft, scrollTop) {
     const $xeTable = this;
@@ -17162,6 +17227,12 @@ const Methods = {
     const xHandleEl = $xeTable.$refs.refScrollXHandleElem;
     const yHandleEl = $xeTable.$refs.refScrollYHandleElem;
     internalData.intoRunScroll = true;
+    if (scrollLeft) {
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
+        scrollTop = scrollLeft.top;
+        scrollLeft = scrollLeft.left;
+      }
+    }
     if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
       setScrollLeft(xHandleEl, scrollLeft);
       setScrollLeft(bodyScrollElem, scrollLeft);