@leankylin-sheet/react 2.0.9 → 2.0.11

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, calcSelectionInfo, 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,92 @@ 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;
+  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 = {
+    sum: "总和",
+    count: "计数",
+    average: "平均值",
+    max: "最大值",
+    min: "最小值"
+  };
+  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], ": ", numberThousands(data[key], ",", 2));
+  }));
+};
+
 var FxEditor = function FxEditor() {
   var _context$luckysheet_s;
   var _useContext = useContext(WorkbookContext),
@@ -6487,7 +6573,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
     }
@@ -10351,34 +10437,13 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     context = _useState2[0],
     setContext = _useState2[1];
-  var _locale = locale(context),
-    formula = _locale.formula;
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     moreToolbarItems = _useState4[0],
     setMoreToolbarItems = _useState4[1];
-  var _useState5 = useState({
-      numberC: 0,
-      count: 0,
-      sum: 0,
-      max: 0,
-      min: 0,
-      average: ""
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    calInfo = _useState6[0],
-    setCalInfo = _useState6[1];
   var mergedSettings = useMemo(function () {
     return _.assign(_.cloneDeep(defaultSettings), props);
   }, _toConsumableArray(_.values(props)));
-  useEffect(function () {
-    var selection = context.luckysheet_select_save;
-    var lang = props.lang;
-    if (selection) {
-      var re = calcSelectionInfo(context, lang);
-      setCalInfo(re);
-    }
-  }, [context.luckysheet_select_save]);
   var initSheetData = useCallback(function (draftCtx, newData, index) {
     var _lastRow$r, _lastCol$c;
     var celldata = newData.celldata,
@@ -10804,15 +10869,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       e.stopPropagation();
     },
     className: "leankylin-popover-backdrop"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "leankylin-stat-area"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-sheet-selection-calInfo"
-  }, !!calInfo.count && (/*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "60px"
-    }
-  }, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React.createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React.createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React.createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React.createElement("div", null, formula.min, ": ", calInfo.min)))))));
+  })))));
 });
 
 export { Workbook };

package/dist/index.js

@@ -6334,6 +6334,92 @@ 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;
+  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 = {
+    sum: "总和",
+    count: "计数",
+    average: "平均值",
+    max: "最大值",
+    min: "最小值"
+  };
+  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], ": ", numberThousands(data[key], ",", 2));
+  }));
+};
+
 var FxEditor = function FxEditor() {
   var _context$luckysheet_s;
   var _useContext = React.useContext(WorkbookContext),
@@ -6497,7 +6583,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
     }
@@ -10361,34 +10447,13 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     _useState2 = _slicedToArray(_useState, 2),
     context = _useState2[0],
     setContext = _useState2[1];
-  var _locale = core.locale(context),
-    formula = _locale.formula;
   var _useState3 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     moreToolbarItems = _useState4[0],
     setMoreToolbarItems = _useState4[1];
-  var _useState5 = React.useState({
-      numberC: 0,
-      count: 0,
-      sum: 0,
-      max: 0,
-      min: 0,
-      average: ""
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    calInfo = _useState6[0],
-    setCalInfo = _useState6[1];
   var mergedSettings = React.useMemo(function () {
     return ___default['default'].assign(___default['default'].cloneDeep(core.defaultSettings), props);
   }, _toConsumableArray(___default['default'].values(props)));
-  React.useEffect(function () {
-    var selection = context.luckysheet_select_save;
-    var lang = props.lang;
-    if (selection) {
-      var re = core.calcSelectionInfo(context, lang);
-      setCalInfo(re);
-    }
-  }, [context.luckysheet_select_save]);
   var initSheetData = React.useCallback(function (draftCtx, newData, index) {
     var _lastRow$r, _lastCol$c;
     var celldata = newData.celldata,
@@ -10814,15 +10879,7 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
       e.stopPropagation();
     },
     className: "leankylin-popover-backdrop"
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "leankylin-stat-area"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "luckysheet-sheet-selection-calInfo"
-  }, !!calInfo.count && (/*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      width: "60px"
-    }
-  }, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min)))))));
+  })))));
 });
 
 exports.Workbook = Workbook;

package/dist/index.umd.js

@@ -86847,48 +86847,6 @@
     }
     return ret;
   }
-  function calcSelectionInfo(ctx, lang) {
-    var selection = ctx.luckysheet_select_save;
-    var numberC = 0;
-    var count = 0;
-    var sum = 0;
-    var max = -Infinity;
-    var min = Infinity;
-    for (var s = 0; s < selection.length; s += 1) {
-      var data = getDataBySelectionNoCopy(ctx, selection[s]);
-      for (var r = 0; r < data.length; r += 1) {
-        for (var c = 0; c < data[0].length; c += 1) {
-          var _data$r$c, _data$r$c$ct, _data$r$c$v, _data$r$c2, _data$r$c3;
-          if (r >= data.length || c >= data[0].length) break;
-          var ct = (_data$r$c = data[r][c]) === null || _data$r$c === void 0 ? void 0 : (_data$r$c$ct = _data$r$c.ct) === null || _data$r$c$ct === void 0 ? void 0 : _data$r$c$ct.t;
-          var value = ((_data$r$c$v = (_data$r$c2 = data[r][c]) === null || _data$r$c2 === void 0 ? void 0 : _data$r$c2.v) !== null && _data$r$c$v !== void 0 ? _data$r$c$v : (_data$r$c3 = data[r][c]) === null || _data$r$c3 === void 0 ? void 0 : _data$r$c3.m) || "0";
-          if (ct === "n" || ct === "g" && parseFloat(value).toString() !== "NaN") {
-            var valueNumber = parseFloat(value);
-            count += 1;
-            sum += valueNumber;
-            max = Math.max(valueNumber, max);
-            min = Math.min(valueNumber, min);
-            numberC += 1;
-          } else if (value != null) {
-            count += 1;
-          }
-        }
-      }
-    }
-    var formatString = lang && !["zh", "zh_tw"].includes(lang) ? "0.00" : "w0.00";
-    var average = SSF.format(formatString, sum / numberC);
-    sum = SSF.format(formatString, sum);
-    max = SSF.format(formatString, max);
-    min = SSF.format(formatString, min);
-    return {
-      numberC: numberC,
-      count: count,
-      sum: sum,
-      max: max,
-      min: min,
-      average: average
-    };
-  }
 
   function defaultContext(refs) {
     return {
@@ -108608,6 +108566,92 @@
     }, 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;
+    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 = {
+      sum: "总和",
+      count: "计数",
+      average: "平均值",
+      max: "最大值",
+      min: "最小值"
+    };
+    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], ": ", numberThousands$1(data[key], ",", 2));
+    }));
+  };
+
   var FxEditor = function FxEditor() {
     var _context$luckysheet_s;
     var _useContext = React.useContext(WorkbookContext),
@@ -108771,7 +108815,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
       }
@@ -112635,34 +112679,13 @@
       _useState2 = _slicedToArray(_useState, 2),
       context = _useState2[0],
       setContext = _useState2[1];
-    var _locale = locale(context),
-      formula = _locale.formula;
     var _useState3 = React.useState(null),
       _useState4 = _slicedToArray(_useState3, 2),
       moreToolbarItems = _useState4[0],
       setMoreToolbarItems = _useState4[1];
-    var _useState5 = React.useState({
-        numberC: 0,
-        count: 0,
-        sum: 0,
-        max: 0,
-        min: 0,
-        average: ""
-      }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      calInfo = _useState6[0],
-      setCalInfo = _useState6[1];
     var mergedSettings = React.useMemo(function () {
       return lodash.assign(lodash.cloneDeep(defaultSettings), props);
     }, _toConsumableArray(lodash.values(props)));
-    React.useEffect(function () {
-      var selection = context.luckysheet_select_save;
-      var lang = props.lang;
-      if (selection) {
-        var re = calcSelectionInfo(context, lang);
-        setCalInfo(re);
-      }
-    }, [context.luckysheet_select_save]);
     var initSheetData = React.useCallback(function (draftCtx, newData, index) {
       var _lastRow$r, _lastCol$c;
       var celldata = newData.celldata,
@@ -113088,15 +113111,7 @@
         e.stopPropagation();
       },
       className: "leankylin-popover-backdrop"
-    })), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "leankylin-stat-area"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "luckysheet-sheet-selection-calInfo"
-    }, !!calInfo.count && (/*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
-        width: "60px"
-      }
-    }, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min)))))));
+    })))));
   });
 
   exports.Workbook = Workbook;