@fileverse-dev/fortune-react 1.3.10-yjs-5 → 1.3.10-yjs-6

package/es/components/Workbook/index.js

@@ -142,6 +142,101 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onOp(patchToOp(ctx, patches, options, undo));
     }
   }, [onOp]);
+  var emitYjsFromPatches = useCallback(function (ctxBefore, ctxAfter, patches) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _y = (_a = ctxBefore.hooks) !== null && _a !== void 0 ? _a : {},
+      updateCellYdoc = _y.updateCellYdoc,
+      updateAllCell = _y.updateAllCell;
+    if (!updateCellYdoc) return;
+    var mapFields = new Set(["celldata", "calcChain", "dataBlockCalcFunction", "liveQueryList", "dataVerification", "hyperlink", "conditionRules"]);
+    var changeMap = new Map();
+    var upsert = function upsert(change) {
+      var _a, _b, _c;
+      var k = "".concat(change.sheetId, ":").concat((_b = (_a = change.path) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "", ":").concat((_c = change.key) !== null && _c !== void 0 ? _c : "");
+      changeMap.set(k, change);
+    };
+    var upsertCell = function upsertCell(sheetId, r, c) {
+      var _a, _b, _c;
+      var cell = (_c = (_b = (_a = getFlowdata(ctxAfter, sheetId)) === null || _a === void 0 ? void 0 : _a[r]) === null || _b === void 0 ? void 0 : _b[c]) !== null && _c !== void 0 ? _c : null;
+      var key = "".concat(r, "_").concat(c);
+      upsert({
+        sheetId: sheetId,
+        path: ["celldata"],
+        key: key,
+        value: {
+          r: r,
+          c: c,
+          v: cell
+        },
+        type: cell == null ? "delete" : "update"
+      });
+    };
+    for (var _i = 0, patches_1 = patches; _i < patches_1.length; _i++) {
+      var p = patches_1[_i];
+      var path = p.path;
+      if ((path === null || path === void 0 ? void 0 : path[0]) !== "luckysheetfile") continue;
+      var sheetIndex = path[1];
+      if (!_.isNumber(sheetIndex)) continue;
+      var sheetBefore = (_b = ctxBefore.luckysheetfile) === null || _b === void 0 ? void 0 : _b[sheetIndex];
+      var sheetAfter = (_c = ctxAfter.luckysheetfile) === null || _c === void 0 ? void 0 : _c[sheetIndex];
+      var sheetId = (sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.id) || (sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.id);
+      if (!sheetId) continue;
+      var root = path[2];
+      if (root === "data") {
+        if (_.isNumber(path[3]) && _.isNumber(path[4])) {
+          upsertCell(sheetId, path[3], path[4]);
+          continue;
+        }
+        if (_.isNumber(path[3]) && path.length === 4) {
+          var r = path[3];
+          var beforeRow = (_e = (_d = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _d === void 0 ? void 0 : _d[r]) !== null && _e !== void 0 ? _e : [];
+          var afterRow = (_g = (_f = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _f === void 0 ? void 0 : _f[r]) !== null && _g !== void 0 ? _g : [];
+          var max = Math.max((_h = beforeRow.length) !== null && _h !== void 0 ? _h : 0, (_j = afterRow.length) !== null && _j !== void 0 ? _j : 0);
+          for (var c = 0; c < max; c += 1) {
+            if (!_.isEqual((_k = beforeRow[c]) !== null && _k !== void 0 ? _k : null, (_l = afterRow[c]) !== null && _l !== void 0 ? _l : null)) {
+              upsertCell(sheetId, r, c);
+            }
+          }
+          continue;
+        }
+        if (path.length === 3) {
+          var dataAfter = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data;
+          var rows = (_m = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter.length) !== null && _m !== void 0 ? _m : 0;
+          var cols = rows > 0 ? (_p = (_o = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter[0]) === null || _o === void 0 ? void 0 : _o.length) !== null && _p !== void 0 ? _p : 0 : 0;
+          var size = rows * cols;
+          if (size > 50000 && updateAllCell) {
+            updateAllCell(sheetId);
+            continue;
+          }
+          for (var r = 0; r < rows; r += 1) {
+            var beforeRow = (_r = (_q = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _q === void 0 ? void 0 : _q[r]) !== null && _r !== void 0 ? _r : [];
+            var afterRow = (_t = (_s = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _s === void 0 ? void 0 : _s[r]) !== null && _t !== void 0 ? _t : [];
+            var max = Math.max((_u = beforeRow.length) !== null && _u !== void 0 ? _u : 0, (_v = afterRow.length) !== null && _v !== void 0 ? _v : 0);
+            for (var c = 0; c < max; c += 1) {
+              if (!_.isEqual((_w = beforeRow[c]) !== null && _w !== void 0 ? _w : null, (_x = afterRow[c]) !== null && _x !== void 0 ? _x : null)) {
+                upsertCell(sheetId, r, c);
+              }
+            }
+          }
+        }
+        continue;
+      }
+      if (typeof root === "string" && mapFields.has(root)) {
+        var key = path[3];
+        if (typeof key === "string") {
+          upsert({
+            sheetId: sheetId,
+            path: [root],
+            key: key,
+            value: p.value,
+            type: p.op === "remove" || p.value == null ? "delete" : "update"
+          });
+        }
+      }
+    }
+    var changes = Array.from(changeMap.values());
+    if (changes.length > 0) updateCellYdoc(changes);
+  }, []);
   function reduceUndoList(ctx, ctxBefore) {
     var sheetsId = ctx.luckysheetfile.map(function (sheet) {
       return sheet.id;
@@ -299,6 +394,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           delete inversedOptions.addSheet.value.data;
         }
         emitOp(newContext, history.inversePatches, inversedOptions, true);
+        emitYjsFromPatches(ctx_, newContext, history.inversePatches);
         var sheetIdxAfterUndo = getSheetIndex(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterUndo != null && ((_f = newContext.luckysheetfile[sheetIdxAfterUndo]) === null || _f === void 0 ? void 0 : _f.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterUndo].config
@@ -327,6 +423,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         });
         globalCache.current.undoList.push(history);
         emitOp(newContext, history.patches, history.options);
+        emitYjsFromPatches(ctx_, newContext, history.patches);
         var sheetIdxAfterRedo = getSheetIndex(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterRedo != null && ((_a = newContext.luckysheetfile[sheetIdxAfterRedo]) === null || _a === void 0 ? void 0 : _a.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterRedo].config
@@ -438,6 +535,18 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       context.hooks.afterOrderChanges();
     }
   }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.order]);
+  useEffect(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterColorChanges) {
+      context.hooks.afterColorChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.color]);
+  useEffect(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterHideChanges) {
+      context.hooks.afterHideChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.hide]);
   useEffect(function () {
     var _a;
     if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterConfigChanges) {

package/lib/components/Workbook/index.js

@@ -25,7 +25,7 @@ var _FilterMenu = _interopRequireDefault(require("../ContextMenu/FilterMenu"));
 var _SheetList = _interopRequireDefault(require("../SheetList"));
 var _DunePreview = _interopRequireDefault(require("../DunePreview/DunePreview"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
+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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -151,6 +151,101 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       onOp((0, _fortuneCore.patchToOp)(ctx, patches, options, undo));
     }
   }, [onOp]);
+  var emitYjsFromPatches = (0, _react.useCallback)(function (ctxBefore, ctxAfter, patches) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _y = (_a = ctxBefore.hooks) !== null && _a !== void 0 ? _a : {},
+      updateCellYdoc = _y.updateCellYdoc,
+      updateAllCell = _y.updateAllCell;
+    if (!updateCellYdoc) return;
+    var mapFields = new Set(["celldata", "calcChain", "dataBlockCalcFunction", "liveQueryList", "dataVerification", "hyperlink", "conditionRules"]);
+    var changeMap = new Map();
+    var upsert = function upsert(change) {
+      var _a, _b, _c;
+      var k = "".concat(change.sheetId, ":").concat((_b = (_a = change.path) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "", ":").concat((_c = change.key) !== null && _c !== void 0 ? _c : "");
+      changeMap.set(k, change);
+    };
+    var upsertCell = function upsertCell(sheetId, r, c) {
+      var _a, _b, _c;
+      var cell = (_c = (_b = (_a = (0, _fortuneCore.getFlowdata)(ctxAfter, sheetId)) === null || _a === void 0 ? void 0 : _a[r]) === null || _b === void 0 ? void 0 : _b[c]) !== null && _c !== void 0 ? _c : null;
+      var key = "".concat(r, "_").concat(c);
+      upsert({
+        sheetId: sheetId,
+        path: ["celldata"],
+        key: key,
+        value: {
+          r: r,
+          c: c,
+          v: cell
+        },
+        type: cell == null ? "delete" : "update"
+      });
+    };
+    for (var _i = 0, patches_1 = patches; _i < patches_1.length; _i++) {
+      var p = patches_1[_i];
+      var path = p.path;
+      if ((path === null || path === void 0 ? void 0 : path[0]) !== "luckysheetfile") continue;
+      var sheetIndex = path[1];
+      if (!_lodash.default.isNumber(sheetIndex)) continue;
+      var sheetBefore = (_b = ctxBefore.luckysheetfile) === null || _b === void 0 ? void 0 : _b[sheetIndex];
+      var sheetAfter = (_c = ctxAfter.luckysheetfile) === null || _c === void 0 ? void 0 : _c[sheetIndex];
+      var sheetId = (sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.id) || (sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.id);
+      if (!sheetId) continue;
+      var root = path[2];
+      if (root === "data") {
+        if (_lodash.default.isNumber(path[3]) && _lodash.default.isNumber(path[4])) {
+          upsertCell(sheetId, path[3], path[4]);
+          continue;
+        }
+        if (_lodash.default.isNumber(path[3]) && path.length === 4) {
+          var r = path[3];
+          var beforeRow = (_e = (_d = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _d === void 0 ? void 0 : _d[r]) !== null && _e !== void 0 ? _e : [];
+          var afterRow = (_g = (_f = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _f === void 0 ? void 0 : _f[r]) !== null && _g !== void 0 ? _g : [];
+          var max = Math.max((_h = beforeRow.length) !== null && _h !== void 0 ? _h : 0, (_j = afterRow.length) !== null && _j !== void 0 ? _j : 0);
+          for (var c = 0; c < max; c += 1) {
+            if (!_lodash.default.isEqual((_k = beforeRow[c]) !== null && _k !== void 0 ? _k : null, (_l = afterRow[c]) !== null && _l !== void 0 ? _l : null)) {
+              upsertCell(sheetId, r, c);
+            }
+          }
+          continue;
+        }
+        if (path.length === 3) {
+          var dataAfter = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data;
+          var rows = (_m = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter.length) !== null && _m !== void 0 ? _m : 0;
+          var cols = rows > 0 ? (_p = (_o = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter[0]) === null || _o === void 0 ? void 0 : _o.length) !== null && _p !== void 0 ? _p : 0 : 0;
+          var size = rows * cols;
+          if (size > 50000 && updateAllCell) {
+            updateAllCell(sheetId);
+            continue;
+          }
+          for (var r = 0; r < rows; r += 1) {
+            var beforeRow = (_r = (_q = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _q === void 0 ? void 0 : _q[r]) !== null && _r !== void 0 ? _r : [];
+            var afterRow = (_t = (_s = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _s === void 0 ? void 0 : _s[r]) !== null && _t !== void 0 ? _t : [];
+            var max = Math.max((_u = beforeRow.length) !== null && _u !== void 0 ? _u : 0, (_v = afterRow.length) !== null && _v !== void 0 ? _v : 0);
+            for (var c = 0; c < max; c += 1) {
+              if (!_lodash.default.isEqual((_w = beforeRow[c]) !== null && _w !== void 0 ? _w : null, (_x = afterRow[c]) !== null && _x !== void 0 ? _x : null)) {
+                upsertCell(sheetId, r, c);
+              }
+            }
+          }
+        }
+        continue;
+      }
+      if (typeof root === "string" && mapFields.has(root)) {
+        var key = path[3];
+        if (typeof key === "string") {
+          upsert({
+            sheetId: sheetId,
+            path: [root],
+            key: key,
+            value: p.value,
+            type: p.op === "remove" || p.value == null ? "delete" : "update"
+          });
+        }
+      }
+    }
+    var changes = Array.from(changeMap.values());
+    if (changes.length > 0) updateCellYdoc(changes);
+  }, []);
   function reduceUndoList(ctx, ctxBefore) {
     var sheetsId = ctx.luckysheetfile.map(function (sheet) {
       return sheet.id;
@@ -308,6 +403,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
           delete inversedOptions.addSheet.value.data;
         }
         emitOp(newContext, history.inversePatches, inversedOptions, true);
+        emitYjsFromPatches(ctx_, newContext, history.inversePatches);
         var sheetIdxAfterUndo = (0, _fortuneCore.getSheetIndex)(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterUndo != null && ((_f = newContext.luckysheetfile[sheetIdxAfterUndo]) === null || _f === void 0 ? void 0 : _f.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterUndo].config
@@ -336,6 +432,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
         });
         globalCache.current.undoList.push(history);
         emitOp(newContext, history.patches, history.options);
+        emitYjsFromPatches(ctx_, newContext, history.patches);
         var sheetIdxAfterRedo = (0, _fortuneCore.getSheetIndex)(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterRedo != null && ((_a = newContext.luckysheetfile[sheetIdxAfterRedo]) === null || _a === void 0 ? void 0 : _a.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterRedo].config
@@ -447,6 +544,18 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       context.hooks.afterOrderChanges();
     }
   }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.order]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterColorChanges) {
+      context.hooks.afterColorChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.color]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterHideChanges) {
+      context.hooks.afterHideChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.hide]);
   (0, _react.useEffect)(function () {
     var _a;
     if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterConfigChanges) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.3.10-yjs-5",
+  "version": "1.3.10-yjs-6",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.3.10-yjs-5",
+    "@fileverse-dev/fortune-core": "1.3.10-yjs-6",
     "@fileverse/ui": "5.0.0",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",