@leankylin-sheet/react 3.0.1 → 3.1.0

package/dist/index.umd.js

@@ -79380,10 +79380,16 @@
     }
     function format(fmt, v, o) {
       if (fmt === null || fmt === void 0 ? void 0 : fmt.includes('leanky_n')) {
+        if (isNaN(v) || Infinity == v || -Infinity == v) {
+          return '#VALUE!';
+        }
         var precision = fmt.replace('leanky_n', '');
         return numberThousands(v, ',', precision);
       }
       if (fmt === null || fmt === void 0 ? void 0 : fmt.includes('leanky_p')) {
+        if (isNaN(v) || Infinity == v || -Infinity == v) {
+          return '#VALUE!';
+        }
         var _precision = fmt.replace('leanky_p', '');
         return numberThousands(v * 100, ',', _precision) + '%';
       }
@@ -79564,9 +79570,6 @@
     var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
     var precision = arguments.length > 2 ? arguments[2] : undefined;
     var number = Number(num).toFixed(precision);
-    if (isNaN(number)) {
-      return '';
-    }
     var _String$split = String(number).split('.'),
       _String$split2 = _slicedToArray$3(_String$split, 2),
       init = _String$split2[0],
@@ -84316,28 +84319,15 @@
         if (cell.v === Infinity || cell.v === -Infinity) {
           cell.m = cell.v.toString();
         } else {
-          if (cell.v.toString().indexOf("e") > -1) {
-            var len;
-            if (cell.v.toString().split(".").length === 1) {
-              len = 0;
-            } else {
-              len = cell.v.toString().split(".")[1].split("e")[0].length;
+          var v_p = Math.round(cell.v * 1000000000) / 1000000000;
+          if (lodash.isNil(cell.ct)) {
+            var mask = genarate(v_p);
+            if (mask != null) {
+              cell.m = mask[0].toString();
             }
-            if (len > 5) {
-              len = 5;
-            }
-            cell.m = cell.v.toExponential(len).toString();
           } else {
-            var v_p = Math.round(cell.v * 1000000000) / 1000000000;
-            if (lodash.isNil(cell.ct)) {
-              var mask = genarate(v_p);
-              if (mask != null) {
-                cell.m = mask[0].toString();
-              }
-            } else {
-              var _mask = update(cell.ct.fa, v_p);
-              cell.m = _mask.toString();
-            }
+            var _mask = update(cell.ct.fa, v_p);
+            cell.m = _mask.toString();
           }
         }
       } else if (!lodash.isNil(cell.ct) && cell.ct.fa === "@") {
@@ -96775,7 +96765,7 @@
     }, {
       key: "nullCellRender",
       value: function nullCellRender(r, c, startY, startX, endY, endX, renderCtx, afCompute, cfCompute, offsetLeft, offsetTop, dynamicArrayCompute, cellOverflowMap, colStart, colEnd, scrollHeight, scrollWidth, bodrder05) {
-        var _this$sheetCtx$hooks$6, _this$sheetCtx$hooks6, _flowdata$r2, _flowdata$r3, _flowdata$r3$c, _this$sheetCtx$hooks$7, _this$sheetCtx$hooks7;
+        var _this$sheetCtx$hooks$6, _this$sheetCtx$hooks6, _flowdata$r2, _flowdata$r3, _flowdata$r4, _flowdata$r4$c, _this$sheetCtx$hooks$7, _this$sheetCtx$hooks7;
         var isMerge = arguments.length > 18 && arguments[18] !== undefined ? arguments[18] : false;
         var checksCF = checkCF(r, c, cfCompute);
         var flowdata = getFlowdata(this.sheetCtx);
@@ -96812,8 +96802,9 @@
           renderCtx.textBaseline = "bottom";
           renderCtx.fillText(lodash.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
         }
-        this.renderLyFlag(renderCtx, flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r2 = flowdata[r]) === null || _flowdata$r2 === void 0 ? void 0 : _flowdata$r2[c], startY, endX, offsetLeft, offsetTop);
-        if (flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r3 = flowdata[r]) === null || _flowdata$r3 === void 0 ? void 0 : (_flowdata$r3$c = _flowdata$r3[c]) === null || _flowdata$r3$c === void 0 ? void 0 : _flowdata$r3$c.ps) {
+        this.renderDelLine(renderCtx, flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r2 = flowdata[r]) === null || _flowdata$r2 === void 0 ? void 0 : _flowdata$r2[c], startX, startY, endX, endY, offsetLeft, offsetTop);
+        this.renderLyFlag(renderCtx, flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r3 = flowdata[r]) === null || _flowdata$r3 === void 0 ? void 0 : _flowdata$r3[c], startX, startY, offsetLeft, offsetTop);
+        if (flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r4 = flowdata[r]) === null || _flowdata$r4 === void 0 ? void 0 : (_flowdata$r4$c = _flowdata$r4[c]) === null || _flowdata$r4$c === void 0 ? void 0 : _flowdata$r4$c.ps) {
           var ps_w = 8 * this.sheetCtx.zoomRatio;
           var ps_h = 8 * this.sheetCtx.zoomRatio;
           renderCtx.beginPath();
@@ -96857,9 +96848,50 @@
           endX: cellsize[2] + cellsize[0]
         }, renderCtx);
       }
