@fileverse-dev/fortune-core 1.1.5-live-query-2 → 1.1.5-live-query-3

package/es/animate.d.ts

@@ -0,0 +1,14 @@
+declare class CellFadeAnimator {
+    private durationMs;
+    private active;
+    private raf;
+    private onTick;
+    constructor(durationMs?: number);
+    markChanged(sheetId: string, r: number, c: number): void;
+    alpha(sheetId: string, r: number, c: number): number;
+    setOnTick(cb: (() => 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,52 @@
+var CellFadeAnimator = function () {
+  function CellFadeAnimator(durationMs) {
+    if (durationMs === void 0) {
+      durationMs = 350;
+    }
+    this.durationMs = durationMs;
+    this.active = new Map();
+    this.raf = 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.alpha = function (sheetId, r, c) {
+    var it = this.active.get("".concat(sheetId, ":").concat(r, ":").concat(c));
+    if (!it) return 1;
+    var t = Math.min(1, (performance.now() - it.start) / it.dur);
+    if (t >= 1) {
+      this.active.delete("".concat(sheetId, ":").concat(r, ":").concat(c));
+      return 1;
+    }
+    return Math.max(0.05, 1 - Math.pow(1 - t, 3));
+  };
+  CellFadeAnimator.prototype.setOnTick = function (cb) {
+    this.onTick = cb;
+    this.ensureTicking();
+  };
+  CellFadeAnimator.prototype.ensureTicking = function () {
+    var _this = this;
+    if (this.raf !== null) return;
+    if (this.active.size === 0 && !this.onTick) return;
+    var _loop = function loop() {
+      var _a;
+      _this.raf = null;
+      if (_this.active.size > 0) (_a = _this.onTick) === null || _a === void 0 ? void 0 : _a.call(_this);
+      if (_this.active.size > 0 || _this.onTick) {
+        _this.raf = requestAnimationFrame(_loop);
+      }
+    };
+    this.raf = requestAnimationFrame(_loop);
+  };
+  return CellFadeAnimator;
+}();
+export var cellFadeAnimator = new CellFadeAnimator(4000);
+export function markCellChanged(sheetId, r, c) {
+  cellFadeAnimator.markChanged(sheetId, r, c);
+}

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 a = cellFadeAnimator.alpha(sheetId, r, c);
+      if (a < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = a;
+        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 a = cellFadeAnimator.alpha(sheetId, r, c);
+      if (a < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = a;
+        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 a = cellFadeAnimator.alpha(sheetId, r, c);
+    if (a < 0.999) {
+      renderCtx.save();
+      renderCtx.globalAlpha = a;
+      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) {

package/es/index.d.ts

@@ -8,3 +8,4 @@ export * from "./locale";
 export * from "./modules";
 export * from "./utils";
 export * from "./types";
+export * from "./animate";

package/es/index.js

@@ -7,4 +7,5 @@ export * from "./events";
 export * from "./locale";
 export * from "./modules";
 export * from "./utils";
-export * from "./types";
+export * from "./types";
+export * from "./animate";

package/lib/animate.d.ts

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

package/lib/animate.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cellFadeAnimator = void 0;
+exports.markCellChanged = markCellChanged;
+var CellFadeAnimator = function () {
+  function CellFadeAnimator(durationMs) {
+    if (durationMs === void 0) {
+      durationMs = 350;
+    }
+    this.durationMs = durationMs;
+    this.active = new Map();
+    this.raf = 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.alpha = function (sheetId, r, c) {
+    var it = this.active.get("".concat(sheetId, ":").concat(r, ":").concat(c));
+    if (!it) return 1;
+    var t = Math.min(1, (performance.now() - it.start) / it.dur);
+    if (t >= 1) {
+      this.active.delete("".concat(sheetId, ":").concat(r, ":").concat(c));
+      return 1;
+    }
+    return Math.max(0.05, 1 - Math.pow(1 - t, 3));
+  };
+  CellFadeAnimator.prototype.setOnTick = function (cb) {
+    this.onTick = cb;
+    this.ensureTicking();
+  };
+  CellFadeAnimator.prototype.ensureTicking = function () {
+    var _this = this;
+    if (this.raf !== null) return;
+    if (this.active.size === 0 && !this.onTick) return;
+    var _loop = function loop() {
+      var _a;
+      _this.raf = null;
+      if (_this.active.size > 0) (_a = _this.onTick) === null || _a === void 0 ? void 0 : _a.call(_this);
+      if (_this.active.size > 0 || _this.onTick) {
+        _this.raf = requestAnimationFrame(_loop);
+      }
+    };
+    this.raf = requestAnimationFrame(_loop);
+  };
+  return CellFadeAnimator;
+}();
+var cellFadeAnimator = exports.cellFadeAnimator = new CellFadeAnimator(4000);
+function markCellChanged(sheetId, r, c) {
+  cellFadeAnimator.markChanged(sheetId, r, c);
+}

package/lib/canvas.js

@@ -12,6 +12,7 @@ var _inlineString = require("./modules/inline-string");
 var _utils = require("./utils");
 var _border = require("./modules/border");
 var _modules = require("./modules");
+var _animate = require("./animate");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var defaultStyle = exports.defaultStyle = {
   fillStyle: "#000000",
@@ -767,7 +768,16 @@ var Canvas = exports.Canvas = function () {
       var horizonAlignPos = startX + 4 + offsetLeft;
       var verticalAlignPos = endY + offsetTop - 2;
       renderCtx.textBaseline = "bottom";
-      renderCtx.fillText(_lodash.default.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
+      var sheetId = this.sheetCtx.currentSheetId;
+      var a = _animate.cellFadeAnimator.alpha(sheetId, r, c);
+      if (a < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = a;
+        renderCtx.fillText(_lodash.default.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
+        renderCtx.restore();
+      } else {
+        renderCtx.fillText(_lodash.default.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;
@@ -1072,10 +1082,22 @@ var Canvas = exports.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 a = _animate.cellFadeAnimator.alpha(sheetId, r, c);
+      if (a < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = a;
+        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) {
@@ -1157,10 +1179,22 @@ var Canvas = exports.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 a = _animate.cellFadeAnimator.alpha(sheetId, r, c);
+    if (a < 0.999) {
+      renderCtx.save();
+      renderCtx.globalAlpha = a;
+      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) {

package/lib/index.d.ts

@@ -8,3 +8,4 @@ export * from "./locale";
 export * from "./modules";
 export * from "./utils";
 export * from "./types";
+export * from "./animate";

package/lib/index.js

@@ -106,4 +106,16 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
+var _animate = require("./animate");
+Object.keys(_animate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _animate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _animate[key];
+    }
+  });
+});
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-core",
-  "version": "1.1.5-live-query-2",
+  "version": "1.1.5-live-query-3",
   "main": "lib/index.js",
   "module": "es/index.js",
   "typings": "lib/index.d.ts",