@leankylin-sheet/react 5.1.15 → 5.1.16

package/dist/index.umd.js

@@ -86813,13 +86813,14 @@
         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;
+        var allV = JSON.stringify(data);
         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) {
           var _Object$keys;
           var style = cellAttrToDomStyle(data, borderInfo["".concat(r, "_").concat(c)]);
           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, "' f='").concat(f, "' style='").concat(styleStr, "' rowspan=").concat(rowspan, " colspan=").concat(colspan, ">").concat(value, "</td>");
+          cpString += "<td _v='".concat(allV, "' 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) {
@@ -86830,7 +86831,41 @@
     var result = "<table border=\"1\" style=\"border-collapse:collapse\"  data-type=\"leankylin-copy-action-table\">".concat(cpString, "</table>");
     clipboard.writeHtml(result);
   }
-  function deleteSelectedCellText(ctx) {
+  function deepClear(ctx) {
+    var allowEdit = isAllowEdit(ctx);
+    if (allowEdit === false) {
+      return "allowEdit";
+    }
+    var selection = ctx.luckysheet_select_save;
+    if (selection && !lodash.isEmpty(selection)) {
+      var d = getFlowdata(ctx);
+      var hyperlinkMap = ctx.luckysheetfile[getSheetIndex(ctx, ctx.currentSheetId)].hyperlink;
+      for (var s = 0; s < selection.length; s += 1) {
+        var r1 = selection[s].row[0];
+        var r2 = selection[s].row[1];
+        var c1 = selection[s].column[0];
+        var c2 = selection[s].column[1];
+        for (var r = r1; r <= r2; r += 1) {
+          for (var c = c1; c <= c2; c += 1) {
+            var _d$r2;
+            var cell = d === null || d === void 0 ? void 0 : (_d$r2 = d[r]) === null || _d$r2 === void 0 ? void 0 : _d$r2[c];
+            d[r][c] = null;
+            if ((cell === null || cell === void 0 ? void 0 : cell.f) != null) {
+              delFunctionGroup(ctx, r, c, ctx.currentSheetId);
+            }
+            if (hyperlinkMap && hyperlinkMap["".concat(r, "_").concat(c)]) {
+              delete hyperlinkMap["".concat(r, "_").concat(c)];
+            }
+          }
+        }
+      }
+    }
+    return "success";
+  }
+  function deleteSelectedCellText(ctx, deep) {
+    if (deep) {
+      return deepClear(ctx);
+    }
     var allowEdit = isAllowEdit(ctx);
     if (allowEdit === false) {
       return "allowEdit";
@@ -90955,98 +90990,339 @@
     }
     console.timeEnd("calculateSheetByCellsTime");
   }
-
-  function storeSheetParam(ctx) {
+  function generateRandomId(prefix) {
+    if (prefix == null) {
+      prefix = "img";
+    }
+    var userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
+    var mid = "";
+    for (var i = 0; i < 12; i += 1) {
+      mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
+    }
+    var time = new Date().getTime();
+    return "".concat(prefix, "_").concat(mid, "_").concat(time);
+  }
+  function showImgChooser() {
+    var chooser = document.getElementById("leankylin-img-upload");
+    if (chooser) chooser.click();
+  }
+  function saveImage(ctx) {
     var index = getSheetIndex(ctx, ctx.currentSheetId);
     if (index == null) return;
     var file = ctx.luckysheetfile[index];
-    file.config = ctx.config;
-    file.luckysheet_select_save = ctx.luckysheet_select_save;
-    file.luckysheet_selection_range = ctx.luckysheet_selection_range;
-    file.zoomRatio = ctx.zoomRatio;
+    file.images = ctx.insertedImgs;
   }
-  function storeSheetParamALL(ctx) {
-    storeSheetParam(ctx);
-    var index = getSheetIndex(ctx, ctx.currentSheetId);
-    if (index == null) return;
-    ctx.luckysheetfile[index].config = ctx.config;
+  function removeActiveImage(ctx) {
+    ctx.insertedImgs = lodash.filter(ctx.insertedImgs, function (image) {
+      return image.id !== ctx.activeImg;
+    });
+    ctx.activeImg = undefined;
+    saveImage(ctx);
   }
-  function changeSheet(ctx, id, isPivotInitial, isNewSheet, isCopySheet) {
-    var _ctx$hooks$beforeActi, _ctx$hooks;
-    if (id === ctx.currentSheetId) {
-      return;
-    }
-    var file = ctx.luckysheetfile[getSheetIndex(ctx, id)];
-    if (((_ctx$hooks$beforeActi = (_ctx$hooks = ctx.hooks).beforeActivateSheet) === null || _ctx$hooks$beforeActi === void 0 ? void 0 : _ctx$hooks$beforeActi.call(_ctx$hooks, id)) === false) {
-      return;
-    }
-    storeSheetParamALL(ctx);
-    ctx.currentSheetId = id;
-    if (file.isPivotTable) {
-      ctx.luckysheetcurrentisPivotTable = true;
-    } else {
-      ctx.luckysheetcurrentisPivotTable = false;
-    }
-    if (ctx.hooks.afterActivateSheet) {
-      setTimeout(function () {
-        var _ctx$hooks$afterActiv, _ctx$hooks2;
-        (_ctx$hooks$afterActiv = (_ctx$hooks2 = ctx.hooks).afterActivateSheet) === null || _ctx$hooks$afterActiv === void 0 ? void 0 : _ctx$hooks$afterActiv.call(_ctx$hooks2, id);
-      });
+  function insertImage(ctx, image) {
+    try {
+      var _ctx$luckysheet_selec;
+      var last = (_ctx$luckysheet_selec = ctx.luckysheet_select_save) === null || _ctx$luckysheet_selec === void 0 ? void 0 : _ctx$luckysheet_selec[ctx.luckysheet_select_save.length - 1];
+      var rowIndex = last === null || last === void 0 ? void 0 : last.row_focus;
+      var colIndex = last === null || last === void 0 ? void 0 : last.column_focus;
+      if (!last) {
+        rowIndex = 0;
+        colIndex = 0;
+      } else {
+        if (rowIndex == null) {
+          var _last$row = _slicedToArray$2(last.row, 1);
+          rowIndex = _last$row[0];
+        }
+        if (colIndex == null) {
+          var _last$column = _slicedToArray$2(last.column, 1);
+          colIndex = _last$column[0];
+        }
+      }
+      var flowdata = getFlowdata(ctx);
+      var left = colIndex === 0 ? 0 : ctx.visibledatacolumn[colIndex - 1];
+      var top = rowIndex === 0 ? 0 : ctx.visibledatarow[rowIndex - 1];
+      if (flowdata) {
+        var margeset = mergeBorder(ctx, flowdata, rowIndex, colIndex);
+        if (margeset) {
+          var _margeset$row = _slicedToArray$2(margeset.row, 1);
+          top = _margeset$row[0];
+          var _margeset$column = _slicedToArray$2(margeset.column, 1);
+          left = _margeset$column[0];
+        }
+      }
+      var width = image.width;
+      var height = image.height;
+      var img = {
+        id: generateRandomId("img"),
+        src: image.src,
+        left: left,
+        top: top,
+        width: width * 0.5,
+        height: height * 0.5,
+        originWidth: width,
+        originHeight: height
+      };
+      ctx.insertedImgs = (ctx.insertedImgs || []).concat(img);
+      saveImage(ctx);
+    } catch (err) {
+      console.info(err);
     }
   }
-  function addSheet(ctx, settings) {
-    var _ctx$hooks$beforeAddS, _ctx$hooks3;
-    var newSheetID = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-    var isPivotTable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var sheetName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
-    var sheetData = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
-    if (ctx.allowEdit === false) {
-      return;
-    }
-    var order = ctx.luckysheetfile.length;
-    var id = newSheetID !== null && newSheetID !== void 0 ? newSheetID : settings === null || settings === void 0 ? void 0 : settings.generateSheetId();
-    var sheetname = sheetName || generateRandomSheetName(ctx.luckysheetfile, isPivotTable, ctx);
-    if (!lodash.isNil(sheetData)) {
-      delete sheetData.data;
-      ctx.luckysheetfile.forEach(function (sheet) {
-        sheet.order = sheet.order < sheetData.order ? sheet.order : sheet.order + 1;
-        return sheet;
+  function getImagePosition() {
+    var box = document.getElementById("luckysheet-modal-dialog-activeImage");
+    if (!box) return undefined;
+    var _box$getBoundingClien = box.getBoundingClientRect(),
+      width = _box$getBoundingClien.width,
+      height = _box$getBoundingClien.height;
+    var left = box.offsetLeft;
+    var top = box.offsetTop;
+    return {
+      left: left,
+      top: top,
+      width: width,
+      height: height
+    };
+  }
+  function cancelActiveImgItem(ctx, globalCache) {
+    ctx.activeImg = undefined;
+    globalCache.image = undefined;
+  }
+  function onImageMoveStart(ctx, globalCache, e) {
+    var position = getImagePosition();
+    if (position) {
+      var top = position.top,
+        left = position.left;
+      lodash.set(globalCache, "image", {
+        cursorMoveStartPosition: {
+          x: e.pageX,
+          y: e.pageY
+        },
+        imgInitialPosition: {
+          left: left,
+          top: top
+        }
       });
     }
-    var sheetconfig = lodash.isNil(sheetData) ? {
-      name: sheetName === undefined ? sheetname : sheetName,
-      status: 0,
-      order: order,
-      id: id,
-      row: ctx.defaultrowNum,
-      column: ctx.defaultcolumnNum,
-      config: {},
-      pivotTable: null,
-      isPivotTable: !!isPivotTable,
-      zoomRatio: 1
-    } : sheetData;
-    if (sheetName !== undefined) sheetconfig.name = sheetName;
-    if (sheetconfig.id === undefined) sheetconfig.id = v4();
-    if (((_ctx$hooks$beforeAddS = (_ctx$hooks3 = ctx.hooks).beforeAddSheet) === null || _ctx$hooks$beforeAddS === void 0 ? void 0 : _ctx$hooks$beforeAddS.call(_ctx$hooks3, sheetconfig)) === false) {
-      return;
+  }
+  function onImageMove(ctx, globalCache, e) {
+    if (ctx.allowEdit === false) return false;
+    var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
+    var img = document.getElementById("luckysheet-modal-dialog-activeImage");
+    if (img && image && !image.resizingSide) {
+      var _image$cursorMoveStar = image.cursorMoveStartPosition,
+        startX = _image$cursorMoveStar.x,
+        startY = _image$cursorMoveStar.y;
+      var _image$imgInitialPosi = image.imgInitialPosition,
+        top = _image$imgInitialPosi.top,
+        left = _image$imgInitialPosi.left;
+      left += e.pageX - startX;
+      top += e.pageY - startY;
+      if (top < 0) top = 0;
+      img.style.left = "".concat(left, "px");
+      img.style.top = "".concat(top, "px");
+      return true;
     }
-    ctx.luckysheetfile.push(sheetconfig);
-    if (!newSheetID) {
-      changeSheet(ctx, id);
+    return false;
+  }
+  function onImageMoveEnd(ctx, globalCache) {
+    var _globalCache$image;
+    var position = getImagePosition();
+    if (!((_globalCache$image = globalCache.image) === null || _globalCache$image === void 0 ? void 0 : _globalCache$image.resizingSide)) {
+      globalCache.image = undefined;
+      if (position) {
+        var img = lodash.find(ctx.insertedImgs, function (v) {
+          return v.id === ctx.activeImg;
+        });
+        if (img) {
+          img.left = position.left / ctx.zoomRatio;
+          img.top = position.top / ctx.zoomRatio;
+          saveImage(ctx);
+        }
+      }
     }
-    if (ctx.hooks.afterAddSheet) {
-      setTimeout(function () {
-        var _ctx$hooks$afterAddSh, _ctx$hooks4;
-        (_ctx$hooks$afterAddSh = (_ctx$hooks4 = ctx.hooks).afterAddSheet) === null || _ctx$hooks$afterAddSh === void 0 ? void 0 : _ctx$hooks$afterAddSh.call(_ctx$hooks4, sheetconfig);
+  }
+  function onImageResizeStart(globalCache, e, resizingSide) {
+    var position = getImagePosition();
+    if (position) {
+      lodash.set(globalCache, "image", {
+        cursorMoveStartPosition: {
+          x: e.pageX,
+          y: e.pageY
+        },
+        resizingSide: resizingSide,
+        imgInitialPosition: position
       });
     }
   }
-  function deleteSheet(ctx, id) {
-    var _ctx$hooks$beforeDele, _ctx$hooks5;
-    if (ctx.allowEdit === false) {
-      return;
-    }
-    var arrIndex = getSheetIndex(ctx, id);
+  function onImageResize(ctx, globalCache, e) {
+    if (ctx.allowEdit === false) return false;
+    var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
+    if (image === null || image === void 0 ? void 0 : image.resizingSide) {
+      var imgContainer = document.getElementById("luckysheet-modal-dialog-activeImage");
+      var img = imgContainer === null || imgContainer === void 0 ? void 0 : imgContainer.querySelector(".luckysheet-modal-dialog-content");
+      if (img == null) return false;
+      var _image$cursorMoveStar2 = image.cursorMoveStartPosition,
+        startX = _image$cursorMoveStar2.x,
+        startY = _image$cursorMoveStar2.y;
+      var _image$imgInitialPosi2 = image.imgInitialPosition,
+        top = _image$imgInitialPosi2.top,
+        left = _image$imgInitialPosi2.left,
+        width = _image$imgInitialPosi2.width,
+        height = _image$imgInitialPosi2.height;
+      var dx = e.pageX - startX;
+      var dy = e.pageY - startY;
+      var minHeight = 60 * ctx.zoomRatio;
+      var minWidth = 1.5 * 60 * ctx.zoomRatio;
+      if (["lm", "lt", "lb"].includes(image.resizingSide)) {
+        if (width - dx < minWidth) {
+          left += width - minWidth;
+          width = minWidth;
+        } else {
+          left += dx;
+          width -= dx;
+        }
+        if (left < 0) left = 0;
+        img.style.left = "".concat(left, "px");
+        imgContainer.style.left = "".concat(left, "px");
+      }
+      if (["rm", "rt", "rb"].includes(image.resizingSide)) {
+        width = width + dx < minWidth ? minWidth : width + dx;
+      }
+      if (["mt", "lt", "rt"].includes(image.resizingSide)) {
+        if (height - dy < minHeight) {
+          top += height - minHeight;
+          height = minHeight;
+        } else {
+          top += dy;
+          height -= dy;
+        }
+        if (top < 0) top = 0;
+        img.style.top = "".concat(top, "px");
+        imgContainer.style.top = "".concat(top, "px");
+      }
+      if (["mb", "lb", "rb"].includes(image.resizingSide)) {
+        height = height + dy < minHeight ? minHeight : height + dy;
+      }
+      img.style.width = "".concat(width, "px");
+      imgContainer.style.width = "".concat(width, "px");
+      img.style.height = "".concat(height, "px");
+      imgContainer.style.height = "".concat(height, "px");
+      img.style.backgroundSize = "".concat(width, "px ").concat(height, "px");
+      return true;
+    }
+    return false;
+  }
+  function onImageResizeEnd(ctx, globalCache) {
+    var _globalCache$image2;
+    if ((_globalCache$image2 = globalCache.image) === null || _globalCache$image2 === void 0 ? void 0 : _globalCache$image2.resizingSide) {
+      globalCache.image = undefined;
+      var position = getImagePosition();
+      if (position) {
+        var img = lodash.find(ctx.insertedImgs, function (v) {
+          return v.id === ctx.activeImg;
+        });
+        if (img) {
+          img.left = position.left / ctx.zoomRatio;
+          img.top = position.top / ctx.zoomRatio;
+          img.width = position.width / ctx.zoomRatio;
+          img.height = position.height / ctx.zoomRatio;
+          saveImage(ctx);
+        }
+      }
+    }
+  }
+
+  function storeSheetParam(ctx) {
+    var index = getSheetIndex(ctx, ctx.currentSheetId);
+    if (index == null) return;
+    var file = ctx.luckysheetfile[index];
+    file.config = ctx.config;
+    file.luckysheet_select_save = ctx.luckysheet_select_save;
+    file.luckysheet_selection_range = ctx.luckysheet_selection_range;
+    file.zoomRatio = ctx.zoomRatio;
+  }
+  function storeSheetParamALL(ctx) {
+    storeSheetParam(ctx);
+    var index = getSheetIndex(ctx, ctx.currentSheetId);
+    if (index == null) return;
+    ctx.luckysheetfile[index].config = ctx.config;
+  }
+  function changeSheet(ctx, id, isPivotInitial, isNewSheet, isCopySheet) {
+    var _ctx$hooks$beforeActi, _ctx$hooks;
+    if (id === ctx.currentSheetId) {
+      return;
+    }
+    var file = ctx.luckysheetfile[getSheetIndex(ctx, id)];
+    if (((_ctx$hooks$beforeActi = (_ctx$hooks = ctx.hooks).beforeActivateSheet) === null || _ctx$hooks$beforeActi === void 0 ? void 0 : _ctx$hooks$beforeActi.call(_ctx$hooks, id)) === false) {
+      return;
+    }
+    storeSheetParamALL(ctx);
+    ctx.currentSheetId = id;
+    if (file.isPivotTable) {
+      ctx.luckysheetcurrentisPivotTable = true;
+    } else {
+      ctx.luckysheetcurrentisPivotTable = false;
+    }
+    if (ctx.hooks.afterActivateSheet) {
+      setTimeout(function () {
+        var _ctx$hooks$afterActiv, _ctx$hooks2;
+        (_ctx$hooks$afterActiv = (_ctx$hooks2 = ctx.hooks).afterActivateSheet) === null || _ctx$hooks$afterActiv === void 0 ? void 0 : _ctx$hooks$afterActiv.call(_ctx$hooks2, id);
+      });
+    }
+  }
+  function addSheet(ctx, settings) {
+    var _ctx$hooks$beforeAddS, _ctx$hooks3;
+    var newSheetID = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+    var isPivotTable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var sheetName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
+    var sheetData = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
+    if (ctx.allowEdit === false) {
+      return;
+    }
+    var order = ctx.luckysheetfile.length;
+    var id = newSheetID !== null && newSheetID !== void 0 ? newSheetID : settings === null || settings === void 0 ? void 0 : settings.generateSheetId();
+    var sheetname = sheetName || generateRandomSheetName(ctx.luckysheetfile, isPivotTable, ctx);
+    if (!lodash.isNil(sheetData)) {
+      delete sheetData.data;
+      ctx.luckysheetfile.forEach(function (sheet) {
+        sheet.order = sheet.order < sheetData.order ? sheet.order : sheet.order + 1;
+        return sheet;
+      });
+    }
+    var sheetconfig = lodash.isNil(sheetData) ? {
+      name: sheetName === undefined ? sheetname : sheetName,
+      status: 0,
+      order: order,
+      id: id,
+      row: ctx.defaultrowNum,
+      column: ctx.defaultcolumnNum,
+      config: {},
+      pivotTable: null,
+      isPivotTable: !!isPivotTable,
+      zoomRatio: 1
+    } : sheetData;
+    if (sheetName !== undefined) sheetconfig.name = sheetName;
+    if (sheetconfig.id === undefined) sheetconfig.id = v4();
+    if (((_ctx$hooks$beforeAddS = (_ctx$hooks3 = ctx.hooks).beforeAddSheet) === null || _ctx$hooks$beforeAddS === void 0 ? void 0 : _ctx$hooks$beforeAddS.call(_ctx$hooks3, sheetconfig)) === false) {
+      return;
+    }
+    ctx.luckysheetfile.push(sheetconfig);
+    if (!newSheetID) {
+      changeSheet(ctx, id);
+    }
+    if (ctx.hooks.afterAddSheet) {
+      setTimeout(function () {
+        var _ctx$hooks$afterAddSh, _ctx$hooks4;
+        (_ctx$hooks$afterAddSh = (_ctx$hooks4 = ctx.hooks).afterAddSheet) === null || _ctx$hooks$afterAddSh === void 0 ? void 0 : _ctx$hooks$afterAddSh.call(_ctx$hooks4, sheetconfig);
+      });
+    }
+  }
+  function deleteSheet(ctx, id) {
+    var _ctx$hooks$beforeDele, _ctx$hooks5;
+    if (ctx.allowEdit === false) {
+      return;
+    }
+    var arrIndex = getSheetIndex(ctx, id);
     if (arrIndex == null) {
       return;
     }
@@ -91167,6 +91443,54 @@
       });
     }
   }
+  function setNextSheet(draftCtx, nextSheetId, refs) {
+    var _draftCtx$luckysheetf, _luckysheetCellUpdate;
+    var sheet = draftCtx.luckysheetfile.find(function (_sheet) {
+      return _sheet.id === nextSheetId;
+    }) || ((_draftCtx$luckysheetf = draftCtx.luckysheetfile) === null || _draftCtx$luckysheetf === void 0 ? void 0 : _draftCtx$luckysheetf[0]);
+    draftCtx.sheetScrollRecord[draftCtx.currentSheetId] = {
+      scrollLeft: draftCtx.scrollLeft,
+      scrollTop: draftCtx.scrollTop,
+      luckysheet_select_status: draftCtx.luckysheet_select_status,
+      luckysheet_select_save: draftCtx.luckysheet_select_save,
+      luckysheet_selection_range: draftCtx.luckysheet_selection_range
+    };
+    var isBack = false;
+    var luckysheetCellUpdate = [];
+    if ((israngeseleciton(draftCtx) || draftCtx.formulaCache.rangestart) && !draftCtx.active_f) {
+      var _refs$fxInput$current, _draftCtx$sheetScroll;
+      draftCtx.active_f = {
+        r: draftCtx.luckysheet_select_save[0].row_focus,
+        c: draftCtx.luckysheet_select_save[0].column_focus,
+        sheetId: draftCtx.currentSheetId,
+        text: (_refs$fxInput$current = refs.fxInput.current) === null || _refs$fxInput$current === void 0 ? void 0 : _refs$fxInput$current.innerText
+      };
+      if ((_draftCtx$sheetScroll = draftCtx.sheetScrollRecord[nextSheetId]) === null || _draftCtx$sheetScroll === void 0 ? void 0 : _draftCtx$sheetScroll.luckysheet_select_save) {
+        draftCtx.sheetScrollRecord[nextSheetId].luckysheet_select_save = undefined;
+      }
+      moveToEnd(refs.fxInput.current);
+    } else if (draftCtx.active_f && draftCtx.active_f.sheetId === nextSheetId) {
+      var _refs$fxInput$current2;
+      luckysheetCellUpdate = [draftCtx.active_f.r, draftCtx.active_f.c];
+      isBack = true;
+      if ((_refs$fxInput$current2 = refs.fxInput.current) === null || _refs$fxInput$current2 === void 0 ? void 0 : _refs$fxInput$current2.innerHTML) {
+        var _refs$fxInput$current3;
+        refs.cellInput.current.innerHTML = ((_refs$fxInput$current3 = refs.fxInput.current) === null || _refs$fxInput$current3 === void 0 ? void 0 : _refs$fxInput$current3.innerHTML) || "";
+      }
+      moveToEnd(refs.cellInput.current);
+    }
+    var _update = ((_luckysheetCellUpdate = luckysheetCellUpdate) === null || _luckysheetCellUpdate === void 0 ? void 0 : _luckysheetCellUpdate.length) > 0 ? luckysheetCellUpdate : draftCtx.luckysheetCellUpdate;
+    draftCtx.currentSheetId = nextSheetId;
+    if ((_update === null || _update === void 0 ? void 0 : _update.length) > 0) ;
+    draftCtx.dataVerificationDropDownList = false;
+    draftCtx.zoomRatio = sheet.zoomRatio || 1;
+    cancelActiveImgItem(draftCtx, refs.globalCache);
+    cancelNormalSelected(draftCtx);
+    if (isBack) {
+      draftCtx.luckysheetCellUpdate = luckysheetCellUpdate;
+      draftCtx.active_f = undefined;
+    }
+  }
 
   function mergeCells(ctx, sheetId, ranges, type) {
     var idx = getSheetIndex(ctx, sheetId);
@@ -92217,6 +92541,7 @@
           continue;
         }
         for (var c = col_st; c <= col_ed; c += 1) {
+          var _foucsStatus;
           var cell = d[r][c];
           var value = void 0;
           if (lodash.isPlainObject(cell)) {
@@ -92229,7 +92554,9 @@
           }
           var mask = update(foucsStatus, value);
           var type = "n";
-          if (is_date(foucsStatus) || foucsStatus === 14 || foucsStatus === 15 || foucsStatus === 16 || foucsStatus === 17 || foucsStatus === 18 || foucsStatus === 19 || foucsStatus === 20 || foucsStatus === 21 || foucsStatus === 22 || foucsStatus === 45 || foucsStatus === 46 || foucsStatus === 47) {
+          if ((_foucsStatus = foucsStatus) === null || _foucsStatus === void 0 ? void 0 : _foucsStatus.includes("leanky_")) {
+            type = "n";
+          } else if (is_date(foucsStatus) || foucsStatus === 14 || foucsStatus === 15 || foucsStatus === 16 || foucsStatus === 17 || foucsStatus === 18 || foucsStatus === 19 || foucsStatus === 20 || foucsStatus === 21 || foucsStatus === 22 || foucsStatus === 45 || foucsStatus === 46 || foucsStatus === 47) {
             type = "d";
           } else if (foucsStatus === "@" || foucsStatus === 49) {
             type = "s";
@@ -93509,280 +93836,12 @@
       width: width,
       height: height,
       size: size,
-      value: value,
-      autoFocus: false
-    };
-  }
-  function getCommentBoxPosition(commentId) {
-    var box = document.getElementById(commentId);
-    if (!box) return undefined;
-    var _box$getBoundingClien = box.getBoundingClientRect(),
-      width = _box$getBoundingClien.width,
-      height = _box$getBoundingClien.height;
-    var left = box.offsetLeft;
-    var top = box.offsetTop;
-    return {
-      left: left,
-      top: top,
-      width: width,
-      height: height
-    };
-  }
-  function onCommentBoxResizeStart(ctx, globalCache, e, _ref3, resizingId, resizingSide) {
-    var r = _ref3.r,
-      c = _ref3.c,
-      rc = _ref3.rc;
-    var position = getCommentBoxPosition(resizingId);
-    if (position) {
-      lodash.set(globalCache, "commentBox", {
-        cursorMoveStartPosition: {
-          x: e.pageX,
-          y: e.pageY
-        },
-        resizingId: resizingId,
-        resizingSide: resizingSide,
-        commentRC: {
-          r: r,
-          c: c,
-          rc: rc
-        },
-        boxInitialPosition: position
-      });
-    }
-  }
-  function onCommentBoxResize(ctx, globalCache, e) {
-    if (ctx.allowEdit === false) return false;
-    var commentBox = globalCache === null || globalCache === void 0 ? void 0 : globalCache.commentBox;
-    if ((commentBox === null || commentBox === void 0 ? void 0 : commentBox.resizingId) && commentBox.resizingSide) {
-      var box = document.getElementById(commentBox.resizingId);
-      var _commentBox$cursorMov = commentBox.cursorMoveStartPosition,
-        startX = _commentBox$cursorMov.x,
-        startY = _commentBox$cursorMov.y;
-      var _commentBox$boxInitia = commentBox.boxInitialPosition,
-        top = _commentBox$boxInitia.top,
-        left = _commentBox$boxInitia.left,
-        width = _commentBox$boxInitia.width,
-        height = _commentBox$boxInitia.height;
-      var dx = e.pageX - startX;
-      var dy = e.pageY - startY;
-      var minHeight = 60 * ctx.zoomRatio;
-      var minWidth = 1.5 * 60 * ctx.zoomRatio;
-      if (["lm", "lt", "lb"].includes(commentBox.resizingSide)) {
-        if (width - dx < minWidth) {
-          left += width - minWidth;
-          width = minWidth;
-        } else {
-          left += dx;
-          width -= dx;
-        }
-        if (left < 0) left = 0;
-        box.style.left = "".concat(left, "px");
-      }
-      if (["rm", "rt", "rb"].includes(commentBox.resizingSide)) {
-        width = width + dx < minWidth ? minWidth : width + dx;
-      }
-      if (["mt", "lt", "rt"].includes(commentBox.resizingSide)) {
-        if (height - dy < minHeight) {
-          top += height - minHeight;
-          height = minHeight;
-        } else {
-          top += dy;
-          height -= dy;
-        }
-        if (top < 0) top = 0;
-        box.style.top = "".concat(top, "px");
-      }
-      if (["mb", "lb", "rb"].includes(commentBox.resizingSide)) {
-        height = height + dy < minHeight ? minHeight : height + dy;
-      }
-      box.style.width = "".concat(width, "px");
-      box.style.height = "".concat(height, "px");
-      return true;
-    }
-    return false;
-  }
-  function onCommentBoxResizeEnd(ctx, globalCache) {
-    var _globalCache$commentB;
-    if ((_globalCache$commentB = globalCache.commentBox) === null || _globalCache$commentB === void 0 ? void 0 : _globalCache$commentB.resizingId) {
-      var _globalCache$commentB2 = globalCache.commentBox,
-        resizingId = _globalCache$commentB2.resizingId,
-        _globalCache$commentB3 = _globalCache$commentB2.commentRC,
-        r = _globalCache$commentB3.r,
-        c = _globalCache$commentB3.c;
-      globalCache.commentBox.resizingId = undefined;
-      var position = getCommentBoxPosition(resizingId);
-      if (position) {
-        var top = position.top,
-          left = position.left,
-          width = position.width,
-          height = position.height;
-        var flowdata = getFlowdata(ctx);
-        var cell = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c];
-        if (!flowdata || !(cell === null || cell === void 0 ? void 0 : cell.ps)) return;
-        cell.ps.left = left / ctx.zoomRatio;
-        cell.ps.top = top / ctx.zoomRatio;
-        cell.ps.width = width / ctx.zoomRatio;
-        cell.ps.height = height / ctx.zoomRatio;
-        setEditingComment(ctx, flowdata, r, c);
-        if (ctx.hooks.afterUpdateComment) {
-          var _ctx$hooks$afterUpdat5, _ctx$hooks10;
-          (_ctx$hooks$afterUpdat5 = (_ctx$hooks10 = ctx.hooks).afterUpdateComment) === null || _ctx$hooks$afterUpdat5 === void 0 ? void 0 : _ctx$hooks$afterUpdat5.call(_ctx$hooks10, r, c, _objectSpread2$1({}, cell.ps), true);
-        }
-      }
-    }
-  }
-  function onCommentBoxMoveStart(ctx, globalCache, e, _ref4, movingId) {
-    var r = _ref4.r,
-      c = _ref4.c,
-      rc = _ref4.rc;
-    var position = getCommentBoxPosition(movingId);
-    if (position) {
-      var top = position.top,
-        left = position.left;
-      lodash.set(globalCache, "commentBox", {
-        cursorMoveStartPosition: {
-          x: e.pageX,
-          y: e.pageY
-        },
-        movingId: movingId,
-        commentRC: {
-          r: r,
-          c: c,
-          rc: rc
-        },
-        boxInitialPosition: {
-          left: left,
-          top: top
-        }
-      });
-    }
-  }
-  function onCommentBoxMove(ctx, globalCache, e) {
-    var commentBox = globalCache === null || globalCache === void 0 ? void 0 : globalCache.commentBox;
-    if (commentBox === null || commentBox === void 0 ? void 0 : commentBox.movingId) {
-      var box = document.getElementById(commentBox.movingId);
-      var _commentBox$cursorMov2 = commentBox.cursorMoveStartPosition,
-        startX = _commentBox$cursorMov2.x,
-        startY = _commentBox$cursorMov2.y;
-      var _commentBox$boxInitia2 = commentBox.boxInitialPosition,
-        top = _commentBox$boxInitia2.top,
-        left = _commentBox$boxInitia2.left;
-      left += e.pageX - startX;
-      top += e.pageY - startY;
-      if (top < 0) top = 0;
-      if (left < 0) left = 0;
-      box.style.left = "".concat(left, "px");
-      box.style.top = "".concat(top, "px");
-      return true;
-    }
-    return false;
-  }
-  function onCommentBoxMoveEnd(ctx, globalCache) {
-    var _globalCache$commentB4;
-    if ((_globalCache$commentB4 = globalCache.commentBox) === null || _globalCache$commentB4 === void 0 ? void 0 : _globalCache$commentB4.movingId) {
-      var _globalCache$commentB5 = globalCache.commentBox,
-        movingId = _globalCache$commentB5.movingId,
-        _globalCache$commentB6 = _globalCache$commentB5.commentRC,
-        r = _globalCache$commentB6.r,
-        c = _globalCache$commentB6.c;
-      globalCache.commentBox.movingId = undefined;
-      var position = getCommentBoxPosition(movingId);
-      if (position) {
-        var top = position.top,
-          left = position.left;
-        var flowdata = getFlowdata(ctx);
-        var cell = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c];
-        if (!flowdata || !(cell === null || cell === void 0 ? void 0 : cell.ps)) return;
-        cell.ps.left = left / ctx.zoomRatio;
-        cell.ps.top = top / ctx.zoomRatio;
-        setEditingComment(ctx, flowdata, r, c);
-        if (ctx.hooks.afterUpdateComment) {
-          var _ctx$hooks$afterUpdat6, _ctx$hooks11;
-          (_ctx$hooks$afterUpdat6 = (_ctx$hooks11 = ctx.hooks).afterUpdateComment) === null || _ctx$hooks$afterUpdat6 === void 0 ? void 0 : _ctx$hooks$afterUpdat6.call(_ctx$hooks11, r, c, _objectSpread2$1({}, cell.ps), true);
-        }
-      }
-    }
-  }
-  function generateRandomId(prefix) {
-    if (prefix == null) {
-      prefix = "img";
-    }
-    var userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
-    var mid = "";
-    for (var i = 0; i < 12; i += 1) {
-      mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
-    }
-    var time = new Date().getTime();
-    return "".concat(prefix, "_").concat(mid, "_").concat(time);
-  }
-  function showImgChooser() {
-    var chooser = document.getElementById("leankylin-img-upload");
-    if (chooser) chooser.click();
-  }
-  function saveImage(ctx) {
-    var index = getSheetIndex(ctx, ctx.currentSheetId);
-    if (index == null) return;
-    var file = ctx.luckysheetfile[index];
-    file.images = ctx.insertedImgs;
-  }
-  function removeActiveImage(ctx) {
-    ctx.insertedImgs = lodash.filter(ctx.insertedImgs, function (image) {
-      return image.id !== ctx.activeImg;
-    });
-    ctx.activeImg = undefined;
-    saveImage(ctx);
-  }
-  function insertImage(ctx, image) {
-    try {
-      var _ctx$luckysheet_selec;
-      var last = (_ctx$luckysheet_selec = ctx.luckysheet_select_save) === null || _ctx$luckysheet_selec === void 0 ? void 0 : _ctx$luckysheet_selec[ctx.luckysheet_select_save.length - 1];
-      var rowIndex = last === null || last === void 0 ? void 0 : last.row_focus;
-      var colIndex = last === null || last === void 0 ? void 0 : last.column_focus;
-      if (!last) {
-        rowIndex = 0;
-        colIndex = 0;
-      } else {
-        if (rowIndex == null) {
-          var _last$row = _slicedToArray$2(last.row, 1);
-          rowIndex = _last$row[0];
-        }
-        if (colIndex == null) {
-          var _last$column = _slicedToArray$2(last.column, 1);
-          colIndex = _last$column[0];
-        }
-      }
-      var flowdata = getFlowdata(ctx);
-      var left = colIndex === 0 ? 0 : ctx.visibledatacolumn[colIndex - 1];
-      var top = rowIndex === 0 ? 0 : ctx.visibledatarow[rowIndex - 1];
-      if (flowdata) {
-        var margeset = mergeBorder(ctx, flowdata, rowIndex, colIndex);
-        if (margeset) {
-          var _margeset$row = _slicedToArray$2(margeset.row, 1);
-          top = _margeset$row[0];
-          var _margeset$column = _slicedToArray$2(margeset.column, 1);
-          left = _margeset$column[0];
-        }
-      }
-      var width = image.width;
-      var height = image.height;
-      var img = {
-        id: generateRandomId("img"),
-        src: image.src,
-        left: left,
-        top: top,
-        width: width * 0.5,
-        height: height * 0.5,
-        originWidth: width,
-        originHeight: height
-      };
-      ctx.insertedImgs = (ctx.insertedImgs || []).concat(img);
-      saveImage(ctx);
-    } catch (err) {
-      console.info(err);
-    }
+      value: value,
+      autoFocus: false
+    };
   }
-  function getImagePosition() {
-    var box = document.getElementById("luckysheet-modal-dialog-activeImage");
+  function getCommentBoxPosition(commentId) {
+    var box = document.getElementById(commentId);
     if (!box) return undefined;
     var _box$getBoundingClien = box.getBoundingClientRect(),
       width = _box$getBoundingClien.width,
@@ -93796,97 +93855,46 @@
       height: height
     };
   }
-  function cancelActiveImgItem(ctx, globalCache) {
-    ctx.activeImg = undefined;
-    globalCache.image = undefined;
-  }
-  function onImageMoveStart(ctx, globalCache, e) {
-    var position = getImagePosition();
-    if (position) {
-      var top = position.top,
-        left = position.left;
-      lodash.set(globalCache, "image", {
-        cursorMoveStartPosition: {
-          x: e.pageX,
-          y: e.pageY
-        },
-        imgInitialPosition: {
-          left: left,
-          top: top
-        }
-      });
-    }
-  }
-  function onImageMove(ctx, globalCache, e) {
-    if (ctx.allowEdit === false) return false;
-    var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
-    var img = document.getElementById("luckysheet-modal-dialog-activeImage");
-    if (img && image && !image.resizingSide) {
-      var _image$cursorMoveStar = image.cursorMoveStartPosition,
-        startX = _image$cursorMoveStar.x,
-        startY = _image$cursorMoveStar.y;
-      var _image$imgInitialPosi = image.imgInitialPosition,
-        top = _image$imgInitialPosi.top,
-        left = _image$imgInitialPosi.left;
-      left += e.pageX - startX;
-      top += e.pageY - startY;
-      if (top < 0) top = 0;
-      img.style.left = "".concat(left, "px");
-      img.style.top = "".concat(top, "px");
-      return true;
-    }
-    return false;
-  }
-  function onImageMoveEnd(ctx, globalCache) {
-    var _globalCache$image;
-    var position = getImagePosition();
-    if (!((_globalCache$image = globalCache.image) === null || _globalCache$image === void 0 ? void 0 : _globalCache$image.resizingSide)) {
-      globalCache.image = undefined;
-      if (position) {
-        var img = lodash.find(ctx.insertedImgs, function (v) {
-          return v.id === ctx.activeImg;
-        });
-        if (img) {
-          img.left = position.left / ctx.zoomRatio;
-          img.top = position.top / ctx.zoomRatio;
-          saveImage(ctx);
-        }
-      }
-    }
-  }
-  function onImageResizeStart(globalCache, e, resizingSide) {
-    var position = getImagePosition();
+  function onCommentBoxResizeStart(ctx, globalCache, e, _ref3, resizingId, resizingSide) {
+    var r = _ref3.r,
+      c = _ref3.c,
+      rc = _ref3.rc;
+    var position = getCommentBoxPosition(resizingId);
     if (position) {
-      lodash.set(globalCache, "image", {
+      lodash.set(globalCache, "commentBox", {
         cursorMoveStartPosition: {
           x: e.pageX,
           y: e.pageY
         },
+        resizingId: resizingId,
         resizingSide: resizingSide,
-        imgInitialPosition: position
+        commentRC: {
+          r: r,
+          c: c,
+          rc: rc
+        },
+        boxInitialPosition: position
       });
     }
   }
-  function onImageResize(ctx, globalCache, e) {
+  function onCommentBoxResize(ctx, globalCache, e) {
     if (ctx.allowEdit === false) return false;
-    var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
-    if (image === null || image === void 0 ? void 0 : image.resizingSide) {
-      var imgContainer = document.getElementById("luckysheet-modal-dialog-activeImage");
-      var img = imgContainer === null || imgContainer === void 0 ? void 0 : imgContainer.querySelector(".luckysheet-modal-dialog-content");
-      if (img == null) return false;
-      var _image$cursorMoveStar2 = image.cursorMoveStartPosition,
-        startX = _image$cursorMoveStar2.x,
-        startY = _image$cursorMoveStar2.y;
-      var _image$imgInitialPosi2 = image.imgInitialPosition,
-        top = _image$imgInitialPosi2.top,
-        left = _image$imgInitialPosi2.left,
-        width = _image$imgInitialPosi2.width,
-        height = _image$imgInitialPosi2.height;
+    var commentBox = globalCache === null || globalCache === void 0 ? void 0 : globalCache.commentBox;
+    if ((commentBox === null || commentBox === void 0 ? void 0 : commentBox.resizingId) && commentBox.resizingSide) {
+      var box = document.getElementById(commentBox.resizingId);
+      var _commentBox$cursorMov = commentBox.cursorMoveStartPosition,
+        startX = _commentBox$cursorMov.x,
+        startY = _commentBox$cursorMov.y;
+      var _commentBox$boxInitia = commentBox.boxInitialPosition,
+        top = _commentBox$boxInitia.top,
+        left = _commentBox$boxInitia.left,
+        width = _commentBox$boxInitia.width,
+        height = _commentBox$boxInitia.height;
       var dx = e.pageX - startX;
       var dy = e.pageY - startY;
       var minHeight = 60 * ctx.zoomRatio;
       var minWidth = 1.5 * 60 * ctx.zoomRatio;
-      if (["lm", "lt", "lb"].includes(image.resizingSide)) {
+      if (["lm", "lt", "lb"].includes(commentBox.resizingSide)) {
         if (width - dx < minWidth) {
           left += width - minWidth;
           width = minWidth;
@@ -93895,13 +93903,12 @@
           width -= dx;
         }
         if (left < 0) left = 0;
-        img.style.left = "".concat(left, "px");
-        imgContainer.style.left = "".concat(left, "px");
+        box.style.left = "".concat(left, "px");
       }
-      if (["rm", "rt", "rb"].includes(image.resizingSide)) {
+      if (["rm", "rt", "rb"].includes(commentBox.resizingSide)) {
         width = width + dx < minWidth ? minWidth : width + dx;
       }
-      if (["mt", "lt", "rt"].includes(image.resizingSide)) {
+      if (["mt", "lt", "rt"].includes(commentBox.resizingSide)) {
         if (height - dy < minHeight) {
           top += height - minHeight;
           height = minHeight;
@@ -93910,36 +93917,115 @@
           height -= dy;
         }
         if (top < 0) top = 0;
-        img.style.top = "".concat(top, "px");
-        imgContainer.style.top = "".concat(top, "px");
+        box.style.top = "".concat(top, "px");
       }
-      if (["mb", "lb", "rb"].includes(image.resizingSide)) {
+      if (["mb", "lb", "rb"].includes(commentBox.resizingSide)) {
         height = height + dy < minHeight ? minHeight : height + dy;
       }
-      img.style.width = "".concat(width, "px");
-      imgContainer.style.width = "".concat(width, "px");
-      img.style.height = "".concat(height, "px");
-      imgContainer.style.height = "".concat(height, "px");
-      img.style.backgroundSize = "".concat(width, "px ").concat(height, "px");
+      box.style.width = "".concat(width, "px");
+      box.style.height = "".concat(height, "px");
       return true;
     }
     return false;
   }
-  function onImageResizeEnd(ctx, globalCache) {
-    var _globalCache$image2;
-    if ((_globalCache$image2 = globalCache.image) === null || _globalCache$image2 === void 0 ? void 0 : _globalCache$image2.resizingSide) {
-      globalCache.image = undefined;
-      var position = getImagePosition();
+  function onCommentBoxResizeEnd(ctx, globalCache) {
+    var _globalCache$commentB;
+    if ((_globalCache$commentB = globalCache.commentBox) === null || _globalCache$commentB === void 0 ? void 0 : _globalCache$commentB.resizingId) {
+      var _globalCache$commentB2 = globalCache.commentBox,
+        resizingId = _globalCache$commentB2.resizingId,
+        _globalCache$commentB3 = _globalCache$commentB2.commentRC,
+        r = _globalCache$commentB3.r,
+        c = _globalCache$commentB3.c;
+      globalCache.commentBox.resizingId = undefined;
+      var position = getCommentBoxPosition(resizingId);
       if (position) {
-        var img = lodash.find(ctx.insertedImgs, function (v) {
-          return v.id === ctx.activeImg;
-        });
-        if (img) {
-          img.left = position.left / ctx.zoomRatio;
-          img.top = position.top / ctx.zoomRatio;
-          img.width = position.width / ctx.zoomRatio;
-          img.height = position.height / ctx.zoomRatio;
-          saveImage(ctx);
+        var top = position.top,
+          left = position.left,
+          width = position.width,
+          height = position.height;
+        var flowdata = getFlowdata(ctx);
+        var cell = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c];
+        if (!flowdata || !(cell === null || cell === void 0 ? void 0 : cell.ps)) return;
+        cell.ps.left = left / ctx.zoomRatio;
+        cell.ps.top = top / ctx.zoomRatio;
+        cell.ps.width = width / ctx.zoomRatio;
+        cell.ps.height = height / ctx.zoomRatio;
+        setEditingComment(ctx, flowdata, r, c);
+        if (ctx.hooks.afterUpdateComment) {
+          var _ctx$hooks$afterUpdat5, _ctx$hooks10;
+          (_ctx$hooks$afterUpdat5 = (_ctx$hooks10 = ctx.hooks).afterUpdateComment) === null || _ctx$hooks$afterUpdat5 === void 0 ? void 0 : _ctx$hooks$afterUpdat5.call(_ctx$hooks10, r, c, _objectSpread2$1({}, cell.ps), true);
+        }
+      }
+    }
+  }
+  function onCommentBoxMoveStart(ctx, globalCache, e, _ref4, movingId) {
+    var r = _ref4.r,
+      c = _ref4.c,
+      rc = _ref4.rc;
+    var position = getCommentBoxPosition(movingId);
+    if (position) {
+      var top = position.top,
+        left = position.left;
+      lodash.set(globalCache, "commentBox", {
+        cursorMoveStartPosition: {
+          x: e.pageX,
+          y: e.pageY
+        },
+        movingId: movingId,
+        commentRC: {
+          r: r,
+          c: c,
+          rc: rc
+        },
+        boxInitialPosition: {
+          left: left,
+          top: top
+        }
+      });
+    }
+  }
+  function onCommentBoxMove(ctx, globalCache, e) {
+    var commentBox = globalCache === null || globalCache === void 0 ? void 0 : globalCache.commentBox;
+    if (commentBox === null || commentBox === void 0 ? void 0 : commentBox.movingId) {
+      var box = document.getElementById(commentBox.movingId);
+      var _commentBox$cursorMov2 = commentBox.cursorMoveStartPosition,
+        startX = _commentBox$cursorMov2.x,
+        startY = _commentBox$cursorMov2.y;
+      var _commentBox$boxInitia2 = commentBox.boxInitialPosition,
+        top = _commentBox$boxInitia2.top,
+        left = _commentBox$boxInitia2.left;
+      left += e.pageX - startX;
+      top += e.pageY - startY;
+      if (top < 0) top = 0;
+      if (left < 0) left = 0;
+      box.style.left = "".concat(left, "px");
+      box.style.top = "".concat(top, "px");
+      return true;
+    }
+    return false;
+  }
+  function onCommentBoxMoveEnd(ctx, globalCache) {
+    var _globalCache$commentB4;
+    if ((_globalCache$commentB4 = globalCache.commentBox) === null || _globalCache$commentB4 === void 0 ? void 0 : _globalCache$commentB4.movingId) {
+      var _globalCache$commentB5 = globalCache.commentBox,
+        movingId = _globalCache$commentB5.movingId,
+        _globalCache$commentB6 = _globalCache$commentB5.commentRC,
+        r = _globalCache$commentB6.r,
+        c = _globalCache$commentB6.c;
+      globalCache.commentBox.movingId = undefined;
+      var position = getCommentBoxPosition(movingId);
+      if (position) {
+        var top = position.top,
+          left = position.left;
+        var flowdata = getFlowdata(ctx);
+        var cell = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c];
+        if (!flowdata || !(cell === null || cell === void 0 ? void 0 : cell.ps)) return;
+        cell.ps.left = left / ctx.zoomRatio;
+        cell.ps.top = top / ctx.zoomRatio;
+        setEditingComment(ctx, flowdata, r, c);
+        if (ctx.hooks.afterUpdateComment) {
+          var _ctx$hooks$afterUpdat6, _ctx$hooks11;
+          (_ctx$hooks$afterUpdat6 = (_ctx$hooks11 = ctx.hooks).afterUpdateComment) === null || _ctx$hooks$afterUpdat6 === void 0 ? void 0 : _ctx$hooks$afterUpdat6.call(_ctx$hooks11, r, c, _objectSpread2$1({}, cell.ps), true);
         }
       }
     }
@@ -100654,13 +100740,9 @@
     ctx.luckysheet_paste_iscut = false;
   }
 
-  function handleGlobalEnter(ctx, cellInput, e, canvas) {
-    if ((e.altKey || e.metaKey) && ctx.luckysheetCellUpdate.length > 0) {
-      var _ctx$luckysheet_selec;
-      var last = (_ctx$luckysheet_selec = ctx.luckysheet_select_save) === null || _ctx$luckysheet_selec === void 0 ? void 0 : _ctx$luckysheet_selec[ctx.luckysheet_select_save.length - 1];
-      if (last && !lodash.isNil(last.row_focus) && !lodash.isNil(last.column_focus)) ;
-      e.preventDefault();
-    } else if (ctx.luckysheetCellUpdate.length > 0) {
+  function handleGlobalEnter(ctx, cellInput, e, canvas, refs) {
+    var _ctx$active_f;
+    function setValue() {
       var lastCellUpdate = lodash.clone(ctx.luckysheetCellUpdate);
       updateCell(ctx, ctx.luckysheetCellUpdate[0], ctx.luckysheetCellUpdate[1], cellInput, undefined, canvas);
       ctx.luckysheet_select_save = [{
@@ -100671,6 +100753,18 @@
       }];
       moveHighlightCell(ctx, "down", 1, "rangeOfSelect");
       e.preventDefault();
+    }
+    if ((e.altKey || e.metaKey) && ctx.luckysheetCellUpdate.length > 0) {
+      var _ctx$luckysheet_selec;
+      var last = (_ctx$luckysheet_selec = ctx.luckysheet_select_save) === null || _ctx$luckysheet_selec === void 0 ? void 0 : _ctx$luckysheet_selec[ctx.luckysheet_select_save.length - 1];
+      if (last && !lodash.isNil(last.row_focus) && !lodash.isNil(last.column_focus)) ;
+      e.preventDefault();
+    } else if (ctx.luckysheetCellUpdate.length > 0) {
+      setValue();
+    } else if ((_ctx$active_f = ctx.active_f) === null || _ctx$active_f === void 0 ? void 0 : _ctx$active_f.sheetId) {
+      var _ctx$active_f2;
+      setNextSheet(ctx, (_ctx$active_f2 = ctx.active_f) === null || _ctx$active_f2 === void 0 ? void 0 : _ctx$active_f2.sheetId, refs);
+      setValue();
     } else {
       var _ctx$luckysheet_selec2, _ctx$luckysheet_selec3;
       if (((_ctx$luckysheet_selec2 = (_ctx$luckysheet_selec3 = ctx.luckysheet_select_save) === null || _ctx$luckysheet_selec3 === void 0 ? void 0 : _ctx$luckysheet_selec3.length) !== null && _ctx$luckysheet_selec2 !== void 0 ? _ctx$luckysheet_selec2 : 0) > 0) {
@@ -100815,7 +100909,7 @@
         break;
     }
   }
-  function handleGlobalKeyDown(ctx, cellInput, fxInput, e, cache, handleUndo, handleRedo, canvas) {
+  function handleGlobalKeyDown(ctx, cellInput, fxInput, e, cache, handleUndo, handleRedo, canvas, refs) {
     ctx.luckysheet_select_status = false;
     var kcode = e.keyCode;
     var kstr = e.key;
@@ -100831,7 +100925,7 @@
     }
     if (kstr === "Enter") {
       if (!allowEdit) return;
-      handleGlobalEnter(ctx, cellInput, e, canvas);
+      handleGlobalEnter(ctx, cellInput, e, canvas, refs);
     } else if (kstr === "Tab") {
       if (ctx.luckysheetCellUpdate.length > 0) {
         return;
@@ -101312,7 +101406,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_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_index4 = flowdata[row_index]) === null || _flowdata$row_index4 === void 0 ? void 0 : _flowdata$row_index4[col_index]) || null));
     var box = document.querySelector(".leankylin-cell-area");
     if (box) {
       var _currentCellValue$cu;
@@ -101433,7 +101527,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_index6 = flowdata[row_index]) === null || _flowdata$row_index6 === void 0 ? void 0 : _flowdata$row_index6[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]) || null));
     var box = document.querySelector(".leankylin-cell-area");
     if (box) {
       var _currentCellValue$cu3;
@@ -101720,7 +101814,7 @@
     }
   }
   function mouseRender(ctx, globalCache, e, cellInput, scrollX, scrollY, container, fxInput) {
-    var _ctx$rangeDialog;
+    var _ctx$rangeDialog, _ctx$rangeDialog2;
     var rect = container.getBoundingClientRect();
     if (ctx.luckysheet_scroll_status && !ctx.luckysheet_cols_change_size && !ctx.luckysheet_rows_change_size) {
       var left = ctx.scrollLeft;
@@ -101748,7 +101842,8 @@
         scrollX.scrollLeft = sleft;
       }
     }
-    if ((_ctx$rangeDialog = ctx.rangeDialog) === null || _ctx$rangeDialog === void 0 ? void 0 : _ctx$rangeDialog.singleSelect) {
+    console.log('ctx.rangeDialog?.singleSelect', (_ctx$rangeDialog = ctx.rangeDialog) === null || _ctx$rangeDialog === void 0 ? void 0 : _ctx$rangeDialog.singleSelect);
+    if ((_ctx$rangeDialog2 = ctx.rangeDialog) === null || _ctx$rangeDialog2 === void 0 ? void 0 : _ctx$rangeDialog2.singleSelect) {
       return;
     }
     if (ctx.luckysheet_select_status) {
@@ -102886,21 +102981,23 @@
     };
   }
   function getClipboardData(ctx, e, copyRich, startRow, startCol) {
-    var _ctx$luckysheetfile, _currentSheet$data, _currentSheet$data2, _currentSheet$data2$, _Array$from;
+    var _ctx$luckysheetfile, _currentSheet$data, _currentSheet$data2, _currentSheet$data2$;
     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 txtdata = clipboardData.getData("text/html") || clipboardData.getData("text/plain");
     var iframe = document.createElement("iframe");
     iframe.style.display = "none";
     document.body.appendChild(iframe);
     var iframeDoc = iframe.contentDocument;
     iframeDoc.documentElement.innerHTML = txtdata;
     var htmlDoc = iframeDoc === null || iframeDoc === void 0 ? void 0 : iframeDoc.documentElement;
-    var rows = (_Array$from = Array.from(htmlDoc.querySelectorAll("tbody tr"))) === null || _Array$from === void 0 ? void 0 : _Array$from.slice(0, currentRowLen);
+    var headerRows = Array.from(htmlDoc.querySelectorAll("thead tr")) || [];
+    var bodyRows = Array.from(htmlDoc.querySelectorAll("tbody tr")).slice(0, currentRowLen);
+    var rows = [].concat(_toConsumableArray$2(headerRows), _toConsumableArray$2(bodyRows));
     if (!rows || rows.length < 1) {
       return {
         data: [[clipboardData.getData("text")]],
@@ -102913,7 +103010,10 @@
     var merge = {};
     for (var index = 0; index < (rows === null || rows === void 0 ? void 0 : rows.length); index += 1) {
       var row = rows[index];
-      var cells = Array.from(row.querySelectorAll("td")).slice(0, currentColLen);
+      var tds = row.querySelectorAll("td");
+      var ths = row.querySelectorAll("th");
+      var tCells = (tds === null || tds === void 0 ? void 0 : tds.length) > 0 ? tds : ths;
+      var cells = Array.from(tCells).slice(0, currentColLen);
       if (!result[index]) {
         result[index] = [];
       }
@@ -102934,13 +103034,14 @@
           continue;
         }
         var m = cell === null || cell === void 0 ? void 0 : cell.textContent;
+        var allV = JSON.parse(cell.getAttribute("_v") || "{}");
         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({
+          var mainCell = _objectSpread2$1(_objectSpread2$1({}, allV || {}), {}, {
             v: v || m,
             m: m || v,
             f: f || undefined
@@ -111989,53 +112090,7 @@
     var onChangeSheet = useMemoizedFn(function () {
       if (isDropPlaceholder) return;
       setContext(function (draftCtx) {
-        var _luckysheetCellUpdate;
-        draftCtx.sheetScrollRecord[draftCtx.currentSheetId] = {
-          scrollLeft: draftCtx.scrollLeft,
-          scrollTop: draftCtx.scrollTop,
-          luckysheet_select_status: draftCtx.luckysheet_select_status,
-          luckysheet_select_save: draftCtx.luckysheet_select_save,
-          luckysheet_selection_range: draftCtx.luckysheet_selection_range
-        };
-        var isBack = false;
-        var luckysheetCellUpdate = [];
-        var sheetId = sheet.id;
-        if ((israngeseleciton(draftCtx) || draftCtx.formulaCache.rangestart) && !draftCtx.active_f) {
-          var _refs$fxInput$current, _draftCtx$sheetScroll;
-          draftCtx.active_f = {
-            r: draftCtx.luckysheet_select_save[0].row_focus,
-            c: draftCtx.luckysheet_select_save[0].column_focus,
-            sheetId: draftCtx.currentSheetId,
-            text: (_refs$fxInput$current = refs.fxInput.current) === null || _refs$fxInput$current === void 0 ? void 0 : _refs$fxInput$current.innerText
-          };
-          if ((_draftCtx$sheetScroll = draftCtx.sheetScrollRecord[sheet.id]) === null || _draftCtx$sheetScroll === void 0 ? void 0 : _draftCtx$sheetScroll.luckysheet_select_save) {
-            draftCtx.sheetScrollRecord[sheet.id].luckysheet_select_save = undefined;
-          }
-          moveToEnd(refs.fxInput.current);
-        } else if (draftCtx.active_f && draftCtx.active_f.sheetId === sheet.id) {
-          var _refs$fxInput$current2;
-          luckysheetCellUpdate = [draftCtx.active_f.r, draftCtx.active_f.c];
-          isBack = true;
-          if ((_refs$fxInput$current2 = refs.fxInput.current) === null || _refs$fxInput$current2 === void 0 ? void 0 : _refs$fxInput$current2.innerHTML) {
-            var _refs$fxInput$current3;
-            refs.cellInput.current.innerHTML = ((_refs$fxInput$current3 = refs.fxInput.current) === null || _refs$fxInput$current3 === void 0 ? void 0 : _refs$fxInput$current3.innerHTML) || "";
-          }
-          moveToEnd(refs.cellInput.current);
-        }
-        if (draftCtx.active_f) {
-          sheetId = draftCtx.active_f.sheetId;
-        }
-        var _update = ((_luckysheetCellUpdate = luckysheetCellUpdate) === null || _luckysheetCellUpdate === void 0 ? void 0 : _luckysheetCellUpdate.length) > 0 ? luckysheetCellUpdate : draftCtx.luckysheetCellUpdate;
-        draftCtx.currentSheetId = sheet.id;
-        if ((_update === null || _update === void 0 ? void 0 : _update.length) > 0) ;
-        draftCtx.dataVerificationDropDownList = false;
-        draftCtx.zoomRatio = sheet.zoomRatio || 1;
-        cancelActiveImgItem(draftCtx, refs.globalCache);
-        cancelNormalSelected(draftCtx);
-        if (isBack) {
-          draftCtx.luckysheetCellUpdate = luckysheetCellUpdate;
-          draftCtx.active_f = undefined;
-        }
+        setNextSheet(draftCtx, sheet.id, refs);
       });
     });
     return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -112995,7 +113050,7 @@
               if (draftCtx.activeImg != null) {
                 removeActiveImage(draftCtx);
               } else {
-                var msg = deleteSelectedCellText(draftCtx);
+                var msg = deleteSelectedCellText(draftCtx, true);
                 if (msg === "partMC") {
                   showDialog(generalDialog.partiallyError, "ok");
                 } else if (msg === "allowEdit") {
@@ -116228,7 +116283,7 @@
         return;
       }
       setContextWithProduce(function (draftCtx) {
-        handleGlobalKeyDown(draftCtx, cellInput.current, fxInput.current, nativeEvent, globalCache.current, handleUndo, handleRedo, canvas.current.getContext("2d"));
+        handleGlobalKeyDown(draftCtx, cellInput.current, fxInput.current, nativeEvent, globalCache.current, handleUndo, handleRedo, canvas.current.getContext("2d"), refs);
       });
     }, [handleRedo, handleUndo, setContextWithProduce, mergedSettings.disabledKeyboardCodes]);
     var onPaste = React.useCallback(function (e) {