@fileverse-dev/fortune-core 1.1.10 → 1.1.11-patch-2

package/es/animate.d.ts

@@ -0,0 +1,14 @@
+declare class CellFadeAnimator {
+    private durationMs;
+    private active;
+    private animationFrameId;
+    private onTick;
+    constructor(durationMs?: number);
+    markChanged(sheetId: string, r: number, c: number): void;
+    getOpacity(sheetId: string, r: number, c: number): number;
+    setOnTick(repaintFn: (() => void) | null): void;
+    private ensureTicking;
+}
+export declare const cellFadeAnimator: CellFadeAnimator;
+export declare function markCellChanged(sheetId: string, r: number, c: number): void;
+export {};

package/es/animate.js

@@ -0,0 +1,53 @@
+var CellFadeAnimator = function () {
+  function CellFadeAnimator(durationMs) {
+    if (durationMs === void 0) {
+      durationMs = 350;
+    }
+    this.durationMs = durationMs;
+    this.active = new Map();
+    this.animationFrameId = null;
+    this.onTick = null;
+    this.durationMs = durationMs;
+  }
+  CellFadeAnimator.prototype.markChanged = function (sheetId, r, c) {
+    this.active.set("".concat(sheetId, ":").concat(r, ":").concat(c), {
+      start: performance.now(),
+      dur: this.durationMs
+    });
+    this.ensureTicking();
+  };
+  CellFadeAnimator.prototype.getOpacity = function (sheetId, r, c) {
+    var activeCellAnimationData = this.active.get("".concat(sheetId, ":").concat(r, ":").concat(c));
+    if (!activeCellAnimationData) return 1;
+    var animationProgress = Math.min(1, (performance.now() - activeCellAnimationData.start) / activeCellAnimationData.dur);
+    if (animationProgress >= 1) {
+      this.active.delete("".concat(sheetId, ":").concat(r, ":").concat(c));
+      return 1;
+    }
+    return Math.max(0.05, 1 - Math.pow(1 - animationProgress, 3));
+  };
+  CellFadeAnimator.prototype.setOnTick = function (repaintFn) {
+    this.onTick = repaintFn;
+    this.ensureTicking();
+  };
+  CellFadeAnimator.prototype.ensureTicking = function () {
+    var _this = this;
+    if (this.animationFrameId !== null) return;
+    if (this.active.size === 0) return;
+    var _loop = function loop() {
+      var _a;
+      _this.animationFrameId = null;
+      if (_this.active.size === 0) {
+        return;
+      }
+      (_a = _this.onTick) === null || _a === void 0 ? void 0 : _a.call(_this);
+      _this.animationFrameId = requestAnimationFrame(_loop);
+    };
+    this.animationFrameId = requestAnimationFrame(_loop);
+  };
+  return CellFadeAnimator;
+}();
+export var cellFadeAnimator = new CellFadeAnimator(4000);
+export function markCellChanged(sheetId, r, c) {
+  cellFadeAnimator.markChanged(sheetId, r, c);
+}

package/es/api/common.d.ts

@@ -68,4 +68,5 @@ export declare function getSheetWithLatestCelldata(ctx: Context, options?: Commo
             column_focus: number;
         } | undefined;
     } | undefined;
+    liveQueryList?: Record<string, import("../types").LiveQueryData> | undefined;
 };

package/es/canvas.js

@@ -6,6 +6,7 @@ import { isInlineStringCell } from "./modules/inline-string";
 import { getSheetIndex, indexToColumnChar } from "./utils";
 import { getBorderInfoComputeRange } from "./modules/border";
 import { checkCF, getComputeMap, validateCellData } from "./modules";
+import { cellFadeAnimator } from "./animate";
 export var defaultStyle = {
   fillStyle: "#000000",
   textBaseline: "middle",
@@ -760,7 +761,16 @@ var Canvas = function () {
       var horizonAlignPos = startX + 4 + offsetLeft;
       var verticalAlignPos = endY + offsetTop - 2;
       renderCtx.textBaseline = "bottom";
-      renderCtx.fillText(_.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
+      var sheetId = this.sheetCtx.currentSheetId;
+      var opacity = cellFadeAnimator.getOpacity(sheetId, r, c);
+      if (opacity < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = opacity;
+        renderCtx.fillText(_.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
+        renderCtx.restore();
+      } else {
+        renderCtx.fillText(_.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
+      }
     }
     if ((_d = (_c = flowdata === null || flowdata === void 0 ? void 0 : flowdata[r]) === null || _c === void 0 ? void 0 : _c[c]) === null || _d === void 0 ? void 0 : _d.ps) {
       var ps_w = 12 * this.sheetCtx.zoomRatio;
@@ -1065,10 +1075,22 @@ var Canvas = function () {
       if (((_j = (_h = (_g = cell === null || cell === void 0 ? void 0 : cell.ct) === null || _g === void 0 ? void 0 : _g.fa) === null || _h === void 0 ? void 0 : _h.indexOf("[Red]")) !== null && _j !== void 0 ? _j : -1) > -1 && ((_k = cell === null || cell === void 0 ? void 0 : cell.ct) === null || _k === void 0 ? void 0 : _k.t) === "n" && (cell === null || cell === void 0 ? void 0 : cell.v) < 0) {
         renderCtx.fillStyle = "#ff0000";
       }
-      this.cellTextRender(textInfo, renderCtx, {
-        pos_x: pos_x,
-        pos_y: pos_y
-      });
+      var sheetId = this.sheetCtx.currentSheetId;
+      var opacity = cellFadeAnimator.getOpacity(sheetId, r, c);
+      if (opacity < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = opacity;
+        this.cellTextRender(textInfo, renderCtx, {
+          pos_x: pos_x,
+          pos_y: pos_y
+        });
+        renderCtx.restore();
+      } else {
+        this.cellTextRender(textInfo, renderCtx, {
+          pos_x: pos_x,
+          pos_y: pos_y
+        });
+      }
       renderCtx.restore();
     }
     if (cellOverflow_bd_r_render) {
@@ -1150,10 +1172,22 @@ var Canvas = function () {
     if (checksCF === null || checksCF === void 0 ? void 0 : checksCF.textColor) {
       renderCtx.fillStyle = checksCF.textColor;
     }
-    this.cellTextRender(textInfo, renderCtx, {
-      pos_x: pos_x,
-      pos_y: pos_y
-    });
+    var sheetId = this.sheetCtx.currentSheetId;
+    var opacity = cellFadeAnimator.getOpacity(sheetId, r, c);
+    if (opacity < 0.999) {
+      renderCtx.save();
+      renderCtx.globalAlpha = opacity;
+      this.cellTextRender(textInfo, renderCtx, {
+        pos_x: pos_x,
+        pos_y: pos_y
+      });
+      renderCtx.restore();
+    } else {
+      this.cellTextRender(textInfo, renderCtx, {
+        pos_x: pos_x,
+        pos_y: pos_y
+      });
+    }
     renderCtx.restore();
   };
   Canvas.prototype.cellOverflow_trace = function (r, curC, traceC, traceDir, horizonAlign, textMetrics) {