@leankylin-sheet/react 2.0.10 → 2.0.12

package/dist/components/FxEditor/CalcInfo.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CalcInfo: React.FC;
+export default CalcInfo;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getDataBySelectionNoCopy, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
@@ -6324,6 +6324,96 @@ var LocationBox = function LocationBox() {
   }, rangeText));
 };
 
+var intThousands = function intThousands(number) {
+  var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+  return String(number).replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+};
+var numberThousands = function numberThousands(num, groupSeparator, precision) {
+  var number = Number(num).toFixed(precision);
+  var _String$split = String(number).split("."),
+    _String$split2 = _slicedToArray(_String$split, 2),
+    init = _String$split2[0],
+    decimal = _String$split2[1];
+  if (precision) {
+    return "".concat(intThousands(init, groupSeparator), ".").concat(decimal);
+  }
+  return intThousands(init, groupSeparator);
+};
+var CalcInfo = function CalcInfo() {
+  var _useContext = useContext(WorkbookContext),
+    context = _useContext.context,
+    settings = _useContext.settings;
+  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];
+    if (!firstSelection) {
+      return null;
+    }
+    var columns = firstSelection.column;
+    var rows = firstSelection.row;
+    if ((columns === null || columns === void 0 ? void 0 : columns.length) !== 2 || (rows === null || rows === void 0 ? void 0 : rows.length) !== 2) {
+      return null;
+    }
+    if (columns[0] === columns[1] && rows[0] === rows[1]) {
+      return null;
+    }
+    var selectData = getDataBySelectionNoCopy(context, firstSelection);
+    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];
+      var value = Number(cell === null || cell === void 0 ? void 0 : cell.v);
+      count += 1;
+      if (Number.isNaN(value)) {
+        continue;
+      }
+      if (max === null) {
+        max = value;
+      }
+      if (min === null) {
+        min = value;
+      }
+      max = Math.max(max, value);
+      min = Math.min(min, value);
+      sum += value;
+    }
+    return {
+      sum: sum,
+      count: count,
+      average: count ? sum / count : null,
+      max: max,
+      min: min
+    };
+  }, [context.luckysheet_select_save]);
+  var labelMap = {
+    count: "计数",
+    sum: "总和",
+    average: "平均值",
+    max: "最大值",
+    min: "最小值"
+  };
+  if (settings.renderCalcInfo) {
+    return settings.renderCalcInfo(data, context.luckysheet_select_save);
+  }
+  if (!data) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12
+    }
+  }, Object.keys(labelMap).map(function (key) {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginRight: 10
+      }
+    }, labelMap[key], ":", key === "count" ? data[key] : numberThousands(data[key], ",", 2));
+  }));
+};
+
 var FxEditor = function FxEditor() {
   var _context$luckysheet_s;
   var _useContext = useContext(WorkbookContext),
@@ -6487,7 +6577,7 @@ var FxEditor = function FxEditor() {
     },
     tabIndex: 0,
     allowEdit: allowEdit
-  }), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
+  }), /*#__PURE__*/React.createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
     style: {
       top: inputContainerRef.current.clientHeight
     }

package/dist/index.js

@@ -6334,6 +6334,96 @@ var LocationBox = function LocationBox() {
   }, rangeText));
 };
 
+var intThousands = function intThousands(number) {
+  var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+  return String(number).replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+};
+var numberThousands = function numberThousands(num, groupSeparator, precision) {
+  var number = Number(num).toFixed(precision);
+  var _String$split = String(number).split("."),
+    _String$split2 = _slicedToArray(_String$split, 2),
+    init = _String$split2[0],
+    decimal = _String$split2[1];
+  if (precision) {
+    return "".concat(intThousands(init, groupSeparator), ".").concat(decimal);
+  }
+  return intThousands(init, groupSeparator);
+};
+var CalcInfo = function CalcInfo() {
+  var _useContext = React.useContext(WorkbookContext),
+    context = _useContext.context,
+    settings = _useContext.settings;
+  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];
+    if (!firstSelection) {
+      return null;
+    }
+    var columns = firstSelection.column;
+    var rows = firstSelection.row;
+    if ((columns === null || columns === void 0 ? void 0 : columns.length) !== 2 || (rows === null || rows === void 0 ? void 0 : rows.length) !== 2) {
+      return null;
+    }
+    if (columns[0] === columns[1] && rows[0] === rows[1]) {
+      return null;
+    }
+    var selectData = core.getDataBySelectionNoCopy(context, firstSelection);
+    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];
+      var value = Number(cell === null || cell === void 0 ? void 0 : cell.v);
+      count += 1;
+      if (Number.isNaN(value)) {
+        continue;
+      }
+      if (max === null) {
+        max = value;
+      }
+      if (min === null) {
+        min = value;
+      }
+      max = Math.max(max, value);
+      min = Math.min(min, value);
+      sum += value;
+    }
+    return {
+      sum: sum,
+      count: count,
+      average: count ? sum / count : null,
+      max: max,
+      min: min
+    };
+  }, [context.luckysheet_select_save]);
+  var labelMap = {
+    count: "计数",
+    sum: "总和",
+    average: "平均值",
+    max: "最大值",
+    min: "最小值"
+  };
+  if (settings.renderCalcInfo) {
+    return settings.renderCalcInfo(data, context.luckysheet_select_save);
+  }
+  if (!data) {
+    return null;
+  }
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      fontSize: 12
+    }
+  }, Object.keys(labelMap).map(function (key) {
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        marginRight: 10
+      }
+    }, labelMap[key], ":", key === "count" ? data[key] : numberThousands(data[key], ",", 2));
+  }));
+};
+
 var FxEditor = function FxEditor() {
   var _context$luckysheet_s;
   var _useContext = React.useContext(WorkbookContext),
@@ -6497,7 +6587,7 @@ var FxEditor = function FxEditor() {
     },
     tabIndex: 0,
     allowEdit: allowEdit
-  }), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+  }), /*#__PURE__*/React__default['default'].createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
     style: {
       top: inputContainerRef.current.clientHeight
     }

