@leankylin-sheet/react 4.0.17 → 4.0.19

package/dist/index.umd.js

@@ -75897,7 +75897,6 @@
         y: moveY
       };
       normalizeSelection(ctx, ctx.luckysheet_select_save);
-      scrollToHighlightCell(ctx, row_index, col_index);
     } else if (type === "rangeOfFormula") {
       var _last = ctx.formulaCache.func_selectedrange;
       if (!_last) return;
@@ -76715,6 +76714,11 @@
     }
     return "<table data-type=\"leankylin-copy-action-table\">".concat(colgroup).concat(cpdata, "</table>");
   }
+  function ptToPx(pt) {
+    var ppi = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 96;
+    var px = pt * (ppi / 72);
+    return parseFloat(px.toFixed(2));
+  }
   function cellAttrToDomStyle(cell, cellBorderInfo) {
     var _ref = cell || {},
       bg = _ref.bg,
@@ -76735,7 +76739,7 @@
       2: "bottom"
     }[String(vt)] || "middle";
     var fontWeight = bl === 1 ? "bold" : "normal";
-    var fontSize = "".concat(parseInt(fs, 10), "px");
+    var fontSize = typeof fs === "number" ? ptToPx(fs) : "".concat(parseInt(fs, 10), "px");
     var result = {
       background: bg || "#fff",
       color: fc || "#000",
@@ -76776,6 +76780,7 @@
         var data = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r = flowdata[r]) === null || _flowdata$r === void 0 ? void 0 : _flowdata$r[c];
         var value = (_ref2 = (_data$m = data === null || data === void 0 ? void 0 : data.m) !== null && _data$m !== void 0 ? _data$m : data === null || data === void 0 ? void 0 : data.v) !== null && _ref2 !== void 0 ? _ref2 : "";
         var realValue = (_ref3 = (_data$v = data === null || data === void 0 ? void 0 : data.v) !== null && _data$v !== void 0 ? _data$v : data === null || data === void 0 ? void 0 : data.m) !== null && _ref3 !== void 0 ? _ref3 : "";
