@fileverse-dev/fortune-core 1.1.11 → 1.1.13

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) {

package/es/events/paste.js

@@ -879,10 +879,10 @@ function pasteHandlerOfCopyPaste(ctx, copyRange) {
             }
             var funcV = execfunction(ctx, func, h, c, undefined, undefined, true);
             var afterUpdateCell = ctx.hooks.afterUpdateCell;
-            if (afterUpdateCell && arr.length === 1) {
+            if (afterUpdateCell) {
               afterUpdateCell(h, c, null, __assign(__assign({}, value), {
-                v: funcV[1],
-                m: "[object Promise]"
+                v: arr.length === 1 ? funcV[1] : value.v,
+                m: funcV[1] instanceof Promise ? "[object Promise]" : funcV[1]
               }));
             }
             if (!_.isNil(value.spl)) {}

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) {

package/lib/events/paste.js

@@ -888,10 +888,10 @@ function pasteHandlerOfCopyPaste(ctx, copyRange) {
             }
             var funcV = (0, _formula.execfunction)(ctx, func, h, c, undefined, undefined, true);
             var afterUpdateCell = ctx.hooks.afterUpdateCell;
-            if (afterUpdateCell && arr.length === 1) {
+            if (afterUpdateCell) {
               afterUpdateCell(h, c, null, __assign(__assign({}, value), {
-                v: funcV[1],
-                m: "[object Promise]"
+                v: arr.length === 1 ? funcV[1] : value.v,
+                m: funcV[1] instanceof Promise ? "[object Promise]" : funcV[1]
               }));
             }
             if (!_lodash.default.isNil(value.spl)) {}

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

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-core",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "main": "lib/index.js",
   "module": "es/index.js",
   "typings": "lib/index.d.ts",