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

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/es/types.d.ts

@@ -144,6 +144,18 @@ export type ConditionRulesProps = {
     repeatValue: string;
     projectValue: string;
 };
+export type LiveQueryData = {
+    data: {
+        row: number;
+        column: number;
+        function: string;
+        value: any;
+        id: string;
+        name: string;
+        subSheetId: string;
+    };
+    cellData: Cell;
+};
 export type Sheet = {
     name: string;
     config?: SheetConfig;
@@ -205,6 +217,7 @@ export type Sheet = {
             column_focus: number;
         };
     };
+    liveQueryList?: Record<string, LiveQueryData>;
 };
 export type CommentBox = {
     r: number;

package/lib/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/lib/animate.js

@@ -0,0 +1,60 @@
+"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.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;
+}();
+var cellFadeAnimator = exports.cellFadeAnimator = new CellFadeAnimator(4000);
+function markCellChanged(sheetId, r, c) {
+  cellFadeAnimator.markChanged(sheetId, r, c);
+}

package/lib/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/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 opacity = _animate.cellFadeAnimator.getOpacity(sheetId, r, c);
+      if (opacity < 0.999) {
+        renderCtx.save();
+        renderCtx.globalAlpha = opacity;
+        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 opacity = _animate.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) {
@@ -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 opacity = _animate.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) {