package/dist/index.umd.js

@@ -85137,6 +85137,30 @@
   function luckysheetUpdateCell(ctx, row_index, col_index) {
     ctx.luckysheetCellUpdate = [row_index, col_index];
   }
+  function getDataBySelectionNoCopy(ctx, range) {
+    if (!range || !range.row || range.row.length === 0) return [];
+    var data = [];
+    var flowData = getFlowdata(ctx);
+    if (!flowData) return [];
+    for (var r = range.row[0]; r <= range.row[1]; r += 1) {
+      var row = [];
+      if (ctx.config.rowhidden != null && ctx.config.rowhidden[r] != null) {
+        continue;
+      }
+      for (var c = range.column[0]; c <= range.column[1]; c += 1) {
+        var value = null;
+        if (ctx.config.colhidden != null && ctx.config.colhidden[c] != null) {
+          continue;
+        }
+        if (flowData[r] != null && flowData[r][c] != null) {
+          value = flowData[r][c];
+        }
+        row.push(value);
+      }
+      data.push(row);
+    }
+    return data;
+  }
 
   var clipboard = /*#__PURE__*/function () {
     function clipboard() {
@@ -108542,6 +108566,96 @@
     }, rangeText));
   };
 
+  var intThousands$1 = function intThousands(number) {
+    var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+    return String(number).replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+  };
+  var numberThousands$1 = function numberThousands(num, groupSeparator, precision) {
+    var number = Number(num).toFixed(precision);
+    var _String$split = String(number).split("."),
+      _String$split2 = _slicedToArray(_String$split, 2),
+      init = _String$split2[0],
+      decimal = _String$split2[1];
+    if (precision) {
+      return "".concat(intThousands$1(init, groupSeparator), ".").concat(decimal);
+    }
+    return intThousands$1(init, groupSeparator);
+  };
+  var CalcInfo = function CalcInfo() {
+    var _useContext = React.useContext(WorkbookContext),
+      context = _useContext.context,
+      settings = _useContext.settings;
+    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];
+      if (!firstSelection) {
+        return null;
+      }
+      var columns = firstSelection.column;
+      var rows = firstSelection.row;
+      if ((columns === null || columns === void 0 ? void 0 : columns.length) !== 2 || (rows === null || rows === void 0 ? void 0 : rows.length) !== 2) {
+        return null;
+      }
+      if (columns[0] === columns[1] && rows[0] === rows[1]) {
+        return null;
+      }
+      var selectData = getDataBySelectionNoCopy(context, firstSelection);
+      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];
+        var value = Number(cell === null || cell === void 0 ? void 0 : cell.v);
+        count += 1;
+        if (Number.isNaN(value)) {
+          continue;
+        }
+        if (max === null) {
+          max = value;
+        }
+        if (min === null) {
+          min = value;
+        }
+        max = Math.max(max, value);
+        min = Math.min(min, value);
+        sum += value;
+      }
+      return {
+        sum: sum,
+        count: count,
+        average: count ? sum / count : null,
+        max: max,
+        min: min
+      };
+    }, [context.luckysheet_select_save]);
+    var labelMap = {
+      count: "计数",
+      sum: "总和",
+      average: "平均值",
+      max: "最大值",
+      min: "最小值"
+    };
+    if (settings.renderCalcInfo) {
+      return settings.renderCalcInfo(data, context.luckysheet_select_save);
+    }
+    if (!data) {
+      return null;
+    }
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        fontSize: 12
+      }
+    }, Object.keys(labelMap).map(function (key) {
+      return /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          marginRight: 10
+        }
+      }, labelMap[key], ":", key === "count" ? data[key] : numberThousands$1(data[key], ",", 2));
+    }));
+  };
+
   var FxEditor = function FxEditor() {
     var _context$luckysheet_s;
     var _useContext = React.useContext(WorkbookContext),
@@ -108705,7 +108819,7 @@
       },
       tabIndex: 0,
       allowEdit: allowEdit
-    }), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+    }), /*#__PURE__*/React__default['default'].createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
       style: {
         top: inputContainerRef.current.clientHeight
       }