+    }, {
+      key: "renderDelLine",
+      value: function renderDelLine(renderCtx, cell, startX, startY, endX, endY, offsetLeft, offsetTop) {
+        var delLineColor = cell === null || cell === void 0 ? void 0 : cell.delLineColor;
+        if (!delLineColor) {
+          return;
+        }
+        var delLineSpace = (cell === null || cell === void 0 ? void 0 : cell.delLineSpace) || 8;
+        startX += offsetLeft;
+        startY += offsetTop + 1;
+        endX += offsetLeft;
+        endY += offsetTop - 2;
+        renderCtx.strokeStyle = delLineColor;
+        renderCtx.lineWidth = 1;
+        var rectWidth = endX - startX;
+        var rectHeight = endY - startY;
+        var tsPosition = function tsPosition(_ref2) {
+          var _ref3 = _slicedToArray$3(_ref2, 2),
+            x = _ref3[0],
+            y = _ref3[1];
+          if (y > startY + rectHeight) {
+            var dis = y - (startY + rectHeight);
+            y = startY + rectHeight;
+            x += dis;
+          }
+          if (x > startX + rectWidth) {
+            var _dis = x - (startX + rectWidth);
+            x = startX + rectWidth;
+            y += _dis;
+          }
+          return [x, y];
+        };
+        renderCtx.beginPath();
+        for (var space = 0; space < rectWidth + rectHeight; space += delLineSpace) {
+          var startP = tsPosition([startX, startY + space]);
+          var endP = tsPosition([startX + space, startY]);
+          renderCtx.moveTo(startP[0], startP[1]);
+          renderCtx.lineTo(endP[0], endP[1]);
+        }
+        renderCtx.stroke();
+      }
     }, {
       key: "renderLyFlag",
-      value: function renderLyFlag(renderCtx, cell, startY, endX, offsetLeft, offsetTop) {
+      value: function renderLyFlag(renderCtx, cell, startX, startY, offsetLeft, offsetTop) {
         var lyFlagColor = cell === null || cell === void 0 ? void 0 : cell.lyFlagColor;
         if (!lyFlagColor) {
           return;
@@ -96867,9 +96899,9 @@
         var ps_w = 8 * this.sheetCtx.zoomRatio;
         var ps_h = 8 * this.sheetCtx.zoomRatio;
         renderCtx.beginPath();
-        renderCtx.moveTo(endX + offsetLeft - ps_w, startY + offsetTop);
-        renderCtx.lineTo(endX + offsetLeft, startY + offsetTop);
-        renderCtx.lineTo(endX + offsetLeft, startY + offsetTop + ps_h);
+        renderCtx.moveTo(startX + offsetLeft, startY + offsetTop);
+        renderCtx.lineTo(startX + offsetLeft, startY + offsetTop + ps_h);
+        renderCtx.lineTo(startX + offsetLeft + ps_w, startY + offsetTop);
         renderCtx.fillStyle = lyFlagColor;
         renderCtx.fill();
         renderCtx.closePath();
@@ -96877,7 +96909,7 @@
     }, {
       key: "cellRender",
       value: function cellRender(r, c, startY, startX, endY, endX, value, renderCtx, afCompute, cfCompute, offsetLeft, offsetTop, dynamicArrayCompute, cellOverflowMap, colStart, colEnd, scrollHeight, scrollWidth, bodrder05) {
-        var _this$sheetCtx$hooks$8, _this$sheetCtx$hooks8, _dataVerification, _this$sheetCtx$hooks$9, _this$sheetCtx$hooks9, _flowdata$r4;
+        var _this$sheetCtx$hooks$8, _this$sheetCtx$hooks8, _this$sheetCtx$hooks$9, _this$sheetCtx$hooks9, _flowdata$r5;
         var isMerge = arguments.length > 19 && arguments[19] !== undefined ? arguments[19] : false;
         var flowdata = getFlowdata(this.sheetCtx);
         if (!flowdata) {
@@ -96886,7 +96918,7 @@
         var cell = flowdata[r][c];
         var cellWidth = endX - startX - 2;
         var cellHeight = endY - startY - 2;
-        var space_width = 2;
+        var space_width = 4;
         var space_height = 2;
         var horizonAlign = Number(normalizedAttr(flowdata, r, c, "ht"));
         var verticalAlign = Number(normalizedAttr(flowdata, r, c, "vt"));
@@ -96927,7 +96959,8 @@
           renderCtx.fill();
           renderCtx.closePath();
         }
-        this.renderLyFlag(renderCtx, cell, startY, endX, offsetLeft, offsetTop);
+        this.renderDelLine(renderCtx, cell, startX, startY, endX, endY, offsetLeft, offsetTop);
+        this.renderLyFlag(renderCtx, cell, startX, startY, offsetLeft, offsetTop);
         if (cell === null || cell === void 0 ? void 0 : cell.ps) {
           var ps_w = 8 * this.sheetCtx.zoomRatio;
           var ps_h = 8 * this.sheetCtx.zoomRatio;
@@ -96958,53 +96991,6 @@
           } else {
             cellOverflow_bd_r_render = false;
           }
-        } else if ((dataVerification === null || dataVerification === void 0 ? void 0 : (_dataVerification = dataVerification["".concat(r, "_").concat(c)]) === null || _dataVerification === void 0 ? void 0 : _dataVerification.type) === "checkbox") {
-          var pos_x = startX + offsetLeft;
-          var pos_y = startY + offsetTop + 1;
-          renderCtx.save();
-          renderCtx.beginPath();
-          renderCtx.rect(pos_x, pos_y, cellWidth, cellHeight);
-          renderCtx.clip();
-          renderCtx.scale(this.sheetCtx.zoomRatio, this.sheetCtx.zoomRatio);
-          var measureText = getMeasureText(value, renderCtx, this.sheetCtx);
-          var textMetrics = measureText.width + 14;
-          var oneLineTextHeight = measureText.actualBoundingBoxDescent + measureText.actualBoundingBoxAscent;
-          var horizonAlignPos = pos_x + space_width;
-          if (horizonAlign === 0) {
-            horizonAlignPos = pos_x + cellWidth / 2 - textMetrics / 2;
-          } else if (horizonAlign === 2) {
-            horizonAlignPos = pos_x + cellWidth - space_width - textMetrics;
-          }
-          var verticalCellHeight = cellHeight > oneLineTextHeight ? cellHeight : oneLineTextHeight;
-          var verticalAlignPos_text = pos_y + verticalCellHeight - space_height;
-          renderCtx.textBaseline = "bottom";
-          var verticalAlignPos_checkbox = verticalAlignPos_text - 13 * this.sheetCtx.zoomRatio;
-          if (verticalAlign === 0) {
-            verticalAlignPos_text = pos_y + verticalCellHeight / 2;
-            renderCtx.textBaseline = "middle";
-            verticalAlignPos_checkbox = verticalAlignPos_text - 6 * this.sheetCtx.zoomRatio;
-          } else if (verticalAlign === 1) {
-            verticalAlignPos_text = pos_y + space_height;
-            renderCtx.textBaseline = "top";
-            verticalAlignPos_checkbox = verticalAlignPos_text + 1 * this.sheetCtx.zoomRatio;
-          }
-          horizonAlignPos /= this.sheetCtx.zoomRatio;
-          verticalAlignPos_text /= this.sheetCtx.zoomRatio;
-          verticalAlignPos_checkbox /= this.sheetCtx.zoomRatio;
-          renderCtx.lineWidth = 1;
-          renderCtx.strokeStyle = "#000";
-          renderCtx.strokeRect(horizonAlignPos, verticalAlignPos_checkbox, 10, 10);
-          if (dataVerification["".concat(r, "_").concat(c)].checked) {
-            renderCtx.beginPath();
-            renderCtx.lineTo(horizonAlignPos + 1, verticalAlignPos_checkbox + 6);
-            renderCtx.lineTo(horizonAlignPos + 4, verticalAlignPos_checkbox + 9);
-            renderCtx.lineTo(horizonAlignPos + 9, verticalAlignPos_checkbox + 2);
-            renderCtx.stroke();
-            renderCtx.closePath();
-          }
-          renderCtx.fillStyle = normalizedAttr(flowdata, r, c, "fc");
-          renderCtx.fillText(lodash.isNil(value) ? "" : value, horizonAlignPos + 14, verticalAlignPos_text);
-          renderCtx.restore();
         } else {
           var _checksCF$dataBar, _checksCF$dataBar2, _checksCF$dataBar2$va, _cell$ct$fa$indexOf, _cell$ct, _cell$ct$fa, _cell$ct2;
           if ((checksCF === null || checksCF === void 0 ? void 0 : (_checksCF$dataBar = checksCF.dataBar) === null || _checksCF$dataBar === void 0 ? void 0 : _checksCF$dataBar.valueLen) && (checksCF === null || checksCF === void 0 ? void 0 : (_checksCF$dataBar2 = checksCF.dataBar) === null || _checksCF$dataBar2 === void 0 ? void 0 : (_checksCF$dataBar2$va = _checksCF$dataBar2.valueLen) === null || _checksCF$dataBar2$va === void 0 ? void 0 : _checksCF$dataBar2$va.toString()) !== "NaN") {
@@ -97086,11 +97072,11 @@
               }
             }
           }
-          var _pos_x = startX + offsetLeft;
-          var _pos_y = startY + offsetTop + 1;
+          var pos_x = startX + offsetLeft;
+          var pos_y = startY + offsetTop + 1;
           renderCtx.save();
           renderCtx.beginPath();
-          renderCtx.rect(_pos_x, _pos_y, cellWidth, cellHeight);
+          renderCtx.rect(pos_x, pos_y, cellWidth, cellHeight);
           renderCtx.clip();
           renderCtx.scale(this.sheetCtx.zoomRatio, this.sheetCtx.zoomRatio);
           var textInfo = cell ? getCellTextInfo(cell, renderCtx, this.sheetCtx, {
@@ -97105,16 +97091,16 @@
             var l = checksCF.icons.left;
             var t = checksCF.icons.top;
             var _value = textInfo.values[0];
-            var verticalAlignPos = _pos_y + _value.top - textInfo.textHeightAll;
+            var verticalAlignPos = pos_y + _value.top - textInfo.textHeightAll;
             if (verticalAlign === 0) {
-              verticalAlignPos = _pos_y + cellHeight / 2 - textInfo.textHeightAll / 2;
+              verticalAlignPos = pos_y + cellHeight / 2 - textInfo.textHeightAll / 2;
             } else if (verticalAlign === 1) {
-              verticalAlignPos = _pos_y;
+              verticalAlignPos = pos_y;
             } else if (verticalAlign === 2) {
               verticalAlignPos -= textInfo.desc;
             }
             verticalAlignPos /= this.sheetCtx.zoomRatio;
-            renderCtx.drawImage(getCfIconsImg(), l * 42, t * 32, 32, 32, _pos_x / this.sheetCtx.zoomRatio, verticalAlignPos, textInfo.textHeightAll / this.sheetCtx.zoomRatio, textInfo.textHeightAll / this.sheetCtx.zoomRatio);
+            renderCtx.drawImage(getCfIconsImg(), l * 42, t * 32, 32, 32, pos_x / this.sheetCtx.zoomRatio, verticalAlignPos, textInfo.textHeightAll / this.sheetCtx.zoomRatio, textInfo.textHeightAll / this.sheetCtx.zoomRatio);
           }
           renderCtx.fillStyle = normalizedAttr(flowdata, r, c, "fc");
           if (checksAF === null || checksAF === void 0 ? void 0 : checksAF[0]) {
@@ -97128,8 +97114,8 @@
             renderCtx.fillStyle = "#ff0000";
           }
           this.cellTextRender(textInfo, renderCtx, {
-            pos_x: _pos_x,
-            pos_y: _pos_y
+            pos_x: pos_x,
+            pos_y: pos_y
           });
           renderCtx.restore();
         }
@@ -97153,7 +97139,7 @@
           renderCtx.stroke();
           renderCtx.closePath();
         }
-        (_this$sheetCtx$hooks$9 = (_this$sheetCtx$hooks9 = this.sheetCtx.hooks).afterRenderCell) === null || _this$sheetCtx$hooks$9 === void 0 ? void 0 : _this$sheetCtx$hooks$9.call(_this$sheetCtx$hooks9, (_flowdata$r4 = flowdata[r]) === null || _flowdata$r4 === void 0 ? void 0 : _flowdata$r4[c], {
+        (_this$sheetCtx$hooks$9 = (_this$sheetCtx$hooks9 = this.sheetCtx.hooks).afterRenderCell) === null || _this$sheetCtx$hooks$9 === void 0 ? void 0 : _this$sheetCtx$hooks$9.call(_this$sheetCtx$hooks9, (_flowdata$r5 = flowdata[r]) === null || _flowdata$r5 === void 0 ? void 0 : _flowdata$r5[c], {
           row: r,
           column: c,
           startX: cellsize[0],
@@ -97393,9 +97379,9 @@
       }
     }, {
       key: "drawFreezeLine",
-      value: function drawFreezeLine(_ref2) {
-        var horizontalTop = _ref2.horizontalTop,
-          verticalLeft = _ref2.verticalLeft;
+      value: function drawFreezeLine(_ref4) {
+        var horizontalTop = _ref4.horizontalTop,
+          verticalLeft = _ref4.verticalLeft;
       }
     }]);
   }();
@@ -100936,8 +100922,60 @@
       });
     }
   }
