fix(grid): remove last visible row border (#3809)

Author: gimmyhehe

packages/theme-saas/src/grid/table.less

@@ -268,25 +268,6 @@
     }
   }
 
-  // tiny新增滚动条放置表格内
-  tbody tr.row__last-visible {
-    &::after {
-      @apply content-[''];
-      @apply absolute;
-      @apply left-0;
-      @apply right-0;
-      @apply h-px;
-      top: calc(var(--body-container-scroll-height) - 1px);
-      width: var(--body-container-scroll-width);
-      @apply bg-color-border-separator;
-      @apply ~'z-[3]';
-    }
-  }
-
-  &:has(.@{grid-prefix-cls}__footer-wrapper) tbody tr.row__last-visible::after {
-    display: none;
-  }
-
   &&__border,
   &&__border-saas {
     // 启用 border 只有表头生效，默认不建议启用 border 属性，另外如果内嵌列，则表头会自动启用 border 属性

packages/vue/src/grid/src/body/src/body.tsx

@@ -346,8 +346,6 @@ function renderRows(_vm) {
   const seqCount = { value: 0 }
   const $seq = ''
 
-  const lastVisibleIndex = rowPool.findLastIndex(({ used }) => Boolean(used))
-
   rowPool.forEach(({ id, item: { payload: row, level: rowLevel }, used }, $rowIndex) => {
     const rowActived = editConfig && actived.row === row
     const virtualRow = isVirtualRow(row)
@@ -382,8 +380,7 @@ function renderRows(_vm) {
       isSkipRowRender,
       row,
       rowActived,
-      rowClassName,
-      lastVisibleIndex
+      rowClassName
     }
 
     Object.assign(args, { rowIndex, rowLevel, rowid, rows, selection, seq, treeConfig, used, selectRow })
@@ -441,7 +438,7 @@ function renderRowAfter({ $table, _vm, row, rowIndex, rows, id, used }) {
 
 function renderRow(args) {
   const { $rowIndex, $seq, $table, _vm, editStore, id, isSkipRowRender, row, rowActived, rowClassName } = args
-  const { rowIndex, rowLevel, rowid, rows, selection, selectRow, seq, treeConfig, used, lastVisibleIndex } = args
+  const { rowIndex, rowLevel, rowid, rows, selection, selectRow, seq, treeConfig, used } = args
 
   if (isSkipRowRender) {
     return
@@ -474,8 +471,7 @@ function renderRow(args) {
           'row__new': editStore.insertList.includes(row),
           'row__selected': selection.includes(row),
           'row__radio': selectRow === row,
-          'row__actived': rowActived,
-          'row__last-visible': lastVisibleIndex === $rowIndex
+          'row__actived': rowActived
         },
         rowClassName
           ? isFunction(rowClassName)
@@ -862,8 +858,6 @@ export default defineComponent({
           'no-data': isNoData && $table.isShapeTable
         }}
         style={{
-          '--body-container-scroll-height': `${containerScrollHeight}px`,
-          '--body-container-scroll-width': `${containerScrollWidth}px`,
           height: bodyWrapperHeight ? `${bodyWrapperHeight}px` : undefined,
           minHeight: bodyWrapperMinHeight ? `${bodyWrapperMinHeight}px` : undefined,
           maxHeight: bodyWrapperMaxHeight ? `${bodyWrapperMaxHeight}px` : undefined