@fileverse-dev/fortune-react 1.1.0 → 1.1.2

package/lib/components/Workbook/api.js

@@ -0,0 +1,412 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateAPIs = generateAPIs;
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _immer = require("immer");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _cryptoApi = require("../../utils/cryptoApi");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache) {
+  return {
+    applyOp: function applyOp(ops) {
+      setContext(function (ctx_) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _j = (0, _fortuneCore.opToPatch)(ctx_, ops),
+          patches = _j[0],
+          specialOps = _j[1];
+        if (specialOps.length > 0) {
+          var specialOp = specialOps[0];
+          if (specialOp.op === "insertRowCol") {
+            try {
+              (0, _fortuneCore.insertRowCol)(ctx_, specialOp.value, false);
+            } catch (e) {
+              console.error(e);
+            }
+          } else if (specialOp.op === "deleteRowCol") {
+            (0, _fortuneCore.deleteRowCol)(ctx_, specialOp.value);
+          } else if (specialOp.op === "addSheet") {
+            var name_1 = (_b = (_a = patches.filter(function (path) {
+              return path.path[0] === "name";
+            })) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value;
+            if ((_c = specialOp.value) === null || _c === void 0 ? void 0 : _c.id) {
+              (0, _fortuneCore.addSheet)(ctx_, settings, specialOp.value.id, false, name_1, specialOp.value);
+            }
+            var fileIndex = (0, _fortuneCore.getSheetIndex)(ctx_, specialOp.value.id);
+            _fortuneCore.api.initSheetData(ctx_, fileIndex, specialOp.value);
+          } else if (specialOp.op === "deleteSheet") {
+            (0, _fortuneCore.deleteSheet)(ctx_, specialOp.value.id);
+            patches.length = 0;
+          }
+        }
+        if (((_e = (_d = ops[0]) === null || _d === void 0 ? void 0 : _d.path) === null || _e === void 0 ? void 0 : _e[0]) === "filter_select") ctx_.luckysheet_filter_save = ops[0].value;else if (((_g = (_f = ops[0]) === null || _f === void 0 ? void 0 : _f.path) === null || _g === void 0 ? void 0 : _g[0]) === "hide") {
+          if (ctx_.currentSheetId === ops[0].id) {
+            var shownSheets = ctx_.luckysheetfile.filter(function (sheet) {
+              return (_lodash.default.isUndefined(sheet.hide) || (sheet === null || sheet === void 0 ? void 0 : sheet.hide) !== 1) && sheet.id !== ops[0].id;
+            });
+            ctx_.currentSheetId = _lodash.default.sortBy(shownSheets, function (sheet) {
+              return sheet.order;
+            })[0].id;
+          }
+        }
+        (0, _fortuneCore.createFilterOptions)(ctx_, ctx_.luckysheet_filter_save, (_h = ops[0]) === null || _h === void 0 ? void 0 : _h.id);
+        if (patches.length === 0) return;
+        try {
+          (0, _immer.applyPatches)(ctx_, patches);
+        } catch (e) {
+          console.error(e);
+        }
+      }, {
+        noHistory: true
+      });
+    },
+    getCryptoPrice: _cryptoApi.getCryptoPrice,
+    getCellValue: function getCellValue(row, column, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getCellValue(context, row, column, options);
+    },
+    onboardingActiveCell: function onboardingActiveCell(functionName) {
+      var _a;
+      var functionlist = (0, _fortuneCore.locale)(context).functionlist;
+      var last = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[context.luckysheet_select_save.length - 1];
+      var row_index = last === null || last === void 0 ? void 0 : last.row_focus;
+      var col_index = last === null || last === void 0 ? void 0 : last.column_focus;
+      if (!last) {
+        row_index = 0;
+        col_index = 0;
+      } else {
+        if (row_index == null) {
+          row_index = last.row[0];
+        }
+        if (col_index == null) {
+          col_index = last.column[0];
+        }
+      }
+      var formulaTxt = "<span>=</span><span>".concat(functionName, "</span><span>(</span>");
+      setContext(function (ctx) {
+        if (cellInput != null) {
+          ctx.luckysheetCellUpdate = [row_index, col_index];
+          cellInput.innerHTML = formulaTxt;
+          var spans = cellInput.childNodes;
+          if (!_lodash.default.isEmpty(spans)) {
+            (0, _fortuneCore.setCaretPosition)(ctx, spans[spans.length - 1], 0, 1);
+          }
+          ctx.functionHint = functionName;
+          ctx.functionCandidates = [];
+          if (_lodash.default.isEmpty(ctx.formulaCache.functionlistMap)) {
+            for (var i = 0; i < functionlist.length; i += 1) {
+              ctx.formulaCache.functionlistMap[functionlist[i].n] = functionlist[i];
+            }
+          }
+        }
+      });
+    },
+    initializeComment: function initializeComment(row, column) {
+      setContext(function (ctx) {
+        (0, _fortuneCore.newComment)(ctx, undefined, row, column);
+      });
+    },
+    setCellValue: function setCellValue(row, column, value, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setCellValue(draftCtx, row, column, value, cellInput, options);
+      });
+    },
+    clearCell: function clearCell(row, column, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.clearCell(draftCtx, row, column, options);
+      });
+    },
+    setCellFormat: function setCellFormat(row, column, attr, value, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setCellFormat(draftCtx, row, column, attr, value, options);
+      });
+    },
+    autoFillCell: function autoFillCell(copyRange, applyRange, direction) {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.autoFillCell(draftCtx, copyRange, applyRange, direction);
+      });
+    },
+    freeze: function freeze(type, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.freeze(draftCtx, type, range, options);
+      });
+    },
+    insertRowOrColumn: function insertRowOrColumn(type, index, count, direction, options) {
+      if (direction === void 0) {
+        direction = "rightbottom";
+      }
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.insertRowOrColumn(draftCtx, type, index, count, direction, options);
+      });
+    },
+    deleteRowOrColumn: function deleteRowOrColumn(type, start, end, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.deleteRowOrColumn(draftCtx, type, start, end, options);
+      });
+    },
+    hideRowOrColumn: function hideRowOrColumn(rowOrColInfo, type) {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.hideRowOrColumn(draftCtx, rowOrColInfo, type);
+      });
+    },
+    showRowOrColumn: function showRowOrColumn(rowOrColInfo, type) {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.showRowOrColumn(draftCtx, rowOrColInfo, type);
+      });
+    },
+    setRowHeight: function setRowHeight(rowInfo, options, custom) {
+      if (options === void 0) {
+        options = {};
+      }
+      if (custom === void 0) {
+        custom = false;
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setRowHeight(draftCtx, rowInfo, options, custom);
+      });
+    },
+    setColumnWidth: function setColumnWidth(columnInfo, options, custom) {
+      if (options === void 0) {
+        options = {};
+      }
+      if (custom === void 0) {
+        custom = false;
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setColumnWidth(draftCtx, columnInfo, options, custom);
+      });
+    },
+    getRowHeight: function getRowHeight(rows, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getRowHeight(context, rows, options);
+    },
+    getColumnWidth: function getColumnWidth(columns, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getColumnWidth(context, columns, options);
+    },
+    getSelection: function getSelection() {
+      return _fortuneCore.api.getSelection(context);
+    },
+    getFlattenRange: function getFlattenRange(range) {
+      return _fortuneCore.api.getFlattenRange(context, range);
+    },
+    getCellsByFlattenRange: function getCellsByFlattenRange(range) {
+      return _fortuneCore.api.getCellsByFlattenRange(context, range);
+    },
+    getSelectionCoordinates: function getSelectionCoordinates() {
+      return _fortuneCore.api.getSelectionCoordinates(context);
+    },
+    getCellsByRange: function getCellsByRange(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getCellsByRange(context, range, options);
+    },
+    getHtmlByRange: function getHtmlByRange(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getHtmlByRange(context, range, options);
+    },
+    setSelection: function setSelection(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setSelection(draftCtx, range, options);
+      });
+    },
+    setCellValuesByRange: function setCellValuesByRange(data, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setCellValuesByRange(draftCtx, data, range, cellInput, options);
+      });
+    },
+    setCellFormatByRange: function setCellFormatByRange(attr, value, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setCellFormatByRange(draftCtx, attr, value, range, options);
+      });
+    },
+    mergeCells: function mergeCells(ranges, type, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.mergeCells(draftCtx, ranges, type, options);
+      });
+    },
+    cancelMerge: function cancelMerge(ranges, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.cancelMerge(draftCtx, ranges, options);
+      });
+    },
+    getAllSheets: function getAllSheets() {
+      return _fortuneCore.api.getAllSheets(context);
+    },
+    getSheet: function getSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return _fortuneCore.api.getSheetWithLatestCelldata(context, options);
+    },
+    addSheet: function addSheet() {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.addSheet(draftCtx, settings);
+      });
+    },
+    deleteSheet: function deleteSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.deleteSheet(draftCtx, options);
+      });
+    },
+    updateSheet: function updateSheet(data) {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.updateSheet(draftCtx, data);
+      });
+    },
+    activateSheet: function activateSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.activateSheet(draftCtx, options);
+      });
+    },
+    setSheetName: function setSheetName(name, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setSheetName(draftCtx, name, options);
+      });
+    },
+    setSheetOrder: function setSheetOrder(orderList) {
+      return setContext(function (draftCtx) {
+        return _fortuneCore.api.setSheetOrder(draftCtx, orderList);
+      });
+    },
+    scroll: function scroll(options) {
+      return _fortuneCore.api.scroll(context, scrollbarX, scrollbarY, options);
+    },
+    addPresences: function addPresences(newPresences) {
+      setContext(function (draftCtx) {
+        draftCtx.presences = _lodash.default.differenceBy(draftCtx.presences || [], newPresences, function (v) {
+          return v.userId == null ? v.username : v.userId;
+        }).concat(newPresences);
+      });
+    },
+    removePresences: function removePresences(arr) {
+      setContext(function (draftCtx) {
+        if (draftCtx.presences != null) {
+          draftCtx.presences = _lodash.default.differenceBy(draftCtx.presences, arr, function (v) {
+            return v.userId == null ? v.username : v.userId;
+          });
+        }
+      });
+    },
+    handleUndo: handleUndo,
+    handleRedo: handleRedo,
+    calculateFormula: function calculateFormula() {
+      setContext(function (draftCtx) {
+        _lodash.default.forEach(draftCtx.luckysheetfile, function (sheet_obj) {
+          _fortuneCore.api.calculateSheetFromula(draftCtx, sheet_obj.id);
+        });
+      });
+    },
+    calculateSubSheetFormula: function calculateSubSheetFormula(id) {
+      setContext(function (draftCtx) {
+        _fortuneCore.api.calculateSheetFromula(draftCtx, id);
+      });
+    },
+    dataToCelldata: function dataToCelldata(data) {
+      return _fortuneCore.api.dataToCelldata(data);
+    },
+    celldataToData: function celldataToData(celldata, rowCount, colCount) {
+      return _fortuneCore.api.celldataToData(celldata, rowCount, colCount);
+    },
+    insertFunction: function insertFunction(selectedFuncIndex, filteredFunctionList, callback) {
+      var _a;
+      var last = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[context.luckysheet_select_save.length - 1];
+      var row_index = last === null || last === void 0 ? void 0 : last.row_focus;
+      var col_index = last === null || last === void 0 ? void 0 : last.column_focus;
+      if (!last) {
+        row_index = 0;
+        col_index = 0;
+      } else {
+        if (row_index == null) {
+          row_index = last.row[0];
+        }
+        if (col_index == null) {
+          col_index = last.column[0];
+        }
+      }
+      var formulaTxt = "<span dir=\"auto\" class=\"luckysheet-formula-text-color\">=</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">".concat(filteredFunctionList[selectedFuncIndex].n.toUpperCase(), "</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">(</span>");
+      var functionlist = (0, _fortuneCore.locale)(context).functionlist;
+      setContext(function (ctx) {
+        if (cellInput != null && globalCache != null) {
+          ctx.luckysheetCellUpdate = [row_index, col_index];
+          globalCache.doNotUpdateCell = true;
+          cellInput.innerHTML = formulaTxt;
+          var spans = cellInput.childNodes;
+          if (!_lodash.default.isEmpty(spans)) {
+            (0, _fortuneCore.setCaretPosition)(ctx, spans[spans.length - 1], 0, 1);
+          }
+          ctx.functionHint = filteredFunctionList[selectedFuncIndex].n.toUpperCase();
+          ctx.functionCandidates = [];
+          if (_lodash.default.isEmpty(ctx.formulaCache.functionlistMap)) {
+            for (var i = 0; i < functionlist.length; i += 1) {
+              ctx.formulaCache.functionlistMap[functionlist[i].n] = functionlist[i];
+            }
+          }
+          callback === null || callback === void 0 ? void 0 : callback();
+        }
+      });
+    },
+    getLocaleContext: function getLocaleContext() {
+      return (0, _fortuneCore.locale)(context);
+    },
+    getWorkbookContext: function getWorkbookContext() {
+      return context;
+    },
+    getSettings: function getSettings() {
+      return settings;
+    }
+  };
+}

package/lib/components/Workbook/index.css

@@ -0,0 +1,48 @@
+.fortune-container {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  flex-direction: column;
+  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC",
+    "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
+    sans-serif;
+  background-color: white;
+  position: relative;
+}
+
+.fortune-workarea {
+  width: 100%;
+}
+
+.fortune-popover-backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1003;
+  /* should below .fortune-context-menu */
+  height: 100%;
+  width: 100%;
+}
+
+.fortune-modal-container {
+  background: rgba(255, 255, 255, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+html::-webkit-scrollbar-button {
+  display: none;
+}
+
+.fortune-stat-area {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.cursor-paint {
+  cursor: url("../../assets/paint-roller.png") 16 16, auto;
+}