+  function handleCellAreaMouseMove(ctx, globalCache, e, container) {
+    var _globalCache$freezen2, _flowdata$row_index3;
+    var afterCellMouseMove = ctx.hooks.afterCellMouseMove;
+    if (!afterCellMouseMove) {
+      return;
+    }
+    ctx.contextMenu = {};
+    ctx.filterContextMenu = undefined;
+    var flowdata = getFlowdata(ctx);
+    if (!flowdata) return;
+    var rect = container.getBoundingClientRect();
+    var mouseX = e.pageX - rect.left - window.scrollX;
+    var mouseY = e.pageY - rect.top - window.scrollY;
+    var _x = mouseX + ctx.scrollLeft;
+    var _y = mouseY + ctx.scrollTop;
+    if (_x >= rect.width + ctx.scrollLeft || _y >= rect.height + ctx.scrollTop) {
+      return;
+    }
+    var freeze = (_globalCache$freezen2 = globalCache.freezen) === null || _globalCache$freezen2 === void 0 ? void 0 : _globalCache$freezen2[ctx.currentSheetId];
+    var _fixPositionOnFrozenC2 = fixPositionOnFrozenCells(freeze, _x, _y, mouseX, mouseY),
+      x = _fixPositionOnFrozenC2.x,
+      y = _fixPositionOnFrozenC2.y;
+    var row_location = rowLocation(y, ctx.visibledatarow);
+    var row_pre = row_location[0];
+    var row_index = row_location[2];
+    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 box = document.querySelector(".leankylin-cell-area");
+    if (box) {
+      var _currentCellValue$cu;
+      box.style.cursor = (_currentCellValue$cu = currentCellValue === null || currentCellValue === void 0 ? void 0 : currentCellValue.cu) !== null && _currentCellValue$cu !== void 0 ? _currentCellValue$cu : "default";
+    }
+    var yOut = y < 0 || y > ctx.visibledatarow[ctx.visibledatarow.length - 1];
+    var xOut = x < 0 || x > ctx.visibledatacolumn[ctx.visibledatacolumn.length - 1];
+    if (yOut || xOut) {
+      afterCellMouseMove(null, {
+        rowIndex: -1,
+        colIndex: -1,
+        startRow: 0,
+        startColumn: 0
+      });
+      return;
+    }
+    afterCellMouseMove(currentCellValue, {
+      rowIndex: row_index,
+      startRow: row_pre,
+      startColumn: col_pre,
+      colIndex: col_index
+    });
+  }
   function handleCellAreaDoubleClick(ctx, globalCache, settings, e, container) {
-    var _globalCache$freezen2;
+    var _globalCache$freezen3;
     var flowdata = getFlowdata(ctx);
     if (!flowdata) return;
     if (ctx.luckysheetCellUpdate.length > 0 && ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start || israngeseleciton(ctx)) {
@@ -100950,10 +100988,10 @@
     var mouseY = e.pageY - rect.top;
     var _x = mouseX + ctx.scrollLeft;
     var _y = mouseY + ctx.scrollTop;
-    var freeze = (_globalCache$freezen2 = globalCache.freezen) === null || _globalCache$freezen2 === void 0 ? void 0 : _globalCache$freezen2[ctx.currentSheetId];
-    var _fixPositionOnFrozenC2 = fixPositionOnFrozenCells(freeze, _x, _y, mouseX, mouseY),
-      x = _fixPositionOnFrozenC2.x,
-      y = _fixPositionOnFrozenC2.y;
+    var freeze = (_globalCache$freezen3 = globalCache.freezen) === null || _globalCache$freezen3 === void 0 ? void 0 : _globalCache$freezen3[ctx.currentSheetId];
+    var _fixPositionOnFrozenC3 = fixPositionOnFrozenCells(freeze, _x, _y, mouseX, mouseY),
+      x = _fixPositionOnFrozenC3.x,
+      y = _fixPositionOnFrozenC3.y;
     var row_location = rowLocation(y, ctx.visibledatarow);
     var row_index = row_location[2];
     var col_location = colLocation(x, ctx.visibledatacolumn);
@@ -101008,9 +101046,9 @@
       var mouseY = e.pageY - rect.top - window.scrollY;
       var _selected_x = mouseX + ctx.scrollLeft;
       var _selected_y = mouseY + ctx.scrollTop;
-      var _fixPositionOnFrozenC3 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa === void 0 ? void 0 : _ctx$getRefs$globalCa[ctx.currentSheetId], _selected_x, _selected_y, mouseX, mouseY),
-        selected_x = _fixPositionOnFrozenC3.x,
-        selected_y = _fixPositionOnFrozenC3.y;
+      var _fixPositionOnFrozenC4 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa === void 0 ? void 0 : _ctx$getRefs$globalCa[ctx.currentSheetId], _selected_x, _selected_y, mouseX, mouseY),
+        selected_x = _fixPositionOnFrozenC4.x,
+        selected_y = _fixPositionOnFrozenC4.y;
       var row_location = rowLocation(selected_y, ctx.visibledatarow);
       var row = row_location[1];
       var row_pre = row_location[0];
