vxe-table 3.16.0-beta.2 → 3.16.0-beta.4

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

@@ -86,11 +86,14 @@ function insertTreeRow($xeTable, newRecords, isAppend) {
         }
     });
 }
+// function insertGroupRow ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, newRecords: any[], isAppend: boolean) {
+// }
 function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
+    const { isRowGroupStatus } = reactData;
     const { tableFullTreeData, afterFullData, mergeBodyList, tableFullData, fullDataRowIdData, fullAllDataRowIdData, insertRowMaps } = internalData;
     const treeOpts = $xeTable.computeTreeOpts;
     const { transform, rowField, mapChildrenField } = treeOpts;
@@ -104,6 +107,14 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
         if (treeConfig && transform) {
             insertTreeRow($xeTable, newRecords, false);
         }
+        else if (isRowGroupStatus) {
+            // 如果分组
+            if (treeConfig) {
+                throw new Error(getI18n('vxe.error.noTree', ['insert']));
+            }
+            warnLog(getI18n('vxe.error.noGroup', ['remove']));
+            // insertGroupRow($xeTable, newRecords, false)
+        }
         else {
             newRecords.forEach(item => {
                 const rowid = getRowid($xeTable, item);
@@ -128,6 +139,14 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
             if (treeConfig && transform) {
                 insertTreeRow($xeTable, newRecords, true);
             }
+            else if (isRowGroupStatus) {
+                // 如果分组
+                if (treeConfig) {
+                    throw new Error(getI18n('vxe.error.noTree', ['insert']));
+                }
+                warnLog(getI18n('vxe.error.noGroup', ['remove']));
+                // insertGroupRow($xeTable, newRecords, true)
+            }
             else {
                 newRecords.forEach(item => {
                     const rowid = getRowid($xeTable, item);
@@ -192,6 +211,13 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
                     insertTreeRow($xeTable, newRecords, true);
                 }
             }
+            else if (isRowGroupStatus) {
+                // 如果分组
+                if (treeConfig) {
+                    throw new Error(getI18n('vxe.error.noTree', ['insert']));
+                }
+                warnLog(getI18n('vxe.error.noGroup', ['remove']));
+            }
             else {
                 if (treeConfig) {
                     throw new Error(getI18n('vxe.error.noTree', ['insert']));
@@ -489,7 +515,7 @@ export default {
             const reactData = $xeTable;
             const internalData = $xeTable;
             const { treeConfig } = props;
-            const { editStore } = reactData;
+            const { editStore, isRowGroupStatus } = reactData;
             const { tableFullTreeData, selectCheckboxMaps, afterFullData, mergeBodyList, tableFullData, pendingRowMaps, insertRowMaps, removeRowMaps } = internalData;
             const checkboxOpts = $xeTable.computeCheckboxOpts;
             const treeOpts = $xeTable.computeTreeOpts;
@@ -548,6 +574,10 @@ export default {
                         }
                     });
                 }
+                else if (isRowGroupStatus) {
+                    // 如果分组
+                    warnLog(getI18n('vxe.error.noGroup', ['remove']));
+                }
                 else {
                     rows.forEach((row) => {
                         const tfIndex = this.findRowIndexOf(tableFullData, row);

package/es/table/src/body.js

@@ -318,7 +318,7 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
                         colid,
                         rowid
                     },
-                    class: 'vxe-cell--wrapper'
+                    class: 'vxe-cell--wrapper vxe-body-cell--wrapper'
                 }, column.renderCell(h, cellParams))
             ]));
         if (showValidTip && errorValidItem) {

package/es/table/src/footer.js

@@ -164,7 +164,7 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
                         attrs: {
                             colid
                         },
-                        class: 'vxe-cell--wrapper'
+                        class: 'vxe-cell--wrapper vxe-footer-cell--wrapper'
                     }, column.renderFooter(h, cellParams))
                 ]),
             /**

package/es/table/src/header.js

@@ -143,7 +143,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
                         attrs: {
                             colid
                         },
-                        class: 'vxe-cell--wrapper'
+                        class: 'vxe-cell--wrapper vxe-header-cell--wrapper'
                     }, column.renderHeader(h, cellParams))
                 ]),
             /**

package/es/table/src/methods.js

@@ -3419,8 +3419,21 @@ function updateHeight($xeTable) {
         internalData.customHeight = 300;
     }
 }
-function calcColumnAutoWidth(column, wrapperEl) {
-    const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[colid="${column.id}"]`);
+function calcColumnAutoWidth($xeTable, column, wrapperEl) {
+    const columnOpts = $xeTable.computeColumnOpts;
+    const { autoOptions } = columnOpts;
+    const { isCalcHeader, isCalcBody, isCalcFooter } = autoOptions || {};
+    const querySelections = [];
+    if (isCalcHeader) {
+        querySelections.push(`.vxe-header-cell--wrapper[colid="${column.id}"]`);
+    }
+    if (isCalcBody) {
+        querySelections.push(`.vxe-body-cell--wrapper[colid="${column.id}"]`);
+    }
+    if (isCalcFooter) {
+        querySelections.push(`.vxe-footer-cell--wrapper[colid="${column.id}"]`);
+    }
+    const cellElemList = querySelections.length ? wrapperEl.querySelectorAll(querySelections.join(',')) : [];
     let leftRightPadding = 0;
     const firstCellEl = cellElemList[0];
     if (firstCellEl && firstCellEl.parentElement) {
@@ -3444,7 +3457,7 @@ function calcCellWidth($xeTable) {
         autoWidthColumnList.forEach(column => {
             const colid = column.id;
             const colRest = fullColumnIdData[colid];
-            const colWidth = calcColumnAutoWidth(column, el);
+            const colWidth = calcColumnAutoWidth($xeTable, column, el);
             if (colRest) {
                 colRest.width = Math.max(colWidth, colRest.width);
             }
@@ -5366,7 +5379,7 @@ const Methods = {
             const cellParams = Object.assign(params, { cell });
             const colMinWidth = getColReMinWidth(cellParams);
             el.setAttribute('data-calc-col', 'Y');
-            let resizeWidth = calcColumnAutoWidth(resizeColumn, el);
+            let resizeWidth = calcColumnAutoWidth($xeTable, resizeColumn, el);
             el.removeAttribute('data-calc-col');
             if (colRest) {
                 resizeWidth = Math.max(resizeWidth, colRest.width);
@@ -7976,6 +7989,8 @@ const Methods = {
                             moveRowAnimateToTb(newTrList, dragOffsetTop - newTrEl.offsetTop);
                         }
                     }
+                    updateRowOffsetTop($xeTable);
+                    updateRowExpandStyle($xeTable);
                     $xeTable.updateCellAreas();
                     $xeTable.recalculate();
                 }).then(() => {
@@ -8386,7 +8401,9 @@ const Methods = {
                             }
                         }
                     }
+                    updateColumnOffsetLeft($xeTable);
                     loadScrollXData($xeTable);
+                    $xeTable.updateCellAreas();
                     return {
                         status: true
                     };

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.16.0-beta.2";
+export const version = "3.16.0-beta.4";
 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.16.0-beta.2"}`;
+const version = `table v${"3.16.0-beta.4"}`;
 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.16.0-beta.2";
+const version = "3.16.0-beta.4";
 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.16.0-beta.2"}`;
+const log_version = `table v${"3.16.0-beta.4"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -9252,8 +9252,27 @@ function updateHeight($xeTable) {
     internalData.customHeight = 300;
   }
 }
-function calcColumnAutoWidth(column, wrapperEl) {
-  const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[colid="${column.id}"]`);
+function calcColumnAutoWidth($xeTable, column, wrapperEl) {
+  const columnOpts = $xeTable.computeColumnOpts;
+  const {
+    autoOptions
+  } = columnOpts;
+  const {
+    isCalcHeader,
+    isCalcBody,
+    isCalcFooter
+  } = autoOptions || {};
+  const querySelections = [];
+  if (isCalcHeader) {
+    querySelections.push(`.vxe-header-cell--wrapper[colid="${column.id}"]`);
+  }
+  if (isCalcBody) {
+    querySelections.push(`.vxe-body-cell--wrapper[colid="${column.id}"]`);
+  }
+  if (isCalcFooter) {
+    querySelections.push(`.vxe-footer-cell--wrapper[colid="${column.id}"]`);
+  }
+  const cellElemList = querySelections.length ? wrapperEl.querySelectorAll(querySelections.join(',')) : [];
   let leftRightPadding = 0;
   const firstCellEl = cellElemList[0];
   if (firstCellEl && firstCellEl.parentElement) {
@@ -9279,7 +9298,7 @@ function calcCellWidth($xeTable) {
     autoWidthColumnList.forEach(column => {
       const colid = column.id;
       const colRest = fullColumnIdData[colid];
-      const colWidth = calcColumnAutoWidth(column, el);
+      const colWidth = calcColumnAutoWidth($xeTable, column, el);
       if (colRest) {
         colRest.width = Math.max(colWidth, colRest.width);
       }
@@ -11483,7 +11502,7 @@ const Methods = {
       });
       const colMinWidth = getColReMinWidth(cellParams);
       el.setAttribute('data-calc-col', 'Y');
-      let resizeWidth = calcColumnAutoWidth(resizeColumn, el);
+      let resizeWidth = calcColumnAutoWidth($xeTable, resizeColumn, el);
       el.removeAttribute('data-calc-col');
       if (colRest) {
         resizeWidth = Math.max(resizeWidth, colRest.width);
@@ -14545,6 +14564,8 @@ const Methods = {
               moveRowAnimateToTb(newTrList, dragOffsetTop - newTrEl.offsetTop);
             }
           }
+          updateRowOffsetTop($xeTable);
+          updateRowExpandStyle($xeTable);
           $xeTable.updateCellAreas();
           $xeTable.recalculate();
         }).then(() => {
@@ -15005,7 +15026,9 @@ const Methods = {
               }
             }
           }
+          updateColumnOffsetLeft($xeTable);
           loadScrollXData($xeTable);
+          $xeTable.updateCellAreas();
           return {
             status: true
           };
@@ -17935,7 +17958,7 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
         colid,
         rowid
       },
-      class: 'vxe-cell--wrapper'
+      class: 'vxe-cell--wrapper vxe-body-cell--wrapper'
     }, column.renderCell(h, cellParams))]));
     if (showValidTip && errorValidItem) {
       const errRule = errorValidItem.rule;
@@ -18694,7 +18717,7 @@ const header_renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) =>
       attrs: {
         colid
       },
-      class: 'vxe-cell--wrapper'
+      class: 'vxe-cell--wrapper vxe-header-cell--wrapper'
     }, column.renderHeader(h, cellParams))]),
     /**
     * 列宽拖动
@@ -19166,7 +19189,7 @@ function footer_renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData,
       attrs: {
         colid
       },
-      class: 'vxe-cell--wrapper'
+      class: 'vxe-cell--wrapper vxe-footer-cell--wrapper'
     }, column.renderFooter(h, cellParams))]),
     /**
      * 列宽拖动
@@ -23071,6 +23094,8 @@ function insertTreeRow($xeTable, newRecords, isAppend) {
     }
   });
 }
+// function insertGroupRow ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, newRecords: any[], isAppend: boolean) {
+// }
 function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
   const props = $xeTable;
   const reactData = $xeTable;
@@ -23078,6 +23103,9 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
   const {
     treeConfig
   } = props;
+  const {
+    isRowGroupStatus
+  } = reactData;
   const {
     tableFullTreeData,
     afterFullData,
@@ -23105,6 +23133,13 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
     // 如果为虚拟树
     if (treeConfig && transform) {
       insertTreeRow($xeTable, newRecords, false);
+    } else if (isRowGroupStatus) {
+      // 如果分组
+      if (treeConfig) {
+        throw new Error(mixin_getI18n('vxe.error.noTree', ['insert']));
+      }
+      warnLog(mixin_getI18n('vxe.error.noGroup', ['remove']));
+      // insertGroupRow($xeTable, newRecords, false)
     } else {
       newRecords.forEach(item => {
         const rowid = getRowid($xeTable, item);
@@ -23144,6 +23179,13 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
       // 如果为虚拟树
       if (treeConfig && transform) {
         insertTreeRow($xeTable, newRecords, true);
+      } else if (isRowGroupStatus) {
+        // 如果分组
+        if (treeConfig) {
+          throw new Error(mixin_getI18n('vxe.error.noTree', ['insert']));
+        }
+        warnLog(mixin_getI18n('vxe.error.noGroup', ['remove']));
+        // insertGroupRow($xeTable, newRecords, true)
       } else {
         newRecords.forEach(item => {
           const rowid = getRowid($xeTable, item);
@@ -23244,6 +23286,12 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
           warnLog('vxe.error.unableInsert');
           insertTreeRow($xeTable, newRecords, true);
         }
+      } else if (isRowGroupStatus) {
+        // 如果分组
+        if (treeConfig) {
+          throw new Error(mixin_getI18n('vxe.error.noTree', ['insert']));
+        }
+        warnLog(mixin_getI18n('vxe.error.noGroup', ['remove']));
       } else {
         if (treeConfig) {
           throw new Error(mixin_getI18n('vxe.error.noTree', ['insert']));
@@ -23590,7 +23638,8 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
         treeConfig
       } = props;
       const {
-        editStore
+        editStore,
+        isRowGroupStatus
       } = reactData;
       const {
         tableFullTreeData,
@@ -23667,6 +23716,9 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
               afterFullData.splice(afIndex, 1);
             }
           });
+        } else if (isRowGroupStatus) {
+          // 如果分组
+          warnLog(mixin_getI18n('vxe.error.noGroup', ['remove']));
         } else {
           rows.forEach(row => {
             const tfIndex = this.findRowIndexOf(tableFullData, row);
@@ -34068,6 +34120,7 @@ const Toolbar = VxeToolbar;
       notCommands: '全局指令 "{0}" 不存在',
       notSlot: '插槽 "{0}" 不存在',
       noTree: '树结构不支持 "{0}"',
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: '不支持的参数 "{0}"',
       checkProp: '当数据量过大时可能会导致复选框卡顿，建议设置参数 "{0}" 提升渲染速度',
       coverProp: '"{0}" 的参数 "{1}" 重复定义，这可能会出现错误',