+        var f = (data === null || data === void 0 ? void 0 : data.f) || "";
         var rowspan = (_data$mc$rs = data === null || data === void 0 ? void 0 : (_data$mc = data.mc) === null || _data$mc === void 0 ? void 0 : _data$mc.rs) !== null && _data$mc$rs !== void 0 ? _data$mc$rs : 1;
         var colspan = (_data$mc$cs = data === null || data === void 0 ? void 0 : (_data$mc2 = data.mc) === null || _data$mc2 === void 0 ? void 0 : _data$mc2.cs) !== null && _data$mc$cs !== void 0 ? _data$mc$cs : 1;
         if (!(data === null || data === void 0 ? void 0 : data.mc) || (data === null || data === void 0 ? void 0 : data.mc) && (data === null || data === void 0 ? void 0 : data.mc.r) === r && data.mc.c === c) {
@@ -76784,7 +76789,7 @@
           var styleStr = (_Object$keys = Object.keys(style)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (item) {
             return "".concat(item, ":").concat(style[item], ";");
           }).join("");
-          cpString += "<td x:num='".concat(realValue, "' style='").concat(styleStr, "' rowspan=").concat(rowspan, " colspan=").concat(colspan, ">").concat(value, "</td>");
+          cpString += "<td x:num='".concat(realValue, "' f='").concat(f, "' style='").concat(styleStr, "' rowspan=").concat(rowspan, " colspan=").concat(colspan, ">").concat(value, "</td>");
         }
       };
       for (var c = columns[0]; c <= columns[1]; c += 1) {
@@ -76970,6 +76975,7 @@
 
   function defaultContext(refs) {
     return {
+      headerBgColor: "#fff",
       cellOptions: [],
       luckysheetfile: [],
       defaultcolumnNum: 60,
@@ -78722,7 +78728,6 @@
     if (freezenverticaldata != null && column != null) {
       var freezen_colindex = freezenverticaldata[1];
       var offset = lodash.sortedIndex(freezenverticaldata[3], ctx.scrollLeft);
-      var top = freezenverticaldata[4];
       freezen_colindex += offset;
       if (column >= ctx.visibledatacolumn.length) {
         column = ctx.visibledatacolumn.length - 1;
@@ -78730,16 +78735,10 @@
       if (freezen_colindex >= ctx.visibledatacolumn.length) {
         freezen_colindex = ctx.visibledatacolumn.length - 1;
       }
-      var column_px = ctx.visibledatacolumn[column];
-      var freezen_px = ctx.visibledatacolumn[freezen_colindex];
-      if (column_px <= freezen_px + top) {
-        ctx.scrollLeft = 0;
-      }
     }
     if (freezenhorizontaldata != null && row != null) {
       var freezen_rowindex = freezenhorizontaldata[1];
       var _offset = lodash.sortedIndex(freezenhorizontaldata[3], ctx.scrollTop);
-      var left = freezenhorizontaldata[4];
       freezen_rowindex += _offset;
       if (row >= ctx.visibledatarow.length) {
         row = ctx.visibledatarow.length - 1;
@@ -78747,11 +78746,6 @@
       if (freezen_rowindex >= ctx.visibledatarow.length) {
         freezen_rowindex = ctx.visibledatarow.length - 1;
       }
-      var row_px = ctx.visibledatarow[row];
-      var _freezen_px = ctx.visibledatarow[freezen_rowindex];
-      if (row_px <= _freezen_px + left) {
-        ctx.scrollTop = 0;
-      }
     }
   }
   function getFrozenHandleTop(ctx) {
@@ -80768,7 +80762,8 @@
     } while (sheetNames.indexOf(sheetCopyName) !== -1);
     return sheetCopyName;
   }
-  function copySheet(ctx, sheetId) {
+  function copySheet(ctx, sheetId, hooks) {
+    var _hooks$onCopySheet;
     var index$1 = getSheetIndex(ctx, sheetId);
     var order = ctx.luckysheetfile[index$1].order + 1;
     var sheetName = generateCopySheetName(ctx, sheetId);
@@ -80777,10 +80772,13 @@
     delete sheetData.status;
     sheetData.celldata = dataToCelldata(sheetData.data);
     delete sheetData.data;
-    addSheet$1(ctx, undefined, v4(), ctx.luckysheetfile[index$1].isPivotTable, sheetName, sheetData);
+    var copyId = v4();
+    sheetData.id = copyId;
+    addSheet$1(ctx, undefined, copyId, ctx.luckysheetfile[index$1].isPivotTable, sheetName, sheetData);
     var sheetOrderList = {};
     sheetOrderList[ctx.luckysheetfile[ctx.luckysheetfile.length - 1].id] = order;
     setSheetOrder(ctx, sheetOrderList);
+    (_hooks$onCopySheet = hooks.onCopySheet) === null || _hooks$onCopySheet === void 0 ? void 0 : _hooks$onCopySheet.call(hooks, sheetId, copyId);
   }
   function calculateSheetFromula(ctx, id) {
     var index$1 = getSheetIndex(ctx, id);
@@ -80792,7 +80790,9 @@
           continue;
         }
         var result = execfunction(ctx, (_ctx$luckysheetfile$i2 = ctx.luckysheetfile[index$1].data[r][c]) === null || _ctx$luckysheetfile$i2 === void 0 ? void 0 : _ctx$luckysheetfile$i2.f, r, c, id);
-        setCellValue$1(ctx, r, c, result[1], null);
+        setCellValue$1(ctx, r, c, result[1], null, {
+          id: id
+        });
         insertUpdateFunctionGroup(ctx, r, c, id);
       }
     }
@@ -86253,7 +86253,7 @@
             continue;
           }
           if (((_this$sheetCtx$config = this.sheetCtx.config) === null || _this$sheetCtx$config === void 0 ? void 0 : (_this$sheetCtx$config2 = _this$sheetCtx$config.rowhidden) === null || _this$sheetCtx$config2 === void 0 ? void 0 : _this$sheetCtx$config2[r]) == null) {
-            renderCtx.fillStyle = "#ffffff";
+            renderCtx.fillStyle = this.sheetCtx.headerBgColor || "#fff";
             renderCtx.fillRect(0, start_r + offsetTop + firstOffset, this.sheetCtx.rowHeaderWidth - 1, end_r - start_r + 1 + lastOffset - firstOffset);
             renderCtx.fillStyle = "#000000";
             renderCtx.save();
@@ -86346,7 +86346,7 @@
             continue;
           }
           if (((_this$sheetCtx$config5 = this.sheetCtx.config) === null || _this$sheetCtx$config5 === void 0 ? void 0 : (_this$sheetCtx$config6 = _this$sheetCtx$config5.colhidden) === null || _this$sheetCtx$config6 === void 0 ? void 0 : _this$sheetCtx$config6[c]) == null) {
-            renderCtx.fillStyle = "#ffffff";
+            renderCtx.fillStyle = this.sheetCtx.headerBgColor || "#fff";
             renderCtx.fillRect(start_c + offsetLeft - 1, 0, end_c - start_c, this.sheetCtx.columnHeaderHeight - 1);
             renderCtx.fillStyle = "#000000";
             renderCtx.save();
@@ -88099,10 +88099,6 @@
     if (lodash.size(ctx.luckysheet_select_save) > 1) {
       return;
     }
-    if (lodash.size(ctx.luckysheet_filter_save) > 0) {
-      clearFilter(ctx);
-      return;
-    }
     var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
     if (sheetIndex == null || ctx.luckysheetfile[sheetIndex].isPivotTable) {
       return;
@@ -90172,7 +90168,6 @@
     }
   }
   function setCellValues(ctx, data, cellInput) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     if (data == null) {
       throw INVALID_PARAMS;
     }
@@ -90180,8 +90175,9 @@
       var _data$j = data[j],
         r = _data$j.r,
         c = _data$j.c,
-        v = _data$j.v;
-      setCellValue$1(ctx, r, c, v, cellInput, options);
+        v = _data$j.v,
+        ops = _data$j.ops;
+      setCellValue$1(ctx, r, c, v, cellInput, ops);
     }
   }
   function setCellFormatByRange(ctx, attr, value, range) {
@@ -90329,6 +90325,7 @@
   });
 
   var defaultSettings = {
+    headerBgColor: "#fff",
     toolbarRightRender: undefined,
     onClickContentEditable: undefined,
     renderCustomColor: undefined,
@@ -90373,7 +90370,7 @@
     },
     headerContextMenu: ["copy", "paste", "|", "insert-row", "insert-column", "delete-row", "delete-column", "delete-cell", "hide-row", "hide-column", "set-row-height", "set-column-width", "|", "clear", "sort", "orderAZ", "orderZA"],
     sheetTabContextMenu: ["delete", "copy", "rename", "color", "hide", "|", "move"],