@@ -101124,14 +101162,15 @@
       var _rect = container.getBoundingClientRect();
       var _mouseY = e.pageY - _rect.top - window.scrollY;
       var _selected_y2 = _mouseY + ctx.scrollTop;
-      var _fixPositionOnFrozenC4 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa2 = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa2 === void 0 ? void 0 : _ctx$getRefs$globalCa2[ctx.currentSheetId], 0, _selected_y2, 0, _mouseY),
-        _selected_y3 = _fixPositionOnFrozenC4.y;
+      var _fixPositionOnFrozenC5 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa2 = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa2 === void 0 ? void 0 : _ctx$getRefs$globalCa2[ctx.currentSheetId], 0, _selected_y2, 0, _mouseY),
+        _selected_y3 = _fixPositionOnFrozenC5.y;
       var _row_location = rowLocation(_selected_y3, ctx.visibledatarow);
       var _row = _row_location[1];
       var _row_pre = _row_location[0];
       var _row_index = _row_location[2];
       var _isInSelection = lodash.some(ctx.luckysheet_select_save, function (obj_s) {
-        return obj_s.row != null && _row_index >= obj_s.row[0] && _row_index <= obj_s.row[1] && !obj_s.column_select;
+        var _flowdata$0$length, _flowdata$;
+        return obj_s.row != null && _row_index >= obj_s.row[0] && _row_index <= obj_s.row[1] && obj_s.column[0] === 0 && obj_s.column[1] === ((_flowdata$0$length = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$ = flowdata[0]) === null || _flowdata$ === void 0 ? void 0 : _flowdata$.length) !== null && _flowdata$0$length !== void 0 ? _flowdata$0$length : 0) - 1;
       });
       if (_isInSelection) return;
       var _col_index = ctx.visibledatacolumn.length - 1;
@@ -101162,8 +101201,8 @@
       var _rect2 = container.getBoundingClientRect();
       var _mouseX = e.pageX - _rect2.left - window.scrollX;
       var _selected_x2 = _mouseX + ctx.scrollLeft;
-      var _fixPositionOnFrozenC5 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa3 = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa3 === void 0 ? void 0 : _ctx$getRefs$globalCa3[ctx.currentSheetId], _selected_x2, 0, _mouseX, 0),
-        _selected_x3 = _fixPositionOnFrozenC5.x;
+      var _fixPositionOnFrozenC6 = fixPositionOnFrozenCells((_ctx$getRefs$globalCa3 = ctx.getRefs().globalCache.freezen) === null || _ctx$getRefs$globalCa3 === void 0 ? void 0 : _ctx$getRefs$globalCa3[ctx.currentSheetId], _selected_x2, 0, _mouseX, 0),
+        _selected_x3 = _fixPositionOnFrozenC6.x;
       var _row_index2 = ctx.visibledatarow.length - 1;
       var _row2 = ctx.visibledatarow[_row_index2];
       var _row_pre2 = 0;
@@ -101172,7 +101211,8 @@
       var _col_pre2 = _col_location[0];
       var _col_index2 = _col_location[2];
       var _isInSelection2 = lodash.some(ctx.luckysheet_select_save, function (obj_s) {
-        return obj_s.row != null && _col_index2 >= obj_s.column[0] && _col_index2 <= obj_s.column[1] && !obj_s.row_select;
+        var _flowdata$length;
+        return obj_s.column != null && _col_index2 >= obj_s.column[0] && _col_index2 <= obj_s.column[1] && obj_s.row[0] === 0 && obj_s.row[1] === ((_flowdata$length = flowdata === null || flowdata === void 0 ? void 0 : flowdata.length) !== null && _flowdata$length !== void 0 ? _flowdata$length : 0) - 1;
       });
       if (_isInSelection2) return;
       var _left4 = _col_pre2;
@@ -101229,15 +101269,15 @@
       return;
     }
     if (ctx.luckysheet_select_status) {
-      var _globalCache$freezen3, _ctx$luckysheet_selec6, _globalCache$freezen4;
+      var _globalCache$freezen4, _ctx$luckysheet_selec6, _globalCache$freezen5;
       var mouseX = e.pageX - rect.left - window.scrollX;
       var mouseY = e.pageY - rect.top - window.scrollY;
       var _x = mouseX - ctx.rowHeaderWidth + ctx.scrollLeft;
       var _y = mouseY - ctx.columnHeaderHeight + ctx.scrollTop;
-      var freeze = (_globalCache$freezen3 = globalCache.freezen) === null || _globalCache$freezen3 === void 0 ? void 0 : _globalCache$freezen3[ctx.currentSheetId];
-      var _fixPositionOnFrozenC6 = fixPositionOnFrozenCells(freeze, _x, _y, mouseX - ctx.rowHeaderWidth, mouseY - ctx.columnHeaderHeight),
-        _x2 = _fixPositionOnFrozenC6.x,
-        _y2 = _fixPositionOnFrozenC6.y;
+      var freeze = (_globalCache$freezen4 = globalCache.freezen) === null || _globalCache$freezen4 === void 0 ? void 0 : _globalCache$freezen4[ctx.currentSheetId];
+      var _fixPositionOnFrozenC7 = fixPositionOnFrozenCells(freeze, _x, _y, mouseX - ctx.rowHeaderWidth, mouseY - ctx.columnHeaderHeight),
+        _x2 = _fixPositionOnFrozenC7.x,
+        _y2 = _fixPositionOnFrozenC7.y;
       var row_location = rowLocation(_y2, ctx.visibledatarow);
       var row = row_location[1];
       var row_pre = row_location[0];
@@ -101327,7 +101367,7 @@
         last.height_move = ctx.visibledatarow[rowMax] - 1;
       }
       ctx.luckysheet_select_save[ctx.luckysheet_select_save.length - 1] = last;
