vxe-table 4.16.0 → 4.16.2

package/packages/table/src/util.ts

@@ -73,6 +73,7 @@ export function createInternalData (): TableInternalData {
     tableFullColumn: [],
     // 渲染所有列
     visibleColumn: [],
+
     // 全量数据集（包括当前和已删除）
     fullAllDataRowIdData: {},
     // 数据集（仅当前）
@@ -84,16 +85,22 @@ export function createInternalData (): TableInternalData {
     fullColumnIdData: {},
     fullColumnFieldData: {},
 
+    // 合并表头单元格的数据
+    mergeHeaderList: [],
+    mergeHeaderMaps: {},
+    // 已合并单元格数据集合
+    mergeHeaderCellMaps: {},
     // 合并单元格的数据
     mergeBodyList: [],
     mergeBodyMaps: {},
+    // 已合并单元格数据集合
+    mergeBodyCellMaps: {},
     // 合并表尾的数据
     mergeFooterList: [],
     mergeFooterMaps: {},
-    // 已合并单元格数据集合
-    mergeBodyCellMaps: {},
     // 已合并表尾数据集合
     mergeFooterCellMaps: {},
+
     // 已展开的行集合
     rowExpandedMaps: {},
     // 懒加载中的展开行的集合
@@ -194,6 +201,73 @@ export const convertHeaderColumnToRows = (originColumns: any): any[][] => {
   return rows
 }
 
+export function convertHeaderToGridRows (spanColumns: VxeTableDefines.ColumnInfo[][]) {
+  const rSize = spanColumns.length
+  const cSize = spanColumns[0].reduce((sum, cell) => sum + cell.colSpan, 0)
+
+  const occupiedRows: boolean[][] = []
+  const fullRows: any[][] = []
+  for (let rIndex = 0; rIndex < rSize; rIndex++) {
+    const oCols: boolean[] = []
+    const dCols: string[] = []
+    for (let cIndex = 0; cIndex < cSize; cIndex++) {
+      oCols.push(false)
+      dCols.push('')
+    }
+    occupiedRows.push(oCols)
+    fullRows.push(dCols)
+  }
+
+  for (let rIndex = 0; rIndex < rSize; rIndex++) {
+    let currColIndex = 0
+    for (const column of spanColumns[rIndex]) {
+      const { colSpan, rowSpan } = column
+      let startColIndex = -1
+      for (let ccIndex = currColIndex; ccIndex <= cSize - colSpan; ccIndex++) {
+        let oFlag = true
+        for (let csIndex = 0; csIndex < colSpan; csIndex++) {
+          if (occupiedRows[rIndex][ccIndex + csIndex]) {
+            oFlag = false
+            break
+          }
+        }
+        if (oFlag) {
+          startColIndex = ccIndex
+          break
+        }
+      }
+      if (startColIndex === -1) {
+        for (let j = 0; j <= cSize - colSpan; j++) {
+          let oFlag = true
+          for (let k = 0; k < colSpan; k++) {
+            if (occupiedRows[rIndex][j + k]) {
+              oFlag = false
+              break
+            }
+          }
+          if (oFlag) {
+            startColIndex = j
+            break
+          }
+        }
+        if (startColIndex === -1) {
+          // error
+          break
+        }
+      }
+
+      for (let srIndex = rIndex; srIndex < rIndex + rowSpan; srIndex++) {
+        for (let scIndex = startColIndex; scIndex < startColIndex + colSpan; scIndex++) {
+          occupiedRows[srIndex][scIndex] = true
+          fullRows[srIndex][scIndex] = column
+        }
+      }
+      currColIndex = startColIndex + colSpan
+    }
+  }
+  return fullRows
+}
+
 export function restoreScrollLocation ($xeTable: VxeTableConstructor, scrollLeft: number, scrollTop: number) {
   const internalData = $xeTable.internalData
 

package/packages/ui/index.ts

@@ -17,7 +17,7 @@ VxeUI.setConfig({
     animat: true,
     delayHover: 250,
     autoResize: true,
-    minHeight: 144,
+    // minHeight: null,
     // keepSource: false,
     // showOverflow: null,
     // showHeaderOverflow: null,

package/styles/components/table.scss

@@ -645,9 +645,6 @@ $btnThemeList: (
     overflow-x: scroll;
     height: 18px;
   }
-  .vxe-table--scroll-x-wrapper {
-    height: 100%;
-  }
   .vxe-table--scroll-y-handle,
   .vxe-table--scroll-y-wrapper {
     width: 100%;
@@ -891,13 +888,6 @@ $btnThemeList: (
     right: auto;
     left: -0.3em;
   }
-  .vxe-header--column {
-    &:last-child {
-      & > .vxe-cell--col-resizable {
-        left: 0;
-      }
-    }
-  }
 }
 
 .vxe-body--column {
@@ -1415,32 +1405,25 @@ $btnThemeList: (
     .vxe-table--scroll-y-bottom-corner {
       border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
     }
-    .vxe-table--scroll-x-wrapper {
-      &::after {
-        content: "";
-        position: absolute;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-        pointer-events: none;
-      }
+    .vxe-table--scroll-x-handle-appearance {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+      pointer-events: none;
     }
     &.sx-pos--top {
-      .vxe-table--scroll-x-wrapper {
-        &::after {
-          top: 0;
-          border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-        }
+      .vxe-table--scroll-x-handle-appearance {
+        top: 0;
+        border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
       }
     }
     &.sx-pos--bottom {
-      .vxe-table--scroll-x-wrapper {
-        &::after {
-          bottom: 0;
-          height: calc(100% + var(--vxe-ui-table-border-width));
-          border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-        }
+      .vxe-table--scroll-x-handle-appearance {
+        bottom: 0;
+        height: calc(100% + var(--vxe-ui-table-border-width));
+        border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
       }
     }
   }
@@ -1514,32 +1497,25 @@ $btnThemeList: (
         }
       }
     }
-    .vxe-table--scroll-y-wrapper {
-      &::after {
-        content: "";
-        position: absolute;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-        pointer-events: none;
-      }
+    .vxe-table--scroll-y-handle-appearance {
+      position: absolute;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+      pointer-events: none;
     }
     &.sy-pos--left {
-      .vxe-table--scroll-y-wrapper {
-        &::after {
-          left: 0;
-          border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-        }
+      .vxe-table--scroll-y-handle-appearance {
+        left: 0;
+        border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
       }
     }
     &.sy-pos--right {
-      .vxe-table--scroll-y-wrapper {
-        &::after {
-          right: 0;
-          width: calc(100% + var(--vxe-ui-table-border-width));
-          border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-        }
+      .vxe-table--scroll-y-handle-appearance {
+        right: 0;
+        width: calc(100% + var(--vxe-ui-table-border-width));
+        border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
       }
     }
   }
@@ -2159,8 +2135,8 @@ $btnThemeList: (
       position: absolute;
       left: 50%;
       font-size: 12px;
-      line-height: 1.2em;
-      transform: translateX(-50%);
+      line-height: 1em;
+      transform: translate(-50%, -50%);
       text-align: left;
       z-index: 4;
       padding: 0 var(--vxe-ui-table-cell-padding-default);
@@ -2172,7 +2148,7 @@ $btnThemeList: (
       pointer-events: auto;
     }
     .vxe-cell--valid-error-theme-beautify {
-      padding: 0.2em 0.6em 0.3em 0.6em;
+      padding: 0.2em 0.6em 0.25em 0.6em;
       color: #fff;
       background-color: var(--vxe-ui-table-validate-error-color);
       .vxe-cell--valid-error-msg {
@@ -2204,10 +2180,12 @@ $btnThemeList: (
       &:last-child {
         .vxe-cell--valid-error-tip {
           bottom: calc(100%);
+          transform: translate(-50%, 50%);
         }
         &:first-child {
           .vxe-cell--valid-error-tip {
             bottom: auto;
+            transform: translate(-50%, -50%);
           }
         }
       }