@fileverse-dev/fortune-react 1.1.0 → 1.1.1

package/es/components/Workbook/api.js

@@ -0,0 +1,405 @@
+import { addSheet, api, deleteRowCol, deleteSheet, insertRowCol, opToPatch, createFilterOptions, getSheetIndex, locale, setCaretPosition, newComment } from "@fileverse-dev/fortune-core";
+import { applyPatches } from "immer";
+import _ from "lodash";
+import { getCryptoPrice } from "../../utils/cryptoApi";
+export 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 = opToPatch(ctx_, ops),
+          patches = _j[0],
+          specialOps = _j[1];
+        if (specialOps.length > 0) {
+          var specialOp = specialOps[0];
+          if (specialOp.op === "insertRowCol") {
+            try {
+              insertRowCol(ctx_, specialOp.value, false);
+            } catch (e) {
+              console.error(e);
+            }
+          } else if (specialOp.op === "deleteRowCol") {
+            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) {
+              addSheet(ctx_, settings, specialOp.value.id, false, name_1, specialOp.value);
+            }
+            var fileIndex = getSheetIndex(ctx_, specialOp.value.id);
+            api.initSheetData(ctx_, fileIndex, specialOp.value);
+          } else if (specialOp.op === "deleteSheet") {
+            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 (_.isUndefined(sheet.hide) || (sheet === null || sheet === void 0 ? void 0 : sheet.hide) !== 1) && sheet.id !== ops[0].id;
+            });
+            ctx_.currentSheetId = _.sortBy(shownSheets, function (sheet) {
+              return sheet.order;
+            })[0].id;
+          }
+        }
+        createFilterOptions(ctx_, ctx_.luckysheet_filter_save, (_h = ops[0]) === null || _h === void 0 ? void 0 : _h.id);
+        if (patches.length === 0) return;
+        try {
+          applyPatches(ctx_, patches);
+        } catch (e) {
+          console.error(e);
+        }
+      }, {
+        noHistory: true
+      });
+    },
+    getCryptoPrice: getCryptoPrice,
+    getCellValue: function getCellValue(row, column, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getCellValue(context, row, column, options);
+    },
+    onboardingActiveCell: function onboardingActiveCell(functionName) {
+      var _a;
+      var functionlist = 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 (!_.isEmpty(spans)) {
+            setCaretPosition(ctx, spans[spans.length - 1], 0, 1);
+          }
+          ctx.functionHint = functionName;
+          ctx.functionCandidates = [];
+          if (_.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) {
+        newComment(ctx, undefined, row, column);
+      });
+    },
+    setCellValue: function setCellValue(row, column, value, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setCellValue(draftCtx, row, column, value, cellInput, options);
+      });
+    },
+    clearCell: function clearCell(row, column, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.clearCell(draftCtx, row, column, options);
+      });
+    },
+    setCellFormat: function setCellFormat(row, column, attr, value, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setCellFormat(draftCtx, row, column, attr, value, options);
+      });
+    },
+    autoFillCell: function autoFillCell(copyRange, applyRange, direction) {
+      return setContext(function (draftCtx) {
+        return api.autoFillCell(draftCtx, copyRange, applyRange, direction);
+      });
+    },
+    freeze: function freeze(type, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return 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 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 api.deleteRowOrColumn(draftCtx, type, start, end, options);
+      });
+    },
+    hideRowOrColumn: function hideRowOrColumn(rowOrColInfo, type) {
+      return setContext(function (draftCtx) {
+        return api.hideRowOrColumn(draftCtx, rowOrColInfo, type);
+      });
+    },
+    showRowOrColumn: function showRowOrColumn(rowOrColInfo, type) {
+      return setContext(function (draftCtx) {
+        return 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 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 api.setColumnWidth(draftCtx, columnInfo, options, custom);
+      });
+    },
+    getRowHeight: function getRowHeight(rows, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getRowHeight(context, rows, options);
+    },
+    getColumnWidth: function getColumnWidth(columns, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getColumnWidth(context, columns, options);
+    },
+    getSelection: function getSelection() {
+      return api.getSelection(context);
+    },
+    getFlattenRange: function getFlattenRange(range) {
+      return api.getFlattenRange(context, range);
+    },
+    getCellsByFlattenRange: function getCellsByFlattenRange(range) {
+      return api.getCellsByFlattenRange(context, range);
+    },
+    getSelectionCoordinates: function getSelectionCoordinates() {
+      return api.getSelectionCoordinates(context);
+    },
+    getCellsByRange: function getCellsByRange(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getCellsByRange(context, range, options);
+    },
+    getHtmlByRange: function getHtmlByRange(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getHtmlByRange(context, range, options);
+    },
+    setSelection: function setSelection(range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setSelection(draftCtx, range, options);
+      });
+    },
+    setCellValuesByRange: function setCellValuesByRange(data, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setCellValuesByRange(draftCtx, data, range, cellInput, options);
+      });
+    },
+    setCellFormatByRange: function setCellFormatByRange(attr, value, range, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setCellFormatByRange(draftCtx, attr, value, range, options);
+      });
+    },
+    mergeCells: function mergeCells(ranges, type, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.mergeCells(draftCtx, ranges, type, options);
+      });
+    },
+    cancelMerge: function cancelMerge(ranges, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.cancelMerge(draftCtx, ranges, options);
+      });
+    },
+    getAllSheets: function getAllSheets() {
+      return api.getAllSheets(context);
+    },
+    getSheet: function getSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return api.getSheetWithLatestCelldata(context, options);
+    },
+    addSheet: function addSheet() {
+      return setContext(function (draftCtx) {
+        return api.addSheet(draftCtx, settings);
+      });
+    },
+    deleteSheet: function deleteSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.deleteSheet(draftCtx, options);
+      });
+    },
+    updateSheet: function updateSheet(data) {
+      return setContext(function (draftCtx) {
+        return api.updateSheet(draftCtx, data);
+      });
+    },
+    activateSheet: function activateSheet(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.activateSheet(draftCtx, options);
+      });
+    },
+    setSheetName: function setSheetName(name, options) {
+      if (options === void 0) {
+        options = {};
+      }
+      return setContext(function (draftCtx) {
+        return api.setSheetName(draftCtx, name, options);
+      });
+    },
+    setSheetOrder: function setSheetOrder(orderList) {
+      return setContext(function (draftCtx) {
+        return api.setSheetOrder(draftCtx, orderList);
+      });
+    },
+    scroll: function scroll(options) {
+      return api.scroll(context, scrollbarX, scrollbarY, options);
+    },
+    addPresences: function addPresences(newPresences) {
+      setContext(function (draftCtx) {
+        draftCtx.presences = _.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 = _.differenceBy(draftCtx.presences, arr, function (v) {
+            return v.userId == null ? v.username : v.userId;
+          });
+        }
+      });
+    },
+    handleUndo: handleUndo,
+    handleRedo: handleRedo,
+    calculateFormula: function calculateFormula() {
+      setContext(function (draftCtx) {
+        _.forEach(draftCtx.luckysheetfile, function (sheet_obj) {
+          api.calculateSheetFromula(draftCtx, sheet_obj.id);
+        });
+      });
+    },
+    calculateSubSheetFormula: function calculateSubSheetFormula(id) {
+      setContext(function (draftCtx) {
+        api.calculateSheetFromula(draftCtx, id);
+      });
+    },
+    dataToCelldata: function dataToCelldata(data) {
+      return api.dataToCelldata(data);
+    },
+    celldataToData: function celldataToData(celldata, rowCount, colCount) {
+      return 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 = 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 (!_.isEmpty(spans)) {
+            setCaretPosition(ctx, spans[spans.length - 1], 0, 1);
+          }
+          ctx.functionHint = filteredFunctionList[selectedFuncIndex].n.toUpperCase();
+          ctx.functionCandidates = [];
+          if (_.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 locale(context);
+    },
+    getWorkbookContext: function getWorkbookContext() {
+      return context;
+    },
+    getSettings: function getSettings() {
+      return settings;
+    }
+  };
+}

package/es/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;
+}