-      scrollToFrozenRowCol(ctx, (_globalCache$freezen4 = globalCache.freezen) === null || _globalCache$freezen4 === void 0 ? void 0 : _globalCache$freezen4[ctx.currentSheetId]);
+      scrollToFrozenRowCol(ctx, (_globalCache$freezen5 = globalCache.freezen) === null || _globalCache$freezen5 === void 0 ? void 0 : _globalCache$freezen5[ctx.currentSheetId]);
     } else if (ctx.formulaCache.rangestart) {
       rangeDrag(ctx, e, cellInput, scrollX.scrollLeft, scrollY.scrollTop, container, fxInput);
     } else if (ctx.formulaCache.rangedrag_row_start) {
@@ -101671,7 +101711,7 @@
     }
   }
   function handleRowHeaderMouseDown(ctx, globalCache, e, container, cellInput, fxInput) {
-    var _globalCache$freezen5;
+    var _globalCache$freezen6;
     if (!checkProtectionAllSelected(ctx, ctx.currentSheetId)) {
       return;
     }
@@ -101680,9 +101720,9 @@
     var rect = container.getBoundingClientRect();
     var mouseY = e.pageY - rect.top - window.scrollY;
     var _y = mouseY + ctx.scrollTop;
-    var freeze = (_globalCache$freezen5 = globalCache.freezen) === null || _globalCache$freezen5 === void 0 ? void 0 : _globalCache$freezen5[ctx.currentSheetId];
-    var _fixPositionOnFrozenC7 = fixPositionOnFrozenCells(freeze, 0, _y, 0, mouseY),
-      y = _fixPositionOnFrozenC7.y;
+    var freeze = (_globalCache$freezen6 = globalCache.freezen) === null || _globalCache$freezen6 === void 0 ? void 0 : _globalCache$freezen6[ctx.currentSheetId];
+    var _fixPositionOnFrozenC8 = fixPositionOnFrozenCells(freeze, 0, _y, 0, mouseY),
+      y = _fixPositionOnFrozenC8.y;
     var row_location = rowLocation(y, ctx.visibledatarow);
     var row = row_location[1];
     var row_pre = row_location[0];
@@ -101693,8 +101733,8 @@
     if (e.button === 2) {
       var flowdata = getFlowdata(ctx);
       var isInSelection = lodash.some(ctx.luckysheet_select_save, function (obj_s) {
-        var _flowdata$0$length, _flowdata$;
-        return obj_s.row != null && row_index >= obj_s.row[0] && row_index <= obj_s.row[1] && obj_s.column[0] === 0 && obj_s.column[1] === ((_flowdata$0$length = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$ = flowdata[0]) === null || _flowdata$ === void 0 ? void 0 : _flowdata$.length) !== null && _flowdata$0$length !== void 0 ? _flowdata$0$length : 0) - 1;
+        var _flowdata$0$length2, _flowdata$2;
+        return obj_s.row != null && row_index >= obj_s.row[0] && row_index <= obj_s.row[1] && obj_s.column[0] === 0 && obj_s.column[1] === ((_flowdata$0$length2 = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$2 = flowdata[0]) === null || _flowdata$2 === void 0 ? void 0 : _flowdata$2.length) !== null && _flowdata$0$length2 !== void 0 ? _flowdata$0$length2 : 0) - 1;
       });
       if (isInSelection) return;
     }
