@leankylin-sheet/react 5.0.0 → 5.1.1

package/dist/index.esm.js

@@ -1147,7 +1147,7 @@ function usePrevious(value) {
 }
 
 var InputBox = function InputBox() {
-  var _context$luckysheet_s, _context$rangeDialog, _settings$renderEdito;
+  var _context$luckysheet_s, _context$rangeDialog, _refs$globalCache$fre, _refs$globalCache$fre2, _settings$renderEdito;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -1272,12 +1272,12 @@ var InputBox = function InputBox() {
   var edit = !((colReadOnly[col_index] || rowReadOnly[row_index]) && context.allowEdit === true);
   return /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-input-box",
-    style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? {
+    style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? _objectSpread2(_objectSpread2({
       left: firstSelection.left,
       top: firstSelection.top,
       zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
       display: "block"
-    } : {
+    }, fixRowStyleOverflowInFreeze(context, firstSelection.row[0], firstSelection.row[1], (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId])), fixColumnStyleOverflowInFreeze(context, firstSelection.column[0], firstSelection.column[1], (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId])) : {
       left: -10000,
       top: -10000,
       display: "block"
@@ -1569,6 +1569,9 @@ var SearchReplace = function SearchReplace() {
   }, []);
   var body = document.body;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    onPaste: function onPaste(e) {
+      return e.stopPropagation();
+    },
     id: "leankylin-search-replace",
     className: "leankylin-search-replace leankylin-dialog",
     style: getInitialPosition(body),
@@ -6871,8 +6874,8 @@ var CalcInfo = function CalcInfo() {
   var _locale = locale(context),
     pivotTable = _locale.pivotTable;
   var data = useMemo(function () {
-    var _context$luckysheet_s;
-    var firstSelection = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[0];
+    var selectionList = context.luckysheet_select_save;
+    var firstSelection = selectionList === null || selectionList === void 0 ? void 0 : selectionList[0];
     if (!firstSelection) {
       return null;
     }
@@ -6881,14 +6884,18 @@ var CalcInfo = function CalcInfo() {
     if ((columns === null || columns === void 0 ? void 0 : columns.length) !== 2 || (rows === null || rows === void 0 ? void 0 : rows.length) !== 2) {
       return null;
     }
-    var selectData = getDataBySelectionNoCopy(context, firstSelection);
+    var selectData = [];
+    for (var index = 0; index < selectionList.length; index++) {
+      var element = selectionList[index];
+      selectData.push.apply(selectData, _toConsumableArray(getDataBySelectionNoCopy(context, element)));
+    }
     var flatData = selectData.flat();
     var count = 0;
     var sum = 0;
     var max = null;
     var min = null;
-    for (var index = 0; index < flatData.length; index += 1) {
-      var cell = flatData[index];
+    for (var _index = 0; _index < flatData.length; _index += 1) {
+      var cell = flatData[_index];
       var value = Number(cell === null || cell === void 0 ? void 0 : cell.v);
       count += 1;
       if (Number.isNaN(value)) {
@@ -7539,6 +7546,9 @@ var SheetTab = function SheetTab() {
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();
     },
+    onPaste: function onPaste(e) {
+      return e.stopPropagation();
+    },
     id: "luckysheet-sheet-area"
   }, /*#__PURE__*/React.createElement("div", {
     id: "luckysheet-sheet-content"
@@ -10309,11 +10319,20 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     handleUndo: handleUndo,
     handleRedo: handleRedo,
-    calculateFormula: function calculateFormula() {
+    calculateFormula: function calculateFormula(sheetId) {
       setContext(function (draftCtx) {
-        _.forEach(draftCtx.luckysheetfile, function (sheet_obj) {
-          api.calculateSheetFromula(draftCtx, sheet_obj.id);
-        });
+        if (sheetId) {
+          api.calculateSheetFromula(draftCtx, sheetId);
+        } else {
+          _.forEach(draftCtx.luckysheetfile, function (sheet_obj) {
+            api.calculateSheetFromula(draftCtx, sheet_obj.id);
+          });
+        }
+      });
+    },
+    calculateSheetByCells: function calculateSheetByCells(cells) {
+      setContext(function (draftCtx) {
+        api.calculateSheetByCells(draftCtx, cells);
       });
     },
     dataToCelldata: function dataToCelldata(data) {
@@ -10321,6 +10340,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     celldataToData: function celldataToData(celldata, rowCount, colCount) {
       return api.celldataToData(celldata, rowCount, colCount);
+    },
+    setCtx: function setCtx(cb) {
+      setContext(function (draftCtx) {
+        return cb(draftCtx);
+      });
     }
   };
 }
@@ -11493,10 +11517,10 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: onKeyDown
   }, /*#__PURE__*/React.createElement(SVGDefines, null), /*#__PURE__*/React.createElement("div", {
     className: "leankylin-workarea"
-  }, mergedSettings.showToolbar && ( /*#__PURE__*/React.createElement(Toolbar, {
+  }, mergedSettings.renderTopToolbar && mergedSettings.renderTopToolbar(sheet), mergedSettings.showToolbar && ( /*#__PURE__*/React.createElement(Toolbar, {
     moreItemsOpen: moreToolbarItems !== null,
     setMoreItems: setMoreToolbarItems
-  })), mergedSettings.showFormulaBar && /*#__PURE__*/React.createElement(FxEditor, null)), /*#__PURE__*/React.createElement(Sheet, {
+  })), mergedSettings.renderBottomToolbar && mergedSettings.renderBottomToolbar(sheet), mergedSettings.showFormulaBar && /*#__PURE__*/React.createElement(FxEditor, null)), /*#__PURE__*/React.createElement(Sheet, {
     sheet: sheet
   }), mergedSettings.showSheetTabs && /*#__PURE__*/React.createElement(SheetTab, null), /*#__PURE__*/React.createElement(ContextMenu, null), /*#__PURE__*/React.createElement(FilterMenu, null), /*#__PURE__*/React.createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React.createElement(SheetList, null), moreToolbarItems && ( /*#__PURE__*/React.createElement(MoreItemsContaier, {
     onClose: onMoreToolbarItemsClose

package/dist/index.js

@@ -1157,7 +1157,7 @@ function usePrevious(value) {
 }
 
 var InputBox = function InputBox() {
-  var _context$luckysheet_s, _context$rangeDialog, _settings$renderEdito;
+  var _context$luckysheet_s, _context$rangeDialog, _refs$globalCache$fre, _refs$globalCache$fre2, _settings$renderEdito;
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -1282,12 +1282,12 @@ var InputBox = function InputBox() {
   var edit = !((colReadOnly[col_index] || rowReadOnly[row_index]) && context.allowEdit === true);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "luckysheet-input-box",
-    style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? {
+    style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? _objectSpread2(_objectSpread2({
       left: firstSelection.left,
       top: firstSelection.top,
       zIndex: ___default['default'].isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
       display: "block"
-    } : {
+    }, core.fixRowStyleOverflowInFreeze(context, firstSelection.row[0], firstSelection.row[1], (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId])), core.fixColumnStyleOverflowInFreeze(context, firstSelection.column[0], firstSelection.column[1], (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId])) : {
       left: -10000,
       top: -10000,
       display: "block"
@@ -1579,6 +1579,9 @@ var SearchReplace = function SearchReplace() {
   }, []);
   var body = document.body;
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
+    onPaste: function onPaste(e) {
+      return e.stopPropagation();
+    },
     id: "leankylin-search-replace",
     className: "leankylin-search-replace leankylin-dialog",
     style: getInitialPosition(body),
@@ -6881,8 +6884,8 @@ var CalcInfo = function CalcInfo() {
   var _locale = core.locale(context),
     pivotTable = _locale.pivotTable;
   var data = React.useMemo(function () {
-    var _context$luckysheet_s;
-    var firstSelection = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[0];
+    var selectionList = context.luckysheet_select_save;
+    var firstSelection = selectionList === null || selectionList === void 0 ? void 0 : selectionList[0];
     if (!firstSelection) {
       return null;
     }
@@ -6891,14 +6894,18 @@ var CalcInfo = function CalcInfo() {
     if ((columns === null || columns === void 0 ? void 0 : columns.length) !== 2 || (rows === null || rows === void 0 ? void 0 : rows.length) !== 2) {
       return null;
     }
-    var selectData = core.getDataBySelectionNoCopy(context, firstSelection);
+    var selectData = [];
+    for (var index = 0; index < selectionList.length; index++) {
+      var element = selectionList[index];
+      selectData.push.apply(selectData, _toConsumableArray(core.getDataBySelectionNoCopy(context, element)));
+    }
     var flatData = selectData.flat();
     var count = 0;
     var sum = 0;
     var max = null;
     var min = null;
-    for (var index = 0; index < flatData.length; index += 1) {
-      var cell = flatData[index];
+    for (var _index = 0; _index < flatData.length; _index += 1) {
+      var cell = flatData[_index];
       var value = Number(cell === null || cell === void 0 ? void 0 : cell.v);
       count += 1;
       if (Number.isNaN(value)) {
@@ -7549,6 +7556,9 @@ var SheetTab = function SheetTab() {
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();
     },
+    onPaste: function onPaste(e) {
+      return e.stopPropagation();
+    },
     id: "luckysheet-sheet-area"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     id: "luckysheet-sheet-content"
@@ -10319,11 +10329,20 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     handleUndo: handleUndo,
     handleRedo: handleRedo,
-    calculateFormula: function calculateFormula() {
+    calculateFormula: function calculateFormula(sheetId) {
       setContext(function (draftCtx) {
-        ___default['default'].forEach(draftCtx.luckysheetfile, function (sheet_obj) {
-          core.api.calculateSheetFromula(draftCtx, sheet_obj.id);
-        });
+        if (sheetId) {
+          core.api.calculateSheetFromula(draftCtx, sheetId);
+        } else {
+          ___default['default'].forEach(draftCtx.luckysheetfile, function (sheet_obj) {
+            core.api.calculateSheetFromula(draftCtx, sheet_obj.id);
+          });
+        }
+      });
+    },
+    calculateSheetByCells: function calculateSheetByCells(cells) {
+      setContext(function (draftCtx) {
+        core.api.calculateSheetByCells(draftCtx, cells);
       });
     },
     dataToCelldata: function dataToCelldata(data) {
@@ -10331,6 +10350,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     celldataToData: function celldataToData(celldata, rowCount, colCount) {
       return core.api.celldataToData(celldata, rowCount, colCount);
+    },
+    setCtx: function setCtx(cb) {
+      setContext(function (draftCtx) {
+        return cb(draftCtx);
+      });
     }
   };
 }
@@ -11503,10 +11527,10 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     onKeyDown: onKeyDown
   }, /*#__PURE__*/React__default['default'].createElement(SVGDefines, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "leankylin-workarea"
-  }, mergedSettings.showToolbar && ( /*#__PURE__*/React__default['default'].createElement(Toolbar, {
+  }, mergedSettings.renderTopToolbar && mergedSettings.renderTopToolbar(sheet), mergedSettings.showToolbar && ( /*#__PURE__*/React__default['default'].createElement(Toolbar, {
     moreItemsOpen: moreToolbarItems !== null,
     setMoreItems: setMoreToolbarItems
-  })), mergedSettings.showFormulaBar && /*#__PURE__*/React__default['default'].createElement(FxEditor, null)), /*#__PURE__*/React__default['default'].createElement(Sheet, {
+  })), mergedSettings.renderBottomToolbar && mergedSettings.renderBottomToolbar(sheet), mergedSettings.showFormulaBar && /*#__PURE__*/React__default['default'].createElement(FxEditor, null)), /*#__PURE__*/React__default['default'].createElement(Sheet, {
     sheet: sheet
   }), mergedSettings.showSheetTabs && /*#__PURE__*/React__default['default'].createElement(SheetTab, null), /*#__PURE__*/React__default['default'].createElement(ContextMenu, null), /*#__PURE__*/React__default['default'].createElement(FilterMenu, null), /*#__PURE__*/React__default['default'].createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React__default['default'].createElement(SheetList, null), moreToolbarItems && ( /*#__PURE__*/React__default['default'].createElement(MoreItemsContaier, {
     onClose: onMoreToolbarItemsClose