-    filterContextMenu: ["sort-by-asc", "sort-by-desc", "|", "filter-by-color", "|", "filter-by-value"],
+    filterContextMenu: ["sort-by-asc", "sort-by-desc", "|", "filter-by-value"],
     generateSheetId: function generateSheetId() {
       return v4();
     },
@@ -90699,7 +90696,6 @@
   function handleGlobalWheel(ctx, e, cache, scrollbarX, scrollbarY) {
     var _cache$searchDialog;
     if (((_cache$searchDialog = cache.searchDialog) === null || _cache$searchDialog === void 0 ? void 0 : _cache$searchDialog.mouseEnter) && ctx.showSearch && ctx.showReplace) return;
-    if (ctx.filterContextMenu != null) return;
     var scrollLeft = scrollbarX.scrollLeft;
     var scrollTop = scrollbarY.scrollTop;
     if (e.deltaY !== 0) {
@@ -90739,7 +90735,7 @@
     };
   }
   function handleCellAreaMouseDown(ctx, globalCache, e, cellInput, container, fxInput, canvas) {
-    var _globalCache$freezen, _ctx$hooks$beforeCell, _ctx$hooks, _flowdata$row_index;
+    var _globalCache$freezen, _ctx$hooks$beforeCell, _ctx$hooks, _flowdata$row_index, _flowdata$row_index2, _flowdata$row_index2$;
     ctx.contextMenu = {};
     ctx.filterContextMenu = undefined;
     var flowdata = getFlowdata(ctx);
@@ -90909,7 +90905,6 @@
             }
             cellInput.innerHTML = vText;
             cancelFunctionrangeSelected(ctx);
-            createRangeHightlight(ctx, vText);
           }
           ctx.formulaCache.rangestart = false;
           ctx.formulaCache.rangedrag_column_start = false;
@@ -90955,9 +90950,6 @@
         ctx.formulaCache.rangedrag_column_start = false;
         ctx.formulaCache.rangedrag_row_start = false;
         ctx.formulaCache.selectingRangeIndex = ctx.formulaCache.rangechangeindex;