@@ -101908,7 +101948,7 @@
     }
   }
   function handleColumnHeaderMouseDown(ctx, globalCache, e, container, cellInput, fxInput) {
-    var _globalCache$freezen6;
+    var _globalCache$freezen7;
     if (!checkProtectionAllSelected(ctx, ctx.currentSheetId)) {
       return;
     }
@@ -101917,9 +101957,9 @@
     var rect = container.getBoundingClientRect();
     var mouseX = e.pageX - rect.left - window.scrollX;
     var _x = mouseX + ctx.scrollLeft;
-    var freeze = (_globalCache$freezen6 = globalCache.freezen) === null || _globalCache$freezen6 === void 0 ? void 0 : _globalCache$freezen6[ctx.currentSheetId];
-    var _fixPositionOnFrozenC8 = fixPositionOnFrozenCells(freeze, _x, 0, mouseX, 0),
-      x = _fixPositionOnFrozenC8.x;
+    var freeze = (_globalCache$freezen7 = globalCache.freezen) === null || _globalCache$freezen7 === void 0 ? void 0 : _globalCache$freezen7[ctx.currentSheetId];
+    var _fixPositionOnFrozenC9 = fixPositionOnFrozenCells(freeze, _x, 0, mouseX, 0),
+      x = _fixPositionOnFrozenC9.x;
     var row_index = ctx.visibledatarow.length - 1;
     var row = ctx.visibledatarow[row_index];
     var row_pre = 0;
@@ -101931,8 +101971,8 @@
     if (e.button === 2) {
       var flowdata = getFlowdata(ctx);
       var isInSelection = lodash.some(ctx.luckysheet_select_save, function (obj_s) {
-        var _flowdata$length;
-        return obj_s.column != null && col_index >= obj_s.column[0] && col_index <= obj_s.column[1] && obj_s.row[0] === 0 && obj_s.row[1] === ((_flowdata$length = flowdata === null || flowdata === void 0 ? void 0 : flowdata.length) !== null && _flowdata$length !== void 0 ? _flowdata$length : 0) - 1;
+        var _flowdata$length2;
+        return obj_s.column != null && col_index >= obj_s.column[0] && col_index <= obj_s.column[1] && obj_s.row[0] === 0 && obj_s.row[1] === ((_flowdata$length2 = flowdata === null || flowdata === void 0 ? void 0 : flowdata.length) !== null && _flowdata$length2 !== void 0 ? _flowdata$length2 : 0) - 1;
       });
       if (isInSelection) return;
     }
@@ -102148,7 +102188,7 @@
     }
   }
   function handleColSizeHandleMouseDown(ctx, globalCache, e, headerContainer, workbookContainer, cellArea) {
-    var _globalCache$freezen7;
+    var _globalCache$freezen8;
     removeEditingComment(ctx, globalCache);
     cancelActiveImgItem(ctx, globalCache);
     ctx.luckysheetCellUpdate = [];
@@ -102156,9 +102196,9 @@
     var scrollTop = ctx.scrollTop;
     var mouseX = e.pageX - headerContainer.getBoundingClientRect().left - window.scrollX;
     var _x = mouseX + scrollLeft;
-    var freeze = (_globalCache$freezen7 = globalCache.freezen) === null || _globalCache$freezen7 === void 0 ? void 0 : _globalCache$freezen7[ctx.currentSheetId];
-    var _fixPositionOnFrozenC9 = fixPositionOnFrozenCells(freeze, _x, 0, mouseX, 0),
-      x = _fixPositionOnFrozenC9.x;
+    var freeze = (_globalCache$freezen8 = globalCache.freezen) === null || _globalCache$freezen8 === void 0 ? void 0 : _globalCache$freezen8[ctx.currentSheetId];
+    var _fixPositionOnFrozenC10 = fixPositionOnFrozenCells(freeze, _x, 0, mouseX, 0),
+      x = _fixPositionOnFrozenC10.x;
     var col_location = colLocation(x, ctx.visibledatacolumn);
     var col = col_location[1];
     var col_index = col_location[2];
@@ -102177,7 +102217,7 @@
     e.stopPropagation();
   }
   function handleRowSizeHandleMouseDown(ctx, globalCache, e, headerContainer, workbookContainer, cellArea) {
-    var _globalCache$freezen8;
+    var _globalCache$freezen9;
     removeEditingComment(ctx, globalCache);
     cancelActiveImgItem(ctx, globalCache);
     if (ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start || israngeseleciton(ctx)) return;
@@ -102186,9 +102226,9 @@
     var scrollTop = ctx.scrollTop;
     var mouseY = e.pageY - headerContainer.getBoundingClientRect().top - window.scrollY;
     var _y = mouseY + scrollTop;
-    var freeze = (_globalCache$freezen8 = globalCache.freezen) === null || _globalCache$freezen8 === void 0 ? void 0 : _globalCache$freezen8[ctx.currentSheetId];
-    var _fixPositionOnFrozenC10 = fixPositionOnFrozenCells(freeze, 0, _y, 0, mouseY),
-      y = _fixPositionOnFrozenC10.y;
+    var freeze = (_globalCache$freezen9 = globalCache.freezen) === null || _globalCache$freezen9 === void 0 ? void 0 : _globalCache$freezen9[ctx.currentSheetId];
+    var _fixPositionOnFrozenC11 = fixPositionOnFrozenCells(freeze, 0, _y, 0, mouseY),
+      y = _fixPositionOnFrozenC11.y;
     var row_location = rowLocation(y, ctx.visibledatarow);
     var row = row_location[1];
     var row_index = row_location[2];
@@ -102387,6 +102427,706 @@
     }
   });
 
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+
+  function __read(o, n) {
+      var m = typeof Symbol === "function" && o[Symbol.iterator];
+      if (!m) return o;
+      var i = m.call(o), r, ar = [], e;
+      try {
+          while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+      }
+      catch (error) { e = { error: error }; }
+      finally {
+          try {
+              if (r && !r.done && (m = i["return"])) m.call(i);
+          }
+          finally { if (e) throw e.error; }
+      }
+      return ar;
+  }
+
+  function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+          if (ar || !(i in from)) {
+              if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+              ar[i] = from[i];
+          }
+      }
+      return to.concat(ar || Array.prototype.slice.call(from));
+  }
+
+  var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+
+  var isFunction = function (value) {
+    return typeof value === 'function';
+  };
+
+  function useMemoizedFn(fn) {
+    {
+      if (!isFunction(fn)) {
+        console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof fn));
+      }
+    }
+    var fnRef = React.useRef(fn);
+    // why not write `fnRef.current = fn`?
+    // https://github.com/alibaba/hooks/issues/728
+    fnRef.current = React.useMemo(function () {
+      return fn;
+    }, [fn]);
+    var memoizedFn = React.useRef();
+    if (!memoizedFn.current) {
+      memoizedFn.current = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fnRef.current.apply(this, args);
+      };
+    }
+    return memoizedFn.current;
+  }
+
+  function useLatest(value) {
+    var ref = React.useRef(value);
+    ref.current = value;
+    return ref;
+  }
+
+  var useUnmount = function (fn) {
+    {
+      if (!isFunction(fn)) {
+        console.error("useUnmount expected parameter is a function, got ".concat(typeof fn));
+      }
+    }
+    var fnRef = useLatest(fn);
+    React.useEffect(function () {
+      return function () {
+        fnRef.current();
+      };
+    }, []);
+  };
+
+  /**
+   * Checks if `value` is the
+   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+   * @example
+   *
+   * _.isObject({});
+   * // => true
+   *
+   * _.isObject([1, 2, 3]);
+   * // => true
+   *
+   * _.isObject(_.noop);
+   * // => true
+   *
+   * _.isObject(null);
+   * // => false
+   */
+  function isObject(value) {
+    var type = typeof value;
+    return value != null && (type == 'object' || type == 'function');
+  }
+
+  var isObject_1 = isObject;
+
+  /** Detect free variable `global` from Node.js. */
+  var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+  var _freeGlobal = freeGlobal;
+
+  /** Detect free variable `self`. */
+  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+  /** Used as a reference to the global object. */
+  var root = _freeGlobal || freeSelf || Function('return this')();
+
+  var _root = root;
+
+  /**
+   * Gets the timestamp of the number of milliseconds that have elapsed since
+   * the Unix epoch (1 January 1970 00:00:00 UTC).
+   *
+   * @static
+   * @memberOf _
+   * @since 2.4.0
+   * @category Date
+   * @returns {number} Returns the timestamp.
+   * @example
+   *
+   * _.defer(function(stamp) {
+   *   console.log(_.now() - stamp);
+   * }, _.now());
+   * // => Logs the number of milliseconds it took for the deferred invocation.
+   */
+  var now = function() {
+    return _root.Date.now();
+  };
+
+  var now_1 = now;
+
+  /** Used to match a single whitespace character. */
+  var reWhitespace = /\s/;
+
+  /**
+   * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+   * character of `string`.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {number} Returns the index of the last non-whitespace character.
+   */
+  function trimmedEndIndex(string) {
+    var index = string.length;
+
+    while (index-- && reWhitespace.test(string.charAt(index))) {}
+    return index;
+  }
+
+  var _trimmedEndIndex = trimmedEndIndex;
+
+  /** Used to match leading whitespace. */
+  var reTrimStart = /^\s+/;
+
+  /**
+   * The base implementation of `_.trim`.
+   *
+   * @private
+   * @param {string} string The string to trim.
+   * @returns {string} Returns the trimmed string.
+   */
+  function baseTrim(string) {
+    return string
+      ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+      : string;
+  }
+
+  var _baseTrim = baseTrim;
+
+  /** Built-in value references. */
+  var Symbol$1 = _root.Symbol;
+
+  var _Symbol = Symbol$1;
+
+  /** Used for built-in method references. */
+  var objectProto = Object.prototype;
+
+  /** Used to check objects for own properties. */
+  var hasOwnProperty = objectProto.hasOwnProperty;
+
+  /**
+   * Used to resolve the
+   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+   * of values.
+   */
+  var nativeObjectToString = objectProto.toString;
+
+  /** Built-in value references. */
+  var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+  /**
+   * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+   *
+   * @private
+   * @param {*} value The value to query.
+   * @returns {string} Returns the raw `toStringTag`.
+   */
+  function getRawTag(value) {
+    var isOwn = hasOwnProperty.call(value, symToStringTag),
+        tag = value[symToStringTag];
+
+    try {
+      value[symToStringTag] = undefined;
+      var unmasked = true;
+    } catch (e) {}
+
+    var result = nativeObjectToString.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag] = tag;
+      } else {
+        delete value[symToStringTag];
+      }
+    }
+    return result;
+  }
+
+  var _getRawTag = getRawTag;
+
+  /** Used for built-in method references. */
+  var objectProto$1 = Object.prototype;
+
+  /**
+   * Used to resolve the
+   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+   * of values.
+   */
+  var nativeObjectToString$1 = objectProto$1.toString;
+
+  /**
+   * Converts `value` to a string using `Object.prototype.toString`.
+   *
+   * @private
+   * @param {*} value The value to convert.
+   * @returns {string} Returns the converted string.
+   */
+  function objectToString(value) {
+    return nativeObjectToString$1.call(value);
+  }
+
+  var _objectToString = objectToString;
+
+  /** `Object#toString` result references. */
+  var nullTag = '[object Null]',
+      undefinedTag = '[object Undefined]';
+
+  /** Built-in value references. */
+  var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
+
+  /**
+   * The base implementation of `getTag` without fallbacks for buggy environments.
+   *
+   * @private
+   * @param {*} value The value to query.
+   * @returns {string} Returns the `toStringTag`.
+   */
+  function baseGetTag(value) {
+    if (value == null) {
+      return value === undefined ? undefinedTag : nullTag;
+    }
+    return (symToStringTag$1 && symToStringTag$1 in Object(value))
+      ? _getRawTag(value)
+      : _objectToString(value);
+  }
+
+  var _baseGetTag = baseGetTag;
+
+  /**
+   * Checks if `value` is object-like. A value is object-like if it's not `null`
+   * and has a `typeof` result of "object".
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+   * @example
+   *
+   * _.isObjectLike({});
+   * // => true
+   *
+   * _.isObjectLike([1, 2, 3]);
+   * // => true
+   *
+   * _.isObjectLike(_.noop);
+   * // => false
+   *
+   * _.isObjectLike(null);
+   * // => false
+   */
+  function isObjectLike(value) {
+    return value != null && typeof value == 'object';
+  }
+
+  var isObjectLike_1 = isObjectLike;
+
+  /** `Object#toString` result references. */
+  var symbolTag = '[object Symbol]';
+
+  /**
+   * Checks if `value` is classified as a `Symbol` primitive or object.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+   * @example
+   *
+   * _.isSymbol(Symbol.iterator);
+   * // => true
+   *
+   * _.isSymbol('abc');
+   * // => false
+   */
+  function isSymbol(value) {
+    return typeof value == 'symbol' ||
+      (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
+  }
+
+  var isSymbol_1 = isSymbol;
+
+  /** Used as references for various `Number` constants. */
+  var NAN = 0 / 0;
+
+  /** Used to detect bad signed hexadecimal string values. */
+  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+  /** Used to detect binary string values. */
+  var reIsBinary = /^0b[01]+$/i;
+
+  /** Used to detect octal string values. */
+  var reIsOctal = /^0o[0-7]+$/i;
+
+  /** Built-in method references without a dependency on `root`. */
+  var freeParseInt = parseInt;
+
+  /**
+   * Converts `value` to a number.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to process.
+   * @returns {number} Returns the number.
+   * @example
+   *
+   * _.toNumber(3.2);
+   * // => 3.2
+   *
+   * _.toNumber(Number.MIN_VALUE);
+   * // => 5e-324
+   *
+   * _.toNumber(Infinity);
+   * // => Infinity
+   *
+   * _.toNumber('3.2');
+   * // => 3.2
+   */
+  function toNumber$1(value) {
+    if (typeof value == 'number') {
+      return value;
+    }
+    if (isSymbol_1(value)) {
+      return NAN;
+    }
+    if (isObject_1(value)) {
+      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+      value = isObject_1(other) ? (other + '') : other;
+    }
+    if (typeof value != 'string') {
+      return value === 0 ? value : +value;
+    }
+    value = _baseTrim(value);
+    var isBinary = reIsBinary.test(value);
+    return (isBinary || reIsOctal.test(value))
+      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+      : (reIsBadHex.test(value) ? NAN : +value);
+  }
+
+  var toNumber_1 = toNumber$1;
+
+  /** Error message constants. */
+  var FUNC_ERROR_TEXT = 'Expected a function';
+
+  /* Built-in method references for those with the same name as other `lodash` methods. */
+  var nativeMax = Math.max,
+      nativeMin = Math.min;
+
+  /**
+   * Creates a debounced function that delays invoking `func` until after `wait`
+   * milliseconds have elapsed since the last time the debounced function was
+   * invoked. The debounced function comes with a `cancel` method to cancel
+   * delayed `func` invocations and a `flush` method to immediately invoke them.
+   * Provide `options` to indicate whether `func` should be invoked on the
+   * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+   * with the last arguments provided to the debounced function. Subsequent
+   * calls to the debounced function return the result of the last `func`
+   * invocation.
+   *
+   * **Note:** If `leading` and `trailing` options are `true`, `func` is
+   * invoked on the trailing edge of the timeout only if the debounced function
+   * is invoked more than once during the `wait` timeout.
+   *
+   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+   *
+   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+   * for details over the differences between `_.debounce` and `_.throttle`.
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Function
+   * @param {Function} func The function to debounce.
+   * @param {number} [wait=0] The number of milliseconds to delay.
+   * @param {Object} [options={}] The options object.
+   * @param {boolean} [options.leading=false]
+   *  Specify invoking on the leading edge of the timeout.
+   * @param {number} [options.maxWait]
+   *  The maximum time `func` is allowed to be delayed before it's invoked.
+   * @param {boolean} [options.trailing=true]
+   *  Specify invoking on the trailing edge of the timeout.
+   * @returns {Function} Returns the new debounced function.
+   * @example
+   *
+   * // Avoid costly calculations while the window size is in flux.
+   * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+   *
+   * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+   * jQuery(element).on('click', _.debounce(sendMail, 300, {
+   *   'leading': true,
+   *   'trailing': false
+   * }));
+   *
+   * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+   * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+   * var source = new EventSource('/stream');
+   * jQuery(source).on('message', debounced);
+   *
+   * // Cancel the trailing debounced invocation.
+   * jQuery(window).on('popstate', debounced.cancel);
+   */
+  function debounce(func, wait, options) {
+    var lastArgs,
+        lastThis,
+        maxWait,
+        result,
+        timerId,
+        lastCallTime,
+        lastInvokeTime = 0,
+        leading = false,
+        maxing = false,
+        trailing = true;
+
+    if (typeof func != 'function') {
+      throw new TypeError(FUNC_ERROR_TEXT);
+    }
+    wait = toNumber_1(wait) || 0;
+    if (isObject_1(options)) {
+      leading = !!options.leading;
+      maxing = 'maxWait' in options;
+      maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
+      trailing = 'trailing' in options ? !!options.trailing : trailing;
+    }
+
+    function invokeFunc(time) {
+      var args = lastArgs,
+          thisArg = lastThis;
+
+      lastArgs = lastThis = undefined;
+      lastInvokeTime = time;
+      result = func.apply(thisArg, args);
+      return result;
+    }
+
+    function leadingEdge(time) {
+      // Reset any `maxWait` timer.
+      lastInvokeTime = time;
+      // Start the timer for the trailing edge.
+      timerId = setTimeout(timerExpired, wait);
+      // Invoke the leading edge.
+      return leading ? invokeFunc(time) : result;
+    }
+
+    function remainingWait(time) {
+      var timeSinceLastCall = time - lastCallTime,
+          timeSinceLastInvoke = time - lastInvokeTime,
+          timeWaiting = wait - timeSinceLastCall;
+
+      return maxing
+        ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+        : timeWaiting;
+    }
+
+    function shouldInvoke(time) {
+      var timeSinceLastCall = time - lastCallTime,
+          timeSinceLastInvoke = time - lastInvokeTime;
+
+      // Either this is the first call, activity has stopped and we're at the
+      // trailing edge, the system time has gone backwards and we're treating
+      // it as the trailing edge, or we've hit the `maxWait` limit.
+      return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+        (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+    }
+
+    function timerExpired() {
+      var time = now_1();
+      if (shouldInvoke(time)) {
+        return trailingEdge(time);
+      }
+      // Restart the timer.
+      timerId = setTimeout(timerExpired, remainingWait(time));
+    }
+
+    function trailingEdge(time) {
+      timerId = undefined;
+
+      // Only invoke if we have `lastArgs` which means `func` has been
+      // debounced at least once.
+      if (trailing && lastArgs) {
+        return invokeFunc(time);
+      }
+      lastArgs = lastThis = undefined;
+      return result;
+    }
+
+    function cancel() {
+      if (timerId !== undefined) {
+        clearTimeout(timerId);
+      }
+      lastInvokeTime = 0;
+      lastArgs = lastCallTime = lastThis = timerId = undefined;
+    }
+
+    function flush() {
+      return timerId === undefined ? result : trailingEdge(now_1());
+    }
+
+    function debounced() {
+      var time = now_1(),
+          isInvoking = shouldInvoke(time);
+
+      lastArgs = arguments;
+      lastThis = this;
+      lastCallTime = time;
+
+      if (isInvoking) {
+        if (timerId === undefined) {
+          return leadingEdge(lastCallTime);
+        }
+        if (maxing) {
+          // Handle invocations in a tight loop.
+          clearTimeout(timerId);
+          timerId = setTimeout(timerExpired, wait);
+          return invokeFunc(lastCallTime);
+        }
+      }
+      if (timerId === undefined) {
+        timerId = setTimeout(timerExpired, wait);
+      }
+      return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    return debounced;
+  }
+
+  var debounce_1 = debounce;
+
+  /** Error message constants. */
+  var FUNC_ERROR_TEXT$1 = 'Expected a function';
+
+  /**
+   * Creates a throttled function that only invokes `func` at most once per
+   * every `wait` milliseconds. The throttled function comes with a `cancel`
+   * method to cancel delayed `func` invocations and a `flush` method to
+   * immediately invoke them. Provide `options` to indicate whether `func`
+   * should be invoked on the leading and/or trailing edge of the `wait`
+   * timeout. The `func` is invoked with the last arguments provided to the
+   * throttled function. Subsequent calls to the throttled function return the
+   * result of the last `func` invocation.
+   *
+   * **Note:** If `leading` and `trailing` options are `true`, `func` is
+   * invoked on the trailing edge of the timeout only if the throttled function
+   * is invoked more than once during the `wait` timeout.
+   *
+   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+   *
+   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+   * for details over the differences between `_.throttle` and `_.debounce`.
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Function
+   * @param {Function} func The function to throttle.
+   * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+   * @param {Object} [options={}] The options object.
+   * @param {boolean} [options.leading=true]
+   *  Specify invoking on the leading edge of the timeout.
+   * @param {boolean} [options.trailing=true]
+   *  Specify invoking on the trailing edge of the timeout.
+   * @returns {Function} Returns the new throttled function.
+   * @example
+   *
+   * // Avoid excessively updating the position while scrolling.
+   * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+   *
+   * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+   * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+   * jQuery(element).on('click', throttled);
+   *
+   * // Cancel the trailing throttled invocation.
+   * jQuery(window).on('popstate', throttled.cancel);
+   */
+  function throttle(func, wait, options) {
+    var leading = true,
+        trailing = true;
+
+    if (typeof func != 'function') {
+      throw new TypeError(FUNC_ERROR_TEXT$1);
+    }
+    if (isObject_1(options)) {
+      leading = 'leading' in options ? !!options.leading : leading;
+      trailing = 'trailing' in options ? !!options.trailing : trailing;
+    }
+    return debounce_1(func, wait, {
+      'leading': leading,
+      'maxWait': wait,
+      'trailing': trailing
+    });
+  }
+
+  var throttle_1 = throttle;
+
+  function useThrottleFn(fn, options) {
+    var _a;
+    {
+      if (!isFunction(fn)) {
+        console.error("useThrottleFn expected parameter is a function, got ".concat(typeof fn));
+      }
+    }
+    var fnRef = useLatest(fn);
+    var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1000;
+    var throttled = React.useMemo(function () {
+      return throttle_1(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fnRef.current.apply(fnRef, __spreadArray([], __read(args), false));
+      }, wait, options);
+    }, []);
+    useUnmount(function () {
+      throttled.cancel();
+    });
+    return {
+      run: throttled,
+      cancel: throttled.cancel,
+      flush: throttled.flush
+    };
+  }
+
   var SVGIcon = function SVGIcon(_ref) {
     var _ref$width = _ref.width,
       width = _ref$width === void 0 ? 24 : _ref$width,
@@ -105469,6 +106209,22 @@
         });
       }
     }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
