@fileverse-dev/fortune-core 1.0.5 → 1.0.7

package/es/modules/comment.js

@@ -0,0 +1,597 @@
+var __assign = this && this.__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);
+};
+import _ from "lodash";
+import { mergeBorder } from "./cell";
+import { getFlowdata } from "../context";
+import { colLocation, rowLocation } from "./location";
+import { isAllowEdit } from "../utils";
+export 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
+  };
+}
+export 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();
+}
+export var commentBoxProps = {
+  defaultWidth: 144,
+  defaultHeight: 84,
+  currentObj: null,
+  currentWinW: null,
+  currentWinH: null,
+  resize: null,
+  resizeXY: null,
+  move: false,
+  moveXY: null,
+  cursorStartPosition: null
+};
+export 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 = 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
+  };
+}
+export 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
+  };
+}
+export function setEditingComment(ctx, flowdata, r, c) {
+  ctx.editingCommentBox = getCommentBoxByRC(ctx, flowdata, r, c);
+}
+export 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 = 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 = _.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);
+    });
+  }
+}
+export function newComment(ctx, globalCache, r, c) {
+  var _a, _b;
+  var allowEdit = 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 = 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);
+    });
+  }
+}
+export function editComment(ctx, globalCache, r, c) {
+  var _a;
+  var allowEdit = isAllowEdit(ctx);
+  if (!allowEdit) return;
+  var flowdata = 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 = _.concat(ctx.commentBoxes, ctx.editingCommentBox);
+  if (_.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
+    });
+  }
+}
+export function deleteComment(ctx, globalCache, r, c) {
+  var _a, _b;
+  var allowEdit = 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 = 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);
+    });
+  }
+}
+export function showComments(ctx, commentShowCells) {
+  var flowdata = 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;
+  }
+}
+export function showHideComment(ctx, globalCache, r, c) {
+  var _a;
+  var flowdata = 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 = _.filter(ctx.commentBoxes, function (v) {
+      return v.rc !== rc;
+    });
+  } else {
+    comment.isShow = true;
+  }
+}
+export function showHideAllComments(ctx) {
+  var _a, _b;
+  var flowdata = 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;
+        }
+      }
+    }
+  }
+}
+export function removeOverShowComment(ctx) {
+  ctx.hoveredCommentBox = undefined;
+}
+export function overShowComment(ctx, e, scrollX, scrollY, container) {
+  var _a, _b, _c;
+  var _d, _e, _f, _g, _h;
+  var flowdata = 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 = rowLocation(y, ctx.visibledatarow)[2];
+  var c = colLocation(x, ctx.visibledatacolumn)[2];
+  var margeset = 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 || _.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
+  };
+}
+export 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
+  };
+}
+export function onCommentBoxResizeStart(ctx, globalCache, e, _a, resizingId, resizingSide) {
+  var r = _a.r,
+    c = _a.c,
+    rc = _a.rc;
+  var position = getCommentBoxPosition(resizingId);
+  if (position) {
+    _.set(globalCache, "commentBox", {
+      cursorMoveStartPosition: {
+        x: e.pageX,
+        y: e.pageY
+      },
+      resizingId: resizingId,
+      resizingSide: resizingSide,
+      commentRC: {
+        r: r,
+        c: c,
+        rc: rc
+      },
+      boxInitialPosition: position
+    });
+  }
+}
+export 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;
+}
+export 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 = 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);
+    }
+  }
+}
+export 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;
+    _.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
+      }
+    });
+  }
+}
+export function onCommentBoxMove(ctx, globalCache, e) {
+  var allowEdit = 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;
+}
+export 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 = 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/{dist/packages/core/src → es}/modules/conditionalFormat.d.ts

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