-        if (ctx.formulaCache.rangechangeindex > ctx.formulaRangeHighlight.length) {
-          createRangeHightlight(ctx, cellInput.innerHTML, ctx.formulaCache.rangechangeindex);
-        }
         createFormulaRangeSelect(ctx, {
           rangeIndex: ctx.formulaCache.rangechangeindex || 0,
           left: left,
@@ -91075,10 +91067,12 @@
       }
     }
     ctx.luckysheet_select_save = normalizeSelection(ctx, ctx.luckysheet_select_save);
+    var f = ((_flowdata$row_index2 = flowdata[row_index]) === null || _flowdata$row_index2 === void 0 ? void 0 : (_flowdata$row_index2$ = _flowdata$row_index2[col_index]) === null || _flowdata$row_index2$ === void 0 ? void 0 : _flowdata$row_index2$.f) || "";
+    createRangeHightlight(ctx, functionHTMLGenerate(f));
     if (ctx.hooks.afterCellMouseDown) {
       setTimeout(function () {
-        var _ctx$hooks$afterCellM, _ctx$hooks2, _flowdata$row_index2;
-        (_ctx$hooks$afterCellM = (_ctx$hooks2 = ctx.hooks).afterCellMouseDown) === null || _ctx$hooks$afterCellM === void 0 ? void 0 : _ctx$hooks$afterCellM.call(_ctx$hooks2, (_flowdata$row_index2 = flowdata[row_index]) === null || _flowdata$row_index2 === void 0 ? void 0 : _flowdata$row_index2[col_index], {
+        var _ctx$hooks$afterCellM, _ctx$hooks2, _flowdata$row_index3;
+        (_ctx$hooks$afterCellM = (_ctx$hooks2 = ctx.hooks).afterCellMouseDown) === null || _ctx$hooks$afterCellM === void 0 ? void 0 : _ctx$hooks$afterCellM.call(_ctx$hooks2, (_flowdata$row_index3 = flowdata[row_index]) === null || _flowdata$row_index3 === void 0 ? void 0 : _flowdata$row_index3[col_index], {
           row: row_index,
           column: col_index,
           startRow: row_pre,
@@ -91090,7 +91084,7 @@
     }
   }
   function handleCellDrop(ctx, globalCache, e, container) {
-    var _globalCache$freezen2, _flowdata$row_index3;
+    var _globalCache$freezen2, _flowdata$row_index4;
     var afterCellDrop = ctx.hooks.afterCellDrop;
     if (!afterCellDrop) {
       return;
@@ -91117,7 +91111,7 @@
     var col_location = colLocation(x, ctx.visibledatacolumn);
     var col_pre = col_location[0];
     var col_index = col_location[2];
-    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index3 = flowdata[row_index]) === null || _flowdata$row_index3 === void 0 ? void 0 : _flowdata$row_index3[col_index]));
+    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index4 = flowdata[row_index]) === null || _flowdata$row_index4 === void 0 ? void 0 : _flowdata$row_index4[col_index]));
     var box = document.querySelector(".leankylin-cell-area");
     if (box) {
       var _currentCellValue$cu;
@@ -91153,7 +91147,7 @@
     });
   }
   function handleCellAreaDragOver(ctx, globalCache, e, container) {
-    var _globalCache$freezen3, _flowdata$row_index4;
+    var _globalCache$freezen3, _flowdata$row_index5;
     var canDrop = ctx.hooks.afterCellDrop;
     if (!canDrop) {
       return;
@@ -91182,7 +91176,7 @@
     var col_pre = col_location[0];
     var col_end = col_location[1];
     var col_index = col_location[2];
-    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index4 = flowdata[row_index]) === null || _flowdata$row_index4 === void 0 ? void 0 : _flowdata$row_index4[col_index]));
+    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index5 = flowdata[row_index]) === null || _flowdata$row_index5 === void 0 ? void 0 : _flowdata$row_index5[col_index]));
     var box = document.querySelector(".leankylin-cell-area");
     if (box) {
       var _currentCellValue$cu2;
@@ -91213,13 +91207,11 @@
     };
   }
   function handleCellAreaMouseMove(ctx, globalCache, e, container) {
-    var _globalCache$freezen4, _flowdata$row_index5;
+    var _globalCache$freezen4, _flowdata$row_index6;
     var afterCellMouseMove = ctx.hooks.afterCellMouseMove;
     if (!afterCellMouseMove) {
       return;
     }
-    ctx.contextMenu = {};
-    ctx.filterContextMenu = undefined;
     var flowdata = getFlowdata(ctx);
     if (!flowdata) return;
     var rect = container.getBoundingClientRect();
@@ -91240,7 +91232,7 @@
     var col_location = colLocation(x, ctx.visibledatacolumn);
     var col_pre = col_location[0];
     var col_index = col_location[2];
-    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index5 = flowdata[row_index]) === null || _flowdata$row_index5 === void 0 ? void 0 : _flowdata$row_index5[col_index]));
+    var currentCellValue = JSON.parse(JSON.stringify((_flowdata$row_index6 = flowdata[row_index]) === null || _flowdata$row_index6 === void 0 ? void 0 : _flowdata$row_index6[col_index]));
     var box = document.querySelector(".leankylin-cell-area");
     if (box) {
       var _currentCellValue$cu3;
@@ -92693,7 +92685,13 @@
     };
   }
   function getClipboardData(ctx, e, copyRich, startRow, startCol) {
+    var _ctx$luckysheetfile, _currentSheet$data, _currentSheet$data2, _currentSheet$data2$, _Array$from;
     var clipboardData = e.clipboardData;
+    var currentSheet = (_ctx$luckysheetfile = ctx.luckysheetfile) === null || _ctx$luckysheetfile === void 0 ? void 0 : _ctx$luckysheetfile.find(function (item) {
+      return item.id === ctx.currentSheetId;
+    });
+    var currentRowLen = (currentSheet === null || currentSheet === void 0 ? void 0 : (_currentSheet$data = currentSheet.data) === null || _currentSheet$data === void 0 ? void 0 : _currentSheet$data.length) || 1000;
+    var currentColLen = (currentSheet === null || currentSheet === void 0 ? void 0 : (_currentSheet$data2 = currentSheet.data) === null || _currentSheet$data2 === void 0 ? void 0 : (_currentSheet$data2$ = _currentSheet$data2[0]) === null || _currentSheet$data2$ === void 0 ? void 0 : _currentSheet$data2$.length) || 200;
     var txtdata = clipboardData.getData("text/html");
     var iframe = document.createElement("iframe");
     iframe.style.display = "none";
@@ -92701,19 +92699,22 @@
     var iframeDoc = iframe.contentDocument;
     iframeDoc.documentElement.innerHTML = txtdata;
     var htmlDoc = iframeDoc === null || iframeDoc === void 0 ? void 0 : iframeDoc.documentElement;
-    var rows = htmlDoc.querySelectorAll("tbody tr");
+    var rows = (_Array$from = Array.from(htmlDoc.querySelectorAll("tbody tr"))) === null || _Array$from === void 0 ? void 0 : _Array$from.slice(0, currentRowLen);
     if (!rows || rows.length < 1) {
       return {
-        data: [[clipboardData.getData("text")]]
+        data: [[clipboardData.getData("text")]],
+        borderInfo: [],
+        merge: {}
       };
     }
     var result = [];
     var borderInfo = [];
+    var merge = {};
     var startOffColIndexMap = {};
     for (var index = 0; index < (rows === null || rows === void 0 ? void 0 : rows.length); index += 1) {
       var row = rows[index];
       var isFirstNoRs = false;
-      var cells = row.querySelectorAll("td");
+      var cells = Array.from(row.querySelectorAll("td")).slice(0, currentColLen);
       if (!result[index]) {
         result[index] = [];
       }
@@ -92723,13 +92724,15 @@
         var cell = cells[cIndex];
         var m = cell === null || cell === void 0 ? void 0 : cell.textContent;
         var v = cell.getAttribute("x:num");
+        var f = cell.getAttribute("f");
         if (copyRich) {
           var style = iframe.contentWindow.getComputedStyle(cell);
           var rowspan = Number(cell.getAttribute("rowspan")) || 1;
           var colspan = Number(cell.getAttribute("colspan")) || 1;
           var mainCell = _objectSpread2$1({
             v: v || m,
-            m: m || v
+            m: m || v,
+            f: f || undefined
           }, domStyleToCellAttr(style));
           if (colspan > 1 || rowspan > 1) {
             mainCell.mc = {
@@ -92738,6 +92741,7 @@
               r: index + startRow,
               c: _colIndex
             };
+            merge["".concat(index + startRow, "_").concat(_colIndex)] = mainCell.mc;
             borderInfo.push.apply(borderInfo, _toConsumableArray$2(getCellMcBorder(ctx, style, index + startRow, _colIndex, mainCell.mc)));
           } else {
             isFirstNoRs = true;
@@ -92784,7 +92788,8 @@
     }
     return {
       data: result,
-      borderInfo: borderInfo
+      borderInfo: borderInfo,
+      merge: merge
     };
   }
   function handlePasteByLeanklin(_x2, _x3, _x4) {
@@ -92793,7 +92798,7 @@
   function _handlePasteByLeanklin() {
     _handlePasteByLeanklin = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(ctx, e, copyRich) {
       var _ctx$luckysheet_selec8, _data$0$;
-      var allowEdit, selectRange, rows, columns, _getClipboardData, copyData, borderInfo, _ctx$config$borderInf, index, data, copyOne, pasteData, r, rIndex, c, row, column, range;
+      var allowEdit, selectRange, rows, columns, _getClipboardData, copyData, borderInfo, merge, _ctx$config$borderInf, index, data, copyOne, pasteData, r, rIndex, c, row, column, range;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -92813,13 +92818,19 @@
           case 6:
             rows = selectRange.row;
             columns = selectRange.column;
-            _getClipboardData = getClipboardData(ctx, e, copyRich, rows[0], columns[0]), copyData = _getClipboardData.data, borderInfo = _getClipboardData.borderInfo;
+            _getClipboardData = getClipboardData(ctx, e, copyRich, rows[0], columns[0]), copyData = _getClipboardData.data, borderInfo = _getClipboardData.borderInfo, merge = _getClipboardData.merge;
             if (!ctx.config.borderInfo) {
               ctx.config.borderInfo = [];
             }
             if (copyRich) {
               (_ctx$config$borderInf = ctx.config.borderInfo).push.apply(_ctx$config$borderInf, _toConsumableArray$2(borderInfo));
             }
+            if (!ctx.config.merge) {
+              ctx.config.merge = {};
+            }
+            if (copyRich) {
+              ctx.config.merge = Object.assign(ctx.config.merge, merge);
+            }
             index = getSheetIndex(ctx, ctx.currentSheetId);
             ctx.luckysheetfile[index].config = ctx.config;
             data = copyData;
@@ -92841,14 +92852,14 @@
               column: column
             };
             if (isAllowEdit(ctx, [range])) {
-              _context2.next = 22;
+              _context2.next = 24;
               break;
             }
             return _context2.abrupt("return");
-          case 22:
+          case 24:
             setCellValuesByRange(ctx, pasteData, range, null);
             ctx.luckysheet_select_save = [range];
-          case 24:
+          case 26:
           case "end":
             return _context2.stop();
         }
@@ -98116,6 +98127,9 @@
       setContext = _useContext.setContext,
       settings = _useContext.settings,
       refs = _useContext.refs;
+    var _useInViewport = useInViewport(refs.cellArea),
+      _useInViewport2 = _slicedToArray(_useInViewport, 1),
+      inViewport = _useInViewport2[0];
     var _useDialog = useDialog(),
       showDialog = _useDialog.showDialog;
     var containerRef = React.useRef(null);
@@ -98261,7 +98275,7 @@
     React.useEffect(function () {
       refs.cellArea.current.scrollLeft = context.scrollLeft;
       refs.cellArea.current.scrollTop = context.scrollTop;
-    }, [context.scrollLeft, context.scrollTop, refs.cellArea, (_refs$cellArea$curren = refs.cellArea.current) === null || _refs$cellArea$curren === void 0 ? void 0 : _refs$cellArea$curren.scrollLeft, (_refs$cellArea$curren2 = refs.cellArea.current) === null || _refs$cellArea$curren2 === void 0 ? void 0 : _refs$cellArea$curren2.scrollTop]);
+    }, [context.scrollLeft, context.scrollTop, refs.cellArea, (_refs$cellArea$curren = refs.cellArea.current) === null || _refs$cellArea$curren === void 0 ? void 0 : _refs$cellArea$curren.scrollLeft, (_refs$cellArea$curren2 = refs.cellArea.current) === null || _refs$cellArea$curren2 === void 0 ? void 0 : _refs$cellArea$curren2.scrollTop, inViewport]);
     React.useEffect(function () {
       document.addEventListener("mousemove", onMouseMove);
       return function () {