@fileverse-dev/fortune-core 1.0.4 → 1.0.6

package/lib/modules/comment.js

@@ -0,0 +1,625 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commentBoxProps = void 0;
+exports.deleteComment = deleteComment;
+exports.drawArrow = drawArrow;
+exports.editComment = editComment;
+exports.getArrowCanvasSize = getArrowCanvasSize;
+exports.getCellTopRightPostion = getCellTopRightPostion;
+exports.getCommentBoxByRC = getCommentBoxByRC;
+exports.getCommentBoxPosition = getCommentBoxPosition;
+exports.newComment = newComment;
+exports.onCommentBoxMove = onCommentBoxMove;
+exports.onCommentBoxMoveEnd = onCommentBoxMoveEnd;
+exports.onCommentBoxMoveStart = onCommentBoxMoveStart;
+exports.onCommentBoxResize = onCommentBoxResize;
+exports.onCommentBoxResizeEnd = onCommentBoxResizeEnd;
+exports.onCommentBoxResizeStart = onCommentBoxResizeStart;
+exports.overShowComment = overShowComment;
+exports.removeEditingComment = removeEditingComment;
+exports.removeOverShowComment = removeOverShowComment;
+exports.setEditingComment = setEditingComment;
+exports.showComments = showComments;
+exports.showHideAllComments = showHideAllComments;
+exports.showHideComment = showHideComment;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _cell = require("./cell");
+var _context = require("../context");
+var _location = require("./location");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function getArrowCanvasSize(fromX, fromY, toX, toY) {
+  var left = toX - 5;
+  if (fromX < toX) {
+    left = fromX - 5;
+  }
+  var top = toY - 5;
+  if (fromY < toY) {
+    top = fromY - 5;
+  }
+  var width = Math.abs(fromX - toX) + 10;
+  var height = Math.abs(fromY - toY) + 10;
+  var x1 = width - 5;
+  var x2 = 5;
+  if (fromX < toX) {
+    x1 = 5;
+    x2 = width - 5;
+  }
+  var y1 = height - 5;
+  var y2 = 5;
+  if (fromY < toY) {
+    y1 = 5;
+    y2 = height - 5;
+  }
+  return {
+    left: left,
+    top: top,
+    width: width,
+    height: height,
+    fromX: x1,
+    fromY: y1,
+    toX: x2,
+    toY: y2
+  };
+}
+function drawArrow(rc, _a, color, theta, headlen) {
+  var left = _a.left,
+    top = _a.top,
+    width = _a.width,
+    height = _a.height,
+    fromX = _a.fromX,
+    fromY = _a.fromY,
+    toX = _a.toX,
+    toY = _a.toY;
+  if (rc) return;
+  var canvas = document.getElementById("arrowCanvas-".concat(rc));
+  var ctx = canvas.getContext("2d");
+  if (!canvas || !ctx) return;
+  canvas.style.width = "".concat(width, "px");
+  canvas.style.height = "".concat(height, "px");
+  canvas.width = width;
+  canvas.height = height;
+  canvas.style.left = "".concat(left, "px");
+  canvas.style.top = "".concat(top, "px");
+  var _b = canvas.getBoundingClientRect(),
+    canvasWidth = _b.width,
+    canvasHeight = _b.height;
+  ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+  theta = theta || 30;
+  headlen = headlen || 6;
+  var arrowWidth = 1;
+  color = color || "#000";
+  var angle = Math.atan2(fromY - toY, fromX - toX) * 180 / Math.PI;
+  var angle1 = (angle + theta) * Math.PI / 180;
+  var angle2 = (angle - theta) * Math.PI / 180;
+  var topX = headlen * Math.cos(angle1);
+  var topY = headlen * Math.sin(angle1);
+  var botX = headlen * Math.cos(angle2);
+  var botY = headlen * Math.sin(angle2);
+  ctx.save();
+  ctx.beginPath();
+  var arrowX = fromX - topX;
+  var arrowY = fromY - topY;
+  ctx.moveTo(arrowX, arrowY);
+  ctx.moveTo(fromX, fromY);
+  ctx.lineTo(toX, toY);
+  ctx.lineWidth = arrowWidth;
+  ctx.strokeStyle = color;
+  ctx.stroke();
+  arrowX = toX + topX;
+  arrowY = toY + topY;
+  ctx.moveTo(arrowX, arrowY);
+  ctx.lineTo(toX, toY);
+  arrowX = toX + botX;
+  arrowY = toY + botY;
+  ctx.lineTo(arrowX, arrowY);
+  ctx.fillStyle = color;
+  ctx.fill();
+  ctx.restore();
+}
+var commentBoxProps = exports.commentBoxProps = {
+  defaultWidth: 144,
+  defaultHeight: 84,
+  currentObj: null,
+  currentWinW: null,
+  currentWinH: null,
+  resize: null,
+  resizeXY: null,
+  move: false,
+  moveXY: null,
+  cursorStartPosition: null
+};
+function getCellTopRightPostion(ctx, flowdata, r, c) {
+  var _a;
+  var row_pre = r - 1 === -1 ? 0 : ctx.visibledatarow[r - 1];
+  var col = ctx.visibledatacolumn[c];
+  var margeset = (0, _cell.mergeBorder)(ctx, flowdata, r, c);
+  if (margeset) {
+    row_pre = margeset.row[0];
+    _a = margeset.column, col = _a[1];
+  }
+  var toX = col;
+  var toY = row_pre;
+  return {
+    toX: toX,
+    toY: toY
+  };
+}
+function getCommentBoxByRC(ctx, flowdata, r, c) {
+  var _a;
+  var comment = (_a = flowdata[r][c]) === null || _a === void 0 ? void 0 : _a.ps;
+  var _b = getCellTopRightPostion(ctx, flowdata, r, c),
+    toX = _b.toX,
+    toY = _b.toY;
+  var left = (comment === null || comment === void 0 ? void 0 : comment.left) == null ? toX + 18 * ctx.zoomRatio : comment.left * ctx.zoomRatio;
+  var top = (comment === null || comment === void 0 ? void 0 : comment.top) == null ? toY - 18 * ctx.zoomRatio : comment.top * ctx.zoomRatio;
+  var width = (comment === null || comment === void 0 ? void 0 : comment.width) == null ? commentBoxProps.defaultWidth * ctx.zoomRatio : comment.width * ctx.zoomRatio;
+  var height = (comment === null || comment === void 0 ? void 0 : comment.height) == null ? commentBoxProps.defaultHeight * ctx.zoomRatio : comment.height * ctx.zoomRatio;
+  var value = (comment === null || comment === void 0 ? void 0 : comment.value) == null ? "" : comment.value;
+  if (top < 0) {
+    top = 2;
+  }
+  var size = getArrowCanvasSize(left, top, toX, toY);
+  var rc = "".concat(r, "_").concat(c);
+  return {
+    r: r,
+    c: c,
+    rc: rc,
+    left: left,
+    top: top,
+    width: width,
+    height: height,
+    value: value,
+    size: size,
+    autoFocus: false
+  };
+}
+function setEditingComment(ctx, flowdata, r, c) {
+  ctx.editingCommentBox = getCommentBoxByRC(ctx, flowdata, r, c);
+}
+function removeEditingComment(ctx, globalCache) {
+  var _a, _b;
+  var editingCommentBoxEle = globalCache.editingCommentBoxEle;
+  ctx.editingCommentBox = undefined;
+  var r = editingCommentBoxEle === null || editingCommentBoxEle === void 0 ? void 0 : editingCommentBoxEle.dataset.r;
+  var c = editingCommentBoxEle === null || editingCommentBoxEle === void 0 ? void 0 : editingCommentBoxEle.dataset.c;
+  if (!r || !c || !editingCommentBoxEle) return;
+  r = parseInt(r, 10);
+  c = parseInt(c, 10);
+  var value = editingCommentBoxEle.innerHTML || "";
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  globalCache.editingCommentBoxEle = undefined;
+  if (!flowdata) return;
+  if (((_b = (_a = ctx.hooks).beforeUpdateComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c, value)) === false) {
+    return;
+  }
+  var cell = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c];
+  if (!(cell === null || cell === void 0 ? void 0 : cell.ps)) return;
+  var oldValue = cell.ps.value;
+  cell.ps.value = value;
+  if (!cell.ps.isShow) {
+    ctx.commentBoxes = _lodash.default.filter(ctx.commentBoxes, function (v) {
+      return v.rc !== "".concat(r, "_").concat(c);
+    });
+  }
+  if (ctx.hooks.afterUpdateComment) {
+    setTimeout(function () {
+      var _a, _b;
+      (_b = (_a = ctx.hooks).afterUpdateComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c, oldValue, value);
+    });
+  }
+}
+function newComment(ctx, globalCache, r, c) {
+  var _a, _b;
+  var allowEdit = (0, _utils.isAllowEdit)(ctx);
+  if (!allowEdit) return;
+  if (((_b = (_a = ctx.hooks).beforeInsertComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c)) === false) {
+    return;
+  }
+  if (globalCache) {
+    removeEditingComment(ctx, globalCache);
+  }
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  if (!flowdata) return;
+  var cell = flowdata[r][c];
+  if (cell == null) {
+    cell = {};
+    flowdata[r][c] = cell;
+  }
+  cell.ps = {
+    left: null,
+    top: null,
+    width: null,
+    height: null,
+    value: "",
+    isShow: false
+  };
+  ctx.editingCommentBox = __assign(__assign({}, getCommentBoxByRC(ctx, flowdata, r, c)), {
+    autoFocus: true
+  });
+  if (ctx.hooks.afterInsertComment) {
+    setTimeout(function () {
+      var _a, _b;
+      (_b = (_a = ctx.hooks).afterInsertComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c);
+    });
+  }
+}
+function editComment(ctx, globalCache, r, c) {
+  var _a;
+  var allowEdit = (0, _utils.isAllowEdit)(ctx);
+  if (!allowEdit) return;
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  removeEditingComment(ctx, globalCache);
+  var comment = (_a = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c]) === null || _a === void 0 ? void 0 : _a.ps;
+  var commentBoxes = _lodash.default.concat(ctx.commentBoxes, ctx.editingCommentBox);
+  if (_lodash.default.findIndex(commentBoxes, function (v) {
+    return (v === null || v === void 0 ? void 0 : v.rc) === "".concat(r, "_").concat(c);
+  }) !== -1) {
+    var editCommentBox = document.getElementById("comment-editor-".concat(r, "_").concat(c));
+    editCommentBox === null || editCommentBox === void 0 ? void 0 : editCommentBox.focus();
+  }
+  if (comment) {
+    ctx.editingCommentBox = __assign(__assign({}, getCommentBoxByRC(ctx, flowdata, r, c)), {
+      autoFocus: true
+    });
+  }
+}
+function deleteComment(ctx, globalCache, r, c) {
+  var _a, _b;
+  var allowEdit = (0, _utils.isAllowEdit)(ctx);
+  if (!allowEdit) return;
+  if (((_b = (_a = ctx.hooks).beforeDeleteComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c)) === false) {
+    return;
+  }
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  if (!flowdata) return;
+  var cell = flowdata[r][c];
+  if (!cell) return;
+  cell.ps = undefined;
+  if (ctx.hooks.afterDeleteComment) {
+    setTimeout(function () {
+      var _a, _b;
+      (_b = (_a = ctx.hooks).afterDeleteComment) === null || _b === void 0 ? void 0 : _b.call(_a, r, c);
+    });
+  }
+}
+function showComments(ctx, commentShowCells) {
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  if (flowdata) {
+    var commentBoxes = commentShowCells.map(function (_a) {
+      var r = _a.r,
+        c = _a.c;
+      return getCommentBoxByRC(ctx, flowdata, r, c);
+    });
+    ctx.commentBoxes = commentBoxes;
+  }
+}
+function showHideComment(ctx, globalCache, r, c) {
+  var _a;
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  var comment = (_a = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r][c]) === null || _a === void 0 ? void 0 : _a.ps;
+  if (!comment) return;
+  var isShow = comment.isShow;
+  var rc = "".concat(r, "_").concat(c);
+  if (isShow) {
+    comment.isShow = false;
+    ctx.commentBoxes = _lodash.default.filter(ctx.commentBoxes, function (v) {
+      return v.rc !== rc;
+    });
+  } else {
+    comment.isShow = true;
+  }
+}
+function showHideAllComments(ctx) {
+  var _a, _b;
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  if (!flowdata) return;
+  var isAllShow = true;
+  var allComments = [];
+  for (var r = 0; r < flowdata.length; r += 1) {
+    for (var c = 0; c < flowdata[0].length; c += 1) {
+      var cell = flowdata[r][c];
+      if (cell === null || cell === void 0 ? void 0 : cell.ps) {
+        allComments.push({
+          r: r,
+          c: c
+        });
+        if (!cell.ps.isShow) {
+          isAllShow = false;
+        }
+      }
+    }
+  }
+  var rcs = [];
+  if (allComments.length > 0) {
+    if (isAllShow) {
+      for (var i = 0; i < allComments.length; i += 1) {
+        var _c = allComments[i],
+          r = _c.r,
+          c = _c.c;
+        var comment = (_a = flowdata[r][c]) === null || _a === void 0 ? void 0 : _a.ps;
+        if (comment === null || comment === void 0 ? void 0 : comment.isShow) {
+          comment.isShow = false;
+          rcs.push("".concat(r, "_").concat(c));
+        }
+      }
+      ctx.commentBoxes = [];
+    } else {
+      for (var i = 0; i < allComments.length; i += 1) {
+        var _d = allComments[i],
+          r = _d.r,
+          c = _d.c;
+        var comment = (_b = flowdata[r][c]) === null || _b === void 0 ? void 0 : _b.ps;
+        if (comment && !comment.isShow) {
+          comment.isShow = true;
+        }
+      }
+    }
+  }
+}
+function removeOverShowComment(ctx) {
+  ctx.hoveredCommentBox = undefined;
+}
+function overShowComment(ctx, e, scrollX, scrollY, container) {
+  var _a, _b, _c;
+  var _d, _e, _f, _g, _h;
+  var flowdata = (0, _context.getFlowdata)(ctx);
+  if (!flowdata) return;
+  var scrollLeft = scrollX.scrollLeft;
+  var scrollTop = scrollY.scrollTop;
+  var rect = container.getBoundingClientRect();
+  var x = e.pageX - rect.left - ctx.rowHeaderWidth;
+  var y = e.pageY - rect.top - ctx.columnHeaderHeight;
+  var offsetX = 0;
+  var offsetY = 0;
+  x += scrollLeft;
+  y += scrollTop;
+  var r = (0, _location.rowLocation)(y, ctx.visibledatarow)[2];
+  var c = (0, _location.colLocation)(x, ctx.visibledatacolumn)[2];
+  var margeset = (0, _cell.mergeBorder)(ctx, flowdata, r, c);
+  if (margeset) {
+    _a = margeset.row, r = _a[2];
+    _b = margeset.column, c = _b[2];
+  }
+  var firstSelection = (_d = ctx.luckysheet_select_save) === null || _d === void 0 ? void 0 : _d[0];
+  var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
+  var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
+  if (r === row_index && c === col_index) {
+    ctx.hoveredCommentBox = undefined;
+    return;
+  }
+  var rc = "".concat(r, "_").concat(c);
+  var comment = (_f = (_e = flowdata[r]) === null || _e === void 0 ? void 0 : _e[c]) === null || _f === void 0 ? void 0 : _f.ps;
+  if (comment == null || comment.isShow || _lodash.default.findIndex(ctx.commentBoxes, function (v) {
+    return v.rc === rc;
+  }) !== -1 || ((_g = ctx.editingCommentBox) === null || _g === void 0 ? void 0 : _g.rc) === rc) {
+    ctx.hoveredCommentBox = undefined;
+    return;
+  }
+  if (((_h = ctx.hoveredCommentBox) === null || _h === void 0 ? void 0 : _h.rc) === rc) return;
+  var row_pre = r - 1 === -1 ? 0 : ctx.visibledatarow[r - 1];
+  var col = ctx.visibledatacolumn[c];
+  if (margeset) {
+    row_pre = margeset.row[0];
+    _c = margeset.column, col = _c[1];
+  }
+  var toX = col + offsetX;
+  var toY = row_pre + offsetY;
+  var left = comment.left == null ? toX + 18 * ctx.zoomRatio : comment.left * ctx.zoomRatio;
+  var top = comment.top == null ? toY - 18 * ctx.zoomRatio : comment.top * ctx.zoomRatio;
+  if (top < 0) {
+    top = 2;
+  }
+  var width = comment.width == null ? commentBoxProps.defaultWidth * ctx.zoomRatio : comment.width * ctx.zoomRatio;
+  var height = comment.height == null ? commentBoxProps.defaultHeight * ctx.zoomRatio : comment.height * ctx.zoomRatio;
+  var size = getArrowCanvasSize(left, top, toX, toY);
+  var value = comment.value == null ? "" : comment.value;
+  ctx.hoveredCommentBox = {
+    r: r,
+    c: c,
+    rc: rc,
+    left: left,
+    top: top,
+    width: width,
+    height: height,
+    size: size,
+    value: value,
+    autoFocus: false
+  };
+}
+function getCommentBoxPosition(commentId) {
+  var box = document.getElementById(commentId);
+  if (!box) return undefined;
+  var _a = box.getBoundingClientRect(),
+    width = _a.width,
+    height = _a.height;
+  var left = box.offsetLeft;
+  var top = box.offsetTop;
+  return {
+    left: left,
+    top: top,
+    width: width,
+    height: height
+  };
+}
+function onCommentBoxResizeStart(ctx, globalCache, e, _a, resizingId, resizingSide) {
+  var r = _a.r,
+    c = _a.c,
+    rc = _a.rc;
+  var position = getCommentBoxPosition(resizingId);
+  if (position) {
+    _lodash.default.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 _a = commentBox.cursorMoveStartPosition,
+      startX = _a.x,
+      startY = _a.y;
+    var _b = commentBox.boxInitialPosition,
+      top_1 = _b.top,
+      left = _b.left,
+      width = _b.width,
+      height = _b.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_1 += height - minHeight;
+        height = minHeight;
+      } else {
+        top_1 += dy;
+        height -= dy;
+      }
+      if (top_1 < 0) top_1 = 0;
+      box.style.top = "".concat(top_1, "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 _a;
+  if ((_a = globalCache.commentBox) === null || _a === void 0 ? void 0 : _a.resizingId) {
+    var _b = globalCache.commentBox,
+      resizingId = _b.resizingId,
+      _c = _b.commentRC,
+      r = _c.r,
+      c = _c.c;
+    globalCache.commentBox.resizingId = undefined;
+    var position = getCommentBoxPosition(resizingId);
+    if (position) {
+      var top_2 = position.top,
+        left = position.left,
+        width = position.width,
+        height = position.height;
+      var flowdata = (0, _context.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_2 / ctx.zoomRatio;
+      cell.ps.width = width / ctx.zoomRatio;
+      cell.ps.height = height / ctx.zoomRatio;
+      setEditingComment(ctx, flowdata, r, c);
+    }
+  }
+}
+function onCommentBoxMoveStart(ctx, globalCache, e, _a, movingId) {
+  var r = _a.r,
+    c = _a.c,
+    rc = _a.rc;
+  var position = getCommentBoxPosition(movingId);
+  if (position) {
+    var top_3 = position.top,
+      left = position.left;
+    _lodash.default.set(globalCache, "commentBox", {
+      cursorMoveStartPosition: {
+        x: e.pageX,
+        y: e.pageY
+      },
+      movingId: movingId,
+      commentRC: {
+        r: r,
+        c: c,
+        rc: rc
+      },
+      boxInitialPosition: {
+        left: left,
+        top: top_3
+      }
+    });
+  }
+}
+function onCommentBoxMove(ctx, globalCache, e) {
+  var allowEdit = (0, _utils.isAllowEdit)(ctx);
+  if (!allowEdit) return false;
+  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 _a = commentBox.cursorMoveStartPosition,
+      startX = _a.x,
+      startY = _a.y;
+    var _b = commentBox.boxInitialPosition,
+      top_4 = _b.top,
+      left = _b.left;
+    left += e.pageX - startX;
+    top_4 += e.pageY - startY;
+    if (top_4 < 0) top_4 = 0;
+    box.style.left = "".concat(left, "px");
+    box.style.top = "".concat(top_4, "px");
+    return true;
+  }
+  return false;
+}
+function onCommentBoxMoveEnd(ctx, globalCache) {
+  var _a;
+  if ((_a = globalCache.commentBox) === null || _a === void 0 ? void 0 : _a.movingId) {
+    var _b = globalCache.commentBox,
+      movingId = _b.movingId,
+      _c = _b.commentRC,
+      r = _c.r,
+      c = _c.c;
+    globalCache.commentBox.movingId = undefined;
+    var position = getCommentBoxPosition(movingId);
+    if (position) {
+      var top_5 = position.top,
+        left = position.left;
+      var flowdata = (0, _context.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_5 / ctx.zoomRatio;
+      setEditingComment(ctx, flowdata, r, c);
+    }
+  }
+}

package/lib/modules/conditionalFormat.d.ts

@@ -0,0 +1,2 @@
+import type { SingleRange } from "../types";
+export declare function cfSplitRange(range1: SingleRange, range2: SingleRange, range3: SingleRange, type: string): SingleRange[];