vue2-excel-grid 2.6.0 → 2.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-excel-grid",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "description": "Excel-style grid component for Vue 2.6.14 with virtual scrolling",
   "license": "MIT",
   "author": "Fozilbek Raimberdiyev",

package/src/components/ExcelGrid.vue

@@ -993,6 +993,7 @@ const ROW_HEADER_WIDTH = 50
 const DEFAULT_COL_WIDTH = 100
 const OUTLINE_GUTTER = 20
 const FIT_COLUMNS_MIN_WIDTH = 40
+const ROW_LIST_EDGE_PAD = 8 // birinchi/oxirgi qator bilan tepa/pastki border orasidagi bo'sh joy (px)
 
 // Classifies a col.width spec so resolveColWidth() knows how to turn it into a
 // concrete px number. Plain numbers/px strings resolve instantly with no DOM
@@ -1873,7 +1874,7 @@ const ExcelGridComponent = {
     // findVisibleRange() uses binary search against this cached array → O(log n) per scroll.
     // Invalidated only when row count, custom heights, or hidden rows change.
     cumulativeHeights() {
-      return buildCumulativeHeights(this.totalRows, this._rowH, this.rowHeights, this.hiddenRowSet)
+      return buildCumulativeHeights(this.totalRows, this._rowH, this.rowHeights, this.hiddenRowSet, ROW_LIST_EDGE_PAD, ROW_LIST_EDGE_PAD)
     },
 
     // height prop omitted → fit header + filter row + all (visible) rows + footer exactly.
@@ -3449,7 +3450,7 @@ const ExcelGridComponent = {
     },
 
     getRowGroupBtnStyle(group) {
-      const top = getRowTop(group.startIndex, this._rowH, this.rowHeights) - this.scrollTop
+      const top = getRowTop(group.startIndex, this._rowH, this.rowHeights, ROW_LIST_EDGE_PAD) - this.scrollTop
       return {
         position: 'absolute',
         top: top + 'px',
@@ -4088,7 +4089,7 @@ const ExcelGridComponent = {
     scrollToCell(ri, ci) {
       const scrollBody = this.$refs.scrollBody
       if (!scrollBody) return
-      const rowTop = getRowTop(ri, this._rowH, this.rowHeights)
+      const rowTop = getRowTop(ri, this._rowH, this.rowHeights, ROW_LIST_EDGE_PAD)
       const rowBottom = rowTop + this.getRowH(ri)
 
       if (rowTop < scrollBody.scrollTop) scrollBody.scrollTop = rowTop
@@ -5135,6 +5136,7 @@ const ExcelGridComponent = {
 
       this.fillDrag.currentRow = row
       this.fillDrag.currentCol = col
+      this.scrollToCell(row, col)
     },
 
     async commitFillDrag() {
@@ -8370,17 +8372,6 @@ export default ExcelGridComponent
 .eg-size-small .eg-sort-menu {
   min-width: 90px;
 }
-.eg-size-small .eg-toolbar {
-  height: 28px;
-}
-.eg-size-small .eg-toolbar-btn {
-  width: 22px;
-  height: 22px;
-}
-.eg-size-small .eg-toolbar-icon {
-  width: 13px;
-  height: 13px;
-}
 .eg-size-small .eg-lock-flash-icon {
   width: 72px;
   height: 72px;
@@ -8421,17 +8412,6 @@ export default ExcelGridComponent
 .eg-size-large .eg-sort-menu {
   min-width: 130px;
 }
-.eg-size-large .eg-toolbar {
-  height: 40px;
-}
-.eg-size-large .eg-toolbar-btn {
-  width: 32px;
-  height: 32px;
-}
-.eg-size-large .eg-toolbar-icon {
-  width: 18px;
-  height: 18px;
-}
 .eg-size-large .eg-lock-flash-icon {
   width: 120px;
   height: 120px;

package/src/utils/virtualScroll.js

@@ -75,15 +75,18 @@ export function calcVisibleRows(scrollTop, containerHeight, totalRows, rowHeight
  * @param {number}   defaultHeight
  * @param {Object}   rowHeightsMap  - sparse { index: px } overrides
  * @param {Set}      hiddenSet      - Set of hidden row indices (height = 0)
+ * @param {number}   padTop         - extra px baked into cum[0] (and every entry after it)
+ * @param {number}   padBottom      - extra px baked into the final (total-height) entry only
  * @returns {number[]} length = totalRows + 1
  */
-export function buildCumulativeHeights(totalRows, defaultHeight, rowHeightsMap = {}, hiddenSet = new Set()) {
+export function buildCumulativeHeights(totalRows, defaultHeight, rowHeightsMap = {}, hiddenSet = new Set(), padTop = 0, padBottom = 0) {
   const cum = new Array(totalRows + 1)
-  cum[0] = 0
+  cum[0] = padTop
   for (let i = 0; i < totalRows; i++) {
     const h = hiddenSet.has(i) ? 0 : (rowHeightsMap[i] !== undefined ? rowHeightsMap[i] : defaultHeight)
     cum[i + 1] = cum[i] + h
   }
+  cum[totalRows] += padBottom
   return cum
 }
 
@@ -131,9 +134,10 @@ export function findVisibleRange(scrollTop, containerHeight, totalRows, cumulati
 
 /**
  * Get the top offset of a row
+ * @param {number}   padTop - extra px offset added on top (see buildCumulativeHeights)
  */
-export function getRowTop(rowIndex, rowHeight, rowHeights = []) {
-  let top = 0
+export function getRowTop(rowIndex, rowHeight, rowHeights = [], padTop = 0) {
+  let top = padTop
   for (let i = 0; i < rowIndex; i++) {
     top += rowHeights[i] !== undefined ? rowHeights[i] : rowHeight
   }