+    var debounceMouseMove = useMemoizedFn(function (e) {
+      var nativeEvent = e.nativeEvent;
+      setContext(function (draftCtx) {
+        handleCellAreaMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellArea.current);
+      });
+    });
+    var _useThrottleFn = useThrottleFn(debounceMouseMove, {
+        wait: 100
+      }),
+      cellAreaMouseMove = _useThrottleFn.run;
+    var cellAreaMouseLeave = React.useCallback(function () {
+      setTimeout(function () {
+        var _context$hooks$afterC, _context$hooks;
+        (_context$hooks$afterC = (_context$hooks = context.hooks).afterCellMouseLeave) === null || _context$hooks$afterC === void 0 ? void 0 : _context$hooks$afterC.call(_context$hooks);
+      }, 100);
+    }, [context]);
     var cellAreaContextMenu = React.useCallback(function (e) {
       var nativeEvent = e.nativeEvent;
       setContext(function (draftCtx) {
@@ -105619,12 +106375,14 @@
       ref: refs.cellArea,
       className: "leankylin-cell-area",
       onMouseDown: cellAreaMouseDown,
+      onMouseMove: cellAreaMouseMove,
+      onMouseLeave: cellAreaMouseLeave,
       onDoubleClick: cellAreaDoubleClick,
       onContextMenu: cellAreaContextMenu,
       style: {
         width: context.cellmainWidth,
         height: context.cellmainHeight,
-        cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
+        cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "auto"
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-formula-functionrange"